@charset "UTF-8";
    body  {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #666666;
	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: #000000;
	background-color: #FFFFFF;
    }
    
    /* Tipps für dieses Mischlayout:
    1. Da die in Gevierten (ems) angegebene Größe der seitlichen Spalten auf der Standardschriftgröße des Benutzers basiert, sollten Sie sich vergewissern, dass dies von den Hintergrundgrafiken in den Spalten berücksichtigt wird. Bei korrekter Verwendung hat dieses Layout für Personen, die größere Schriften benötigen, einen höheren Nutzwert, weil die Spaltenbreite proportional bleibt. Sollte dies in Ihrem Design unerwünscht sein, weisen Sie der Breite einfach eine Größe in Pixel zu, und ändern Sie die Ränder des #mainContent-div entsprechend.
    2. Die Größe der seitlichen Spalten in diesem Layout basiert auf der Originalschriftgröße (100%) im Body-Element. Wenn Sie also die Größe der Textzeichen mithilfe der Einstellung font-size: 80% im Body-Element oder im #container global ändern, werden die Spaltenbreiten proportional verringert. Sie sollten die Breite der Spalten und die Größe der seitlichen Ränder des #mainContent-div vergrößern, um hierfür einen Ausgleich zu schaffen.
    3. Wenn Sie in den einzelnen divs unterschiedliche Werte für die Schriftgröße angegeben, anstatt die Schriftgröße im Design global zu ändern (z. B. wenn #sidebar1 die Schriftgröße 70% zugewiesen wird und #mainContent die Größe 85%), so wird die Gesamtgröße der einzelnen divs proportional geändert. Sie sollten anhand der endgültig gewählten Schriftgröße entsprechende Anpassungen vornehmen.
    4. Dem #container-div muss in diesem Layout keine 100%-ige Breite zugewiesen werden. Sie können sie zum Erstellen von Scheinspalten oder zum Einschränken der Breite des Layouts verwenden.
    5. Die Breite des #container-div muss nicht auf 100% eingestellt werden, da ein div grundsätzlich 100% des verfügbaren Platzes einnimmt. Dieser Wert wird hier für den Fall angegeben, dass Sie die Größe des Gesamtcontainers verringern (und eventuell einen schmalen Rand an beiden Seiten lassen) möchten. Sie müssen dann lediglich die gewünschte Anpassung vornehmen.
    */
    .thrColHybHdr #container {
	width: 100%;
	background: #bbc2dc;
	/*margin: 0 auto;  Durch automatische Ränder (in Verbindung mit einer Breite) wird die Seite bei Bedarf zentriert. */
    	text-align: left; /* Hierdurch wird die Einstellung text-align: center im Body-Element überschrieben. */
    }  
.thrColHybHdr #containerstart {
	width: 100%;
	background: #bbc2dc;
	/*margin: 0 auto;  Durch automatische Ränder (in Verbindung mit einer Breite) wird die Seite bei Bedarf zentriert. */
    	text-align: left; /* Hierdurch wird die Einstellung text-align: center im Body-Element überschrieben. */
}
    .thrColHybHdr #header {
	background: #DDDDDD;  /* 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. */
	background-image: url(../grafik/surface/titel_hintergrund.jpg);
    } 
.thrColHybHdr #headerstart {
	background-color: #009AAE;
}
.thrColHybHdr   #Textbereich {
	position: relative; /* Durch Hinzufügen von position: relative können Sie die beiden Randleisten im Verhältnis zu diesem Container positionieren. */
	width: 600px;  /* 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; /* Durch automatische Ränder (in Verbindung mit einer Breite) wird die Seite zentriert. */
	border: 0px solid #000000;
	text-align: left; /* Hierdurch wird die Einstellung text-align: center im Body-Element überschrieben. */
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	height: 800px;
	background-color: #e3ecef;
	top: 0;
    } 
    .thrColHybHdr #footer {
	padding: 0 10px; /* Diese Auffüllung entspricht der linksbündigen Ausrichtung der Elemente in den divs, die darunter erscheinen. */
	background:#009aae;
    } 
#scrollabdeckung {
	position:absolute;
	left:135px;
	top:1034px;
	width:621px;
	height:40px;
	z-index:1;
	background-color: #FFFFFF;
}
#scrollabdeckung_aboutus {
	position:absolute;
	left:135px;
	top:1034px;
	width:621px;
	height:40px;
	z-index:1;
	background-color: #FFFFFF;
}