@charset "UTF-8";
/* CSS Document */

.menu { width:910px; height:1em; position:relative; z-index:90; }
.menu ul li a, .menu ul li a:visited {display:block; text-decoration:none; color:#000;padding-right:15px; height:1.8em; text-align:center; color:#fff; line-height:1.8em; 
	}
	

	
.menu ul {padding:0; margin:0; list-style: none;}
.menu ul li { left:12px;
	float:left; 
	padding-right:15px;
	position:relative;
	background-image: url(../css-images/trenner_hellrot_dyn.gif);
	background-position: right;
	background-repeat: no-repeat;
}

.menu ul li.last { background-image: none;
	
}



.menu ul li ul {display: none;}

/* specific to non IE browsers */
.menu ul li:hover a {
	color:#F7E6E6; 
	position:relative;
}
	
.menu ul li:hover ul {
	display:block; 
	position:absolute; 
	top:23px; 
	left:0; 
	background-image: none;	 
}

.menu ul li:hover ul li {
	 background-image: none;
	 width:200px;
	 left:0px;
}


.menu ul li:hover ul li.shadow {
	height:2px;
	left:3px;
	background-image: url(../css-images/schatten.gif);
	background-repeat: repeat-x;
	background-position: left;
}

.menu ul li:hover ul li a.hide {background:#AE0836; color:#fff;}
.menu ul li:hover ul li:hover a.hide {background:#AE0836; color:#fff; z-index:100;}

.menu ul li:hover ul li a {
	display:block;
	color:#ffffff;
	text-align:left;
	padding:0.3em 0 0.3em 0.5em;
	background-color: #CC6666;
	background-image: url(../css-images/schattenrechts.gif);
	background-repeat: repeat-y;
	background-position: right;
	/*filter: alpha(opacity=50);
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
	-moz-opacity: 50;	
	opacity:50;*/
}

.menu ul li:hover ul li ul li {left:46px;
}
.menu ul li:hover ul li a:hover { 
	color:#ffffff; 
	padding-right:2px;
	background-image: url(../css-images/schattenrechts_over.gif);
	background-repeat: repeat-y;
	background-position: right;
	z-index:99;

	
}

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



.menu ul li:hover ul li:hover ul {
	display:block; 
	position:absolute; 
	top:0;	
	z-index:100;
	
	
}
.menu ul li:hover ul li:hover ul li {

}

.menu ul li:hover ul li:hover ul li a {



}


.menu ul li:hover ul li:hover ul li a:hover  {
color:#ffffff; 
	/*width:192px;*/ 
	padding-right:2px;
	background-image: url(../css-images/schattenrechts_over.gif);
	background-repeat: repeat-y;
	background-position: right;
	z-index:100;}