body  {
/*Gesamtschriftbündel */
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
/* Hinterggrundfarbe */
background-color: white;
margin-top:25px; /* oberer Rand */
text-align: center; /*mittig */
}

/* DIV umspannt alles */
#wrapper {
width: 780px;
background-color: #CCCCCC;
margin: 0 auto;
border: 3px solid #999999;
text-align: left; /* linksbündig */				
}

/* DIV für Logo */
#header {
height: 80px; /* Höhe */
padding: 5px; /* Füllung */
background-color: #CCCCCC
}

/* Überschrift 1 in diesem Header */
#header h1 {
font-variant: small-caps; /* Kapitälchen */
color: white; /* in weiss */
}

/* DIV für Hauptbereich */
#main {
background-color: white;
padding: 10px; /* Auffüllung */
/* linker Rand 170 Pixel */
margin: 0 0 0 170px;
}


/* DIV für Hauptbereich */
#menu {
float: left; /* schwebt nach links */
width: 160px;
background-color: #CCCCCC  ;
/*li/re. 20, ob./unt. 5px */
padding: 20px 5px;
}
/*========================================
3.Sonstige Styles
==========================================*/
/*das Konktaktformular*/
form {¨
background-color: #eee;
width: 370px; /*Breite des Formulars*/
padding: 20px;
}
label { /*Beschriftung auf eigener Zeile */
display: block;
cursor: pointer; /*Mauszeiger wird zur Hand*/
}
Input#absender,
textarea {
width: 300px;
border: 1px solid #8c8c8c;
margin-bottom: 1em;
}
textarea {
height: 7em;
}
input#absender:focus,
textarea:focus {
background-color: #d9d9d9;
}