* {
  margin: 0;
  padding: 0;
}

body {
  background-image: url(img/bg.jpg);
  background-repeat: repeat-x;
  background-color: #007BAD;
}

body, td {
  font-family: Arial;
  font-size: 9pt;
  color: #3D3D3D;
}

a {
  color: #3D3D3D;
  text-decoration: underline;
}

div#tops {
  background-image: url(img/balken-oben.jpg);
  width: 928px;
  padding-top: 2px;
  height: 19px;
}

div#tops a {
   color: #FFE1A6;
}

div#tops a:hover {
   color: #FFCE66;
}

div#tops_con {
  width: 900px;
  position: absolute;
  top: 2px;
  left: 50%;
  margin-left: -450px;
  background-color: #383838;
  color: #FFECC6;
}

div#tops_con a {
  color: #FFECC6;
}

div#tops_con a:hover {
  color: #FFFFFF;
}

div#content {
  background-image: url(img/content-bg.jpg);
  width: 960px;
}

div#einleitung {
  background-color: #FFE1A6;
  border: 1px solid #848484;
  width: 919px;
  margin-bottom: 2px;
}

div#einleitung h1 {
  color: #FFCE66;
  font-size: 17pt;
  width: 917px;
  height: 29px;
  margin-top: 1px;
  background-image: url(img/title-verlauf.jpg);
}

div#einleitung p {
  color: #3D3D3D;
  width: 900px;
  margin-top: 5px;
  margin-bottom: 5px;
  text-align: justify;
}

div#weiss {
  margin-left: 17px;
  text-align: left;
}

div.box {
  float: left;
  text-align: center;
  margin-left: 2px;
  background-color: #FFE1A6;
  border: 1px solid #848484;
  padding: 1px 1.3px 1px 1.3px;
  width: 178px;
  color: #3D3D3D;
}

div.box_head {
  width: 178px;
  height: 28px;
  padding-top: 1px;
  background-image: url(img/title-verlauf.jpg);  
  color: #FFCE66;
  font-size: 17pt; 
  font-weight: normal; 
}

div.box img.pic {
  border: 1px solid #3D3D3D;
  width: 176px;
  margin-top: 1px;
}

div.box p {
  text-align: justify;
  width: 174px;
  margin-bottom: 3px;
}

div.trenner {
  margin: 3px 0px 3px 2px;
  border: 1px solid #848484;  
  background-color: #FFECC6;  
  color: #3D3D3D;
  width: 920px;
}

div.trenner h2 {
  margin-top: 4px;
  text-align: center; 
  color: #4A4A4A;
  font-size: 14pt;
}

div.trenner p {
  text-align: justify;
  width: 906px;
  margin: 3px 0px 5px 5px;
}

div#footer {
  background-color: #383838;
  color: #959595;
  margin: 1px 0px 0px 2px;
  width: 921px;  
  padding-top: 7px;
  padding-bottom: 4px;
}

div#footer h3 {
  text-align: left; 
  font-size: 12pt;
  margin-left: 4px;
}

div#footer p {
  text-align: justify;
  width: 906px;
  margin: 2px 0px 10px 5px;
}

div#footer a {
  color: #959595;
}

/* NUMMERN */
div.nu {
  width: 178px;
  height: 19px;
  margin-bottom: 2px; 
}

div.de1 {
  background-image: url(img/de1.gif);
}
div.at1 {
  background-image: url(img/at1.gif);
}
div.ch1 {
  background-image: url(img/ch1.gif);
}
div.de2 {
  background-image: url(img/de2.gif);
}
div.at2 {
  background-image: url(img/at2.gif);
}
div.ch2 {
  background-image: url(img/ch2.gif);
}
div.de3 {
  background-image: url(img/de3.gif);
}
div.at3 {
  background-image: url(img/at3.gif);
}
div.ch3 {
  background-image: url(img/ch3.gif);
}

div.ab4 {
  width: 178px;
  height: 35px;
  background-image: url(img/4cent.gif);
}