@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;  } 
	
	/*
	** 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%;} 
	
	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; 
	
	/* Vorgabe der Standardfarben und Textausrichtung*/     
		color: #000;
		text-align: left; 
	background-image:url(../pics/navibackground.gif);
    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; }
	
	
	#col1 {
		float: left;
		width: 230px; /* Standard-Wert, falls keine anderen Vorgaben gemacht werden */
		_display:inline;
	}
	
	#col2 {
		float:right; 
		width: 200px; /* Standard-Wert, falls keine anderen Vorgaben gemacht werden */
		_display:inline;
	}
	
	

	#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: 257px;
}


#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:28px;
left:570px;
}

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

}





#flashbanner {
	position:absolute;
	top:89px;
	left:221px;
}



#language {
	position:absolute;
	left:10px;
	top:7px;
	z-index:100000;
	width:250px;
	font-size:10px;
}



#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: .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; }
   .tx-srlanguagemenu-pi1 .CUR a { background-color: transparent; color: #A6C3D1; text-decoration: none; }
   .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;  }
   .tx-srlanguagemenu-pi1 .NO a { background-color:transparent; color: #A6C3D1; text-decoration:none; }
   .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;  }
   .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; 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: 0.8em;
	background-color: #ffffff;
	color: #4C4C4C;
	width:165px;
	border: 1px solid #686969;
	font-weight:normal;
   }
   .tx-srlanguagemenu-pi1 fieldset option.tx-srlanguagemenu-pi1-option-0 { }








#logoprint {
display:none;
}



#suche {
	position:absolute;
	left:230px;
	top:6px;
	font-size:10px;
	color:#666666;
	letter-spacing: 1px;
	}
	
#suche a:hover {
	color: #16776D;
}
	
#topnavi {
	position:absolute;
	right:20px;
	top:6px;
	font-size:10px;
	color:#666666;
	letter-spacing: 1px;
	text-align:right
	}	
	
	
	


#rootline {
	display: block;	
	position:absolute;
	left:220px;
	top:226px;
	font-size: 10px;
	color:#16776D;
	background-color:#F2F2F2;
	width:746px;
	padding-top:2px;
	padding-left:4px;
	padding-bottom:2px;
}


#rootline a {
color: #16776D;
}

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


#mainnavi {
position:absolute; 
top:66px;
left:219px;
}


#mainpunkt {
position:absolute; 
top:89px;
left:11px;
width:206px;
height:22px;
padding-left:6px;
padding-top:4px;
color:#ffffff;
font-size:100%;
font-weight:bold;
background-image:url(../pics/active_back.gif);
background-repeat:no-repeat;
}

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

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

#navigation {
position:absolute; 
top:113px;
left:10px;
width:209px;
font-size:90%;
float:left;
position:relative;
top:-140px;
padding:0px; margin:0px;
margin-bottom:-100px;
}

#aktuell {
	color: #0B71CB;
	display: block;
	position:absolute;
	top:1px;
	left:4px;
	padding-left: 7px;
	width:190px;
	_width:190px;
	padding-top: 2px;
	padding-bottom: 2px;
	font-size: 90%;
}



#bottom {
	position:absolute;
	bottom:0px;
	left:10px;
	width:630px;
	padding-left:320px;
	padding-top:4px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #7A7A7A;
	font-size:11px;
	letter-spacing: 1pt;	
}


/* Formatierung der Fu�zeile */


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






/* Festlegung der Layoutbreite und Zentrierung*/
#page_margins {
	width:985px;
	_width:995px;
	_height:100%;
	position:relative;
	background-repeat: no-repeat;
	left:0px;
	top:0px;
	min-height:1px;
}

/* Korrektur von Randabst�nden */
#main { margin: 0; padding: 0; min-height:1px; }

#footer {
	position:relative;
	width:522px;
	height:60px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #7A7A7A;
	margin-top:15px;
	margin-left:7px;

 }


.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;
	margin-right: 4px;
}
#col2_content {	margin-left: 10px; margin-right: 10px; }

#col2 p {
margin-left:0px;
margin-right:5px;
margin-top:3px;
padding-bottom:15px;
font-size: 0.9em;
color: #666666;
padding-left: 6px;
padding-right: 4px;
padding-top: 3px;
line-height: 15px;
padding-bottom: 1px;


}


/* mittlere Spalte */
#col3  {
/*margin-left: 215px; 
margin-right: 223px;*/
}



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

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



