/*----  Allbemeine Einstellungen  ----------------------------------------------------------------------------------------*/

/* beheben des Italics Bugs für IE 5.x/IE 6 */
	* html body * { overflow: visible; }
	* html iframe { overflow: auto; }
	
/* vertikaler Scrollbalken einschalten seitliches Springen verhindern*/
	html { height: 100%; margin-bottom: 1px; }

/* Innen-/Außenabstände aller Elemente zurücksetzen */
	* { margin:0; padding: 0; outline:none;}
	
/* Schrifteinstellungen initialisieren allgemein */
	body {
		font-size: 100.01%;  /* Fehler für Schriftgrößen für Operaversionen beheben */
		color: #105d87;
		text-align: left;
	}

/* sichere Positionierung der Grundelemente */
	#header, #nav, #main, #footer { clear:both; }

/* Korrekturen für Select-Boxen */
	option { padding-left: 0.4em; }

/* Rahmen löschen für <fieldset> und <img> Elemente */
	fieldset, img { border: 0 solid; }

/* Einstellung für Listen & Zitate */
	ul, ol, dl { margin: 0 0 1em 1em }
	li {  line-height: 16px; margin-left: 1.5em;}
	dt { font-weight: bold; }
	dd { margin: 0 0 1em 2em; }

	blockquote { margin: 0 0 1em 1.5em; }

	
/*----  Grundlayout  ----------------------------------------------------------------------------------------*/

/* Zentrieren und Hintergrund */
	body { 
		background: #eaeaea url(/images/bg-top-1.gif) repeat-x top left; 
		padding: 0px 0; 
	}
	body { text-align: center; } /* zentrieren alter IE's */
	#page { text-align:left; margin: 0 auto; }

	#page { 
		width: 1019px;
		background: #ffffff; 
		border:0px solid #838383;
		padding: 0px; 
		background: #ffffff url("/images/bg-content-1.gif") repeat-y top left;
	}

/*----  Hauptelemente des Seitenlayouts  ----------------------------------------------------------------------------------------*/

	#header {
		position:relative;
		height:248px;
		height:303px;
		width:1019px;
		display:block;
		overflow:hidden;
		color: #000000;
		margin:0px 0px 0px 0px;
		padding: 0px; 
		background: #ffffff url("/images/bg-head-1.gif") no-repeat 0px 0px; 
		border:0px solid #ff0000; 
	}
	#header.home {
		height:224px;
		background: #ffffff url() no-repeat top left; 
	}

	#topnav { text-align: right; color: #aaa; background: transparent;}

	#headbox {
		position:relative; 
		height:211px;
		width:1009px; 
		margin:8px 0px 0px 5px;
		border:0px solid #ff0000;
	}
	#headbox img.headlogo {margin:75px 0px 0px 63px; position:absolute;}
	#headbox img.headbild {margin:0px 0px 0px 526px; position:absolute;}

	#topline {
		position:relative; 
		height:25px;
		width:1019px; 
		margin:0px 0px 0px 0px;
		padding: 0px;
		display:block;
		background: #ffffff url() no-repeat top left; 
		border:1px solid #ff0000; 
	}
	#headhnav {
		position:relative; 
		height:25px;
		width:1009px; 
		margin:1px 0px 0px 5px;
		padding: 0px;
		display:block;
		background: #ffffff url(/images/navigation/bg-hnav.gif) repeat-x top left; 
		border:0px solid #ff0000; 
	}
	#headunav {
		position:relative; 
		height:200px;
		width:200px; 
		margin:0px 0px 0px 20px;
		padding: 0px; 
		display:block;
		border:0px solid #ff0000; 
	}
	#headsnav {
		position:absolute; 
		top:81px;
		right:45px;
		height:20px;
		width:230px; 
		float:right;
		margin:0px 0px 0px 0px;
		padding: 0px; 
		display:block;
		border:0px solid #ff0000; 
	}
	#headlineleft { 
		height:200px; 
		margin:0px 0px 0px 44px; 
	}
	#main { 
		height:100%; 
		padding:55px 0px 0px 0px ; 
		padding:0px 0px 0px 0px ; 
		background: transparent url(/images/bg-left.gif) repeat-y 0px 0px;
		border:0px solid #ff0000; 
	}

