/* CSS Document */

#nav, #nav ul {
	float: left;
	width: 99%;
	list-style: none;
	line-height: 1em;
	background: #d80001;
	color: #FFF;
	padding: 1;
	margin: 0 0 0 0;
}

#nav li li {
	border-left:1px solid #666666;
	border-right:1px solid #666666;
	border-bottom:1px solid #666666;
}

#nav a {
	display: block;
	width: auto;
	color: #FFF;
	text-decoration: none;
	padding: 0.25em 0.25em;
}

#nav a.menuparent  {
	background: url(pfeil.gif) no-repeat 90% 40%;
}

#nav li {
	float: left;
	padding: 0;
	width: auto;
	border:1px solid white;
	border-width:0 1px 0 0; 
}

#nav ul li a {
	color: #000;
	border:0;
}

#nav li ul {
	position: absolute;
	left: -999em;
	height: auto;
	width: 16em;
	font-weight: normal;
	margin: 0;

}

#nav li li {
	width: 17em;
/*      width: 50px; */

}

#nav li ul a {
	width: 17em; 
/*      width: 50px; */
}

#nav li ul ul {
	margin: -1.45em 0 0 14 em !important;
/*	margin: -1.45em 0 0 14.45 em ; */

}

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

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

/* Dritte Menuebene im Firefox bzw. nicht IE */
#nav li li:hover ul
{
     left: 17em;
     top: 0em;
}

/* beinhaltendes <li> zum Containing-Block fuer Position der Unterelemente machen */
#nav li:hover
{
position: relative;
}



#nav li li:hover, #nav li li.sfhover {
	background: #fff6b0;
	text-decoration: bold;
}

#nav li li {
	background: #fff6b0;
}

#nav li li:hover a, #nav li li.sfhover a {
	color: #d80001;
	text-decoration: bold;
}

#nav li li a, #nav li li.sfhover a {
	margin-left:5px; 
}

/* Dritte Ebene Definition der Farbe */
#nav li li:hover li a,
#nav li li.sfhover li a {
color: black;
}

/* Dritte Ebene Definition des Hover-Verhaltens */
#nav li li li a:hover {
color: red;
}