menuEntry{
    text-decoration: none;
}

.menugrey {
    background-color: #BAC0B9;
    color: #000000;
}

.menublue {
    background-color: #7D8DA4;
    color: #FFFFFF;
}

.active { font-weight: none; }

.darkblue {
    background-color: #405B90;
    color: #FFFFFF;
}


A.menuEntry {
    font-family: Arial, Verdana, Helvetica, sans-serif; 
    font-size: 12px; 
    text-decoration: none;
}

A.menuEntry:link {
	color: #000000;
}

A.menuEntry:visited {
	color: #000000;
}

A.menuEntry:active {
	color: #11254D;
	font-weight: none;
}

A.menuEntry:hover {
	color: #11254D;
	font-weight: none;
}

table#menuezeile {		/* Diese Formatvorlage bezieht sich nur auf eine Tabelle mit dem id="menuezeile" */
	font: 				normal 12pt Albany, Arial, sans-serif;
	}

#hommel-menu {			/* notwendig? */
	width: 100%;
	background: #6a6;
	float: left;
}

ul#hommel-menue {		/* Diese Formatvorlage bezieht sich nur auf eine Liste mit dem id="hommel-menue" */
	width:				710;
	height:				auto;			
	padding:			0 0 0 0; /* 3 3 3 3  [px px px px] = oben rechts unten links */
	margin:				0;
	list-style:			none;
	float:				left;	/* center / right / top / down */
	background:			#a6a;
	color:				#405890;
	border-top:			0px solid #fff;		/* Definition für Rahmen bleibt, weil ansonsten die generelle Definition für den Rahmen greift */
	border-bottom:		0px solid #fff;
}

ul#hommel-menue li {
	width:				112;			
	height:				auto;			
	padding:			0 0 0 0;		/* der Abstand des Inhalts innerhalb der Zelle */
	margin:				3;				/* der Abstand zwischen den Zellen */
	float:				left; 			
	background:			#fff;			/* Hintergrundfarbe der Zelle; dieser kann durch die Hintergrundfarbe des Inhalts überlagert werden; wenn padding gesetzt ist, wirkt dies wie ein Rahmen */
	position:			relative;		/* / absolute  relative */
}

ul#hommel-menue li a {					/* Formate für die Elemente des Obermenüs mit Link */
	padding:			4 27 4 27;			
	background:			#ffffff;			
	color:				#405890;			
	display:			block;			
}

ul#hommel-menue li.active a	{	/* für class="active" in einem Listenelement */
	width:				auto;			
	height:				auto;			
	background:			#405890;			
	color:				#fff;			
	text-align:	 		left; 			
	text-decoration: 	none;			
}

ul#hommel-menue li.semi a	{	/* für class="semi" in einem Listenelement */
	width:				auto;			
	height:				auto;			
	background:			#8898c8;			
	color:				#00f;			/******************/	
	text-align:	 		left; 			
	text-decoration: 	none;			
}

ul#hommel-menue li ul {					/* 	die versteckten Untermenüs */
	display: 			none;						/* versteckt !!! */
	width: 				auto; 
	height: 			auto;						/* Breite der Zellen des Untermenüs */
	padding: 			0 0 0 0; 						/* Umrandung der Zellen im Untermenü */
	margin: 			0 0 0 1;							/* Abstand der Zellen des Untermenüs - oben rechts unten links */
	list-style-type: 	none;
	float: 				left; 
	border-top:			0px solid #fff;
	border-bottom: 		0px solid #FFF;		/* unterer Rahmen für die Untermenüs - wenn dieser nicht gesetzt wird, gilt die generelle Definition */
	position: 			absolute;
}

ul#hommel-menue ul {
	float: 				left; 
}

ul#hommel-menue ul a {	/* Elemente der Untermenüs mit Link */
	padding:			4 6 4 6;		
	margin:				0;				
	background:			#fff;			
	color:				#405890;			
}

ul#hommel-menue ul li  {	
	width:				180;			/* Breite der Zelleninhalte im Untermenü */
	height:				auto;			
	padding:			0 0 0 0;		
	margin:				0;				
	background:			#fff;		/* Hintergrundfarbe der Untermenüs */
	display:			block;			
}

ul#hommel-menue ul li a {	
	background:			#fff;		/* Hintergrundfarbe der Untermenüs */
}

ul#hommel-menue ul li.active a {
	background:			#405890;		
	color:				#fff;			
	display:			block;			
}

ul#hommel-menue ul li.inactive a {
	background:			#fff;		
	color:				#405890;			
	display:			block;			
}

ul#hommel-menue ul li.semi a {
	background:			#fff;		
	color:				#405890;			
	display:			block;			
}

ul#hommel-menue li:hover ul, ul#hommel-menue li.over ul { display: block; }
ul#hommel-menue li.active a { background: #405890; color: #FFF; display: block }
ul#hommel-menue li.inactive a:hover { background: #8898c8; color: #405890; display: block }



/* Bug-Fix IE */
* html ul#hommel-menue li { float: left; }
* html ul#hommel-menue li a { height: 1%; }
* html ul li { float: left; }
* html ul li a { height: 1%; }
/* End */


