@charset "UTF-8";
body {
	margin: 0;
	padding: 0;
	 -webkit-text-size-adjust: none;
    text-size-adjust: none;
	background-color: #D1D2D0;
     
}


h1 {font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color: #194284;
      -webkit-text-size-adjust: none;
    text-size-adjust: none;
	font-size: 1.8em;
    line-height: 120%;
	font-weight: bold;
	margin: 0px;
	padding-top: 15px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

h2 {font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color: #194284;
	font-size: 1.2em;
	line-height: 130%;
    -webkit-text-size-adjust: none;
    text-size-adjust: none;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 16px;
	padding-left: 0px;
}

p {font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 1.1em;
	line-height: 120%;
        -webkit-text-size-adjust: none;
    text-size-adjust: none;}

h3 {font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 0.9em;
	line-height: 130%; font-weight: 100;
    margin-top: 0;
    margin-bottom: 10px;
    margin-right: 20px;
    margin-left:400px;
        -webkit-text-size-adjust: none;
    text-size-adjust: none;}

a img { 
	border: none;
}

/* ~~ Die Reihenfolge der Stildefinitionen für die Hyperlinks der Site, einschließlich der Gruppe der Selektoren zum Erzeugen des Hover-Effekts, muss erhalten bleiben. ~~ */
a:link {
	color: #039;
	text-decoration: underline; /* Sofern Ihre Hyperlinks nicht besonders hervorgehoben werden sollen, empfiehlt es sich, zur schnellen visuellen Erkennung Unterstreichungen zu verwenden. */
}
a:visited {
	color: #6E6C64;
	text-decoration: underline;
}
a:hover, a:active, a:focus { /* Durch diese Gruppe von Selektoren wird bei Verwendung der Tastatur der gleiche Hover-Effekt wie beim Verwenden der Maus erzielt. */
	text-decoration: none;
	}


.container {
	width: 800px;
	margin: 0 auto;
	background-image: url(bilder/bg.gif);
    
	}

/* ~~ Für die Kopfzeile wird keine Breite angegeben. Sie erstreckt sich über die gesamte Breite des Layouts. Sie enthält einen Bild-Platzhalter, der durch Ihr eigenes, mit Hyperlink versehenes Logo ersetzt werden sollte. ~~ */
.header {
	height: 220px;
	}


.sidebar1 {
	float: left;
	width: 80px;
	}


.adresse1 {
	float:right;
	width:320px;
	color: #194284;
	margin-top: 30px;
	}
	
.adresse1 p {font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color: #194284;
	font-size: 1em;
	line-height: 130%;
         -webkit-text-size-adjust: none;
    text-size-adjust: none;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 16px;
	padding-left: 0px;
	}

.adresse {
	float:right;
	width:215px;
	color: #194284;
	margin-top: 50px;
	}
	
.adresse p {font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color: #194284;
	font-size: 1em;
	line-height: 120%;
         -webkit-text-size-adjust: none;
    text-size-adjust: none;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	}


.bereich {
	padding-left:80px;
	height: 60px;
	} 
	
.content {
	width: 505px;
	float: left;
	margin: 0px;
	padding: 0;
	}



.content1 {
	width: 700px;
	float: left;
	margin: 0px;
	padding: 0;
	}

.content p {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 1em;
	line-height: 160%;
	font-weight: normal;
	color: #5D5D5D;
         -webkit-text-size-adjust: none;
    text-size-adjust: none;
	padding-right: 80px;
	padding-bottom: 16px;
	margin-bottom: 10px;
	padding-top: 0px;
	padding-left: 0px;
	}

h4 {
     -webkit-text-size-adjust: none;
    text-size-adjust: none;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 0.9em;
	line-height: 110%;
        
	font-weight: normal;
	color: #444;
	padding-right: 80px;
	padding-bottom: 6px;
	margin: 0px;
	padding-top: 0px;
	padding-left: 0px;
	}	
	
.listecont {
    font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
    font-size: 1em;
	line-height: 160%;
         -webkit-text-size-adjust: none;
    text-size-adjust: none;
	color: #444;
	list-style-type: disc;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 12px;
	padding-left: 16px;
	margin-top: 0px;
	}	
	
.listecont li {
	margin-bottom: 6px;
	}		

h5 {
     -webkit-text-size-adjust: none;
    text-size-adjust: none;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 9pt;
	line-height: 13pt;
	font-weight: normal;
	color: #444;
	padding-right: 80px;
	padding-bottom: 6px;
	margin: 0px;
	padding-top: 0px;
	padding-left: 0px;
	}

h6 {font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
    margin: 0;
    padding-bottom: 10px;
    width: 380px;
    font-size: 0.8em;
    font-weight: 100;
	line-height: 150%;
         -webkit-text-size-adjust: none;
    text-size-adjust: none;
	color: #444;}


/* ~~ Navigation Anfang ~~ */

#navcontainer {
	float: left;
	width: 170px;
	}

#navcontainer ul {
	margin: 0;
	padding: 0;
    font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	list-style-type: none;
	
         -webkit-text-size-adjust: none;
    text-size-adjust: none;
	}

#navcontainer li { margin: 0 0 12px 0; }

#navcontainer a {	

	background-repeat: no-repeat;
    font-weight: bold;
    font-size: 1.1em;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 18px;
    
    color: #194284;
	}



#navcontainer a:hover {
	background-image: url(bilder/navigation_hover.gif);
	color: #E06D46;
	}
.iframe {border: 1px solid #9A9A9A;
width: 425px;}

#aktiv a {
	font-weight: bold;
    background-image: url(bilder/navigation_hover.gif);
	color: #C96A33;
	}
/* ~~ Navigation Einde ~~ */


/* ~~ Stile für die Fußzeile ~~ */
footer {
	padding: 0;
    font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 1em;
    line-height: 80%;
         -webkit-text-size-adjust: none;
    text-size-adjust: none;
	position: relative;/* Liefert "hasLayout" für Internet Explorer 6, zum korrekten Rücksetzen der schwebenden Ausrichtung. */
	clear: both; /* Diese "clear"-Eigenschaft ermöglicht es dem .container-Block, das Ende der Spalten zu erkennen und sie korrekt zu umschließen. */
width: 650px;
height:180px;
	padding-top: 0;
	margin: 0 auto;}

/*Unterstützung für HTML 5 - Legt für die neuen HTML 5-Tags die Eigenschaft "display:block" fest, damit die Tags in den Browsern korrekt dargestellt werden. */
section, footer, aside, article, figure {
	display: block;
}
.trennlinie {
	margin-bottom: 20px;
	margin-top: 0px;
    padding-top: 0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #BBBBBB;
	width: 650px;
	clear: both;
}

.subtitel {font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color: #5D5D5D;
      -webkit-text-size-adjust: none;
    text-size-adjust: none;
	font-size: 0.8em;
    line-height: 130%;
	padding-top: 0px;
	padding-right: 80px;
	padding-bottom: 0px;
	padding-left: 0px;
margin: 0;}


.clearfloat { 
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
	}