body {margin: 0; padding: 0; background: #000;}

#content { width: 770px; height: auto; margin: 1em auto; padding: 1.5em;
  border: 1px solid orange; font: 80% Verdana, Arial, Helvetica, sans-serif;
  background: #930; }

#galerie { width: 770px; height: auto; margin: 1em auto; padding: 1.5em;
  border: 1px solid #ccf; font: 80% Verdana, Arial, Helvetica, sans-serif;
  background: #333; }

#pic {text-align: center; margin: auto; padding: 1em; border: 1px solid #ccf;}

#top {width: 800px; height: 78px; margin: 1em auto; }

#foto {float: left; margin: 20px 20px 0 0; }

#table {width: 650px; background: #930; margin: 0 70px 0; border: none;}

#program {margin: 0 0 0 320px;} 

h1 {font: 120% Arial, Helvetica, sans-serif; font-weight: bold; letter-spacing: 2px; 
    font-variant: small-caps; color: #fc9; margin: 10px 0 20px 0;}
h2, h3, h4 {font: 100% Verdana, Arial, Helvetica, sans-serif; font-weight: bold; 
            letter-spacing: 2px; }
h2 {color: #fc9; margin: 20px 0; line-height: 1.5em; }
h3 {color: #000; margin: 40px 0 0; background: #ccf;}
h4 {color: #fc9; margin: 10px 0 10px;}

html>body #content {margin-top: -2px;}

p {font: 110% Verdana, Arial, Helvetica, sans-serif; margin: 0 0 1em; text-align: justify; 
   color: #fc9; line-height: 1.25em; letter-spacing: 0.5px;}

p.legende {font: 80% Verdana, Arial, Helvetica, sans-serif; 
           line-height: 1em;} 

p.kursiv {font-style: italic;}

ul {font: 110% Verdana, Arial, Helvetica, sans-serif; margin: 0 40px 1em; 
    text-align: justify; color: #fc9; letter-spacing: 0.5px;}

a {text-decoration: none;}
a:link {color: #fc9;}
a:visited {color: #fc9;}
a:hover {color: #fff;}
a:active {color: #fc9;}