#nav, #nav ul {
	list-style: none;
	float: right;
	padding: 10px 0 0;
	margin: 0 0 18px;
}

#nav li {
	float: left;
	font-size: 1.1em;
	text-align: right;
}

#nav a   { color: black; background: url("../images/tab.gif") no-repeat right bottom; display: block; margin: 0; padding: 30px 15px 0 0; width: 6em }

#nav li a:hover   { color: red; background: url("../images/tabhover.gif") no-repeat right bottom }

#nav li a:hover   { color: red; background: url("../images/tabhover.gif") no-repeat right bottom }
 
#nav li ul {
	position: absolute;
	left: -999em;
	height: auto;
	width: 10em;
	font-weight: normal;
	margin: 0;
	padding: 20px 0 0 0;
	border: 0;
	border-bottom: 1px solid #999;		
}
 
#nav li li {
	width: 10em;
	line-height: 1.8em;
	text-align: left;
	font-size: 1em;
	border-right: 1px solid #999;
	border-left: 1px solid #999;
}
 
#nav li ul a   { color: yellow; background: gray; text-indent: 5px; padding: 0; width: 10em }

#nav li ul a:hover {
	width: 10em;
	background: #505050; /*dunkler #3b3b3b */
}
 
#nav li ul ul {
	padding: 0;
	margin: -1.9em 0 0 -10.15em;
	border-top: 1px solid #999;
}
 
#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:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
	left: auto;
}
 
#nav li:hover, #nav li.sfhover {
	background: transparent;
	color: #FEFFB8;
}