html {
        background-color:#ddd;
        padding:2em 1em;
     }

body {

        margin:auto;
        font-family:sans-serif;
        font-size:101%;
        color:#333;
        background-color:white;
        max-width:50em;
        border:1px solid #555;
     }

li {
        margin:0.5em 0;
     }

table.layout td {
        vertical-align:top;
        padding:0;
     }

div.kopf,
div.linkespalte,
div.hauptspalte,
div.fuss {
        padding:10px;
     }

div.kopf {
        border-bottom:1px solid #5d83b3;
        vertical-align:bottom;
        min-height:80px;
        margin-bottom:10px;
     }

div.kopf h1,
div.kopf h2 {

        color:#5d83b3;
        text-align:right;
        margin:0;
        vertical-align:bottom;
     }

div.kopf img {
        float:left;
        margin:-10px;
     }

div.hauptspalte {

        padding-top:10px;
     }

div.linkespalte {
        width:10em;
        padding-top:10px;
     }

div.linkespalte p {
        font-size:90%;
     }

div.linkespalte p .hier {
        font-size:120%;
        font-weight:bold;
     }

div.linkespalte p .hier:after {
        content:":";
     }

div.fuss {

        color:#555;
        font-size:75%;
        text-align:center;
        border-top:1px solid #5d83b3;
        vertical-align:middle;
        clear:both;
     }

a         { text-decoration:underline; }
a:link    { color:#008; }
a:visited { color:#5d83b3; }
a:hover   { color:white;background-color:#5d83b3;text-decoration:none }