/* In dieser Datei sind die Einstellungen für das Navigationsmenü zu finden */

/* Der Container, der das Menü enthält */
/* Muss ganz oben liegen (z-index möglichst groß), da sonst das Menü hinter dem */
/* Hauptfenster verschwindet. */
div.menu {
	position:relative;
	background:#ffe271;
	width:100%;
	z-index:1000;
}

/* Einstellungen für die Menüpunkte der 1. Ebene */
div.menu ul {
	width:160px;
	padding:0;
	margin:0;
	list-style-type:none;
	position:relative;
	z-index:1000;
}

/* Einstellungen für die Links in den Menüpunkten der 1. Ebene */
div.menu li {
	font-size:0.1em;
	width:160px;
	position:relative;
	text-align:left;	
}

/* Aussehen der Links, wenn der Mauszeiger nicht darüber ist */
div.menu a, div.menu a:visited {
	display:block;
	font-size:12px;
	text-decoration:none; 
	color:#000000; 
	width:160px; 
	height:25px; 
	background:#ffe271; 
	padding-left:10px; 
	line-height:29px;
}

/* Einstellungen für die Menüpunkte der 2. Ebene */
div.menu ul ul a.drop, div.menu ul ul a.drop:visited {
	color:#000000;
	background:#f0f8ff;

}

/* Einstellungen für den Farbwechsel der Links */
div.menu ul ul a.drop:hover{
	color:#ffffff;
	background-image:url(images/verlauf.jpg);
}

div.menu ul ul :hover > a.drop {
	color:#ffffff;
	background-image:url(images/verlauf.jpg);
}

/* Einstellungen für die Menüpunkte der 3. Ebene */
div.menu ul ul ul a, div.menu ul ul ul a:visited {
	color:#000000;
	background:#f0f8ff;
}

div.menu ul ul ul a:hover {
	color:#ffffff;
	background-image:url(images/verlauf.jpg);
}

/* Verbergen der Untermenüs */
div.menu ul ul {
	visibility:hidden;
	position:absolute;
	left:170px; 
	width:170px;
	top:-1px;
	border:1px solid #000000;
	z-index:1000;
}

/* Positionieren der Untermnüs */
div.menu ul ul ul.left {left:-170px;}

/* Einstellungen für die Tabelle, die der IE braucht */
div.menu table {position:absolute; top:0; left:0; border-collapse:collapse;}

/* Einstellungen für die Links der 2. Ebene, wenn keine Mauszeiger drüber */
div.menu ul ul a, div.menu ul ul a:visited {
	display:block;
	font-size:12px;
	text-decoration:none; 
	color:#000000; 
	width:160px; 
	height:25px; 
	background:#f0f8ff;
	padding-left:10px; 
	line-height:29px;
}

/* Einstellungen für den Farbwechsel der 1. Ebene */
div.menu a:hover, div.menu ul ul a:hover{
	color:#ffffff; 
	background-image:url(images/verlauf.jpg);
}

div.menu :hover > a, div.menu ul ul :hover > a {
	color:#ffffff;
	background-image:url(images/verlauf.jpg);
}

/* Einstellungen für den Farbwechsel bei Links, die mit den News zu tun haben */
div.menu li.news a:hover {
	color:#000000;
	background-image:url(images/verlaufnews.png);
}

div.menu li.news :hover > a {
	color:#000000;
	background-image:url(images/verlaufnews.png);
}

/* Einblenden der Untermenüs, wenn die Maus über einem Menüpunkt der 1. Ebene ist */
div.menu ul li:hover ul,
div.menu ul a:hover ul{;
	visibility:visible;
}

/* Verbergen der 3. Ebene , wenn die 2. Ebene sichtbar wird */
div.menu ul :hover ul ul, div.menu ul :hover ul :hover ul ul {
	visibility:hidden;
}

/* Sichtbarmachen der 3. Ebene, wenn die Maus über einem Punkt der 2. Ebene ist */
div.menu ul :hover ul :hover ul, div.menu ul :hover ul :hover ul :hover ul {
	visibility:visible;
}