html, body {
   margin: 0;
   padding: 0;
}

body {
   font-family: Lucida Sans Unicode, Lucida Grande, Corbel, Helvetica, Geneva, Arial, sans-serif;
   font-size: 100.1%;
   line-height: 140%;
   background-color : #5e656f;
}

#wrapper_vgs {
	position: relative;
	width: 999px;
	margin: 0 auto 20px;
	padding: 0;
	font-size: 0.8em;
	margin-top: 0;
	min-height: 664px;
	background-color: #000;
	background-image: url("../images/startseite_vgs.jpg");
	background-repeat: no-repeat;
	background-position: left top;
}

#logo {
   position: absolute;
   top: 0;
   right: 33px;
   width: 148px;
}

#wrapper_vgs h1 {
	position: absolute;
	bottom: 20px;
	left: 30px;
   color: #000;
   font-size: 280%;
   font-weight: bold;
   margin: 0;
   padding: 0;
   line-height: 130%;
}

#wrapper_vgs h2 {
   position: absolute;
   top: 60px;
   right: 20px;
   color: #000;
   font-size: 110%;
   font-weight: normal;
   margin: 0;
   padding: 0;
}

#wrapper_vgs h3 {
   position: absolute;
   bottom: 30px;
   right: 30px;
   color: #000;
   font-size: 200%;
   line-height: 130%;
   font-weight: normal;
}

#wrapper_vgs h3 a,
#wrapper_vgs h3 a:link,
#wrapper_vgs h3 a:visited {
   color: #000;
   text-decoration: none;
}
#wrapper_vgs h3 a:focus,
#wrapper_vgs h3 a:hover,
#wrapper_vgs h3 a:active {
   /* color: #133360; */
   color: #ac9754;
   text-decoration: underline;
}



/**********************   Verwaltung    ****************************/
#verwaltung {
   background-color: #f2f0e3;
   border-bottom: 1px solid #003467;
   text-align: center;
   padding: 8px;
   margin: 0;
}
#verwaltung a,
#verwaltung a:link,
#verwaltung a:visited {
   color: #fff;
   background-color: #036;
   border-right: 1px solid #f2f0e3;
   margin: 0;
   padding: 5px;
   font-weight: normal;
   text-decoration: none;
}

#verwaltung a:focus,
#verwaltung a:hover,
#verwaltung a:active{
   background-color: #369;
   font-weight: normal;
}