/* CSS Document */
body {
background-color: #000;
}
a {
  color: #FFFFFF;
  font-weight: bold;
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}



.themen1, .themen {
  font-family: verdana, "Times New Roman", Times, serif;
  font-size: 18px;
  font-weight: bold;
  text-transform: capitalize;
  text-align: center;
  left: 10px;
  padding-top: 100px;
  }
.themen {
  font: 16px Verdana, sans-serif;
  font-weight: bold;
  left: 10px;
  padding-top: 20px;
  }

.titel
{
color: #eee;
font-family: verdana, Helvetica,sans-serif;
font-size: 14px;
font-weight: bold;
display: block;
}
.subtitel {
  font-family: Verdana,Helvetica,sans-serif;
  color: #eee;
  font-size: 13px;
  font-weight: bold;
  display: block;
}
.absatz {
  font-family: Verdana, Helvetica,sans-serif;
  color: #ddd;
  font-size: 12px;
  font-weight: normal;
  display: block;
  margin-right:30px;
}

form, input, textarea {
  color: black;
  font: 14px/120% Arial, "Times New Roman";
}
form {
  border: 0px solid #fff;
  padding: 1px;
  width: 455px;
     /*vorher: #ff6633 orange */
  float: left;
  }
input, textarea {
  border: none;
  margin: 2px;
  padding: 2px 2px 2px 5px;
  vertical-align: top;
  background: #f2f2f2;
}
.submit, .reset {
  border: 3px double #069;
  background: #CC9;
  position: absolute;
  top: 220px;
  width: 80px;
}
.submit {
  left: 250px;
}
.reset {
  left: 350px;
}
.beschriftung {
  width: 80px;
  float: left;
  line-height: 100%;
  clear: left;
    font-family: Verdana, Helvetica,sans-serif;
    color: #dddddd;
    font-weight: normal;
  font-size: 12px;

}
.beschriftunginnen {
  line-height: 100%;
}
div#weiss01, div#weiss02, div#weiss03, div#weiss04, div#weiss05, div#weiss06,
div#weiss07, div#weiss08, div#weiss09, div#weiss10, div#weiss11, div#weiss12 {
  position: absolute;
  left: 20px;
  width: 168px;
  height: 20px;
  font: 12px Verdana, sans-serif;
  z-index: 50;
  }
div#weiss01aktiv, div#weiss02aktiv, div#weiss03aktiv, div#weiss04aktiv, div#weiss05aktiv, div#weiss06aktiv,
div#weiss07aktiv, div#weiss08aktiv, div#weiss09aktiv, div#weiss10aktiv, div#weiss11aktiv, div#weiss12aktiv {
  position: absolute;
  left: 20px;
  width: 158px;
  height: 20px;
  text-align: left;
  font: bold 13px sans-serif;
  color: #fff;
  background: #aaaaaa;
  border-left: 5px solid #d9453b;
  z-index: 50;
}
div#weiss01, div#weiss01aktiv {
  top: 20px;
  }
div#weiss01aktiv {
  padding-left: 5px;
  padding-bottom: 10px;
  padding-top: 10px;

  }
div#weiss02, div#weiss02aktiv {
  top: 62px;
  }
div#weiss02aktiv {
    padding-left: 5px;
    padding-bottom: 2px;
  padding-top: 18px;
  padding-right: 0px;
}
div#weiss03, div#weiss03aktiv {
  top: 104px;
  }
div#weiss03aktiv {
    padding-left: 5px;
    padding-bottom: 2px;
  padding-top: 18px;
  padding-right: 0px;
}
div#weiss04, div#weiss04aktiv {
  top: 146px;
  }
div#weiss04aktiv {
    padding-left: 5px;
    padding-bottom: 10px;
  padding-top: 10px;
  padding-right: 0px;
}
div#weiss05, div#weiss05aktiv {
  top: 188px;
  }
div#weiss05aktiv {
    padding-left: 5px;
    padding-bottom: 10px;
  padding-top: 10px;
  padding-right: 0px;
}
div#weiss06, div#weiss06aktiv {
  top: 230px;
  }
div#weiss06aktiv {
    padding-left: 5px;
    padding-bottom: 2px;
  padding-top: 18px;
  padding-right: 0px;
}
div#weiss07, div#weiss07aktiv {
  top: 272px;
  }
