/*  =========================================================
Stylesheet für www.tramppolin.de 
Stand:  15.11.2018 
Datei:  cssBildschirm-neu.css
Media:  screen 
Autor:  B.-D. Bernt 
Aufbau  1) Kalibrierung und allgemeine Styles 
        2) Styles für Layoutbereiche    
        3) Sonstige Styles 
Reihenfolge der Deklarationen: 
        a)  Positionierung der Box auf der Seite (float, position, top, right, bottom, left)
        b)  Definitionen für die Box selbst (width, height, background, padding, border, margin)
        c)  Eigenschaften des Inhaltsbereichs (font-size, font-style, letter-spacing)
Kurzschreibweisen für padding und margin: 
        z.B.  #kopfbereich { padding: 20px; padding-bottom: 0; }  bedeutet: 
                20px für alle vier padding-Seiten, aber padding-bottom wird anschliessend sofort auf 0px gesetzt. 
        z.B.  #kopfbereich { padding: 10px 20px 0 20px; }  bedeutet: 
                padding-top = 10px, dann die Angaben weiter im Uhrzeigersinn, endend mit padding-left
        z.B.  #wrapper { margin: 10px auto; }  bedeutet: 
                oben/unten (10px)  und  rechts/links (auto) haben jeweils gleiche Werte.
zum Testen einfügen:
   border: 1px solid orange;
========================================================== */

/* ======================================   
   1) Kalibrierung und allgemeine Styles    
   ====================================== */

/* Kalibrierung der wichtigsten Abstände */
*  { padding: 0; margin: 0; }
h1, h2, p { margin-bottom: 1em; }
ul, ol, li { margin-bottom: 0; font-size: small; list-style: disc; }
ul, ol { margin-bottom: 0; }
li { margin-left: 2em; }

/* Allgemeine Selektoren */
html { height: 101%; } /* erzwingt Scrollbar im Firefox */

body { 
   color: yellow; 
   background-color: #ffffc0;   /* blass-gelb, Hintergrund innerhalb des Kastens */
   background-color: #c0c0c0;   /* hellgrau, Hintergrund außerhalb des Kastens */
   text-align: center;   /* Zentrierung beim IE */
   padding: 30px; 
   padding-top: 0; 
   margin: 0px; 
   font-family: Verdana, Arial, Helvetica, sans-serif; 
   font-size: small; 
   line-height: 1.5em;   /* Zeilenabstand:  1,5-fache der Schriftgröße */
}

h1 { font-size: 130%; text-align: center; }
h2 { font-size: 120%; text-align: center; }
h3 { font-size: 110%; text-align: center; }
h4 { font-size: 120%; text-align: left; }
h5 { font-size: 110%; text-align: left; }
h6 { font-size: 100%; text-align: center; font-weight: bold }
/*   h7 etc. darf es nicht geben!  */

address {
   text-align: center;  
   font-size: 80%;      
   font-style: normal;  
   letter-spacing: 2px; 
   line-height: 1.5em;  
}

/* Hyperlinks */
a { 
   color: black; 
   text-decoration: underline; 
   outline: none; 
}
a:link { color: black; }
/* a:visited { color: #cc6666; } */   /* blasses rot */
a:visited { color: black; }

a:hover, a:focus { color: black; }

/* a:active { color: #ffff00; } */   /* knallgelb */
a:active { color: #cc6666; }   /* blasses rot */

/* ===========================================   
   ==   2) Styles für die  Layoutbereiche   ==   
   =========================================== */

/* =========================================================================   
   ==   2.1) Angaben für alle standard-konformen Browser (z.B. FireFox)   ==   
   ==           class (mehrmals pro Seite)                                ==
   ========================================================================= */

/* +++ Beginn Bericht-div ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/*    Bericht-div enthält alles, was zu einem WK-Bericht gehört: Auswahl, Text, Fotos, nach-oben-div.    */
.Bericht-div {
   width: 760px;
/*   background-color: #ffff00; */   /* knallgelb */
/*   background-color: #ccffff;  */ /* türkis */
   margin-left: auto;
   margin-right: auto;
}
/* +++   Ende Bericht-div ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

/* +++ Beginn Auswahl-div  +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.Auswahl-div {
   color: black;
/*   background-color: #00cc00; */   /* grün */
/*   background-color: #ffff80; */  /* blass-gelb */
   width: 700px;
   margin-top: 20px;
   margin-left: auto;
   margin-right: auto;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: small;
   font-weight: normal;
   line-height: 1.7em;
   text-align: center;
}
   .Auswahl-div a {
      text-decoration: none; /* ohne Unterstreichung */
   }
   .Auswahl-div a:hover,
   .Auswahl-div a:focus {
      background-color: #ffff00; /* gelber Hintergrund für die Schrift */
      font-weight: bold; /* fette Buchstaben */
   }
