/* Klappmenü für die klappmenuegation  - Code für alle Browser außer IE*/


.klappmenue {
font-family: Arial, Helvetica, sans-serif;
width:600px; /*Gesamtbreite des Menüs - Minimun: Anzahl der Menüpukte * Kastenbreite*/
height: 88px;


position: relative;

top: -76px;
left: 160px;
font-size: 13px;
font-weight: 500;  /*Schriftdicke - 500 normal - mehr macht Schrift fetter - 700 entspricht bold*/
z-index:100;


}


.klappmenue ul li a, .klappmenue ul li a:visited {

display:block;
text-decoration:none;
width:105px;  /*Breite der Menüpunkte - Achtung: unten nochmal ändern für 3. Ebene*/
height:16px;
text-align:center;
color: #ecd8ae; /*Schriftfarbe beige: #ecd8ae  magenta: #DE1E51*/
border: 1px solid #000000;
background: #000000;  /*Hintergrundfarbe Klappmenüe 1. Ebene*/
line-height:14px; /*Verrückung der Schrift oben unten 1. Ebene*/
/*letter-spacing: 0px; Abstand der Buchstaben zueinander 1. Ebene*/
font-size: 13px;
overflow:hidden;}


.klappmenue ul {
padding:0;
margin:0;
list-style: none;}

.klappmenue ul li {
float:left;
position:relative;
}

.klappmenue ul li ul {display: none;}



/*1. Ebene Rollover-Effekt */
.klappmenue ul li:hover a 
{color: #ffffff; 
background: #000000; 

}


.klappmenue ul li:hover ul {
display:block; 
position:absolute; 
top:16px;  /* vertikaler Abstand von der 1. Ebene zur 2.  - bei Null liegen beide aufeinander*/
left:0; 
width:105px;

}

/* 2. Ebene Farb- und Texteinstellungen */
.klappmenue ul li:hover ul li a 
{display:block; 
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
background: #000000; 
color: #ecd8ae;
text-align: left;
text-indent:10px;


}


/* 2. Ebene Farb- und Texteinstellungen Over-Effekt*/
.klappmenue ul li:hover ul li a:hover 
{
background: #DE1E51; 
color: #FFFFFF;
}

/*Einstellungen für den Punkt in der 2. Ebene, der zur 3. Ebene führt */
.klappmenue ul li:hover ul li a.hide {
background: #000000; 
color: #ecd8ae;;
}


/*Einstellungen für den Punkt in der 2. Ebene, der zur 3. Ebene führt  - Overeffekt*/
.klappmenue ul li:hover ul li:hover a.hide 
{
background: #DE1E51; 
color: #FFFFFF;
}


.klappmenue ul li:hover ul li ul {display: none;}




.klappmenue ul li:hover ul li:hover ul {
display:block; 
position:absolute; 
left:105px; /*Abstand der 3. Ebene zur 2. Ebene - muss Breite der Menüpunkte oben entsprechen*/ 
top:0;


}

.klappmenue ul li:hover ul li:hover ul.left {
left:-105px;

}