/*#######################*/	
/* NAVIGATION            */	
/* Spezialdefinitionen fuer Aufklappmenues*/	
/*#######################*/


/*###### Der bekannteste IE-Hack (Star-Hack, ist nur für den IE6) funktioniert so:########*/
* html li { height:1%; }


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

ul.menu a {
    display: block;
    padding: 3px 10px 3px 10px;
    font-weight: normal;
    /*###### border-left: 1px solid #cadfc8;#######*/
    border-left: 1px solid #437442;
    
}

#last ul ul.menu a {
    display: block;
    padding: 3px 10px 3px 10px;
    font-weight: normal;
    /*###### border-left: 1px solid #cadfc8;#######*/
    border-left: 0px;
    border-right: 1px solid #437442;
    
}

ul.menu li {
    padding: 0;
    margin: 0;
    float: left;
    background-color: transparent;
/*######    background-color: #FFF9E4;
    border:1px solid #26383D;
    height: 22px;########*/
}

ul.menu li:hover {

	/*######background-color: #b2d4b1;
	border-bottom: 1px solid #b2d4b1;#######*/


}

/* Für Unterpunkte keine Float-Eigenschaft */
ul.menu ul li {
    float:none;
    background-color: transparent;

}

/* Links auf Unterpunkten sollen die Hintergrundfarbe ändern */
ul.menu ul li.hover, ul.menu ul li:hover {
    background-color: #b2d4b1;
}

/*************************************** Zweite Ebene ****************************************************/
        ul.menu ul {
                margin:0;
                padding: 0;
                position: absolute;
                display: none;
                width: 190px;
                background-color: #cadfc8;
                  
             
         

     }

   /* Zweite Ebene anzeigen */
       ul.menu li.hover ul, ul.menu li:hover ul  {
               display: block;
            

               
   }

/*************************************** Zweite Ebene (letztes Menüelement) ****************************************************/
     ul.menu #last ul {
                width: 120px;
                width: 140px; /* von sergey */

     }
   
   
/*************************************** Dritte Ebene ****************************************************/
   ul.menu li.hover ul ul, ul.menu li:hover ul ul {

                display: none;
/***                margin-left: 120px;*****/ /* Breite eines Listenelements - Überlagerung */
                margin-left: 140px; /* von sergey */
                width: 190px; /* von sergey */
              	margin-top: -20px;  /*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;


   }

/*************************************** Dritte Ebene  (letzter Menüeintrag) ***************************************************/
   ul.menu #last.hover ul ul {

                display: none;
 /**               margin-left: -110px;****/ /* Breite eines Listenelements - Überlagerung */
                margin-left: -130px; /* von sergey */
              	margin-top: -20px;  /*Höhe eines Listenelements */
        }

   /* Dritte Ebene anzeigen */
       ul.menu #last.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;
   }