/*
http://www.just2b.com/mein-typo3/css-ts-menues/vertikales-dropdown-menue.html

ACHTUNG: Um das Menü muss folgender div-Tag liegen
*/

#nav-hor, 
#nav-hor ul {
	float: left;
	width: 100%;
	list-style: none;
	padding: 0 0 0 0;
	margin: 0 0 1.0em 0;
	/* Untermenüpunkte */
	background-color: #ffffff; 

	/* 
	Abstand des jeweiligen Hauptmenüpunkt
	ACHTUNG: Abstand links und rechts wirkt sich auf die Breite von
	"#nav-hor li ul" aus - NACHZIEHEN
	*/
	/* 
	padding: 0.25em 1em 0.25em 1em;
	*/
}

#nav-hor a {
	display: block;
	/*
	Alle Menüpunkte gleich breit
	width: 10em;
	*/
	color: #5A798A;

	text-decoration: none;

	/* Abstand des jeweiligen Hauptmenüpunkt */
	padding: 0.20em 0.30em 0.10em 0.30em;
	
	}

#nav-hor a.menuparent  {
	background: url(../images/website/arrow.gif) no-repeat 90% 40%;
}

#navi_sub li a,
#nav-hor li {
	border: 1px solid #C5D2D9;
	background: url(../images/website/bg_menu_itmes.jpg);
	}

#navi_sub li a {
	display: block;
	padding: 0.25em;
	}

#nav-hor li {
	float: left;
	padding: 0 0 0 0;
	/* alle Hauptmenüpunkte gleich breit*
	/*
	width: 8em;
	*/
	
	margin: 0 0.25em 0 0;
	}

#navi_sub li li a{
	background-image: none;
	border: none;
	}
	
#navi_sub li {
	
	}

/*
Untermenü - erste Ebene 
*/
#nav-hor li ul,
#nav-hor li li,
#nav-hor li ul a {
	/* breite Untermenüpunkte */
	width: 15em;
	}
	
#nav-hor li ul {
	/* 
	Breite der Untermenüpunkte HINTER!!! dem Ancor
	Setzen nur notwendig wenn bei "#nav-hor a" ein padding gesetzt 
	wurde.
	*/
	/* 	width: 12em; */
		
	position: absolute;
	left: -999em;
	height: auto;
	font-weight: normal;
	margin: 0;

	/* Rahmen um den Untermenüblock 
	border-left: 1px solid #808990;
	border-top: 1px solid #808990;
	border-right: 1px solid #808990;
	*/

	
	/* Abstand unterhalb der Untermenüpunkte */ 
	padding-bottom: 0;
}

#nav-hor li li {
	/* Rahmen unterhalb des jeweiligen Menüpunktes 
	border-bottom: 1px solid #808990;
	*/
}

#nav-hor li ul a {
	padding-left: 1em;
}

#nav-hor li ul ul {
	/* Versatz des Untermenüs - (minus) nach oben sonst nach unten */
	margin-top: -1em;
	/* Versatz nach rechts */
	margin-left: 6em;
}

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

#nav-hor li:hover ul, 
#nav-hor li li:hover ul, 
#nav-hor li li li:hover ul, 
#nav-hor li.over ul, 
#nav-hor li li.over ul, 
#nav-hor li li li.over ul {
	left: auto;
}

#nav-hor li:hover, #nav-hor li a:hover,
#nav-hor li.over,#nav-hor li.over a:hover,
#nav-hor li .active,#nav-hor li .active a {
	/* wei§ */
	color: #ffffff;
	background-color: #5A798A;
	}