ul.menu li:hover > ul {
visibility: visible;
}

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

ul.sitemap {
   text-align:left;
   padding-left:0px;
}

ul.sitemap li{
   text-align:left;
   margin-left:20px;
}

ul.menu a, p.sitename, p.page{
    display: block;
    padding: 3px 10px 3px 0px;
    font-weight:normal;
    font-family: Arial, sans-serif;
    font-size:13;
    text-transform:lowercase;
}

ul.menu li {
    padding:0;
    margin:0;
    background-image: none;
    width:250px;
}

ul.menu a {
   text-decoration: none;
   color: #fff;
}

ul.menu a.active {
   color: red;
}

ul.menu a:hover, ul.sitemap a:hover, ul.sitemap li a:hover, p.page:hover {
   color: red;
}

ul.submenu a {
   background: url("../images/pfeil_rot.gif") no-repeat left; 
   padding: 0 10px;
   text-indent:8px;
}

ul.submenu {
   vertical-align:bottom;
   position:absolute;
   visibility: hidden;
   margin-left:90px;
   top:42px;
   height:125px;
   background:#79bdbd;
}

ul.submenu li {

}

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

/* 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;
}