@media screen
{
/* ######################################################################################################
** ### Vorbereitende Ma�nahmen | Reset ##################################################################
** ######################################################################################################
*/
	/* Hiermit werden die Randabst�nde und border aller HTML-Elemente auf Null gesetzt. Damit wird das       
	** Aussehen der Webseite in unterschiedlichen Browsern vereinheitlicht. 
	*/
	
	* { margin:0; padding:0;  } 
	
	/*
	** Die nachfolgenden Angaben entstammen dem Artikel 'Useful Code Snippets' von Mike Foskett
	** [http://www.websemantics.co.uk/tutorials/useful_css_snippets/]
	*/
	
	html { height: 100%; min-height:100%; margin:0px; padding:0px;} 
	
	body {
	/* Vertikalen Scrollbalken im Netscape & Firefox erzwingen. Dies verhindert, dass zentrierte Layouts 
	** um 10 Pixel springen wenn der Seiteninhalt kleiner wird als die H�he des Browserfensters. */
		min-height: 100%;
	_height:100%;
	/* Beseitigung des Rundungsfehlers bei Schriftgr��en im Opera sowie Standardformatierungen */

	/* FIX: Verhindert, dass positionierte Elemente nicht verschoben werden when die Gr��e des Browser 
			Fensters ge�ndert wird. */
			position:absolute;
	left:0px;
	/* Vorgabe der Standardfarben und Textausrichtung*/     
		text-align: left;
	margin:0px;
	padding:0px;
	background-image:url(../pics/zweispalten_col2col3.gif);
	background-repeat:repeat-y;
	position:absolute;
	background-position: -6px 0px;
	font-size: 0.7em;
	color: #13171e;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	SCROLLBAR-FACE-COLOR: #c7002b;
	SCROLLBAR-HIGHLIGHT-COLOR: #ffffff;
	SCROLLBAR-SHADOW-COLOR: #ffffff;
	SCROLLBAR-3DLIGHT-COLOR: #ffffff;
	SCROLLBAR-ARROW-COLOR:  #ffffff;
	SCROLLBAR-TRACK-COLOR: #ffffff;
	SCROLLBAR-DARKSHADOW-COLOR: #ffffff;
	width:100%;
	} 
	
	/* Standardrahmen zur�cksetzen */
	fieldset, img { border:0; }
	
	/* Anpassung f�r Safari Browser. font-size:100% ist f�r den Safari in Formularen zu gro� */ 
	select, input, textarea { font-size: 99% }

/* ######################################################################################################
** ### DIV-Container des Basislayouts ###################################################################
** ######################################################################################################
*/


	
	#nav { clear:both; width: auto; z-index: 100; }
	#main {	/*clear:both;*/ width: auto; z-index: 10;
	}
	
	#main { 
padding-top: 0px;
left:0px;
} 


#tpl_page{margin:0px; padding:0px; background:url(../pics/header.gif) repeat-x left top; width:100%;}

/* Festlegung der Layoutbreite und Zentrierung*/
#page_margins {

	width:1002px;
}


/* Korrektur von Randabst�nden */
#main { margin: 0; padding: 0; }
	
	
	
	
	#col1 {
		float: left;
		width: 230px; /* Standard-Wert, falls keine anderen Vorgaben gemacht werden */
	}
	
	#col2 {
		float:right; 
		width: 200px; /* Standard-Wert, falls keine anderen Vorgaben gemacht werden */
	}
	
	

	#footer { clear:both; }	/* Backup f�r IE-Clearing */
	
	/* Der z-Index verhindert, dass im Falle des noch bestehenden IE-Bugs die Texte vor 
	** dem Spaltenhintergrund erscheinen. */
	#col1 {z-index: 3;}
	#col2 {z-index: 5;}
	#col3 {z-index: 1;}
	#col1_content {z-index: 4;}
	#col2_content {z-index: 6;}
	#col3_content {z-index: 2;}
	
	/* #col1_content, #col2_content, #col3_content { position:relative; } */

	#col1_content, #col2_content { position:relative;  } 
