body {

  background-image: url(grafik/back-site.jpg);

  background-position: top center;

  background-repeat: no-repeat;

  background-color: #6E5F50;

  margin: 0;

  padding: 0;

  font-family: verdana, arial, helvetica, swiss, sans-serif;

  color: #CAA468;

  font-size: 11px;

  line-height: 17px;

}

img {

  border: none;

}

p {

  margin: 0 0 19px 0;

}

a {

  color: #E5D2B4;

  text-decoration: none;

}

a:hover {

  color: #B78840;

}



hr {

  width: 1px;

  height: 1px

  border: none;

  clear: both;

}



/* Zeile am obrene Bildschirmrand ................................*/

#impressum {

  text-align: right;

  padding: 2px 2px 1px 0;

  background-color: #6E5F50;

  font-size: 11px;

  height: 16px;

}

  #impressum a {

    color: #CAA468;

    text-decoration: none;

  }





/* der Block in der Mitte.........................................*/

#content {

  width: 890px;

  height: 532px;

  background-image: url(grafik/back-content.gif);

  background-repeat: no-repeat;

  margin-top: -266px;

  margin-left: -445px;

  position: absolute;

  top: 49%;

  left: 50%;

}

/* Kopfzeile mit den Pfeilen nach re u li.........................*/

#header {

  height: 61px;

  margin: 0 0 0 0;

  padding: 0 0 0 0;

}

  #buw {

    float:right;

    margin: 0 10px 0 0;

    background-image: url(grafik/bu-weitere.gif);

    background-position: bottom;

    width: 263px;

    height: 39px;

  }

  #buw:hover {

    background-position: top;

  }

  #buz {

    float: left;

    background-image: url(grafik/bu-zurueck.gif);

    background-position: bottom;

    width: 263px;

    height: 39px;

  }

  #buz:hover {

    background-position: top;

  }

/* rechte Spalte mit Text oder Thumbnails.........................*/

#rightcol {

  margin: 0 33px 0 0;

  float: right;

  width: 444px;

  height: 392px;

}

  #picrightcol {

    margin: 0 0px 0 0;

    float: right;

    width: 444px;

    height: 392px;

  }

  #rightcol img {

    margin: 0 12px 12px 0;

  }

  #rightcol img.last {

    margin: 0 0 12px 0;

  }

/* linke Spalte mit dem großen Bild...............................*/

#leftcol {

  width: 264px;

  height: 391px;

  margin: 0 76px 0 76px;

}

/* Fußzeile mit der Navigation....................................*/

#footer {

  margin: 38px 0 0 0;

}



/* Liste mit den Preisen..........................................*/

#preise {

  margin: 0 0 0 0;

  padding: 0 0 0 0;

  list-style-type: none;

}

  #preise li {

    margin: 0 0 17px 0

  }













/* Navigation.....................................................*/

#navi {

  list-style-type: none;

}

  #navi li {

    float: left;

  }

  #navi li.fotos {

    margin: 0 0 0 70px;

    background-image: url(grafik/bu-fotos.gif);

  }

  #navi li.fotos:hover, #navi li.fotos-hl {

    margin: 0 0 0 70px;

    background-image: url(grafik/bu-fotos-hl.gif);

  }

  #navi li.infos {

    margin: 0 0 0 80px;

    background-image: url(grafik/bu-infos.gif);

  }

  #navi li.infos:hover, #navi li.infos-hl {

    margin: 0 0 0 80px;

    background-image: url(grafik/bu-infos-hl.gif);

  }

  #navi li.preise {

    margin: 0 0 0 110px;

    background-image: url(grafik/bu-preise.gif);

  }

  #navi li.preise:hover, #navi li.preise-hl {

    margin: 0 0 0 110px;

    background-image: url(grafik/bu-preise-hl.gif);

  }

  #navi li.kontakt {

    margin: 0 0 0 90px;

    background-image: url(grafik/bu-kontakt.gif);

}

  #navi li.kontakt:hover, #navi li.kontakt-hl {

    margin: 0 0 0 90px;

    background-image: url(grafik/bu-kontakt-hl.gif);

  }







/* Kontaktformular................................................*/

#mailform textarea {

  font-family: arial, helvetica, swiss, sans-serif;

  font-size: 11px;

  color: #000;

  border: 1px solid #CCAE77;

  background-color: #EDEAE7;

  width: 340px;

  height: 80px;

  padding: 2px;

  margin-bottom: 11px;

}

#mailform input {

  font-family: arial, helvetica, swiss, sans-serif;

  font-size: 11px;

  color: #000;

  border: 1px solid #CCAE77;

  background-color: #EDEAE7;

  width: 340px;

  padding: 2px;

}

label {

  display: block;

  margin-bottom: 11px;

}

#button {

  width: 100px !important;

}
