@charset "utf-8";
body  {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #52656F;
	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: left;
    }
.twoColLiqLtHdr #container {
	width: 100%;
}
.twoColLiqLtHdr   #container-main-index {
	height: 295px;
	background-repeat: no-repeat;
	background-color: #FFFFFF;
	background-image: url(../contour-mediaservices/augen.jpg);
	padding: 40px 80px 0 40px;
}
.twoColLiqLtHdr /* Tipps für mainContent:
    1. Der Abstand zwischen mainContent und sidebar1 entsteht durch den linken Rand des mainContent-div. Der Spaltenbereich bleibt unabhängig von der Inhaltsmenge des sidebar1-div immer gleich. Sie können diesen linken Rand entfernen, falls der Text des #mainContent-div den Bereich von #sidebar1 füllen soll, wenn der Inhalt in #sidebar1 endet.
    2. Zur Vermeidung von Float-Drops bei einer unterstützten Mindestauflösung von 800 x 600 sollten Elemente im mainContent-div eine Größe von maximal 430 Pixel aufweisen (dies gilt auch für Bilder).
    3. Im unten stehenden bedingten Kommentar für Internet Explorer wird die Zoom-Eigenschaft verwendet, um mainContent die Eigenschaft hasLayout zuzuweisen. Dadurch werden verschiedene IE-spezifische Fehler verhindert.
    */
     #content-leer {
	float: left;
	width: 645px;

    } 

.twoColLiqLtHdr #header {
	padding: 0 80px 0 40px;
	background-image: url(../contour-mediaservices/blende-grey.jpg);
	background-repeat: no-repeat;
	height: 113px;
}



.twoColLiqLtHdr #headergreen {
	background: #96BF0D;
	padding: 0 80px 0 40px;  /* 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. */
	height: 23px;
	background-image: url(../contour-mediaservices/blende-green.jpg);
	background-repeat: no-repeat;
}

.twoColLiqLtHdr #sidebar {
	float: right;
	width: 257px;
}
    .twoColLiqLtHdr #footer {
	padding: 40px 80px 0 40px;
    } 
.twoColLiqLtHdr #footergreen {
	background:#96BF0D;
	height: 4px;
}
.twoColLiqLtHdr #footerweiss {
	background:#FFFFFF;
	height: 2px;
}

    
    /* Verschiedene wieder verwertbare Klassen */
    .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;
    }
.fltlft4col {
	float: left;
	margin-right: 30px;
	width: 20%;
}

    .fltlft { /* Mit dieser Klasse können Sie ein Element auf der Seite nach links fließen lassen. */
	float: left;
	margin-right: 25px;
    }
    .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;
    }
.fltlft50 {
	float: left;
	margin-right: 25px;
	width: 50%;
}
.fltlft40 {
	float: left;
	margin-right: 25px;
	width: 40%;
}
.fltlft30 {
	float: left;
	margin-right: 25px;
	width: 30%;
}
.fltlftwidth {
	float: left;
	margin-right: 20px;
	width: 30%;
}
.fltlft30width {
	float: left;
	margin-right: 20px;
	width: 30%;
}