body {
  background: url('layout/back.png') bottom left repeat-y;
  overflow: auto;
}

body, div, img, #outside, #header, #logo, #firma, #headpic, #headgreen, #headline, #main, #aktuality, #menu, #footer {
  padding: 0;
  margin: 0;
  border: 0;
}

/* ------------------------------------------------------------------------------------------- */

#header, #logo, #firma, #headpic, #headgreen {
  display: inline;
  height: 82px;
  float: left;
}

#header {
  width: 100%;
}

#logo {
  background-color: #d5e7ff;
  width: 137px;
}

#firma {
  z-index: 2;
  position: relative;
}

#headpic {
  z-index: 1;
  position: absolute;
  right: 20px;
}

#headgreen {
  background-color: #63c631;
  width: 20px;
  float: right;
}

#headline img {
  height: 2px;
  position: absolute;
  top: 82px;
  left: 0;
  width: 100%;
}

/* ------------------------------------------------------------------------------------------- */

#left {
  width: 137px;
  float: left;
  height: 400px;
}

#menu {
  background: url('menu/fade.png') bottom left repeat-x;
  height: 300px;
  border-top: 3px solid black;
  _border-top: 1px solid black;
  margin-bottom: 15px;
}

#menu .menupic {
  border: 0;
  border-left: 1px solid black;
  border-right: 1px solid black;
  border-bottom: 1px solid black;
  margin: 0;
  position: relative;
  display: block;
}

/*
#menu a, .fictivea {
  background: url('layout/button.png') repeat-y top left;
  border: 1px solid black;
  border-top: 0;
  margin: 0;
  width: 125px;
  _width: 137px;
  position: relative;
  padding: 1px 0 3px 0;
  text-align: center
  display: block;

}
*/ 

/*
#aktuality {
  display: none; 
  width: 123px;
  _width: 137px;
  padding: 10px 7px 25px 7px;
}

*/

/* ------------------------------------------------------------------------------------------- */

#texts {
  padding: 1em 1em 0 150px ;
}

#footer {
  margin-top: 70px;
  padding: 0 1em 0 0;
}