/* Einstellungen für die Grundspalten */
	#col1 { 
		position:relative;
		height:100%; 
		width: 312px; 
		margin-top:0px;
		padding: 0px 0px 20px 0px;
		float: left; 
		background: #ffffff url(/images/bg-left.gif) repeat-y 0px 0px;
		border:0px solid #ff0000; 
	}
	#col1-content { 
		position:relative;
		height:100%;
		   min-height:300px;
		margin: 0px 19px 0px 31px; 
		padding: 6px 0px 0px 0px; 
		border:0px solid #00ff00; 
	}

	#col3 { 
		width:695px; 
		margin: 0px 0px 0px 312px;
		padding: 0px 0px 20px 0px;
		border:0px solid #ff0000; 
	}
	#col3-content { 
		position:relative; 
		height:100%;
		margin: 0px 40px 0px 62px; 
		padding: 6px 0px 0px 0px; 
		border:0px solid #00ff00; 
	}



	#homee { 
		height:100%; 
		background: #fff;
		text-align:center;
		padding:0px 0; 
		background: #ffffff url("/images/home/hometext-bg.gif") repeat-x top left;
		border:0px solid #ff0000; 
	}
	#hometext { 
		width:600px; 
		height:244px; 
		display:block;
		padding:0px 0px 0px 0px; 
		margin:0px 185px 0px 185px; 
		text-align:left;
		background: #ffffff url("/images/home/hometext-bg.gif") repeat-x top left;
		border:0px solid #ff0000; 
	}
	#hauptbereiche { 
			position:relative;
		height:179px; 
		text-align:center;
		padding:0px 0px 0px 21px; 
		background: transparent;
		background: transparent url() repeat-y top left;
		border:0px solid #ff0000; 
	}
	#hauptbereiche.bereich { 
		width:100px; 
		height:138px; 
		float:left;
		display:block;
		text-align:center;
		background: transparent;
		margin:0px 8px 0px 8px;
		padding:0px 0px 0px 0px; 
		background: transparent url() repeat-y top left;
		border:0px solid #ff0000; 
		border-bottom:7px solid #ff0000; 
	} 

	#footer { 
		color:#7ea9c2; 
		height:50px;
		padding: 0px;
		font-size: 0.85em;
		font-family: Verdana, Helvetica, Arial, sans-serif;
		font-weight:bold;
		background: transparent url("/images/bg-feet-1.gif") no-repeat bottom left;
		border-top: 0px #bbbbbb solid;
	}



	#footer a:link { 
		color:#7ea9c2; 
		font-size: 1.00em;
		font-weight:bold;
		text-decoration: underline;
		border: 0px #ff0000 solid;
	}
	
	#language { 
		position:absolute; 
		width:171px;
		height:27px;
		margin:145px 0px 0px 0px;
		float:left;
		padding: 0px;
		text-align: center;
		background: transparent url("/images/line-orange.gif") repeat-x top left;
		border: 0px #ff0000 solid;
	}
	#language.home { 
		margin-top:197px;
	}

	#language img { 
		margin:10px 4px 0px 4px;
		border:1px solid transparent;
	}
	#language a:hover img { 
		border:1px solid #b2b4b6;
		margin:9px 4px 1px 4px;
	} 


/*------------------------------------------------------------------------------------------------------*/

/* Clear-Methode zum clearen von Floatumgebungen */
	 .clearfix:after {
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
	}

/* Einstellung fur Safari zwingend */
	.clearfix { display: block; }

/* Clear-Methode zum clearen von Floatumgebungen */
	.floatbox { overflow:hidden; }

/* IE-Clearing: Benötigt nur der Internet Explorer und über iehacks.css zugeschaltet */
	#ie_clearing { display: none; }


/* Das Simsalabim für unsichtbare Elemente */
	.skip, .print {
		position: absolute;
		top: -1000em;
		left: -1000em;
		height: 1px;
		width: 1px;
	}


/*------------------------------------------------------------------------------------------------------*/

/* Weiter Einstellungen für die Inhalts-Container */