@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;  } 
	
	/*
	** 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: relative;
	left:0px;
	/* Vorgabe der Standardfarben und Textausrichtung*/     
		text-align: left;
	margin:0px;
	padding:0px;
	font-size: 0.8em;
	color: #13171e;
	background-color:#e8eeee;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	SCROLLBAR-FACE-COLOR: #04a2ec;
	SCROLLBAR-HIGHLIGHT-COLOR: #ffffff;
	SCROLLBAR-SHADOW-COLOR: #ffffff;
	SCROLLBAR-3DLIGHT-COLOR: #ffffff;
	SCROLLBAR-ARROW-COLOR:  #ffffff;
	SCROLLBAR-TRACK-COLOR: #ffffff;
	SCROLLBAR-DARKSHADOW-COLOR: #ffffff;
	background-image:url(../pics/background.jpg);
	background-position:50% 0%;
	background-repeat:no-repeat;
	} 
	
	
	/* 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;
} 




/* Festlegung der Layoutbreite und Zentrierung*/
#page_margins {
margin-left:auto;
margin-right:auto;
position:relative;
width:1000px;
}


/* Korrektur von Randabst�nden */
#main { margin: 0; padding: 0; }
	
	
	
	
	#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: normal; }
	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 {

overflow:visible;
}



#logo {
	position:absolute;
	left:11px;
	top:13px;
}

#claim {
	position:absolute;
	left:625px;
	top:77px;

}


#headerback {
	position:absolute;
	left:0px;
	top:70px;
	background-image:url(../pics/headerback.gif);
	background-repeat:no-repeat;
	height:157px;
	width:930px;

}


#flashbanner {
	position:absolute;
	left:235px;
	top:150px;
}


#maintext {
	position:absolute;
	left:50px;
	top:130px;
}


#language {
	position:absolute;
	left:885px;
	top:42px;
	height:10px;
	width:120px;
}


#logoprint {
display:none;
}



#suche {
position:absolute;
z-index: 101;
	left:772px;
	top:83px;
	width:214px;
	height:27px;
		background-image:url(../pics/searchback.gif);
	background-repeat:no-repeat;
	background-position: 0px 4px;
	}
	
#suche a:hover {
	color: #16776D;
}

.suchfeld {
	width: 152px;
	height:19px;
	font-size:11px;
	padding-left:7px;
	margin-top:1px;
	padding-top:8px;
	color:#666666;
	border: none;

}


#folder1 {
	position:absolute;
	left:772px;
	top:125px;
	_width:220px;
	font-size: 11px;
	color: #666666;
	}



.lupe{
	border: none;

}
	
#topnavi {
    font-size:12px;
	position:absolute;
	top:0px;
	width:100%;
	color:#000000;
	right:25px;
	padding-top:15px;
	text-align:right;
	text-decoration:none;
	
	}	
	
#topnavi a:link {
	color:#000000;
	text-decoration:none;
}

.topnavi a:active {
	color:#000000;
	text-decoration:none;
	}

.topnavi a {
	color:#000000;
	text-decoration:none;
	}

#topnavi a:hover {
	color:#01713e;
	text-decoration:none;
}	


	
.topnavi {
	color:#01713e;
	}	

#rootline {
	display: block;	
	position:absolute;
	left:231px;
	top:125px;
	font-size: 9px;
	color:#71b338;
	width:550px;
	padding-top:2px;
	padding-left:4px;
	padding-bottom:2px;
}


#rootline a {
color:#71b338;
text-decoration:none;
}

#rootline a:hover {
color:#666666;
text-decoration:underline;
}


#mainnavi {
position:absolute;
top:79px;
width:1047px;
height:39px;
padding-left:10px;
padding-top:3px;
background-image:url(../pics/mainnaviback.gif);
background-repeat:no-repeat;
}

#slideshow {
top:39px;
left:215px;
position:absolute;
}


