/* edit line */

.mih {
	height:25px;
	/* ie hat eigene position in ie.css */
	position:relative;
	z-index:100;
}


/* breit und hoehe einstellen; padding, margin und listensymbol entfernen */
.mih ul {
	/* width:911px; */
	padding:0;
	margin:0;
	list-style-type:none;
	list-style-image:none;
}

.mih li {
	margin:0;
}

/* 2. ebene, breite und hoehe ul und li */
.mih ul ul, .mih ul ul li, .mih ul li ul {
	width:180px;
	/* height:50px; weglassen fuer automatische hoehe */
}


/* liste mit float fliessend machen und relative positionieren zum ausrichten */
.mih li {
	float:left;
	width:180px;
	position:relative;
}

.mih ul li {
	width:auto;

}

/* erste ebene der Links bzw. _ALLE_ anderen wenn sie nicht ueberschrieben werden */
.mih a, .mih a:link, .mih a:visited, .mih a:focus, .mih a:visited {
	font-family:Verdana, Arial, sans-serif;
	font-size:11px;
	font-weight:normal;
	color:#546A66;
	width:auto; /* 105px; ;;; der ie soll die ie6.css nehmen, alle anderen kriegen auto */
	/*height:35px;*/
	margin:0;
	padding:0px 10px 0px 10px;
	line-height:25px;
	text-decoration:none;
	text-transform:uppercase;
	vertical-align:middle;
}

/* 1. ebene Links, die die man immer sieht */
.mih ul li a, .mih ul li a:link, .mih ul li a:visited, .mih ul li a:active, .mih ul li a:focus {
	height:20px;
	line-height:25px;
	text-align:center;
	padding:0px 15px 5px 14px;
	display:block;
}
.mih ul li a:hover {
	text-decoration:underline;
	background-color:#3073C4;
	color:#ffffff;
	
}

.mih ul li a.last_item, .mih ul li a.last_item:link, .mih ul li a.last_item:visited, .mih ul li a.last_item:focus {

}

.mih ul li a.last_item:hover {
	
}


/* 2. ebene Links, erste die (nach unten) ausgeklappt wird */

.mih ul li ul { /* Grau linie ganz oben, im letzten li wird die wieder zu gemacht und die kuerzer graue linie ausgeblendet */

}

.mih ul li ul li {
	/*width:200px;
	height:35px;
	line-height:35px;*/
	
}

.mih ul li ul li a, .mih ul li ul li a:link, .mih ul li ul li a:visited, .mih ul li ul li a:active, .mih ul li ul li a:focus {
	text-align: left; 
	display:block;
	width:150px;
	height:25px;
	background-color:#ffffff;
	color:#004664;
	padding:0px 15px 0px 15px;
	line-height:25px;
	background-image:url(../images/hover_menu_hg.gif);
	background-repeat:no-repeat;
	background-position:50% 100%;
	text-transform:none;
	border-right:1px solid #dadada;
	border-left:1px solid #dadada;
}

.mih ul li ul li a:hover {
	background-image:none;
	text-decoration:none;
	color:#ffffff;
	background-color:#3073C4;
}

.mih ul li ul li a.last_item, .mih ul li ul li a.last_item:link, .mih ul li ul li a.last_item:visited, .mih ul li ul li a.last_item:focus {
	background-image:none;
	border-bottom:1px solid #dadada;
}

.mih ul li ul li a.last_item:hover {
	
}

/* 3. ebene Links, die nach rechts ausgeklappt wird */
.mih ul ul ul a, .mih ul ul ul a:link, .mih ul ul ul a:focus, .mih ul ul ul a:visited, .mih ul ul ul a:active {
}
.mih ul ul ul a:hover {
}

.mih ul li ul li ul li a, .mih ul li ul li ul li a:link, .mih ul li ul li ul li a:visited, .mih ul li ul li ul li a:active, .mih ul li ul li ul li a:focus {
	background-color:#ffffff;
	color:#004664;
}

/* 3. Level, Hover von Links, Hintergrundfarbe gleichsetzen */
.mih ul li ul li ul li a:hover {
	color:#ffffff;
	background-color:#3073C4;
}



/* sub level verstecken und absolute position geben, so dass sie keinen platz verbrauchen */
.mih ul ul {
	visibility:hidden;
	position:absolute;
	height:0;
	width:180px; 
	top:25px;
	left:0; 
	border-top:1px solid #dadada;
	border-right:2px solid #dadada;
}

/* 3. flyout level positionieren */
.mih ul ul ul {
	left:181px; /* Itembreite */
	top:0px;
	width:180px; /* Itembreite */
}

/* position the third level flyout menu for a left flyout * /
.mih ul ul ul.left {
	left:-173px;
}*/

/* style the table so that it takes no ppart in the layout - required for IE to work * /
.mih table {
	position:absolute; 
	top:0; 
	left:0; 
	border-collapse:collapse;
}*/

/* wenn hier was drinnen steht, interpretieren die browser das ueberschreiben bzw. die prio der eigenschaften unterschiedlich */
.mih ul ul a, .mih ul ul a:visited {
	
}


/* style the top level hover */
.mih a:hover, .mih ul ul a:hover {

}
.mih :hover > a, .mih ul ul :hover > a {
}

/* make the second level visible when hover on first level list OR link */
.mih ul li:hover ul, .mih ul a:hover ul {
	visibility:visible;
}
/* keep the third level hidden when you hover on first level list OR link */
.mih ul :hover ul ul {
	visibility:hidden;
}
/* make the third level visible when you hover over second level list OR link */
.mih ul :hover ul :hover ul {
	visibility:visible;
}