/* 
	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.
*/
li {padding: 0;margin:0;}
/* 
	original code @ http://www.alistapart.com/articles/horizdropdowns/
*/

#nav {
	font-size:1.2em;
}
#nav ol {
		width: 11em;

margin: 0;
padding: 0;
list-style: none;
/* border-bottom: 1px solid #ccc; */
border: 1px solid #ccc;
}

#nav ol li {
			position: relative;
/* border: 1px solid #ccc; */
/* border-bottom: 0; */
		
}
#nav li ol {
		top: -1px;
		/* visual hide */
			position: absolute;
			left: -9999px;
		/* real hide */
			display: none; /* if you use LimitLinks:0 you should remove this line. */
		
}
#nav ol li a, 
#nav ol li strong {
display: block;		
text-decoration: none;
color: #DDD;
/* background: #1F4768; /* IE6 Bug */
padding: 4px;
	min-width: 9em;
}

#nav ol li div.submenu_box {
    /* background: #1F4768 !important; */
    background: #1F4768 url(/images/bg_subbox1.png) repeat-x !important;
    display:block;
    padding:0 5px;
    border: 1px solid #ccc;
    z-index: 9999;
}

#nav li.parent>a:after {
/* content: " >"; */
/* content: " "url(rightarrow2.gif); */
}

/* Hover/Focus Style */
#nav ol li a:hover, #nav ol li a:focus, #nav ol li a:active,
/* Opera Focus Style */
#nav ol li a.ofocus, #nav li ol li a.ofocus{ 
color: #CC0000; background: #DDD;
} 
/* 
	disable normal hover and focus style , if javascript is available
 */
#nav .navfxenabled li:hover ol { 
		left: -9999px;
	
}
/* 
	normal hover Style without javascript
*/		
#nav li:hover ol,
/* 
	hover and focus style if javascript is available
*/
#nav .navfxenabled li.over ol { 
		display: block;
		left: 11em; /* abstand submenu */
		margin-left: -1px;
		
} /* 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: #E2144A; 
background: #DDD;
}
/* oben gemachte Einfärbung wieder zurücknehmen */
#nav li.active ol a, #nav li.activepath ol a {
color: #000; 
background: #fff;
}
/* 
	accesible for keyboard- and screenreader- users
 */
#nav li.active ol, 
#nav li.activepath ol {
			display: block;
		
}
/* Tastaturnutzung 
	Keyboardusage for good browsers
 */
#nav a:focus+ol {
		left: 11em; /* Abstand Untermenu */
		margin-left: -2px;
}
/* 	
	keyboard support without javascript
*/
#nav li ol li a:focus, #nav li ol li a:active {
			position: absolute;
		left: 997px; /* Viewportverschiebung ausschalten */
		margin-left: 11em; /* Abstand Untermenu */
}
/* 
	overwrite the keyboard support, if mouse is in use
*/
#nav li ol li a:hover, #nav  li ol li a:hover, /* kleinster gemeinsamer Nenner */
#nav li:hover ol li a:focus, #nav  li:hover ol li a:active,
/* 
	overwrite the keyboard support, if javascript is available
*/
#nav .navfxenabled li ol li a:focus, #nav .navfxenabled  li ol li a:active
 {
			position: static;
		margin-left: 0;
}

/* hauptkat */
#nav a.nav_hkat {
	color: #DDD;
	background: transparent; /* IE6 Bug */
	padding: 4px;
	font-weight: bold;
}

/* Hkat 'Neue Artikel' */
#nav a.nav_hkat_na {
    color: #FFCC33;
    background: #006699;
    padding: 4px;
	font-weight: bold;
}

#nav ol.nav_hkat {
	border: 0;
}

#nav li.nav_hkat {
	border: 0;
	border-bottom: 1px solid #999;
}

/* Allgemeine CSS-Class ausserhalb des Viewports */
.sbh {
		position: absolute;
		left: -999px;
		width: 0;
		overflow: hidden;
		
}
/*
#n1 a:hover, #n1 a#aktiv, #n1 a.over {
	background-color: #00A552;
	color: white;	 
}

#nav #n1 ol { background-color: #00A652; }
*/

/* 
	original code @ http://www.htmldog.com/articles/suckerfish/dropdowns/example/
*/