@charset "UTF-8";
body  {
    	font: 100% Verdana, Arial, Helvetica, sans-serif;
    	background: #FFE6C1;
    	margin: 0; 
    	padding: 0;
    	text-align: center; /* Hierdurch wird der Container in IE 5*-Browsern zentriert. Dem Text wird dann im #container-Selektor die Standardausrichtung left (links) zugewiesen. */
    	color: #000000;
		background-image:url(../img/bg_container.gif);
		background-repeat:repeat-x;
		
    }
	 .twoColFixLtHdr  {
 		background-image:url(../img/bg_container.gif);
		background-repeat:repeat-x;
	}
 
 
    .twoColFixLtHdr #container { 
    	width: 885px;  /* Breite der gesamten Seite. Angelegt auf 1024px mit seitlichem Rand */
    	background: #FFE6C1;
    	margin: 0 auto; /* Durch automatische Ränder (in Verbindung mit einer Breite) wird die Seite zentriert. */
    	border: 0px solid #000000; /* kein Band*/
    	text-align: left; /* Hierdurch wird die Einstellung text-align: center im Body-Element überschrieben. */
		background-image:url(../img/bg_container.gif);
		background-repeat:repeat-x;
    } 
    .twoColFixLtHdr #header { 
    	/*background: #FFD59C;*/ 
		height: 148px;
    	margin: 0; 
    	padding: 0 10px 0 0;  /* Diese Auffüllung entspricht der linksbündigen Ausrichtung der Elemente in den divs, die darunter erscheinen..*/
    	background-image:url(../img/lyt_header.gif);
		background-repeat:repeat-x;
	} 
    .twoColFixLtHdr #header h1 {
    	/* Wird aktuell nicht eingesetzt */
		margin: 0; 
    	padding: 10px 0; 
    }
    .twoColFixLtHdr #content { 
    	/*background: #FFD59C;*/ 
    	margin: 5px 0 0 0; /* 5 als genereller Abstand zum Header*/
    	padding: 0 ;  /* Diese Auffüllung entspricht der linksbündigen Ausrichtung der Elemente in den divs, die darunter erscheinen..*/
    	background-image:url(../img/bg_content.gif); /* Hintergrungbild setzt sidebar optisch ab. So gewählt das es in footer übergeht egal wie lange sibar ist*/
		background-repeat:repeat-y;
	} 
    .twoColFixLtHdr #sidebar1 {
    	float: left; /* Da es sich hier um ein floatendes Element handelt, muss eine Breite angegeben werden. */
    	width: 209px;
		margin:0px 0px 0px 0px;
		padding: 0px 0px 10px 0px;
		background-color:#ffe0b0; 
    }
    .twoColFixLtHdr #sidebar1 #balken{
    	background-color:#DA9F7A;
		margin:0;
		padding:3px 15px 3px 10px;
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		font-style: normal;
		font-weight:bold;
    }	
    .twoColFixLtHdr #sidebar1 p{
		margin:10px 0 0 0;
		padding:3px 10px 3px 10px;
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		font-style:normal;
     }	
 	
	
    .twoColFixLtHdr #sidebar1 ul{
		margin:10px 0 20px 0;
		padding:3px 3px 3px 25px;
    }	
    .twoColFixLtHdr #sidebar1 li{
		margin:0;
		padding:3px 3px 3px 0px;
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		font-style:normal;
    }	
    .twoColFixLtHdr #mainContent { 
    	margin: 0 0 0 225px; /* Durch den linken Rand dieses div-Elements entsteht die Spalte am linken 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; /* padding (Auffüllung) bezeichnet den Innenabstand der div -Box. */
		font-family:Arial, Helvetica, sans-serif;
		font-size:13px;
    } 
   .twoColFixLtHdr #mainContent #flaeche{
    	background-color:#d87b55;
		margin:0 100px 0 0;
		padding:20px 15px 20px 10px;
		font-family:Arial, Helvetica, sans-serif;
		font-size:13px;
		font-style: normal;
		font-weight:bold;
    }
   .twoColFixLtHdr #mainContent #balken{
    	background-color:#DA9F7A;
		margin:0 100px 0 0;
		padding:3px 15px 3px 10px;
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		font-style: normal;
		font-weight:bold;
    }			
  .twoColFixLtHdr #mainContent p{ 
		padding: 0 150px 0 0; /* Textspalte auf lebare breite reduzieren*/
	}
	.twoColFixLtHdr #mainContent a{
		color: #CA5229;
		font-style: normal;
		font-weight:bold;
		text-decoration: none;
	}
    .twoColFixLtHdr #footer {
    	margin: 0;
		padding: 15px 0px 10px 0px; /* Diese Auffüllung entspricht der linksbündigen Ausrichtung der Elemente in den divs, die darunter erscheinen. */
    	background-image:url(../img/bg_footer.gif);
		background-repeat:no-repeat;
    } 
    .twoColFixLtHdr #footer p {
    	margin: 0; /* Wenn Sie die Ränder des ersten Elements in der Fußzeile auf 0 einstellen, können Sie unerwartete Abstände zwischen divs vermeiden. */
    	padding:10px 0 0 215px; /* Durch die Verwendung der Auffüllung bei diesem Element entsteht genau wie bei einem Rand ein Leerraum, aber ohne die potenziellen Abstandsprobleme. */
		color:#bb2e00;
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
    }   
	 .twoColFixLtHdr #footer a {
    	margin: 0; 
    	padding: 0 10px 0 10px; 
		color:#bb2e00;
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		font-weight:bold;
		text-decoration:none
    }
	.twoColFixLtHdr #footerlogos {
		position: absolute; 
		width:232px; 
		z-index:2; 
		height: 37px;
	}
	
    .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;
    	background-image:url(../img/bg_content.gif); /* Hintergrungbild setzt sidebar optisch ab. So gewählt das es in footer übergeht egal wie lange sibar ist*/
    }

	.hauptnavigation {
		position: relative; 
		background-color:#ffe0b0; 
		top: 45px; 
		left: 0px; 
		width:209px; 
		height:98px;
		font-family: Myriad Pro, Verdana, Arial, Helvetica, sans-serif;
		font-size:12px;
		font-weight:bold;
     	color: #fff;
	}
	
	
	.hauptnavigation ul {list-style-type: none;} 

	.hauptnavigation li {margin-bottom: 5px;}

	.hauptnavigation a, .hauptnavigation a:visited {
     	margin: 0 0 2px 0px;
	 	padding: 5px 10px 5px 15px;
     	/*width: 209px;
    	 height: 20px;
	 	border: 1px solid gray;*/ 
     	display: block;
     	text-align: left;
	 	vertical-align: middle;
     	text-decoration: none;
     	color: #fff;
     	background: #c10f00;
	 }
	 
	.hauptnavigation a:hover {
     	background: #fc0000;
     }

	.hauptnavigation a:active {
     	background: gray;
	 	color: #fff;
     }
	 .hauptnavigation #over {
	    margin: 0 0 2px 0px;
	 	padding: 5px 10px 5px 15px;
     	/*width: 209px;
    	 height: 20px;
	 	border: 1px solid gray;*/ 
     	display: block;
     	text-align: left;
	 	vertical-align: middle;
     	text-decoration: none;
     	color: #fff;
     	background: #fc0000;
     }
	 
	 
	.KontaktTabelle {
		
	}
	.KontaktTabelle th{
		background-color: #FF7E00;
		height:20px;
		margin:0 0 20px 0;
		padding:2px 0 2px 35px;
		vertical-align:middle;
		text-align: left;
		color: #FFFFFF;
		font-family:Arial, Helvetica, sans-serif;
		font-size:14px;
	}
	.KontaktTabelle td{
		min-height:105px;
		margin:0 0 20px 0;
		/*padding:2px 0 2px 10px;*/
		vertical-align:middle;
		text-align: left;
		color: #a34626;
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
	}
	
	.LinksMitte{
			border-bottom: solid #FFFFFF 1px;
			border-right: solid #FFFFFF 1px;
			padding:5px 10px 5px 35px;
	}
	.LinksMitte a{
		color: #CA5229;
		font-style: normal;
		font-weight:bold;
		text-decoration: none;
	}
	.LinksEnde{
			border-right: solid #FFFFFF 1px;
			padding:5px 10px 5px 35px;
	}
	.text{
			padding:0 0px 0 20px ;
	}
	.RechtsMitte{
			border-bottom: solid #FFFFFF 1px;
			padding:5px 10px 5px 15px;
		}
	.RechtsEnde{
			padding:5px 10px 5px 15px;
		}		
	.letzte_aenderung{
		font-size:9px;
		font-style:oblique;
	}
	.subheadline{
	color:#CC0000;
	}
	.bemerkung{
		font-size:10px;
		font-style:oblique;
	}
	#home { position:absolute; 
		margin: 16px 0px 0 600px; 
		width: 161px; 
		height: 90px;
		}