/* edit line */

.moi {
	/* width:911px; */
	font-size:11px;
	position:relative;
	z-index:100;
	padding:0 0 0 15px;
}


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

.moi li {
	margin:0;
}

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


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

.moi ul li {
	width:auto;

}

/* erste ebene der Links bzw. _ALLE_ anderen wenn sie nicht ueberschrieben werden */
.moi a, .moi a:link, .moi a:visited, .moi a:focus, .moi a:visited {
	font-family:Arial, sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#ffffff;
	width:auto; /* 105px; ;;; der ie soll die ie6.css nehmen, alle anderen kriegen auto */
	height:39px;
	line-height:39px;
	margin:0;
	padding:0px 10px 0px 10px;
	text-decoration:none;
	vertical-align:middle;
	display:block;
}

/* 1. ebene Links, die die man immer sieht */
.moi ul li a, .moi ul li a:link, .moi ul li a:visited, .moi ul li a:active, .moi ul li a:focus {
	text-align: center;
	background-image:url(../images/symbol_menu_oben.gif);
	background-position:99% 50%;
	background-repeat:no-repeat;
}
.moi ul li a:hover {
	text-decoration:none;
	color:#d22618;
	background-color:#ffffff;
}

.moi ul li a.last_item, .moi ul li a.last_item:link, .moi ul li a.last_item:visited, .moi ul li a.last_item:focus {
	background-image:none;
}

.moi ul li a.last_item:hover {
	
}


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

.moi 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 #d6d6d6;
	border-right:2px solid #d6d6d6;
}

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

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

.moi ul li ul li a:hover {
	background-image:none;
	text-decoration:none;
	color:#ffffff;
	background-color:#73AF45;
}

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

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

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

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

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



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

/* 3. flyout level positionieren */
.moi ul ul ul {
	left:201px; /* Itembreite */
	top:0px;
	width:200px; /* Itembreite */
}

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

/* style the table so that it takes no ppart in the layout - required for IE to work * /
.moi 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 */
.moi ul ul a, .moi ul ul a:visited {
	
}


/* style the top level hover */
.moi a:hover, .moi ul ul a:hover {
	color:#ffffff;
	background-color:#00ff00;
}
.moi :hover > a, .moi ul ul :hover > a {
	color:#d22618;
	background-color:#ffffff;
}

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