ul.menu, ul.menu ul {

    list-style-type: none;

}





ul.menu a {

    display: block;

    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 7px;

    font-weight:normal;
    color:#000000;
    text-decoration: none;
    font-weight: bold;


}



ul.menu  a:hover {


    background-color:#5F5F5F;
    color:#ffffff;



}



ul.menu ul a {

    padding: 2px;


}

ul.menu ul a:hover {

    padding: 2px;
    background-color:#5F5F5F;
    color:#ffffff;



}



ul.menu li {

    padding:2px;

    margin:0;

    background-image: none;

        float:left;

    border:0px;

}


ul.submenu li{

 padding:2px;

    margin:0;

    background-image: none;

        float:left;

    border:0px;


}



ul.menu ul {

    margin-left:0;

    padding: 0 0 5px 0;

    position: absolute;

    background-color:#FFCC00;

    border:0px;

    display:none;

    min-width:120px;

}



/* 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;
     opacity: 0.8;
filter: alpha(opacity=80);
  background-color:#FFCC00;
}



ul.menu ul li {

    float:none;



}