body {
  height: 100%;
  background: #FFF url(../Bilder/bgbody.jpg);
  margin: 0px;
  padding: 0px;
  margin-left: auto;
  margin-right: auto;
}
div#sky {
  width: 100%;
  background: Transparent url(../Bilder/bgsky.jpg) repeat;
  padding: 10px 0px;
  margin: 0px;
  z-index: 1;
}
div#sky h1 {
  display: inline;
  font-family: Bahamas, Verdana, sans-serif;
  font-size: 15pt;
  color: #599960;
  background: Transparent url(../Bilder/bgsky.jpg) repeat;
  padding: 5px;
  margin: 0 20px 0 0;
}
div#sky p, div#sky a {
  display: inline;
  font-family: Bahamas, Verdana, sans-serif;
  font-size: 13pt;
  color: #686;
  background: Transparent url(../Bilder/bgsky.jpg) repeat;
  padding: 5px;
  margin: 0px;
}
div#back {
  width: 100%;
  height: 100%;
  background: Transparent url(../Bilder/bg.jpg) repeat-x;
  margin: 0px;
  padding: 0px;
  z-index: 1;
  text-align: center;
}

/**
 * Die eigentliche Bildfläche mit allgemeinen Definitionen
 * für enthaltene Bereiche
 */
div#canvas {
  position: relative;
  width: 774px;
  height: 636px;
  background: Transparent url(../Bilder/bg.jpg) repeat-x;
  padding: 0px;
  margin: 0px auto;
  z-index: 1;
}
div#canvas div {
  position: absolute;
  padding: 0px;
  margin: 0px;
}
div#canvas div a {
  display: block;
  width: 100%;
  height: 100%;
  text-decoration: none;
  padding: auto;
  margin: 0px;
}
div#canvas div a span {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 16px;
  font-weight: 900;
  text-align: center;
  color: #357 ;     /* sanftblau   */
  background-color: White;
  padding: 0px 5px;
  margin: auto;
}
div#wolke {
  top: 2px;
  left: 521px;
  width: 148px;
  height: 68px;
  background: Transparent url(../Bilder/wolke.gif) no-repeat;
  z-index: 1;
}
div#wolke a {
}
div#wolke a:hover {
  background: Transparent url(../Bilder/wolke_h.gif) no-repeat;
}
div#wolke a span {
  position: absolute;
  left: -2000px;
  z-index: 0;
}
div#wolke a:hover span {
  top: 25px;
  left: -30px;
  z-index: 10;
}
    div#schild {
  top: 57px;
  left: 578px;
  width: 197px;
  height: 95px;
  background: Transparent url(../Bilder/schild.gif) no-repeat;
  z-index: 1;
}
div#schild a {
}
div#schild a:hover {
  background: Transparent url(../Bilder/schild_h.gif) no-repeat;
}
div#schild a span {
  position: absolute;
  left: -2000px;
  z-index: 0;
}
div#schild a:hover span {
  top: 30px;
  left: 30px;
  z-index: 10;
}
    div#auto {
  top: 103px;
  left: 561px;
  width: 214px;
  height: 83px;
  background: Transparent url(../Bilder/auto.gif) no-repeat;
  z-index: 1;
}
div#auto a {
}
div#auto a:hover {
  background: Transparent url(../Bilder/auto_h.gif) no-repeat;
}
div#auto a span {
  position: absolute;
  left: -2000px;
  z-index: 0;
}
div#auto a:hover span {
  top: 40px;
  left: 0px;
  z-index: 10;
}
    div#tisch {
  top: 186px;
  left: 582px;
  width: 168px;
  height: 122px;
  background: Transparent url(../Bilder/tisch.gif) no-repeat;
  z-index: 1;
}
div#tisch a {
}
div#tisch a:hover {
  background: Transparent url(../Bilder/tisch_h.gif) no-repeat;
}
div#tisch a span {
  position: absolute;
  left: -2000px;
  z-index: 0;
}
div#tisch a:hover span {
  top: 40px;
  left: 0px;
  z-index: 10;
}
    div#schaukel {
  top: 69px;
  left: 417px;
  width: 157px;
  height: 133px;
  background: Transparent url(../Bilder/schaukel.gif) no-repeat;
  z-index: 1;
}
div#schaukel a {
}
div#schaukel a:hover {
  background: Transparent url(../Bilder/schaukel_h.gif) no-repeat;
}
div#schaukel a span {
  position: absolute;
  left: -2000px;
  z-index: 0;
}
div#schaukel a:hover span {
  top: 40px;
  left: 0px;
  z-index: 10;
}
    div#beet1 {
  top: 1px;
  left: 0px;
  width: 228px;
  height: 210px;
  background: Transparent url(../Bilder/beet1.gif) no-repeat;
  z-index: 1;
}
div#beet1 a {
}
div#beet1 a:hover {
  background: Transparent url(../Bilder/beet1_h.gif) no-repeat;
}
div#beet1 a span {
  position: absolute;
  left: -2000px;
  z-index: 0;
}
div#beet1 a:hover span {
  top: 120px;
  left: 0px;
  z-index: 10;
}
    div#beet2 {
  top: 210px;
  left: 106px;
  width: 196px;
  height: 84px;
  background: Transparent url(../Bilder/beet2.gif) no-repeat;
  z-index: 1;
}
div#beet2 a {
}
div#beet2 a:hover {
  background: Transparent url(../Bilder/beet2_h.gif) no-repeat;
}
div#beet2 a span {
  position: absolute;
  left: -2000px;
  z-index: 0;
}
div#beet2 a:hover span {
  top: 50px;
  left: 20px;
  z-index: 10;
}
    div#bogen {
  top: 171px;
  left: 0px;
  width: 117px;
  height: 128px;
  background: Transparent url(../Bilder/bogen.gif) no-repeat;
  z-index: 1;
}
div#bogen a {
}
div#bogen a:hover {
  background: Transparent url(../Bilder/bogen_h.gif) no-repeat;
}
div#bogen a span {
  position: absolute;
  left: -2000px;
  z-index: 0;
}
div#bogen a:hover span {
  top: 50px;
  left: 0px;
  z-index: 10;
}
    div#baum {
  top: 46px;
  left: 237px;
  width: 180px;
  height: 245px;
  background: Transparent url(../Bilder/baum.gif) no-repeat;
  z-index: 1;
}
div#baum a {
}
div#baum a:hover {
  background: Transparent url(../Bilder/baum_h.gif) no-repeat;
}
div#baum a span {
  position: absolute;
  left: -2000px;
  z-index: 0;
}
div#baum a:hover span {
  top: 100px;
  left: 60px;
  z-index: 10;
}
    div#specht {
  top: 210px;
  left: 266px;
  width: 53px;
  height: 54px;
  background: Transparent url(../Bilder/specht.gif) no-repeat;
  z-index: 1;
}
div#specht a {
}
div#specht a:hover {
  background: Transparent url(../Bilder/specht_h.gif) no-repeat;
}
div#specht a span {
  position: absolute;
  left: -2000px;
  z-index: 0;
}
div#specht a:hover span {
  top: 20px;
  left: 60px;
  z-index: 10;
}
    div#eule {
  top: 24px;
  left: 254px;
  width: 74px;
  height: 110px;
  background: Transparent url(../Bilder/eule.gif) no-repeat;
  z-index: 1;
}
div#eule a {
}
div#eule a:hover {
  background: Transparent url(../Bilder/eule_h.gif) no-repeat;
}
div#eule a span {
  position: absolute;
  left: -2000px;
  z-index: 0;
}
div#eule a:hover span {
  top: 50px;
  left: 0px;
  z-index: 10;
}
    div#haus {
  top: 210px;
  left: 273px;
  width: 210px;
  height: 119px;
  background: Transparent url(../Bilder/haus.gif) no-repeat;
  z-index: 1;
}
div#haus a {
}
div#haus a:hover {
  background: Transparent url(../Bilder/haus_h.gif) no-repeat;
}
div#haus a span {
  position: absolute;
  left: -2000px;
  z-index: 0;
}
div#haus a:hover span {
  top: 40px;
  left: 50px;
  z-index: 10;
}
    div#briefkasten {
  top: 263px;
  left: 426px;
  width: 53px;
  height: 86px;
  background: Transparent url(../Bilder/briefkasten.gif) no-repeat;
  z-index: 1;
}
div#briefkasten a {
}
div#briefkasten a:hover {
  background: Transparent url(../Bilder/briefkasten_h.gif) no-repeat;
}
div#briefkasten a span {
  position: absolute;
  left: -2000px;
  z-index: 0;
}
div#briefkasten a:hover span {
  top: 40px;
  left: -100px;
  z-index: 10;
}
    div#buddha {
  top: 204px;
  left: 474px;
  width: 110px;
  height: 153px;
  background: Transparent url(../Bilder/buddha.gif) no-repeat;
  z-index: 1;
}
div#buddha a {
}
div#buddha a:hover {
  background: Transparent url(../Bilder/buddha_h.gif) no-repeat;
}
div#buddha a span {
  position: absolute;
  left: -2000px;
  z-index: 0;
}
div#buddha a:hover span {
  top: 80px;
  left: 0px;
  z-index: 10;
}
    div#wurm {
  top: 290px;
  left: 0px;
  width: 114px;
  height: 125px;
  background: Transparent url(../Bilder/wurm.gif) no-repeat;
  z-index: 1;
}
div#wurm a {
}
div#wurm a:hover {
  background: Transparent url(../Bilder/wurm_h.gif) no-repeat;
}
div#wurm a span {
  position: absolute;
  left: -2000px;
  z-index: 0;
}
div#wurm a:hover span {
  top: 80px;
  left: 0px;
  z-index: 10;
}
    div#gemuese {
  top: 302px;
  left: 106px;
  width: 161px;
  height: 107px;
  background: Transparent url(../Bilder/gemuese.gif) no-repeat;
  z-index: 1;
}
div#gemuese a {
}
div#gemuese a:hover {
  background: Transparent url(../Bilder/gemuese_h.gif) no-repeat;
}
div#gemuese a span {
  position: absolute;
  left: -2000px;
  z-index: 0;
}
div#gemuese a:hover span {
  top: 80px;
  left: 0px;
  z-index: 10;
}
    div#teich {
  top: 262px;
  left: 570px;
  width: 204px;
  height: 119px;
  background: Transparent url(../Bilder/teich.gif) no-repeat;
  z-index: 1;
}
div#teich a {
}
div#teich a:hover {
  background: Transparent url(../Bilder/teich_h.gif) no-repeat;
}
div#teich a span {
  position: absolute;
  left: -2000px;
  z-index: 0;
}
div#teich a:hover span {
  top: 70px;
  left: 0px;
  z-index: 10;
}
    div#schaf {
  top: 406px;
  left: 389px;
  width: 86px;
  height: 52px;
  background: Transparent url(../Bilder/schaf.gif) no-repeat;
  z-index: 1;
}
div#schaf a {
}
div#schaf a:hover {
  background: Transparent url(../Bilder/schaf_h.gif) no-repeat;
}
div#schaf a span {
  position: absolute;
  left: -2000px;
  z-index: 0;
}
div#schaf a:hover span {
  top: 15px;
  left: 20px;
  z-index: 10;
}
    div#trockner {
  top: 336px;
  left: 247px;
  width: 169px;
  height: 150px;
  background: Transparent url(../Bilder/trockner.gif) no-repeat;
  z-index: 1;
}
div#trockner a {
}
div#trockner a:hover {
  background: Transparent url(../Bilder/trockner_h.gif) no-repeat;
}
div#trockner a span {
  position: absolute;
  left: -2000px;
  z-index: 0;
}
div#trockner a:hover span {
  top: 55px;
  left: 0px;
  z-index: 10;
}
    div#geraete {
  top: 368px;
  left: 484px;
  width: 90px;
  height: 109px;
  background: Transparent url(../Bilder/geraete.gif) no-repeat;
  z-index: 1;
}
div#geraete a {
}
div#geraete a:hover {
  background: Transparent url(../Bilder/geraete_h.gif) no-repeat;
}
div#geraete a span {
  position: absolute;
  left: -2000px;
  z-index: 0;
}
div#geraete a:hover span {
  top: 30px;
  left: 0px;
  z-index: 10;
}
    div#acker {
  top: 380px;
  left: 585px;
  width: 189px;
  height: 79px;
  background: Transparent url(../Bilder/acker.gif) no-repeat;
  z-index: 1;
}
div#acker a {
}
div#acker a:hover {
  background: Transparent url(../Bilder/acker_h.gif) no-repeat;
}
div#acker a span {
  position: absolute;
  left: -2000px;
  z-index: 0;
}
div#acker a:hover span {
  top: 30px;
  left: 50px;
  z-index: 10;
}
    div#spalier {
  top: 420px;
  left: 83px;
  width: 191px;
  height: 206px;
  background: Transparent url(../Bilder/spalier.gif) no-repeat;
  z-index: 1;
}
div#spalier a {
}
div#spalier a:hover {
  background: Transparent url(../Bilder/spalier_h.gif) no-repeat;
}
div#spalier a span {
  position: absolute;
  left: -2000px;
  z-index: 0;
}
div#spalier a:hover span {
  top: 150px;
  left: 60px;
  z-index: 10;
}
    div#steine {
  top: 432px;
  left: 489px;
  width: 171px;
  height: 91px;
  background: Transparent url(../Bilder/steine.gif) no-repeat;
  z-index: 1;
}
div#steine a {
}
div#steine a:hover {
  background: Transparent url(../Bilder/steine_h.gif) no-repeat;
}
div#steine a span {
  position: absolute;
  left: -2000px;
  z-index: 0;
}
div#steine a:hover span {
  top: 30px;
  left: 15px;
  z-index: 10;
}
    div#pilze {
  top: 472px;
  left: 250px;
  width: 274px;
  height: 152px;
  background: Transparent url(../Bilder/pilze.gif) no-repeat;
  z-index: 1;
}
div#pilze a {
}
div#pilze a:hover {
  background: Transparent url(../Bilder/pilze_h.gif) no-repeat;
}
div#pilze a span {
  position: absolute;
  left: -2000px;
  z-index: 0;
}
div#pilze a:hover span {
  top: 50px;
  left: 0px;
  z-index: 10;
}
    div#fahrrad {
  top: 497px;
  left: 516px;
  width: 258px;
  height: 140px;
  background: Transparent url(../Bilder/fahrrad.gif) no-repeat;
  z-index: 1;
}
div#fahrrad a {
}
div#fahrrad a:hover {
  background: Transparent url(../Bilder/fahrrad_h.gif) no-repeat;
}
div#fahrrad a span {
  position: absolute;
  left: -2000px;
  z-index: 0;
}
div#fahrrad a:hover span {
  top: 50px;
  left: -20px;
  z-index: 10;
}
    div#sign {
  top: 596px;
  left: 615px;
  width: 77px;
  height: 19px;
  background: Transparent url(../Bilder/sign.gif) no-repeat;
  z-index: 1;
}
div#sign a {
}
div#sign a:hover {
  background: Transparent url(../Bilder/sign_h.gif) no-repeat;
}
div#sign a span {
  position: absolute;
  left: -2000px;
  z-index: 0;
}
div#sign a:hover span {
  top: 20px;
  left: 0px;
  z-index: 10;
}
    div#logo {
  top: 454px;
  left: 0px;
  width: 128px;
  height: 166px;
  background: Transparent url(../Bilder/logo.gif) no-repeat;
  z-index: 1;
}
div#logo a {
}
div#logo a:hover {
  background: Transparent url(../Bilder/logo_h.gif) no-repeat;
}
div#logo a span {
  position: absolute;
  left: -2000px;
  z-index: 0;
}
div#logo a:hover span {
  top: 70px;
  left: 0px;
  z-index: 10;
}