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

.trenner {
float: left;
height: 29px;
background: url(../media/trenner.png);
background-repeat: no-repeat;
width: 2px;
}


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

ul.menu li a {
color: #000000;
text-decoration: none;
padding-top: 5px;
padding-left: 20px;
padding-right: 10px;
font-weight: bold;
background: url(../media/pfeil_rot.png);
background-repeat: no-repeat;
}

ul.menu li a:hover {
color: #d30b32;

}

ul.menu li .active {
color: #d30b32;
text-decoration: none;
background: url(../media/pfeil_rot.png);
background-repeat: no-repeat;
}



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

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

ul.menu ul li a {
color: #000000;
margin: 0px;
padding: 0px;
padding-left: 7px;

background: url(../media/subnavi_bg.png);
}

ul.menu ul li a:hover {
color: #d30b32;
margin: 0px;
}

ul.menu ul li .active {
color: #d30b32;
text-decoration: none;
background: url(../media/subnavi_bg.png);
}





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

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



}



/* Zweite Ebene */

        ul.menu ul {

              margin:0;

                 padding: 0;

               position: absolute;
					background-color: transparent;
					

                display: none;

                    width: 200px;
text-align: left;
border-top: 4px solid transparent;

     }



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

              margin:0;

                 padding: 0;

               position: absolute;

               background-color: transparent;

                display: none;

                    width: 200px;


     }

       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;

   }