body {
	margin:0;
	padding:0;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:14px;
	text-align:center; 
	background-image:url(../images/bg-verlauf.jpg);
	background-repeat:repeat-x;
	background-color: #707070;
	color:#3b3a3b;
}

.layer #container {
    	width: 950;
    	background: #3E3D40;
    	margin: 0 auto; /* Durch automatische Ränder (in Verbindung mit einer Breite) wird die Seite zentriert. */
    	border: 1px solid #3E3D40;
    	text-align: left; /* Hierdurch wird die Einstellung text-align: center im Body-Element überschrieben. */
}

.layer #headimg { 
		padding: 0 0px;  /* 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 Aufüllung entfernen. */
		height:100px;
} 

.layer #header h1 {
    	margin: 0; /* Wenn Sie den Rand des letzten Elements im #header-div auf 0 einstellen, können Sie das Auftreten unerwarteter Abstände zwischen divs vermeiden. Wenn das div einen Rahmen hat, ist dies unnötig, weil dieser Rahmen die gleiche Wirkung hat. */
    	padding: 10px 0; /* Durch die Verwendung der Auffüllung anstelle von Rändern lässt sich gewährleisten, dass das Element die Kanten des div nicht berührt. */
}
	
.layer #navi { /* nur fuer moderne Browser ---für alle browser! */
		height:29px;
		line-height:29px;
		background-color:#ED7902;
		border-bottom:1px solid #3e3d40;
		border-top: 1px solid #FFFFFF;
}

html>body #navi {  /* Mozilla und IE 7 ---nur für neue Browser und überschreibt den oberen aufruf! */
    height:28px;
}

.layer #content {
    	padding: 0 0px; /* padding (Auffüllung) bezeichnet den Innenabstand und margin (Rand) den Außenabstand der div -Box. */
    	background: #CCCCCC;
}


	
.layer #subnav {
	/*padding: 25px 0px;*/
	background-image:url(../images/willkommen-han2.jpg);
	background-repeat:no-repeat;
	background-position: bottom;
	background-color: #CCCCCC;
	width:350px;
	float: left;
    }
	

.layer #inhalt {
	width:597px;
	/*padding-left: 20px;
	padding-right: 15px;*/
	background-color:#E0E0E0; /*hell Grau*/
	border-left:1px solid #3e3d40;
	float: left;

   }   
   
       .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;
    }
 

   
    .layer #footer { 
    	padding: 0 10px; /* Diese Auffüllung entspricht der linksbündigen Ausrichtung der Elemente in den divs, die darunter erscheinen. */
		background-image:url(../images/footer-bg.gif);
		background-repeat:repeat-x;
		text-align:right;
		border-top: 1px solid #3e3d40;
		color:#cccccc;
		font-family: Garamond, "Times New Roman", serif;
		font-size:12px;
		font-weight:bold;
    } 
    .layer #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: 5px 0; /* Durch die Verwendung der Auffüllung bei diesem Element entsteht genau wie bei einem Rand ein Leerraum, aber ohne die potenziellen Abstandsprobleme. */
    }


/*--------------------------Logo oben links-----------------------------------------*/

#log {
	position:relative;
	top:5px;
	left:10px;
	}
	
	
/*--------------------------Name oben rechts-----------------------------------------*/
	
	html>body #name {		 /*Für FF */
	position:relative;
	left:456px;
	top:23px;
	width:401px;
	height:51px;
	background-image: url(../images/Logo_name1.png);
}

* html #name {			/* Für IE 5 und Höher */
	position:relative;
	left:456px;
	top:23px;
	width:401px;
	height:51px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/Logo_name1.png');