#header { width: 950px; height: 162px; position: relative; }
#header #nav { margin: 0; padding: 0; zoom: 1; width: 100%; }
#header #nav:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#header #nav { padding-top:99px; padding-left: 10px; }
#header #nav li { display: inline; }
#header #nav li a { float: left; height: 0; padding-top: 44px; overflow: hidden; background-image: url(../../images/resources/bg_menu.jpg); _background-image: url(../../images/resources/bg_menu.jpg); background-repeat: no-repeat; }

#header #nav li#btn-home a { width: 65px; background-position: 0 0; }
#header #nav li#btn-produktionsprozess a { width: 195px; background-position: -65px 0; }
#header #nav li#btn-verfahren a { width: 107px; background-position: -260px 0; }
#header #nav li#btn-produkte a { width: 98px; background-position: -367px 0; }
#header #nav li#btn-dienstleistungen a { width: 168px; background-position: -465px 0; }
#header #nav li#btn-anfrage a { width: 130px; background-position: -633px 0; }
#header #nav li#btn-presse a { width: 74px; background-position: -763px 0; }
#header #nav li#btn-kontakt a { width: 94px; background-position: -837px 0; }


#header #nav li#btn-home a:hover { width: 65px; background-position: 0 -46px; }
#header #nav li#btn-produktionsprozess a:hover { width: 195px; background-position: -65px -46px; }
#header #nav li#btn-verfahren a:hover { width: 107px; background-position: -260px -46px; }
#header #nav li#btn-produkte a:hover { width: 98px; background-position: -367px -46px; }
#header #nav li#btn-dienstleistungen a:hover { width: 168px; background-position: -465px -46px; }
#header #nav li#btn-anfrage a:hover { width: 130px; background-position: -633px -46px; }
#header #nav li#btn-presse a:hover { width: 74px; background-position: -763px -46px; }
#header #nav li#btn-kontakt a:hover { width: 94px; background-position: -837px -46px; }

#header #nav li#btn-home a.active { width: 65px; background-position: 0 -92px; }
#header #nav li#btn-produktionsprozess a.active { width: 195px; background-position: -65px -92px; }
#header #nav li#btn-verfahren a.active { width: 107px; background-position: -260px -92px; }
#header #nav li#btn-produkte a.active { width: 98px; background-position: -367px -92px; }
#header #nav li#btn-dienstleistungen a.active { width: 168px; background-position: -465px -92px; }
#header #nav li#btn-anfrage a.active { width: 130px; background-position: -633px -92px; }
#header #nav li#btn-presse a.active { width: 74px; background-position: -763px -92px; }
#header #nav li#btn-kontakt a.active { width: 94px; background-position: -837px -92px; }


#logo { font-size: 1.15em; position: absolute; left:10px; top: 0px; color: #999999; font-weight: bold; }
#topnav { font-size: 0.9em; position: absolute; right:30px; top: 0px; color: #999999; font-weight: bold; font-family: Arial, Helvetica, sans-serif; }
#topnav a { color: #999999; text-decoration: none; }
#topnav a:hover, #topnav a.active { color: #00805E; background:none;}
#topnav ul { list-style-type: none; text-align: left; padding: 0px; margin: 0px; }
#topnav ul li { display: inline; margin: 0px; padding-top: 2px; padding-left:10px; padding-bottom: 5px; }

#subnav { list-style:none; margin: 0px; padding: 0px; width: 260px; font-weight: bold; padding-left: 10px; font-family: Verdana, Geneva, sans-serif; font-size: 0.85em; }
#subnav li { line-height: 25px; padding-bottom: 0px; background-color: #DFE1DC; margin:2px 0px; }
#subnav li a { margin-left: 11px; display:block}
#subnav a { color: #585858; text-decoration: none; }
#subnav a:hover { color: #00805E; }
#subnav a.active, a.active:hover { color: #FFF; background-image: url(../../images/resources/bg_subnav.jpg); background-repeat: repeat-x; }
#subnav li.active { color: #FFF; background-image: url(../../images/resources/bg_subnav.jpg); background-repeat: repeat-x; }
#subnav li.active a { color: #FFF; }

ul#subnav ul { list-style:none; margin: 0px; margin-top: -2px; padding: 0; padding-top: 4px; background-color:#DFE1DC;background-image: url(../../images/resources/bg_subnav.jpg); background-repeat: repeat-x; background-position: 0 -24px; }
ul#subnav li.active ul li { line-height: 22px; background-color: #eef0ed; margin:0px; padding:0px; }
ul#subnav li.active ul li a { color: #585858; }
ul#subnav li.active ul li a {color: #585858; padding-left: 10px; }
ul#subnav li.active ul li a.active{ background-image: url(../../images/resources/bg_subnav_active.jpg); background-repeat: no-repeat; color: #00805E; line-height: 22px; background-position: 0px 4px; }
ul#subnav li.active ul li a.active:hover{ }
ul#subnav li.active ul li a:hover { color: #00805E;}