@charset "utf-8";

html{font-family: Geneva, Arial, Helvetica, sans-serif}

body  {
		background: #FFFFFF;
    	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: #333333;

    }
    .thrColFixHdr #container { 
    	width: 900px;  /* Mit einer Breite, die 20 Pixel unter der vollen Breite von 800 Pixel liegt, können Sie dem Browser-Chrome Rechnung tragen und gleichzeitig eine horizontale Bildlaufleiste vermeiden. */
    	background: #FFFFFF;
    	margin: 0 auto; /* Durch automatische Ränder (in Verbindung mit einer Breite) wird die Seite zentriert. */
		position: relative;
		top: 15px;
    	text-align: left; /* Hierdurch wird die Einstellung text-align: center im Body-Element aufgehoben. */
    } 
    .thrColFixHdr #header { 
    	padding: 0; 
		margin: 0;
		height: 110px;
		 /* Diese Auffüllung entspricht der linksbündigen Ausrichtung der Elemente in den divs, die darunter erscheinen. Wenn im #header anstelle von Text ein Bild eingesetzt wird, sollten Sie die Auffüllung entfernen. */
    } 
	    

    .thrColFixHdr #mainContent { 
    	margin: 0;
		float: left;
    	width: 475px;
		height: 410px;
		background: #FFFFFF;
    	padding: 0; /* padding (Auffüllung) bezeichnet den Innenabstand und margin (Rand) den AuYenabstand der div -Box. */
    } 
	
    .thrColFixHdr #mainPicture { 
    	margin: 0;
		float: left;
    	width: 425px;
		height: 410px;
		background: #FFFFFF;
		overflow:hidden;
    	padding: 0; /* padding (Auffüllung) bezeichnet den Innenabstand und margin (Rand) den AuYenabstand der div -Box. */
    }
	

	.thrColFixHdr #home {
	    margin: 0;
		padding: 0;
		position: absolute;
		left: 65px;
		top: 40px;
		width: 250px;
		height: 40px;
		z-index: 20;
	}

	.thrColFixHdr #mediaContent {
	    margin: 0;
		padding: 0;
		position: absolute;
		left: 73px;
		top: 227px;
		width: 300px;
		height: 170px;
		z-index: 10;
	}
	
	.thrColFixHdr #mediaZoom {
	    margin: 0;
		padding: 0;
		position: absolute;
		left: 73px;
		top: 205px;
		width: 300px;
		height: 20px;
		z-index: 100;
	}
	
	.thrColFixHdr #mainContent2 { 
    	margin: 0;
		float: left;
    	width: 290px;
		height: 410px;
		background: #FFFFFF;
    	padding: 0; /* padding (Auffüllung) bezeichnet den Innenabstand und margin (Rand) den AuYenabstand der div -Box. */
    } 
	
    .thrColFixHdr #mainPicture2 { 
    	margin: 0;
		float: left;
    	width: 610px;
		height: 410px;
		background: #FFFFFF;
		overflow:hidden;
    	padding: 0; /* padding (Auffüllung) bezeichnet den Innenabstand und margin (Rand) den AuYenabstand der div -Box. */
    }
	
	.thrColFixHdr #mainPicture3 { 
    	margin: 0;
		float: left;
    	width: 900px;
		height: 410px;
		background: #FFFFFF;
		overflow:hidden;
    	padding: 0; /* padding (Auffüllung) bezeichnet den Innenabstand und margin (Rand) den AuYenabstand der div -Box. */
    }
	
    .thrColFixHdr #footer {
	    margin: 0; 
    	padding: 0; /* Diese Auffüllung entspricht der linksbündigen Ausrichtung der Elemente in den divs, die darunter erscheinen. */
		height: 130px;
		background-image: url(../images/nav.gif);
    } 
    .fltrt { /* Mit dieser Klasse können Sie ein Element auf der Seite nach rechts flieYen 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 flieYen lassen. */
    	float: left;
    	margin-right: 8px;
    }
    .clearfloat { /* Diese Klasse sollte in einem div- oder break-Element platziert werden und das letzte Element vor dem SchlieYen eines Containers sein, der wiederum einen vollständigen Float enthalten sollte. */
    	clear:both;
        height:0;
        font-size: 1px;
        line-height: 0px;
    }


	
#mainContent p {font-size: 11px; padding: 20px 80px 0 10px; margin: 0;}
#mainContent ul {font-size: 10pt; padding: 10px 20px 0 50px; margin: 0; line-height: 1.5;}
#mainContent a {color:#3E95AC; text-decoration: none;}
#mainContent .klein {font-size: 9px; padding: 0 20px 0 10px; margin: 0;}
#mainContent a:hover {color:#337C8E;}
#mainContent .text {font-size: 11px; padding: 20px 0 0 10px; margin: 0;}
#mainContent .kruse {font-size: 11px; padding: 20px 0 0 60px; margin: 0;}
#mainContent .koevary {font-size: 11px; padding: 20px 0 0 106px; margin: 0;}
#mainContent table.news {margin: 0; padding: 0;}
#mainContent .news_headline {font-size: 11px; padding: 0 0 0 10px; margin: 0;}
#mainContent .news_text {font-size: 11px; padding: 0 0 0 10px; margin: 0;}
#mainContent .news_pages {font-size: 8pt; padding: 0; margin: 0;}
#mainContent .grün {color:#3E95AC;}

#mediaZoom a {font-size: 9pt; color:#000000; text-decoration: none;}

#mainPicture2 p {font-size: 11px; padding: 20px 90px 0 73px; margin: 0;}
#mainPicture2 table.news {margin: 0; padding: 0;}
#mainPicture2 .news_headline {font-size: 11px; padding: 0 0 0 10px; margin: 0;}
#mainPicture2 .news_text {font-size: 11px; padding: 0 0 0 10px; margin: 0;}
#mainPicture2 .news_pages {font-size: 8pt; padding: 0; margin: 0;}
#mainPicture2 a {color:#3E95AC; text-decoration: none;}
#mainPicture2 a:hover {color:#337C8E;}

#mainPicture p {font-size: 11px; padding: 20px 20px 0 73px; margin: 0;}

#footer p {font-size: 9pt; color:#d4c6ac; padding: 0; margin: 0;}
#footer a {font-size: 9pt; color:#d4c6ac; text-decoration: none;}
#footer a:hover {color:#ffffff;}