@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: 100%; 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, Helv;
		font-size: 11px;
		line-height: 16px;
		background: #c10f0f;
		padding: 0;
	}
	/* Rahmen fr <fieldset> und <img> Elemente lschen */
	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: 10px auto;
		width: 945px;
		background: #fff;
		padding: 3px;
	}

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

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

	#header { position:relative; height: 173px; margin-bottom: 10px; }

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

	/* Absolute Positionierung erfolgt nur innerhalb von #header */
	#header #topnav {
		position: absolute;
		top: 5px;
		right: 21px;
		color: #fff;
	}
	#topnav a {
		color: #fff;
		text-decoration: none;
	}
	#topnav a:hover {
		text-decoration: underline;
	}

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

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

	/* Standard: 200 Pixel */
	#col1 {
		float: left;
		width: 166px;
		margin: 0;
	}
	/* Standard: 200 Pixel */
	#col2 {
		float: left;
		width: 624px;
		margin: 0;
	}
	/* Standard: Flexible mittlere Spalte */
	#col3 {
		width:auto;
		margin: 0 0 0 790px;
	}
	/* Vorbereitung fr absolute Positionierungen innerhalb der Inhaltsspalten */
	#col1_content, #col2_content, #col3_content { position:relative; }

	#col1_content { margin:  0; padding: 16px 3px 0 0; }
	#col2_content { margin:  0 20px; padding: 20px 0; }
	#col3_content { margin:  0; padding: 0; }

	#footer {
		background: #ff2f00;
		height: 30px;
		margin-top: 10px;
	}
	
	#col1_content p{
		color: #000;
		padding: 7px 5px 7px 20px;
		margin: 10px 0;
		font-size: 90%;
		background: #ededed;
	}
	#col1_content p a{
		color: #000;
	}
	#col2_content h1{
		color: #c10f0f;
		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 a:hover{
		color: #c10f0f;
	}
	#col2_content .Absatz{
		margin: 11px 0;
		text-align: justify;
	}
	#col2_content .Datum{
		font-size: 10px;
		color: #999;
	}
	#col2_content .hr{
		border-top: 1px dashed #ff2f00;
		display: block;
		width: 100%;
		height: 10px;
		clear: both;
	}
	#col2_content .breadcrumb{
		font-size: 80%;
		margin: 0 0 40px 0;
	}
	#col2_content .Icon{
		border: none;
		vertical-align: text-bottom;
		margin-top: 10px;
	}
	
	/* News Spalte */
	#col3_content h2{
		color: #fff;
		font-size: 100%;
		font-weight: bold;
		background-color: #aaa;
		padding: 4px 10px;
	}
	#col3_content p{
		color: #555;
		padding: 4px 10px;
		background: #ededed;
		margin: 0;
		font-size: 90%;
		line-height: 130%;
		border-bottom: 1px solid #c10f0f;
	}
	#col3_content a{
		color: #555;
		text-decoration: none;
		font-size: 90%;
		line-height: 130%;
	}
	#col3_content a:hover{
		text-decoration: underline;
	}
	#col3_content .Datum{
		color: #000;
	}
	#col3_content .Trenner{
		background: url(../img/trenner_blau.gif) repeat-x #d3ddec;
	}
	#col3_content .Absatz{
		border: none;
	}
	#col3_content .Button{
		background: none;
		margin: 0;
		padding: 0;
	}
	#col3_content .Button a{
		color: #fff;
		display: block;
		margin: 0;
		padding: 2px 5px 3px 5px;
		background-color: #ff2f00;
		text-align: center;
		text-decoration: none;
	}
	#col3_content .Button a:hover{
		background-color: #c10f0f;
	}

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

	/* 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, "Lucida Console", "Andale Mono", "Bitstream Vera Sans Mono", "Courier New", Courier;
	}
	
	/* 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{
		position: absolute;
		background: #fff;
	}
	#header_motiv{
		width: 100%;
		margin-bottom: 3px;
	}


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

	/* Vertikales Menü */
	#col1_content ul{
		width: 100%;
		overflow: hidden;
		list-style-type: none;
		padding: 0;
		margin: 0;
	}
	#col1_content ul li{
		border: none;
		padding: 0;
		margin: 0;
	}
	#col1_content ul li a{
		padding: 3px 10px 3px 20px;
		color: #222;
		text-decoration: none;
		cursor: default;
		display: block;
		background-repeat: no-repeat;
	}
	#col1_content ul li a:hover, #col1_content ul li a.selected:hover, #col1_content ul li a.rex-current{
		background: #ff2f00;
		color: #fff;
	}
	#col1_content ul li ul li a{
		padding: 1px 10px 2px 35px;
		color: #777;
		text-decoration: none;
		cursor: default;
		display: block;
		background-image: none;
	}
	#col1_content ul li ul li a.rex-current{
		background: #c10f0f;
	}
	#col1_content ul li ul li a:hover, #col1_content ul li ul li a.selected:hover{
		background: #c10f0f;
	}


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

	#nav { 
		position: absolute;
		bottom: 0px;
		left: 0px;
		background: #fff;
		padding: 3px 3px 0 0;
	}

  .hlist {
    /* (en) containing floats in IE */
    /* (de) Einfassen der Floats im IE */
    /* width: 100%; */
    overflow: hidden;
    /* (en) containing floats in all other browsers */
    /* (de) Einfassen der Floats in allen anderen Browsern */
    float: left;
    display: inline;
    /* (en|de) Bugfix: IE - collapsing horizontal margins */
    position:relative;
    line-height: 0;
  }

  .hlist ul {
    /* (en|de) Bugfix: IE - Doubled Float Margin Bug */
    display: inline;
    float: left; /* LTR */
    padding: 0;
	 margin: 0;
  }

  .hlist ul li {
	/* (en|de) Bugfix: IE - Doubled Float Margin Bug */
	display: inline;
	float: left; /* LTR */
	font-size: 1.0em;
	line-height: 1em;
	list-style-type: none;
	margin: 0;
	padding-left: 3px;
	background: #fff;
	width: 166px;
  }
	#rex-article-1 { padding: 0; }
  .hlist a{
		background: #c10f0f;
		color: #fff;
		display: block;
		font-size: 100%;
		font-weight: bold;
		margin: 0;
		padding: 7px 3px 7px 21px;
		text-decoration: none;
		width: auto;
  }

  .hlist a:hover, .hlist a.rex-current { background: #ff2f00; }


	#breadcrumb {
	margin-bottom: 24px;
	}
	#breadcrumb p, 
	#breadcrumb ul, 
	#breadcrumb li {
		display: inline;
		color: #a9a9a9;
		font-size: 1em;
	}
	ul.rex-breadcrumb li {
		margin-left: 0px;
		padding: 0 6px 0 13px;
		background-image: url(../img/raquo.gif);
		background-position: 0px 4px;
		background-repeat: no-repeat;
		list-style: none;
	}
	ul.rex-breadcrumb li.rex-lvl1 {
		margin: 0;
		padding-left: 5px;
		background: none;
	}

	.rechts {
		float: right;
		margin: 6px 0 10px 20px;
	}
	.links {
		float: left;
		margin: 6px 20px 10px 0;
	}
	.rechts span, .links span, .mitte span{
		display: block;
		background: #ccc;
		text-align: center;
		font-size: 10px;
	}
	/* ------------------------------------------------ Einsatztabelle */
	.Einsatz{
		width: 100%;
		border-collapse: collapse;
	}
	.Einsatz th{
		font-weight: bold;
		padding: 2px 5px 2px 0px;
		border-bottom: 1px solid #aaa;
	}
	.Einsatz th.Jahr{
		text-align: center;
		background: #ddd;
		color: #fff;
		padding: 1px 0px;
	}
	.Einsatz td{
		padding: 2px 5px 2px 0px;
		border-bottom: 1px dashed #aaa;
	}

	/* ---------------------------- Forms ------------------------ */
	.formgen{
		font-family: Tahoma, Arial, Helvetica, sans-serif;
		font-size: 11px;
		line-height: 20px;
		margin-bottom: 15px;
	}
	.formgen input, select, textarea{
		width: 200px;
		margin-left: 4px;
		margin-top: 3px;
		background-color: #eee;
		border: 1px solid #c10f0f;
		color: 002f56;
		font-family: Tahoma, Arial, Helvetica, sans-serif;
		font-size: 11px;
		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: #eee;
		border: 2px solid #c10f0f;
		color: #c10f0f;
		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 {
		border-color: #ff2f00;
		background-color: #fff;
	}
	
	/* ------------- Paginate --------------------------- */
	#col2_content .pagi{
		padding: 10px 0px;
	}
	#col2_content .pagination{
		color: #000;
		text-align: center;
		display: inline;
	}
	#col2_content .pagination li {
		display: block;
		float: left;
		margin-right: 2px;
	}
	#col2_content .pagination li a {
		display: block;
		text-decoration: none;
		color: #000;
		background: #ddd;
		padding: 1px 5px;
	}
	#col2_content .pagination li strong {
		display: block;
		padding: 1px 5px;
	}
	#col2_content .pagination li a:hover {
		color: #fff;
		background: #ff2f00;
	}
}