.flyoutmenu {font-family: arial, sans-serif; width:106px; height:400px; position:relative; margin:0; font-size:15px; margin:0px 0 60px 0;}

/* 1. ebene */

	/* u.a. breite 1. ebene festlegen, orig. 104px */
.flyoutmenu ul li a, .flyoutmenu ul li a:visited {display:block; text-decoration:none; color:#daffdd; width:114px; text-align:left; border:1px solid #001800; border-width:1px 1px 0px 1px; background:#001800; line-height:115%;}
.flyoutmenu ul {padding:0; margin:0;list-style-type: none; }
.flyoutmenu ul li {float:left; margin-right:1px; position:relative;}

/* zweite und folgende ebenen verstecken */
.flyoutmenu ul li ul {display: none;}


/* hover erste ebene */
.flyoutmenu ul li:hover a {color:#fff; background:#2fa139;}

/* 1. ebene: elemente, die eine unterebene haben */
.flyoutmenu ul li a.hide {background:url(../pix/menupfeil.gif) no-repeat right 5px;}
.flyoutmenu ul li:hover a.hide {color:#fff; background: #2fa139 url(../pix/menupfeil.gif) no-repeat right  5px; }


/* 2. ebene ausklappen */

.flyoutmenu ul ul { border : 3px solid #2fa139; margin-top : -29px;}
		/* u.a. position links festlegen, hängt von breite 1. ebene ab orig. 105px; breite orig. 105px*/
.flyoutmenu ul li:hover ul {display:block; position:absolute; top:0; left:115px; width:176px; }

/* elemente 2. ebene, bei denen es eine 3. ebene gibt */
	/* stylen */
.flyoutmenu ul li:hover ul li a.hide {background:#dfc184; color:#000;background: #2fa139 url(../pix/menupfeil.gif) no-repeat right  3px;color : #fff;}
	/* breite beim hovern */
.flyoutmenu ul li:hover ul li:hover a.hide {width:173px; color : #000; background: #daffdd url(../pix/menupfeil-schwarz.gif) no-repeat right  3px;}
	/* 3. ebene beim hovern über 2. verstecken */
.flyoutmenu ul li:hover ul li ul {display: none;}

/* 2. ebene */
	/* 2. ebene stylen */
.flyoutmenu ul li:hover ul li a {display:block; background:#2fa139; color:#fff; width:173px;line-height : 100%;padding-left:2px;padding-right:2px;}

	/* hover 2. ebene */
.flyoutmenu ul li:hover ul li a:hover {background:#daffdd; color:#000;}

/* 3. ebene  */
.flyoutmenu ul ul ul { border : 3px solid #2fa139; margin-top : -3px; }
	
	/* ausklappen */
	
.flyoutmenu ul li:hover ul li:hover ul {display:block; position:absolute; left:179px; top:0; color:#000;}
	/* stylen */
.flyoutmenu ul li:hover ul li:hover ul li a {display:block; width:172px; background:#2fa139; color:#fff;}
	/* hovern */
.flyoutmenu ul li:hover ul li:hover ul li a:hover {background:#daffdd; color:#000;}

/* höhe der listenpunkte */
.flyoutmenu ul li a, .flyoutmenu ul li a:hover,.flyoutmenu  ul li ul li a, .flyoutmenu ul li ul li a:hover, .flyoutmenu ul li ul li ul li a, .flyoutmenu ul li ul li ul li a:hover {padding-top:3px;padding-bottom:3px;}