html, body { height: 100%; width: 100%; margin: 0; padding: 0; overflow:auto; background-color:#8fc;
                 font: normal 16px arial, helvetica, sans-serif, verdana, tahoma, trebuchet; }

    a { text-decoration: none; }
    .clr:after { clear: both; }

    header, footer { width: inherit; background: #060; color: white; }
    header { height: 80px; position: fixed; top:0; overflow: hidden; text-align:center; font-size: 55px; font-weight:bold; line-height: 1.5; border-bottom:yellow solid 2px;}
    header img { height: 72px; margin: 6px 50px 0 50px;  }
    footer { line-height: 1.0; height: 50px; font-size: 12px; position: fixed; bottom:0; overflow: hidden; }
    footer div.footertekst { float: left; display: block; height: inherited; width: 600px; font-weight: bold; line-height: 1.3; margin: 3px 0 0 5px; }
    footer div.footertekst a { color: #fc0; }
    footer .info { float: right; display: block; height: inherited; margin: 4px 10px 0 0; color:#777; line-height: 1.2; text-align: right; }
    footer .info span { display: none; }
    footer .info:hover span { display: inline; }

    .terugbutton { display: block; width: 60px; height: 26px; border: black solid 1px; border-radius: 5px; background: yellow; float: left; margin: 12px 12px;
                   font-size: 18px; font-weight: bold; text-align: center; color: black; line-height: 1.45; cursor: pointer; }
    .terugbutton:hover { background:lime; }