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

#AH {
  position: absolute;
  top: 50px;
  left: 50px; 
  width: 250px;
  height: 250px;
  z-index: 1;
  background-color: #ffffff;
  opacity: 0.80;
  -moz-opacity: 0.80;
  filter: alpha(opacity=80);
}

#Leinwand {
  position: absolute;
  top: 50px;
  left: 350px; 
  width: 250px;
  height: 250px;
  z-index: 1;
  background-color: #333333;
}

#Papier {
  position: absolute;
  top: 50px;
  left: 650px; 
  width: 250px;
  height: 250px;
  z-index: 1;
  background-color: #333333;
}

#Content {
  position: absolute;
  top: 325px;
  left: 50px; 
  width: 850px;
  height: 650px;
  z-index: 1;
  background-color: white;
  opacity: 0.80;
  -moz-opacity: 0.80;
  filter: alpha(opacity=80);
}

#Sub-Menu {
  position: absolute;
  top: 350px;
  left: 75px; 
  width: 200px;
  height: 600px;
  z-index: 3;
}

#Main-Content {
  position: absolute;
  top: 350px;
  left: 325px; 
  width: 550px;
  height: 600px;
  overflow-y: auto;
  overflow-x: hidden;
  scrollbar-arrow-color: inherit;
  z-index: 3;
}

#Footer {
  position: absolute;
  top: 1000px;
  left: 50px; 
  width: 850px;
  height: 50px;
  z-index: 1;
  background-color: #333333;
}

#Impressum {
  position: absolute;
  top: 1000px;
  left: 75px; 
  width: 225px;
  height: 50px;
  z-index: 2;
  background-color: #333333;
}

#Kontakt {
  position: absolute;
  top: 1000px;
  left: 325px; 
  width: 225px;
  height: 50px;
  z-index: 2;
  background-color: #333333;
}

#Xing {
  position: absolute;
  top: 1000px;
  left: 650px; 
  width: 225px;
  height: 50px;
  z-index: 2;
  background-color: #333333;
}

p {
  font: 11pt Helvetica, Arial, sans-serif;
  color: #333333;
}

.Titel {
  text-decoration: none;
  color: #333333;
  font: 18pt Helvetica, Arial, sans-serif;
}

.Text {
  text-decoration: none;
  color: #333333;
  font: 11pt Helvetica, Arial, sans-serif;
}

a:link {
  text-decoration: none;
  color: #cccccc;
  font: 28pt Helvetica, Arial, sans-serif;
}

a:visited {
  text-decoration: none;
  color: #cccccc;
  font: 28pt Helvetica, Arial, sans-serif;
}

a:active {
  text-decoration: none;
  color: #cccccc;
  font: 28pt Helvetica, Arial, sans-serif;
}

a:hover {
  text-decoration: none;
  color: #ffffff;
  font: 28pt Helvetica, Arial, sans-serif;
}

.dark a:link {
  text-decoration: none;
  color: #333333;
  font: 28pt Helvetica, Arial, sans-serif;
}

.dark a:visited {
  text-decoration: none;
  color: #333333;
  font: 28pt Helvetica, Arial, sans-serif;
}

.dark a:active {
  text-decoration: none;
  color: #333333;
  font: 28pt Helvetica, Arial, sans-serif;
}

.dark a:hover {
  text-decoration: none;
  color: #cccccc;
  font: 28pt Helvetica, Arial, sans-serif;
}

.menu a:link {
  text-decoration: none;
  color: #333333;
  font: 18pt Helvetica, Arial, sans-serif;
}

.menu a:visited {
  text-decoration: none;
  color: #333333;
  font: 18pt Helvetica, Arial, sans-serif;
}

.menu a:active {
  text-decoration: none;
  color: #333333;
  font: 18pt Helvetica, Arial, sans-serif;
}

.menu a:hover {
  text-decoration: none;
  color: #cccccc;
  font: 18pt Helvetica, Arial, sans-serif;
}

.text a:link {
  text-decoration: none;
  color: #cccccc;
  font: 18pt Helvetica, Arial, sans-serif;
}

.text a:visited {
  text-decoration: none;
  color: #cccccc;
  font: 18pt Helvetica, Arial, sans-serif;
}

.text a:active {
  text-decoration: none;
  color: #cccccc;
  font: 18pt Helvetica, Arial, sans-serif;
}

.text a:hover {
  text-decoration: none;
  color: #ffffff;
  font: 18pt Helvetica, Arial, sans-serif;
}

.text-links a:link {
  text-decoration: none;
  color: #333333;
  font: 11pt Helvetica, Arial, sans-serif;
}

.text-links a:visited {
  text-decoration: none;
  color: #333333;
  font: 11pt Helvetica, Arial, sans-serif;
}

.text-links a:active {
  text-decoration: none;
  color: #333333;
  font: 11pt Helvetica, Arial, sans-serif;
}

.text-links a:hover {
  text-decoration: none;
  color: #cccccc;
  font: 11pt Helvetica, Arial, sans-serif;
}