@charset "utf-8";
/* CSS Document */

ul.menu, ul.menu ul {
    list-style-type: none;
	font-size: 14px;
}

ul.menu a {
    display: block;
    padding: 3px 10px 3px 10px;
    font-weight: normal;
	font-family: "Century Gothic", Verdana, Geneva, sans-serif;
	color: #E8E5B0;
	text-decoration: none;
}

ul.menu ul a {
    padding: 0 10px;
}

ul.menu li {
    padding: 0;
    margin: 5;
/*    float: left;  */
/*    background-color: #7F0033;  */
    border:1px solid #E8E5B0;
	width: 130px;
/*    height: 20px;  */
}

ul.menu li.hover, ul.menu li:hover {
	background-color: #419184;
}

/* Für Unterpunkte keine Float-Eigenschaft */
ul.menu ul li {
    float:none;
    background-color: transparent;
}

/* Links auf Unterpunkten sollen die Hintergrundfarbe ändern */
ul.menu ul li.hover, ul.menu ul li:hover {
    background-color: #419184;
}

/* Zweite Ebene */
ul.menu ul {
    margin:0;
    padding: 0;
    position: absolute;
    background-color: #2F400D;
    border: 1px solid #FFF9E4;
    display: none;
    width: 142px;  
}

/* Zweite Ebene anzeigen */
ul.menu li.hover ul, ul.menu li:hover ul  {
	display: block;
	margin-left: 130px;  
	margin-top: -20px;
}

/* Dritte Ebene */
ul.menu li.hover ul ul, ul.menu li:hover ul ul {
    display: none;
    margin-left: 131px; /* Breite eines Listenelements - Überlagerung */
    margin-top: -20px; /* Höhe eines Listenelements */
}

/* Dritte Ebene anzeigen */
ul.menu li.hover ul li.hover ul, ul.menu li:hover ul li:hover ul {
    display: block;
}

/* Vierte Ebene */
ul.menu li.hover ul li.hover ul ul, ul.menu li:hover ul li:hover ul ul {
    display: none;
}

/* Vierte Ebene anzeigen */
ul.menu li.hover ul li.hover ul li.hover ul , ul.menu li:hover ul li:hover ul li:hover ul {
    display: block;
}

