@charset "UTF-8";

@media all
{
	/* Globales Zurcksetzen der Innen- und Aussenabstnde für alle HTML-Elemente */
	* { margin:0; padding: 0; }

	/* Korrektur: Das Zurcksetzen der Abstände verursacht zu kleine Selectboxen. */
	option { padding-left: 0.4em; } /* LTR */
	select { padding: 1px; }

	/* Erzwingen vertikaler Scrollbalken in Netscape, Firefox und Safari Browsern */
	html, body { height: 100%; margin-bottom: 1px; }
	body{
		color: #000;
		/* Zentrierung des Layouts in alten IE-versionen */
		text-align: center;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		line-height: 16px;
		background: url(../img/back.png) repeat-x #fff;
		padding: 0;
		margin: 0px;
	}
	/* Rahmen fr <fieldset> und <img> Elemente löschen */
	fieldset, img { border: 0 solid; }

	/* Neue Standardwerte fr Listen */
	ul, ol, dl { margin: 0 0 1em 1em } /* LTR */
	li {
		margin-left: 0.8em; /* LTR */
		line-height: 1.5em;
	}
	
	img{
		border: none;
	}

	/* Aussenrahmen */
	#rahmen {
		text-align:left;
		margin: 0px auto;
		width: 920px;
		padding: 0 26px;
		background: url(../img/back_main.png) repeat-y;
		min-height: 100%;
		height: auto !important;
		height: 100%;
		overflow: hidden;
	}

/*
#Rahmen{
	position: relative;
}
*/

/*------------------------------------------------------------------------------------------------------*/
	/* Basislayout
	* |-------------------------------|
	* | #header                       |
	* |-------------------------------|
	* | #col1   | #col2     | #col3   |
	* | 196 px  | 495 px    | Auto    |
	* |-------------------------------|
	* | #footer                       |
	* |-------------------------------|
	*/

	#header{
		position:relative;
		height: 259px;
		width: 920px;
		background: url(../img/header/back.jpg);
	}

	/* Absicherung korrekte Positionierung */
	/*#header, #nav, #main, #footer { clear:both; }*/

	/* Rahmen fr 3-Spalten-Hauptbereich */
	#main{
		padding: 0;
		min-height: 500px;
		position: relative;
	}

	/* Standard: 200 Pixel */
	#col1 {
		float: left;
		width: 216px;
		margin: 0;
	}
	/* Standard: 200 Pixel */
	#col2 {
		width:auto;
		margin: 0 0 0 216px;
		overflow: hidden;
	}
	/* Vorbereitung fr absolute Positionierungen innerhalb der Inhaltsspalten */
	#col1_content, #col2_content { position:relative; }

	#col1_content { margin:  0; padding: 15px 0 0 0 }
	#col2_content { margin:  0 0 20px 0; padding: 15px 70px 16px 30px; }

	#col2_content h1{
		color: #005300;
		font-size: 18px;
		line-height: 20px;
		margin-top: 0;
		margin-bottom: 20px;
	}
	#col2_content h2{
		color: #002400;
		font-size: 14px;
		line-height: 16px;
		font-weight: bold;
		margin-top: 0;
		margin-bottom: 20px;
	}
	#col2_content h3{
		color: #000;
		font-size: 12px;
		line-height: 14px;
		font-weight: bold;
		margin-top: 0;
		margin-bottom: 20px;
	}
	#col2_content a{
		font-size: 12px;
		color: #208012;
	}
	#col2_content a:hover{
		text-decoration: underline;
	}
	#col2_content a.Zeile{
		font-size: 12px;
		color: #208012;
		font-weight: bold;
		padding: 2px 2px 2px 25px;
		margin-bottom: 5px;
		display: block;
		text-decoration: none;
		background: url(../img/subnav_std.png) no-repeat -2px 1px;
	}
	#col2_content a.pdf{
		padding: 2px 2px 2px 25px;
		background: url(../img/pdf.png) no-repeat 0px 3px;
	}
	#col2_content a.Zeile:hover{
		background-color: #ddd;
	}
	#col2_content a.block{
		background: #f0f5fb;
		padding: 5px 10px;
		display: block;
		text-decoration: none;
		margin-bottom: 5px;
	}
	#col2_content a.block:hover{
		color: #000;
		background: #e1ebf6;
	}
	#col2_content p{
		font-size: 12px;
		line-height: 20px;
		color: #000;
		margin-top: 0;
		margin-bottom: 20px;
		text-align: justify;
	}
	.Icon{
		vertical-align: middle;
		margin-right: 15px;
	}
	.Kontakt{
		text-align: left;
		background: #f0f5fb;
		padding: 10px;
		width: 100%;
		height: 106px;
		overflow: hidden;
		margin-bottom: 10px;
	}
	.Kontakt img{
		float: left;
		margin-right: 30px;
		margin-bottom: 0px;
	}

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

	/* Clearing der Floats */
	/* Clearfix-Methode zum Clearen der Float-Umgebungen */
	.clearfix:after {
		content: ".";
		display: block;
		font-size:0;
		height: 0;
		clear: both;
		visibility: hidden;
	}
	/* Diese Angabe bentigt der Safari-Browser zwingend !! */
	.clearfix { display: block; }
	
	/* Overflow-Methode zum Clearen der Float-Umgebungen */
	.floatbox { overflow:hidden; }

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

