/* Kasten für Hauptüberschrift */                                   
   h1  {
           font-family:  Verdana, Arial, Helvetica, sans-serif;
           font-size:  15pt;
           font-weight:  bold;
           color:  #336600;
           width:  565px;
           background-color:  #FF9900;
           border-style:  solid;
           border-width:  2px;
           border-left-width:  20px;
           border-color:  #FF0000;
           padding:  3px;
   }

/* Kasten für Unterüberschrift */
   h2  {
           font-family:  Verdana, Arial, Helvetica, sans-serif;
           font-size:  12pt;
           font-weight:  bold;
           color:  #336600;
           width:  565px;
           background-color:  #FF9900;
           border-style:  solid;
           border-width:  2px;
           border-left-width:  20px;
           border-color:  #FF0000;
           padding:  3px;
   }

/* kleinere Überschrift. Hauptsächlich für Unterpunkte */
   h3  {
           font-family:  Verdana, Arial, Helvetica, sans-serif;
           font-size:  10pt;
           font-weight:  bold;
           color:  #FFFFFF;
           width:  350px;
           background-color:  #0000FF;
           border-style:  solid;
           border-width:  2px;
           border-left-width:  20px;
           border-right-width:  20px;
           border-color:  #FFFF00;
           padding:  3px;
   }

/* kleinere Überschrift. Hauptsächlich für Unterpunkte Farbe rot */
   h4  {
           font-family:  Verdana, Arial, Helvetica, sans-serif;
           font-size:  10pt;
           font-weight:  bold;
           color:  #FFFFFF;
           width:  350px;
           background-color:  #0000FF;
           border-style:  solid;
           border-width:  2px;
           border-left-width:  20px;
           border-right-width:  20px;
           border-color:  #FF0000;
           padding:  3px;
   }

/* Überschrift für die rechte Spaltet */
   h5  {
           font-family:  Verdana, Arial, Helvetica, sans-serif;
           font-size:  10pt;
           font-weight:  bold;
           color:  #FFFFFF;
           width:  150px;
           background-color:  #0000FF;
           border-style:  solid;
           border-width:  2px;
           border-left-width:  20px;
           border-right-width:  20px;
           border-color:  #FF0000;
           padding:  3px;
           left: 845px;
   }

/* Überschrift für Versammlung */
   h6  {
           font-family:  Verdana, Arial, Helvetica, sans-serif;
           font-size:  10pt;
           font-weight:  bold;
           color:  #FFFFFF;
           width:  150px;
           background-color:  #FF0000;
           border-style:  solid;
           border-width:  2px;
           border-left-width:  20px;
           border-right-width:  20px;
           border-color:  #0000FF;
           padding:  3px;
           left: 845px;
   }

/* normaler Fließtext */
   p  {
           font-family:  Verdana, Arial, Helvetica, sans-serif;
           font-size:  12pt;
           color:  #003300;
           width:  580px;
           background-color:  white;
           padding:  5px;
   }

/* Fließtext breiter */
   p.reicht  {
           font-family:  Verdana, Arial, Helvetica, sans-serif;
           font-size:  12pt;
           color:  #FF0000;
           width:  850px;
           background-color:  white;
           padding:  5px;
   }

/* Fliestext ohne div-Container */
   p.div1  {
           font-family:  Verdana, Arial, Helvetica, sans-serif;
           font-size:  12pt;
           color:  #003300;
           width:  780px;
           background-color:  white;
           padding:  5px;
   }

/* normaler Fließtext rot */
   p.rot  {
           font-family:  Verdana, Arial, Helvetica, sans-serif;
           font-size:  12pt;
           font-weight:  bold;
           color:  #FF0000;
           width:  570px;
           border-style:  double;
           border-width:  5px;
           border-color:  #FFFF00;
           background-color:  white;
           padding:  5px;
   }

/* Fehlertext als Fließtext rot */
   p.rot1  {
           font-family:  Verdana, Arial, Helvetica, sans-serif;
           font-size:  10pt;
           color:  #FF0000;
           width:  560px;
           border-style:  double;
           border-width:  5px;
           border-color:  #FF0000;
           background-color:  white;
           padding:  5px;
   }

/* Fließtext bgcolor=blau, Rahmen=gelb und Schrift= weiss */
   p.gelb  {
           font-family:  Verdana, Arial, Helvetica, sans-serif;
           font-size:  10pt;
           font-weight:  bold;
           color:  #FFFFFF;
           width:  450px;
           background-color:  #0000FF;
           border-style:  solid;
           border-width:  2px;
           border-left-width:  20px;
           border-right-width:  20px;
           border-color:  #FFFF00;
           padding:  3px;
   }

/* Bildunterschrift als Fließtext */
   p.bild  {
           font-family:  Verdana, Arial, Helvetica, sans-serif;
           font-size:  12pt;
           color:  #003300;
           border-style:  double;
           width:  800px;
           background-color:  white;
           padding:  5px;
   }