div#weiss07aktiv {
    padding-left: 5px;
    padding-bottom: 10px;
  padding-top: 10px;
  padding-right: 0px;
}
div#weiss08, div#weiss08aktiv {
  top: 314px;
  }
div#weiss08aktiv {
    padding-left: 5px;
    padding-bottom: 10px;
  padding-top: 10px;
  padding-right: 0px;
}
div#weiss09, div#weiss09aktiv {
  top: 356px;
  }
div#weiss09aktiv {
    padding-left: 5px;
    padding-bottom: 2px;
  padding-top: 18px;
  padding-right: 0px;
}
div#weiss10, div#weiss10aktiv{
  top: 398px;
  }
div#weiss10aktiv {
    padding-left: 5px;
    padding-bottom: 18px;
  padding-top: 2px;
  padding-right: 0px;
}
div#weiss11, div#weiss11aktiv {
  top: 440px;
  }
div#weiss11aktiv {
    padding-left: 5px;
    padding-bottom: 10px;
  padding-top: 10px;
  padding-right: 0px;
}
div#weiss12, div#weiss12aktiv {
  top: 482px;
  }
div#weiss12aktiv {
    padding-left: 5px;
    padding-bottom: 8px;
  padding-top: 12px;
  padding-right: 0px;
}
div#weiss01 a, div#weiss02 a,  div#weiss03 a, div#weiss04 a, div#weiss05 a, div#weiss06 a,
div#weiss07 a, div#weiss08 a, div#weiss09 a, div#weiss10 a, div#weiss11 a, div#weiss12 a {
  display: block;
  text-align: left;
  font: bold 13px sans-serif;
  padding-left: 5px;
  padding-right: 5px;
 /*  padding-top: 18px; */
 /* padding-bottom: 6.5px;  */
  margin: 0 0 1px;
  border-width: 0;
    text-decoration: none;
  color: #000;
  background: #fff;
 }

/* Summe padding immer 24.5px */
div#weiss01 a, div#weiss04 a, div#weiss07 a, div#weiss11 a {
  padding-top: 10px;
  padding-bottom: 14.5px;
  }
div#weiss02 a, div#weiss05 a, div#weiss08 a, div#weiss09 a {
  padding-top: 13px;
  padding-bottom: 11.5px;
  }
div#weiss03 a, div#weiss06 a, div#weiss10 a, div#weiss12 a {
  padding-top: 16px;
  padding-bottom: 8.5px;
  }
div#weiss12 a {      /* Musicstop-img + text*/
  padding-top: 10px;
  padding-bottom: 5.5px;
  color: gray;
  font: normal 11px sans-serif;
  }

div#weiss01 a:hover, div#weiss02 a:hover, div#weiss03 a:hover, div#weiss04 a:hover, div#weiss05 a:hover, div#weiss06 a:hover,
div#weiss07 a:hover, div#weiss08 a:hover, div#weiss09 a:hover, div#weiss10 a:hover, div#weiss11 a:hover, div#weiss12 a:hover {
  color: #fff;
  background: #aaa;
  padding-left: 5px;
  border-left: 5px solid black;
 }


img.rechtsoben {
  height: 0; width: 0; /* Bilder zunchst ausblenden, um sie individuell wieder einzublenden */
/*  height: 160px; width: 120px; */
  border-width: 0; border: 0;
  }
div#weiss01 a:hover img.rechtsoben {position: absolute; top: 11px; left: 717px; height: 160px; width: 120px;}
div#weiss02 a:hover img.rechtsoben {position: absolute; top: -31px; left: 717px; height: 160px; width: 120px;}
div#weiss03 a:hover img.rechtsoben {position: absolute; top: -73px; left: 717px; height: 160px; width: 120px;}

div#weiss05 a:hover img.rechtsoben {position: absolute; top: -157px; left: 717px; height: 160px; width: 120px;}
div#weiss06 a:hover img.rechtsoben {position: absolute; top: -199px; left: 717px; height: 160px; width: 120px;}

div#weiss08 a:hover img.rechtsoben {position: absolute; top: -283px; left: 717px; height: 160px; width: 120px;}
div#weiss09 a:hover img.rechtsoben {position: absolute; top: -325px; left: 717px; height: 160px; width: 120px;}

