
	/*	======================================================
		Layout Stylesheet (zur Gestaltung der Inhalte)
		(1) Allgemeines
		(2) Container-Boxen
		(3) Navigations-Elemente
		(4) Schriften & Absätze
		(5) Formatierungen Inhaltsseiten
		(6) Formulare
	====================================================	*/
	
	
	
	
	/* =====================================================
		 (1) Allgemeines
	====================================================	*/
	

	
	body{
		background:#2c4663 url(../frontend/images/background.jpg) repeat-x;
		font: 11px Verdana, Helvetica, Arial, sans-serif;
		line-height:16px;
		color: #d0dae8;
		}
	
	.clear {
		clear: both;
		margin: 0;
		padding: 0;
		height: 0;
		line-height: 0;
		font-size: 0;
		}
		
	a{
		color:#d0dae8;
		text-decoration:none;
		}


	span.nobr {
		white-space: nowrap;
	}
		
		
	/* =====================================================
		 (2) Container-Boxen
	====================================================	*/


	
	#logo{
		position:absolute;
		left:50%;
		top:0;
		margin-left:330px;
		}


	#background{
		width:970px;
		margin:10px auto 0 auto;
		background: url(../frontend/images/background_content.png) repeat-y;
		}
	* html #background{
		width:960px;
		background: url(../frontend/images/background_content.jpg) repeat-y;
		}

		
	#wrapper_content{
		width:960px;
		margin:0px auto 0 auto;
		background:url(../frontend/images/background_header.jpg) no-repeat;
		min-height: 514px;
		}
		
	#content{
		float:left;
		width:869px;
		padding: 14px 45px 6px 45px;
		}

	#ie_height{
		float:left;
		height:480px;
		width:1px;
		margin:0;
		padding:0;
		line-height:0;
		font-size:0;
		}

	#footer{
		font-size:10px;
		font-weight:bold;
		width:970px;
		margin:0 auto 0 auto;
		height:24px;
		padding-top:6px;
		text-align:center;
		color:#173b5c;
		text-transform: uppercase;
		background: url(../frontend/images/background_footer.png) repeat-y;
		}
	* html #footer {
		width:960px;
		background:#b3c0d0;
	}

	#footer a{
		text-decoration:none;
		color:#173b5c;
		}

	#footer a:hover{
		color:white;
		}

		
	/* =====================================================
		 (3) Navigations-Elemente
	====================================================	*/


	/* === Hauptnavigation ================================== */

	#navigation{
		width: 910px;
		margin:0px auto 0 auto;
		padding-top:10px;
		color:#c7c6e4;
		height:70px;
		}
	#navigation li{
		float:left;
		}
	#navigation ul li a{
		float:left;
		display: block;
		height: 19px;
		width:123px;
		text-align:center;
		padding-top:7px;
		margin-top:20px;
		font:bold 10px Verdana, Helvetica, Arial, sans-serif;
		text-decoration: none;
		
		color:#005392;
		background: url("../frontend/images/navigation.gif") 0px 0px no-repeat;
		}
	#navigation ul li a:hover{
		font-weight:bold;
		color: white;
		background: url("../frontend/images/navigation.gif") 0px -28px no-repeat;
		}
	#navigation ul .navigation_aktiv a{
		font-weight:bold;
		color:white;
		background: url("../frontend/images/navigation.gif") 0px -28px no-repeat;
		}
		
		
	#subnavigation{
		width:660px;
		height:25px;
		}
		
	#subnavigation ul {
		margin:10px 0 0 40px;
		background:red;
		}
	#subnavigation ul li{
		float:left;
		margin-right:10px;
		color:#f9cf75;
		}		
	#subnavigation ul li a{
		display: block;
		float:left;
		height: 15px;
		font:bold 10px Verdana, Helvetica, Arial, sans-serif;
		text-decoration: none;
		color:#f9cf75;
		text-transform: none;
		}
	#subnavigation ul li a:hover{
		color: white;
		}
	
	#subnavigation ul .navigation_aktiv a{
		color:white;
		}

	.spacer{
		background: url(../frontend/images/middot.gif) no-repeat 0px 50%;
		}

	.empty_li{
		margin:0;
		padding:0;
		width:0;
		height:0;
		line-height:0;
		font-size:0;
		}



		
		
	/* =====================================================
		 (4) Schriften & Absätze
	====================================================	*/		
		

	h1{
		font:bold 18px Verdana, Helvetica, Arial, sans-serif;
		color: #173b5c;
		padding:15px 0 14px 50px;
		}

		
	hr {
		color: #cccccc;
		background: #cccccc;
		height: 1px;
		border: 0;
		}
		
	#column_left{
		float:left;
		text-align:right;
		width:420px;
		margin:16px 0 8px 0;
		}
	#column_left p{
		float:right;
		width:370px;
		text-align:left;
		}

	#column_right{
		float:right;
		text-align:left;
		width:400px;
		margin:16px 0 0 0;
		}
	#column_right p{
		text-align:left;
		}
	#column_right img{
		margin-bottom:8px;
		}
		
	#liste_left{
		float:left;
		width:300px;
		padding-left:20px;
		list-style-type:disc;
	}
	#liste_left li{
		padding:4px 0px
	}
	
	#liste_right{
		float:left;
		width:300px;
		padding-left:40px;
		list-style-type:disc;
	}
	#liste_right li{
		padding:4px 0px
	}
	
	#content {
		font: 11px/16px Verdana, Helvetica, sans-serif;
		color: #000;
	}
	



	/* =====================================================
		 (5) Formatierungen Inhaltsseiten
	====================================================	*/

	.ansprechpartner_adressblock{
		float:left;
		width:210px;
		margin-left:20px;
	}
	.ansprechpartner_adressblock td{
		padding:0px 4px 3px 0px;
	}

	/* =====================================================
		 (6) Formulare
	====================================================	*/


	form {
		float:left;
		width:335px;
		padding:40px 0 0 50px;
		margin: 0;
		font: 10px Verdana, Arial, Helvetica, sans-serif;
		}

	fieldset {
		border: 1px solid #173B5C;
		padding: 0;
		margin: 0;
		text-align: left;
		}
	fieldset#checkbox input {
		width:35px;
		}
	legend {
		font-size:11px;
		color:#173B5C;
		font-weight:bold;
		padding:5px;
		margin:0px;
		background:none;
		}
	label {
		width:100px;
		color:#173B5C;
		font-size:11px;
		text-align:left;
		margin-bottom:3px;
		padding:0;
		display:block;
		float:left;
		}
	input {
		border:1px solid #8e8f90;
		margin-bottom:0.6em; 
		background:#fff;
		font:11px Verdana, Arial, Helvetica, sans-serif;
		padding:1px;
		}
	input:focus {
		border-color:#900;
		}
	select {
		border:1px solid #969595; 
		margin-bottom:0.6em; 
		background:#fff;
		font:11px Verdana, Arial, Helvetica, sans-serif;
		padding:1px;
		}
	option {
		}
	textarea {
		width:200px;
		height:150px; 
		border:1px solid #8e8f90;
		font:11px Verdana, Arial, Helvetica, sans-serif;
		padding:1px;
		}
	.plz {
		width:50px;
		}
	.ort {
		width:180px;
		}
	.strasse {
		width:200px;
		}
	.strnummer {
		width:30px;
		}
	.submitbtn {
		width:100px;
		background:#C5C5C5;
		border:1px solid;
		border-color:#999 #969595 #333 #999;
		color:#000000;
		cursor:pointer;
		padding:0;
		margin:8px 0px;
		font: 10px Verdana, Arial, Helvetica, sans-serif;
		}
	.submitbtn:hover {
		background:#969595;
		color:#fff;
		border:1px solid; 
		}


/* =====================================================
		 ENDE
	====================================================	*/
