body, div, h1, h2 {
    margin: 0;
    padding: 0;
    font-family: arial, sans-serif;
    font-size: 10pt;
    font-weight: normal ;
    line-height: 12pt;
}
h1 {
    font-weight: bold;
}
h2 {
    margin-top: 20pt;
}
a {
    color: #d8d9da;
    text-decoration: none;
}
a:hover, a:focus {
    color: white;
    outline-style: none;
}

:lang(de) { quotes:"\201E" "\201C" "\201A" "\2018"; }
:lang(en) { quotes:"\201C" "\201D" "\2018" "\2019"; }

body {
    background-color: white;
}
p {
    margin-top: 6pt;
}
ul {
    list-style-type: square;
    padding-left: 20px;
}
ol.letter {
    list-style-type: upper-alpha;
    padding-left: 2em;
}
ol.number {
    list-style-type: decimal;
    padding-left: 2em;
}
ol, ul {
    margin-left: 0;
}
li {
    margin-bottom: 6pt;
}
q:before {
    content:open-quote;
}
q:after {
    content:close-quote;
}



img {
    border: 0;
}

img#logo {
    position: absolute;
    top: 35px; left: 15px;
}

img#theme {
    position: absolute;
    top: 10px; right: 70px;
}

img#into {
    position: absolute;
    top: 0; left: 0;
    width: 620px; height: 260px;
}

a#index_management {
    position: absolute;
    top: 0; left: 0px;
    width: 155px; height: 260px;
    background-color: #707277;
}
a#index_staffdev {
    position: absolute;
    top: 0; left: 155px;
    width: 155px; height: 260px;
    background-color: #707277;
}
a#index_hstests {
    position: absolute;
    top: 0; left: 310px;
    width: 155px; height: 260px;
    background-color: #707277;
}
a#index_prepinfo {
    position: absolute;
    top: 0; left: 465px;
    width: 155px; height: 260px;
    background-color: #707277;
}
a#to_home {
    position: absolute;
    top: 100px; right: 10px;
}
span.index_menumark {
    position: absolute;
    top: 180px; left: 20px;
}
span.index_menutext {
    position: relative;
    top: 20px; left: 20px;
}
div#main_body {
    position: absolute;
    background-color: white;
    top: 50%; left: 50%;
    margin-left: -400px; margin-top: -300px;
    width: 800px; height: 600px;
}
body {
    background-color: #9c9c9c;
}


div#ribo {
    position: absolute;
    left: 0; top: 380px;
    height: 120px; width: 100%;
    background-color: #e6edf5;
}

div#cobo {
    position: absolute;
    left: 120px; top: 380px;
    height: 120px; width: 620px;
    background-color: #4191c2;
    overflow: auto;
}

div#cobo a{
    font-size: 8pt;
    line-height: 10pt;
}

div#cobo_main {
    position: absolute;
    left: 15px; top: 15px;
    width: 550px;
}

div#cobo_col1 {
    position: absolute;
    left: 215px; top: 15px;
    width: 130px;
}
div#cobo_col2 {
    position: absolute;
    left: 350px; top: 15px;
    width: 130px;
}
div#cobo_col3 {
    position: absolute;
    left: 485px; top: 15px;
    width: 130px;
}
div#cobo_documents {
    position: absolute;
    top: 15px; right: 15px;
}
a.document {
    position: relative;
    left: 0;
    color: #9ccdeb;
}
a.document:hover, a.document:focus {
    color: white;
}
img#cobo_graf {
    position: absolute;
    top: 25px; left: 25px;
}

div#lebo {
    position: absolute;
    left: 0; top: 0;
    height: 100%; width: 120px;
    background-color: #aad5a9;
}

div#lemi {
    position: absolute;
    left: 0; top: 120px;
    height: 260px; width: 120px;
    background-color: #e6edf5;
}

div#rito {
    position: absolute;
    left: 0; top: 0;
    height: 120px; width: 100%;
    background-color: #dbf1db;
}

