* {
  margin:0;
  padding:0;
}

html, body
{
    margin: 0;
    padding: 0;

    text-align: center;
    background-color: silver;
    height: 100%;
}

body {
  font-size:90%;
  font: 90.01% Verdana, Arial, Helvetica, sans-serif;
    line-height: 1.6em;
}

#seite {
    text-align: left;
    /* width: 50em; */
    width: 950px;
    background-color: white;
    margin:0 auto;
    /* height: 100%; */
}

#steuerung
{
    float: left;
    width: 12em;
    margin:1em;
}

#steuerung a
{
    color:#333333;
    font-weight: bold;
    text-decoration: none;   
}


#steuerung ul   {
  list-style: none;
}

#steuerung li   {
  list-style: none;
  padding:0em .5em;
}

#inhalt 
{
    margin: 1em 11em 1em 13em;
    padding: 0 1em;
    background-color: white;
    /* height: 70%; */
}

#inhalt h1, h2, h3 
{
    color: black;
    line-height: 1.3em;
    padding-bottom: 0.6em;
    
}

#inhalt p
{
    color: black;
    padding-bottom: 2em;
}

#infoboxrechts
{
    float:right;
    width: 10em;
    /* background-color: orange; */
}

#kopf 
{
    /* background-image: url(bilder/seltener-vornamen-kopf.jpg); */
    background-image: url(bilder/seltener-vornamen-kopfbereich.jpg);
    width: 950px;
    /* height: 155px; */
    height: 127px;
}

#kopfsteuerung
{
    background-image: url(bilder/seltener-vornamen-stoben.jpg);
    height: 28px;
    width: 950px;
}

#kopfsteuerung h2
{
    text-align:right;
    color:#999999;
    margin:0 38px 0 0;
}

#fuss 
{
    clear: both;
    text-align: right;
    color:#333333;
    background-color: #f1f1f1;
    /* border-top : solid 1px black; */
    /* border-bottom : solid 1px black; */
    padding:0.1em 0em;
}

#fuss p, a 
{
    margin:0 28px 0 0;
    color:#999999;
    font-size:10pt;
    text-decoration: none;
}