body {
    background-color: #FFF8DC;
    font-family: Tahoma, Helvetica, sans-serif, Times New Roman;
    font-size: 1.2em;
   }

#sstern {
    float: right;
     width:100px;
 }

div#brettoben {
  position: relative;
  width: 100%;
  left: 0%;
  top: 0%;
  margin: 0px;
  margin-left: 0;
  z-index: 10;
 }


.bestellbutton
 {
  cursor: pointer;    /* das legt die Hnad fest über dem Knopf*/
  font-size: 1em;
  font-family: Tahoma, Helvetica, sans-serif, Times New Roman;
  border: 1px shadow #000000;
  background-color: #94D639;
  width: 200px;
  padding: 2px;

}


ul#menue {

  font-size: 75%;

  position: absolute;
  width: 13%;          /* das setzt die Breite des Menuebalkens auf 15% vom Bildschirm fest   */
  height: 100%;        /* das heisst das der Balken 100% in der Senkrechten einnimmt vom Bildschirm */
  left: 0%;            /* Rückt den balken an den linken rand des bildschirms */
  margin-top: 0em;     /* Rückt den Kompletten Kasten durch die Geggend */
  padding-top: 0%;     /* das rückt die Schilder oben ein bisschen von der Rahmenkante ab   */
  padding-left: 0%;    /* das definiert den linken Innenrand vernünftig so wie den obenren  */
  border-left-width: 0px;
  border-top-width: 0px;
  border-bottom-width: 0px;
  border-right-width: 1px;
  border-style: solid;
  border-color: black;
  z-index: 11;
}
  ul#menue2 {

  font-size: 75%;

  position: absolute;
  width: 13%;          /* das setzt die Breite des Menuebalkens auf 15% vom Bildschirm fest   */
  height: 100%;        /* das heisst das der Balken 100% in der Senkrechten einnimmt vom Bildschirm */
  left: 0%;            /* Rückt den balken an den linken rand des bildschirms */
  margin-top: 0em;     /* Rückt den Kompletten Kasten durch die Geggend */
  padding-top: 0%;     /* das rückt die Schilder oben ein bisschen von der Rahmenkante ab   */
  padding-left: 0%;    /* das definiert den linken Innenrand vernünftig so wie den obenren  */
  border-left-width: 0px;
  border-top-width: 0px;
  border-bottom-width: 0px;
  border-right-width: 1px;
  border-style: solid;
  border-color: black;
  z-index: 11;
}

  ul#menue3 {

  font-size: 75%;

  position: absolute;
  width: 13%;          /* das setzt die Breite des Menuebalkens auf 15% vom Bildschirm fest   */
  height: 100%;        /* das heisst das der Balken 100% in der Senkrechten einnimmt vom Bildschirm */
  left: 0%;            /* Rückt den balken an den linken rand des bildschirms */
  margin-top: 0em;     /* Rückt den Kompletten Kasten durch die Geggend */
  padding-top: 0%;     /* das rückt die Schilder oben ein bisschen von der Rahmenkante ab   */
  padding-left: 0%;    /* das definiert den linken Innenrand vernünftig so wie den obenren  */
  border-left-width: 0px;
  border-top-width: 0px;
  border-bottom-width: 0px;
  border-right-width: 1px;
  border-style: solid;
  border-color: #FFCC66;
  z-index: 11;
}

div#startseite {
  position: relative;
  width: 85%;
  height: 100%;
  margin-left: 13%;  /* das rückt den Kasten startseite 15% vom linken rand weg */
  margin-top: 0em;
  padding-right: 2%;
  padding-top: 1%;   /* f+gt oben ein bisschen rand hinzu   */
  padding-left: 2%;  /* das fügt links ein bisschen Rand hinzu  */
  z-index: 2;
}

div#besucher {
  position: relative;
  width: 3%;
  height: 100%;
  margin-left: 97%;  /* das rückt den Kasten startseite 15% vom linken rand weg */
  margin-top: 0em;
  padding-right: 0%;
  padding-top: 0%;   /* f+gt oben ein bisschen rand hinzu   */
  padding-left: 0%;  /* das fügt links ein bisschen Rand hinzu  */
  font-size: 0.8em;
  color: #A4A4A4;      /* er macht die Schriftfarbe von dem echo */
  a { text-decoration: none; } /* Unterstreichung entfernen - geht noch nicht*/
  z-index: 2;
}


