/*
##############################################
### [ Navigation ]
##############################################
*/
/* Vorbereitung */
.menu ul { list-style-type:none; /* Listensymbole entfernen */ margin:0; padding:0; /* Einrueckung entfernen */}
.menu ul li {  list-style-type:none; width:100%; margin:0; padding:0;}
.menu ul li a { color:#666666; display:block; text-decoration:none; line-height:200%;}

/* Funktion */
.menu ul li ul { display:block;} /* erste Ebene als Block */
.menu ul li ul li ul { display:none;} /* zweite Ebene verstecken */
.menu ul li ul li.open ul { display:block;} /* zweite Ebene als Block */
.menu ul li ul li:hover { position:relative;}
.menu ul li ul li:hover ul { display:block; position:absolute; top:-1px; left:140px; z-index:99;} /* zweite Ebene als Layer */
.menu ul li ul li.open:hover ul { display:block; position:static; top:0; left:0;} /* zweite Ebene als Block */	

/* Formatierung erste Ebene */
.menu ul { border:0;}
.menu ul li {}
.menu ul li a { padding:0 10px; text-transform:uppercase; font-size:12px; font-weight:bold; color:#FFFFFF;	}
.menu ul li.farbe1 a { background-color:#999966;}
.menu ul li.farbe2 a { background-color:#336699;}
.menu ul li.farbe3 a { background-color:#669966;}


/* Formatierung zweite Ebene */
.menu ul li ul { border:0; margin:0; padding:0 3px; background-color:#fff;}
.menu ul li ul li { border-bottom:0px solid #fff; border-top:0px solid #0ff; padding:0; margin:0;}
.menu ul li.farbe1 ul li a, .menu ul li.farbe2 ul li a, .menu ul li.farbe3 ul li a  { padding:3px 0 0 6px; text-transform:none; font-size:11px; font-weight:normal; border-top:1px solid #FFF; background-color:#F0F0F0; color:#666666;}
.menu ul li ul li a:hover { background-color:#FFFFFF;}

/* Formatierung dritte Ebene (als Layer) */
.menu ul li ul li ul { border:2px solid #FFF; padding:0; margin:0;}
.menu ul li ul li ul li { padding:0; margin:0; border-top:1px solid #FFFFFF;}
.menu ul li ul li ul li a { padding:3px 0px 6px 4px; text-transform:none; font-size:11px; font-weight:normal; background-color:#FFFFFF; width:210px;}

.menu ul li.farbe1 ul li ul { border:1px solid #999966; padding:0; margin:0; background-color:#FFFFFF;}
.menu ul li.farbe2 ul li ul { border:1px solid #336699; padding:0; margin:0; background-color:#FFFFFF;}
.menu ul li.farbe3 ul li ul { border:1px solid #669966; padding:0; margin:0; background-color:#FFFFFF;}
.menu ul li.farbe1 ul li ul li a { background-color:#FFFFFF; border-bottom:1px solid #EFEFEF; }
.menu ul li.farbe2 ul li ul li a { background-color:#FFFFFF; border-bottom:1px solid #EFEFEF;}
.menu ul li.farbe3 ul li ul li a { background-color:#FFFFFF; border-bottom:1px solid #EFEFEF;}
.menu ul li.farbe1 ul li ul li a:hover, .menu ul li.farbe2 ul li ul li a:hover, .menu ul li.farbe3 ul li ul li a:hover { background-color:#f6f6f6;}


/* Formatierung dritte Ebene (als Block) */
.menu ul li ul li.open ul { border:0; margin:0;}
.menu ul li ul li.open ul li { border:0; border-top:1px solid #fff; padding:0; margin:0;}
.menu ul li ul li.open ul li a { padding:5px 10px 5px 12px; text-transform:none; font-size:11px; font-weight:normal; border-top:0px solid #CCC; border-bottom:0px solid #CCC; background-color:#F8F8F8; display:block;  width:130px; line-height: 120%;}
.menu ul li ul li.open ul li a:hover { background-color:#FFFFFF;}

/* IE Hacks */
* html .menu ul li {
	width:156px;
}