* {
    margin : 0;
    padding : 0;
  }
  
  body {
          background-color: #000;
          color: #FFF;
          font-family: Verdana, Arial, Helvetica, sans-serif;
          font-size: 0.8 em;
  }
  
  div.site {
    width: 80%;   /*80% = ca.1000px*/
    margin: 20px auto;
    background-color: transparent;
    height: 100%;
    /*min-height: 800px;*/
  }
  
  div, footer { /* Abgerundete Ecken */
      -moz-border-radius:15px 15px 15px 15px; /* Firefox */
      -webkit-border-radius:15px 15px 15px 15px; /* Chrome, Safari */
      -khtml-border-radius:15px 15px 15px 15px; /* Konqueror */
      border-radius:15px 15px 15px 15px; /* CSS3 */
      behavior:url(border-radius.htc); /* Internet Explorer */  
  } 
  
  div.header, div.content {
          background-color: #000;
  } 

  footer {
    background-color: #000;
    border: 1px solid;
    border-color: #757575;  
    width: 100%;
    height: 25px;
    position :fixed;
    bottom:5px;
    width:80%;
}

div.content {
    border: 1px solid #757575;
    width: 99%;
    height: 99%;
    float: right;
    overflow: auto;
}

div.mainframe {
position :absolute;
height : 90%; /* 75% */
width:80%;
overflow: hidden;
margin-top: 20px;
}

footer p, footer p.links, footer p.links a {
    color: #FFF;
}

a, footer p.links a:hover {
color: #CFF;
}

footer p {
float: left;
margin-right: 10px;
margin-left: 10px;
margin-top: 3px;
text-decoration: blink;
font-size: xx-small; 
}

footer p.links {
float: right;
}

div.data {
margin: 10px;    
}

div.data h1 {
text-align: center;
text-decoration: underline;
}