/************************** RESET BROWSERS **************************/

* { margin:0; padding:0; font-family: Arial, Helvetica, sans-serif, Geneva; font-size: 12px;} 
html { height:100% }
body {height: 100%; color: #000; background: #ccc; text-align: left;}
ul, ul li { margin: 0; list-style-type: none;}
.clearer { clear:both }


/************************** LAYOUT **************************/

#header { height:115px; background: #fff url(../img/layout/top.png); }
#layout { width: 760px; margin: 0 auto; padding: 0 auto; background-color: #fff; }
#contentleft { width: 160px; padding: 20px 20px 20px 10px; float:left; }
#content { width: 550px; background: #fff; padding-top: 20px; float: left; min-height: 200px; margin-bottom: 30px;}

#contentleft li { padding: 3px 0 5px 0; border-top: 1px solid #aac; }

#contentleft p { color:#999; padding: 4px 0 4px 0; }
#contentleft h1 { color:#999; }
#contentleft h1 a { color:#996; font-size:12px; padding: 3px 0 3px 0; }
#contentleft h1 a:hover { color:#036; }
#contentleft h2 { color:#036; font-size:12px; padding: 3px 0 3px 0; }

#contentleft img { padding: 0; }
#contentleft .imgleft { padding: 0 10px 10px 0; float:left; }

#contentleft a { color:#036; font-size:12px; text-decoration:none; }
#contentleft a:hover { color:#996; font-size:12px; }


#content p, #content td { max-width:550px; color:#333; padding: 0 0 12px 0; line-height: 1.3em }
#content h1 { font-family:'Verdana'; font-weight: bold; max-width:550px; color:#996; font-size:16px; padding: 0 0 14px 0; }
#content h2 { font-family:'Verdana'; font-weight: bold; max-width:550px; color:#036; font-size:14px; padding: 0 0 12px 0; }
#content h3 { font-family:'Verdana'; font-weight: bold; max-width:550px; color:#996; font-size:13px; padding: 0 0 8px 0; }
#content h4 { font-family:'Verdana'; font-weight: bold; max-width:550px; color:#036; font-size:12px; }
#content i { color: #666; }

#content .thumb { display: block; padding: 3px; border: solid 1px #ccc; margin:0 10px 10px 0; float:left; }
#content .thumb:hover { border: solid 1px #369; }


#content ul { margin: 0 0 10px 0; padding: 0; list-style-position:outside; }
#content li { color:#555; list-style-type: square; margin: 0 0 10px 15px; list-style-position:outside; }

#content img { padding: 0 0 10px 0; }
#content p img { padding: 0; }
#content .imgleft { margin: 0 10px 10px 0; float:left; }
#content .imgright { margin: 0 0px 10px 10px; float:right; }

#content a { color:#036; font-size:12px; }
#content a:hover { color:#996; font-size:12px; }

#content .whitebox { float:left; width:165px; min-height: 140px; }
#content .whitebox2 { float:left; width:250px; min-height: 140px; }


/************************** TABLES **************************/

#content table { padding: 0px 0px 20px 0px; }
#content td { color:#333; padding: 5px 10px 5px 0;  border-width:1px; border-bottom-style:solid; border-color:#ddd; vertical-align:top; }
#content td .w100 { width: 100px; } 

/************************** NAVIGATION **************************/

#nav_top { background: #fff url(../img/layout/nav.png); color:#036; height: 40px; padding-left:183px; white-space:nowrap; }
#nav_top a { color:#774; text-decoration:none; }
#nav_top a:hover { color:#036; text-decoration:none; }

#footer { font-size:10px; color:#fff; background-color:#036; height: 25px; }
#footer li { font-size:10px; color:#fff; background-color:#036; }
#footer li a { font-size:10px; text-decoration:none; color:#fff; }
#footer li a:hover { font-size:10px; text-decoration:none; color:#996; }

#footer { width:580px; padding-left:180px; }
#footer ul { padding-left:170px; }
#nav_top li, #footer li  { float:left; padding: 6px 7px 0 7px; }


/************************** ACCORDION **************************/

#contentleft #accordion { width:160px; z-index:2; }
#contentleft #accordion .accordion_headings { padding:5px 0 5px 0; color:#996; cursor:pointer; font-weight:bold; border-top: 1px solid #aac; }
#contentleft #accordion .accordion_headings:hover { color:#036; }
#contentleft #accordion .accordion_child { padding: 0 0 5px 0; }
#contentleft #accordion .header_highlight{ color:#663; }

#content #accordion { width:130px; z-index:2; }
#content #accordion p, #content #accordion p a { font-size: 11px; padding:1px 0 1px 0; border-top: 1px solid #eef; }
#content #accordion h2 { padding:1px 0 1px 0; border-top: 1px solid #aac; }
#content #accordion .accordion_headings { font-size: 11px; padding:2px 0 2px 0; color:#996; cursor:pointer; font-weight:bold; border-top: 1px solid #aac; }
#content #accordion .accordion_headings:hover { color:#036; }
#content #accordion .accordion_child { padding: 0 0 2px 0; }
#content #accordion .header_highlight{ color:#663; }


/************************** PDFBOX **************************/

.pdfbox a { display:block; float:left; width: 100px; background:url(../img/icons/pdf.png) no-repeat center top; text-align: center; padding: 68px 5px 10px 5px; font-size: 11px; text-decoration:none; vertical-align:bottom; }
.pdfbox a:hover { font-size: 11px; text-decoration:none; background:url(../img/icons/pdf_hover.gif) no-repeat center top;}


/************************** TVBOX **************************/

#content .tvbox { float: left; width: 200px; height: 220px; padding: 5px; margin: 0 10px 10px 0; border: solid 1px #ccc; }
#content .tvbox:hover { border: solid 1px #369; }
#content .tvbox h1 { font-size:13px; padding: 0 0 5px 0; color:#996; }
#content .tvbox p { padding: 0 0 5px 0; color:#666; }
#content .tvbox a { text-decoration:none; }


/************************** PERSONBOX **************************/

#content .personbox { width: 250px; float: left; padding: 5px 0 10px 0; }
#content .reihe { width: 550px; clear: left; }
#content .personbox img { float:left; padding: 0; }
#content .personbox div { float:left; width: 155px; padding: 0 15px 0 5px; }
#content .personbox div h1 { font-size: 13px; padding: 0 0 3px 0; }
#content .personbox div h2 { font-size: 12px; padding: 0 0 3px 0; }
#content .personbox div p { font-size: 11px; padding: 0 0 0 0; }


/************************** PRODUKTBOX **************************/

#content .produktbox { width: 250px; float: left; padding: 5px 0 10px 0; }
#content .produktbox img { float:left; padding: 0; border: solid 1px #aac; }
#content .produktbox div { float:left; width: 148px; height: 90px; padding: 0 15px 0 5px; }
#content .produktbox div h1 { color:#036; font-size: 11px; font-weight: bold; padding: 0 0 2px 0; }
#content .produktbox div h2 { color:#036; font-size: 11px; font-weight: normal; padding: 0 0 2px 0; }
#content .produktbox div h3 { color:#036; font-size: 10px; font-weight: normal; padding: 0 0 2px 0; }
#content .produktbox div h4 { color:#996; font-size: 10px; font-weight: bold; padding: 0 0 0 0; }
#content .produkttrenner  { width: 550px; height: 12px; clear: left; border-top: solid 1px #aac; }


/************************** MISC CLASSES **************************/

.topline { border-top: 1px solid #aac; }
.nobr {white-space: nowrap}

/************************** WORKAROUND FOOTER POSITION **************************/

#footer { position: absolute; bottom: 0 !important; bottom: -1px; }
#layout { position: relative; min-height: 100%; height: auto !important; height: 100%; }


/************************** WORKAROUND SCROLLPROBLEM BG **************************/

body{ background: url(../img/layout/bg_wolken.jpg) no-repeat 50% 0; background-attachment:fixed; }