/* kleiner Fließtext */
   p.klein  {
           font-family:  Verdana, Arial, Helvetica, sans-serif;
           font-size:  9pt;
           color:  #003300;
           width:  300px;
           background-color:  white;
           padding:  5px;
   }

/* kleiner Fließtext Fotgraph */
   p.kleiner  {
           padding:  0.4em 0.6em;
           font-family:  Verdana, Arial, Helvetica, sans-serif;
           font-size:  8pt;
           font-weight:  bold;
           color:  #000;
           border: 3px double #FF0000;
           width:  130px;
           background-color:  #dede99;
           position:  absolute;
           top:  610px;  left:  650px;
   }

/* kleinera Fließtext Fotgraph (oben)*/
   p.kleinera  {
           padding:  0.em 0.6em;
           font-family:  Verdana, Arial, Helvetica, sans-serif;
           font-size:  8pt;
           font-weight:  bold;
           color:  #000;
           border: 3px double #FF0000;
           width:  130px;
           background-color:  #dede99;
           position:  absolute;
           top:  110px;  left:  650px;
   }

/* kleinera Fließtext Fotgraph 390px  width (oben)*/
   p.kleineraa  {
           padding:  0.em 0.6em;
           font-family:  Verdana, Arial, Helvetica, sans-serif;
           font-size:  8pt;
           font-weight:  bold;
           color:  #000;
           border: 3px double #FF0000;
           width:  130px;
           background-color:  #dede99;
           position:  absolute;
           top:  110px;  left:  390px;
   }

/* kleinera Fließtext Fotgraph 670px  width (oben)*/
   p.kleineraab  {
           padding:  0.em 0.6em;
           font-family:  Verdana, Arial, Helvetica, sans-serif;
           font-size:  8pt;
           font-weight:  bold;
           color:  #000;
           border: 3px double #FF0000;
           width:  130px;
           background-color:  #dede99;
           position:  absolute;
           top:  110px;  left:  670px;
   }

/* kleiner Fließtext Fotgraph 160 width unten */
   p.kleinerb  {
           padding:  0.4em 0.6em;
           font-family:  Verdana, Arial, Helvetica, sans-serif;
           font-size:  8pt;
           font-weight:  bold;
           color:  #000;
           border: 3px double #FF0000;
           width:  160px;
           background-color:  #dede99;
           position:  absolute;
           top:  610px;  left:  650px;
   }

/* kleiner Fließtext Fotgraph 160 width oben */
   p.kleinerc  {
           padding:  0.4em 0.6em;
           font-family:  Verdana, Arial, Helvetica, sans-serif;
           font-size:  8pt;
           font-weight:  bold;
           color:  #000;
           border: 3px double #FF0000;
           width:  160px;
           background-color:  #dede99;
           position:  absolute;
           top:  110px;  left:  650px;
   }

/* kleiner Fließtext Fotgraph 160 width oben links 550 */
   p.kleinerd  {
           padding:  0.4em 0.6em;
           font-family:  Verdana, Arial, Helvetica, sans-serif;
           font-size:  8pt;
           font-weight:  bold;
           color:  #000;
           border: 3px double #FF0000;
           width:  160px;
           background-color:  #dede99;
           position:  absolute;
           top:  110px;  left:  550px;
   }

/* kleiner Fließtext Fotgraph 160 width oben links 420 top 810 */
   p.kleinere  {
           padding:  0.4em 0.6em;
           font-family:  Verdana, Arial, Helvetica, sans-serif;
           font-size:  8pt;
           font-weight:  bold;
           color:  #000;
           border: 3px double #FF0000;
           width:  160px;
           background-color:  #dede99;
           position:  absolute;
           top:  810px;  left:  420px;
   }

/* Fließtext für Zitate */
   p.zitat  {
           font-family:  Verdana, 90Arial, Helvetica, sans-serif;
           font-size:  10pt;
           font-weight:  bold;
           color:  #003300;
           width:  180px;
           background-color:  white;
           padding:  5px;
   }

/* Fließtext für Zitate, Öffnungszeiten usw, in roter Schrift */
   p.zitat1  {
           font-family:  Verdana, Arial, Helvetica, sans-serif;
           font-size:  9pt;
           font-weight:  bold;
           color:  #FF3300;
           border-style: ridge;
           border-width:  5px;
           border-color:  red;
           width:  180px;
           background-color:  yellow;
           padding:  5px;
   }

/* */
   legend {
           padding: 0.1em 0.4em;
           font-weight: bold;
           color: #000;
           border: 3px double #FF0000;
           background-color: #dede99;
   }

/* Box für Navigationsspalte */
   #navi  {
           margin:  5px;
           width:  215px;
           position:  absolute;
           top:  0px;  left:  0px;
   }

/* Box für Hauptspalte */
   #main  {
           margin-top:  5px;
           width:  600px;
           position:  absolute;
           top:  0px;  left:  220px;
}

/* Box für Texte */
   #main1  {
           margin-top:  5px;
           width:  900px;
           position:  absolute;
           top:  0px;  left:  220px;
   }

/* Box für rechte Bilderspalte */
   #bilder  {
           margin:  5px;
           width:  170px;
           position:  absolute;
           top:  0px;  left:  825px;
   }

