<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">div, body, ul.Navigation, ul.Navigation li, #head * { /*just to be sure*/
    margin: 0;
    padding: 0;
}

body { font-size:100.01%;
    max-width: 60em;
    margin: 0px auto;
    margin-bottom: 2em;
}

/* Kopfzeile */
#head {
    padding-top: 3.5ex;
    display: table;
}
.head-row  {
    display: table-row;
}
.head-row &gt; * {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}
#head-cell-left {
    float: left;
}
#head-cell-middle {
    width:100%;
}
#head-cell-right {
    float: right;
}

/* Navigation */
#Navigation {
    /*Abstand links definiert durch body.padding-left,
      Abstand rechts definiert durch div#main.padding-left*/
    overflow: hidden;
    line-height: 150%;
    width: 100%;
    clear: both;
    float: left;
}
ul.Navigation {
    list-style: none;
    left: 50%;
    margin: 0 auto;
    float: left;
    position: relative;
}
* html ul.Navigation li { padding-bottom: 1px; } /* IE 6 Hack */

ul.Navigation li {
    float: left;
    position: relative;
    right: 50%;
}

ul.Navigation a, span.NavCurrent { /* Listelemente zu Boxen machen */
    display:block;
    padding: 0em 1em;
}

/* Inhaltsspalte */
div#main{
    text-align: center;
    clear: both;
    padding: 0 60px; /*der Abstand links und rechts vom Text*/
}

div#content{
    text-align: left;
    margin: 6ex auto 0 auto; /*Abstand zwischen Text und Kopf, Zentrierung*/
}

/* Sonstiges */
.text   { text-align: justify; }
.center { text-align: center; }
.left   { text-align: left; }
.right  { text-align: right; }

img.float   { float:left; margin-right: 1em; margin-bottom: 0.5ex }
img.floatright  { float:right; margin-left: 1em; margin-bottom: 0.5ex }
img     { vertical-align:middle; border: none; }
details summary { cursor: pointer; }
</pre></body></html>