.mli {
	width:182px;
	z-index:100;
}


/* breit und hoehe einstellen; padding, margin und listensymbol entfernen */
.mli ul {
	/* width:911px; */
	width:182px;
	padding:0;
	margin:0;
	list-style-type:none;
	list-style-image:none;
}

.mli li {
	padding:0;
	margin:0;
}

/* 2. ebene, breite und hoehe ul und li */
.mli ul ul, .mli ul ul li, .mli ul li ul {
	/*width:202px;*/
	/* height:50px; weglassen fuer automatische hoehe 
	height:auto;*/
	background-color:#ffffff;
}


/* liste mit float fliessend machen und relative positionieren zum ausrichten */
.mli li {
	/* float:left;
	width:200px;*/
	position:relative;
}

.mli ul li {
	/*width:270px;*/
}

/* erste ebene der Links bzw. _ALLE_ anderen wenn sie nicht ueberschrieben werden */
.mli a, .mli a:link, .mli a:visited, .mli a:focus, .mli a:visited {
	font-family:Tahoma, Arial, sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#777777;
	width:147px; /* 105px; ;;; der ie soll die ie6.css nehmen, alle anderen kriegen auto */
	/*height:35px;*/
	margin:0;
	padding:0px 0px 0px 35px;
	line-height:27px;
	text-decoration:none;
	vertical-align:middle;
}

/* 1. ebene Links, die die man immer sieht */
.mli ul li a, .mli ul li a:link, .mli ul li a:visited, .mli ul li a:active, .mli ul li a:focus {
	height:27px;
	/*
	padding-top:0px;
	padding-bottom:20px;
	*/
	display:block;
	line-height:27px;
	text-align:left;
	background-image:url(../images/hover_menu_hg1.png);
	background-position:5px 5px;
	background-repeat:no-repeat;
}

.mli ul li:hover {

}
.mli ul li a:hover {
	text-decoration:none;
	color:#ffffff;
	background-image:url(../images/hover_menu_hg2.png);
	background-position:5px 7px;
	background-repeat:no-repeat;
	background-color:#0065BD;	
}

.mli ul li a.last_item, .mli ul li a.last_item:link, .mli ul li a.last_item:visited, .mli ul li a.last_item:focus {
	background-image:none;
	display:block;
}

.mli ul li a.last_item:hover {

}

.mli ul li a.aktiv, .mli ul li a.aktiv:link, .mli ul li a.aktiv:visited, .mli ul li a.aktiv:active, .mli ul li a.aktiv:focus {
	color:#0065BD;
}
.mli ul li a.aktiv:hover {
	color:#ffffff;
}

.mli ul li a.current, .mli ul li a.current:link, .mli ul li a.current:visited, .mli ul li a.current:active, .mli ul li a.current:focus {
	color:#0065BD;
	font-weight:bold;
}
.mli ul li a.current:hover {
	color:#ffffff;
}


/* 2. Ebene */

.mli ul li ul {
	margin:0;
	padding:0;	
}

.mli ul li ul li {
	margin:0;
	padding:0;
}


/* 1. ebene Links, die die man immer sieht */
.mli ul li ul li a, .mli ul li ul li a:link, .mli ul li ul li a:visited, .mli ul li ul li a:active, .mli ul li ul li a:focus {
	height:27px;
	padding:0 0 0 45px;
	display:block;
	line-height:27px;
	text-align:left;
}

.mli ul li ul li:hover {

}
.mli ul li ul li a:hover {
	text-decoration:none;
	color:#ffffff;
	background-color:#0065BD;	
}

/* 3. Ebene */

.mli ul li ul li ul {
	margin:0;
	padding:0;	
}

.mli ul li ul li ul li {
	margin:0;
	padding:0;
}


/* 3. ebene Links, die die man immer sieht */
.mli ul li ul li ul li a, .mli ul li ul li ul li a:link, .mli ul li ul li ul li a:visited, .mli ul li ul li ul li a:active, .mli ul li ul li ul li a:focus {
	height:20px;
	padding:0 0 0 55px;
	display:block;
	line-height:20px;
	text-align:left;
	background-image:none;
	font-size:11px;
}

.mli ul li ul li ul li:hover {

}
.mli ul li ul li ul li a:hover {
	text-decoration:none;
	color:#ffffff;
	background-color:#0065BD;	
}
