@charset "iso-8859-2";
body  {
    	font: 100% Verdana, Arial, Helvetica, sans-serif;
    	background: #fff;
		background-image:url(iwbio-bilder/iwbio-bg-px-body.gif);
		background-repeat:repeat-x;
    	margin: 0; /* Es empfiehlt sich, margin (Rand) und padding (Auffüllung) des Body-Elements auf 0 einzustellen, um unterschiedlichen Browser-Standardeinstellungen Rechnung zu tragen. */
    	padding: 0;
    	text-align: center; /* Hierdurch wird der Container in IE 5*-Browsern zentriert. Dem Text wird dann im #container-Selektor die Standardausrichtung left (links) zugewiesen. */
    	color: #fff;
    }
	
	h1 {
		margin:0;
		padding:0;
		font-size:16px;
		font-weight:bold;
		line-height:30px;
	}
	
    #header {
		height: 249px; 
    }
	#balken_weiss {
		background-color: #FFFFFF;
		height: 30px;
	}
    #container {
    	width: 1070px; 
		height:590px;
		background-image: url(iwbio-bilder/iwbio-bg-px-container-blau.gif);
		background-repeat:repeat-y;
		text-align:left;
    }
    #container2 {
    	width: 820px; 
		height: 590px;
		background-color:#000f2c;
		text-align:left;
		overflow:hidden;
    }
	#navifeld {
		float:left;
		width:250px;
		height:155px;
		padding-top:65px;
	}
	#logo {
		float:left;
		width:260px;
		height:220px;
	}
	#bild_mitte {
		float:left;
		width:560px;
		height:220px;
	}
    #sidebar1 {
    	float: left; 
    	width: 250px; 
		height:545px;
		background-image: url(iwbio-bilder/iwbio-bg-px-navi-blau.gif);
		background-repeat:repeat-y;    
	}
    #sidebar2 {
    	float: left; 
    	width: 210px; 
		height:370px;
    	background: #fff;
    }
    #unternavigation {
    	float: left; 
    	width: 155px;
		height:310px;
		overflow: hidden;
		padding: 10px 0 0 95px; 
    }
    #mainContent {
    	float: left; 
    	width: 440px; 
		height:340px;
		overflow:auto;
		padding: 30px 50px 0 70px;
    }
	#zusatznavi_rechts {
		height: 13px;
		width: 200px;
		margin-top:65px;
		padding: 7px 0 0 10px;
		color:#000f2c;
		font-size:11px;
	}
	#back {
		float:right;
	} 
    #footer { 
		height:15px;
    	background:#fff;
    }
    
    /* Verschiedene wieder verwertbare Klassen */
	.back {
		font-size:10px;
		color:#999999;
		text-decoration:none;
	}
	.navigation {
		width:190px;
		height:18px;
		display:block;
		padding-left:60px;
		padding-top:5px;
		font-size:12px;
	}
	.navigation_an {
		width:190px;
		height:17px;
		display:block;
		border-bottom:1px #FFF solid;
		color:#fff;
		text-decoration:none;
		padding-left:60px;
		padding-top:5px;
		font-size:12px;
	}
	a.navigation:link {
		display:block;
		color:#fff;
		text-decoration:none;
	}
	a.navigation:visited {
		display:block;
		color:#fff;
		text-decoration:none;
	}
	a.navigation:hover {
		height:17px;
		display:block;
		border-bottom:1px #FFF solid;
		color:#fff;
		text-decoration:none;
	}
	a.navigation:active {
		display:block;
		color:#fff;
		text-decoration:none;
	}
	.unternavigation_links {
		height:20px;
		display:block;
		padding-left:60px;
		font-size:12px;
	}
	a.unternavigation_links:link {
		display:block;
		color:#fff;
		text-decoration:none;
	}
	a.unternavigation_links:visited {
		display:block;
		color:#fff;
		text-decoration:none;
	}
	a.unternavigation_links:hover {
		display:block;
		color:#fff;
		text-decoration:none;
	}
	a.unternavigation_links:active {
		display:block;
		color:#fff;
		text-decoration:none;
	}
	.unternavigation_rechts {
		color:#000f2c;
		font-size:11px;
	}
	a.unternavigation_rechts:link {
		color:#000f2c;
		text-decoration:none;
	}
	a.unternavigation_rechts:visited {
		color:#000f2c;
		text-decoration:none;
	}
	a.unternavigation_rechts:hover {
		color:#000f2c;
		text-decoration:none;
	}
	a.unternavigation_rechts:active {
		color:#000f2c;
		text-decoration:none;
	}
	.logos {
		float:left;
		padding-right:10px;
	}
	.fliesstext {
		font-size:11px;
		line-height:16px;
		text-decoration:none;
	}
	a.fliesstext:link {
		color:#fff;
	}
	a.fliesstext:visited {
		color:#fff;
	}
	a.fliesstext:hover {
		color:#fff;
	}
	a.fliesstext:active {
		color:#fff;
	}
		
    .fltrt { /* Mit dieser Klasse können Sie ein Element auf der Seite nach rechts fließen lassen. Das floatende Element muss vor dem Element stehen, neben dem es auf der Seite erscheinen soll. */
    	float: right;
    	margin-left: 8px;
    }
    .fltlft { /* Mit dieser Klasse können Sie ein Element auf der Seite nach links fließen lassen. */
    	float: left;
    	margin-right: 8px;
    }
    .clearfloat { /* Diese Klasse sollte in einem div- oder break-Element platziert werden und das letzte Element vor dem Schließen eines Containers sein, der wiederum einen vollständigen Float enthalten sollte. */
    	clear:both;
        height:0;
        font-size: 1px;
        line-height: 0px;
    }