html {
    background-color: #fff;
    border: none;
    color: #111;
    font-size:13px;
    font-family: Arial, Georgia, "Times New Roman", Times, serif; }

body {
overflow: hidden;
width: 100%;
height: 100%;
margin: 0px;
padding: 0px;
scrollbar-base-color: #6495ed;
scrollbar-highlight-color: #C0C0C0;
scrollbar-shadow-color: #0000FF;
scrollbar-track-color: #C0C0C0; }

@media screen, projection {

/* hellblau oben */
#layout1   { position:absolute;
             top: 0px; left: 0px;
             width: 100%;
             height: 15px;
             background-color: #C0C0C0;
             z-index: 1; }
/* blau oben */
#layout2   { position:absolute;
             top: 15px; left: 0px;
             width: 100%;
             height: 100px;
             background-color: #0000FF;
             z-index: 1; }
/* grau oben */
#layout3   { position:absolute;
             top: 115px; left: 0px;
             width: 100%;
             height: 15px;
             background-color: #C0C0C0;
             z-index: 1; }
/* hellblau links */
#layout4   { position:absolute;
             top: 130px; left: 0px;
             width: 185px;
             height: 100%;
             background-color: #6495ed;
             z-index: 1; }
/* grau rechts*/
#layout5   { position:absolute;
             top: 130px; right: 185px;
             width: 185px;
             height: 100%;
             background-color: #c0c0c0;
             z-index: 0; }

#logo { position: absolute;
        top: 35px; left: 8px;
        z-index: 9; }
#navi1 { position: absolute;
         top: 13px; left: 185px; right: 0px; height: 115px;
         z-index: 9; }
#navi2 { position: absolute;
         top: 140px; left: 5px; width: 175px; bottom: 80px;
         overflow: auto;
         overflow-x: hidden;
         overflow-y: auto;
         height:expression(document.documentElement.clientHeight - 155 + "px");
         z-index: 9; }
#content { position: absolute;
           top: 145px; left: 200px; right: 380px; bottom: 15px;
           height:expression(document.documentElement.clientHeight - 155 + "px");
           width:expression(document.documentElement.clientWidth - 595 + "px");
           white-space:normal;
           overflow: auto;
           overflow-x: hidden;
           overflow-y: auto;
           padding-right: 20px;
           background-color: #FFF;
           z-index: 1; }
#lastupdate { position: absolute;
              right: 5px; bottom: 5px; width: 175px;
              text-align: right;
              z-index: 1; }
#login { position: absolute;
         left: 5px; bottom: 5px; width: 175px;
         text-align: left;
         z-index: 1; }
#tree1 { position: absolute;
         background: #C0C0C0;
         top: 137px; right: 190px; bottom: 15px; width: 175px;
         z-index: 1; }
#tree2 { position: absolute;
         top: 137px; right: 5px; bottom: 15px; width: 175px;
         z-index: 1; }

.rtop,.rbottom    { display:block }
.rtop *,.rbottom *{ display:block;
                    height: 1px;
                    overflow: hidden; }
.r1               { margin: 0 5px }
.r2               { margin: 0 3px }
.r3               { margin: 0 2px }
.r4               { margin: 0 1px; height: 2px }
.rs1              { margin: 0 2px }
.rs2              { margin: 0 1px }

}

table { border-collapse: collapse; }
td { font-family: Arial, Georgia, "Times New Roman", Times, serif;
     font-size: 12px; }
th { color: #C0C0C0; }

a          { text-decoration: none;
             font-weight: bold;
             color: #322f2e; }
a:hover { text-decoration: underline }
a.mactive { color: #34beed; }
a.mpassive { color: #8c8c8c; }
img { border: 0px; }

ul { margin-left: 10px;
     margin-top: 5px;
     margin-bottom: 15px;
     padding: 0px; }
ul.navi { list-style-type: none; }
ul.sitemap   { list-style-type: square;
               margin-left: 20px; }
ul.sitemap_2 { list-style-type: disc;
               margin-left: 30px; }
ul.sitemap_3 { list-style-type: circle;
               margin-left: 30px; }
li { margin-left:0px;
     font-size: 13pt; }
li.navi { margin-bottom:5px; }
.galerie { list-style-type: none;
            margin: 0;
            padding: 0; }
.galerie li { float: left;
               margin: 3px;
               padding: 3px; }


b       { color: #000; }
b.title { color: #504d4c; }
b.grey  { color: #C0C0C0; }
b.white { color: #FFF; }

h1 { color: #000000;
     font-size: 13pt;
     font-weight: bold;
     margin-top: 0px;
     margin-bottom: 10px; }
h2 { font-size: 9pt;
     color: #878585;
     font-weight: bold;
     margin-top: 0px;
     margin-bottom: 5px; }

p { margin-top: 0px; }

form.text { margin-bottom: 15px; }
legend { color: #624623; }
label { color: #322f2e;
        margin-bottom: 5px;
        font-weight: bold;
        font-size: 8pt; }
input.button { font-size: 1em;
               border: 0.1em solid #624623;
               margin-top: 5px;
               margin-bottom: 0px;
               color : #322f2e;
               font-weight: bold;
               text-align: center; }