@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%; 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 */
		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; 
		position:relative;
	} 
	
	/* 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: 250px; /* 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:relative; height: 335px;
background-image:url(../pics/top_background.jpg);
background-repeat:no-repeat;
margin:0px; padding:0px;
}
#_header2{_position:absolute;}




#folder1, #folder2{
	width:155px;
	margin-left:13px;
	margin-top:0px;
	padding-left:10px;
	padding-top:8px;
	padding-bottom:8px;
	color: #999999;
	font-size:80%;
}









.folderheadline {
font-size:100%;
color: #999999;
padding-top:3px;
padding-bottom:4px;
}

#scale {
position:absolute; 
top:80px;
left:15px;

}



#drucken {
font-size:10px;
letter-spacing:1px;
padding-top:5px;
position:absolute;
right:0px;
color:#000000;
}

#drucken a {
color:#000000;
}

#drucken a:hover {
color:#000000;
text-decoration:underline;
}


#topnavi {
	position:absolute;
	top:24px;
	left:24px;
}


#flashbanner {
	position:absolute;
	top:56px;
	left:0px;
}


#banner {
	position:absolute;
	top:56px;
	left:0px;
}



#language {
	position:absolute;
	right:20px;
	top:27px;
	font-weight:normal;

	
}



#logoprint {
display:none;
}



#suche {
	position:absolute;
	right:10px;
	top:19px;
	font-size:10px;
	letter-spacing: 1px;
	}
	
	
	
#suche a:hover {
	color: #16776D;
}
	

	



#mainnavi {
	position:absolute;
	width:934px;
	height:105px;
	top:231px;
	left:0px;
	padding-left:19px;
	background-image:url(../pics/topnavi_back.jpg);
	background-repeat:repeat-x;
}


#mainpunkt {
position:absolute; 
top:339px;
left:39px;
width:193px;
color:#0FBAE5;
font-size:100%;
font-weight:bold;
}

#mainpunkt a:link, #mainpunkt a:visited {
color:#0FBAE5;
text-decoration:none;
}



#navigation {
	/*position:absolute; */
top:27px;
	left:39px;
	width:197px;
	font-size:90%;
	float:left;
	margin-bottom:-100px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	padding-top: 27px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 39px;
}



#bottom {


	left:2px;
	width:973px;
	height:59px;
	padding-top:4px;
	font-size:11px;
	letter-spacing: 1pt;
	background-image:url(../pics/bottom_background.jpg);
	background-repeat:no-repeat;
	position:absolute;
	bottom:0px;
	padding-left:210px
}


/* Formatierung der Fu�zeile */


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






/* Festlegung der Layoutbreite und Zentrierung*/
#page{padding-bottom:10px;}
#page_margins {
	width:968px;
	_height:100%;
 	/*position:relative;*/
	/*background-image:url(../pics/background.jpg);*/
    left:0;
 	/*position:relative;*/
}

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

#footer {
	width:522px;
	height:20px!important;
	margin-top:15px;
	margin-left:7px;
	position:absolute;
	bottom:0px;
 }


.footertext {
}

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

/* linke Spalte*/
#col1 {
}

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

#col1_content {  }





/* rechte Spalte*/
#col2 {
	width: 230px;
	margin-right: 17px;
	_margin-right: 9px;
}
#col2_content {
margin-left: 10px; 
padding-right: 10px; }

#col2 p {
margin-left:10px;
line-height: 150%;
}


/* mittlere Spalte */
#col3  {

}



/* mittlere Spalte */
#col3 p {
font-size: 0.9em;
padding-left: 4px;
padding-right: 0px;
padding-top: 3px;
line-height: 150%;
padding-bottom: 1px;
}

#col3_content {
 margin-left: 0px; 
 float:left; 
 width:430px; 
 }



#zweispalten_col2col3{ float:right;
 width:695px; 
 margin:0px; 
 padding:0px; 
 _margin-right: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_spdirectory-pi1-small {
font-size: 0.9em;
padding-left: 6px;
}


/* ###########  Sitemap ############ */
.tx-sitemap-pi1 dfn {
	/*display:inline;*/
	display:block; float:left; width:50px;
}

.tx-sitemap-pi1 a{
	display:inline;
}


/*sitemap level 1*/
.tx-sitemap-pi1 ul li {
	background-image:none !important;
	margin:0 0 10px 0 !important;
  padding:0 !important;
  list-style-type:none;
}

/*level 1 text indent*/
.tx-sitemap-pi1 ul li a {
	padding-left:20px;
	font-weight:bold;
	display:inline;
	text-decoration:none;
	font-size:1.1em;
	color:#444;
}

/*sitemap level 2*/
.tx-sitemap-pi1 ul li ul li {
	margin:0 !important;
}

/*level 2 text indent*/
.tx-sitemap-pi1 ul li ul li a {
	padding-left:30px;
	font-weight:normal;
	font-size:1.2em;
}

.tx-sitemap-pi1 ul li ul, .tx-thsitemap-pi1 ul li .last{
	margin:0 !important;
	padding:0 !important;
}

/*sitemap level 3*/
.tx-sitemap-pi1 ul li ul li ul li{
	margin:0 !important;
}

/*level 3 text indent*/
.tx-sitemap-pi1 ul li ul li ul li a {
	padding-left:40px;
	font-weight:normal;
	font-size:1.3em;
}




#footer_bottom{
margin:0px 0px 0px 0px; padding:15px 0px; _padding:15px 0px 0px 0px; background:url(/fileadmin/template/pics/footerverlauf.jpg) repeat-y left top; 
color:#fff; _height:1px; position:absolute; 
left:0px; 
bottom:0px; 
width:980px;
}

#footer_bottom a {
color:#FFFFFF;
}



#footer_bottom_containter{
bottom:0px; 
background:url(/fileadmin/template/pics/footerverlauf_2.gif) repeat-y left top; 
padding:0px; 
margin:0px 15px 0px 19px; 
_margin-bottom:15px;  
_height:1px; position:relative;
}
#footer_bottom_left{margin:0px; padding:0px 10px 10px 15px; float:left; width:210px; }
#footer_bottom_center{margin:0px; padding:0px 10px 10px 15px; float:left; width:437px; }
#footer_bottom_right{margin:0px; padding:0px 0px 10px 15px; float:left; width:200px;}
}