html {
        height: 101%;
        margin-bottom: 1px; }
  body
        {
                margin: 0;
                padding: 0;
                font: 80% verdana, sans-serif;
                text-align: center;
                color: #505367;
                margin-top: 0px;
        }

table { font: 90% verdana, sans-serif;
                line-height: 15px;

          }

        a:link { color: #B52C07;
                 text-decoration: none; }

        a:visited { color: #600;
                text-decoration: none; }}

        a:hover, a:active
        {
                color: red;
        }

        #container
        {
           margin: 1em auto;
           width: 820px;
           text-align: left;
           background-image: url(fotos/schatten.jpg);
           background-repeat: repeat-y;
        }

        #header
        {
                margin: 0 10px;
                background-image: url(fotos/logo.gif);
                background-repeat: no-repeat;
                background-position: 20px 20px;
                height: 128px;
         }

        #mainnav
        {
           margin: 0 10px;
           height: 30px;
           background-image: url(fotos/naviline.jpg);
           background-repeat: repeat-x;
        }
        #mainnav ul
        {
                margin: 5px 0 5px 10px;
                padding: 7px 0;
                list-style-type: none;


        }

        #mainnav li
        {
                display: inline;
                padding: 0 5px;

        }

        #mainnav li a
        {
                text-decoration: none;
                color: #fff;
                font-size: 100%;
                font-weight: bold;

        }

        #mainnav li a:hover
        {
                text-decoration: none;
                font-weight: bold;
                color: orange;
        }
        .selected
        {
           font-size: 100%;
           font-weight: bold;
           color: orange;
        }

        #picline
        {
                height: 139px;
                margin: 5px 10px;
                border-bottom: 1px solid #999;
                background-image: url(fotos/picline.jpg);
                background-repeat: no-repeat;
        }


        #contents
        {
                margin: 5px 35px 25px 35px;
                letter-spacing: -0.3px;
                line-height: 150%;
        }
        #contents pre
        {
        font-family: verdana;
        padding: 10px 0;
        margin: 0;
        }

        #footer
        {
          background-image: url(fotos/dotline.jpg);
          background-repeat: repeat-x;
          margin: 0 20px;
          padding: 3px 5px;
          line-height: 150%;
          clear: both;

         }
        #footer p
        {
           font-size: 70%;
        }
        #bottom-line
        {
          background-image: url(fotos/schatten-hori.jpg);
          background-repeat: repeat-x;
          height: 10px;
          margin: 0 10px;
        }
        .float_right
        {
                float: right;
                padding: 2px;
                border: 1px solid #9FA41D;
                margin: 0 30px 10px 10px;
        }
        .float_left
        {
                float: left;
                padding: 2px;
                border: 1px solid #9FA41D;
                margin: 0 0 10px 30px;
        }
        .abstand
        {
          letter-spacing: -0.5px;    ;

        }
  h1,h2,h3,h4,h5,h6 {
    font-family: verdana;
    font-weight: bold;
    color: #666;
    margin: 15px 0 0.25em 0;
  }

  h1 { font-size: 250%; }                       /* 30px */
  h2 { font-size: 200%; }                       /* 24px */
  h3 { font-size: 150%; }                       /* 18px */
  h4 { font-size: 105.00%; }                    /* 12px */
  h5 { font-size: 95.00%; }                    /* 11px */
  h6 { font-size: 90%; }                       /* 10px */