ul.menu, ul.menu ul {
    list-style-type: none;
}

ul.menu a {
    display: block;
    padding: 3px 10px 3px 10px;
    font-weight:normal;
}

ul.menu ul a {
    padding: 0 10px;
}

ul.menu li {
    border-style:solid; border-width:1; margin:0; background-image: none;
    background-color: #FFF9E4;
    color:#008000; text-align:center; word-spacing:0; text-indent:0; line-height:100%; padding-left:4; padding-right:4; padding-top:1; padding-bottom:1; float:left; vertical-align:middle; background-position-y:center
}

ul.menu ul {
    margin-left:0;
    position: absolute;
    background-color: #FFF9E4;
    border:1px solid #FFF9E4;
    display:none;
    min-width:180px; color:#008000; padding-left:0; padding-right:0; padding-top:0; padding-bottom:5px
}

/* IE-Hack für die Breite */
*html ul.menu ul {
    width:180px;
}

/* Dies sind die Klassenstile für das Untermenü wenn sich die Maus */
/* über der Liste  befindet (.hover siehe JavaScript oben) */
ul.menu ul.hover, ul.menu li.hover ul, ul.menu li:hover ul  {
    display:block;
}

ul.menu ul li {
    float:none;
    background-color: transparent;
}