@charset "utf-8";


ul.menu-top {
background: transparent url(../pix/nav-top-bg.gif) repeat-x 0 0; 
height: 40px;
width: 883px;
margin: 0;
padding: 0 0 0 25px;
font-size: 1.1em;
clear: both;
}
ul.menu-top, ul.menu-top ul {
    list-style-type: none;
}

ul.menu-top a {
    display: block;
    padding: 3px 10px 3px 5px;
    font-weight: bold;
	color: #608615;
}

ul.menu-top li {
    padding: 0;
    margin: 0;
    float: left;
    height: auto;
	line-height: 3;
	background: transparent url(../pix/nav-top-divide.gif) no-repeat 100% 7px;
}

/* Für Unterpunkte keine Float-Eigenschaft */
ul.menu-top ul li {
    float: none;
    background: transparent;
	line-height: 1.4;
	display:block;
}
ul.menu-top li a:hover{color: #fff;}


/* Links auf Unterpunkten sollen die Hintergrundfarbe ändern */
ul.menu-top ul li.hover, ul.menu-top ul li:hover {
    background-color: #a7cc5b;
}

ul.menu-top ul li a{
	width: 165px;
	display: block;	
}

ul.menu-top ul li a:hover{
    color: #fff;
}

/* Zweite Ebene */
ul.menu-top ul {
    margin: 0;
    padding: 0;
    position: absolute;
    background: #fff;
    border: 3px solid #a7cc5b;
    display: none;
    width: 180px;
	height: auto;
}

/* Zweite Ebene anzeigen */
ul.menu-top li.hover ul, ul.menu-top li:hover ul {
    display: block;
}

/* Dritte Ebene */
ul.menu-top li.hover ul ul, ul.menu-top li:hover ul ul {
    display: none;
    margin-left: 160px; /* Breite eines Listenelements - Überlagerung */
    margin-top: -20px; /* Höhe eines Listenelements */
}

/* Dritte Ebene anzeigen */
ul.menu-top li.hover ul li.hover ul, ul.menu-top li:hover ul li:hover ul {
    display: block;
}

/* Vierte Ebene */
ul.menu-top li.hover ul li.hover ul ul, ul.menu-top li:hover ul li:hover ul ul {
    display: none;
}

/* Vierte Ebene anzeigen */
ul.menu-top li.hover ul li.hover ul li.hover ul, ul.menu-top li:hover ul li:hover ul li:hover ul {
    display: block;
}