@charset "utf-8";
/* CSS Document */
    body {
    	font: 100% Tahoma, Arial, Helvetica, sans-serif;
    	margin: 0; /* Es empfiehlt sich, margin (Rand) und padding (Auffüllung) des Body-Elements auf 0 einzustellen, um unterschiedlichen Browser-Standardeinstellungen Rechnung zu tragen. */
    	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:url(images/body_bg.jpg) top center repeat-y #dadada;
    }
    .oneColFixCtrHdr #container {
	position:relative;
	width: 1036px;  /* Mit einer Breite, die 20 Pixel unter der vollen Breite von 800 Pixel liegt, können Sie dem Browser-Chrome Rechnung tragen und gleichzeitig eine horizontale Bildlaufleiste vermeiden. */
	/*background: #FFFFFF;*/
	margin: 0 auto; /* Der mit der Breite gekoppelte automatische Wert an den Seiten zentriert das Layout. */; /* Durch automatische Ränder (in Verbindung mit einer Breite) wird die Seite zentriert. */
	text-align: left; /* Hierdurch wird die Einstellung text-align: center im Body-Element überschrieben. */
	font-size:11px;
    }

    .oneColFixCtrHdr #header {
	padding: 0 14px 0 12px;  /* Diese Auffüllung entspricht der linksbündigen Ausrichtung der Elemente in den divs, die darunter erscheinen. Wenn im #header anstelle von Text ein Bild eingesetzt wird, sollten Sie die Auffüllung entfernen. */
	height:100px;
    }
	 .oneColFixCtrHdr #container p{
	 	padding: 16px 0 ;
		margin:0;
		line-height:1.4em;
	 }
	#gennavi{
	position:relative;
	width:1010px;
	background:#4769a2;
	height: 17px;
	}
	#gennavi-list{
	right:5px;
	list-style-type:none;
	padding:0;
	margin:0;
	position: absolute;
	width: 128px;
	}
	#gennavi-list li{
		padding:0 5px 0 0 ;
		margin:0;
		float:left;
		font-size:10px;
		
	}
	#gennavi-list li a{color:#FFFFFF; }
	#navi{
	margin:0;
	padding: 22px 0 0 0;
	}
	#home,#loesungen,#kontakt,#kasten_grau{
	position:absolute;
	padding:0;
	margin:0;
	background-color: #325185;
	font-family:"Trebuchet MS", Georgia, Verdana, Arial;
	font-size:14px;
	color:#FFFFFF;
	font-weight:bold;
	top: 51px;
	}
	#home{
	left:12px;
	width:145px;
	height:36px;
	}
	#kasten_grau{
	left:872px;
	width:145px;
	height:36px;
	}
	#loesungen{
	left:170px;
	width:171px;
	height:36px;
	}
	#kontakt{
	left:496px;
	width:145px;
	height:36px;
	background-color: #325185;
	color:#FFFFFF;
	}	
	#home a, #loesungen a,#kontakt a{
	display:block;
	color:#FFFFFF;
	margin:10px 0 8px 7px;
	}
	#unterhome {
	position:absolute;
	top:83px;
	left:12px;
	width: 145px;
	display:block;
	color:#000;
	background:#CCCCCC;
	height: 20px;
	}
	#unterkontakt {
	position:absolute;
	top:83px;
	left:496px;
	width: 145px;
	display:block;
	color:#000;
	background:#CCCCCC;
	height: 20px;
	}
	#loesungen-liste {
	position:absolute;
	top:83px;
	left:170px;
	width: 334px;
	list-style-type:none;
	padding:0;
	margin:0;
	height: 20px;
	}
	#loesungen-liste li{
		display:block;
		color:#000;
		background:#CCCCCC;
		padding:4px 8px;
		font-size:10px;
		float:left;
	}
	#loesungen-liste li a{
		font-size:10px;
		color:#000;
		text-decoration:none;
	}
	#loesungen-liste li a.aktiv{
		font-size:10px;
		color:#039 !important;
		text-decoration:underline;
	}
	#loesungen-liste li a:hover{
		text-decoration:underline;
	}
    .oneColFixCtrHdr #header img {
	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: 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. */
	position:absolute;
	width:195px;
	height: 74px;
	left: 693px;
	top: 32px;
    }
    .oneColFixCtrHdr #mainContent {
    	padding: 0 14px; /* padding (Auffüllung) bezeichnet den Innenabstand und margin (Rand) den Außenabstand der div -Box. */
    	/*background: #FFFFFF;*/
    }
	.oneColFixCtrHdr #mainContent ul{
		list-style-type:disc;
		padding:16px 0 0 0;
		margin:0;
	}
	.oneColFixCtrHdr #mainContent li{
		margin: 0 0 3px 14px;
		padding:0;
	}
	.oneColFixCtrHdr #mainContent h2{
	padding:0px;
	margin:0px;
	font-size:13px;
	font-weight:bold;
	color:#3e3e40;
	}
	 #mainContent h1{
		 font-size:14px;
	padding:0px;
	margin:0px;
	color: #039;
	 }
    .oneColFixCtrHdr #footer {
    	padding: 0 10px; /* Diese Auffüllung entspricht der linksbündigen Ausrichtung der Elemente in den divs, die darunter erscheinen. */
    	margin:12px;
		background:#DDDDDD;
    }
    .oneColFixCtrHdr #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; /* Durch die Verwendung der Auffüllung bei diesem Element entsteht genau wie bei einem Rand ein Leerraum, aber ohne die potenziellen Abstandsprobleme. */
    }
	.spalte_1{
	position:absolute;
	padding:0;
	margin:0;
	left:12px;
	width:326px;
	height: 270px;
	background-color: #F9F9F9;
	border:1px solid #e1e1e1;
	}
	.kasten_unten{
	padding:8px;
	border:1px solid #e1e1e1;
	width:97%;
	}
	.spalte_2{
	position:absolute;
	padding:0;
	margin:0;
	left:352px;
	width:326px;
	height: 270px;
	background-color: #f9f9f9;
	border:1px solid #e1e1e1;
	}
	.spalte_3{
	position:absolute;
	padding:0;
	margin:0;
	left:693px;
	width:324px;
	height: 270px;
	background-color: #f9f9f9;
	border:1px solid #e1e1e1;
	}
	.spaltentext {
	position:absolute;
	left:163px;
	top:51px;
	width: 164px;
	}
	.newstext {
	position:absolute;
	left:8px;
	top:51px;
	width: 319px;
	}
	.bildborder{
	padding-left: 0px;
	padding-top: 20px;
	}
	.clear {
		clear:both;
	}
	
	a {
		color:#4769a2;
		text-decoration:underline;
	}
	a:hover {
		color:#003366;
		text-decoration:underline;
	}
	.Stil1 {color: #666666}
	.spacer {
	position:relative;
	height:30px;
	
		/*background-color:#e4e4e4;*/
	}
	.spacer-start {
	position:relative;
	height:30px;
	background-color: #E6F0FF;
	border-bottom: 1px solid #AAAAAA;
		/*background-color:#e4e4e4;*/
	}
.zahlen_r{ 
	width:52px;
}
input{
	width:200px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size:12px;
}
#Anfrage {
font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size:12px;
}
.phone {
	padding: 10px !important;
	width: 100%;
	font-size: 1.2em;
}
.phone strong {
	color: #0F4794;
}
.telefon {
	font-size: 1.4em;
	line-height: 1.6em;
}
form h3{
	padding:8px;
	background-color:#164A95;
	color:#FFF;
	margin:0;
}
h2.startseite {
	margin: 0;
	padding: 7px 7px !important;
	color: #325185 !important;
}
.abstand-startseite{
	margin:0 !important;
	padding: 0 !important;
}
hr {
	margin: 4px 0 4px 0 !important;
	padding: 0px;
	width: 98%;
}
.newskasten {
	margin: 0px;
	padding: 0 !important;
}
/*---------------------- MENU --------------------*/
#navigation {
	position:absolute;
	width:671px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:14px;
	padding:0;
	margin:0;
	list-style-type:none;
	z-index: 99;
}
#navigation li {
	padding:0;
	margin:0;	
	margin-right:24px;
	list-style-type: none;
	float:left;
	width:140px;
}
#navigation li a, ul.submenu li a{
	padding:6px 8px;
	margin:0 !important;	
	width:100% !important;
	background-color:#325185;
	color:#FFF;
	font-weight:bold;
	display:block;
}
#navigation li a.aktiv {
	color:#222 !important;
	background-color:#d5d9e0 !important;
}
ul.submenu {
	padding:0;
	margin:0 !important;
	display:block;
	width:150px;
}
.submenu li{
	width:100%;
	padding:10px;
	margin:0 !important;
	clear:left;
	display:block;	
}
.submenu li a{
	font-size:12px;	
}
.submenu li a:hover,#navigation li a:hover{
	color:#222 !important;
	background-color:#d5d9e0 !important;
}
#breadcrumb {
	margin-top:40px;	
}
/* ------------- INFOTHEK ------------- */
#nav_infothek{
	float:right;
	background-color:#D5D9E0;
	margin: 0px -20px 25px 25px;
}
#nav_infothek ul{
	list-style-type:square;
	padding:20px !important;
	margin:0 !important;
}
#nav_infothek ul li{
	padding:0;
	margin:0;
}
#nav_infothek ul li a.aktiv{
	color:#003366;
	text-decoration:underline;
}