BODY {
    FONT-FAMILY: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
}

H1 {
 font-size: 16px;
 font-weight: normal;
 color: black;
 }
H2 {
 font-size: 18px;
 font-weight: normal;
 color: white;
}
H3 {
 font-size: 16px;
 font-weight: normal;
 color: white;
}
IMG{
	border: 0px;
}
div#hauptseite {
 width: 940px;
 margin: 0px auto;
 background: #FFFFFF;
 padding: 0px;
}
div#spalte_links {
 width: 160px;
 height: 800px;
 float: left;
 background: white;
}

div#spalte_rechts {
 width: 780px;
 float: right;
}
.footer {
 width: 860px;
 height: 40px;
 float: right;
 background:  #008093;
 text-align: left;
 display: flex;
	justify-content: left; /* align horizontal */
	align-items: center; /* align vertical */
}
.footertext {
 font-size: 16px;
 font-weight: normal;
 color: white;
}
div#header {
 width: 780px;
 height: 280px;
 float: right;
}
.spacer_rechts {
 width: 780px;
 height: 1px;
 float: right;
 background: white;
}

ul{
	 display: inline;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	line-height: 40px;
	list-style: none;
	list-style-position: inside;
	background: white;
	font-size: 18px;
	font-weight: normal;
	color: white;
	border: 0px;
}
ul li{
	background: grey;
	display: inline-block;
	position: relative;
	text-align: center;
	max-width: 156px; /* Set width of the dropdown */
	min-width: 156px; /* Set width of the dropdown */
}
ul li a{
	display: block;
	color: white;
	text-decoration: none;
}
ul li a:hover{
	color: white;
	background: #008093;
}
ul li ul.dropdown{
	min-width: 156px; /* Set width of the dropdown */
	max-width: 156px; /* Set width of the dropdown */
	background: grey;
	display: none;
	position: absolute;
	z-index: 999;
	left: 0;
	font-size: 14px;
	line-height: 30px;
}
ul li:hover ul.dropdown{
	display: block;	/* Display the dropdown */
}
ul li ul.dropdown li{
	display: block;
}
div#mainsite {
 width: 780px;
 height: 425px;
 float: right;
}