/*=======================================*\
|| Standard stylable for all Typo3 Sites ||
\*=======================================*/
body{
  font-size: 12px;
  background-color: #eeeeee;
}
/*
|| DEBUG COLORS (delete or uncomment after layout styling)
*/
#pagewidth{background-color: #ffffff;}
#leftcol { background-color: #ffffff;}
#twocols { background-color: #ffffff;}
#maincol { background-color: #ffffff;}
#rightcol{ background-color: #ffffff;}

#header{   background-color: #ffffff;}
/*#footer{   background-color: #DDDDDD;}*/
/*
|| LAYOUT CONTAINER
*/
#pagewidth{     width:970px; }
#leftcol {      width:0px; }
#twocols {      width:970px; }
#maincol {      width:970px; }
/*#rightcol{      width:158px; }*/

#header{        height: 200px; background-image: url(header_back.jpg); background-repeat: no-repeat; background-position: top left;}
#footer{        height: 40px;}

/* margins */
div#pagewidth{
  margin-right: 8px;
}

div#footer{
  margin-top: 8px;
}

div#footertext{
  margin-top: 10px;
}

/*h1.title,
img#headerimg,
h1.parentpagetitle,
div.csc-frame{
  margin-left: 8px;
}
*/
/*
|| CONTENT ELEMENT FRAMES
|| This elements can be selected in:
|| BE => Pagecontent => Section "Type" => field "Frame"
*/
div.csc-frame-1col{
  clear: both;
  margin-right: 20px;
}

div.csc-frame-1-2-col{
  width: 303px;
  float: left;
}

div.csc-frame-1-3-col{
  width: 199px;
  float: left;
}

div.csc-frame-2-3-col{
  width: 398px;
  float: left;
}

div.csc-frame-color{
  background-color: #DDDDDD;
}

/*
|| content elements
*/
h1.title{
  font-family: Helvetica;
  font-size: 30px;
  font-weight: 100;
  color: #666666;
}

img#contentheader{
  margin-left: 8px;
}

div#maincol div.csc-header h1{
  font-size: 14px;
  color: #666666;
}

div#maincol td,
div#maincol label{
  color: #000000;
}

div#maincol li{
  list-style-type: disc;
  font-weight: bold;
  padding-top: 10px;
}

div#maincol p{
  text-decoration: none;
}

div.csc-textpic-text a:link, a:visited, a:active {
  color:#000000;
  text-decoration:none;
  font-weight: bold;
}

div.csc-textpic-text a:hover,a:focus{
   color: #AE0028;

}

div.csc-textpic-text{
  padding-top: 10px;
  margin-left: 25px;
  display: block;
}

div h1.csc-firstHeader, h1, h2, h3, h4, h5, h6, p, p.bodytext, ul, ol, ul li, ol li, td, th {
  color:#000000;
  font-family:Verdana,Arial;
  font-size:12px;
}

div h1.csc-firstHeader, h2{
  color:#AE0028;
  text-align: center;
}

div h1.csc-firstHeader, h1{
  color:#000000;
  text-align: left;
  font-size: 14px;
}


div.csc-textpic-intext-left-nowrap div.csc-textpic-imagewrap {
  margin-left: 25px;
  margin-top: 15px;

}

div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image .csc-textpic-caption{
  margin-top:10px;
  width: 310px;
  font-weight: normal;
}

/*
|| header styles
*/

div#header div.content-wrap {
  width: 868px;
  margin:0;
  float:left;
}
div#header div.csc-textpic-imagewrap {
  width: 868px;
  height:126px;
}
div#header div.csc-textpic div.csc-textpic-imagewrap dl.csc-textpic-image {
  width: 868px;
  height:126px;
}

div#headerleiste{
  background-image: url(headleiste.jpg);
  background-repeat: no-repeat;
}

div#title{
  clear: both;
  float: left;
  width: 485px;
  height: 45px;
  padding-top: 8px;
}

h1.title{
  margin: 0;
  margin-left: 25px;
  margin-top: 10px;
  color:#000000;
  text-align: left;
  font-size: 11pt;
  font-weight: bold;
  font-family:Verdana,Arial;
}


/*
|| footer styles
*/
div#footer{
  background-image: url(headleiste.jpg);
  background-repeat: no-repeat;
}