/*
	ganzhell = #fcebcf
	hell = #FCD797
	mittel = #F58F2F
	dunkel = #372506
	
	Erklärung der Farben:
	
	#F58F2F -> Hintergrund-Farbe für Normalzustand der Navi
	#FCD797 -> Hoverfarbe
	#fff -> Für aktive Menü-Items
	#372506 -> dunkle Farbe
	
	!!!! Bitte überall hier ändern, bis in Zeile 68 !!!!

*/

.menu {
	background:url('../images/Cola.png') 0 -155px no-repeat;
	display:block;
	float:left;
	font-size:13px;
	margin:0 0 0 40px;
	
	_margin:0 0 0 20px; /* IE6 and below */  
	padding:0; /* this page only */
	position:absolute;
	*position:inherit; /* notice the * before the property - shows in IE7 and below */
	*left:1300px;
	top:140px;
	width:820px;
}
*+html .menu {/*IE7*/
	
}
* html .menu {/*IE7*/
	position:fixed;
}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {
	position:relative;
	padding:0;
	margin:0;
	list-style-type:none;
	width:auto;float:left;
	z-index:80;border-right:1px solid #666666;
}
/* style the list items */
.menu li {/* for IE7 */
	float:left;
	margin:0;border-left:1px solid #666666;border-right:1px solid black;
}
/*.menu li.sub {background:url('../images/sub-down-grey.png') right center no-repeat;} 
.menu li.sub:hover {background:url('../images/sub-down-grey.png') right center no-repeat;} */

.menu li.sub {
	/*background:#F58F2F;*/
}
.menu li.sub:hover {
	/*background:url('../images/umzuege-info.png') right -236px no-repeat transparent;*/
}
.menu li.sub a {background:url('../images/Cola.png') right -245px no-repeat;padding-right:35px;}
/* 
	Beim Einbinden einer Hintergrund-Grafik gibt es hier einen Listenpunkt "MENU-BOTTOM",
	um z.B. am Ende der Navi noch eine Grafik anzufügen. 
*/
.menu li.menu-bottom {
	display:none;
}
/* get rid of the table */
.menu table {
	position:absolute;
	border-collapse:collapse;
	top:0;
	left:0;
	z-index:2;
	font-size:1em;
}
/* style the links */
.menu a {display:block;padding:14px 12px;text-decoration:none;color:white;font-size:12px;text-transform:uppercase;}
.menu a:hover {color:#5DD1F8;background:url('../images/Cola.png') 0 -200px no-repeat;}

/* style the link hover */
* html .menu a:hover {position:relative;}

.menu li:hover {position:relative;}

/* Aktives Menüitem */
.menu a.current {color:red !important;background:url('../images/Cola.png') 0 -200px no-repeat;/*background:#FCD797;*/}
.menu a.current:hover {/*background:#F4F4EA;color:black !important;text-shadow:white 1px 1px;*/}

.menu li a.current {color:red !important;background:url('../images/Cola.png') 0 -200px no-repeat;}
.menu li.sub:hover > a {background:url('../images/Cola.png') right -291px no-repeat;color:#5DD1F8;padding-right:35px;}
.menu li.sub a.current {background:url('../images/Cola.png') right -245px no-repeat;color:red !important;}

/* For accessibility of the top level menu when tabbing */
.menu a:active, .menu a:focus {
	color:black;
}
/* retain the hover colors for each sublevel IE7 and Firefox etc */
.menu li:hover > a {
	color:#5DD1F8;
}
/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu li ul {visibility:hidden;position:absolute;top:44px;
	/* set up the overlap (minus the overrun) */
	left:0;
	/* set up the overrun area */
	padding:0;font-size:12px;
	/* this is for IE to make it interpret the overrrun padding */
	background:black url('../images/spacer.gif');border:none;
	
}
.menu li.sub ul li a {background:url('../images/Cola.png') 0 -200px no-repeat;color:white;width:250px;w\idth:229px;white-space:nowrap;padding-top:10px;padding-bottom:10px;padding-left: 10px;z-index:100;border:none;}
.menu li.sub ul li a:hover {border:none;color:#5DD1F8;background:url('../images/Cola.png') 0 -245px no-repeat;}
/* for browsers that understand this is all you need for the flyouts */
.menu li:hover > ul {
	visibility:visible;
	z-index:95;
}
/* for IE5.5 and IE6 you need to style each level hover */
/* keep the third level+ hidden when you hover on first level link */
.menu ul a:hover ul ul {
	visibility:hidden;
}
/* keep the fourth level+ hidden when you hover on second level link */
.menu ul a:hover ul a:hover ul ul {
	visibility:hidden;
}
/* keep the fifth level hidden when you hover on third level link */
.menu ul a:hover ul a:hover ul a:hover ul ul {
	visibility:hidden;
}
/* make the second level visible when hover on first level link */
.menu ul a:hover ul {
	visibility:visible;
}
/* make the third level visible when you hover over second level link */
.menu ul a:hover ul a:hover ul {
	visibility:visible;
}
/* make the fourth level visible when you hover over third level link */
.menu ul a:hover ul a:hover ul a:hover ul {
	visibility:visible;
}
/* make the fifth level visible when you hover over fourth level link */
.menu ul a:hover ul a:hover ul a:hover ul a:hover ul {
	visibility:visible;
}