@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: #262626;

	background-color:#ffffff;

	font-family: Verdana, Helvetica, sans-serif;

	SCROLLBAR-FACE-COLOR: #cccccc;

	SCROLLBAR-HIGHLIGHT-COLOR: #ffffff;

	SCROLLBAR-SHADOW-COLOR: #ffffff;

	SCROLLBAR-3DLIGHT-COLOR: #ffffff;

	SCROLLBAR-ARROW-COLOR:  #ffffff;

	SCROLLBAR-TRACK-COLOR: #ffffff;

	SCROLLBAR-DARKSHADOW-COLOR: #ffffff;

	} 

	

	

	/* 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;

} 


/* Sliderbox Schatten raus*/
.lof-slider_5 .lof-css3 {
    box-shadow: none;
}





/* Festlegung der Layoutbreite und Zentrierung*/

#page_margins {
margin-left:auto;
margin-right:auto;
position:relative;
width:999px;

}





/* Korrektur von Randabst�nden */

#main { margin: 0; padding: 0; }

	

	

	

	

	#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 {

	background-image: url(../pics/header_back.gif);

	background-repeat: no-repeat;

	background-position: 0px 123px;

	height:410px;

}





#titel {

	position:absolute;

	left:20px;

	top:36px;

}







#logo {

	position:absolute;

	left:760px;

	top:52px;

}



#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:39px;

	top:156px;

}



#flashbanner_start {

	position:absolute;

	left:39px;

	top:156px;

}







#maintext {

	position:absolute;

	left:50px;

	top:130px;

}





#language {

	position:absolute;

	left:939px;

	top:42px;

	height:10px;

	width:120px;

}





#logoprint {

display:none;

}







#suche {

position:absolute;

z-index: 101;

	left:772px;

	top:1px;

	width:214px;

	height:27px;

		background-image:url(../pics/searchback.gif);

	background-repeat:no-repeat;

	background-position: 2px 8px;

	}

	

#suche a:hover {

	color: #16776D;

}



.suchfeld {

	width: 176px;

	height:19px;

	font-size:11px;

	padding-left:7px;

	margin-top:1px;

	padding-top:10px;

	color:#666666;

	border: none;



}





#folder1 {

	position:absolute;

	left:772px;

	top:125px;

	_width:220px;

	font-size: 11px;

	color: #666666;

	}







.lupe{

	border: none;



}

	

#topnavi {

	width:220px;

	z-index: 118;

	font-size:11px;

	padding-left:29px;

	position:absolute;

	top:11px;

	left:10px;

	color:#545758;

	text-align:right;

	text-decoration:none;

	

	}	

	

#topnavi a:link {

	color:#545758;

	text-decoration:none;

}



.topnavi a:active {

	color:#992603;

	text-decoration:none;

	}







#topnavi a:hover {

	color:#992603;

	text-decoration:none;

}	





	

.topnavi {

	color:#992603;

	}	



#rootline {

	display: block;	

	position:absolute;

	left:219px;

	top:245px;

	font-size: 9px;

	color:#000000;

	width:550px;

	padding-top:2px;

	padding-left:4px;

	padding-bottom:2px;

}





#rootline a {

color:#cfa70f;

text-decoration:none;

}



#rootline a:hover {

color:#cfa70f;

text-decoration:underline;

}





#mainnavi {

position:absolute;

top:115px;

width:960px;

padding-left:50px;

padding-top:0px;

}



#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 {

	font-size: 95%;

	position:absolute;

	top:440px;

	left:0px;

	width:207px;

	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;

	background-image:url(../pics/footer_line.gif);

	background-repeat:repeat-x;

	margin-top:15px;

	margin-left:4px;

	margin-right:9px;

	background-position: 0px 0px;

 }

 

 #copyright {

 position:absolute;

 top:14px;

 }





/*#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: #61686c;

	text-decoration:none;

}





#datum {

	position:absolute;

	color: #3c4f5f;

	/*left:227px;*/

	left:0px;

	bottom:8px;

	font-size: 10px;

	letter-spacing: 1px;

}



#drucken {

	position:absolute;

	bottom:3px;

	/*left:650px;*/

	right:0px;

	font-size: 11px;

}



#druckbutton{

float:left; 



}

/*#druckbutton{color:#666666; margin-left:10px;}

#druckbutton:hover{color:#16776D;}*/



.footertext {

}



/* ######################################################################################################

** ### Formatierung der Inhaltsspalten ##################################################################

** ######################################################################################################

*/















/* rechte Spalte*/

#col2 {

	width: 215px;

	padding-top:25px;

	margin-right: 0px;

	color:#4B4B4B;

}

#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: 15px;

padding-bottom: 0px;

font-size:85%;



}





/* mittlere Spalte */

#col3  {

	padding-top:20px;



}







/* mittlere Spalte */

#col3 p {

color: #262626;

line-height: 17px;

padding-bottom:0px;

padding-right:8px;

}



#col3_content { margin-left: 15px; float:left; width:508px;

padding-bottom:20px;

font-size:95%; 

 }







#zweispalten_col2col3{

	float:left;

	width:765px;

	padding-top:0px;

	padding-left:228px;

	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;

}





/* Slider Extension*/

#slider ul, #slider li, #slider ul a  {

	list-style: none;

}



#slider ul.navigation a  {

	padding-top: 3px;

	padding-right: 7px;

	padding-bottom: 3px;

	padding-left: 7px;



}





#slider ul.navigation li {

	/*

	border-top-width: 1px;

	border-right-width: 1px;

	border-left-width: 1px;

	border-top-style: dotted;

	border-right-style: dotted;

	border-left-style: dotted;

	border-top-color: #3E3E3E;

	border-right-color: #3E3E3E;

	border-left-color: #3E3E3E;

*/

}





/* rgslideshow Extension  */

#col3 .myGallery {

	display:none;

	height:345px;

	width:500px;

	z-index:5;

	border-top-style: none;

	border-right-style: none;

	border-bottom-style: none;

	border-left-style: none;

}







}




