@CHARSET "iso-8859-1";

body {
  font-family: verdana, arial, sans-serif;
  font-size: 0.85em;
  text-align: center;
  background-color: #dacfc9;
  margin: 0px;
  padding: 0px;
}
p {
  line-height:140%;
  margin: 0px;
  padding: 0px;
}
hr {
  width: 98%;
  height: 1px;
  color: #ddd;
  background-color: #ddd;
  margin: 6px 0px 8px 6px;
  padding: 0px;
  text-align: left;
  border: 0;
}

#dr-beat {
  position: relative;
  background-color: #fff;
  background-image: url(../img/grey_horizontal.jpg);
  background-repeat: no-repeat;
  background-position: 0px 190px;
  width: 900px;
  height: 650px;
  margin: 20px auto 0px auto;
  border: 1px solid #968c86;
  text-align: left;
}
#logo {
  position: absolute;
  right: 20px;
  top: 17px;
  width: 225px;
  height: 121px;
  background-image: url(../img/dr_beat_logo.gif);
  background-repeat: no-repeat;
}
#logo span {
  display: none;
}

/* Navigation */
#navigation, #subnavigation {
  position: absolute;
  list-style-type: none;
  font-family: 'courier new', monospace;
  margin: 0px;
  padding: 0px;
}
#navigation {
  left: 481px;
  top: 40px;
  z-index: 10;
}
#subnavigation {
  right: 419px;
  top: 38px;
  padding: 4px;
  text-align: right;
  z-index: 20;
  background-color: #fff;
}  
#navigation li {
  line-height: 100%;
  font-size: 1em;
  /* font-weight: bold; */
  padding: 0px;
  margin: 4px 0px;
}
#subnavigation li {
  line-height: 140%;
  font-size: 0.9em;
  padding-right: 4px;
  margin: 0px;
}
#navigation a, #subnavigation a {
  text-decoration: none;
  color: #404040;
  display: block;
}
#navigation a {
  background-image: url(../img/listicon_small_3states.gif);
  background-repeat: no-repeat;
  background-position: 0px 2px;
  padding: 0px;
  padding-left: 14px;
  margin: 0px;
}
#navigation a:hover, #subnavigation a:hover {
  color: #996;
}
#navigation a:hover {
  background-image: url(../img/listicon_small_3states.gif);
  background-repeat: no-repeat;
  background-position: 0px -18px;
}
#navigation a:active, #subnavigation a:active {
  color: #c33;
}

/* Bilder links vom Text. */
#imagestart {
  position: absolute;
  top: 125px;
  left: 20px;
}
#imageconcept3 {
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 1;
}
#imageconcept4 {
  position: absolute;
  top: 127px;
  left: 20px;
}
#imageformation {
  position: absolute;
  top: 0px;
  left: 0px;
}
#imageprogram {
  position: absolute;
  top: 79px;
  left: 0px;
}
#imagedownloads {
  position: absolute;
  top: 82px;
  left: 0px;  
}
#imagecontact {
  position: absolute;
  top: 206px;
  left: 40px;
}
/* Content. */
#content {
  position: absolute;
  top: 204px;
  right: 30px;
  width: 380px;
  height: 250px;
  overflow: auto;
  z-index: 15;
}
#content p, #imagecontact p {
  font-size: 0.85em;
  line-height: 150%;
  padding: 6px;
  margin: 0px;
  color: #ddd;
}
#content h3, #imagecontact h3 {
  color: #c33;
  font-size: 1em;
  margin: 0px;
  padding: 6px;
}
#content a {
  color: #c33;
  text-decoration: none;
}

#impressum {
  font-size: 0.9em;
  color: #ddd;
  width: 280px;
  background-color: transparent;
}
#impressum a {
  color: #ddd;
  text-decoration: underline;
}

#footer {
  position: absolute;
  right: 60px;
  bottom: 15px;
  margin: 0px;
  font-family: 'courier new', monospace;
}
#footer a {
  color: #000;
  text-decoration: none;
}