/*
Tested 20.9.2005 on
	Mac
		Firefox 1.0.6
		Safari 2.0.1
		Mozilla 1.7.11
		Opera 8.02
		IE 5.2.3
		Netscape 7.1

	Windows
		IE 6.0.2800.1106
		Netscape 7.1
		Firefox 0.8
		Mozilla 1.5
*/

/* F¸r IE -> nav.js */

/* NAV AREA */

/* Navigation - Platzierung */

/* border: 1px dotted #ff0; */


#nav-cont{
	background-image:url(../ximg/frame/platte-navi.jpg);
	background-repeat: no-repeat;
	width: 748px;
	padding-top: 0px;
}

.krone{
	background-image:url(../ximg/frame/b2b-krone.gif);
	background-repeat: no-repeat;
}
/* Liste - Allgemeine Formatierung */

ul#nav{
font-family: Georgia, Times New Roman, serif;
	font-weight: bold;
	font-size: 12px;
	color: #000;
	text-align: center;
	list-style: none;
	padding: 0 15px 0 15px;
	margin: 0;
	height: 44px;
	width: 718px;
	voice-family: "\"}\"";
	/* NOT applied by IE 5.5- */
	voice-family: inherit;
	background: url() no-repeat;
}

html>body ul#nav { width: 718px; }

#nav li{
	float: left;
	position: relative;
	height: 20px;
	text-align: center;
	width: 60px;
	padding-top:20px;
	}

#nav li#spacer {
	width: 83px;
	margin: 0;
	padding: 0;
}

/* not applied by IE Mac or PC \*/
html>body #nav li { width: auto; }
/* End hack */

/* Liste - Linkformatierung */

#nav a
{
	display: block;
	padding: 0 24px 0 24px;
	line-height: 24px;
	color: #000;
	font-weight: bold;
	text-decoration: none;
}

/* #nav a.aktiv{
	display: block;
	height: 24px;
	padding: 0 24px;
	line-height: 24px;
	text-decoration: none;
	border-bottom: none;
 	background-image: url(../ximg/nav/ecke.gif);
	background-repeat: no-repeat;
} */

#nav li a:hover, #nav li a.aktiv {
 	background-image: url(../ximg/nav/ecke.gif);
	background-repeat: no-repeat;
}

/* Unterliste - Allgemeine Formatierung */

#nav li ul
{	font-family: Helvetica, Arial, sans-serif;
	font-size: 11px;
	display: none;
	width: 160px;
	list-style: none;
	position: absolute;
	top: 100%;
	left: 0px;
	font-weight: normal;
	background-color: #000;
	border:3px solid #856C4E;
	border-top: none;
	padding: 0 0 5px 0;
	margin: 0;
}

#nav li>ul{
	padding-top: 5px;
	top: auto;
	left: auto;
}


#subnav li{
	display: block;
	width: 160px;
	text-align: left;
	float: none;
	height: auto;
	background-color: transparent;
	padding: 0;
}


/* Unterliste - Linkformatierung */

#subnav li a, .aktiv #subnav li a
{
	display: block;
	width: 180px; /* 20px weniger als subnav li und nav li ul wegen padding 2x 10px | Hack und Test s.u.*/
	padding: 4px 10px 4px 10px;
	font-weight: normal;
	color: #CCC;
	line-height: 18px;
	height: auto;
}

#subnav li .cat
{
	display: block;
	width: 160px; /* 20px weniger als subnav li und nav li ul wegen padding 2x 10px | Hack und Test s.u.*/
	padding: 4px 10px 4px 10px;
	font-weight: normal;
	color: #8B7150;
	line-height: 18px;
	height: auto;
}

/*
Rollover mit Hack:
ok:
Mac: Safari, Firefox, IE5.2
PC: IE6, Mozilla, Netscape, Firefox
nicht ok:
Mac: Opera
PC:
*/

/* not applied by IE Mac or PC \*/
html>body #subnav li a, .aktiv #subnav li a, #subnav li .cat { width: 140px; }
/* End hack */



#subnav li a:hover, li.aktiv #subnav li a:hover{
	background-image: url(../ximg/stuff/leer.gif); /* Safari uebernimmt sonst Bild */
	background-color: #0D0D0D;
	color: #fff;
	line-height: 18px;

}

#nav  li:hover ul#subnav, #nav li.over ul#subnav { display: block; }


/* Unterunterliste - Allgemeine Formatierung (nicht verwendet) */

ul#subsubnav  li
{
	display: block;
	width: 200px;
	text-align: left;
	float: none;
	height: auto;
	line-height: 1.6em;
	background-color: transparent;
	border-bottom: 1px solid #333;
}


/* Unterunterliste - Linkformatierung (nicht verwendet) */

#subsubnav  li a
{
	display: block;
	width: 180px;
	padding: 4px 10px;
	font-weight: normal;
	color: #333;
	line-height: 1.7em;
	height: auto;
}

#subnav  li ul
{
	display: none;
	position: absolute;
	top: -1px;
	left: 70px;
	width: 200px;
}

#subnav li:hover ul#subsubnav, #subnav li.over ul#subsubnav { display: block; }