body {font-size:76%; font-family:"trebuchet MS", verdana, arial, sans-serif; background:#c0c0c0;}
#logo { background-position:50% top; position:relative; background-image: none; width: 780px; height: 125px; }
 
#minMax {min-width:700px; max-width:1000px; margin:0 auto; background:#e0e0e0;}
 
#header {background:#CC3333;}
/* outer1 Links */ 
#outer1 { background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; float:left; width:20%; }
/* outer2 Mitte links */
#outer2 {float:left; width:15%; background:#c0c0c0;}
/* outer3 Mitte Mitte */
#outer3 {float:left; width:60%;} /* bei verwendung von 3 spalten wieder auf 30% setzen*/
/* outer4 Mitte rechts */
#outer4 {float:right; width:15%; background:#d0d0d0;}
/* outer5 Rechts */
#outer5 { background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; float:right; width:20%; }
#outer1, #outer2, #outer3, #outer4, #outer5 {padding-bottom:32767px; margin-bottom:-32767px;}
 
#wrapper {overflow:hidden;}
/* topbar Mitte oben */ 
#topbar { background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; width:60%; float:left; }
#topbar2 { background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; width:80%; float:left; }
#footer {clear:both; background:#808080;}
 
h1 { font-family: Arial, Verdana; font-size:20px; font-weight:bold; margin:0; color:#000; padding-top: 0; padding-left: 0px; }
h2 { font-family: Arial, Verdana; font-size:16px; font-weight:bold; margin:0; color:#000; padding-top: 0; padding-left: 0px; }
h3 { font-family: Arial, Verdana; font-size:12px; font-weight:bold; margin:0; color:#000; padding-top: 0; padding-left: 0px; }
h6 { font-family: Arial, Verdana; font-size: 8px; font-weight:bold; margin:0; color:#000; padding-top: 0; padding-left: 0px; }

.content {padding:10px;}
p {font-size:12px; line-height:1.5em; margin:0; padding:5px 0;}
#footer p,
#header p {color:#fff;}
#footer a {color:#fff;}
#footer a:hover {text-decoration:none;}
 
<!--[if lte IE 7]>
<style type="text/css">
/* hack to compensate for IE and percentage widths rounding errors */
#topbar {width:60.6%;}
/*#outer3 {width:29.8%;}*/ /*bei 3 Mittelspalten zurück ändern */
#outer3 {width:60.6%;}
#outer5 {width:19.2%;}
/* for IE6 */
* html #wrapper {display:inline-block;}
* html #minMax {width: expression(document.body.clientWidth < 702? "700px" : document.body.clientWidth > 1102? "1100px" : "auto");}

<![endif]-->


.logo {
position:relative;
float:left;
margin:0 20px 0 0;
padding:25 0 0 0;
}