body {
   font-size: 12pt;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   margin:40px; padding:0px;

   background: url(bilder/back.png) no-repeat center center fixed;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
  }

   body { overflow:scroll; }

 /* Hier beginnt Navigationsleiste 1 (oben) xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */

   ul#Navigation {                      /* ganze Navigationsleiste */
    margin: 0; padding: 11px 0 ;
    text-align: center;
    border: px  solid #9EB9D4;
    background-color: ;
    height: px;
    width:950;
  }

  ul#Navigation li {
    list-style: none;
    display: inline-block;
    margin: 0.em; padding: 0 0;
  }

  ul#Navigation a, ul#Navigation span {        /* Buttons ohne drücken oder hover */
    padding: 0.2em 1em;
    text-decoration: none; font-weight: bol; font-size: 15;
    border: 1px solid Black;
    border-left-color: White; border-top-color: White;
    color: Black; background-color:#C8CFD5;
    padding-left: 38px; padding-right: 38px; padding-bottom: 2px; padding-top:2px;
    margin-left: 0px;margin-right: 0px;
    background: url(bilder/button.png) #F0F0F0;

  }

  * html ul#Navigation a, * html ul#Navigation span {
    width: 1em;    /* nur fuer IE 5.0x erforderlich */
    w/idth: auto;  /* sicherheitshalber fuer IE 6 zurueckgesetzt */

  }
  ul#Navigation a:hover, ul#Navigation span {
    border-color: White;
    border-left-color: Black; border-top-color: Black;
    color: gold; background-color: #83919E;
    background: url(bilder/button-hover.png) #83919E;
  }


 /* Hier beginnt das Kontaktformular xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */

  form {
  ackground-color: #D6E0ED;
  width: 700px; /* Breite des Formulars */
  padding: 20px;
 border: 0px solid grey;
}
label { /* Beschriftung auf eigener Zeile */
  display: block;
  cursor: pointer; /* Mauszeiger wird zur Hand */
}
input#absender,
textarea {
  width:600px;
  height:30px;
  border: 1px solid grey;
  margin-bottom: 1em;
}
textarea {
  height: 9em;
}
input:focus,
textarea:focus {
  background-color: #d9d9d9;
}



 /* Hier beginnt der Zoom für die Bilder xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/

  <style>
  img.zoom {
  transition: transform 0.8s;
  -moz-transition: transform 0.8s;
  -webkit-transition: transform 0.8s;
  -o-transition: transform 0.8s;
  -ms-transition: transform 0.8s;
 }
  img.zoom:hover {
  cursor: zoom-in;
  cursor: -moz-zoom-in;
  cursor: -webkit-zoom-in;
  transform: scale(2.0, 2.0);
  -moz-transform: scale(2.0, 2.0);
  -webkit-transform: scale(2.0, 2.0);
  -o-transform: scale(2.0, 2.0);
  -ms-transform: scale(2.0, 2.0);
 }
  </style>


 /* Hier beginnt Navigationsleiste 2 (unten) xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */