ul.menu, ul.menu ul {

    list-style-type: none;
padding: 0;
margin: 0;
}


ul.menu a, ul.menu ul a {
display: block;
font-weight: normal;
}



ul.menu li {
padding: 0;
margin: 0;
float: left;
line-height: 25px;
}

ul.menu li a {
color: #547395;
text-decoration: none;
background-color: #e3eaf1;
padding-left: 14px;
padding-right: 14px;
font-size: 13px;
}

ul.menu li a:hover {
color: #547395;
background-color: #f1f5f8;

}

ul.menu li .active {
color: #547395;
background-color: #f1f5f8;
text-decoration: none;
}



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

ul.menu ul li {
float: none;
margin: 0px;
padding: 0px;
}

ul.menu ul li a {
color: #547395;
margin: 0px;
border-bottom: 1px solid #ffffff;
padding: 0px;
padding-left: 14px;
background-color: #E3EAF1;
font-size: 12px;
}

ul.menu ul li a:hover {
color: #547395;
background-color: #F1F5F8;
margin: 0px;
}

ul.menu ul li .active {
color: #547395;
background-color: #F1F5F8;
text-decoration: none;
}





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

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

    background-color: #FFF9E4;

}



/* Zweite Ebene */

        ul.menu ul {

              margin:0;

                 padding: 0;

               position: absolute;

               background-color: transparent;

                display: none;

                    width: 200px;
 border-top: 1px solid #ffffff;
text-align: left;

     }



   /* Zweite Ebene anzeigen */
       ul.menu ul ul{

              margin:0;

                 padding: 0;

               position: absolute;

               background-color: transparent;

                display: none;

                    width: 200px;

 border-top: 1px solid #ffffff;
  border-left: 1px solid #ffffff;

     }

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

               display: block;

   }
	
	     ul.menu ul li  {

               float: left;
					width: 200px;
					line-height: 20px;

   }



/* Dritte Ebene */

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

                  display: none;

                    margin-left: 200px; /* Breite eines Listenelements - Überlagerung */

              margin-top: -22px; /* Höhe eines Listenelements */
				  

        }
		  
		     ul.menu ul ul li  {

               float: left;
					width: 200px;
					line-height: 16px;

   }
	



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

   }