body {
background-color:#ffffff;
}

#wrap {
min-width: 600px;
margin: 10px 10px;
box-shadow: 3px 3px 5px #333333,
-3px -3px 5px #333333;
background-color:#ffffff;
}

#header { 
float: left;
height: 200px;
width: 100%;

background-image: url(../images/backgroundHeader.png);
background-repeat: repeat-x;
}

#menuBar {
clear: both;
padding: 5px 2%;
background-color:#f1a75c;
}

#content {
float:left;
padding: 4% 15%;

background-color:#ffffff;
}

#bottom_spacer {
clear: both; /* Diese clear-Eigenschaft bewirkt, dass .container das Ende der fließenden Spalten erkennt und ihren Inhalt aufnimmt. */
height: 5px;
background-color:#f1a75c;
}

#bottom {
clear: both; /* Diese clear-Eigenschaft bewirkt, dass .container das Ende der fließenden Spalten erkennt und ihren Inhalt aufnimmt. */
float:left;
padding: 15px 2%;
width: 96%;
min-height: 80px;

background-image: url(../images/Logo_gespiegelt_25_prozent.png);
background-repeat: no-repeat;
background-position: right;
background-color:#1d1c19;
}

#footer {
clear: both; /* Diese clear-Eigenschaft bewirkt, dass .container das Ende der fließenden Spalten erkennt und ihren Inhalt aufnimmt. */
height: 5px;
background-color:#1d1c19;
}

.clearfloat {
clear:both;
height:0;
font-size: 1px;
line-height: 0px;
}