@import url(content.css);
@import url(print/print_screen.css);



@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; font-size: 100%; } 
	
	/*
	** Die nachfolgenden Angaben entstammen dem Artikel 'Useful Code Snippets' von Mike Foskett
	** [http://www.websemantics.co.uk/tutorials/useful_css_snippets/]
	*/
	
	html { height: 100% } 
	
	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 */
		font-size: 100.01%; 
	/* FIX: Verhindert, dass positionierte Elemente nicht verschoben werden when die Gr��e des Browser 
			Fensters ge�ndert wird. */
		position: relative; 
	
	/* Vorgabe der Standardfarben und Textausrichtung*/     
		color: #000;
		text-align: left; 

	} 
	
	/* 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; }
	
	
	#col1 {
		float: left;
		width: 230px; /* Standard-Wert, falls keine anderen Vorgaben gemacht werden */
	}
	
	#col2 {
		float:right; 
		width: 210px; /* 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; }


/* ######################################################################################################
** ### 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: 0.5em; line-height: 1.5em;
	font-size:90%;
	}
	
	dt { font-weight: bold; }
	dd { margin: 0 0 1em 2em; }
	
	blockquote, cite { margin: 0 0 1em 1.5em; font-size: 0.9em; 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 {
height: 278px; 

}

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




#logo {
position:absolute; 
top:32px;
left:675px;
}

#scale {
position:absolute; 
top:247px;
left:900px;
}


#flashbanner_start {
	position:absolute;
	top:98px;
	left:218px;
}

#flashbanner {
	position:absolute;
	top:98px;
	left:218px;
}


#language {
	position:absolute;
	left:743px;
	_left:743px;
	top:253px;
}

#language div, #language fieldset, #language form{margin:0px!important; padding:0px!important;}
#language select{margin:0px!important;}




   .tx-srlanguagemenu-pi1 p { font-family: Verdana, sans-serif; font-size: 0.8em; line-height:100%; margin-top: 8px; padding: 0; text-indent: 0; }
   .tx-srlanguagemenu-pi1 img { margin: 0 5px; padding: 0; border-style: none; }
   .tx-srlanguagemenu-pi1 .CUR { float: left; font-size: .8em; }
   .tx-srlanguagemenu-pi1 .CUR a { background-color: transparent; color: #A6C3D1; text-decoration: none; font-weight: bold; }
   .tx-srlanguagemenu-pi1 .CUR a:focus, .tx-srlanguagemenu-pi1 .CUR a:hover, .tx-srlanguagemenu-pi1 .CUR a:active { color:#333333; }
   .tx-srlanguagemenu-pi1 .NO { float: left; font-size: .8em; }
   .tx-srlanguagemenu-pi1 .NO a { background-color:transparent; color: #A6C3D1; text-decoration:none; font-weight:bold; }
   .tx-srlanguagemenu-pi1 .NO a:focus, .tx-srlanguagemenu-pi1 .NO a:hover, .tx-srlanguagemenu-pi1 .NO a:active { color:#333333; }
   .tx-srlanguagemenu-pi1 .INACT { float: left; font-size: .8em; }
   .tx-srlanguagemenu-pi1 .INACT a { background-color:transparent; color: #A6C3D1; text-decoration: none; font-weight: normal; }
   .tx-srlanguagemenu-pi1 .INACT a:focus, .tx-srlanguagemenu-pi1 .INACT a:hover, .tx-srlanguagemenu-pi1 .INACT a:active { color: #333333; }
   .tx-srlanguagemenu-pi1 .SPC {  float: left; font-family: Verdana, sans-serif; font-size: .8em; line-height: 100%; color: #A6C3D1; }
   .tx-srlanguagemenu-pi1 fieldset { }
   .tx-srlanguagemenu-pi1 fieldset legend { }
   .tx-srlanguagemenu-pi1 fieldset label { display: none; }
   .tx-srlanguagemenu-pi1 fieldset select {
	font-size: .8em;
	background-color: #ffffff;
	color: #4C4C4C;
	font-weight: bold;
	width:165px;
	height:15px;
	border: 1px solid #686969;   
  
   
   }
   .tx-srlanguagemenu-pi1 fieldset option.tx-srlanguagemenu-pi1-option-0 { }








#impressum {
	position:absolute;
	left:23px;
	top:146px;
	text-decoration:none;
	font-size: 10px;
	color:#2E4A5C;
	}


#sitemap {
	position:absolute;
	left:23px;
	top:161px;
	text-decoration:none;
	font-size: 10px;
	color:#2E4A5C;
	}

#loginbox {
	position:absolute;
	left:14px;
	top:181px;
	}


/* default styles for extension "tx_loginboxmacmade_pi1" */
		
		
		.tx-loginboxmacmade-pi2 {
		border:none,
		}
		
		
		.tx-loginboxmacmade-pi1 .tx-loginboxmacmade-pi1-error {
			color: #FF0000;
		}
		.tx-loginboxmacmade-pi1 TABLE.tx-loginboxmacmade-pi1-loginTable {
			margin-top: 2px;
			margin-bottom: 1px;
			border-collapse: collapse;
		}
		.tx-loginboxmacmade-pi1 TABLE.tx-loginboxmacmade-pi1-loginTable TD {
			border: solid 1px #ffffff;
			background-color: #ffffff;
			padding: 5px;
		}
		.tx-loginboxmacmade-pi1 TABLE.tx-loginboxmacmade-pi1-loginTable TD.tx-loginboxmacmade-pi1-labelCell {
			border: solid 1px #ffffff;
			background-color: #ffffff;
		}
		
		.tx-loginboxmacmade-pi1-logout  {
		margin: 10px 0px 10px 0px;
		font-size: 9px;
		}
		
		.tx-loginboxmacmade-pi1-forgotpasswordLink {
		margin: 10px 0px 10px 0px;
		font-size: 9px;
		text-decoration:none;
		}
		
	.loginfeld {
	height:11px;
	margin-bottom:6px;
	font-size:9px;
	border:1px solid #676766;
	color:#3E5B6D;
		}
		
    .loginbutton {
	background-color:#CCD2D0;
	font-size:9px;
	}



