﻿<style type="text/css">

#menu {
		font-family: Century Gothic, Verdana, Arial;
		font-size:  12pt;
		width: 100%;
		padding: 0 10px;
		background: #cc1f2f;
		line-height: 100%;
		float: left;
		margin:	0;
}

#menu ul {
		float: left;
		width: 135px;	
		list-style-type: none;
		margin:0;
		padding: 0;
}

/*--definiert die Blocküberschriften--*/
#menu h3  {
		font-family: Century Gothic, Verdana, Arial;
		font-size:  12pt;
		text-align: center;
		color: #FFFFFF;
		border: 1px solid #FFFFFF;
		background: #cc1f2f;
		line-height: 150%;
		font-weight:normal;
		margin: 0;
}

/*--definiert die "Drop-Down-Links" im Normalzustand--*/
#menu a {
		font-family: Century Gothic, Verdana, Arial;
		text-decoration: none;
		font-size: 10pt;
		display: block;
		border: 1px solid #ccc;
		text-align: left;
		background: #cc1f2f;
		color: #FFFFFF;
		line-height:150%;
}

/*--definiert die "Drop-Down-Links" im Hoverzustand--*/
#menu a:hover {
	font-size: 10pt;
	color: #CC1F2F;
	background: #FFFFFF;
}

/*verhindert im Zusammenhang mit position absolute bei ul ul
*eine Höhenvergrößerung von #menu beim Hovern--
*/

#menu li {
		position: relative;
}

/*--versteckt die "Drop-Down-Links", solange nicht gehovert wird--*/
#menu ul ul {
		position: absolute;
		z-index: 2;
		display: none;
}

#menu li:hover ul ul{
	left: -999em;
}

/*--lässt die Dropdown-Links beim Hovern erscheinen--*/
#menu ul li:hover ul {
		display: block;
}
#menu li li:hover ul {
	left:auto;
}

/*--nur für IE-Versionen kleiner gleich 6 erkennbar--*/
* html #menu ul li{
		float: left;
		width: 100%;
}

/*--nur für IE 7 erkennbar--*/
*+ html #menu ul li {
		float: left;
		width: 100%;
}

/*--bewirkt Hover-Effekt für IE kleiner 7 auch für ul- und li-Elemente--*/
*html body {
		behavior: url(csshover3-source.htc);
		font-size: 100%;
}

*html #menu ul li a {
		height: 1%;
}

/*--definiert einen Einzellink im Normalzustand, wenn kein Drop-Down erforderlich--*/
#menu a.direkt {
		font-family: Century Gothic, Verdana, Arial;
		font-size:  12pt;
		text-align: center;
		color: #FFFFFF;
		border: 1px solid #FFFFFF;
		background: #cc1f2f;
		margin: 0;
		font-weight:normal;
		line-height: 150%;
		padding: 0 10px;

}

#menu a.direkt:link {
		font-family: Century Gothic, Verdana, Arial;
		font-size:  12pt;
		text-align: center;
		color: #FFFFFF;
		border: 1px solid #FFFFFF;
		background: #cc1f2f;
		margin: 0;
		font-weight:normal;
		line-height: 150%;
}

/*--definiert einen Einzellink im Hoverzustand, wenn kein Drop-Down erforderlich--*/

#menu a.direkt:hover {
		font-family: Century Gothic, Verdana, Arial;
		font-size:  12pt;
		font-weight:bold;
		color: #cc1f2f;
		background: #FFFFFF;
		border: 1px solid #FFFFFF;
		}
/*-------------------------------------------------------------------*/
#menu li ul ul {
		margin: -1em 0 0 8em;
}



</style>

