@charset "utf-8";
/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/flyout5.html
Copyright (c) 2005-2009 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

.menu {
	position:relative;
	z-index:1000;
	height:235px;
	margin:25px 0 0 10px; /* this page only */
}

/* remove all the bullets, borders and padding from the default list styling */
.menu ul {
	padding:0;
	margin:0;
	list-style-type:none;
	width:140px;					/* Menü - Breite*/
	position:relative;
	border:1px solid #900;			/* Umrandungsfarbe Doku - rot */
	border-width:1px 1px 0 1px;		/* Umrandung oben, rechts, links*/
	background-color: #FCE7C9;		/* Farbe Menü 1. Stufe */
}


.menu li {
background:transparent;
height:26px;
}

* html .menu li {margin-left:-16px; margin-lef\t:0;}

/* get rid of the table */
.menu table {
	position:absolute;
	border-collapse:collapse;
	top:0;
	left:0;
	z-index:100;
	font-size:1em;
	width:0;
	height:0;
}

/* style the links */
.menu a, .menu a:visited {
	font-family:verdana, arial, sans-serif;
	display:block;
	text-decoration:none;
	height:25px;
	line-height:25px;
	width:140px;
	color:#000;
	text-indent:5px;
	border-bottom:1px solid #900;	/* unterster Strich bei mehrteiligem Menü vertkal*/
	background:transparent;
}
/* style the link hover */
* html .menu a:hover {
	color:#fff;
	background-color: #900;
}

.menu :hover > a {
	color: #FF0;			 /*Farbe Text bei hover - gelb - */
	background-color: #900;  /*Farbe bei hover - doku-rot - */
}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {
	visibility:hidden;
	position:absolute;
	top:-1px;
	left:140px;
}
/* make the second level visible when hover on first level list OR link */
/* 3. stufe sichtbar machen, wenn hover über 2. Stufe oder link */
.menu ul li:hover ul,
.menu ul a:hover ul {
	visibility:visible;
	background-color: #FAD098;		/* Menüfarbe 2. Stufe*/
}
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{
visibility:hidden;
}
/* keep the fourth level hidden when you hover on second level list OR link */
.menu ul :hover ul :hover ul ul{
visibility:hidden;
}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{
	visibility:visible;
	background-color: #F7B55B; 		/* Menüfarbe 3. Stufe*/
}
/* make the fourth level visible when you hover over third level list OR link */
.menu ul :hover ul :hover ul :hover ul {
	visibility:visible;
	background-color:#D6800C		/* Menüfarbe 4. Stufe*/
}
.menu ul ul li a {
	width:140px;
	border-right:1px solid #900;
}

.menu ul.top2 {top:25px;}
.menu ul.top3 {top:51px;}
.menu ul.top4 {top:77px;}
.menu ul.top5 {top:103px;}
.menu ul.top6 {top:129px;}
.menu ul.top7 {top:155px;}
.menu ul.top8 {top:181px;}
.menu ul.top9 {top:207px;}
.menu ul.top10 {top:233px;}