﻿@charset "UTF-8";

@media all
{
	/* Globales Zurcksetzen der Innen- und Auenabstnde fr alle HTML-Elemente */
	* { margin:0; padding: 0; }

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

	/* Globale Korrektur des Italics Bugs des IE 5.x und IE 6 */
	* html body * { overflow:visible; }
	* html iframe, * html frame { overflow:auto; }
	* html frameset { overflow:hidden; }

	/* Erzwingen vertikaler Scrollbalken in Netscape, Firefox und Safari Browsern */
	html { height: 101%; margin-bottom: 1px; }
	body {
		/* Beseitigung von Rundungsfehler beim Skalieren von Schriftgren in lteren Opera Versionen */
		font-size: 100.01%;
	
		/* Vorgabe der Standardfarben und Textausrichtung */
		color: #68676B;
		/* Zentrierung des Layouts in alten IE-versionen */
		text-align: center;
		
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 11px;
		line-height: 16px;
		background: url(../img/back.jpg) repeat-x top left fixed #e7eaf1;
		padding: 0;
	}
	/* 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;
	}

	/* Aussenrahmen */
	#rahmen {
		text-align:left;
		margin: 0px auto;
		width: 964px;
		padding: 0px;
	}

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

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

	#header { position:relative; }

	/* Textausrichtung fr #topnav Inhalte */
	#topnav { text-align: right; }  /* LTR */

	/* Absolute Positionierung erfolgt nur innerhalb von #header */
	#header #topnav {
		position: absolute;
		top: 240px;
		right: 10px; /* LTR */
	}
	#topnav a {
		color: #999999;
		text-decoration: none;
		font-weight: normal;
	}
	#topnav a:hover {
		color: #e2001a;
		text-decoration: underline;
	}

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

	/* Rahmen fr 3-Spalten-Hauptbereich */
	#main {
		background: url(../img/main_back_inhalt.png) repeat-y #fff;
		padding: 0;
	}

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

	#col1_content { margin:  0 0 0 10px; padding: 41px 0; }
	#col2_content { margin:  0 60px 0 30px; padding: 43px 0; font-size: 12px; line-height: 20px; }

	#footer p {
		padding-top: 6px;
		color: #d7dfe9;
		text-align: center;
	}
	
	#col1_content p{
		color: #0069a7;
		padding: 7px 12px;
		margin: 0;
	}
	#col1_content p a{
		color: #0069a7;
	}
	#col2_content h1{
		color: #00135a;
		font-size: 100%;
		font-weight: bold;
		padding: 2px 8px 2px 0px;
		margin-top: 0;
		margin-bottom: 8px;
	}
	#col2_content h2{
		color: #38431d;
		font-size: 100%;
		font-weight: bold;
		margin: 10px 0;
	}
	#col2_content p, #col2_content a{
		color: #68676B;
		font-size: 100%;
	}
	#col2_content p{
		margin: 11px 0;
	}
	#col2_content a{
		color: #000;
	}
	#col2_content a:hover{
		color: #f00;
	}

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

	/* 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;
	}

	/* Alle Schriftgren auf Standardgre (16 Pixel) zurcksetzen */
	html * { font-size: 100.01%; }

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


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

	/* Header Elemente */
	#header_navi{
		/*width: 100%;*/
		height: 26px;
		background: #0069a7;
		color: #fff;
		text-transform: uppercase;
		font-weight: bold;
		padding: 9px 0 0 20px;
	}
	#header_motiv{
		position: absolute;
		top: 0px;
		left: 27px;
		width: 693px;
		z-index: 3;
	}
	#header_balken{
		width: 100%;
		position: relative;
	}


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

	/* Vertikales Menü */
	#col1_content ul{
		width: 233px;
		overflow: hidden;
		list-style-type: none;
		padding: 0;
		margin: 0;
		background: url(../img/menu/back.png) repeat-y;
	}
	#col1_content ul li{
		border: none;
		padding: 0;
		margin: 0;
	}
	#col1_content ul li a{
		padding: 4px 10px 4px 46px;
		color: #00135a;
		font-weight: bold;
		text-decoration: none;
		cursor: default;
		display: block;
		background-image: url(../img/menu/lnk_back.png);
		background-repeat: no-repeat;
	}
	#col1_content ul li a.rex-current {
		background-color: #627fa8;
	}
	#col1_content ul li a:hover, #col1_content ul li a.rex-current:hover{
		background-color: #fff;
	}

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

	.rechts {
		float: right;
		margin: 6px 0 10px 20px;
	}
	#col2_content .rechts .bildtext{
		background: url(../img/news/back.png) repeat-y #698dbd;
		color: #fff;
		font-size: 10px;
		margin: 0;
		text-align: center;
	}
	.links {
		float: left;
		margin: 6px 20px 10px 0;
	}

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

	#col2_content ul {
		margin-left: 20px;
	}
	#col2_content ul li {
		line-height: 1.5em;
	}
	#col2_content ul li a {
		text-decoration: none;
	}
	#col2_content ul li a:hover {
		text-decoration: underline;
		color: #FF0000;
	}
/*----------------------------------- Formular --------------------------------*/
	.Formtabelle{
		border-collapse: collapse;
		width: 100%;
	}
	.Formtabelle td{
		padding: 2px 0;
	}
	.Formtabelle .Angabe{
		width: 200px;
	}
	.Formtabelle .Eingabe{
		white-space: nowrap;
		/*width: 300px;*/
	}
	.Formtabelle input{
		width: 200px;
		border: 1px solid #aaa;
		padding: 2px;
	}
	.Formtabelle .c1{
		width: 95px;
	}
	.Formtabelle .c1:hover{
		background: #eee;
	}
	.Formtabelle .Flugart{
		width: 30px;
		border: none;
		background: none;
	}
	.muss{
		background: #eee;
	}
	.Formtabelle .ins_Datum{
		width: 80px;
	}
}
