body {
  background-color: #000000;
  margin: 0;
  padding: 0;
  color: #ffffff;
  font-family: Verdana, sans-serif;
  font-size: 1.1em;
}
a,
a:hover,
a:active,
a:focus,
a:visited {
  border: none;
  outline: none;
}

#bottommenu a,
#bottommenu a:hover,
#bottommenu a:active,
#bottommenu a:focus,
#bottommenu a:visited {
  color: #ffffff; 
  font-size: 0.6em;
}

#links a {
  position: absolute;
  text-decoration: none;
}

#links a i {
  visibility: hidden;
}

.not-front a#back {
  top: 580px;
  left: 100px;
  width: 800px;
  height: 80px;
}

.not-front .content {
  background-color: #e5e5e5;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	filter: alpha(opacity=80);
  opacity: .8;
  width: 600px;
  left: 200px;
  top: 115px;
  position: absolute;
  color: #000000;
  text-align: center; 
  padding: 10px;
}

.umfrage .content {
  left: 100px;
  width: 750px;
  top: 100px;
}

.not-front .content a,
.not-front .content a:hover {
  color: #000000;
}

.front #main {
  background-image: url(img/bg_blutlache.jpg);
  background-repeat: no-repeat;
  width: 800px;
  height: 533px;
  margin: 100px;
}

.front a#demo {
  top: 450px;
  left: 150px;
  width: 250px;
  height: 100px;
}

.front a#demo:hover {
  background-image:url(img/demo.jpg);
}

.front a#hinweis-eins {
  top: 412px;
  left: 580px;
  width: 100px;
  height: 50px;
}

.front a#hinweis-eins:hover {
   background-image:url(img/hinweis1.jpg); 
}

.front a#hinweis-zwei {
  top: 370px;
  left: 635px;
  width: 70px;
  height: 40px;
}

.front a#hinweis-zwei:hover {
   background-image:url(img/hinweis2.jpg); 
}

.front a#hinweis-drei {
  top: 375px;
  left: 585px;
  width: 50px;
  height: 40px;
}

.front a#hinweis-drei:hover {
   background-image:url(img/hinweis3.jpg); 
}

.front a#schliessfach-nummer {
  top: 190px;
  left: 320px;
  width: 100px;
  height: 50px;
}

.front a#schliessfach-nummer:hover {
   background-image:url(img/schliessfach.jpg);
}

.front a#hinweis-vier {
  top: 265px;
  left: 496px;
  width: 70px;
  height: 45px;
}

.front a#hinweis-vier:hover {
   background-image:url(img/hinweis4.jpg);
}

.demo #main {
  background-image: url(img/bg_hinweis1.jpg);
  background-repeat: no-repeat;
  width: 800px;
  height: 533px;
  margin: 100px;
}

.idee #main {
  background-image: url(img/bg_hinweis2.jpg);
  background-repeat: no-repeat;
  width: 800px;
  height: 533px;
  margin: 100px;
}

.team #main {
  background-image: url(img/bg_team.jpg);
  background-repeat: no-repeat;
  width: 800px;
  height: 533px;
  margin: 100px;
}

.contact #main,
.umfrage #main {
  background-image: url(img/bg_kontakt.jpg);
  background-repeat: no-repeat;
  width: 800px;
  height: 533px;
  margin: 100px;
  font-size: 0.75em;
}

.kontakt {
  top: 150px;
  left: 400px;
  position: absolute;
}

.error {
  position: absolute;
  top: 150px;
  left: 100px;
  color: #000000;
  background-color: #ffffff;
  padding: 10px;
}

.success {
  top: 190px;
  left: 615px;
  position: absolute;
}
.success a,
.success a:visited {
  color: #ffffff; 
}