div#produkte {
  position: relative;
  width: 85%;
  height: 100%;
  margin-left: 13%;  /* das rückt den Kasten startseite 15% vom linken rand weg */
  margin-top: 0em;
  padding-right: 2%;
  padding-top: 1%;   /* f+gt oben ein bisschen rand hinzu   */
  padding-left: 2%;  /* das fügt links ein bisschen Rand hinzu  */
  z-index: 2;
}

         div#standardreihe {
           position: absolute;
           width: 98%;
           height: 100%;
           left: 0%;
           margin-top: 0em;
           padding-top: 1%;
           padding-left: 1%;
           padding-right: 1%;
           z-index: 2;
         }

                 div#erlaeuterungen {
                   position: absolute;
                   width: 98%;
                   height: 100%;
                   left: 0%;
                   margin-top: 0em;
                   padding-top: 1%;
                   padding-left: 1%;
                   padding-right: 1%;
                   z-index: 2;
                 }

                 div#bestellformular {
                   position: absolute;
                   width: 98%;
                   height: 100%;
                   left: 0%;
                   margin-top: 0em;
                   padding-top: 1%;
                   padding-left: 1%;
                   padding-right: 1%;
                   z-index: 2;
                 }

         div#baukasten {
           position: absolute;
           width: 98%;
           height: 100%;
           left: 0%;
           margin-top: 0em;
           padding-top: 1%;
           padding-left: 1%;
           padding-right: 1%;
           z-index: 2;
           }

                div#baukasten2 {
                   position: absolute;
                   width: 98%;
                   height: 100%;
                   left: 0%;
                   margin-top: 0em;
                   padding-top: 1%;
                   padding-left: 1%;
                   padding-right: 1%;
                   z-index: 2;
                 }

                div#farbtafel {
                   position: absolute;
                   width: 98%;
                   height: 100%;
                   left: 0%;
                   margin-top: 0em;
                   padding-top: 1%;
                   padding-left: 1%;
                   padding-right: 1%;
                   z-index: 2;
                 }

          div#beispiel {
           position: absolute;
           width: 98%;
           height: 100%;
           left: 0%;
           margin-top: 0em;
           padding-top: 1%;
           padding-left: 1%;
           padding-right: 1%;
           z-index: 2;
           }

div#service {
  position: relative;
  width: 85%;
  height: 100%;
  margin-left: 13%;  /* das rückt den Kasten startseite 15% vom linken rand weg */
  margin-top: 0em;
  padding-right: 2%;
  padding-top: 1%;   /* f+gt oben ein bisschen rand hinzu   */
  padding-left: 2%;  /* das fügt links ein bisschen Rand hinzu  */
  z-index: 2;
}

div#kaufabwicklung {
  position: relative;
  width: 85%;
  height: 100%;
  margin-left: 13%;  /* das rückt den Kasten startseite 15% vom linken rand weg */
  margin-top: 0em;
  padding-right: 2%;
  padding-top: 1%;   /* f+gt oben ein bisschen rand hinzu   */
  padding-left: 2%;  /* das fügt links ein bisschen Rand hinzu  */
  z-index: 2;
}

         div#anfrage {
           position: relative;
           width: 83%;
           height: 100%;
           margin-left: 13%;  /* das rückt den Kasten startseite 15% vom linken rand weg */
           margin-top: 0em;
           padding-right: 2%;
           padding-top: 1%;   /* f+gt oben ein bisschen rand hinzu   */
           padding-left: 2%;  /* das fügt links ein bisschen Rand hinzu  */
           z-index: 2;
         }

         div#bestellung {
           position: relative;
           width: 83%;
           height: 100%;
           margin-left: 13%;  /* das rückt den Kasten startseite 15% vom linken rand weg */
           margin-top: 0em;
           padding-right: 2%;
           padding-top: 1%;   /* f+gt oben ein bisschen rand hinzu   */
           padding-left: 2%;  /* das fügt links ein bisschen Rand hinzu  */
           z-index: 2;
         }

       div#bezahlung {
           position: relative;
           width: 83%;
           height: 100%;
           margin-left: 13%;  /* das rückt den Kasten startseite 15% vom linken rand weg */
           margin-top: 0em;
           padding-right: 2%;
           padding-top: 1%;   /* f+gt oben ein bisschen rand hinzu   */
           padding-left: 2%;  /* das fügt links ein bisschen Rand hinzu  */
           z-index: 2;
         }

        div#lieferung {
           position: relative;
           width: 83%;
           height: 100%;
           margin-left: 13%;  /* das rückt den Kasten startseite 15% vom linken rand weg */
           margin-top: 0em;
           padding-right: 2%;
           padding-top: 1%;   /* f+gt oben ein bisschen rand hinzu   */
           padding-left: 2%;  /* das fügt links ein bisschen Rand hinzu  */
           z-index: 2;
         }

                 div#transportschaden {
                  position: absolute;
                  width: 98%;
                  height: 100%;
                  left: 0%;
                  margin-top: 0em;
                  padding-top: 1%;
                  padding-left: 1%;
                  padding-right: 1%;
                  z-index: 2;
                  }