/*------------------------------------------------------------------------------------------------------*/
	
	/* Versteckte Elemente */
	/* Klassen fr unsichtbare Elemente im Basislayout */
	.skip, .hideme, .print, dfn {
		position: absolute;
		left: -1000em; /* LTR */
		top: -1000em;
	}
	/* Skip-Links fr Tab-Navigation sichtbar schalten */
	.skip:focus, .skip:active {
		position: static;
		left: 0;
		top:0;
	}

	/* Schriftgre von monospaced Elemente in allen Browsern auf 16 Pixel setzen */
	
	textarea, pre, code, kbd, samp, var, tt {
		font-family: Arial, Helvetica, sans-serif;;
	}
	
	/* Basis-Layout erhlt Standardschriftgre von 11 Pixeln */
	body {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		color: #000;
	}


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

	/* Header Elemente */

	#header #logo { 
		position: absolute;
		top: 17px;
		left: -10px;
	}
	#header #topnav { 
		position: absolute;
		top: 24px;
		right: 26px;
	}
	#header #topnav a{
		font-size: 11px;
		font-weight: bold;
		color: #fff;
		text-decoration: none;
	}
	#header #topnav a:hover{
		color: #9CF;
		text-decoration: underline;
	}
	#header #Titel{
		font-size: 18px;
		font-weight: bold;
		position: absolute;
		left: 255px;
		top: 150px;
		color: #85a8d2;
	}

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

	/* Vertikales Menü */
	#col1_content ul{
		width: 188px;
		overflow: hidden;
		list-style-type: none;
		padding: 0;
		margin: 0;
	}
	#col1_content ul ul{
		margin: 0;
	}
	#col1_content ul li{
		padding: 0;
		margin: 0;
	}
	#col1_content ul li a{
		font-size: 11px;
		padding: 4px 10px 4px 30px;
		color: #333;
		text-decoration: none;
		cursor: default;
		display: block;
		background: url(../img/nav_std.png) no-repeat 4px 4px #fff;
	}
	#col1_content ul li ul li a{
		padding: 2px 10px 2px 40px;
		color: #555;
		text-decoration: none;
		cursor: default;
		display: block;
		background: url(../img/subnav_std.png) no-repeat 18px 3px #fff;
	}
	#col1_content ul li a.rex-current, #col1_content ul li a.rex-active {
		background: url(../img/nav_current.png) no-repeat 4px 4px #fff;
		color: #000;
	}
	#col1_content ul li ul li a.rex-current {
		background: url(../img/subnav_current.png) no-repeat 18px 3px #fff;
		color: #000;
	}
	#col1_content ul li a:hover, #col1_content ul li ul li a:hover{
		color: #000;
		background-color: #e4e4e4;
	}
	/* News Liste */
	#col2_content .news ul{
		overflow: hidden;
		list-style-type: none;
		padding: 0;
		margin: 0;
		margin-left: 0;
		margin-top: 30px;
	}
	#col2_content .news ul li{
		padding: 0;
		margin: 0;
	}
	#col2_content .news ul li a{
		padding: 5px 10px 5px 12px;
		color: #000;
		text-decoration: none;
		cursor: default;
		display: block;
		background: #f0f5fb;
		margin-bottom: 5px;
	}
	#col2_content .news ul li a:hover{
		text-decoration: none;
		color: #000;
		background: #e1ebf6;
	}
	table{
		border-collapse: collapse;
		width: 100%;
		margin-bottom: 20px;
	}
	td p, #col2_content td p{
		margin-bottom: 0px;
	}
	td{
		padding: 2px;
		border: 1px dashed #aaa;
	}
	.galerie{
		margin-bottom: 20px;
		overflow: auto;
	}
	.galerie .image{
		width: 190px;
		float: left;
		margin: 0px 7px 7px 0px;
	}

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

	.rechts {
		float: right;
		margin: 0 0 15px 30px;
	}
	.rechts img{
		margin-top: 5px;
	}
	.links {
		float: left;
		margin: 5px 20px 15px 0;
	}
	.rechts span, .links span{
		display: block;
		color: #fff;
		background: #b0c0d3;
		text-align: center;
		font-size: 10px;
		padding: 3px 5px;
	}

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

	#col2_content ul {
		margin-left: 20px;
		color: #333;
	}
	#col2_content ul li {
		line-height: 1.5em;
	}
	#col2_content ul li a {
		text-decoration: none;
		color: #3d6ca7;
	}
	#col2_content ul li a:hover {
		text-decoration: underline;
		color: #d97f00;
	}
	.clearer{
		clear: both;
		height: 1px;
		float: none;
	}

/* --------------------------------------------------------------------- Forms ------------------------ */
	.formgen{
		line-height: 20px;
		margin-bottom: 15px;
		color: #000;
	}
	.formgen .formhinweis{
		line-height: 16px;
		margin-bottom: 20px;
	}
	.formgen input, select, textarea{
		font-family: Verdana, Tahoma, Arial, Helvetica;
		font-size: 12px;
		width: 200px;
		margin-left: 4px;
		margin-top: 3px;
		background-color: #eee;
		border: 1px solid #002400;
		color: #000;
		padding: 2px;
	}
	.formgen textarea{
		width: 300px;
		height: 100px;
	}
	.forminfo{
		margin-bottom: 10px;
		font-style: italic;
	}
	.formgen br{
		/*clear : both;*/
	}
	.formgen .formcaptcha{
		margin: 10px 0 0 140px;
	}
	.formgen label{
		width: 140px;
		/*clear: left;*/
		float: left;
		height: 20px;
	}
	.formgen .formerror{
		color: #CC0000;
		font-weight: bold;
	}
	.formgen .formsubmit{
		text-align: center;
		background-color: #208012;
		border: 2px solid #002400;
		color: #fff;
		font-weight: bold;
		margin: 10px 0 10px 144px;
	}
	
	.formgen input:focus, .formgen input:hover,
	.formgen select:focus, .formgen select:hover, 
	.formgen textarea:focus, .formgen textarea:hover{
		color: #000;
		border-color: #002400;
		background-color: #fff;	
	}
}