/* CSS Document */

/* 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; } 

/* Das zurücksetzen der Innen- und Außenabstände verursacht zu kleine Selectboxen. Dies wird korrigiert */
option {padding-left: 0.4em}

/*
** Die nachfolgenden Angaben entstammen dem Artikel 'Useful Code Snippets' von Mike Foskett
** [http://www.websemantics.co.uk/tutorials/useful_css_snippets/]
*/

/* 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. */
html { height: 100% } 
body { 
	min-height: 101%;	
/* 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;        
	background: #FFFFCC;
	text-align: left; 
} 

/* 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% }




  /* (en) IE-Clearing: Only used in Internet Explorer, switched on in iehacks.css */
  /* (de) IE-Clearing: Benötigt nur der Internet Explorer und über iehacks.css zugeschaltet */
  #ie_clearing { display: none }

 


#container {
width:960px;
margin:0 auto;
}

#page {
padding:0px;
/*background-color: #FFFFFF;*/
}

#header {
position:relative;
width:auto; 
height:145px; 
background: url(../../images/layout/bg_header_start.jpg) no-repeat left top; 
margin-bottom:6px;
}

#logo {
	position:absolute;
	top:20px;
	right:25px;
	height:130px;
	width:182px;
	text-align: right;
	background: url(../../images/layout/F_S_Logo.png) no-repeat right top;
 }

#col_left {
	float: left;
	width:70px;
	height:460px;
	background: #CCCC99 url(../../images/layout/bg_streifen.gif) no-repeat left bottom;

}

#col_right {
position:relative;
	width:auto;
	margin-left:76px;
	height:460px;
	background: #FFFFE6 url(../../images/layout/bg_col_right.jpg) no-repeat left top;
	z-index:100;
}

#bg_content {
	padding-top:30px;
	/*overflow:hidden;*/
	width:auto;
	margin-left:20px;
	min-height:420px;
	height:auto;     
	background: #FFFFE6 url(../../images/layout/kreisbogen_start.gif) no-repeat right top;
	border-bottom: 2px solid #C2DA8B;
	border-left: 2px solid #C2DA8B;
	z-index:200;

}

* html #bg_content { height:420px; }



#content_left {
	width:auto;
	margin-right:375px;
	padding: 0 30px 0px 20px;
	background:transparent;
	z-index:300;
}

#content_right {
	float:right;
	clear:right;
	width:370px;
	background-color:transparent;
	padding:0 0 0 0;
	z-index:400;
}

#bilder_rechts {
	width:auto;
	height:250px;
	overflow:hidden;
	margin:25px 0 20px 0;
	text-align:center;
	border-top:2px solid #C2DA8B;
	border-bottom:2px solid #C2DA8B;
	border-left:2px solid #C2DA8B;
	background-color: #FFFFFF;
}

#sub_nav {
width:auto;
text-align:center;
}