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

ul.menu a {
    display: block;
    padding: 3px 10px 3px 10px;
    font-weight:normal;
    color:#666;
    font-size:11px:
    text-decoration:none;
}

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

ul.menu li {
    padding:0;
    margin:0;
    background-image: url('grafic/menue_ecke_grau.gif');
    background-repeat: no-repeat;
    background-position: 70px 0px;
    background-color: #e3e3e3;
    color: #666;
    float:left;
    text-align:left;
    width: 85px;
}

ul.menu li.hover,
ul.menu li:hover {
    padding:0;
    margin:0;
    background-image: url('grafic/menue_ecke.gif');
    background-repeat: no-repeat;
    background-position: 70px 0px;
    background-color: #f47b20;
    color: #fff;
    float:left;
    text-align:left;
    width: 85px;
}

ul.menu li.active,
ul.menu li:active {
    padding:0;
    margin:0;
    background-image: url('grafic/menue_ecke.gif');
    background-repeat: no-repeat;
    background-position: 70px 0px;
    background-color: #f47b20;
    color: #fff;
    float:left;
    text-align:left;
    width: 85px;
}

ul.menu li a,
ul.menu li a:hover,
ul.menu li a:visited {
    text-decoration:none;
    font-weight:normal;
    color: #666;
}

ul.menu li.hover a,
ul.menu li.hover a:hover,
ul.menu li.hover a:visited,
ul.menu li:hover a,
ul.menu li:hover a:hover,
ul.menu li:hover a:visited {
    text-decoration:none;
    font-weight:normal;
    color: #fff;
}

ul.menu li.active a,
ul.menu li.active a:hover,
ul.menu li.active a:visited {
    text-decoration:none;
    font-weight:normal;
    color: #fff;
}


ul.menu ul {
    margin-left:0;
    padding: 0 0 5px 0;
    position: absolute;
    background-color: #fff;
    border: 1px solid #CCCCCC;
    display:none;
    min-width:150px;
}

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

/* 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 ul:hover, 
ul.menu li.hover ul,
ul.menu li:hover ul  {
    display:block;
    background-image: none;
}

ul.menu ul li,
ul.menu ul li:hover,
ul.menu ul li.hover {
    float:none;
    background-color: #fff;
    background-image: none;
    padding: 10px 5px 5px 10px;
}

ul.menu li.hover ul li a,
ul.menu li:hover ul li a,
ul.menu li.active ul li a,
ul.menu li:active ul li a,
ul.menu li ul li a,
ul.menu li.hover ul li a:visited,
ul.menu li:hover ul li a:visited,
ul.menu li.active ul li a:visited,
ul.menu li:active ul li a:visited,
ul.menu li ul li a:visited,
ul.menu li.hover ul li a:hover,
ul.menu li:hover ul li a:hover,
ul.menu li.active ul li a:hover,
ul.menu li:active ul li a:hover,
ul.menu li ul li a:hover
{
    width:100px;
    text-decoration:none;
    color:#666;
}


ul.menu li.hover ul li a:hover,
ul.menu li:hover ul li a:hover,
ul.menu li ul li a:hover
{
    background-color: #EEF4F7;
    color:black;
}