.mainmenu{   /* Übergeordnete Klasse fürs Hauptmenü */
   
   position:absolute;
   
   top:0px;
   left:0px;
   
   width:460px;
   height:25px;
   
   margin:0px;
   padding:0px;
   
   font-family:verdana;
   font-size:8pt;
   
}

ul.menu {   /* Formatierung für die Liste der oberste Ebene */
    
    margin:0px;
    padding:0px;
    
    list-style-type:none;

}

ul.menu li { /* Formatierung für die Listeneinträge der obersten Ebene */

    margin:0px;
    padding:0px;

    border:1px #FFFFFF;
    border-style: none solid none none;

    float:left;
    display:block;
    
    background-color: #d5d5d5;
    text-align: center;

}

ul.menu li a{ /* Formatierung für die Links der obersten Ebene */
    
    width:90px;
    height:20px;
    
    padding:0px;
    margin:0px;
    margin-top:5px;
    
    display:block;
    
    font-weight:normal;
    text-decoration:none;
    
    white-space: nowrap;
    color: #2F53A7;
}



/* Zweite Ebene */

ul.menu ul {   /* Formatierung für die Liste der folge Ebenen */
   
   position:absolute;
   
   width: 178px;
   
   list-style-type:none;
   
   margin:0;
   
   padding: 0;
   padding-left: 1px;
   padding-top: 0px;
   
   border: 1px solid #333;
   
   background-color: #FFFFFF;
   
   display: none;
   
}

/* Für Unterpunkte keine Float-Eigenschaft */

ul.menu ul li {

   width:177px;
   height:20px;
   
   margin:0px;
   margin-top:0px;
   padding:0px;
p#adding-bottom:1px;
   
   background-color: transparent;
   
   text-align: left;
   vertical-align:middle;

}

ul.menu ul li a{

   margin:0px;
   margin-top:3px;
   
   padding:0px;
   
   height:20px;
   
}

/* Links auf Unterpunkten sollen die Hintergrundfarbe ändern */

ul.menu ul li.hover, ul.menu ul li:hover {

   width:177px;
   height:20px;
   
   background-color: #D5D5D5; 
    
}

/* Zweite Ebene anzeigen */

ul.menu li.hover ul, ul.menu li:hover ul  {

   display: block;
}

/* Dritte Ebene */


ul.menu li.hover ul ul, ul.menu li:hover ul ul {

   display: none;
   
   margin-left: 177px; /* Breite eines Listenelements - Überlagerung */
   margin-top: -24px; /* Höhe eines Listenelements */
   
}

/* Dritte Ebene anzeigen */

ul.menu li.hover ul li.hover ul, ul.menu li:hover ul li:hover ul {
   
   display: block;
   
}


/* Vierte Ebene */

ul.menu li.hover ul li.hover ul ul, ul.menu li:hover ul li:hover ul ul {

   display: none;

}

/* Vierte Ebene anzeigen */

ul.menu li.hover ul li.hover ul li.hover ul , ul.menu li:hover ul li:hover ul li:hover ul {

   display: block;

}