body {
  height: 100%;
  width: 100%; 
  margin: 0;
  background-image:url(jpg/bg2.jpg);
  background-repeat:no-repeat;
  background-position: center top;
  overflow:hidden;
  }
  
a {
  color:#FFBF00;
  font-family:arial, "lucida console", sans-serif;
  font-size:15pt;
  font-weight:700;
  text-shadow:2px 2px 1px black;
  }

a:hover {
  color:#FFBF00;
  font-family:arial, "lucida console", sans-serif;
  font-size:15pt;
  font-weight:700;
  text-shadow:2px 2px 1px gold;
  }                              
  
nav {
  visibility: hidden;
  top:250px;
  left:30px;
  right:30px;
  position:absolute; 
  height: 100px;
  }

.b01  {
  display:box;
  position:relative;
  visibility: visible !important;
  float: left; 
  text-align: center;
  background-image: url(jpg/bh2.jpg);
  width:9%;
  height:40px;
  border: 3px outset grey;
  margin-top: 55px;
  margin-right: 1.4%;
  margin-left: 1.4%;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  }

.b01:hover  {
   visibility: visible !important;
   background-image: url(jpg/bh.jpg);
   border: 3px inset #FFBF00;
   }

#bg {
  width:98%;
  margin:5px auto;
  border: 3px outset grey;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  }

#logo {
  float:left;
  top:50px;
  left:100px;
  position:absolute;
  overflow:hidden;
  border: 3px outset black;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  }
  
#schrift {
  left:400px;
  top:20px;
  position: absolute;
  }
  
#fbbutton  {
  position:absolute;
  top:20px;
  right:30px;
  }
  
#gbutton  {
  position:absolute;
  top:90px;
  right:30px;
  }  
  
#zc  {
  position:absolute; 
  display: box;
  width: 260px;
  height: 30px;
  background-color: #DDDDDD;
  overflow:hidden;
  left: 50px;
  bottom: 5px; 
  color:#FFBF00;
  font-family:arial, "lucida console", sans-serif;
  font-size:15pt;
  font-weight:700;
  text-shadow:2px 2px 1px black;
  border: 3px outset grey;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  }
  
#zc:hover  {
  border: 3px inset #FFBF00;
} 
 
#zaehler  {
  position:absolute;
  top:210px;
  right:30px;
  overflow:hidden;
  border: 2px outset grey;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  }  
  
#main {
  left: 50px;
  right: 50px;
  top: 400px;
  bottom: 50px;
  opacity: 0.8;
  overflow:hidden;
  background-color: #DDDDDD;
  border: 2px outset #222222;
  border-radius: 10px;
  position: absolute;
  } 
  
#version {
  position:absolute;
  bottom:5px;
  right:5px;
  color:#00000;
  font-family:arial, "lucida console", sans-serif;
  font-size:10pt;
  font-weight:700;
  } 
  
h1 {
  color:#ffbf00;
  font-family:arial, "lucida console", sans-serif;
  font-size:25pt;
  font-weight:700;
  text-shadow:3px 3px 1px black;
  }  
  
h2 {
  color:#ffbf00;
  font-family:arial, "lucida console", sans-serif;
  font-size:15pt;
  font-weight:700;
  text-shadow:3px 3px 1px black;
  }  

h3 {
  color:#000000;
  font-family:arial, "lucida console", sans-serif;
  font-size:10pt;
  font-weight:700;
  text-shadow:0px 0px 0px black;
  }