#navigation ul {
 font-family: Calibri, Arial, Geneva, sans-serif;
}
#navigation li {
 font-family: Calibri, Arial, Geneva, sans-serif;
}



#navigation {
	font-size: 1.5em;
	position:absolute;
	/* Breite des Hauptmenüs - sollte zur Position der submenüs passen, d.h. sollte >= sein als position des linken Randes der submenüs*/
	padding: 5px;
	line-height: 1.2em;
	top:0.5em;
	left:0.2em;
	z-index:8;
	color: var(--farbe_navtext);
	border:1px solid #000;
    padding-bottom: 0.2em;
	-moz-box-shadow:5px 5px 5px #333333;
	-moz-border-radius:5px;
	-webkit-box-shadow:5px 5px 5px #333333;
	-webkit-border-radius:5px;
	box-shadow:5px 5px 5px #333333;
	border-radius:5px;
	background-color: var(--farbe_weiss);
	/*width: 12em;*/
}
@media (pointer:coarse) {
 #navigation {
 font-size: 2.5em !important;
 } 
}
/*
#navigation_burger {
background-color: var(--farbe_background);
color: var(--farbe_kontrast1);
vertical-align: top;
text-align: left;
}
#navigation_burger a{
	color: var(--farbe_kontrast1);
}
*/

#navigation li{
list-style-type: none;

text-decoration: none;
display: block;
padding:0.2em 0.3em 0.2em;

vertical-align:top;
margin: 0;

/*height: 0.9em;*/
text-align: left;
background: var(--farbe_weiss);
background-color: var(--farbe_weiss);
color: var(--farbe_kontrast1);

}
#navigation li li{
	/*width: 20em;*/
	line-height: 1.2em;
}
/*--definiert die Blocküberschriften--*/

/*--definiert die "Ausklapp-Links" im Normalzustand--*/
#navigation a {
	color: var(--farbe_kontrast1);
	background-color: #FF0000;
	text-decoration: none;
	display:block;
	}


/*--definiert die "Ausklapp-Links" im Hoverzustand--*/
#navigation a:hover, #navigation a:focus, #navigation a:active, #navigation a:click{
color: lightblue;
background-color: #008080;
/* background-color: #008080; */
}

#navigation a:link, #navigation a:visited {

   background-color: transparent;
   font-weight: bold;
   padding: 0.0em 0;
  
   }
   
/*verhindert im Zusammenhang mit position absolute bei ul ul
*eine Höhenvergrößerung von #navigation beim Hovern--
*/



/*--versteckt die "Ausklapp-Links", solange nicht gehovert wird--*/
#navigation ul ul {
color: #00E0E0;
/*background: #009090;*/
background-color: var(--farbe_weiss);
position:relative;

 /*Position des Ausklapp-Menüs in Bezug auf übergeordnetes Menu item*/
top: 0em;
left: 0em;
/*width: 12em;*/
z-index: 6;
display: none;

}

/*--lässt die Ausklapp-Links beim Hovern erscheinen--*/
#navigation ul li:hover ul {
/*color: lightblue;*/
position: relative;
display: block;
width: 16em;
/*width: unset;*/
z-index: 6;
/*border: 1px solid black;
box-shadow:5px 5px 5px #333333;
border-radius:5px;
*/
/*width:auto !important;*/
padding: 1px 1px 5px 1px;
}

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

}

/*--nur für IE 7 erkennbar--*/
*+ html #navigation 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 #navigation ul li a {
height: 1%;
}

#navigation ul {
    margin-bottom: 0px;
    margin-top: 0px;
    list-style-type: disc;
    list-style-position: outside;
	
	//width: 12em;
	padding: 0;
}

* {
    margin: 0;
    /*padding: 0;*/
}

#content {
	left: 0em;
	margin-left: 0em;
	padding-left: 1rem;
	padding-right: 1rem;
}
#heading {
 left: 0em;
}

.heading_leftfill {
	padding-left: 9.5rem;
	color: red;
}