Fußzeile unten an Browser heften

* {
      padding: 0;
      margin: 0;
   }




html, body
{
        height: 100%;
        text-align: center;
        min-width: 55.1em;
        background-color: black;
        font-family: sans-serif;




}
h1 {
    text-align:center;
    border-bottom-style: dotted;
    border-width:4px;
    border-color:#4C4C4C;




}







h4 {
    background-color:#999999
}










#seitenbereich {
         min-height: 100%;
         height: auto;
         height: 100%;
         margin: 0 auto -4em;
         width: 1000px;
         text-align: left;
         background-color: #333333;
}




#middle {
  margin: 0 200px 0 13em;
  background-color:#999999;
  text-align:center;
  margin-top:19px;
}




#infokasten {
  float:right;
  width: 12em;
  background-color:#333333;
  text-align:center;




}




#fusszeile, {
    background-color:#999999;
    width:1000px;
    border-top:2px solid black;
    text-align:center;
    height: 4em;
    clear: both;
}







#navi {
   float:left;
   width:200px;
   text-align:left;
   margin-top:10px;
   margin-bottom:10px;




 }




 #navi ul {
   list-style:none;
 }




 #navi li {
   background-color:#999999;       /* Hintergrundfarbe   */
   border-top:1px black solid;    /* Rahmenfarbe Auflistungpunkt oben */
   border-left:25px orange solid; /* Rahmenfarbe Auflistungpunkt oben */
   border-bottom:1px red solid;   /* Rahmenfarbe unten  */
   border-right:2px blue solid;   /* Rahmenfarbe unten  */
   margin-top:10px;
   padding-top:8px;
   padding-bottom:8px;
   padding-left:8px;
   padding-right:8px;
 }







#kopfzeile {
    height: 200px;
    width: 1000px;




}










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