div.box_kopfzeile {
  text-align: center;
}  


#spalte_links {
  padding-right: 20px;
  width: 640px;
  float: left;
}

#spalte_rechts {
  width: 140px;
  float: left;
  font-size: 0.75em;
  margin-top: -34px;
}

#spalte_rechts ul {
  margin: 0px;
  padding: 0px;
  list-style-position:inside;
}

#aktuell {
  margin-top: 20px;
}


div#diashow {
  position: relative;
  width: 640px;
  height: 350px;
  overflow: hidden;
}
div#diashow_bild {
  position: absolute;
  top: 0px; left: 0px;
  width: 640px; 
  height: 350px;
  z-index: 10;
}
div#diashow_rahmen {
  position: absolute;
  top: 0px; left: 0px;
  width: 640px; 
  height: 350px;
  z-index: 11;  
}

div#diashow_textfeld {
  position: absolute;
  top: 320px; 
  /* left: 34px; */
  left: 2000px;
  width: 549px; 
  height: 22px;
  z-index: 12;
  overflow: hidden;  
}
div#diashow_textfeld div#diashow_textfeld_beweglicher_teil_rest {
  position: absolute;
  top: 0px; 
  left: 524px; /*524*/
  width: 20px; /*20*/
  height: 22px;
  overflow: hidden;
}
div#diashow_textfeld div#diashow_textfeld_beweglicher_teil_beginn {
  position: absolute;
  top: 0px; 
  left: 544px;
}
div#diashow_textfeld div#diashow_textfeld_beweglicher_teil_rest img, div#diashow_textfeld div#diashow_textfeld_beweglicher_teil_beginn img { 
  position: absolute;
  top: 0px; left: 0px;
  margin: 0px; padding: 0px;
}
div#diashow_textfeld_text {
  position: absolute;
  top: 2px;
  left: 21px;
  margin: 0px; padding: 0px;
  width: auto; height: auto;
  font-size: 12px;
  font-weight: bold;
  color: white;  
  text-decoration: none;
  white-space:nowrap;
}
/* diesmal muss mal ein Fehler in Firefox behoben werden... Die folgende Definition ist absolut nutzlos, 
   denn ein a kommt im div diashow_textfeld_text nicht vor. Aber ohne diese Deklaration erscheint in Firefox der 
   Text nicht weiss und unterstrichen, wie ein Link. */
div#diashow_textfeld_text a {  
  padding: 0px; margin: 0px;
  font-size: 12px;
  font-weight: bold;
  color: white;  
  text-decoration: none;
  white-space:nowrap;
} 
 


a#diashow_links {
  position: absolute;
  top: 0px; left: 0px;
  width: 640px; 
  height: 350px;  
  z-index: 15;  
}
div#diashow_steuerelemente {
  position: absolute;
  top: 300px;
  left: 580px;
  width: 50px; 
  height: 42px;
  z-index: 20;
}
div#diashow_steuerelemente .prev, div#diashow_steuerelemente .next, div#diashow_steuerelemente .prev_internet_explorer, div#diashow_steuerelemente .next_internet_explorer {
  position: absolute;    
  top: 21px;
  width: 14px; 
  height: 14px;  
  padding: 0px;
  margin: 0px;
}
div#diashow_steuerelemente .prev, div#diashow_steuerelemente .prev_internet_explorer {
  left: 10px;
}
div#diashow_steuerelemente .next, div#diashow_steuerelemente .next_internet_explorer {
  left: 25px;
}
div#diashow_steuerelemente .prev img, div#diashow_steuerelemente .next img{
  position: absolute;
  opacity: 0.35;
  filter: alpha(opacity=0);
  padding: 0px;
  margin: 0px;
}
div#diashow_steuerelemente .prev img:hover, div#diashow_steuerelemente .next img:hover{
  opacity: 1;  
}
/* Der Internet Explorer (bis Version 8) kennt die Eigenschaft opacity nicht, und kann daher transparente PNGs nicht korrekt darstellen, 
   für alle anderen Browser mache ich die Spezailbilder für den Internet Explorer mittels opacity: 0 */
div#diashow_steuerelemente .prev_internet_explorer, div#diashow_steuerelemente .next_internet_explorer {
  opacity: 0;
}
div#diashow_steuerelemente .status {
  position: absolute;    
  top: 9px;
  left: 10px;
  width: 28px; 
  height: 26px;  
  padding: 0px;
  padding: 0px;
  text-align: right;
  font-size: 9px;
  font-weight: bold;
  color: white;  
  opacity: 0.35;
  filter: alpha(opacity=35);
}





table.veranstaltungen {
  width: 640px;
  border: 0;  
  margin-left: -5px;  
  margin-top: -4px;
  border-spacing: 0px;  
}

table.veranstaltungen td {
  padding: 10px;
}

table.veranstaltungen td.erste_zeile {
  padding-top: 12px;  
}

table.veranstaltungen td.erste_spalte {
  width: 110px;
  text-align: right;
  padding-left: 10px;
}

table.veranstaltungen td.letzte_spalte {
  text-align: right;
  padding-right: 18px;
}

table.wetter {
  border: 0px;
  border-spacing: 0px;
  padding: 0px;
  margin: 0px;
}
table.wetter td {
  padding: 0px;
  margin: 0px;
}

img.bild_wetter {
  margin-top: 2px;
  margin-left: 15px;
  margin-right: 10px;
  margin-bottom: -3px;
}  

img.bild_webcam {
  margin-bottom: -3px;  
  /* outline-width: 0.5px; */
}

img.bild_des_tages {
  margin-bottom: -3px;  
}