div#leto {
    position: absolute;
    left: 0; top: 0;
    height: 120px; width: 120px;
    background-color: white;
}

div#mitole {
    position: absolute;
    left: 120px; top: 0;
    width: 200px; height: 120px;
    background-color: white;
    border-left: 1px solid #c8c8c8;
}

div#mitori {
    position: absolute;
    left: 320px; top: 0;
    width: 420px; height: 120px;
    background-color: white;
    border-left: 1px solid #c8c8c8;
}

div#menubo {
    position: absolute;
    left: 120px; top: 500px;
    height: 100px; width: 619px;
    background-color: white;
}

div#mibo {
    position: absolute;
    left: 120px; top: 0;
    height: 100%; width: 619px;
    background-color: white;
    border-right: 1px solid #c8c8c8;
}

div#cole {
    position: absolute;
    left: 120px; top: 120px;
    width: 200px; height: 260px;
    background-color: transparent;
}

div#cori {
    position: absolute;
    left: 320px; top: 120px;
}
div#cori, div.preview_cori {
    width: 420px; height: 260px;
    background-color: #9ccdeb;
}
div#content {
    position: absolute;
}
div.preview_content {
    position: relative;
}
div#content, div.preview_content {
    left: 20px; top: 18px;
    width: 400px; height: 242px;    color: #326d90;
    overflow: auto;
}
div#content_text {
    margin-right: 10px;
}
div#content_text :first-child {
    margin-top: 0;
}
a#content_print {
    font-size: 8pt;
}
div#content_text p a,
div#content_text li a,
div#content_text h1 a,
div#content_text h2 a,
div#helptext a {
    color: #326d90;
    font-style: italic;
}
div#content_text p a:hover, div#content_text p a:focus,
div#content_text li a:hover, div#content_text li a:focus,
div#content_text h1 a:hover, div#content_text h1 a:focus,
div#content_text h2 a:hover, div#content_text h2 a:focus,
div#helptext a:hover, div#helptext a:focus {
    color: #4191c2;
}

a#lang_ger {
    position: absolute;
    top: 220px; left: 20px;
}
a#lang_eng {
    position: absolute;
    top: 232px; left: 20px;
}


a#menu_management {
    position: absolute;
    top: 47px; left: 0;
    height: 10px;
}
span#menumark_management {
    position: absolute;
    top: 0; left: 0;
    width: 10px; height: 10px;
    font-size: 1px;
    background-color: #038d8b;
}
span#menutext_management {
    position: relative;
    top: 0; left: 20px;
    height: 10px;
}
a#menu_staffdev {
    position: absolute;
    top: 62px; left: 0;
    height: 10px;
}
span#menumark_staffdev {
    position: absolute;
    top: 0; left: 0;
    width: 10px; height: 10px;
    font-size: 1px;
    background-color: #6dbda2;
}
span#menutext_staffdev {
    position: relative;
    top: 0; left: 20px;
    height: 10px;
}
a#menu_hstests {
    position: absolute;
    top: 77px; left: 0;
    height: 10px;
}
span#menumark_hstests {
    position: absolute;
    top: 0; left: 0;
    width: 10px; height: 10px;
    font-size: 1px;
    background-color: #91b3d3;
}
span#menutext_hstests {
    position: relative;
    top: 0; left: 20px;
    height: 10px;
}
a#menu_prepinfo {
    position: absolute;
    top: 92px; left: 0;
    height: 10px;
}
span#menumark_prepinfo {
    position: absolute;
    top: 0; left: 0;
    width: 10px; height: 10px;
    font-size: 1px;
    background-color: #0082d1;
}
span#menutext_prepinfo {
    position: relative;
    top: 0; left: 20px;
    height: 10px;
}

