ul.menu {
    margin:0px;
    padding:0px;
    /*list-style-position:outside;*/
    list-style-image:none;
    list-style-type:none;
    margin-left:20px;
    margin-top:2px;
}

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

ul.menu a:hover {
color:#000000;
}

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

ul.menu li {
    padding:0;
    margin-right:15px;
    float:left;
    list-style-image:none;
    list-style-type:none;
}

ul.menu li ul li {
text-align:left;
padding:2px;
width:auto;
margin:2px;
border:1px solid #000000;
background-color:#ffffff;
}

ul.menu li ul li:hover {
background-color:#5080C7;
}

ul.menu ul {
    margin-left:0;
    padding: 0px;
    position: absolute;
    background-color: #efefef;
    border:1px solid #091D38;
    display:none;
    min-width:130px;
    list-style-image:none !important;
}

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

/* 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;
    list-style-image:none;
}

ul.menu ul li {
    float:none;
    background-color: cccccc;
    list-style-image:none;
}