@charset "utf-8";
/* CSS Document */

body  {
    	font: 0.7em Verdana, Arial, Helvetica, sans-serif;
    	background: #fff;
    	margin:0px; 
    	padding: 0;
    	text-align: center; 
    	color: #666;
		background: transparent url(images/body-bg.gif) center top no-repeat;
		line-height:1.5em;	
    }
	
h1 { font-size:1em; color:#b55a6c;}

a:link { text-decoration:none; color:#b55a6c;}
a:visited {text-decoration:none; color:#b55a6c;}
a:hover { color:#b55a6c; text-decoration:none;}
a:focus { color:#b55a6c; text-decoration:none;}

p { line-height:1.5em;}
*+html p { line-height:1.3em;}

.title { float:left; width:100px;}


    .wrapper #container { 
    	width: 870px; 
    	background: #FFFFFF;
    	margin:auto; 
		margin-top:40px;  	
    	text-align: left; 
		padding:10px 40px 10px 40px;
    } 
    .wrapper #header { 
    	background: #fff; 
    	padding: 0 0px;  
		} 
    
   .wrapper #sidebar1 {
    	float: left; 
    	width: 270px;
    	background: #d8dec8; 
    	padding: 15px; 
		height:345px;
		
    }
    .wrapper #sidebar2 {
    	float: right; 
    	width: 270px;
    	background: #d8dec8; 
    	padding: 15px;
		height:345px; 
		margin-left:10px;
    }
    
   .wrapper #mainContent {
     	margin: 0px 0px 0px 310px; 
    }
	
	 
    .wrapper #footer { 
    	padding:10px; 
    	background:#fff;
		text-align:right;
    } 
    .wrapper #footer p {
    	margin: 0; /* Wenn Sie die Ränder des ersten Elements in der Fußzeile auf 0 einstellen, können Sie unerwartete Abstände zwischen divs vermeiden. */
    	padding:0px; /* Durch die Verwendung der Auffüllung bei diesem Element entsteht genau wie bei einem Rand ein Leerraum, aber ohne die potenziellen Abstandsprobleme. */
    }
    
    /* 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;
    }
    .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;
    }