div#weiss11 a:hover img.rechtsoben {position: absolute; top: -409px; left: 717px; height: 160px; width: 120px;}
div#weiss12 a:hover img.rechtsoben {position: absolute; top: -451px; left: 717px; height: 160px; width: 120px;}

div#schwarz1, div#schwarz2, div#schwarz3, div#schwarz4, div#schwarz5, div#schwarz6,
div#schwarz7, div#schwarz8  {
  position: absolute;
  left: 90px;
  width: 98px;
  height: 20px;
  font: 12px Verdana, sans-serif;
  z-index: 100;}

div#schwarz1 {top:  48px;} /* V */
div#schwarz2 {top:  95px;} /* E */
div#schwarz3 {top: 169px;} /* R */
div#schwarz4 {top: 217px;} /* A */
div#schwarz5 {top: 295px;} /* B */
div#schwarz6 {top: 343px;} /* A */
div#schwarz7 {top: 391px;} /* D */
div#schwarz8 {top: 470px;} /* T */

div#schwarz1 a, div#schwarz2 a,  div#schwarz3 a, div#schwarz4 a, div#schwarz5 a,
div#schwarz6 a, div#schwarz7 a, div#schwarz8 a  {
  display: block;
  text-align: right;
  font: bold 1.5em sans-serif;
  padding: 1.5px 5px;
  margin: 0 0 1px;
  border-width: 0;
  text-decoration: none;
  color: #d9453b;   /* vorher #ff0000 */
  background: #000;     /* vorher #000 */
 }
 div#schwarz1 a:hover, div#schwarz2 a:hover,  div#schwarz3 a:hover, div#schwarz4 a:hover,
 div#schwarz5 a:hover, div#schwarz6 a:hover, div#schwarz7 a:hover, div#schwarz8 a:hover
 {
  color: #f00;
  background: #4F4F4F;
/*  padding-left: 5px;  */
/*  border-left: 5px solid red; */
  height: 19px;
  border-left: 5px solid #0F0F0F;
  left: 100px;
  width: 83px;
 }
div#mitte, div#mitte-bg {
  position: absolute;
  left: 188px;
  width: 520px;
  height: 500px;
  top: 20px;
  font: 12px Verdana, sans-serif;
  z-index: 50;
  }
div#mitte-bg {
  left: 190px;
  width: 520px;
  height: 502px;
  background-image: url(../fotos/hintergrund2.jpg);
  }
div#mittetext {
  position: absolute;
  left: 15px;
  width: 505px;
  height: 490px;
  top: 5px;
  font: 12px Verdana, sans-serif;
  z-index: 51;
  overflow: auto;
}
div#linkespalte {
  position: absolute;
  left: 0px;
  width: 230px;
  top: 28px;
}
div#rechtespalte {
  position: absolute;
  left: 230px;
  width: 230px;
  top: 28px;
}
div#emailform {
  position: absolute;
  top: 215px;
}

div#rechts {
  position: absolute;
  left: 710px;
  width: 168px;
  height: 502px;
  top: 20px;
  font: 12px Verdana, sans-serif;
  background: #d9453b;
  z-index: 10;
  background-image: url(../fotos/rotquer.jpg);
  border-left: 2px solid black;
}
div#aktuellespapueff {
  position: absolute;
  left: 580px;
  width: 90px;
  height: 260px;
  top: 20px;
  font: 10px Verdana, sans-serif;
  color: white;
  text-align: center;
/*  background: orange;  */
  z-index: 60;
}
img#veraimg
{
  position: absolute;
  left: 24px;
  width: 120px;
  height: 160px;
  top: 10px;
  z-index: 50;
  border: 1px solid black;
}

img#papueff {
   border: 0px;
}

img {
   border: 1px solid black;
}

/* img#musicstop {width:24px; height:24px; border:0; align: absmiddle; } */
img#musicstop {width:24px; height:24px; border:0;}

ul
{
list-style-type: none;
margin: 1px;
}
li {
padding-top: 8px;
}

iframe {
      position: absolute;
      top: 0px;
   /*   left: 300px;  */
      left: 0px;
      width: 520px;
      height: 502px;
      background-image: url(../fotos/hintergrund2.jpg);
      z-index: 510;
      }