/*
Design Konrad Götz
mit float/clear und möglicht wenigen div-Tags
*/

@import url(defaultInLine.css);

body {
 background: #fff;
}

#outerWrapper 
{
  position: relative;
  left: 50%;          /* zentrieren mit negativer margin */
  width: 910px;
  float: left;
  margin-left: -455px;
/*  border: 3px solid silver; */
}

#header
{
 float: left;
  clear: left;
 width: 99%;
}

#menu 
{
 float: left;
 clear: left;
 width: 99%;
 background-color: #D7DFFF;
}

#content {   /*  Wrapper für faux columns */
 float: left;
 width: 99%;
 background: url(faux_columns.JPG)  repeat-y;  
}

#leftContent  h1 { color: #ff0000; }
#leftContent 
{
 float: left;
 clear: left;
 width: 23.5%;
 padding: 5px;
}

#middleContent 
{
 float: left;
 width: 74.1%;
}

#footer {
 clear: both;
 float: left;
 width: 99%;
 padding: 5px;
 border: 1px solid silver;
 background-color: #EAEAEA;    
} 

#footerText 
{
 float: left;
 width: 30%;
}

#footerDate {
 float: left;
 width: 13%;
}

#footerMenu {
 float: right;
 width: 56.3%;
}

#header #menu #content #leftContent #middleContent
#footer #footerText #footerDate #footerMenu {
/* border: 1px solid red; */
}
.outerBox {
    margin: 1px;
}

.innerBox {
    margin: 1px;
}