#suche {
	position:absolute;
	left:14px;
	top:207px;
	}
	
	
	
.suchfeld {
	width: 142px;
	height:11px;
	font-size:9px;
	border:1px solid #676766;
	color:#3E5B6D;
	
}


.lupe {
	border:none;
	padding-left: 7px;
	margin: 0px;
	background-color:#CCD2D0;
}
	
	
#adresse {
	position:absolute;
	left:745px;
	top:120px;
	}




#rootline {
	position:absolute;
	left:217px;
	top:253px;
	font-size: 10px;
	color:#2E4A5C;
}



#rootline a:link, #rootline a:visited, #rootline a:active  {
color:#004798;
}

#rootline a:hover {
color:#0182A9;
text-decoration:underline;

}



#mainnavi {
position:absolute; 
top:0px;
left:0px;
}


#mainpunkt {
position:absolute; 
top:300px;
left:13px;
width:181px;
height:24px;
padding-left:9px;
padding-top:6px;
color:#01648D;
font-size:80%;
font-weight:bold;
background-image:url(../pics/active_back.jpg);
background-repeat:no-repeat;
}

#mainpunkt a:link, #mainpunkt a:visited {
color:#01648D;
text-decoration:none;
}

.hauptpunkt a:link, .hauptpunk a:hover {
	color:#01648D;
	text-decoration:none;
	font-weight: bold;
}

#navigation {
position:absolute; 
top:295px;
left:8px;
width:211px;
font-size:85%;
}


#linker_content {
position:absolute; 
top:279px;
left:8px;
width:211px;
}

#linker_content p {
margin-left:19px;
margin-right:2px;
padding-bottom:10px;
font-size: 0.8em;
color:#2E4A5C;
}





#aktuell {
	color: #0B71CB;
	display: block;
	position:absolute;
	top:67px;
	left:2px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #E6E7E7;
	background-image: url(../navipics/level1_on.jpg);
	padding-left: 7px;
	width:191px;
	padding-top: 2px;
	padding-bottom: 2px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #E6E7E7;
	font-size: 14px;
}





/* Formatierung der Fu�zeile */


/* ######################################################################################################
** ### Formatierung der Inhaltsspalten ##################################################################
** ######################################################################################################
*/
#main { padding-top: 0; } 






/* Festlegung der Layoutbreite und Zentrierung*/
#page_margins { 
	width:965px;
	_height:100%;
	height:100%;
	position:absolute;
	top:0px;
	left:0px;

}

/* Korrektur von Randabst�nden */
#main { margin: 0; padding: 0; }

#footer {
	position:relative;
	margin-left:14px;

 }


.footertext {
}

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







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

}

#col1_content { margin-left: 1em; margin-right: 1em; background:inherit; }


/* rechte Spalte*/
#col2 {
	width: 220px;
	margin-top: 8px;
	margin-right: 0px;
	color:#2E4A5C;
}
#col2_content {
	margin-left: 0px;
	margin-right: 10px;
	color:#2E4A5C;
 }


#col2 p {
margin-left:19px;
margin-right:2px;
padding-bottom:10px;
font-size: 0.8em;
color:#2E4A5C;
}

/* mittlere Spalte */
#col3
{
margin-left: 232px; 
/*margin-right: 239px;*/
_display:inline;
float:left;
width:494px;
}

#col3_content { margin-left: 10px; margin-right: 10px; }



/* Maps */
.tx-mlmaps-pi1 {
border: 0px;
background-color: #FFFFFF;
}

.mapbackground {
	background-color: #FFFFFF;
}

.marker-layer {
	border: 1px solid #666666;
	background-color: #FFFFFF;
}

#bottom{clear:both;}

}