html, body {
height:100%;
background-color: #9EAFD4;
background-color:#4671A9;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:100.01%;
line-height:120%;
margin:0;
padding-bottom: 1px;
}

/** kurzreset **/
div, p, h1, h2, h3, h4, ul, dl, ol, li, form, table {
	padding:0;
	margin:0;
}
a img {border:0;}

#wrapper {position:relative;width:1010px;margin: 0 auto 0 auto;text-align:left; min-height: 100%; 
    height: auto;background-image:url(Bilder/bgWrapper.jpg); background-repeat:repeat-y;padding-bottom:1px; 
	-webkit-box-shadow:1px 1px 6px #333;
	-moz-box-shadow:1px 1px 6px #333;
	box-shadow:1px 1px 6px #333;}
#main {overflow:auto;}


/***************************************************
allgemeine Tags
***************************************************/

h2, ul, p, label {color:#254f76;}
p {
padding:10px 20px;
font-size:80%;
}
h1{
	margin: 15px 0;
	font-size:1.4em;
	font-weight:400;
	letter-spacing: 0.3em;
	background:#4671A9;
	color:#f0eff8;
	padding: 8px 0 9px 0;
	text-align:right;
}
h2{
	font-size: 90%;
	margin-top:20px;
	margin-left: 25px;
	margin:20px auto 10px 25px;
	line-height:2em;
}
ul{
line-height: 150%;
font-size:80%;
padding: 0 60px 25px 40px;
}

a{
color: #435389;
text-decoration: none;
}

a:hover, a:active{
color: #b4bdd7;
}

a.linkSpezial:hover{
color:#333333;
background-color: #CDD3E4;
}

a.linkSpezial:active{
color:#333333;
background-color: #CDD3E4;
}
/***************************************************
formular
***************************************************/

form {font-family:Verdana, Geneva, sans-serif;font-size:0.9em;}
form p {padding-left:0;margin-left:155px;}

label {width:130px;margin-left:25px; float:left;}

.button{ 
background-color:#d9dfeb;
color:#006; 
border:1px solid #7d8ab9;
}
input {
font-family:Verdana, Geneva, sans-serif;
color:#435389;
width:320px;
margin-bottom:10px;
}

input.weg {width:auto; margin-left:155px;}
textarea {
font-family:Verdana, Geneva, sans-serif;
color:#435389;
margin-left:155px;
width:320px;
font-size:0.9em;

}
.schrift {
margin-right:80px;
}

td {
font-family: Verdana, Arial, Helvetica, sans-serif;
margin:0;
padding:3px;
padding-left:25px;
font-size:85%;
}


/***************************************************
klassen
***************************************************/
.menue {
vertical-align:top;
color: #374f71;
font-weight: bold;
padding: 35px;
font-size: 90%;
float:right;
text-align:right;
line-height: 200%;
}
p.menue {margin-right:-41px;margin-right:-36px;}
p.menue a {padding-right:25px;color:#254f76;}
p.menue a:hover {
	color:#fff;
	
	}
p.menue a:hover, .aktiv {
padding-right:25px;
background-image:url(Bilder/aktiv.png);
background-position:right;
background-repeat:no-repeat;
color:#fff;}

.nachOben {
color: #7d8ab9;
font-size:smaller;
border-top: 1px solid #AAB3C6;
margin-left:20px;
}
.zurAdresse {
color: #7d8ab9;
font-size:smaller;
border-top: 1px solid #AAB3C6;
margin-right:40%;
}

.textStart {
padding-top:85px;
}
html>body .textStart {
	padding-top:67px;
}

.einzug {
margin-left:18px;
margin-left:5px;
}
.unsichtbar {display:block;}
.heller {color:#758dc0;}

/***************************************************
boxes
***************************************************/

#logo {
	float:left;
	width:40%;
	height:106px;
	background-color: #f0eff8;
	margin:0;
	background-image:  url(Bilder/logo2009_v2.png);
	background-position:right;
	background-repeat:no-repeat;
}
#grafikleiste{
	float:left;
	width:60%;
	height:106px;
	background-color: #9eafd4;
	background-color:#8EA3CF;
	margin:0
}

#rechts {
	float:left;
	width:60%;
	
	margin:0;
	padding-top:15px;
position:relative;

}


img.links {margin-right:25px; padding:3px; border:1px dotted #5964C1; float:left;}
#links {
	float:left;
	width: 40%;
	min-height:101%;
	background-color: #9eafd4;
	margin:0;
	padding-bottom:15px;
}

ul.ohne {list-style-type:none;}
.clearLi {clear:left;}
.kleiner {font-size:smaller}
img {vertical-align:middle;}
#rechts a {text-decoration:underline; font-weight:bold;}
#rechts a:hover {background-color:#b4bdd7;color:#000000}

#rechts h2 a {text-decoration:underline;}

#halbkreis {
position:absolute; 
top:15px;
left:0;
height:38px; 
width:22px;
background-image:url(Bilder/headerKreis3.png);
background-repeat:no-repeat;
}

.schriftzug {position:absolute; top:20px; left:200px; width:138px; height:47px;}

/* floats clearing
--------------------------------------------- */
.clear {
	clear:both;
	display:block;
	overflow:hidden;
	visibility:hidden;
	width:0;
	height:0;
}
.clearfix:after{content:"hallo";display:block;height:0;clear:both;visibility:visible;}
.clearfix{display:block;}