.menu {
	z-index: 100;
	width:125px;
	height:420px;
	position:relative;
	margin:auto;
}
.menu span {
	display:block;
	overflow:visible;
	background-image:url(bilder/arrowsub.gif);
	background-position:right center;
	background-repeat:no-repeat;
}
.menu ul li a, .menu ul li a:visited {
	z-index:110;
	display:block;
	text-decoration:none;
	color:#603;
	width:110px;
	height:25px;
	padding:4px;
	text-align:left;
	border:1px solid #DDD;
	border-width:1px 1px 1px 1px;
	background:#DDD;
	line-height:19px;
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
	border-radius:7px;
}
.menu ul {
	padding:0;
	margin:0;
	list-style-type: none;
}
.menu ul li {
	float:left;
	margin-right:1px;
	margin-left:3px;
	position:relative;
}
.menu ul li ul {
	display: none;
	color:#DDD;
}
/* specific to non IE browsers */
.menu ul li:hover a {
	color:black;
	background:silver;
}
.menu ul li:hover ul {
	display:block;
	position:absolute;
	top:0;
	left:117px;
	width:120px;
	color:#603;
}
.menu ul li:hover ul li a.hide {
	background:silver;
	color:#000;
}
.menu ul li:hover ul li:hover a.hide {
	width:130px;
	color:#FFF;
}
.menu ul li:hover ul li ul {
	display: none;
}
/*erstes Flyout*/
.menu ul li:hover ul li a {
	display:block;
	background:silver;
	color:black;
	width:190px;
	opacity: 0.8;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	/*filter: alpha(opacity=80);*/
}
.menu ul li:hover ul li a:hover {
	background:gray;
	color:white;
}
/*zweites Flyout*/
.menu ul li:hover ul li:hover ul {
	display:block;
	position:absolute;
	left: 197px;
	top:0;
	color:#fff;
}
.menu ul li:hover ul li:hover ul li a {
	display:block;
	width:111px;
	background:silver;
	color:black;
}
.menu ul li:hover ul li:hover ul li a:hover {
	background:gray;
	color:white;
}