div#vorstellung {
  position: relative;
  width: 85%;
  height: 100%;
  margin-left: 13%;  /* das rückt den Kasten startseite 15% vom linken rand weg */
  margin-top: 0em;
  padding-right: 2%;
  padding-top: 1%;   /* f+gt oben ein bisschen rand hinzu   */
  padding-left: 2%;  /* das fügt links ein bisschen Rand hinzu  */
  z-index: 2;
}

div#anfahrt {
  position: relative;
  width: 85%;
  height: 100%;
  margin-left: 13%;  /* das rückt den Kasten startseite 15% vom linken rand weg */
  margin-top: 0em;
  padding-right: 2%;
  padding-top: 1%;   /* f+gt oben ein bisschen rand hinzu   */
  padding-left: 2%;  /* das fügt links ein bisschen Rand hinzu  */
  z-index: 2;
}

         div#anfahrtgross {
           position: absolute;
           width: 98%;
           height: 100%;
           left: 0%;
           margin-top: 0em;
           padding-top: 1%;
           padding-left: 1%;
           padding-right: 1%;
         }

         div#anfahrtkastorf {
           position: absolute;
           width: 98%;
           height: 100%;
           left: 0%;
           margin-top: 0em;
           padding-top: 1%;
           padding-left: 1%;
           padding-right: 1%;
           z-index: 2;
         }

div#sonstiges {
  position: relative;
  width: 85%;
  height: 100%;
  margin-left: 13%;  /* das rückt den Kasten startseite 15% vom linken rand weg */
  margin-top: 0em;
  padding-right: 2%;
  padding-top: 1%;   /* f+gt oben ein bisschen rand hinzu   */
  padding-left: 2%;  /* das fügt links ein bisschen Rand hinzu  */
  z-index: 2;
}

         div#haltbarkeit {
           position: relative;
           width: 85%;
           height: 100%;
           margin-left: 13%;  /* das rückt den Kasten startseite 15% vom linken rand weg */
           margin-top: 0em;
           padding-right: 2%;
           padding-top: 1%;   /* f+gt oben ein bisschen rand hinzu   */
           padding-left: 2%;  /* das fügt links ein bisschen Rand hinzu  */
           z-index: 2;
         }

         div#sicherheit {
           position: relative;
           width: 85%;
           height: 100%;
           margin-left: 13%;  /* das rückt den Kasten startseite 15% vom linken rand weg */
           margin-top: 0em;
           padding-right: 2%;
           padding-top: 1%;   /* f+gt oben ein bisschen rand hinzu   */
           padding-left: 2%;  /* das fügt links ein bisschen Rand hinzu  */
           z-index: 2;
         }

         div#video {
           position: relative;
           width: 83%;
           height: 100%;
           margin-left: 13%;  /* das rückt den Kasten startseite 15% vom linken rand weg */
           margin-top: 0em;
           padding-right: 2%;
           padding-top: 1%;   /* f+gt oben ein bisschen rand hinzu   */
           padding-left: 2%;  /* das fügt links ein bisschen Rand hinzu  */
           z-index: 2;
         }

div#faq {
  position: relative;
  width: 83%;
  height: 100%;
  margin-left: 13%;  /* das rückt den Kasten startseite 15% vom linken rand weg */
  margin-top: 0em;
  padding-right: 2%;
  padding-top: 1%;   /* f+gt oben ein bisschen rand hinzu   */
  padding-left: 2%;  /* das fügt links ein bisschen Rand hinzu  */
  z-index: 2;
}

div#links {
  position: relative;
  width: 83%;
  height: 100%;
  margin-left: 13%;  /* das rückt den Kasten startseite 15% vom linken rand weg */
  margin-top: 0em;
  padding-right: 2%;
  padding-top: 1%;   /* f+gt oben ein bisschen rand hinzu   */
  padding-left: 2%;  /* das fügt links ein bisschen Rand hinzu  */
  z-index: 2;
}

div#rechtliches {
  position: relative;
  width: 83%;
  height: 100%;
  margin-left: 13%;  /* das rückt den Kasten startseite 15% vom linken rand weg */
  margin-top: 0em;
  padding-right: 2%;
  padding-top: 1%;   /* f+gt oben ein bisschen rand hinzu   */
  padding-left: 2%;  /* das fügt links ein bisschen Rand hinzu  */
  z-index: 2;
}

div#impressum {
  position: relative;
  width: 83%;
  height: 100%;
  margin-left: 13%;  /* das rückt den Kasten startseite 15% vom linken rand weg */
  margin-top: 0em;
  padding-right: 2%;
  padding-top: 1%;   /* f+gt oben ein bisschen rand hinzu   */
  padding-left: 2%;  /* das fügt links ein bisschen Rand hinzu  */
  z-index: 2;
}