/* +++   Ende Auswahl-div  +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.Bericht-Text-div {
   color: black;
/*   background-color: #ffff80; */  /* blass-gelb */
   width: 680px;
   margin-top: 20px;
   margin-left: auto;
   margin-right: auto;
}

/* +++ Beginn initial ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.initial {
   font-size: 150%;
   font-weight: 900;
}
/* +++   Ende initial ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

/* +++ Beginn Bilder-Tabelle-div +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.Bilder-Tabelle-div {
   width: 730px;
   margin-top: 20px;
   margin-left: auto; /* "auto" platziert in der Mitte des Bildschirms */
   margin-right: auto; /* "auto" platziert in der Mitte des Bildschirms */
   border-spacing: 15px 5px;  /* vertikal horizontal */
   border-collapse: separate;
}
/* +++   Ende Bilder-Tabelle-div +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

/* +++ Beginn nach-oben-div ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.nach-oben-div {
   width: 700px;
   color: black;
   text-align: center;
   margin-bottom: 50px;
   margin-left: auto;
   margin-right: auto;
}
   .nach-oben-div a {
      color: black;
      text-align: center;
   }
   .nach-oben-div a:hover,
   .nach-oben-div a:focus {
      color: black;
      font-weight: bold;
   }
/* +++   Ende nach-oben-div ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

/* +++ Beginn nach-unen-div ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.nach-unten-div {
   width: 700px;
   color: black;
   text-align: center;
   margin-bottom: 50px;
   margin-left: auto;
   margin-right: auto;
}
   .nach-unten-div a {
      color: black;
      text-align: center;
   }
   .nach-unten-div a:hover,
   .nach-unten-div a:focus {
      color: black;
      font-weight: bold;
   }
/* +++   Ende nach-unten-div ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

/* +++ Beginn Fuss-div +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.Fuss-div {
   width: 700px;
   clear: both;
   color: black;
   text-align: right;
   font-size: small;
   margin-top: 10px;
   margin-left: auto;
   margin-right: auto;
}
/* +++   Ende Fuss-div  ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.Ausschreibungen-div {
   color: black;
/*   background-color: #ffff80; */  /* blass-gelb */
   width: 600px;
   padding-left: 50px;
   margin: 0px;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: small;
   font-weight: normal;
   line-height: 1.5em;
   text-align: left;
   border: 1px solid orange;
   border: none;
}
   .Ausschreibungen-div a {
      color: black;
      text-align: left;
      text-decoration: none; /* ohne Unterstreichung */
   }
   .Ausschreibungen-div a:hover,
   .Ausschreibungen-div a:focus {
      background-color: #ffff00; /* gelber Hintergrund für die Schrift */
      font-weight: bold; /* fette Buchstaben */
   }

.Ergebnislisten-div {
   color: black;
/*   background-color: #ffff80; */  /* blass-gelb */
   width: 550px;
   padding-left: 50px;
   margin: 0px;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: small;
   font-weight: normal;
   line-height: 1.7em;
   text-align: left;
   border: 1px solid orange;
   border: none;
}
   .Ergebnislisten-div a {
      color: black;
      text-align: left;
      text-decoration: none; /* ohne Unterstreichung */
   }
   .Ergebnislisten-div a:hover,
   .Ergebnislisten-div a:focus {
      background-color: #ffff00; /* gelber Hintergrund für die Schrift */
      font-weight: bold; /* fette Buchstaben */
   }

/* +++ Beginn skiplink-div +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.skiplink {
   position: absolute;
   left: -3000px;
   top: -2000px;
   width: 0px;
   height: 0px;
   overflow: hidden;
   display: inline;
}
/* +++   Ende skiplink-div +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

/* +++ Beginn clearing-div +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.clearing { clear: both; }
/* +++   Ende clearing-div +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

/* =========================================================================
   ==   2.1) Angaben für alle standard-konformen Browser (z.B. FireFox)   ==
   ==           id (einmalig pro Seite)                                   ==
   ========================================================================= */

/* +++ Beginn Kopf-div +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/*    Kopf-div erscheint auf dem Monitor direkt über Inhalt-div.    */
/*  Damit der Kopf-Bereich immer zu sehen bleibt (auch beim Scrollen), muss sein:
      Kopf-div steht im Code fast ganz unten, direkt über </div> <!-- Ende wrapper -->.   */
#Kopf-div {
   position: fixed;
   top:   0px;
   color: black;
