body {
  background-image: url(Bilder/bg.png);
  background-repeat: no-repeat;
  background-position: center top;
  font-family: verdana, non-serif;
  font-size: 90%;
  font-stretch: 80%;
  color: #5d3325;
}

body.geschichte {
  background-image: url(Bilder/bgg.png);
}

div.main {
  width: 1000px;
  position: absolute; left: 50%; top: 0px; bottom: 0px;
  margin-left: -500px;
}

div.content {
  position: absolute; left: 65px; right: 490px; top: 240px; bottom: 20px;
  padding: 20px;
}

.content img {
  margin-top: 20px;
}

.content p {
  margin-bottom: 25px;
}

div.oeffnungszeiten {
  position: absolute; left: 532px; top: 256px;
  padding-left: 20px;
  padding-top: 5px;
  padding-bottom: 10px;
  color: #5d3325;
  width: 350px;
}


.oeffnungszeiten table {
  width: 100%;
  margin: 0px;
}

div.karte  {
  /*background-color: #ffffff;*/
  position: absolute; left: 570px; top: 270px;
  padding-left: 25px;
  padding-top: 20px;
  padding-bottom: 20px;
  height: 500px; width: 355px;
  overflow: auto;
  opacity: 0.4;
}

div.karte:hover {
  opacity: 1;
}

div.info {
  position: absolute; left: 570px; top: 283px;
  padding-left: 25px;
  padding-bottom: 20px;
  height: max; width: 355px;
  max-height: 400px;
  overflow: auto;
  opacity: 0.4;
}

div.info:hover {
  opacity: 1;
}

td {
  padding-bottom: 5px; 
}

h3 {
  font-size: 120%;
  margin-bottom: 30px;
}

/*------------------------BILDER--------------*/

div.galery {
  position: absolute; left: 531px; top: 282px; 
  width: 447px;
  height: 200px;
  text-align: center;
}

img.bild {
}


button {
  background: none;
  border: none;
  margin-top: 20px;
}

button:hover img{
  width: 18px;
  opacity: 0.9;
}

.left {
  position: absolute; left: 10px; top: 70px;
}

.right {
  position: absolute; left: 400px; top: 70px;
}


/*--------------------------LINKS------------*/

a {
  font-weight: bold;
  color: #5d3325;
}

a.impressum {
  position: absolute; right: 0px;
  text-decoration: none;
  font-size: 80%;
}

a:hover{
  text-decoration: none;
}

a.willkommen {
  display: block;
  position: absolute; left: 66px; top: 100px;
  width: 75px; height: 156px;
}

a.willkommen:hover {
  background-image: url(Bilder/willkommen.png);
}

a.willkommen_a {
  display: block;
  background-image: url(Bilder/willkommen.png);
  position: absolute; left: 66px; top: 100px;
  width: 75px; height: 156px;
}

a.kaffee {
  display: block;
  position: absolute; left: 140px; top: 101px; z-index: 5;
  width: 71px; height: 154px;
  background-color: transparent;
}

a.kaffee:hover {
  background-image: url(Bilder/kaffee.png);
}

a.kaffee_a {
  display: block;
  background-image: url(Bilder/kaffee.png);
  position: absolute; left: 140px; top: 101px;
  width: 71px; height: 154px;
}

a.essen {
  display: block;
  position: absolute; left: 213px; top: 101px;
  width: 75px; height: 156px;
}

a.essen:hover {
  background-image: url(Bilder/essen.png);
}

a.essen_a {
  display: block;
  background-image: url(Bilder/essen.png);
  position: absolute; left: 213px; top: 101px;
  width: 75px; height: 156px;
}

a.geschichte {
  display: block;
  position: absolute; left: 287px; top: 100px;
  width: 74px; height: 155px;
}

a.geschichte:hover {
  background-image: url(Bilder/geschichte.png);
}

a.geschichte_a {
  display: block;
  background-image: url(Bilder/geschichte.png);
  position: absolute; left: 287px; top: 100px;
  width: 74px; height: 155px;
}

a.garten {
  display: block;
  position: absolute; left: 359px; top: 100px;
  width: 75px; height: 156px;
}

a.garten:hover {
  background-image: url(Bilder/garten.png);
}

a.garten_a {
  display: block;
  background-image: url(Bilder/garten.png);
  position: absolute; left: 359px; top: 100px;
  width: 75px; height: 156px;
}

a.waslos {
  display: block;
  position: absolute; left: 433px; top: 100px;
  width: 75px; height: 159px;
}

a.waslos:hover {
  background-image: url(Bilder/waslos.png);
}

a.waslos_a {
  display: block;
  background-image: url(Bilder/waslos.png);
  position: absolute; left: 433px; top: 100px;
  width: 75px; height: 159px;
}

div.kontakt {
  display: block;
  position: absolute; left: 507px; top: 101px;
  width: 218px; height: 155px;
}

div.kontakt:hover {
  background-image: url(Bilder/kontakt.png);
}

p.unten {
  display: none;
}