#zweispalten_col2col3{ float:right; width:760px; _width:770px; margin:0px; padding:0px; _margin-right:2px; min-height:1px;}
.cleargif{font-size:1px; line-height:1px; margin:0px!important; padding:0px!important; clear:both!important; float:none!important; display:block; overflow:hidden;}


#languagemenu,
#languagemenu ul,
#languagemenu li{margin:0px; padding:0px; list-style:none; display:inline; z-index:99999; }
#languagemenu li a,
#languagemenu li span{
	width:74px;
	line-height:14px;
	cursor:pointer;
	font-size:95%;
	font:Verdana, Arial, Helvetica, sans-serif;
	letter-spacing: 0px;
}
#languagemenu a{background:#F2F2F2; display:block; padding:2px 5px; border-left:1px solid #666666;border-right:1px solid #666666; color:#000!important; z-index:99999!important;}
#languagemenu li.borderbottom a{border-bottom:1px solid #666666;}
#languagemenu li.bordertop a{border-top:1px solid #666666;}
#languagemenu ul.languagemenu3 a{border-right:0px;}
#languagemenu li a{line-height:14px;}

#languagemenu li span{border:1px solid #666666; padding:1px 5px 1px 5px; display:block; font-size:95%; width:74px; background: #fff url(/fileadmin/template/pics/langmenu.gif) no-repeat right center;}

#languagemenu ul{position:absolute; top:-900px; z-index:999999!important;}
#languagemenu li:hover ul,
#languagemenu li.sfhover ul{top:auto;}
#languagemenu li ul ul{top:-900px!important; left:-94px; margin-top:-18px;}
#languagemenu li ul ul li a{width:84px;}
#languagemenu li ul li:hover ul,
#languagemenu li ul li.sfhover ul{top:auto!important;}

#language a:hover{background:#F2F2F2!important; color:#16776D!important;}
#language li li:hover a,
#language li li.sfhover a{background:#666666; color:#fff!important;}
#language li li:hover li a,
#language li li.sfhover li a{background:#F2F2F2; color:#000!important;}
#language li ul li ul li a:hover{color:#fff!important;}

/* countrymenu begin */
#languagemenu,#countrymenu{float:left;}
#countrymenu,
#countrymenu ul,
#countrymenu li{margin:0px; padding:0px; list-style:none; display:inline; z-index:99999; }
#countrymenu li a,
#countrymenu li span{
	width:94px;
	line-height:14px;
	cursor:pointer;
	font-size:95%;
	font:Verdana, Arial, Helvetica, sans-serif;
	letter-spacing: 0px;
}
#countrymenu a{background:#F2F2F2; display:block; padding:2px 5px; border-left:1px solid #666666;border-right:1px solid #666666; color:#000!important; z-index:99999!important;}
#countrymenu a.last{border-bottom:1px solid #666;}
#countrymenu li.borderbottom a{border-bottom:1px solid #666666;}
#countrymenu li.bordertop a{border-top:1px solid #666666;}
#countrymenu li.bordertop a{border-top:1px solid #666666;}
/*#countrymenu ul.languagemenu3 a{border-right:0px;}*/
#countrymenu li a{line-height:14px;}

#countrymenu li span{border:1px solid #666666; padding:1px 5px 1px 5px; display:block; font-size:95%; width:94px; background: #fff url(/fileadmin/template/pics/langmenu.gif) no-repeat right center;}

#countrymenu ul{position:absolute; top:-900px; z-index:999999!important;}
#countrymenu li:hover ul,
#countrymenu li.sfhover ul{top:auto;}
#countrymenu li ul ul{top:-900px!important; left:105px; margin-top:-18px;}
#countrymenu li ul ul li a{width:91px;}
#countrymenu li ul li:hover ul,
#countrymenu li ul li.sfhover ul{top:auto!important;}
/* countrymenu end */

#druckbutton{float:right; padding-left:15px; background:url(/fileadmin/template/pics/drucken.gif) no-repeat left center;}
#druckbutton:hover{background:url(/fileadmin/template/pics/drucken_hover.gif) no-repeat left center;}
/*#druckbutton{color:#666666; margin-left:10px;}
#druckbutton:hover{color:#16776D;}*/


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



.countryzwischenseite{border:1px solid #16776C; background:#fff; padding:10px; position:absolute; left:210px; top:87px; width:530px; z-index:10000000;}


#col3_innen .csc-frame{width:525px;}

.sprache_cad a,
.sprache_cad{color:#000;}
.sprache_cad a:hover,
.sprache_cad a:active,
.sprache_cad a:focus{text-decoration:underline;}
}