/* reset */

html, body, div, span, object,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, cite, code,
dfn, em, img, ins, q,
small, strong, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
      margin: 0; padding: 0;
    	border: 0; outline: 0;
    	font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit;
      vertical-align: baseline
  }

:focus, :active { outline: 0 }



body {
      line-height: 1;
      overflow-x: hidden;
      overflow-y: auto
    }



a {   text-decoration: none }

strong { font-weight: bold }

abbr {
      border-bottom: 1px dotted;
      cursor: help
    }

ol, ul { list-style: none; }

table { border-collapse: collapse }

caption, th, td {
      text-align: left;
      font-weight: normal
    }


/* general */

dd input, dd textarea {
      font: normal 1em "Courier New",Courier,monospace;
      border: 1px solid;
    }
input#submit { padding: 0 .7em     }

#control {
      position: fixed; right: 0; top: 0; z-index: 2;
      width: 18em; height: 100%;
      overflow: auto
    }

#logo {
      background: transparent;
      letter-spacing: .3em
    }
#logo dt {
      font: bold 2em/50% "Courier New",Courier,monospace;
      background: transparent;
      padding-top: .2em
    }
#logo dd {
      font: bold .8em/100% "Courier New",Courier,monospace;
      padding:  0 0 .6em .45em;
      margin:  0 0 0 2.5em
    }

.tag01, .tag02, .tag03, .tag04, .tag01, .tag05 { padding-right: .3em }
.tag01 { font-size: .8em } .tag02 { font-size: 1em }
.tag03 { font-size: 1.25em } .tag04 { font-size: 1.6em }
.tag05 { font-size: 2em }

#topic, #footer {
      min-width: 15.5em;
      margin-right: 19.2em
    }

.meta_i {
      padding-left: .75em;
      border-top: .25em solid
    }

#footer span {
      font-size: .8em;
      white-space: nowrap;
      margin-right: 1em
    }

#debug {
      display: none;
      position: absolute; top: 0; left: 0; z-index: 100;
      width: 50%; height: auto;
      font: .8em/120% Consolas;
      background: #600;
      color: #fff;
      padding: 0;
      opacity: .5;
      overflow: hidden
    }

#up { float: right }
#mark {
      position: absolute; left: -100000px; width: 1000em;
      visibility: hidden
    }


/* control */

#control h4 {
      line-height: 140%;
      padding-left: .5em
    }

#nav_tree {
      font-weight: bold; line-height: 100%;
      margin: 4em 0 0 2em
    }
#nav_tree li {
      font-weight: bold;
      padding: 0;
      margin-bottom: 1em;
      overflow: hidden
    }
#nav_tree a {
      display: block;
      white-space: nowrap;
      padding: .25em .5em .35em .5em
    }

#nav_tree dl { padding: 0 0 0 .5em }
#nav_tree dt { font-size: 200%; line-height: 120% }
#nav_tree dt span { font-size: 50% }
#nav_tree dt a {
      border: 0;
      padding: 0
    }
#nav_tree dd {
      font-size: 100%; line-height: 112%;
      margin-left: .7em
    }
#nav_tree ul li { margin: 1em 0     }

#nav_tags {
      padding: .5em 1em .5em 0;
      border-top: .25em solid;
      margin: 3.4em 0 0 2em;
      line-height: 100%
    }
#nav_tags div, #nav_style div { padding-left: 1.2em }

#nav_style {
      padding: 0 4em 0 0;
      margin: 0 0 0 2em;
      line-height: 100%
    }

#nav_style button { margin-top: .5em }

.alt_style {
      display: inline-block;
      font-size: 1em;
      width: 1.5em; height: .5em;
      border: 0; margin: 0 .25em 0 0;
      cursor: pointer
    }

#Kontrast { background: #000 } #dunkel { background: #4a525a }
#warm { background: #efeee0 }