/*=======================================*\
|| Standard stylable for all Typo3 Sites ||
\*=======================================*/
body{
  font-size: 12px;
}
/*
|| LAYOUT CONTAINER
*/
#pagewidth{     width:970px; margin-top: 10px;}
#leftcol {      width:192px; height: 485px; background-image: url(links-hb.jpg);}

#twocols {      width:778px; background-image: url(mitte-hb.jpg); background-repeat: no-repeat; background-position: 1px 0px;}
#maincol {      width:581px; height: 485px; overflow-x: hidden; overflow-y: auto; margin-left: 1px;}

#rightcol{      width:195px; height: 485px; overflow: none; background-image: url(rechts-hb.jpg);}

#header{        height: 218px;}
#footer{        height: 40px;}

/* margins */
div#pagewidth{
  margin-left: 8px;
  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-textpic-intext-left-nowrap,
div.csc-textpic-intext-left{
  margin-left: 25px;
}

div.csc-frame-li-ob,
div.csc-frame-re-ob{
  margin-top: 7px;
}

div.csc-frame-li-ob{
  clear: both;
  background-image: url(produkte_li_ob.jpg);
  background-repeat: no-repeat;
  width: 272px;
  height: 190px;
  float: left;
  border-bottom: 1px solid #ffffff;
  margin-left: 20px;
  overflow: hidden;
}

div.csc-frame-re-ob{
  background-image: url(produkte_re_ob.jpg);
  background-repeat: no-repeat;
  width: 273px;
  height: 190px;
  float: left;
  border-left: 1px solid #ffffff;
  border-bottom: 1px solid #ffffff;
  margin-left: 0px;
  overflow: hidden;
}

div.csc-frame-li-un{
  clear: both;
  background-image: url(produkte_li_un.jpg);
  background-repeat: no-repeat;
  width: 272px;
  height: 190px;
  float: left;
  margin-left: 20px;
  overflow: hidden;
}

div.csc-frame-re-un{
  background-image: url(produkte_re_un.jpg);
  background-repeat: no-repeat;
  height: 190px;
  width: 273px;
  float: left;
  border-left: 1px solid #ffffff;
  margin-left: 0px;
  overflow: hidden;
}

div.csc-frame-li-ob ul,
div.csc-frame-li-un ul,
div.csc-frame-re-ob ul,
div.csc-frame-re-un ul{
  list-style-type: none;
  margin-left: 0px;
}

div.csc-frame-li-ob ul li,
div.csc-frame-li-un ul li{
  font-size: 11px;
  margin-left: -35px;
  margin-top: 4px;
}

div.csc-frame-re-ob ul li,
div.csc-frame-re-un ul li{
  font-size: 11px;
  margin-left: -40px;
  margin-top: 4px;
}

div.csc-frame-li-ob ul li a,
div.csc-frame-li-un ul li a{
  padding-left: 18px;
  margin-right: 1px;
  display: block;
  text-decoration: none;
}

div.csc-frame-re-ob ul li a,
div.csc-frame-re-un ul li a{
  padding-left: 23px;
  margin-right: 8px;
  display: block;
  text-decoration: none;
}

div.csc-frame-li-ob ul li a:hover,
div.csc-frame-li-un ul li a:hover,
div.csc-frame-re-ob ul li a:hover,
div.csc-frame-re-un ul li a:hover{
  background-color: #f7b234;
}

div.csc-frame-1col{
  clear: both;
}

div.csc-frame-left{
  margin-left: 0px;
}

div.csc-frame-left div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image{
  margin-bottom: 0px;
}

div.csc-frame-left h1,
div.csc-frame-left h2,
div.csc-frame-left p,
div.csc-frame-left ul li,
div.csc-frame-left ol li
div.csc-frame-left a,
div.csc-frame-right h1,
div.csc-frame-right h2,
div.csc-frame-right p,
div.csc-frame-right ul li,
div.csc-frame-right ol li
div.csc-frame-right a{
  font-family: Helvetica, Arial, Verdana;
  font-size: 8pt;
  color: #0076A4;
  margin-right: 8px;
}

