@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, 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   |
	* | 243 px  | 480 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.png) repeat-y #fff;
		padding: 0;
	}

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

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

	/*#footer {
	}*/
	#footer p {
		padding-top: 6px;
		color: #d7dfe9;
		text-align: center;
	}
	
	#col1_content p{
		color: #0069a7;
		padding: 7px 12px;
		margin: 0;
	}
	#col1_content .Trenner, #col2_content .Trenner{
		background: url(../img/trenner.gif) repeat-x;
		display: block;
	}
	#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;
	}
	
	/* News Spalte */
	#col3_content h2{
		color: #fff;
		text-align: center;
		font-size: 100%;
		font-weight: bold;
		background: url(../img/news/back.png) repeat-y #698dbd;
		padding: 5px 0px;
	}
	#col3_content p{
		color: #003d8f;
		padding: 6px 10px;
		margin: 0;
		line-height: 130%;
	}
	#col3_content a{
		color: #003d8f;
		text-decoration: none;
	}
	#col3_content a:hover{
		text-decoration: underline;
	}
	#col3_content .Datum{
		color: #2d2d2d;
		font-weight: bold;
	}
	#col3_content .Absatz{
		background: url(../img/menu/lnk_back.png) no-repeat;
		padding: 3px;
		border: none;
	}
	#col3_content .Button{
		background: none;
		margin: 0;
		padding: 0;
		border: none;
	}
	#col3_content .Button a{
		color: #fff;
		display: block;
		margin: 0;
		padding: 2px 5px 3px 5px;
		background: url(../img/news/back.png) repeat-y #698dbd;
		text-align: center;
		text-decoration: none;
	}
	#col3_content .Button a:hover{
		background: #345a8f;
	}
	#col3_content h2.va{
		background-color: #587900;
	}

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

	/* 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;
	}
	#col1_content ul li ul li a{
		padding: 0px 10px 0px 50px;
		color: #fff;
		font-weight: normal;
		text-decoration: none;
		cursor: default;
		display: block;
		background: none;
	}
	#col1_content ul li ul li a.rex-current{
		background: #627fa8;
	}
	#col1_content ul li ul li a:hover, #col1_content ul li ul li a.selected:hover{
		background: #254d86;
	}

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

	.rechts {
		float: right;
		margin: 6px 0 10px 20px;
	}
	.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;
	}

/* -------------------------------------- Sprachauswahl ----------------------------*/
	#overlay{
		background: #fff;
		opacity: 0.7;
		filter:progid:DXImageTransform.Microsoft.alpha(opacity=70);
		width: 100%;
		height: 100%;
		z-index: 10;
		position: absolute;
		top: 0;
		left: 0;
		overflow: auto;
	}
	#dialog{
		font-weight: bold;
		border: 2px solid #ee1d25;
		padding: 10px;
		background: url(../img/menu/back.png) 0px -300px;
		margin-top: -50px;
		margin-left: -150px;
		width: 300px;
		z-index: 11;
		position: absolute;
		top: 50%;
		left: 50%;
		-moz-border-radius: 4px;
		-webkit-border-radius: 3px;
		border-radius: 3px;
		-moz-box-shadow: 2px 2px 7px #000;
		-webkit-box-shadow: 2px 2px 7px #000;
		box-shadow: 2px 2px 7px #000;
	}
	#dialog p{
		margin-bottom: 10px;
	}
	#dialog img{
		border: none;
	}
	#dialog a{
		display: block;
		padding: 3px;
		text-decoration: none;
		color: #000;
	}
	#dialog a:hover{
		background: #fff;
	}
}