#headnav {
	background: #000 url(gfx/tafel-back.png) 50% 50% repeat-x;
	color: #fff;
	width: 100%;
	height: 25px;	
}

ul.menu, ul.menu ul {
	list-style-type: none;
	padding:0;
	margin:0;
	z-index:99999;		
}

ul.menu a {
	display: block;
	padding: 3px 10px 3px 10px;
	font-weight: normal;
	color: #fff;
	text-decoration: none;
	font-family: 'Schoolbell', arial, serif;	
}

ul.menu a.active {
	background: #AE2C2F url(gfx/headItem.jpg) 50% 50% repeat-x;
}
ul.menu a.hover,
ul.menu a:hover {
	background: #AE2C2F url(gfx/headItem.jpg) 50% 50% repeat-x;
}

ul.menu li {
	padding: 0;
	margin: 0;
	float: left;
	background-color: #FFF9E4;
	border:1px solid #26383D;
	height: 24px;
		
  font-weight:normal;
	background: #AE2C2F url(gfx/tafel-back.png) 50% 50% repeat-x;	
	color: #fff;
	border:none;  			
	border-right:1px solid #ECECEC;
}

/* Für Unterpunkte keine Float-Eigenschaft */
ul.menu ul li {
	float:none;
	background-color: transparent;
	background: #AE2C2F url(gfx/tafel-back.png) 0 50% repeat-x;
}

/* Links auf Unterpunkten sollen die Hintergrundfarbe ändern */
ul.menu ul li.hover, ul.menu ul li:hover {
	background-color: #FFF9E4;
	background: #AE2C2F url(gfx/headItem.jpg) 50% 50% repeat-x;
}

	/* Zweite Ebene */
	ul.menu ul {
		margin:0;
		padding: 0;
		position: absolute;
		background-color: #26383D;
		border: 1px solid #FFF9E4;
		display: none;
		width: 180px;
	}

	/* Zweite Ebene anzeigen */
	ul.menu li.hover ul, ul.menu li:hover ul  {
		display: block;
	}

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

   /* Dritte Ebene anzeigen */
		ul.menu li.hover ul li.hover ul, ul.menu li:hover ul li:hover ul {
			display: block;
		}


			/* Vierte Ebene */
			ul.menu li.hover ul li.hover ul ul, ul.menu li:hover ul li:hover ul ul {
				display: none;
			}

			/* Vierte Ebene anzeigen */
			ul.menu li.hover ul li.hover ul li.hover ul , ul.menu li:hover ul li:hover ul li:hover ul {
				display: block;
			}