/* 
	pure layout properties are not indent. you can edit them for your needs.
	pure technical properties are indent 3 tabs. Generally there is no need to edit them. // important for functionality
	some properties are indent 1 tab, they are important for functionality but have to be adapted to your layout

	Reine Designangaben für das Menue sind nicht eingerückt!
	Rein technische Angaben sind  dreimal eingerückt. Diese müssen in der Regel nicht geändert werden.
	Eine "Zwischenstellung" nimmt beispielsweise die Menuebreite Breite ein. Sie ist sowohl für Design als auch Funktionstüchtigkeit wichtig. Derartige Angaben sind zweimal eingerückt.
*/

/* 
	original code @ http://www.alistapart.com/articles/horizdropdowns/
*/
#nav ul {
		width: 80px;
margin: 0;
padding: 0;
list-style: none;
padding-top:1px;
}

#nav ul li ul {font-size: 1em; width: 80px; }

#nav ul li {
			position: relative;	
}


#nav li.about {margin-top: 30px;}

#nav li ul {
		top: -1px;
		/* visual hide */
			position: absolute;
			left: -9999px;
		/* real hide */
			display: none; /* if you use LimitLinks:0 you should remove this line. */
		
}
#nav ul li a, 
#nav ul li strong {
display: block;		
text-decoration: none;
color: #fff;
background: none; /* IE6 Bug */
padding: 2px 5px;
	min-width: 70px;
}
#nav li.parent>a:after {
content: " >";
}
/* Hover/Focus Style */
#nav ul li a:hover, #nav ul li a:focus, #nav ul li a:active,
/* Opera Focus Style */
#nav ul li a.ofocus, #nav li ul li a.ofocus{ 
color: #f1df5b; background: none;
} 
/* 
	disable normal hover and focus style , if javascript is available
 */
#nav .navfxenabled li:hover ul { 
		left: -9999px;
	
}
/* 
	normal hover Style wtihout javascript
*/		
#nav li:hover ul,
/* 
	hover and focus style if javascript is available
*/
#nav .navfxenabled li.over ul { 
			display: block;
		left: 82px;
		margin-left: -2px;
		
} /* The magic */
/* aktive Kategorie/Unterkategorie anzeigen */
#nav li.active a, #nav li.activepath a, 
#nav li.active a:hover, #nav li.activepath a:hover,
#nav li.active a:active, #nav li.activepath a:active,
#nav li.active a:focus, #nav li.activepath a:focus,
#nav li.active strong {
color: #f1df5b; 
background: none;
}
/* oben gemachte Einfärbung wieder zurücknehmen */
#nav li.active ul a, #nav li.activepath ul a {
color: #fff; 
background: none;
}
/* 
	accesible for keyboard- and screenreader- users
 */
#nav li.active ul, 
#nav li.activepath ul {
			display: block;
		
}
/* Tastaturnutzung 
	Keyboardusage for good browsers
 */
#nav a:focus+ul {
		left: 80px; /* Abstand Untermenu */
		margin-left: -2px;
}
/* 	
	keyboard support without javascript
*/
#nav li ul li a:focus, #nav li ul li a:active {
			position: absolute;
		left: 997px; /* Viewportverschiebung ausschalten */
		margin-left: 80px; /* Abstand Untermenu */
}
/* 
	overwrite the keyboard support, if mouse is in use
*/
#nav li ul li a:hover, #nav  li ul li a:hover, /* kleinster gemeinsamer Nenner */
#nav li:hover ul li a:focus, #nav  li:hover ul li a:active,
/* 
	overwrite the keyboard support, if javascript is available
*/
#nav .navfxenabled li ul li a:focus, #nav .navfxenabled  li ul li a:active
 {
			position: static;
		margin-left: 0;
}
/* Allgemeine CSS-Class ausserhalb des Viewports */
.sbh {
		position: absolute;
		left: -999px;
		width: 0;
		overflow: hidden;
		
}
/* 
	original code @ http://www.htmldog.com/articles/suckerfish/dropdowns/example/
*/

#sfnav, #sfnav ul {
		width: 160px;
list-style: none;
line-height: 1;
background: none;
font-weight: bold;
padding: 0;
margin: 1em 0 1em 0;
position: absolute;
}

#sfnav a {
display: block;
color: #fff;
text-decoration: none;
padding: 0.25em 2em;
}

#sfnav a.daddy {
}

#sfnav li {
			float: left;
		width: 70px;
padding: 0;
}

#sfnav li ul {
			position: absolute;
			left: -999em;
		width: 70px;
height: auto;
font-weight: normal;
margin: 0;
}

#sfnav li li {
		width: 110px;
}

#sfnav li ul ul {
		margin: -1.75em 0 0 80px;
}

#sfnav li:hover ul ul, #sfnav li:hover ul ul ul
{
			left: -999em;
}
#sfnav li:hover ul
 {
			left: auto;
}
#sfnav li li:hover ul, #sfnav li li li:hover ul
 {
			left: -2px;
}