/* ######################################################################################################
** ### Markupfreie CSS-Floatclearing-L�sungen ###########################################################
** ######################################################################################################
*/

	/* Clearfix-Methode zum Clearen der Float-Umgebungen */
	 .clearfix:after {
		content: "."; 
		display: block; 
		height: 0; 
		clear: both; 
		visibility: hidden;
	}
	
	/* Diese Angabe ben�tigt der Safari-Browser zwingend !! */
	.clearfix { display: block; } 
	
	/* Overflow-Methode zum Clearen der Float-Umgebungen */
	.floatbox { _overflow:hidden; }
	
	/* IE-Clearing: Ben�tigt nur der Internet Explorer und �ber iehacks.css zugeschaltet */
	#ie_clearing { display: none } 




	/* Clearen der 3 Inhaltsspalten mittels dieses speziellen hr-Tags */
	hr.clear_columns {	
		clear: both; 
		float: left; 
		content: "."; 
		display: block;  
		height: 0; 
		line-height: 0px; 
		visibility: hidden; 
		border: 0; 
		padding: 0;
		margin: -1.1em 0 0 0; /* erforderlich damit kein Leerraum zwischen Spalten und Footer entsteht */
	}

/* ######################################################################################################
** ### Standard-Formatierungen f�r Listen & Zitate ######################################################
** ######################################################################################################
*/

	ul, ol, dl { margin: 0 0 1em 1em }
	li { margin-left: 1.5em; line-height: 1.5em; }
	
	dt { font-weight: bold; }
	dd { margin: 0 0 1em 2em; }
	
	blockquote, cite { margin: 0 0 1em 1.5em; font-size: 0.93em; width: auto;}

/* ##################################
** ### Subtemplates 
#####################################
*/

	.subcolumns { 
		width: 100%;
		padding: 0 1px 0 1px; 
		margin: 0 -1px 0 -1px; 
		overflow:hidden;
	}
			
	.c50l, .c25l, .c33l, .c38l, .c66l, .c75l, .c62l {float: left; overflow: hidden;}
	.c50r, .c25r, .c33r, .c38r, .c66r, .c75r, .c62r {float: right; overflow: hidden;}
	
	.c25l, .c25r { width: 24.999%; }
	.c33l, .c33r { width: 33.333%; }
	.c50l, .c50r { width: 49.999%; }
	.c66l, .c66r { width: 66.666%; }
	.c75l, .c75r { width: 74.999%; }
	.c38l, .c38r { width: 38.196%; } /* Goldener Schnitt */
	.c62l, .c62r { width: 61.803%; } /* Goldener Schnitt */
	
	.subc  { padding: 0 1em 0 1em; overflow: hidden; }
	.subcl { padding: 0 1em 0 0; overflow: hidden; }
	.subcr { padding: 0 0 0 1em; overflow: hidden; }

/* Formatierung der Kopfbereiches */
#header {
position:absolute;
overflow:visible;
width:1002px;
}


#banner { position:absolute; top:20px; right:0px; z-index:10; }
#banner img { position:relative; top:0px; left:0px; font-size:100%; }





#logo {
	position:absolute;
	left:63px;
	top:1px;
	z-index:999999;
}


#flashbanner {
	position:absolute;
	left:213px;
	top:124px;
}

#language {
    z-index:16;
	position:absolute;
	left:943px;
	top:57px;
}


#logoprint {
display:none;
}



#suche {
	position:absolute;
	left:480px;
	top:16px;
	width:202px;
	}
	
#suche a:hover {
	color: #16776D;
}

.suchfeld {
	width: 120px;
	height:10px;
	font-size:9px;
	color:#000000;
	margin-top:2px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: inset;
	border-right-style: inset;
	border-bottom-style: inset;
	border-left-style: inset;
	border-top-color: #646464;
	border-right-color: #000000;
	border-bottom-color: #AEAEAE;
	border-left-color: #FFFFFF;
}

.lupe{
border:none;
margin-top:1px;
}
	
#topnavi {
	position:absolute;
	right:20px;
	top:20px;
	font-size:10px;
	color:#c7002b;
	}	
	
#topnavi a:link {
	color:#383e4a;
}	

#topnavi a:hover {
	color:#c7002b;
}	
	
.topnavi {
	color:#c7002b;
	}	

#rootline {
	display: block;	
	position:absolute;
	left:212px;
	top:248px;
	font-size: 10px;
	color:#818d92;
	width:746px;
	padding-top:2px;
	padding-left:4px;
	padding-bottom:2px;
}


