html, body {
  height: 101%;
  width: 100%;
  margin: 0;
  text-align: left;
  background-image: url(Bilder/Holz-BG.jpg );
  background-repeat: no-repeat;
  width: 100%;
}

#Logo {
  position: absolute;
  top: 0px;
  left: 0px; 
  width: 300px;
  height: 100px;
  z-index: 1;
}

#Logo-Nagel-rechts {
  position: absolute;
  top: 10px;
  left: 275px; 
  width: 15px;
  height: 15px;
  z-index: 2;
}

#Logo-Nagel-links {
  position: absolute;
  top: 80px;
  left: 10px; 
  width: 15px;
  height: 15px;
  z-index: 2;
}

.Logo {
    background: url(Bilder/Logo.gif);
    background-repeat: no-repeat;
    display: block;
    width: 300px;
    height: 100px;
}

.Logo a:hover {
    background: url(Bilder/Logo-Over.gif);
    background-repeat: no-repeat;
}

#Info {
  position: absolute;
  top: 150px;
  left: 50px; 
  width: 275px;
  height: 275px;
  z-index: 1;
  -moz-transform:rotate(-4deg);
  -webkit-transform:rotate(-4deg);
  -o-transform:rotate(-4deg);
  transform: rotate(-4deg);
  filter:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand',M11=0.9975640502598242,M12=0.0697564737441253,M21=-0.0697564737441253,M22=0.9975640502598242)

}

#Info-Nagel {
  position: absolute;
  top: 385px;
  left: 250px; 
  width: 15px;
  height: 15px;
  z-index: 2;
}

.Info {
    background: url(Bilder/Info.jpg);
    background-repeat: no-repeat;
    display: block;
    width: 275px;
    height: 275px;
}

.Info a:hover {
    background: url(Bilder/Info-Over.jpg);
    background-repeat: no-repeat;
}

#Media {
  position: absolute;
  top: 125px;
  left: 350px; 
  width: 275px;
  height: 275px;
  z-index: 1;
  -moz-transform:rotate(3deg);
  -webkit-transform:rotate(3deg);
  -o-transform:rotate(3deg);
  transform: rotate(3deg);
  filter:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand',M11=0.9986295347545738,M12=-0.052335956242943835,M21=0.052335956242943835,M22=0.9986295347545738)
}

#Media-Nagel {
  position: absolute;
  top: 150px;
  left: 525px; 
  width: 15px;
  height: 15px;
  z-index: 2;
}

.Media {
    background: url(Bilder/Media.jpg);
    background-repeat: no-repeat;
    display: block;
  width: 275px;
  height: 275px;
}

.Media a:hover {
    background: url(Bilder/Media-Over.jpg);
    background-repeat: no-repeat;
}

#Kontakt {
  position: absolute;
  top: 145px;
  left: 650px; 
  width: 275px;
  height: 275px;
  z-index: 1;
  -moz-transform: rotate(-2deg);
  -webkit-transform: rotate(-2deg);
  -o-transform: rotate(-2deg);
  transform: rotate(-2deg);
  filter:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand',M11=0.9993908270190958,M12=0.03489949670250097,M21=-0.03489949670250097,M22=0.9993908270190958)

}

#Kontakt-Nagel {
  position: absolute;
  top: 380px;
  left: 875px; 
  width: 15px;
  height: 15px;
  z-index: 2;
}

.Kontakt {
    background: url(Bilder/Kontakt.jpg);
    background-repeat: no-repeat;
    display: block;
    width: 275px;
    height: 275px;
}

.Kontakt a:hover {
    background: url(Bilder/Kontakt-Over.jpg);
    background-repeat: no-repeat;
}

#facebook {
  position: absolute;
  top: 10px;
  left: 580px; 
  width: 50px;
  height: 50px;
  z-index: 1;
}

#YouTube {
  position: absolute;
  top: 10px;
  left: 640px; 
  width: 50px;
  height: 50px;
  z-index: 1;
}

#Impressum {
  position: absolute;
  top: 0px;
  left: 700px; 
  width: 275px;
  height: 75px;
  z-index: 1;
}

#Impressum-Nagel {
  position: absolute;
  top: 15px;
  left: 935px; 
  width: 15px;
  height: 15px;
  z-index: 2;
}

.Impressum {
    background: url(Bilder/Impressum.png);
    background-repeat: no-repeat;
    display: block;
  width: 275px;
  height: 75px;
}

.Impressum a:hover {
    background: url(Bilder/Impressum-Over.png);
    background-repeat: no-repeat;
}

#Info-Menue {
  position: absolute;
  top: 485px;
  left: 100px; 
  width: 90px;
  height: 40px;
  z-index: 3;
}

#News {
  position: absolute;
  top: 485px;
  left: 195px; 
  width: 100px;
  height: 40px;
  z-index: 4;
}

.News {
    background: url(Bilder/News.png);
    background-repeat: no-repeat;
    display: block;
    width: 100px;
    height: 40px;
}

.News a:hover {
    background: url(Bilder/News-Over.png);
    background-repeat: no-repeat;
}

#Termine {
  position: absolute;
  top: 485px;
  left: 295px; 
  width: 140px;
  height: 40px;
  z-index: 4;
}

.Termine {
    background: url(Bilder/Termine.png);
    background-repeat: no-repeat;
    display: block;
    width: 140px;
    height: 40px;
}

.Termine a:hover {
    background: url(Bilder/Termine-Over.png);
    background-repeat: no-repeat;
}

#Wir {
  position: absolute;
  top: 485px;
  left: 428px; 
  width: 75px;
  height: 40px;
  z-index: 4;
}