div.csc-frame-left h1,
div.csc-frame-left h1 a,
div.csc-frame-right h1,
div.csc-frame-right h1 a{
  font-weight: bold;
  font-size: 10pt;
  color: #0076A4;
  margin-top: 16px;
  padding-bottom: 10px;
}

div.csc-frame-left h2,
div.csc-frame-left h2 a,
div.csc-frame-right h2,
div.csc-frame-right h2 a{
  font-weight: bold;
  color: #ffffff;
  margin-top: 10px;
  margin-bottom: 0px;
}

div.csc-frame-left p,
div.csc-frame-right p{
  margin-top: 10px;
}

div.csc-frame-left ul li,
div.csc-frame-left ol li,
div.csc-frame-right ul li,
div.csc-frame-right ol li{
  margin-top: 0px;
  margin-left: -25px;
}

div.csc-frame-left h1{
  text-align: right;
  margin-right: 12px;
  margin-left: 8px;
}

div.csc-frame-left p{
  margin-left: 8px;
}

div.csc-frame-left div.csc-textpic{
  margin-right: 1px;
  margin-bottom: 7px;
}

div.csc-frame-right div.csc-textpic{
  margin-left: -6px;
}

div.csc-frame-right div.csc-textpic-center,
div.csc-frame-right div.csc-textpic-right{
  margin-left: -16px;
}

div.csc-frame-trenner h1 a,
div.csc-frame-trenner h2 a,
div.csc-frame-trenner p,
div.csc-frame-trenner h1,
div.csc-frame-trenner h2,
div.csc-frame-1col h1 a,
div.csc-frame-1col h2 a,
div.csc-frame-1col p,
div.csc-frame-1col h1,
div.csc-frame-1col h2{
  padding-left: 25px;
  margin-right: 20px;
  font-family: Helvetica, Arial, Verdana;
  font-size: 11pt;
  color: #f7b234;
}

div.csc-frame-trenner p,
div.csc-frame-1col p{
  font-size: 9pt;
  color: #000000;
}

div.csc-frame-trenner div.csc-textpic,
div.csc-frame-1col div.csc-textpic{
  margin-right: 20px;
}

div.csc-frame-trenner p.trenner{
  margin-left: -9px;
  padding-left: 0px;
}

div.csc-textpic h2{
  color: #000000;
  font-size: 12pt;  
}

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

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

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

div#maincol div.csc-frame-li-ob div.csc-header h1,
div#maincol div.csc-frame-re-ob div.csc-header h1{
  font-size: 15px;
  color: #000000;
  margin-left: 20px;
  margin-top: 18px;
}

div#maincol div.csc-frame-li-un div.csc-header h1,
div#maincol div.csc-frame-re-un div.csc-header h1{
  font-size: 15px;
  color: #000000;
  margin-left: 20px;
  margin-top: 15px;
}


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

/* 
|| footer styles
*/
div#footertext{
  margin-top: 0px;
  float: left;
}

div#footertext a,
div#footertext p,
div#footertext{
  color: #0076A4;
  font-size: 11px;
  font-family: Helvetica, Arial, Verdana;
}

div#footertext a:link,
div#footertext a:visited,
div#footertext a:active,
div#footertext li.menu-cur{
  font-size: 11px;
  color: #0076a4;
  text-decoration: none;
  margin-left: 15px;
}

/*
|| Scrollbar
*/
div#maincol{
  scrollbar-face-color: #BAE1F2;
  scrollbar-3dlight-color: #FFFFFF;
  scrollbar-darkshadow-color: #BBBBBB;
  scrollbar-track-color: #BAE1F2;
  scrollbar-arrow-color: #f7b234;
  scrollbar-highlight-color: #BAE1F2;
  scrollbar-shadow-color: #BAE1F2;
}

/*
|| Contact form
*/
form#kontaktformular{
  margin-top:10px;
  margin-left: 34px;
}

input.txt{
  width:300px;
  font-family: Helvetica, Arial, Verdana;
}

textarea.mtxt{
   width:300px;
   height: 100px;
   font-family: Helvetica, Arial, Verdana;
}

label.lbl{
   text-align:left;
}

input.submit{
  font-family: Helvetica, Arial, Verdana;
  font-size: 12px;
  color: #ffffff;
  background-color: #f7b234;
  border: 1px solid #f7b234;
  margin-left: 110px;
}