body { font-size: 75%; font-family: Helvetica, Arial, sans-serif; line-height: 1.7; margin: 0; color: #fff;
  background: #000 url('/images/holzwerkstoffe/background.jpg') top center no-repeat; }

#wrapper { width: 1120px; margin: 0 auto; padding: 0 0; min-height: 870px; height: auto!important; height: 890px; }
  
.container { position: relative; width: 1100px; min-height: 700px; margin: 0; 
  background-repeat: no-repeat; background-position: 137px 0; padding-right: 30px; }
  
#header_container { width: 100%; margin: 0 0; }
#header { position: fixed; width: 1100px; margin: 0 auto; height: 80px; line-height: 1.2; 
  background: transparent; z-index:100; }

#header #print { display: none; }

#header #nav_wrapper { position: absolute; top: 0; left: 100px; z-index: 100; }
#header #main_nav { margin: 0; padding-right: 0px; z-index: 100; width: 1040px;  height: 50px; font-weight: bold; }  
#header #main_nav li { float: left; position: relative; padding: 0; margin-left: -19px; }

 
#header #main_nav li a { display: block; float: left; padding: 26px 12px 22px 18px; height: 10px; width: 119px; 
  text-transform: uppercase; color: #6f7a84; text-decoration: none; font-size: 0.83333em; 
  background: url('/images/holzwerkstoffe/menu.png') no-repeat; }  
#header #main_nav li a:hover { background: url('/images/holzwerkstoffe/menu_hover.png') no-repeat; color: #ffdc00; }

#header #main_nav li.current {  }       
#header #main_nav li.current a { padding: 62px 12px 22px 18px; background: url('/images/holzwerkstoffe/menu_active.png') left bottom no-repeat; color: #ffdc00; } 

#header #main_nav li ul { position: absolute; padding: 28px 13px 21px 0px; background-image: none; top: 34px; left: 137px; width: 481px;  font-weight: bold;
  background: url('/images/holzwerkstoffe/menu_sub.png') bottom right no-repeat; border-left: }    

#header #main_nav li#nav_7 a { width: 103px; background: url('/images/holzwerkstoffe/menu_end.png') no-repeat; }
#header #main_nav li#nav_7 a:hover { background: url('/images/holzwerkstoffe/menu_end_hover.png') no-repeat; }
#header #main_nav li#nav_7.current a { background: url('/images/holzwerkstoffe/menu_end_active.png') bottom left no-repeat; }
#header #main_nav li#nav_7 ul { display:none; }

#header #main_nav li#nav_3 a { width: 89px; }
#header #main_nav li#nav_4 a { width: 149px; }
#header #main_nav li#nav_4 li a, #header #main_nav li#nav_3 li a { width: auto; }
  
#header #main_nav li#nav_0 ul { width: 903px; }      
#header #main_nav li#nav_1 ul { width: 773px; }    
#header #main_nav li#nav_2 ul { width: 643px; }      
#header #main_nav li#nav_3 ul { width: 543px; left: 107px; }
#header #main_nav li#nav_4 ul { width: 383px; left: 167px; }    
#header #main_nav li#nav_5 ul { width: 253px; }  
#header #main_nav li#nav_6 ul { width: 123px; }      
  
#header #main_nav li li { margin: 0; padding: 0; height: 11px; width: auto; line-height: 11px; }      
#header #main_nav li li a, #header #main_nav li.current li a { color: #fff; width: auto; line-height: 12px; 
  margin: 0; padding: 0; background-image: none; display: inline; }           
#header #main_nav li li a.current { font-weight: bold; color: #ffdc00;}  
#header #main_nav li li a:hover {  color: #ffce02;}  

#header #navigation { color: black; text-align: right; margin: -76px 0 0 476px; width: 484px;  font-weight: bold;
  height: 24px; padding: 76px 38px 6px; font-size: 0.83333em; text-transform: uppercase; 
  background: url('/images/holzwerkstoffe/sub_nav.png') right bottom no-repeat; }
#header #navigation a { color: #6f7a84; text-decoration: none; font-weight: bold; }
#header #navigation a.current, #header #navigation a:hover { color: #0067a9; }

