/* MAIN NAVIGATION */

#nav, #nav ul {float: left; list-style: none; padding: 0; margin: 0;}
#nav ul {position: absolute; left: -999em; height: auto; z-index: 2;}
#nav li {float: left; padding: 0; margin: 0;}
#nav a {display: block;}

/* first-level */

#nav {width: 685px; background: #e8561e;}
#nav li a {font-size: 11px; height: 27px;} 
#nav li a img {visibility: hidden;}

#b1 {width: 75px; background: url(../images/de/n_aktuelles_over.gif) no-repeat;}
#b1 a {background: url(../images/de/n_aktuelles.gif) no-repeat;}

#b2 {width: 67px; background: url(../images/de/n_konzept_over.gif) no-repeat;}
#b2 a {background: url(../images/de/n_konzept.gif) no-repeat;}

#b3 {width: 73px; background: url(../images/de/n_produkte_over.gif) no-repeat;}
#b3 a {background: url(../images/de/n_produkte.gif) no-repeat;}

#b4 {width: 48px; background: url(../images/de/n_shop_over.gif) no-repeat;}
#b4 a {background: url(../images/de/n_shop.gif) no-repeat;}

#b5 {width: 60px; background: url(../images/de/n_wissen_over.gif) no-repeat;}
#b5 a {background: url(../images/de/n_wissen.gif) no-repeat;}

#b6 {width: 55px; background: url(../images/de/n_presse_over.gif) no-repeat;}
#b6 a {background: url(../images/de/n_presse.gif) no-repeat;}

#b7 {width: 101px; background: url(../images/de/n_unternehmen_over.gif) no-repeat;}
#b7 a {background: url(../images/de/n_unternehmen.gif) no-repeat;}

#b8 {width: 132px; background: url(../images/de/n_partner_over.gif) no-repeat;}
#b8 a {background: url(../images/de/n_partner.gif) no-repeat;}

#b1 a:hover, #b1 a.active, 
#b2 a:hover, #b2 a.active, 
#b3 a:hover, #b3 a.active, 
#b4 a:hover, #b4 a.active, 
#b5 a:hover, #b5 a.active, 
#b6 a:hover, #b6 a.active, 
#b7 a:hover, #b7 a.active, 
#b8 a:hover, #b8 a.active {background: none;}


/* second level */

#nav ul li {background-color: #4d93ca;}
#nav ul li.submenu {background: #4d93ca url(../images/shared/submenu_arrow.gif) center right no-repeat;}

#nav ul li a {color: #fff; padding: 0 0 0 9px; margin: 0; background-image: none; white-space: nowrap; height: 1%; line-height: 22px; 
	font-size: 11px; border-left: 1px solid #ffe92c; border-bottom: 1px solid #ffe92c; border-right: 1px solid #ffe92c;}

#nav ul li a:link, #nav ul li a:active, #nav ul li a:visited {color: #fff;}
#nav ul li a:hover {color: #fff; background: #0064b3;}

#nav ul li.submenu a:hover {background: #0064b3 url(../images/shared/submenu_arrow_over.gif) center right no-repeat;}


#b1 ul {width: 121px;}
#b1 ul li a {width: 110px;}

#b2 ul {width: 289px;}
#b2 ul li a {width: 278px;}

#b3 ul {width: 171px;}
#b3 ul li a {width: 160px;}

#b4 ul {width: 171px;}
#b4 ul li a {width: 160px;}

#b5 ul {width: 191px;}
#b5 ul li a {width: 180px;}

#b6 ul {width: 155px;}
#b6 ul li a {width: 144px;}

#b7 ul {width: 195px;}
#b7 ul li a {width: 184px;}

#b8 ul {width: 201px;}
#b8 ul li a {width: 190px;}


/* third level */

#nav ul ul {margin: -24px 0 0 0; border-top: 0;}

#b2 ul ul {width: 226px;
	margin-left: 277px; 
	voice-family: "\"}\""; /* hide from IE 5 Win */
	voice-family:inherit;
	margin-left: 288px;}
html>body #b2 ul ul {margin-left: 288px;}
#b2 ul ul li a {width: 215px;}

#b3 ul ul {width: 221px;
	margin-left: 159px; 
	voice-family: "\"}\""; /* hide from IE 5 Win */
	voice-family:inherit;
	margin-left: 170px;}
html>body #b3 ul ul {margin-left: 170px;}
#b3 ul ul li a {width: 210px;}

#b7 ul ul {width: 191px;
	margin-left: -179px; 
	voice-family: "\"}\""; /* hide from IE 5 Win */
	voice-family:inherit;
	margin-left: -190px;}
html>body #b7 ul ul {margin-left: -190px;}
#b7 ul ul li a {width: 180px;}

#b8 ul ul {width: 191px;
	margin-left: -179px; 
	voice-family: "\"}\""; /* hide from IE 5 Win */
	voice-family:inherit;
	margin-left: -190px;}
html>body #b7 ul ul {margin-left: -190px;}
#b8 ul ul li a {width: 180px;}

#nav ul ul li a {border-right: 1px solid #80b2d9; border-bottom: 1px solid #80b2d9; border-left: 1px solid #80b2d9;}
#nav ul ul li a:link, #nav ul ul li a:active, #nav ul ul li a:visited {color: #0064b3; background-color: #cce0f0;}

#nav li ul li.submenu ul li a:hover {color: #fff; background: #0064b3; background-image: none;}

#nav ul ul li a.first {border-top: 1px solid #80b2d9;}


/* mouse events */

#nav li:hover ul ul, 
#nav li:hover ul ul ul, 
#nav li.sfhover ul ul 
{left: -999em;}

#nav li:hover ul, 
#nav li li:hover ul, 
#nav li li li:hover ul, 
#nav li.sfhover ul, 
#nav li li.sfhover ul 
{left: auto;}

/* IE7 fix */
#nav li:hover, #nav li.hover {
    position: static;
}


/* Hide PopUps from IE-mac */
#nav ul {display: none;}
/* Hides from IE-mac \*/
#nav ul {display: inline;}
/* End hide from IE-mac */