body, html {
  margin: 0; padding: 0; border: 0;
}
div#sonja {
  font-family: 'Courier New';
  font-size: 10pt;
  color: #000;
  margin: 50px 20px 10px; 
}
h1 {
  font-size: 10pt;
  font-weight: bold;
}
h2 {
  font-size: 10pt;
  /*
  background-color: #191919;
  background-color: #996;
  */
  background-color: #8F8F5F;
  color: white;
}
h3 {
  font-size: 14pt;
  font-weight: normal;
}
a {
  text-decoration: none;
  color: #000;
}
ul#nav * {
  list-style-type: none;
}
ul#nav a {
  text-decoration: none;
  color: #000;
}
ul#nav {
  margin-left: -40px;
  margin-top: 30px;
}
div#content {
  position: absolute;
  width: 700px;
  background-color: #f9f9f9;
  height: 420px;
  /*
  overflow: scroll;
  */
  left: 350px;
  top: 100px;
  -moz-border-radius: 30px;
  text-align: center;
}
div#cm div#content, div#opd div#content, div#vm div#content,
div#had div#content, div#ff div#content, div#ssmf div#content,
/*div#et div#content,*/ div#nw div#content, div#hldf div#content/*,
div#harz div#content*/  {
  overflow-x: scroll;
  overflow-y: hidden;
  white-space: nowrap;
  height: 433px;
  height: 443px;
}
div#cm img.cm1pos {
  margin-left:283px;
  margin-right: 100px;
}
div#cm img.cm2pos {
  margin-left:283px;
  margin-right: 100px;
}
div#cm img.cm3pos {
  margin-left:283px;
  margin-right: 100px;
}
div#cm img.cm4pos {
  margin-left:283px;
  margin-right: 300px;
}
div#opd img.opd1pos, div#vm img.vm1pos, div#had img.had1pos,
div#ff img.ff1pos, div#ssmf img.ssmf1pos, /*div#et img.et1pos,*/
div#nw img.nw1pos, div#hldf img.hldf1pos/*, div#harz img.harz1pos*/ {
  margin-left: 200px;
  margin-right: 200px;
}
div#had img.had1pos {
  margin-left: 0px;
}
div#had img.had2pos {
  margin: 0;
}
div#had img.had3pos {
  margin: 0 6px;
}
div#nw img.nw1pos {
  margin-left: 0px;
  margin-right: 50px;
}
div#nw img.shrinkit {
  height: 410px;
}
/*
div#harz img.harz1pos {
  margin-top: 40px;
  margin-left: 50px;
}
*/
div#hldf img.hldf1pos {
  margin-left: 120px;
  margin-right: 10px;
}
div#hldf img.hldf2pos {
  margin-left: 0px;
  margin-right: 10px;
}
div#vm img.vm1pos {
  margin-left: 50px;
}
div#vm img.vm2pos {
  margin-left: 0px;
  margin-right: 0px;
}
div#ff img.ff1pos {
  margin-left: 0px;
}


div#text-left, div#text-right {
  position: absolute;
  top: 520px;
  height: 100px;
  width: 260px;
  text-align: justify;
  font-size: 10pt;
}

div#text-left {
  /*
  background-color: blue;
  */
  left: 350px;
}

div#text-right {
  /*
  background-color: blue;
  */
  left: 625px;
}

div#im div#text-right {
  top: 740px;
}

div#contact {
  position: absolute;
  left: 350px;
  top: 200px;
  font-size: 10pt;
}
div#news {
  position: absolute;
  left: 350px;
  top: 120px;
  font-size: 10pt;
}
div#textonly {
  position: absolute;
  left: 350px;
  top:  170px;
  width: 300px;
  font-size: 10pt;
}
div#textonly .left, div#textonly .right {
  position: absolute;
  display: block;
  width: 280px;
  height: 100px;
  text-align: justify;
  font-size: 10pt;
  word-spacing: -3px;
}
div#textonly .left {
  left: 0px;
}
div#textonly .right {
  left: 310px;
}
p.newsentry:after {
  margin-bottom: 30px;
  content:"-";
}
.newsentry {
  margin-bottom: 30px;
}

/* 1. Solution for scrolling problem */
/*
div#had div#content {
  width: 760px;
  overflow: visible;
  height: 420px;
}
div#content div#scrollbox {
  width: 700px;
  height: 433px;
  margin: 0 30px;
  overflow-x: scroll;
  overflow-y: hidden;
  white-space: nowrap;
}
*/
/*2. Solution for scrolling problem */
div#topleft, div#topright, div#bottomleft, div#bottomright {
  position: absolute;
  width: 30px;
  height: 30px;
}
div#topleft {
  top: 100px;
  left: 350px;
}
div#topright {
  top: 100px;
  left: 1020px;
}
div#bottomleft {
  top: 490px;
  left: 350px;
}
div#bottomright {
  top: 490px;
  left: 1020px;
}