* {
  padding: 0;
  margin: 0;
}
 body {
 font-size: 100.1%;
 background-color: #778899;
}
a {
  color: black;
}
p::first-letter{
  color: #006;
  font-size: 2em;
}
#container {
  background-color: silver;
  max-width: 60em;
  margin: 0.5em auto;
  border: 0.5em solid black;
}
#kopf {
  background:url("../Bilder/schlagzeug-frontal_1.jpg") no-repeat left top;
  height: 500px;
  text-align: right;
  padding: 0.4em 0.8em;
  font-size: 3em;
  color: white;
}
#obereleiste {
  background-color: silver;
  height: 1em;
  text-align: center;
}
#menu {
  background-color: silver;
  height: 15em;
  width: 10em;
  float: left;
}
#inhalt {
  background-color: grey;
  text-align: center;
}
#untereleiste {
  background-color: silver;
  height: 2em;
  text-align: center;
}
#menu1 {
  background-color: black;
  height: 3em;
  width: 10em;
  color: white;
  text-align: center;
  vertical-align: middle;
  text-align: center;
  text-shadow:
         1px 1px silver,
         2px 2px silver;
 transition: all 0.2s ease-in;
}
#menu1:hover {
  position: relative;
  top: -3px;
  left: -3px;
  text-shadow: 
          1px 1px silver,
          2px 2px silver,
          3px 3px silver;
  font-weight: bold;
}
}
#menu2 {
  background-color: black;
  height: 3em;
  width: 10em;
  color: white;
  text-align: center;
}
#menu3 {
  background-color: black;
  height: 3em;
  width: 10em;
  color: white;
  text-align: center;
}
#menu4 {
  background-color: black;
  height: 3em;
  width: 10em;
  color: white;
  text-align: center;
}
#leiste1 {
  background-color: silver;
  height: 1em;
  width: 10em;
}
#leiste2 {
  background-color: silver;
  height: 1em;
  width: 10em;
}
#leiste3 {
  background-color: silver;
  height: 1em;
  width: 10em;
}