/*   background-color: #ccffff; */  /* türkis */
/*   background-color: #FFFFFF; */  /* weiß */ /* kein background für Grafik !! */
   background-color: #ffff80;   /* blass-gelb */
   width: 818px;
   height: 163px; /* muss so hoch sein wie das Kopf-Bild inkl. Rahmen */
   padding: 0px;
   margin: 0px;
   margin-left: auto;
   margin-right: auto;
   border-top: #90a0be solid 6px;   /* stahlblaugrau */
   border-left: #90a0be solid 6px;   /* stahlblaugrau */
   border-right: #90a0be solid 6px;   /* stahlblaugrau */
   border-bottom: #90a0be solid 6px;   /* stahlblaugrau */
   text-align: center;
}

   #Kopf-div #Startseiten-Kasten-div {
/*      background-color: red; */  /* rot */
/*      background-color: #ccffff; */  /* türkis */
      height: 23px;
      text-align: left;
   }

   #Kopf-div #zur-Startseite-div {
      color: black;
/*      background-color: #ff0000; */   /* rot */
/*      background-color: #00cc00; */   /* grün */
/*      background-color: #ccffff; */  /* türkis */
      height: 23px;
      text-align: left;
   }

   #Kopf-div #zur-Startseite-div a:hover,
   #Kopf-div #zur-Startseite-div a:focus {
      color: black;
      font-weight: bold;
   }
/* +++   Ende Kopf-div +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

/* +++ Beginn Inhalt-div +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/*    Kopf-div erscheint auf dem Monitor direkt über Inhalt-div.    */
/*  Damit der Kopf-Bereich immer zu sehen bleibt (auch beim Scrollen), muss sein:
      Kopf-div steht im Code fast ganz unten, direkt über </div> <!-- Ende wrapper -->.   */
#Inhalt-div {
   position: absolute;
   top:   170px;
   width: 818px;
   text-align: left;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: small;
/*   background-color: #ffff00; */   /* knallgelb */
   background-color: #ccffff;   /* türkis */
   background-color: #ffff80;   /* mittel-gelb */
   background-color: #ffffc0;   /* blass-gelb, Hintergrund innerhalb des Kastens */
   background-image: url("Logo/Hintergrund-Bild_818x30.jpg");   /* muss beim übergeordneten Bereich stehen ! */
   background-repeat: repeat-y;
   margin: 0px;
   padding: 0px;
   border-left: #90a0be solid 6px;   /* stahlblaugrau */
   border-right: #90a0be solid 6px;   /* stahlblaugrau */
   border-bottom: #90a0be solid 6px;   /* stahlblaugrau */
}
/* +++   Ende Inhalt-div +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

/* +++ Beginn wrapper ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
#wrapper {
   color: black;
/*   background-color: #ff0000; */   /* rot */
/*   background-color: #00cc00; */   /* grün */
/*   background-color: #ccffff; */  /* türkis */
   background-color: #ffff80;   /* blass-gelb */
   width: 818px;
   padding: 0px;
   margin-left: auto; /* "auto" platziert den wrapper in der Mitte des Bildschirms */
   margin-right: auto; /* "auto" platziert den wrapper in der Mitte des Bildschirms */
   margin-top: 0px;
   border: none;
}
/* +++   Ende wrapper ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

/* +++ Beginn Seiten-Ueberschrift-div ++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
#Seiten-Ueberschrift-div {
   margin-top: 20px;
   margin-left: auto; /* "auto" platziert in der Mitte des Bildschirms */
   margin-right: auto; /* "auto" platziert in der Mitte des Bildschirms */
   border: 1px solid orange;
   border: none;
}
/* +++   Ende Seiten-Ueberschrift-div  +++++++++++++++++++++++++++++++++++++++++++++++++++++ */

/* +++ Beginn Berichte-Tabelle-div +++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
#Berichte-Tabelle-div {
/*
   display: flex;
   align-items: center;
   justify-content: center;
 */
   width: 600px;
   margin-top: 20px;
   margin-left: auto; /* "auto" platziert in der Mitte des Bildschirms */
   margin-right: auto; /* "auto" platziert in der Mitte des Bildschirms */
   padding-left: 50px;
   padding-right: 50px;
   border: 1px solid orange;
   border: none;
}
   #Berichte-Tabelle-div a {
      text-decoration: none; /* ohne Unterstreichung */
   }
   #Berichte-Tabelle-div a:hover,
   #Berichte-Tabelle-div a:focus {
      background-color: #ffff00; /* gelber Hintergrund für die Schrift */
      font-weight: bold; /* fette Buchstaben */
   }
