* {
  margin: 0;
  padding: 0;
  }

body {
  background: #FFD900; /* rgb(255 217 0) */
  }

  li a, a {
    font-size: 10pt;
    font-weight: normal;
    text-decoration: none;
    }

  li a:link, a:link {
    color: #000000;
    }

  li a:hover, a:hover {
    font-weight: bold;
    }

  li a:active, a:active {
    font-style: italic;
    }

  li a:visited, a:visited {
    color: #616161; /*#808080;*/
    }

  div#container {
    min-width: 920px;
    min-height: 1000px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10pt;
    font-weight: normal;
    text-decoration: none;
    }

    div#leftsidebar {
      float: left;
      width: 23%;
      min-width: 212px;
      background: #FFD900; /* rgb(255 217 0) */
      }

      div#leftsidebar ul {
        padding: 8px 0px 10px 6%;
        width: 200px;
        list-style-type: none;
        }

      div#footprint {
        position: fixed;
        bottom: 8pt;
        left: 1.5%;
        font-size: 8pt;
        z-index: 0;
      }

    div#mainblock {
      margin-left: 24%;
      padding: 2% 3% 2% 3%;
      min-width: 636px; /* 920-221-(28+28)-7=636 */
      min-height: 980px; /* 1000-(10+10)=980 */
      background: #FFF1A2 url("../images/verlauf_nav0.jpg") repeat-y;
      }

    div#mainblock hr {           /* text separator line in user texts */
      margin: 0 auto;
      text-align: center;
      }

      div.paragraph {            /* user text standard paragraph */
        text-align: justify;
        }

      div.heading {              /* user text main heading */
        padding-bottom: 1.0em;
        font-size: 1.2em;
        font-weight: 600;
        text-align: justify;
        }

      div.paragraphtitle {       /* user text minor heading */
        padding-bottom: 0.6em;
        font-weight: 600;
        text-align: justify;
        }

      div.centered {             /* user text centered align */
        margin: 0 auto;
        text-align: center;
        }

      span.citation {
        font-style: italic;
        }

      span.citation:before {
        content: "\201C";
        }

      span.citation:after {
        content: "\201D";
        }

      blockquote {
        font-style: italic;
        }

      blockquote:before {
        content: "\201C";
        }

      blockquote:after {
        content: "\201D";
        }

      div#mainblock form {               /* login page form */
        padding-top: 80px;
        font-size: 9px;
        }

      div#mainblock form > div.componentheading {        /* login page description line */
        padding-bottom: 20px;
        }

      div#mainblock form ul {            /* login-error/question list */
        list-style-type: none;
        }

      div#mainblock form li a {          /* login-error/question list entry */
        font-size: 9px;
        }

      div#mainblock fieldset.input {     /* login entry block */
        padding: 28px 0px 30px 0px;
        border: 0px;
        }

      div#mainblock input.inputbox {     /* login entry field */
        width: 190px;
        height: 12px;
        font-size: 9px;
        background: #FFEB90;
        }

      div#mainblock fieldset p + p + p { /* login remember box and submit button line */
        float: left;
        margin-top: 2px;
        width: 133px;
        }

      div#mainblock input.inputbox#remember { /* login entry check box */
        position: relative;
        top: 4px;
        width: 12px !important;
        }

      div#mainblock label[for="remember"] { /* login entry check box description */
        position: relative;
        top: 4px;
        vertical-align: top;
        padding-right: 8px;
        }

      div#mainblock input.button { /* login entry submit button */
        float: left;
        margin-top: 3px;
        width: 60px;
        height: 18px;
        font-size: 9px !important;
        background: #FFEB90 !important;
        }