/* edit line */

.mih {
	width:704px;
	height:35px;
	/* ie hat eigene position in ie.css */
	position:relative;
	top:7px;
	left:1px;
	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:200px;
	/* height:50px; weglassen fuer automatische hoehe */
}


/* liste mit float fliessend machen und relative positionieren zum ausrichten */
.mih li {
	float:left;
	width:200px;
	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:Arial, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#ffffff;
	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:35px;
	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;
	padding-top:7px;
	padding-bottom:7px;
	line-height:36px;
	text-align:center;
	background-image:url(../images/linie_senkrecht_orange.gif);
	background-position:100% 50%;
	background-repeat:no-repeat;
}
.mih ul li a:hover {
	text-decoration:underline;
}

.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 {
	background-image:none;
}

.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 */
	border-top:1px solid #ffb370;
	border-right:2px solid #ffb370;
}

.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:170px;
	height:23px;
	background-color:#ffffff;
	color:#919191;
	padding:0px 15px 0px 15px;
	border-left:1px solid #FFB370;
	border-right:1px solid #FFB370;
	line-height:23px;
	background-image:url(../images/menu_linie_unten.gif);
	background-position:50% 100%;
	background-repeat:no-repeat;
	text-transform:none;
}

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

.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 #ffb370;
}

.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:#919191;
}

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



/* sub level verstecken und absolute position geben, so dass sie keinen platz verbrauchen */
.mih ul ul {
	visibility:hidden;
	position:absolute;
	height:0;
	width:200px; 
	top:35px;
	left:0; 
	/* border-top:0px solid #ffffff; */
}

/* 3. flyout level positionieren */
.mih ul ul ul {
	left:201px; /* Itembreite */
	top:0px;
	width:200px; /* 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;
}