body{
 background:#EC8B09;
 color:#3c3c3c;
}

p{
 margin:0;
 padding:10px;
 height: auto;
}

div#content{
background: #DEB988 url(images/kasten.jpg) repeat-y right top;  /* blass orange   */
padding: 40px 140px 20px 20px;
/*height: 300px;*/
/*height: 100%;*//* 100% u. "auto" nicht noetig für IE, bewirkt nix in Moz.*/
/* width: 100%; klappt nicht in Moz. da 100% = full Bodywidth*/
/*margin:0 0 0 0;*/ /* = rechts 60px und in body padding rechts =0*/
/*position: relative; *//* bewirkt nix in beiden browsern*/
}

div#header{
 /*background:#FEDEAF; */
 color:#3c3c3c;
}
div#head
  {
  background: #A15016 url(images/header.jpg) 185px;
  /* padding:5px;  fuehrt bei Gecko zum Fehler*/
  height: 80px;
  margin: 0 60px 0 60px;
  text-align: left;
    /*overflow:hidden;*/
  }

div#head img { border: 0;}   /*no border on images in the header */

div#sidebar{
 background:#333;
 color:#f3f3f3;
}
#divone, #divtwo {
width: 49%;
background: #DEB988;
min-width: 250px; /* mozilla does not work with matchstick
but it works with min-width */
float: left;
border: 1px solid #000;
}

/* matchstick is required for IE
IE does not act properly on min-width*/
#matchstick {
width: 250px;
/*height:1px; nicht erforderlich*/
/*float:none;*/
}
/*border: 1px solid blue;}*/

/* START hack*/
body{
 margin:0;
 padding:80px 60px 0 185px;
}
div#sidebar{
 position:absolute;
 top:80px;
 left:60px;
 width:125px;
 height:100%;
}
div#header{
 position:absolute;
 top:0;
 left:0;
 width:125%;
 height:80px;
}
@media screen{
 body>div#sidebar{
  position:fixed;
 }
 body>div#header{
  position:fixed;
  width:100%;
 }
}
/* END hack */