#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:137px;
	left:7px;
	width:214px;
	float:left;
}


#adresse {
padding-left:2px;
padding-top:8px;
}


#bottom {
	bottom:0px;
	height:48px;
	background-image:url(../pics/bottom_background.gif);
	background-position: center;
	background-repeat:no-repeat;
	overflow:hidden;
	
	
}





/* Formatierung der Fu�zeile */


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


#footer {
	margin:0px;
	position:relative;
	height:30px;
	margin-left:0px;
	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: #000000;
	text-decoration:none;
}
#footer a:hover {
	color: #01713e;
	text-decoration:none;
}


#datum {
	position:absolute;
	color: #3c4f5f;
	/*left:227px;*/
	left:0px;
	bottom:8px;
	font-size: 10px;
	letter-spacing: 1px;
}

#drucken {
	position:absolute;
	bottom:4px;
	/*left:650px;*/
	right:0px;
	font-size: 11px;
}

#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: 0px; background:inherit; margin-bottom:40px!important; }

#col1_content {  }





/* rechte Spalte*/
#col2 {
	width: 219px;
	padding-top:31px;
	margin-right: 0px;
	color:#4D4D4D;
}
#col2_content {	margin-left: 8px; margin-right: 0px; }

#col2 p {
margin-left:0px;
margin-right:3px;
color:#4D4D4D;
padding-left: 7px;
padding-right: 5px;
line-height: 17px;
padding-bottom: 3px;
font-size:95%;


}


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

}



/* mittlere Spalte */
#col3 p {

color: #4d4d4d;
line-height: 17px;
padding-left:8px;
padding-bottom:8px;
padding-right:8px;
}

#col3_content { margin-left: 25px; float:left; width:531px;
padding-bottom:20px;
font-size:95%; 
 }



#zweispalten_col2col3{
	float:left;
	width:775px;
	padding-top:117px;
	padding-left:202px;
	padding-bottom:20px;
}

.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;}



/* Powermail */
	/* Form */
span.powermail_mandatory {
	/* Color of mandatory error message */
	color: red;
}
input.validation-failed,
textarea.validation-failed {
	/* Background color if validation failed */
	background-color: red;
}
div.powermail_mandatory_js {
	/* DIV container of errormessage */
	color: red;
	margin: 3px 0 15px 150px;
}
fieldset.tx-powermail-pi1_fieldset {
	/* Fieldset */
	padding: 10px;
}
fieldset.tx-powermail-pi1_fieldset legend {
	/* legend of Fieldset */
	font-weight: bold;
	color: black;
	margin-top:15px;
}
fieldset.tx-powermail-pi1_fieldset label {
	/* label */
	display: block;
	width: 180px;
	float: left;
	clear: both;
}
fieldset.tx-powermail-pi1_fieldset input.powermail_text,
fieldset.tx-powermail-pi1_fieldset textarea.powermail_textarea,
fieldset.tx-powermail-pi1_fieldset select.powermail_select {
	/* Input and textarea */
	width: 260px;
	margin-left:3px;
}
.powermail_kontaktformular powermail_countryselect {
margin-left:2px;
}


div.tx_powermail_pi1_fieldwrap_html {
	/* DIV container arround every field */
	margin: 7px 0;
}
fieldset.tx-powermail-pi1_fieldset input.powermail_submit {
	/* submit button */
	margin: 0px 0pt 10px 180px;
	font-weight: bold;
}
p.tx_powermail_pi1_fieldwrap_html_checkbox_title,
p.tx_powermail_pi1_fieldwrap_html_radio_title {
	margin: 0;
	padding: 0;
	font-weight: bold;
}


	/* Confirmation */
td.powermail_all_td {
	padding: 3px 10px 3px 0;
}

/* Google Map*/


.tx_lumogooglemaps_pi1_infobox {
padding-left:0px;
padding-right:25px;
padding-bottom:15px;
}



}