/* +++   Ende Berichte-Tabelle-div +++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

/* +++ Beginn sNavi-div ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
#sNavi-div {
   color: black;
/*   background-color: #00cc00; */   /* grün */
   width: 518px;
   padding-left: 100px;
   margin: 0px;
   margin-left: auto; /* "auto" platziert in der Mitte des Bildschirms */
   margin-right: auto; /* "auto" platziert in der Mitte des Bildschirms */
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: small;
   font-weight: normal;
   line-height: 1.7em;
   text-align: left;
   border: 1px solid black;
   border: none;
}
   #sNavi-div a {
/*      display: block; */   /* ganze Fläche anklickbar machen */
/*      color: #ffffff; */
      color: black;
      text-decoration: none; /* ohne Unterstreichung */
   }
   #sNavi-div a:hover,
   #sNavi-div a:focus {
/*      color: red; */
      color: black;
      background-color: #ffff00; /* gelber Hintergrund für die Schrift */
      font-weight: bold; /* fette Buchstaben */
   }
/* +++   Ende sNavi-div ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

/* +++ Beginn Jahreszahlen-Tabelle-div +++++++++++++++++++++++++++++++++++++++++++++++++++++ */
#Jahreszahlen-Tabelle-div {
   width: 500px;
   text-align: center;
   margin-left: auto; /* "auto" platziert in der Mitte des Bildschirms */
   margin-right: auto; /* "auto" platziert in der Mitte des Bildschirms */
   border: 1px solid orange;
   border: none;
}
/* +++   Ende Jahreszahlen-Tabelle-div +++++++++++++++++++++++++++++++++++++++++++++++++++++ */

/* +++ Beginn Kern-div  ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
#Kern-div {
   width: 700px;
   padding-left: 59px;
   padding-right: 59px;
   margin-left: auto; /* "auto" platziert in der Mitte des Bildschirms */
   margin-right: auto; /* "auto" platziert in der Mitte des Bildschirms */
}
/* +++   Ende Kern-div +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

#Text-div { 
   color: black; 
/*   background-color: #ffff80; */  /* blass-gelb */
   width: 660px; 
   padding-left: 20px; 
   padding-right: 20px; 
   margin: 0px; 
   font-family: Verdana, Arial, Helvetica, sans-serif; 
   font-size: small; 
   font-weight: normal; 
   text-align: left; 
   border: 1px solid orange;
   border: none;
}

#Text-klein-div { 
   color: black; 
/*   background-color: #ffff80; */  /* blass-gelb */
   width: 660px; 
   padding-left: 20px; 
   padding-right: 20px; 
   margin: 0px; 
   font-family: Verdana, Arial, Helvetica, sans-serif; 
   font-size: 80%; 
   text-align: left; 
   border: 1px solid orange;
   border: none;
}

#Text-Courier-div { 
   color: black; 
/*   background-color: #ffff80; */  /* blass-gelb */
   width: 660px; 
   padding-left: 20px; 
   padding-right: 20px; 
   margin: 0px; 
   font-family: Courier; 
   font-size: small; 
   font-weight: normal; 
   text-align: left; 
   border: 1px solid orange;
   border: none;
}

/* +++ Beginn zur-Startseite-div  ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/*
#zur-Startseite-div {
   color: black;
*/
/*   background-color: #ff0000; */   /* rot */
/*   background-color: #00cc00; */   /* grün */
/*   background-color: #ffff80; */  /* blass-gelb */
/*   background-color: #ccffff; */  /* türkis */
/*
   text-align: center;
}
*/
/* +++   Ende zur-Startseite-div  ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

#Abkuerzungen-div { 
   width: 540px; 
   padding-left: 80px; 
   padding-right: 80px; 
   text-align: left; 
   border: 1px solid orange;
   border: none;
}

#downloadInfo-div { 
   color: black; 
/*   background-color: #ffff80; */  /* blass-gelb */
   width: 550px; 
   padding-left: 150px; 
   margin: 0px; 
   font-family: Verdana, Arial, Helvetica, sans-serif; 
   font-size: small; 
   font-weight: normal; 
   line-height: 1.7em;  
   text-align: left; 
}
   #downloadInfo-div a { 
      color: black; 
      text-align: left; 
      text-decoration: none; /* ohne Unterstreichung */ 
   }
   #downloadInfo-div a:hover,
   #downloadInfo-div a:focus { 
      background-color: #ffff00; /* gelber Hintergrund für die Schrift */ 
      font-weight: bold; /* fette Buchstaben */
   }

#Links-div { 
   color: black; 
