/** CSS Reset http://meyerweb.com/eric/tools/css/reset/ **/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center,dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed,  figure, figcaption, footer, header, hgroup,  menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%;	font: inherit; vertical-align: baseline; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {	display: block;} body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; }

body{ padding:0px; margin:0px; font-family:'Open Sans', sans-serif; font-size:14px; color:black; background:url('body-bg2.png') repeat-x left 7px; line-height:1.45;}
form{ margin:0px; padding:0px;}


td,th{ font-family:'Open Sans', sans-serif; color:black;}
a, a:visited{ font-family:'Open Sans', sans-serif; line-height:15px; font-size:14px; color:#005389;}
a:hover { color:red; text-decoration:none;}
a:active { color: #DD942D;}
input, button, select{ vertical-align:middle;}
input{ padding:2px;}
input.required{ background-color:#DFE0E4; border:1px solid #7F9DB9;}
strong, b{ font-weight:bold;}
p{ margin-bottom:8px;}
ol{ list-style:decimal; padding-left:24px;}

h1{ font-size:24px; font-weight:normal; font-family:'Oswald', sans-serif; padding:0px 0px 10px 0px; margin:16px 0px 2px 0px;}
h2{ font-size:20px; font-weight:normal; font-family:'Oswald', sans-serif; line-height:26px;  color:#00923F;}

.clearfix:after{
   content: " "; /* Older browser do not support empty content */
   visibility:hidden; display:block; height:0; clear:both;}


#logo{ margin:12px 0px 0px 0px; width:210px; border-top-left-radius:6px; border-top-right-radius:6px; background:white;}
#logo img{ padding:20px 25px 20px 25px; border-top-left-radius:6px; border-top-right-radius:6px;}


#navi01{ width:210px; margin:0px 0px 0px 0px;}
#navi01 ul{ margin:0px; padding:0px;}
#navi01 li{ list-style-type:none; margin:0px; padding:0px; float:left; background:#f8f8f8; width:212px; border-bottom:1px dotted gray;}
#navi01 li:hover{ text-decoration:none; background-color:#00923f;}
#navi01 li a, #navi01 li a:visited{ display:block; color:#898787; text-decoration:none; padding:9px 20px 9px 20px; float:left; width:160px;}
#navi01 li a:hover{ color:white;}

#navi02{ margin:0px 0px 0px 0px; width:1000px; margin:auto;}
#navi02 ul{ margin:0px; padding:0px;}
#navi02 li{ list-style-type:none; margin:0px; padding:0px; float:left;}
#navi02 li:hover{ text-decoration:none; background-color:#00923f;}
#navi02 li a, #navi02 li a:visited{ display:block; color:silver; text-decoration:none; padding:9px 20px 0px 14px; margin-left:10px; height:23px; float:left; background:url(li-01.png) no-repeat left center;}
#navi02 li a:hover{ color:white;}

#sidePanel{ float:left; margin:0px 30px 0px 0px; width:210px;}
#sidePanel h2{ margin:12px 0px 12px 0px;}
#sidePanel .block{ margin:24px 0px 24px 0px;}
#sidePanel .block .subblock01{ background-color:#F5F5F5; border-radius:3px; border:1px solid #E5E5E5; padding:6px;}

#mainContent{ overflow:hidden; margin:0px 0px 0px 0px; padding:14px 0px 32px 8px; border:0px solid #33CCFF;}

/** DataTrans Daten */
.dtTable { width:100%; margin-bottom: 10px; background-color: #f5f5f5; border: thin; border-style: solid; border-color: #dcdcdc; color:black; text-align: left; }  	
.dtTable caption{ background-color:#00923F; color:white; text-align:left; font-weight: bolder; margin-top: 3px; padding:7px 12px 7px 12px; border-top-left-radius:4px; border-top-right-radius:4px;}  
.dtTable tr{ margin-bottom:0px;}  	
.dtCaption { margin: 2px; padding:2px 6px 2px 12px; color: black; width: 35%; border: none;  	}
.dtValues{ margin: 2px; padding: 6px; color:black; }  	
.dtPartDescr{ margin:2px; padding:6px; font-weight:bold; color:black; }	  	
.dtPartNo{ margin:2px; padding:6px; color:#E0630F; font-weight:bolder; }  	
.dtImages{ display: block;  		margin-left:auto;  		margin-right:auto;  		max-width: 500px;  		background-color:white;  		width: 100%;  		height: auto;  		border: none;  	}  

.dtTable tr:nth-child(2n+1) { background-color: #e5e5e5;}
.dtTable tr:nth-child(2n) { background-color:#f5f5f5;}