.Wir {
    background: url(Bilder/Wir.png);
    background-repeat: no-repeat;
    display: block;
    width: 75px;
    height: 40px;
}

.Wir a:hover {
    background: url(Bilder/Wir-Over.png);
    background-repeat: no-repeat;
}

#Media-Menue {
  position: absolute;
  top: 485px;
  left: 100px; 
  width: 120px;
  height: 40px;
  z-index: 3;
}

#Video {
  position: absolute;
  top: 485px;
  left: 220px; 
  width: 100px;
  height: 40px;
  z-index: 4;
}

.Video {
    background: url(Bilder/Video.png);
    background-repeat: no-repeat;
    display: block;
    width: 100px;
    height: 40px;
}

.Video a:hover {
    background: url(Bilder/Video-Over.png);
    background-repeat: no-repeat;
}

#Bild {
  position: absolute;
  top: 485px;
  left: 320px; 
  width: 80px;
  height: 40px;
  z-index: 4;
}

.Bild {
    background: url(Bilder/Bild.png);
    background-repeat: no-repeat;
    display: block;
    width: 80px;
    height: 40px;
}

.Bild a:hover {
    background: url(Bilder/Bild-Over.png);
    background-repeat: no-repeat;
}

#Ton {
  position: absolute;
  top: 485px;
  left: 395px; 
  width: 80px;
  height: 40px;
  z-index: 4;
}

.Ton {
    background: url(Bilder/Ton.png);
    background-repeat: no-repeat;
    display: block;
    width: 80;
    height: 40px;
}

.Ton a:hover {
    background: url(Bilder/Ton-Over.png);
    background-repeat: no-repeat;
}

#Text {
  position: absolute;
  top: 485px;
  left: 470px; 
  width: 85px;
  height: 40px;
  z-index: 4;
}

.Text {
    background: url(Bilder/Text.png);
    background-repeat: no-repeat;
    display: block;
    width: 85px;
    height: 40px;
}

.Text a:hover {
    background: url(Bilder/Text-Over.png);
    background-repeat: no-repeat;
}

#CD {
  position: absolute;
  top: 485px;
  left: 550px; 
  width: 55px;
  height: 40px;
  z-index: 4;
}

.CD {
    background: url(Bilder/CD.png);
    background-repeat: no-repeat;
    display: block;
    width: 55px;
    height: 40px;
}

.CD a:hover {
    background: url(Bilder/CD-Over.png);
    background-repeat: no-repeat;
}

#Kontakt-Menue {
  position: absolute;
  top: 485px;
  left: 100px; 
  width: 175px;
  height: 40px;
  z-index: 3;
}

#Presse {
  position: absolute;
  top: 485px;
  left: 275px; 
  width: 125px;
  height: 40px;
  z-index: 4;
}

.Presse {
    background: url(Bilder/Presse.png);
    background-repeat: no-repeat;
    display: block;
    width: 125;
    height: 40px;
}

.Presse a:hover {
    background: url(Bilder/Presse-Over.png);
    background-repeat: no-repeat;
}

#Booking {
  position: absolute;
  top: 485px;
  left: 400px; 
  width: 145px;
  height: 40px;
  z-index: 4;
}

.Booking {
    background: url(Bilder/Booking.png);
    background-repeat: no-repeat;
    display: block;
    width: 145;
    height: 40px;
}

.Booking a:hover {
    background: url(Bilder/Booking-Over.png);
    background-repeat: no-repeat;
}

#Impressum-Menue {
  position: absolute;
  top: 485px;
  left: 100px; 
  width: 210px;
  height: 40px;
  z-index: 3;
}

#Papier-Nagel-links-oben {
  position: absolute;
  top: 490px;
  left: 60px; 
  width: 15px;
  height: 15px;
  z-index: 2;
}

#Papier-Nagel-rechts-oben {
  position: absolute;
  top: 495px;
  left: 815px; 
  width: 15px;
  height: 15px;
  z-index: 2;
}

#Papier-Nagel-links-unten {
  position: absolute;
  top: 1450px;
  left: 60px; 
  width: 15px;
  height: 15px;
  z-index: 2;
}

#Papier-Nagel-rechts-unten {
  position: absolute;
  top: 1445px;
  left: 815px; 
  width: 15px;
  height: 15px;
  z-index: 2;
}

#Papier {
  position: absolute;
  top: 475px;
  left: 50px; 
  width: 800px;
  height: 1000px;
  background-color: white;
  z-index: 1;
}

#Content {
  position: absolute;
  top: 540px;
  left: 75px; 
  width: 750px;
  z-index: 3;
}

#Content-links {
  position: absolute;
  top: 540px;
  left: 75px; 
  width: 350px;
  z-index: 3;
}

#Content-rechts {
  position: absolute;
  top: 540px;
  left: 465px; 
  width: 350px;
  z-index: 3;
}

p {
  font: 9pt Verdana, Helvetica, Arial, sans-serif;
}

h1 {
  font: 11pt Verdana, Helvetica, Arial, sans-serif;
  font-weight: bold;
  margin: 0;
}

a:link {
  text-decoration: none;
  color: #bd8a89;
  font: 9pt Verdana, Helvetica, Arial, sans-serif;
  font-weight: bold;
}

a:visited {
  text-decoration: none;
  color: #bd8a89;
  font: 9pt Verdana, Helvetica, Arial, sans-serif;
  font-weight: bold;
}

a:active {
  text-decoration: none;
  color: #bd8a89;
  font: 9pt Verdana, Helvetica, Arial, sans-serif;
  font-weight: bold;
}

a:hover {
  text-decoration: none;
  color: #999999;
  font: 9pt Verdana, Helvetica, Arial, sans-serif;
  font-weight: bold;
}