html, body
{
    text-align: center;
    margin: 0px;
    padding: 0px;
    background-color: silver;
    font-family: Arial, sans-serif;
    font-size: 90%;
}

#seite {
    margin:20pt auto;
    width:800px;
    text-align: left;
    border:1px solid black;
    background-color: white;
}

#kopf {
    clear: both;
    height: 230px;
    background-image: url("bilder/feneck-5658-2.jpg");
    background-position: right top;
}

#kopf p {
    font-size: 24pt;
    padding-top:85px;
    padding-left:10px;
}

#inhalt {
    margin-left: 200px;
    width: 550px;
    background-color:white;
}

#steuerung {
    float:left;
    width: 150px;
    border:1px dashed white;
}

#steuerung ul {
    list-style:none;               /* keine Aufzählungspunkte */
 }
 
#steuerung li {
    background-color:#dddddd;      /* Hintergrundfarbe   */
    border-left:5px orange solid;  /* Rahmenfarbe Auflistungpunkt oben */
    
    margin-bottom:10px;            /* Außenabstand oben  */
    padding:.3em .5em;             /* Innenabstand oben/unten 4px rechts/links 8px*/
}

#steuerung a:link    { color:blue;   text-decoration:none; } 
#steuerung a:visited { color:black;  text-decoration:line-through; } 
#steuerung a:focus   { color:green;  text-decoration:overline; } 
#steuerung a:hover   { color:red;    text-decoration:underline; } 
#steuerung a:active  { color:orange; text-decoration:blink; }

#fuss {
    border-top:1px solid black;
    margin-top:1em;
    background-color: #F2DA84;
    clear: both;
    padding:.3em 1em;
}