/*
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: 760px;
	list-style: none;
	padding: 0 0 0 0;
	margin: 3px 0 0 0;
	/* Untermenüpunkte */
	background-color: #1A171B; 

	/* 
	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: #ffffff;

	text-decoration: none;

	/* Abstand des jeweiligen Hauptmenüpunkt */
	padding: 0.25em 1.5em 0.25em 0;
}

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

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

/*
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 #ffffff;
	border-top: 1px solid #ffffff;
	border-right: 1px solid #ffffff;

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

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

#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 .active,#nav-hor .active a {
	/* gelb */
	color: #FED500;
	}