@charset "utf-8";

/* allgemeine stile */
.menu ul li a, .menu ul li a:visited {
	display:block;
	color:#666;
	width:100px;
	height:45px;
	overflow:hidden;
	text-decoration:none;
	text-transform: uppercase;
	text-align:center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size:12px;
	background-image: url(../bilder/quadr_grau.gif);
	background-repeat: no-repeat;
	background-position: center 25px;
	}
.menu ul li a.breit {
	width:150px;
}
.menu ul {	padding:0; 	margin:0; 	list-style: none;}
.menu ul li {float:left; position:relative; }
.menu ul li ul {display: none;}

/* für Browser außer IE  */
.menu ul li:hover a, .menu ul li a#active{
	color:#F33;
	text-decoration: underline;
	background-image: url(../bilder/quadr_rot.gif);
}
.menu ul li:hover ul {
	display:block; 
	position:absolute; 
	top:45px; 
	left:18px; 
	background-color: #FFF;
	}
.menu ul li ul li a.hide {
	color:#666; 
	text-align:left; 
	text-decoration:none; 
	font-size: 11px;
	font-family:  Arial, Helvetica, sans-serif;
	height: 20px;
	width: 120px;
	padding-left: 8px;
	}
.menu ul li:hover ul li:hover a.hide {color:#F33;}
.menu ul li:hover ul li ul {display: none;}
.menu ul li:hover ul li a {display:block; color:#666;}
.menu ul li:hover ul li a:hover {color:#F33; text-decoration:underline;  }
.menu ul li:hover ul li:hover ul {display:block; }