/*   background-color: #ffff80; */  /* blass-gelb */
   width: 620px; 
   padding-left: 80px; 
   margin: 0px; 
   font-family: Verdana, Arial, Helvetica, sans-serif; 
   font-size: small; 
   font-weight: normal; 
   line-height: 1.7em;  
   text-align: left; 
   }
   #Links-div a { 
      color: black; 
      text-align: left; 
      text-decoration: none; /* ohne Unterstreichung */ 
   }
   #Links-div a:hover,
   #Links-div a:focus { 
      background-color: #ffff00; /* gelber Hintergrund für die Schrift */ 
      font-weight: bold; /* fette Buchstaben */
   }

#Texte-Liste-div { 
   color: black; 
/*   background-color: #ffff80; */  /* blass-gelb */
   width: 640px; 
   padding-left: 60px; 
   text-align: left; 
}
   #Texte-Liste-div a { 
      text-decoration: none; /* ohne Unterstreichung */ 
   }
   #Texte-Liste-div a:hover,
   #Texte-Liste-div a:focus { 
      background-color: #ffff00; /* gelber Hintergrund für die Schrift */ 
      font-weight: bold; /* fette Buchstaben */
   }

#anhoeren-div { 
   color: black; 
   text-align: center; 
}
   #anhoeren-div a { 
      color: black; 
      text-align: center; 
   }
   #anhoeren-div a:hover,
   #anhoeren-div a:focus { 
      color: black;
      font-weight: bold; 
   }

#download-div { 
   color: black; 
   display: none; 
   text-align: center; 
 }
   #download-div a { 
      color: black; 
      text-align: center; 
   }
   #download-div a:hover,
   #download-div a:focus { 
      color: black;
      font-weight: bold; 
   }


/* ====================================   
   3) Sonstige Styles 
   ==================================== */

form {   /* das Kontaktformular (Kasten außen drumherum) */ 
   color: #000000;    /* schwarze Schrift */ 
   background-color: #e0e0e0;    /* mittelgrau */ 
   background-color: #eeeeee;    /* hellgrau */ 
   background-color: #ff0000;    /* rot */ 
   width: 640px;   /* Breite des äußeren Formular-Kastens */ 
   height: 50px;   /* Höhe des äußeren Formular-Kastens */ 
   padding: 20px; 
   padding-top: 10px; 
   padding-bottom: 10px; 
   border: 3px solid #8c8c8c;    /* dunkelgrau */ 
}

form#TextKasten-form {   /* das Kontaktformular (Kasten außen drumherum) */ 
   color: #000000;    /* schwarze Schrift */ 
   background-color: #ff0000;    /* rot */ 
   background-color: #e0e0e0;    /* mittelgrau */ 
   background-color: #eeeeee;    /* hellgrau */ 
   width: 640px;   /* Breite des äußeren Formular-Kastens */ 
   height: 310px;   /* Höhe des äußeren Formular-Kastens */ 
   padding: 20px; 
   padding-top: 10px; 
   padding-bottom: 10px; 
   border: 3px solid #8c8c8c;    /* dunkelgrau */ 
}

textarea { 
   background-color: #00cc00;    /* grün */ 
   background-color: #ccffff;    /* türkis */ 
   width: 630px;   /* Breite des Formulars */ 
   height: 240px;   /* Höhe des Formulars */ 
   border: 2px solid #8c8c8c; 
   margin-bottom: 0px; 
}
textarea:focus { 
   background-color: #d9d9d9;    /* mittelgrau */ 
   background-color: #ffff80;   /* blass-gelb */ 
}

textarea { 
   background-color: #00cc00;    /* grün */ 
   background-color: #ccffff;    /* türkis */ 
   width: 630px;   /* Breite des Formulars */ 
   height: 240px;   /* Höhe des Formulars */ 
   border: 2px solid #8c8c8c; 
   margin-bottom: 0px; 
}
textarea:focus { 
   background-color: #d9d9d9;    /* mittelgrau */ 
   background-color: #ffff80;   /* blass-gelb */ 
}

input#TextKasten { 
   background-color: #ff0000;    /* rot */ 
   width: 500px; 
   border: 1px solid #8c8c8c; 
   margin-bottom: 1em; 
}
input#TextKasten:focus { 
   background-color: #d9d9d9;    /* mittelgrau */ 
   background-color: #ffff80;    /* blass-gelb */ 
   background-color: #ccffff;    /* türkis */ 
}

label {   /* Beschriftung auf eigener Zeile */ 
   display: block; 
   cursor: pointer; 
}

/* ============================== 
   ==   Ende des Stylesheets   == 
   ============================== */