body{COLOR:#000000; background-color:#FFFFD5; padding:0;margin:0;  A:link color: #0000FF; A:visitid color: #800080}
td{vertical-align:center; text-align:center;}
td.rand{background-color:#000000;}
td.prog{background-color:white; vertical-align:top text-align:center;}
.lightPink{background-color:#FFFFE1}

H3{COLOR:#000000; font-style:italic; font-size:1.2em; FONT-FAMILY:arial,helvetica,tahoma,verdana,sans-serif,;}
H3 EM{color:red; font-style:italic; FONT-FAMILY:arial,helvetica,tahoma,verdana,sans-serif; font-size:1.2em}
H2{COLOR:#000000; font-style:italic; font-size:1em; FONT-FAMILY:arial,helvetica,tahoma,verdana,sans-serif;}
H4{COLOR:#0B0BFF; font-size:1,3em; FONT-FAMILY:arial,helvetica,tahoma,verdana,sans-serif;}
.bigText{font-family:sans-serif,arial,helvetica,tahoma,verdana; font-size:1,8em}
.biggText{font-style:italic; font-family:arial,helvetica,tahoma,verdana,sans-serif; font-size:1.1em; color:#000000;}
.mediumText{font-family:arial,helvetica,tahoma,verdana,sans-serif; font-size:1.0em}
.mittelText{text-align:left;font-family:arial,helvetica,tahoma,verdana,sans-serif; font-size:1.0em}
.footerText  {text-align: bottom; margin-left:12px; font-family:sans-serif,arial,helvetica,tahoma,verdana; font-size:0.8em}
.smallText{font-family: sans-serif,arial,helvetica,tahoma,verdana; font-size:0.8em}
.center {text-align:center;}
.wichtig {color: black;  background-color: #DFD620}

#container {
   position:relative;
   width:800px;
   height:230px;
   margin: 5px auto 0 auto;
margin-top:1px;

  }

#container a.galerie span {
   position:absolute;
   width:1px;
   height:1px;
   top:1px;
   left:1px;
   overflow:hidden;;

}

#container a.galerie, #container a.galerie:visited {
   display: block;
   color: #000;
   text-decoration: none;
   border: 1px solid #000;
   margin: 10px 5px 5px 1px;
   text-align: center;
float:left;
 cursor: default;
 border: 1px solid #000;
}
#container a.vorschau1 { background:url(bilder/bild1_t.jpg); height:111px; width:150px; }
#container a.vorschau2 { background:url(bilder/bild2_t.jpg); height:111px; width:150px; }
#container a.vorschau3 { background:url(bilder/bild3_t.jpg); height:111px; width:150px; }
#container a.vorschau4 { background:url(bilder/bild4_t.jpg); height:111px; width:150px; }
#container a.vorschau5 { background:url(bilder/bild5_t.jpg); height:111px; width:150px; }

#container a.vorschau6 { background:url(bilder/bild6_t.jpg); height:111px; width:150px; }
#container a.vorschau7 { background:url(bilder/bild7_t.jpg); height:111px; width:150px; }
#container a.vorschau8 { background:url(bilder/bild8_t.jpg); height:111px; width:150px; }



#container ul {
   width: 750 px;
   height: 230px;
   padding:5px;
   margin-top: 0;
margin-left: 5px;

margin-right;10px;
   list-style-type:none;
float:left;
}

#container li {
  float:left;

}

#container a.galerie:hover {
   border: 1px solid #111;
}

#container a.galerie:hover img {
   border: 1px solid #000;
}

#container a.galerie:hover span {
   position:absolute;
   width: 802px;
   height: 468px;
  margin-bottom:0px;
 margin-left: 200px;
margin-top:1px;

}