@media all
{


html 	{	height:100%;
			scrollbar-track-color:#FCFCFC;
			scrollbar-arrow-color:#000;
			scrollbar-base-color:#FCFCFC;
			scrollbar-darkshadow-color:#003399;
			scrollbar-face-color:#D9E1F3;
			scrollbar-highlight-color:#fff;
			scrollbar-shadow-color:#000;
} 



body		{ 
			margin-top: 0px;
			min-height: 101%;	
			position: relative;      
			text-align: center;
			padding: 0px;
			background-color:#ffffff;	
		} 

* 		{	margin:0; padding:0px; border:0px;
		}
/* ######################################################################################################
** ### DIV-INTRO ###################################################################
** ######################################################################################################
*/
#fullsize {
	position: relative;
	width: 850px;
	height: 700px;
	border: 0;
	z-index: 2;	
}

.introImage {
	position:relative;
	top:0;
	left:0;
	width:850px;
}

.introImage img
{
    display: block;
}


/* ######################################################################################################
** ### DIV-Container des Basislayouts ###################################################################
** ######################################################################################################
*/
#page_margins 
		{	width:850px; 
			text-align: left;
			margin-left: auto;
		 	margin-right: auto;
			max-width:inherit;  /* min-width für fixes Layout abschalten */
			min-width:inherit;  /* max-width für fixes Layout abschalten */			
		}


/*im main container liegen die inhaltsspalten col1, col2 und col3 und der blaue hintergrund für col2, der so bis zum unteren rand läuft*/
#main 	{	clear:both; width: 100%;
			z-index: 10;
			margin: 0px;
			padding: 0px;
			float:left;
			background-color:transparent;
			background-image: url('bg_main.gif');
			background-repeat: repeat-y;
			background-position: right;
}


/*rechte Marginalspalte, breite 160px, Hintergrundfarbe hellblau*/
#col1 	{
			float: left;
			width: 200px;
			background-color: #fff;
}

/*rechte Marginalspalte, breite 160px, Hintergrundfarbe hellblau wird durch bg bild im main erzeugt, daher hier transparenter hintergrund*/
#col2 	{
			float:right; 
			width: 160px;
			background-color: transparent;
		}
		
/*Bild mit Rahmen in rechter Marginalspalte, rechts davon darf kein Text stehen, unterhalb mit Abstand von 5 px*/
#col2 	img 	{position:relative; float:left; margin: 0 120px 5px 0px; /*padding: 2px; background-color: #D9E1F3; border: 1px solid #9F9F9F;*/}


/*content spalte in der mitte, ränder für die marginalspalten */
#col3
		{
			width:auto;
   			margin-left: 200px;
   			margin-right: 160px;
		}


/* Hides from IE5-mac */


* html #col3 {height: 1%;}


/* End hide from IE5-mac */


/* Der z-Index verhindert, dass im Falle des noch bestehenden IE-Bugs die Texte vor ** dem Spaltenhintergrund erscheinen. */
		#header {z-index: 9;}
		#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, #col2, #col3,#col1_content, #col2_content, #col3_content {position: relative; }

#footer 	{ 	clear:both; width:auto; }


/* ######################################################################################################
** ### Markupfreie CSS-Floatclearing-Lösungen ###########################################################
** ######################################################################################################
*/

/* Clearfix-Methode zum Clearen der Float-Umgebungen */
		.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
		.clearfix {display: block;}
		.floatbox { overflow:hidden; }
		.clearer {clear:both;}
		
		
/*auszeichnung nur für IE6*/

#col1 .clearfix{
 _padding:0px;
 _margin: 0px;
 _width:160px;

}	


		
		
		hr.clear_columns
			{	
				content: "."; 
				display: block;  
				height: 0; 
				line-height: 0px; 
				clear: both; 
				float: left; 
				visibility: hidden; 
				border: 0; 
				padding: 0;
				margin: -2em 0 0 0; 
			}



/* Formatierung der Kopfbereiches */

#header 	{
			position:relative; 
			color: #003399; 
			border-top: 20px solid; 
		/*	border-bottom: 1px solid; */
			background: #fff; 
			background: transparent url('bg_header.gif') repeat-x  bottom left;
		}
		
/*hoher z-index, damit es nicht von der naviagtionsebene überdeckt wird und damit bereichsweise nicht anklickbar würde*/		
#logoimg 	{	position: absolute; 
				margin-top: -12px;
				z-index:300;
		}

#headerimg {
			position: relative; 
			float:right;
			padding:0px;
			margin:0px;
			boder:0px;
			display:inline;
		}





/* Formatierung der Fußzeile */
#footer 	{
			color: #003399; 
			background: #fff; 
			margin-bottom:25px;
			padding: 0 0 10px 0;
			line-height: 2em;
			border-top: 1px solid #003399;
		}
		
		
		

/* Formatierung der Verbindungsauskunft */
#verbindungsauskunft 
		{	position:relative;
			width: 190px;
			float: left;
			padding: 0px 5px;
			z-index: 9999;
		}

#verbindungsauskunft input {width: 120px;}
#verbindungsauskunft input.suche {width: 55px; margin-left: 7px; color: #fff; background-color: #003399;}
#verbindungsauskunft input.small {width: 55px;}
#verbindungsauskunft {font-size: 0.9em; color: #000;}



/* ######################################################################################################
** ### Formatierung der drei Inhaltsspalten #############################################################
** ######################################################################################################
*/
#main { color: #000; }

/* linke Spalte, Abstand der Textblöcke zueinander und zu den Rändern */	
#col1_content {	padding-top:1.5em; margin-left: 0.5em; margin-right: 1em; color: #444; background:inherit; }

/* Rechte Spalte, Abstand der Textblöcke zueinander und zu den Rändern, angabe in px, um bildmargin rechts auf 100px anzulegen, damit daneben keine headline stehen kann */
#col2_content {	padding-top:25px; margin-left: 10px; margin-right: 10px; padding-bottom:0.5em; }

/* Mittlere Spalte, Abstand der Textblöcke zueinander und zu den Rändern */
.col3_content { padding-top:1.5em; padding-bottom:2em; margin-left: 1em; margin-right: 1em;}



/* ######################################################################################################
** ### Formatierung der Druckansicht ####################################################################
** ######################################################################################################
*/

#druck #main{background-image:none; width:650px;}
#druck #main #col3{padding:0; margin:0; background-color:#fff;}
#druck #main #col3 #logodruck{width:100%; padding:1em 0; margin-bottom:3em; float:left; border-bottom:1px solid #999;}
#druck #main #teaser{float:left; padding-left:1em; font-size:0.85em;}
#druck #main #teaser ul li{list-style:none; padding-left:0.5em;}
#druck #main #impressum{float:right; margin-right:1em; font-size:0.85em;}

}