body  {
    	font: 75% Arial, Helvetica, sans-serif;    	
    	margin: 0; 
    	padding: 0;
    	text-align: center; 
    	color: #fff;
		margin-top:40px;		
	}	
	
    #container { 
    	width: 950px;      	
    	margin: 0 auto; 
    	text-align: left;
		background-color:#333;		
    } 
   #header {     	
    	padding:0px;
		height:120px; 
		background-color:#993;
		border-bottom:1px solid #fff;
    }
	#header img { margin-top:30px; margin-left:30px;}
	
	
	 #pics {     	
    	padding:0px;
		height:200px;
		background-color:#993;
		border-bottom:1px solid #fff;
    }
	
     
    
	#menue { width:240px;  margin-top:40px; margin-left:30px; line-height:1.2em; float:left;}
	*html #menue { line-height:0.7em;margin-top:40px; float:left;}
	*+html #menue { margin-top:40px; float:left;}
	
	#menue ul {
	list-style: none;
	margin:0px;
	padding: 0;
	border: none;
	}
	#menue ul li {
	margin: 0px;
	padding:0px;
	}
	#menue li a {
	margin: 0;display: block;padding: 3px 2px 3px 10px;color: #fff;text-decoration: none;
	}

	#menue li a.active { border-left:3px double #fff; padding-left:8px;
	}
	#menue li a:hover {  font-weight:normal; color:#666;}

	#menue ul ul{
	list-style: none;
	margin:0px 0px 0px 90px;
	padding: 0;
	border: none;
	} 
	
	#menue ul ul li a {
	margin: 0;display: block;padding: 3px 2px 3px 10px;color: #666;text-decoration: none;
	}  
	
	#menue ul ul li a.active { color:#fff;}
	#menue ul ul li a:hover {  color:#fff;}    
     
   
   #mainContent { 
    	margin: 0 30px 0 305px; /* Der rechte Rand kann in Prozent oder Pixel angegeben werden. Durch ihn entsteht der Abstand am rechten Seitenrand. */
		min-height:300px;		
    }
	*html #mainContent { height:325px;} 
   
   #mainContent p{ line-height:1.5em;  } 
		
   h1 { font-size:120%; color:#690;}
   h2 { font-size:110%; color:#690;}
   h3 { font-size:100%; color:#690;}
   strong { color:#fff;}
   
   a:link { color: #fff; text-decoration: underline; }
   a:visited {text-decoration:underline;color: #fff;}
   a:hover { text-decoration:underline;}
   a:focus { text-decoration:underline;color: #fff;}
   
   a.active { color: #fff; text-decoration: none; }
   
   hr {height: 1px;border: 0 none; border-top: 1px dotted #ccc;}
   
   #mainContent ol li { line-height:1.5em;}
   
    /* Verschiedene wieder verwertbare Klassen */
    .fltrt { float: right;	margin-left: 8px; }
    .fltlft {float: left; margin-right: 8px; }
	
    .clearfloat { 
    	clear:both;
        height:0;
        font-size: 1px;
        line-height: 0px;
    }
	
	.box-left { width:300px; float:left; margin-top:16px;}
	.box-right { width:250px; float:left; margin-left:50px; margin-top:16px; }
	
	*html .box-left { margin-top:40px;}
	*+html .box-left { margin-top:40px;}
	*html .box-right { margin-top:40px;}
	*+html .box-right { margin-top:40px;}
	
	
	
	.left-title { width:100px; float:left;}	
	 
   
   #footer { 
    	padding: 0 10px; /* Diese Auffüllung entspricht der linksbündigen Ausrichtung der Elemente in den divs, die darunter erscheinen. */
		background-color:#fff;
		color: #333;    	
    } 
   #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: 10px 0; 
    }