#rootline a {
color:#818d92;
}

#rootline a:hover {
color: #bc0020;
text-decoration:none;
}


#mainnavi {
position:absolute;
top:85px;
left:212px;
}


#mainpunkt {
position:relative;
top:95px;
left:0px;
padding-left:5px;
padding-top:4px;
padding-bottom:4px;
width:202px;
height:22px;
color:#365f97;
font-size:90%;
background-image:url(../pics/searchbackbox.gif);
background-repeat:no-repeat;


}

#mainpunkt a:link, #mainpunkt a:visited {
color:#365f97;
text-decoration:none;
}

.hauptpunkt a:link, .hauptpunk a:hover {
	color:#ffffff;
	text-decoration:none;
}

#navigation {
position:absolute; 
top:282px;
left:12px;
width:195px;
float:left;
}


#bottom {
	bottom:0px;
	left:0px;
	width:100%;
	height:31px;
	background-image:url(../pics/bottom_background.gif);
	background-repeat:no-repeat;
	overflow:hidden;
	position:absolute;

	background-position: 105px 0px;
}


/* Formatierung der Fu�zeile */


/* ######################################################################################################
** ### Formatierung der Inhaltsspalten ##################################################################
** ######################################################################################################
*/


#footer {
	margin:0px;
	position:relative;
	height:30px;
	margin-left:5px;
	background-image:url(../pics/footer_line.gif);
	background-repeat:no-repeat;
	margin-top:15px;
	background-position: 0px 0px;
 }

/*#footer {
	margin:0px;
	position:absolute;
	bottom:0px;
	width:1020px;
	height:30px;
	background-image:url(../pics/footer_line.gif);
	background-repeat:no-repeat;
	margin-top:55px;
	background-position: 227px 0px;
	margin-bottom:45px;

 }*/
 
 
#footer a {
	color: #23262d;
}
#footer a:hover {
	color: #c7002b;
	text-decoration:none;
}


#datum {
	position:absolute;
	color: #23262d;
	/*left:227px;*/
	left:0px;
	bottom:8px;
	font-size: 10px;
}

#drucken {
	position:absolute;
	bottom:8px;
	/*left:650px;*/
	right:0px;
	font-size: 10px;
	letter-spacing: 1px;
}

#druckbutton{
float:left; 

}
/*#druckbutton{color:#666666; margin-left:10px;}
#druckbutton:hover{color:#16776D;}*/

.footertext {
}

/* ######################################################################################################
** ### Formatierung der Inhaltsspalten ##################################################################
** ######################################################################################################
*/

/* linke Spalte*/
#col1 {
width: 5px;

}

#col1_content { margin-left: 1em; margin-right: 1em; background:inherit; margin-bottom:40px!important; }

#col1_content {  }





/* rechte Spalte*/
#col2 {
	width: 213px;
	/*padding-top:215px;*/
	margin-right: 4px;
	color: #666666;
	font-size:0.9em;
}
#col2_content {	margin-left: 20px; margin-right: 2px; }

#col2 p {
margin-left:0px;
margin-right:5px;
color: #666666;
padding-left: 3px;
padding-right: 4px;
line-height: 14px;
padding-bottom: 1px;


}


/* mittlere Spalte */
#col3  {
	padding-top:10px;
}



/* mittlere Spalte */
#col3 p {

color: #13171e;
padding-left: 4px;
padding-right: 2px;
padding-top: 3px;
line-height: 15px;
}

#col3_content { margin-left: 0px; float:left; width:530px;
padding-bottom:55px;
 }



#zweispalten_col2col3{
	float:left;
	width:760px;
	margin-top:280px;
	padding-left:229px;
	padding-bottom:33px;
	/*background:url(../pics/zweispalten_col2col3.gif) repeat-y -6px 0px;*/
}

.cleargif{
font-size:1px; 
line-height:1px; 
margin:0px!important; 
padding:0px!important; 
clear:both!important; 
float:none!important; 
display:block; 
overflow:hidden;
}








.tx-indexedsearch-browsebox .browsebox{list-style:none; margin:0px; padding:5px 0px; text-align:center;}
.tx-indexedsearch-browsebox .browsebox li{display:inline; padding:0px 2px!important; margin:0px!important;}

}