html, body {
  font-family: sans-serif;
  height: 100%;
  padding: 0;
  margin: 0;
  background-color: #DDDDDD;
  overflow:hidden;
  width:860px;
}
div#logo {
  position: absolute;
}
div#menu {
   float: left;
   padding-top: 100px;
   width: 120px;
  background-color: #99bb99;
  height: 100%;
}
div#left {
  float: left;
  width: 120px;
  height: 100%;
  background-color: #90C3D4;
}
div#right {
  float: left;
  width: 120px;
  height: 100%;
  background-color: #D4A190;
}
div#middle {
  float: left;
/*  float:right; */
  background-color: #DDDDDD;
  height: 100%;
  width: 500px;
}
div#content {
  padding: 1em;
  padding-top: 2em;
}
div#border {
  position:fixed;
  top:3em;
  right:0px;
  width:20em;
  overflow:hidden;
  padding: 4px;
  background: #BFBF20;
  border-style: groove;
  border-color: #E2E241;
}
div#titleDiv {
  position:absolute;
  top:2%;
  left: 120px;
  font-size: 1.5em;
  font-weight: bold;
  font-style:italic;
  color:#735872;
}
.align-center {
  text-align: center;
}


/* MENU by http://www.typo3.net/forum/thematik/zeige/thema/65143/ */
#menu ul {
padding:7px 0 0 0px;
}
#menu ul li {
text-align: center;
float: left;
list-style:none;
padding:0 10px;
}

div#logo a {
  text-decoration:none;
  font-weight:bold;
  font-size:15px;
  color:#333
}

#menu ul li .caption a, #menu ul li .caption a:link, #menu ul li .caption a:visited, #menu ul li .caption a:active {
color:#333;
text-decoration:none;
font-weight:bold;
font-size:15px;
}

#menu ul li .caption-act a, #menu ul li .caption-act a:link, #menu ul li .caption-act a:visited, #menu ul li .caption-act a:active, .p1 p {
text-decoration:none;
font-weight:bold;
font-size:15px;
color:#D0c786;
/* color: #D01F3C;*/
}