/* CSS Document */



* {
	margin: 0;
	padding: 0;
	}

.hr {
border:none;
border-top: 1px solid #ffffff;
color: #FFFFFF;
height: 1px;
margin-left: -25px;
margin-top: 5px;
width: 115px;

}

.menu_aktiv {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #8ea8d3;
	font-weight: bold;
	background-image: url(images/quadrat_aktiv.png); background-repeat: no-repeat; background-position: bottom right;

}



#menu {
	width: 100%;
	padding: 0 25px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	line-height: 18pt;
	text-align: left;
	color: #FFFFFF;
	text-decoration: none;
	}

#menu ul {
	width: 120px; /*--Breite der Menüpunkte; bestimmt damit die Position der Quadrate--*/
	list-style-type: none;
	}
	

/*--definiert die Blocküberschriften--*/
#menu h3 {
	font-size: 10pt;
	text-align: left;
	color: #ffffff;
	background-image:url(images/quadrat_rot.png); background-repeat: no-repeat; background-position: bottom right; 
	}

/*--definiert die Blocküberschriften im Hoverzustand--*/
#menu h3:hover {
	cursor: pointer;
	background-image:url(images/quadrat_aktiv.png); background-repeat: no-repeat; background-position: bottom right; 
	}

/*--definiert die "Drop-Down-Links" im Normalzustand--*/
#menu a {
	font-size: 10pt;
	font-weight: bold;
	line-height: 18pt;
	text-decoration: none;
	display: block;
	text-align: left;
	color: #8ea8d3;
	background-image:url(images/quadrat_rot.png); background-repeat: no-repeat; background-position: bottom right; 

	}

/*--definiert die "Drop-Down-Links" im Hoverzustand--*/
#menu a:hover {
	color: #c0cfe7;
	background-image: none;
	background-image:url(images/quadrat_aktiv.png); background-repeat: no-repeat; background-position: bottom right; 

	}

/*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: relative; /*--wenn hier absolut, dann verschiebts nicht nach unten--*/
	z-index: 2;
	display: none; 

	}
	
#menu ul ul a, #menu ul ul a:hover { background:none; }

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

/*--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:link {
	font-size: 10pt;
	text-align: left;
	color: #ffffff;

	}

#menu a.direkt:visited {
        font-size: 10pt;
        text-align: left;
        color: #ffffff;
        }	

#menu a.direkt:hover {
	font-size: 10pt;
	text-align: left;
	color: #8ea8d3;
	}