body
  {
  background: #BFD0FF;
  overflow:scroll;
  color:#001140;
  font-family:arial,sans-serif;
  font-size: 1.0em;
  margin:0px;
  margin-top:0px;
  margin-left:0px;
  margin-right:0px;
  border-width:10px;
  padding:0px
  }

/*10 Punkte dunkelblau ganz am oberen Bildrand*/
#ueberkopfflaeche
  {
  background:#001140;
  height:10px;
  border:0px;
  }

/*dunkelblau bis hellblau verlaufende Fläche dicht am oberen Bildrand mit Logo, Kopfbild (Eime) un Zähler*/
#kopfflaeche
  {
  background: linear-gradient(to bottom, #001140, #BFD0FF);
  height:109px;
  border:0px;
  }

/*weiße Fläche unterhalb der Kopffläche, die den Text aufnimmt*/
#flaeche
  {
  background:#FFFFFF;
  overflow:visible;      /*visible: Standardwert. Der Inhalt wird nicht abgeschnitten und kann aus dem Element hinausragen.*/
  position:absolute;
  left: 14.5em;
  right: 1.0em;
  top:120px;
  border-width:1px;
  border-color:#5F79BF;
  border-style:dotted;
  margin:0 auto;
  }

/*graue Fläche am unteren Rand, die Copyright etc. aufnimmt*/
#unten
  {
  background:#DDDDDD;
  overflow:auto;         /*auto: Hängt vom Browser ab. Firefox stellt Scrollbalken zur Verfügung, wenn der Inhalt überläuft.*/
  border-width:0px;
  border-top-width:1px;
  border-color:#5F79BF;
  border-style:dotted;
  margin:0 auto

  }

/*Menü für Seiten am linken Rand*/
#menureihe
  {
  position:absolute;
  z-index: 5;
  top:120px;
  left:  1.0em
  }


/*blaues Bild - Eime*/
#kopfgrafik
  {
  position:absolute;
  z-index: 2;
  top:10px;
  right: 10.0em
  }

.kopfgr
 {
  width:400px;
  height:100px;
  border:0px
 }

/*schmic.de*/
#logografik
  {
  position:absolute;
  z-index: 3;
  top:20px;
  left:  1.0em;
  width:200px;
  height:100px
}
.logogr
 {
  width:150px;
  height:50px
 }

/*Fläche für Zählergrafik*/
#zaehlergrafik
  {
  position:absolute;
  top:10px;
  right: 1.0em
  }

.zahlgr
 {
  width: 120px;
  height: 20px
 }


/*Fläche für das Hamburger Menü*/

#hamiconbody
  {
  width:14em;
  }


#hamicon
  {
  position:absolute;
  z-index: 4;
  top:70px;
  left:  1.0em;
  width:50px;
  height:50px
  }

.hicon
  {
  width:30px;
  height:30px;
  width:  2.5em;
  height: 2.5em;
  border:0px
  }


/*Für die Menüstruktur*/
tr#menue td,
tr#menue01 td,
tr#menue02 td,
tr#menue03 td,
tr#menue04 td,
tr#menue05 td,
tr#menue06 td,
tr#menue07 td,
tr#menue08 td,
tr#menue09 td,
tr#menue10 td,
tr#menue11 td,
tr#menue12 td,
tr#menue13 td,
tr#menue14 td,
tr#menue15 td,
tr#menue16 td,
tr#menue17 td,
tr#menue18 td,
tr#menue19 td,
tr#menue20 td,
tr#menuehamicon td
 {
  color:#001140;
  border-color:#203A80;
  border-width:0.2em;
  text-align:center;
  border-style:solid;
 }

tr#menue a,
tr#menue a:hover,
tr#menue01 a,
tr#menue01 a:hover,
tr#menue02 a,
tr#menue02 a:hover,
tr#menue03 a,
tr#menue03 a:hover,
tr#menue04 a,
tr#menue04 a:hover,
tr#menue05 a,
tr#menue05 a:hover,
tr#menue06 a,
tr#menue06 a:hover,
tr#menue07 a,
tr#menue07 a:hover,
tr#menue08 a,
tr#menue08 a:hover,
tr#menue09 a,
tr#menue09 a:hover,
tr#menue10 a,
tr#menue10 a:hover,
tr#menue11 a,
tr#menue11 a:hover,
tr#menue12 a,
tr#menue12 a:hover,
tr#menue13 a,
tr#menue13 a:hover,
tr#menue14 a,
tr#menue14 a:hover,
tr#menue15 a,
tr#menue15 a:hover,
tr#menue16 a,
tr#menue16 a:hover,
tr#menue17 a,
tr#menue17 a:hover,
tr#menue18 a,
tr#menue18 a:hover,
tr#menue19 a,
tr#menue19 a:hover,
tr#menue20 a,
tr#menue20 a:hover,
tr#menuehamicon a
  {
  font-weight:normal;
  display:block;
  width: 10.0em;
  background-color:#001140;
  color:#203A80;
  border-color:#5F79BF;
  border-width:0px;
  text-align:left;
  padding: 0.8em;
  padding-left:  1.0em;
  padding-right: 1.0em
  }

tr#menue a:hover,
tr#menue01 a:hover,
tr#menue02 a:hover,
tr#menue03 a:hover,
tr#menue04 a:hover,
tr#menue05 a:hover,
tr#menue06 a:hover,
tr#menue07 a:hover,
tr#menue08 a:hover,
tr#menue09 a:hover,
tr#menue10 a:hover,
tr#menue11 a:hover,
tr#menue12 a:hover,
tr#menue13 a:hover,
tr#menue14 a:hover,
tr#menue15 a:hover,
tr#menue16 a:hover,
tr#menue17 a:hover,
tr#menue18 a:hover,
tr#menue19 a:hover,
tr#menue20 a:hover
  {
  background-color:#BFD0FF;
  }

tr#menuehamicon a
  {
  background-color:#BFD0FF;
  color:#001140;
  }

/*Standardtext*/
.text
  {
  padding-top:    1.0em;
  padding-bottom: 1.0em;
  padding-left:   1.0em;
  padding-right:  1.0em;
  }

h1, .t1, h2, .t2
  {
  font-size: 1.4em;
  font-weight:bold;
  }

h2, .t2 {font-size:16px}

/*Kontaktformular*/

#kontaktflaeche
  {
  background-color:#BFD0FF;
  display:inline-block
  /* background-color:#BFD0FF; */
  /*max-width: 100%; */
  /*overflow:hidden*/
  }

table.mailtabelle
  {
  table-layout: fixed;  /*bewirkt etwas*/
  width: 40em;
  float: left;
  overflow :hidden;
  background-color:#BFD0FF;
  border-color: #001140;
  border-style: solid;
  border-width: 0.2em;
  }

td.maillabel_1
  {
  vertical-align: top;
  font-weight:bold;
  width: 10.0em
  }

td.maillabel_1_fehler
  {
  background-color:#FFFFBB;
  vertical-align: top;
  font-weight:bold;
  width: 10.0em
  }

td.maillabel_2
  {
  font-weight:bold;
  width:  5.0em
  }

td.maileingabe_1
  {
  font-weight:normal;
  width: 20.0em
  }

input.checkbox
  {
   transform: scale(1.5);
    width: 1.2em;
    height: 1.2em;
    vertical-align: top;
  }

input.texteingabe
  {
  width: 30.0em;
  color:#001140;
  vertical-align:top;
  font-family:arial,sans-serif;
  font-size: 1.0em
  }

input.ergebniseingabe
  {
  width: 2.0em;
  color:#36090B;
  vertical-align:top;
  text-align: right;
  font-family:arial,sans-serif;
  font-size: 1.0em
  }
  
/*Textformat im Mitteilungsfeld*/
.td, textarea
  {
  width: 25.0em;
  color:#001140;
  vertical-align:top;
  font-family:arial,sans-serif;
  font-size: 1.0em
  }


input.absenden
  {
  width: 10.0em;
  height: 3.0em;
  color:#003300;
  background-color:#AAFFAA;
  border-width:0.3em;
  font-size:1.0em;
  font-weight:bold;
  }

input.abbrechen
  {
  width: 10.0em;
  height: 3.0em;
  color:#330000;
  background-color:#FFAAAA;
  border-width:0.3em;
  font-size:1.0em;
  font-weight:bold;
  }

/*Ende der Kontakt-Tabelle*/

/*Text unterhalb von Bildern*/
.bild
  {
  font-size:1.0em;
  font-weight:bold;
  }


.hgrau, .rot, .gelb, .gruen
  {
  background-color:#AAAAAA;
  margin:0px;
  border-width:0px;
  padding:0px
  }


.rot
  {
  background-color:#FF3333
  }


.gelb
  {
  background-color:#FFFF33
  }


.gruen
  {
  background-color:#33FF33
  }


.footer
  {
        color:#001140;
        font-family:arial,sans-serif;
        font-size:10px;
        margin:0px;
        border-width:0px;
        padding:0px;
        text-align:center;
        }

.footer2
  {
        color:#001140;
        font-family:arial,sans-serif;
        font-size:8px;
        margin:0px;
        border-width:0px;
        padding:0px;
        text-align:center;
        }

.validator
  {
        color:#001140;
        font-family:arial,sans-serif;
        font-size:10px;
        margin:0px;
        border-width:0px;
        padding:0px;
        padding-left:20px;
        padding-right:20px;
        text-align:right
        }


a:link
  {
        text-decoration:none;
        font-weight:bold;
        color:#203A80
        }

a:visited
  {
        text-decoration:none;
        font-weight:bold;
        color:#001140
        }

a:hover
  {
        text-decoration:none;
        font-weight:bold;
        color:#001140;
        background-color:#BFD0FF
        }

a:active
  {
        text-decoration:none;
        font-weight:bold;
        color:#203A80
        }

tr#menue td
 {
  color:#203A80;
  border-color:#203A80;
  border-width:0.2ex;
  text-align:center;
  border-style:solid
 }

tr#menue a, tr#menue a:hover
  {
  font-weight:normal;
  display:block;
  width:12.5ex;
  background-color:#0F1933;
  color:#203A80;
  border-color:#203A80;
  border-width:0px;
  text-align:center
  }

tr#menue a:hover
  {
  background-color:#BFD0FF;
  }

table.bildmenutabelle
  {
  display: block
  }

tr#bildmenue td
 {
  color:#203A80;
  border-color:#203A80;
  border-width:2px;
  text-align:center;
  border-style:solid
 }

tr#bildmenue a, tr#bildmenue a:hover
  {
  font-weight:normal;
  width:  10.0em;
  height:  2.0em;
  background-color:#001140;
  color:#203A80;
  border-color:#203A80;
  border-width:0px;
  display: flex;
  align-items: center;
  justify-content: center;
  }

tr#bildmenue a:hover
  {
  background-color:#BFD0FF;
  }

.fototext1
 {
  text-align:center;
  font-size:10px;
 }

.fotobild1
 {
  width:10.9em;
  height:8.21em;
  border-width:1px
 }

.fotobild2
 {
  width:33.572em;
  height:8.21em;
  border-width:1px
 }

.fotobild3
 {
  width:10.9em;
  height:7.27em;
  border-width:1px
 }

.bildzelle3
 {
  width:10.9em;
  height:5.45em;
  border-width:1px;
  text-align:center
 }

.bildgr
 {
  width:800px;
  border-width:0px
 }

 .bildpano
 {
  width:100%;
  border-width:0px
 }