/*=======================================*\
|| Standard stylable for all Typo3 Sites ||
\*=======================================*/
body{
  font-size: 12px;
}
/*
|| 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: #ffffff;}
/*
|| LAYOUT CONTAINER
*/
#pagewidth{     width:980px; }
#leftcol {      width:154px; min-height: 476px; background-image:url(leftcol.jpg); background-position: left top; background-repeat: repeat-y;}
#twocols {      width:826px; }
#maincol {      width:596px; min-height: 476px; background-image:url(maincol.jpg); background-position: left top; background-repeat: repeat-y;}
#rightcol{      width:229px; min-height: 476px; background-image:url(rightcol.jpg); background-repeat: repeat-y; overflow: hidden;}

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

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

div#footer{
}

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

h1.title,
img#headerimg,
h1.parentpagetitle,
div.csc-frame{
  margin-left: 40px;
  margin-right: 50px;
}

div.csc-frame{
  margin-top: 49px;
}

div.csc-frame ul{
  margin-top: 0px;
  margin-bottom: 17px;
  padding-left: 0px;
}

div.csc-frame ul li{
  list-style-type: none;
  padding-left: 15px;
  background-image:url(dot.jpg);
  background-position: left 6px;
  background-repeat: no-repeat;
}

p.bodytext{
  margin-bottom: 17px;
  margin-top: 0px;
}

div h1.csc-firstHeader, h1, h2, h3, h4, h5, h6, p, p.bodytext, ul, ol, ul li, ol li, td, th {
  font-size:11px;
}
/*
|| CONTENT ELEMENT FRAMES
|| This elements can be selected in:
|| BE => Pagecontent => Section "Type" => field "Frame"
*/
div#maincol div.csc-frame-news div.csc-header h1{
  margin-bottom: 0px;
}

/*
|| 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: #616265;
  margin-top: 0px;
  margin-bottom: 17px;
}

a:link, a:visited, a:active {
  color: #616265;
}

div#maincol p,
div#maincol td,
div#maincol li,
div#maincol label{
  color: #000000;
  line-height: 17px;
  color: #616265;
}

/*rightcol*/

div#rightcol div.csc-textpic-center div.csc-textpic-imagewrap .csc-textpic-image{
  margin-left: 0px;
}

div#rightcol h1.title,
div#rightcol img#headerimg,
div#rightcol h1.parentpagetitle,
div#rightcol div.csc-frame{
  margin:0;
  padding:0;
}

div#rightcol div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image{
  margin-bottom: 0px;
}
div#rightcol div.csc-textpic div.csc-textpic-single-image img{
  margin-bottom: 0px;
}

div#rightcol h1 a:link,
div#rightcol h1 a:visited,
div#rightcol h1 a:active{
  color:#ffffff;
  text-decoration:none;
}

div#rightcol h1 a:hover,
div#rightcol h1 a:focus{
  text-decoration: underline;
}

div#rightcol div.csc-frame div.csc-header h1{
  color: #616265;
  font-size: 14px;
  margin-bottom: 17px;
  margin-left: 16px;
  margin-right: 14px;
}

div#rightcol div.csc-frame p.bodytext{
  color: #616265;
  margin-left: 16px;
  margin-right: 14px;
  margin-bottom: 17px;
  line-height: 17px;
}

div#rightcol div.csc-frame div.csc-header h1.csc-firstHeader{
  margin-top: 49px;
}

div#rightcol div.csc-frame-rightbox-1-3{
  background-color: #ffffff;
  background-position: left 4px;
  background-image: url(rightbox-1-3.jpg);
  background-repeat: no-repeat;
  height: 151px;
  padding-top: 10px;
}

div#rightcol div.csc-frame-rightbox-1-2{
  background-color: #ffffff;
  background-position: left 4px;
  background-image: url(rightbox-1-2.jpg);
  background-repeat: no-repeat;
  height: 230px;
  padding-top: 10px;
}

div#rightcol div.csc-frame-rightbox-1-3 p.bodytext,
div#rightcol div.csc-frame-rightbox-1-2 p.bodytext{
  color: #ffffff;
  margin-left: 16px;
  margin-right: 14px;
  padding-top: 20px;
  padding-bottom: 0px;
  margin-bottom: 0px;
  line-height: 17px;
}

div#rightcol div.csc-frame-rightbox-1-3 h1,
div#rightcol div.csc-frame-rightbox-1-2 h1{
  margin: 0;
  padding: 0;
  margin-left: 16px;
  color: #ffffff;
  font-size: 13px;
}

/*
|| footer styles
*/
div#footertext{
  font-size: 10px;
  color: #616265;
  float: left;
  margin: 0;
  padding-top: 4px;
}

a#impressum:active,
a#impressum:link,
a#impressum:visited{
  display: block;
  height: 30px;
  width: 154px;
  background-image:url(menu-off.jpg);
  background-repeat:no-repeat;
  background-position: 0px 0px;
  color: #616265;
  font-weight: bold;
  padding-left:45px;
  padding-top: 9px;
  text-decoration: none;
}

a#impressum:hover,
a#impressum:focus{
  background-image:url(menu-on.jpg);
  color: #581724;
}