body      { margin: 0; padding: 0; background-color: #404040; font-family:'Meta','Arial',sans-serif; font-size: 1em; }

h1        { margin: 0; }

#content  { position: absolute; left: 50%; top: 50%; margin-left: -400px; margin-top: -300px; background-color: #404040; background-image:url("bg.jpg"); width: 800px; height: 600px; border: 2px solid black; }


#text     { 
             position:absolute;  margin: 0; padding: 0; left: 30px; top: 125px; height: 400px; width: 360px;
             overflow: auto;
          }
  
#text a   { color: darkblue; }
#text a:hover   { text-decoration: none; }

#text ul  { margin: 0; margin-left: 20px; padding: 0;  }
#text li  { margin: 0; margin-bottom: 1em; }
#text ul a { list-style-image:url(link_doppelpfeil.gif)  }

#text hr  { margin: 0; padding: 0; color: #000000; width: 95%; }
    
    
#bild     { position:absolute;  margin: 0; padding: 0; left: 405px; top: 125px; height: 400px; width: 360px; }
#bild img.foto { border: 1px solid black; }


#footer   { position:absolute; margin: 0; padding: 0; bottom: 0; margin-bottom: 25px; width: 100%; text-align: center; font-weight: bold; color: white; letter-spacing: 2px; }
#footer a   { color: white; }
#footer a:hover   { text-decoration: none; }


#text h1 { font-variant: small-caps; letter-spacing: 2px; font-size: 1.5em; }