div#bottommenu {
    position: absolute;
    left: 0; top: 20px;
    width: 610px; height: 20px;
    text-align: right;
}
span#bottommenuitem_aboutus {
    position: relative;
    top: 0; left: 30px;
    height: 20px;
}
a#bottommenulink_aboutus {
}
span#bottommenuitem_news {
    position: relative;
    top: 0; left: 45px;
    height: 20px;
}
a#bottommenulink_news {
}
span#bottommenuitem_references {
    position: relative;
    top: 0; left: 60px;
    height: 20px;
}
a#bottommenulink_references {
}
span#bottommenuitem_contacts {
    position: relative;
    top: 0; left: 75px;
    height: 20px;
}
a#bottommenulink_contacts {
}
span#bottommenuitem_sitemap {
    position: relative;
    top: 0; left: 90px;
    height: 20px;
}
a#bottommenulink_sitemap {
}
span#bottommenuitem_imprint {
    position: relative;
    top: 0; left: 105px;
    height: 20px;
}
a#bottommenulink_imprint {
}
div#bottommenu {
    position: absolute;
    left: 0; top: 10px;
    width: 500px; height: 20px;
    text-align: right;
}

a.subpage {
    color: #9ccdeb;
}

a.subpage:hover, a.subpage:focus, a.subpage_hi {
    color: white;
}

div.sitemap {
    margin-top: 6pt;
    font-size: 8pt;
}

div.sitemap_management, div.sitemap a#sitemap_management {
    font-weight: bold;
    color: #009384;
}
div.sitemap a#sitemap_management:hover, div.sitemap a#sitemap_management:focus {
    color: white;
}
div.sitemap_staffdev, div.sitemap a#sitemap_staffdev {
    font-weight: bold;
    color: #00987a;
}
div.sitemap a#sitemap_staffdev:hover, div.sitemap a#sitemap_staffdev:focus {
    color: white;
}
div.sitemap_hstests, div.sitemap a#sitemap_hstests {
    font-weight: bold;
    color: #809eba;
}
div.sitemap a#sitemap_hstests:hover, div.sitemap a#sitemap_hstests:focus {
    color: white;
}
div.sitemap_prepinfo, div.sitemap a#sitemap_prepinfo {
    font-weight: bold;
    color: #4191c2;
}
div.sitemap a#sitemap_prepinfo:hover, div.sitemap a#sitemap_prepinfo:focus {
    color: white;
}
div.sitemap_aboutus, div.sitemap a#sitemap_aboutus {
    font-weight: bold;
    color: #707277;
}
div.sitemap a#sitemap_aboutus:hover, div.sitemap a#sitemap_aboutus:focus {
    color: white;
}
div.sitemap_news, div.sitemap a#sitemap_news {
    font-weight: bold;
    color: #707277;
}
div.sitemap a#sitemap_news:hover, div.sitemap a#sitemap_news:focus {
    color: white;
}
div.sitemap_references, div.sitemap a#sitemap_references {
    font-weight: bold;
    color: #707277;
}
div.sitemap a#sitemap_references:hover, div.sitemap a#sitemap_references:focus {
    color: white;
}
div.sitemap_contacts, div.sitemap a#sitemap_contacts {
    font-weight: bold;
    color: #707277;
}
div.sitemap a#sitemap_contacts:hover, div.sitemap a#sitemap_contacts:focus {
    color: white;
}
div.sitemap_sitemap, div.sitemap a#sitemap_sitemap {
    font-weight: bold;
    color: #707277;
}
div.sitemap a#sitemap_sitemap:hover, div.sitemap a#sitemap_sitemap:focus {
    color: white;
}
div.sitemap_imprint, div.sitemap a#sitemap_imprint {
    font-weight: bold;
    color: #707277;
}
div.sitemap a#sitemap_imprint:hover, div.sitemap a#sitemap_imprint:focus {
    color: white;
}
div.sitemap a {
    color: #707277;
    font-style: normal;
}
div.sitemap a:hover, div.sitemap a:focus {
    color: white;
}