body {
	background-color: lightgrey;
	text-align: center; /* damit der alte IE zentriert*/
}

a:link { color: #4d2ae5; text-decoration: none;}
a:visited { color: #4d2ae5; text-decoration: none;}
a:hover { color: #a73049; text-decoration: none;}
a:active { color: #4d2ae5; text-decoration: none;}



#webseite {
	width:980px;
	margin:0px auto;
	-moz-box-shadow:1px 1px 16px #292929; /* Firefox */
    -webkit-box-shadow:1px 1px 16px #292929; /* Chrome, Safari */
    -khtml-box-shadow:1px 1px 16px #292929; /* Konqueror */
    -o-box-shadow:1px 1px 16px #292929; /* Opera */
     box-shadow:1px 1px 16px #292929; /* CSS3 */
}


#main {	
	margin-top:30px;
	width:980px;
	height:980px;
	background:white;
	z-index:0;
}


.logo_image {
	float: left;
	width:600px;
	margin-left: 20px;	
	margin-top: 20px;	
}	


#banner {
	width:100%;
	height: 255px;
	background: #4d2ae5;
	opacity: 0.98;	
	position: absolute; top: 172px; left:0px;
 	z-index:1; 
}


#banner_image_div {
	height:180px;
	float: left;
	margin-left: 30px;
	margin-top: 175px;
	border-width:3px;	
    border-style:groove;
    position:absolute;
 	z-index:2;
}	


.banner_image {
	height:180px;
}	


#menue {
	height: 42px;
    width: 790px;
	background: rgb(100,100,100);
	float: left;
	margin-left: 60px;
	margin-top: 378px;
    position: absolute;
 	z-index: 2;
}		


.menueschrift {
	text-align: left;
	margin-left: 14px;
	margin-top: 15px;
    font-size: 80%;
    font-family: Helvetica, Arial, sans-serif;
    font-weight: 400;
    color: red;
    
}

ul	{
	width: 100%;
	background: rgb(100,100,100);
	margin: 0;
	padding: 0;
	text-align: center;
}

ul li {
	display: inline-block;
	margin: 0;
	padding: 0;
}

ul li a {
	position: relative;
	display: block;
	padding: 15px 5px 10px 5px;
	color: white;
	text-decoration: none;
	font-family: Helvetica, Arial, sans-serif;
    font-weight: 400;
     font-size: 80%;
	z-index: 1;
}

ul li a::before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 0;
	background-color: #4d2ae5; /*the roesler color !*/
	transition: all 250ms;
	-webkit-transition: all 250ms;
	-moz-transition: all 250ms;
	-o-transition: all 250ms;
	-ms-transition: all 250ms;
	z-index: -1;
}

ul li a:hover::before {
	height: 100%; 
}



#content {
	height: 320px;
	width: 860px; 
	background: white;
	float: left;
	margin-left: 60px;
	margin-top: 410px;
    position: absolute;
 	z-index: 2;
}


#content_left {
	height: 320px;
	width: 300px; 
	background: white;
	float: left;
	margin-left: 0px;
	margin-top: 0px;
    position: absolute;
 	z-index: 3;
}

#content_right {
	height: 320px;
	width: 470px; 
	background: white;
	float: left;
	margin-left: 320px;
	margin-top: 0px;
    position: absolute;
 	z-index: 3;
}


.header_aktuelles {
	text-align: left;
	margin-left: 14px;
	margin-top: 14px;
    font-size: 100%;
    font-family: Helvetica, Arial, sans-serif;
    font-weight: 400;
    color: white;
}

.standardtext_aktuelles {
	text-align: left;
	margin-left: 20px;
	margin-top: 14px;
    font-size: 80%;
    font-family: Helvetica, Arial, sans-serif;
    font-weight: 400;
    color: white;
}


.standardtext {
	text-align:justify;
	margin-left: 14px;
	
    font-size: 90%;
    line-height: 20px;
    font-family: Helvetica, Arial, sans-serif;
    font-weight: 200;
    color: #575755;
}

.impressumlink {
	text-align:right;
	margin-right: 1px;
	
    font-size: 90%;
    line-height: 20px;
    font-family: Helvetica, Arial, sans-serif;
    font-weight: 200;
    color: #4d2ae5;
}

.standardtext a:link { color: #8d2f46; text-decoration: none;}
.standardtext a:visited { color: #8d2f46; text-decoration: none;}
.standardtext a:hover { color: #8d2f46; text-decoration: underline;}
.standardtext a:active { color: #8d2f46; text-decoration: underline;}


.standardueberschrift {
	text-align:left;
	margin-left: 14px;
	margin-top: 20px;
    font-size: 135%;
    line-height: 5px;
    font-family: Helvetica, Arial, sans-serif;
    font-weight: 400;
    color: #4d2ae5;
}


.standardueberschrift2 {
	text-align:left;
	margin-left: 14px;
	margin-top: 40px;
    font-size: 100%;
    line-height: 5px;
    font-family: Helvetica, Arial, sans-serif;
    font-weight: 400;
    color: #4d2ae5;
}


#footer {
	background: white;
	height: 50px;
	width: 860px; 	
	float: left;
	margin-left: 60px;
	margin-top: 910px;
    position: absolute;
 	z-index: 2;
}


.footerschrift {
	text-align: left;
	margin-left: 14px;
	margin-top: 14px;
    font-size: 75%;
    font-family: Helvetica, Arial, sans-serif;
    font-weight: 100;
    color: rgb(191, 22, 79);
}


.footerschrift a:link { color: #8d2f46; text-decoration: none;}
.footerschrift a:visited { color: #8d2f46; text-decoration: none;}
.footerschrift a:hover { color: #8d2f46; text-decoration: none;}
.footerschrift a:active { color: #8d2f46; text-decoration: none;}