/* Box für Bilderseite */
     #bilderl  {
           margin:  5px;
           width:  800px;
           position:  absolute;
           top:  0px;  left:  100px;
   }

/*Box für die Sponsoren */
   #sponsoren  {
           font-family:  Verdana, Arial, Helvetica, sans-serif;
           font-size:  12pt;
           align:  center;
           color:  #000000;
           width:  900px;
           position:  absolute;
           top:  280px; left:  220px;
          /*top:  380px; left:  220px; */
   }

/* Box für die Größentabellen */
   #groessen  {
           font-family:  Verdana, Arial, Helvetica, sans-serif;
           font-size:  8pt;
           align:  center;
           color:  #000000;
           width:  990px;
           position:  absolute;
           top:  110px; left:  220px;
   }

/* Gelber Untergrund */
   .yellow  {
           font-family:  Verdana, Arial, Helvetica, sans-serif;
           font-size:  14pt;
           font-weight:  bold;
           align:  center;
           color:  #000000;
           width: 500;
           background-color: yellow;
           border-style:  solid;
           border width: 1px;
           border-color:  #FF0000;
           padding:  3px;
   }

/* Rahmen für Datum: */
   .datum  {
           font-family: Verdana, Arial,  Helvetica, sans-serif;
           font-size:  14pt;
           font-weight:  bold;
           text-align:  center;
           margin-left:  30px;
           border-style:  solid;
           border-width:  2px;
           border-color:  #ff0000;
           width:  130px;
           padding:  3px;
           color:  #white;
           background-color:  #FFFF00;
   }

/* Horizontale Linie färben (rot) */
   .linierot  {
           border:  0px;
           border-top:  solid 1px red;
           border-bottom:  transparent;
           height:  1px;
   }

/* Rahmen für Buttons: */
   .linkbox  {
           font-family: Verdana, Arial,  Helvetica, sans-serif;
           font-size:  9pt;
           margin-left:  10px;
           border-style:  solid;
           border-width:  1px;
           border-color:  #ff0000;
           width:  170px;
           padding:  3px;
           color:  #white;
           background-color:  #00ffff;
   }

/* Button für die aktive Seite: */
   .linkboxaktiv  {
           font-family: Verdana, Arial,  Helvetica, sans-serif;
           font-size:  9pt;
           font weight:  bold;
           margin-left:  10px;
           border-style:  solid;
           border-width:  1px;
           border-color:  #ff9900;
           width:  170px;
           padding:  3px;
           color:  white;
           background-color:  #ff0000;
   }

/* Button für die aktive Seite: Text zentriert */
   .linkboxaktiv1  {
           font-family: Verdana, Arial,  Helvetica, sans-serif;
           font-size:  9pt;
           font weight:  bold;
           text-align:  center;
           margin-left:  10px;
           border-style:  solid;
           border-width:  1px;
           border-color:  #ff9900;
           width:  170px;
           padding:  3px;
           color:  white;
           background-color:  #ff0000;
   }

/* Button für inaktive Seite: */
   .linkboxinaktiv  {
           font-family: Verdana, Arial,  Helvetica, sans-serif;
           font-size:  9pt;
           font weight:  bold;
           margin-left:  10px;
           border-style:  solid;
           border-width:  1px;
           border-color:  #000000;
           width:  170px;
           padding:  3px;
           color:  gray;
           background-color:  #c0c0c0;
   }

/* Button für inaktive Seite: */
   .linkboxversammlung  {
           font-family: Verdana, Arial,  Helvetica, sans-serif;
           font-size:  9pt;
           font weight:  bold;
           margin-left:  10px;
           border-style:  solid;
           border-width:  1px;
           border-color:  #000000;
           width:  170px;
           padding:  3px;
           color:  blue;
           background-color:  #ffff00;
   }

/* Button für Gedenk Seite */
   .gedenken  {
           font-family: Verdana, Arial,  Helvetica, sans-serif;
           font-size:  9pt;
           margin-left:  10px;
           border-style:  solid;
           border-width:  1px;
           border-color:  #FFFFFF;
           width:  170px;
           padding:  3px;
           color:  #FFFFFF;
           background-color:  #000000;
   }

/* Splash-Screen zur 100 Jahrfeier */
   .splash  {
           position:  absolute;
           color: black;
           top:  320px;
           left: 420px;
           width:  400px;
           height:  290px;                 /* Normal 222px */
           background-color:  yellow;
           text-align:  center;
           visibility:  hidden;
           z-index:  10;
}

/*  */
   .schatten {
           position: absolute;
           top: 326px;
           left: 430px;
           width: 400px;
           height: 290px;                 /* Normal 222px */
           background-color: gray;
           visibility: hidden;
           z-index: 10;
   }

/* Größentabellen */
   TD.groessentabelle {
           color: #000000;
           font-size: 12px;
           border-right: #ece9d8 1px;
           border-top: #ece9d8 1px;
           border-left: #ece9d8 1px;
           border-bottom: #ece9d8 1px;
   }