ul.navigation, ul.navigation ul {
    list-style-type: none;

}

ul.navigation a {
     display: block;
     padding: 5px 10px 5px 10px;
     font-weight:normal;
     color: #FFFFFF;
     background: none;
     font-size:12px;
}

ul.navigation a:hover {
    background-color: #5F89C3;
    text-decoration: none;
}

ul.navigation ul a {
    padding: 3px 0px 3px 10px;
    font-size: 12px;
}

ul.navigation ul a:hover {
    background:#cccccc;
    text-decoration: none;
    padding: 3px 0px 3px 10px;
}

ul.navigation li {
    padding: 0;
    float: left;
    background: none;
    border-right:1px solid #FFFFFF;
}
/* Für Unterpunkte keine Float-Eigenschaft */
ul.navigation ul li {
    float:none;
    background-color: transparent;
}
/* Links auf Unterpunkten sollen die Hintergrundfarbe ändern */
ul.navigation ul li.hover, ul.navigation ul li:hover {
    background:none;
}
/* Zweite Ebene */
ul.navigation ul {
    margin-left:0px;
    padding: 0 0 0 0;
    position: absolute;
    background-color: #5F89C3;
    border-right: none;
    display:none;
    width: 180px;
     }
   /* Zweite Ebene anzeigen */
       ul.navigation li.hover ul, ul.navigation li:hover ul  {
               display: block;
   }
/* Dritte Ebene */
   ul.navigation li.hover ul ul, ul.navigation li:hover ul ul {
                  display: none;
                    margin-left: 170px; /* Breite eines Listenelements - Überlagerung */
              margin-top: -15px;  /* Höhe eines Listenelements */
        }
   /* Dritte Ebene anzeigen */
       ul.navigation li.hover ul li.hover ul, ul.navigation li:hover ul li:hover ul {
                display: block;
   }
/* Vierte Ebene */
     ul.navigation li.hover ul li.hover ul ul, ul.navigation li:hover ul li:hover ul ul {
                  display: none;
    }
   /* Vierte Ebene anzeigen */
       ul.navigation li.hover ul li.hover ul li.hover ul , ul.navigation li:hover ul li:hover ul li:hover ul {
               display: block;
   }
</style>