#header a#creation {  color: white; text-decoration: none; position: absolute; top: 4px; left: -48px; font-size: 0.83333em; z-index: 100; display:none; }

#logo { position: absolute; top: 0; left: 58px; width: 228px; height: 218px; background: transparent; z-index: 100; }

#content #top { height: 36px; background: url('/images/holzwerkstoffe/content_top.png') no-repeat; }

#content { float: right; width: 668px; padding: 0 0 36px 0; margin: 236px 109px 36px 0; position: relative; 
  background: url('/images/holzwerkstoffe/content_bottom.png') bottom no-repeat;  } 
#content #title h1 { position: absolute; left: -172px; top: 64px; font-size: 50px; font-weight: normal; line-height: 1.0; 
  text-transform: uppercase; text-transform: uppercase; color: white; }
#content #title h1 .cufon { margin: 0 0 10px 0; }

#content #columns { padding: 150px 11px 18px 27px; min-height: 400px; 
  background: url('/images/holzwerkstoffe/content_body.png') repeat-y; }
#content #columns #main_col { float: left; width: 370px; } 
#content #columns #sub_col { float: right; width: 214px; } 


#content #columns .main_col { float: left; width: 370px; } 
#content #columns .sub_col { float: right; width: 214px; }

#sidebar { position: absolute; left: 0; top: 412px; }  
#sidebar { float: left; width: 300px; min-height: 200px; }
#sidebar a { text-decoration: none; }

/* form input */
#kontakt_formular label { float: left; display: block; padding: 2px 0 0 0; width: 15em; }
#kontakt_formular input.text { border: none; width: 282px; margin: 0 0 0 5px; }
#kontakt_formular { margin: 48px 0 0 0; width: 531px; }
#kontakt_formular .field { width: 600px; text-align: left; padding: 0 0 2px 0; }
#kontakt_formular .checkboxes label { display: inline; float: none; }
#kontakt_formular #submit input { float: left; margin-top: 10px; }

#umfrage_form label { float: left; display: block; padding: 2px 0 0 0; width: 15em; }
#umfrage_form input.text { border: none; width: 282px; margin: 0 0 0 5px; }
#umfrage_form { margin: 48px 0 0 0; width: 531px; }
#umfrage_form .field { width: 600px; text-align: left; padding: 0 0 2px 0; }
#umfrage_form .checkboxes label { display: inline; float: none; }
#umfrage_form #submit input { float: left; margin-top: 10px; }


h2 { color: #005faf; }
h3 { font-size: 100%; font-family: Helvetica; font-weight: normal; line-height: 1.5;  color: white; }
h4 { font-size: 90%; font-family: Helvetica; font-weight: normal; line-height: 1.5;  color: #005faf; }

p { margin: 0 0 1.5em 0; }
a { text-decoration: ; color: #ffd200; }
a:hover { text-decoration: underline; }

.graubox { background-color:#adaba5; padding:4px; margin:0px; }

.clearboth { clear: both; }
.divider { margin: 0 6px; }

#sortiment_nav { margin-top: 12px; margin-right: -12px; }
#sortiment_nav li { text-align: right; text-transform: uppercase; margin-bottom: 3px; }
#sortiment_nav li a { color:#c9cbcd; }
#sortiment_nav li.current a { color: #ffd200; text-decoration: none; }
#sortiment_nav li a:hover { color: #ffd200; text-decoration: none; }

#map { position: relative; }
#standorte li { display: block; text-indent: -10000px; position: absolute; }
#standorte li a { display: block; width: 48px; height: 18px; background: url(/images/holzwerkstoffe/shim.png); }

#standorte li#map_leibstadt { top: 30px; left: 145px; }
#standorte li#map_muenchwilen { top: 56px; left: 260px; }
#standorte li#map_niederbipp { top: 102px; left: 67px; }
#standorte li#map_oberentfelden { top: 85px; left: 114px; }
#standorte li#map_ruemlang { top: 58px; left: 197px; }
#standorte li#map_sins { top: 118px; left: 187px; }
#standorte li#map_volketswil { top: 81px; left: 214px; }  


form label.error { color: white; font-weight: bold; }
sup { font-size: 0.75em; vertical-align: top; }