@charset "utf-8";
/* CSS Document */

 body  {
    	font: 100% Verdana, Arial, Helvetica, sans-serif;
    	font-size: 16px;line-height: 18px;
		background: #ccc;
    	margin: 0;
    	padding: 0;
    	text-align: center; 
    	color: #000000;
		behavior: url ("csshover.htc");
    }
	.korrel a img { 
		border: 0px; 
	}
    .korrel #container { 
    	width: 800px; 
    	background-image:url(images/back.png);
		background-position:center top;
    	margin: 0 auto; 
    	text-align: left; 
    } 
    .korrel #header { 
    	background-image:url(images/header.png);
		padding: 0 20px 0 40px;
		height: 186px; 
    } 
    .korrel #header h1 {
    	margin: 0; /* Wenn Sie den Rand des letzten Elements im #header-div auf 0 einstellen, können Sie das Auftreten unerwarteter Abstände zwischen divs vermeiden. Wenn das div einen Rahmen hat, ist dies unnötig, weil dieser Rahmen die gleiche Wirkung hat. */
    	padding: 10px 0; /* Durch die Verwendung der Auffüllung anstelle von Rändern lässt sich gewährleisten, dass das Element die Kanten des div nicht berührt. */
    }
	.korrel #header p {
    	margin: 0; 
    	padding: 45px 60px;
		text-align: right;
		font-size: 12px;
		color: #fff;
	}
	.korrel #header a {
		text-decoration:none;
		color:#FFFFFF;
	}
	
	.korrel #header a:hover {
	text-decoration:underline;
	color:#000;
	}
	
    .korrel #sidebar1 {
    	float: right; /* Da es sich hier um ein floatendes Element handelt, muss eine Breite angegeben werden. */
    	width: 170px; /* Die tatsächliche Breite dieses div umfasst in standardgerechten Browsern bzw. im Standardmodus von Internet Explorer außer der Breite auch die Auffüllung und den Rahmen. */
    	padding: 15px 40px;
    }
    .korrel #mainContent { 
    	margin: 0 250px 0 0; /* Durch den rechten Rand dieses div-Elements entsteht die Spalte am rechten Seitenrand. Der Spaltenbereich bleibt unabhängig von der Inhaltsmenge des sidebar1-div immer gleich. Sie können diesen Rand entfernen, falls der Text des #mainContent-div den Bereich von #sidebar1 füllen soll, wenn der Inhalt in #sidebar1 endet. */
    	padding: 0 20px; /* padding (Auffüllung) bezeichnet den Innenabstand und margin (Rand) den Außenabstand der div -Box. */
    } 
	
	.korrel #mainContent h1 { 
	padding: 30px 0 0 30px;
	font-size:18px;
	}
	.korrel #mainContent p { 
	padding: 00px 0 0 30px;
	font-size:12px;
	}
	
    .korrel #footer { 
    	background-image:url(images/footer.png);
		padding: 0 40px;
		height: 69px;
    } 
	.korrel #footer p {
    	margin: 0; 
    	padding: 10px 0; 
    }
	
	#fuss {
	font-size:10px;
	margin: -10px;
	color: #666;
	}
	
	.korrel #navi {
	height: 28px;
	width:728px;
	background-color:#099;
	margin:0 0px 0 36px;
	
	}
	.korrel #navi li {
	display:inline-block;
	text-align:center;
	padding-left:15px;
	padding-top:3px;
	font-size: 14px;
	font-family: arial, helvetica, tahoma ,verdana, sans-serif;
	
	}
	
	.korrel #navi ul {
	display: none;
	}
	
	.korrel #navi li:hover ul  {
	display: table-row;
	padding-left:0px;
	line-height: 28px;
	background-color:#099;
	}
	.korrel #navi a , #navi a:visited , #navi a:active {
	color:#fff;
	text-decoration:none;
	font-style:normal;
	}	
	
	.korrel #navi a:hover {
	color:#000;
	text-decoration:none;
	}	
	
	.korrel #inhalt {

	width:170px;
	height:250px;
	text-align:center;
	}	
	
	.korrel #inhalt2 {
	margin-left:30px;
	margin-right:-40px;
	
	}	
	
	.korrel #feld2 {
	background-color:#fff;
	width:162px;
	height:230px;
	text-align:center;
	display:inline-block;
	vertical-align:top;
	
	}	
	
	.korrel #feld2 p{
	text-align:center;
	position:absolute;
	bottom:53px;
	margin: 15px;
	padding: 0px 0;
	}	
	
	.korrel #feld {
	background-color:#bde7e7;
	width:170px;
	height:250px;
	text-align:center;
	}	.fltrt { /* Mit dieser Klasse können Sie ein Element auf der Seite nach rechts fließen lassen. Das floatende Element muss vor dem Element stehen, neben dem es auf der Seite erscheinen soll. */
    	float: right;
    	margin-left: 8px;
    }
    .fltlft { /* Mit dieser Klasse können Sie ein Element auf der Seite nach links fließen lassen. */
    	float: left;
    	margin-right: 8px;
    }
    .clearfloat { /* Diese Klasse sollte in einem div- oder break-Element platziert werden und das letzte Element vor dem Schließen eines Containers sein, der wiederum einen vollständigen Float enthalten sollte. */
    	clear:both;
        height:0;
        font-size: 1px;
        line-height: 0px;
    }
	
#ecken {
	background:#099;
	position:relative;
	color:#FFFFFF;
	height: 30px;
	}
#ecken1 {
	background:#fff;
	position:relative;
	color:#FFFFFF;
	height: 10px;
	}

#ecken img { position:absolute; }
#ecken img.eck1 { top:0; left:0; }
#ecken img.eck2 { top:0; right:0; }
#ecken1 img.eck3 { bottom:0; left:0; }
#ecken1 img.eck4 { bottom:0; right:0; }
#ecken img.eck5 { top:0; left:0; }
#ecken img.eck6 { top:0; right:0; }

#ecken { position:relative; }

#ecken1 img { position:absolute; }
#ecken1 { position:relative; }

#ecken p {
	padding-top:5px;
	font-size: medium;	
	}


.linie {
border:none;
border-top: 1px solid #099;
background-color:#FFFFFF;
height:1px;
margin-left:30px;
margin-right:-40px;
}
table {
width: 500px;
text-align: center;
border:none;
margin-left:30px;
margin-right:-40px;
}
#mainContent a , #mainContent a:visited , #mainContent a:active {
	color:#666;
	text-decoration:none;
	font-style:normal;
	}	
	
	#mainContent a:hover {
	color:#000;
	text-decoration:none;
	}