.page {width:900px;margin: 0 auto;}

/*JAVASCRIPT MENUELEMENTE*/
ul.menu a {display: block; padding: 5px 10px 5px 10px; font-weight:normal;text-decoration:none;color:white;}
ul.menu a:hover {display: block;font-weight:normal;text-decoration:none;color:#fff;background-color:#f5af0c;}
ul.menu li {padding:0; margin:0;background-color:#2a973e;float:left;border:0;}
ul.menu ul {z-index:1000;margin-left:0;padding: 0 0 5px 0;position: absolute;background-color: #2a973e;display:none;min-width:180px;}
/* IE-Hack für die Breite */
*html ul.menu ul {width:180px;}
/* Dies sind die Klassenstile für das Untermenü wenn sich die Maus */
/* Über der Liste  befindet (.hover siehe JavaScript oben) */
ul.menu ul.hover, ul.menu li.hover ul, ul.menu li:hover ul  {display:block;}
ul.menu ul li {float:none;background-color: transparent;}


.menu ul {list-style-type:none;}
.menu ul li {float:left; z-index:auto !important /*Non-IE6*/; z-index:1000 /*IE6*/; background-color:#f5af0c;}
.menu ul li a {float:none !important /*Non-IE6*/; float:left /*IE-6*/; display:block; height:1.9em; line-height:1.9em; padding:0 /*10px*/ 0 0 10px; text-decoration:none; color:white;}
.menu ul li ul {display:none; border:none;}

/* Submenü (Non-IE6 hovering) */

.menu ul li:hover { /*Sylvain IE hack*/ position:relative; } 
.menu ul li:hover a { /*Color main cells hovering mode*/
	background-color:#f5af0c;
	text-decoration:none;
	color:#fff;
} 
.menu ul li:hover ul {
	display:block;
	width:10.0em;
	position:absolute;
	z-index:1000;
	top:2em;
	margin-top:0.1em;
	left:0;
	padding:0px 16px 0px 16px;
	border-top:solid 1px white;
}
.menu ul li:hover ul li a { /*Color subcells normal mode*/
	white-space:normal;
	display:block;
	width:10.0em;
	height:auto;
	line-height:1.3em;
	margin-left:-18px;
	padding:4px 16px 4px 16px;
	background-color:#f5af0c;
	font-weight:normal;
	color:white;
}
.menu ul li:hover ul li a:hover {
	background-color:#f5af0c; text-decoration:none; color:#fff} /*Color subcells hovering mode*/


/* Dritte Ebene anzeigen */
ul.menu li.hover ul li.hover ul, ul.menu li:hover ul li:hover ul {
	display: block;
	background-color:#2a973e;
	}

ul.menu li.hover ul ul, ul.menu li:hover ul ul {
	display: none;
	margin-left: 180px; /* Breite eines Listenelements - Überlagerung */
	margin-top: -25px; /*Höhe eines Listenelements */}

ul.menu li.hover ul li.hover ul, ul.menu li:hover ul li:hover ul a {width:180px;background-color:#2a973e;}
ul.menu li.hover ul li.hover ul, ul.menu li:hover ul li:hover ul a:hover {width:180px;background-color:#f5af0c; text-decoration:none; color:#fff;}