@charset "UTF-8";
html {
     margin:0;
     padding:0;
     height:100%;
}

* { margin: 0; padding: 0; }

/* IE 6 */
* html body{
 overflow:auto;
 	 height:100%;

}
/* IE 7 */
* + html body{
 overflow:auto;
 	 height:100%;

}

body  {
    	font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 100.01%;
    	background: #49072b;
    	margin: 0; 
    	padding: 0;
    	color: #e3d1d3;
		font-size:13px;
		letter-spacing:0.2px;
		line-height:1.4em;
		background-image:url(../images/backs/back.jpg);
		background-repeat:repeat-x;
		background-attachment:fixed;
	  overflow-y:scroll;
	 height:100%;
	 font-style:normal;
	 font-weight:normal;
    }
	
	a:active, a:focus {outline: none;}
	
img{
		border: 0;
	outline:0; -moz-outline:0; 
	}

h1 { 
    	color: #e87f2e;
		font-size:14px;
		letter-spacing:0.4px;
		line-height:1.5em;
		font-weight:strong;
		padding-bottom: 5px;
    }    
	
	p { 
padding:5px 0 5px 0;
    }   
	
.orange { 
    	color: #e87f2e;
    }   
	 
	 a, a:visited {
	color: #e3d1d3;
	text-decoration:underline;
}

a:hover, a:focus{
	color: #e87f2e;
	text-decoration:underline;
}
	 

#container { 
    	width: 100%;
    	text-align: left; 
		max-width: 1060px;

    }  
	
#header { 
		height:130px;
    	padding: 40px 0 0 30px;  
    } 

#left {
    	float: left; 
    	width: 220px; 
    	padding: 50px 0 0 40px;
		height:100%;
    }
 #right {
    	float: right; 
    	width: 250px; 
    	padding: 32px 0 0 0;
		height:100%;
}
    

#mainContent {
     	margin: 0 250px 0 280px; /* Der rechte Rand kann in Gevierten (ems) oder Pixel angegeben werden. Durch ihn entsteht der Abstand am rechten Seitenrand. */ 
    	padding: 0 40px 60px 0px; /* Durch die Auffüllung entsteht hier ein Leerraum innerhalb der Box. */
			max-width: 480px;
    } 
	
#mainContent ul {
    	padding: 5px 0 5px 0; /* Durch die Auffüllung entsteht hier ein Leerraum innerhalb der Box. */
    } 	
	
	#mainContent ul li{
    	padding: 3px 0 3px 0; /* Durch die Auffüllung entsteht hier ein Leerraum innerhalb der Box. */
    } 


    
    /* 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;
    }

#start #left {

    position: fixed;
    padding: 0 0 0 40px;
    height: auto;
    bottom: 10px;

}