body, html {
    margin: 0;
    padding: 0;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    background-color: #EEEEEE;
    color: #000000;
}

th, td {
    font-size: 12px;
}

.klein {
    font-size: 11px;
}

.rot {
    color: #CD003E;

}

p {
    margin: 0 0 .75em 0;
}

p.letzter {
    margin-bottom: 0;
}

.lfluss {
    float: left;
    margin: 0 10px 10px 0;
}

.nobreak {
    white-space: nowrap;
}

table {
    margin: 0 0 0 1px;
    border-collapse: collapse;
    empty-cells: show;
}




/* --------------
   Anzeigebereich
   -------------- */
#anzeigebereich {
    position: absolute;
    top: 0;
    left: 0;
    width: 1259px;
    height: 800px;
    background-color: #FFFFFF;
    border: 1px solid #000000;
}




/* -----------
   Kopfbereich
   ----------- */
#logo {
    position: absolute;
    left: 25px;
    top: 35px;
    width: 136px;
    height: 38px;
    background-color: #FFFFFF;
    background-image: url(b/logo-mbr-optical-systems.gif);
    background-position: 0 0;
    background-repeat: no-repeat;
}

#kopf {
    position: absolute;
    left: 186px;
    top: 0;
    width: 1072px;
    height: 103px;
    background-color: #D0E2EA;
}

#kopf #newsblock {
    position: absolute;
    left: 20px;
    top: 15px;
    width: 760px;
    height: 78px;
    font-size: 25px;
    font-weight: bold;
    color: #A9A9A9;
    overflow: auto;
    background-image: url(b/news-home-de.gif);
    background-position: 0 0;
    background-repeat: no-repeat;
}

#kopf #newsblock:first-line {
    color: #E7F1F5;
}

#kopf #sprachwahl {
    position: absolute;
    padding: 1px;
    left: 790px;
    bottom: 15px;
    max-height: 90px;
    background-color: #D0E2EA;
    overflow: auto;
}

#kopf #sprachwahl a {
    display: block;
    margin-top: 6px;
    padding-left: 35px;
    font-size: 12px;
    font-weight: bold;
    color: #868686;
    text-decoration: none;
    background-position: 0 0;
    background-repeat: no-repeat;
}

#kopf #sprachwahl #de {
    background-image: url(b/de-flagge.gif);
}

#kopf #sprachwahl #en {
    background-image: url(b/en-flagge.gif);
}

#kopf #sprachwahl .aktiv,
#kopf #sprachwahl a:focus,
#kopf #sprachwahl a:hover {
    color: #CD003E;
}

#blutbahn {
    position: absolute;
    left: 0px;
    top: 103px;
    width: 1259px;
    height: 62px;
    background-color: #FFFFFF;
    background-image: url(b/blutbahn.jpg);
    background-position: 0 0;
    background-repeat: no-repeat;
}




/* ---------
   Steuerung
   --------- */
#steuerung_quer {
    position: absolute;
    left: 0;
    top: 165px;
    width: 1053px;
    height: 17px;
    padding-top: 1px;
    font-weight: bold;
    font-size: 12px;
    color: #D82D65;
    padding-left: 206px;
    background-color: #D0E2EA;
}

#steuerung_quer a {
    color: #5E555A;
    text-decoration: none;
}
#steuerung_quer .trenner {
    margin: 0 5px;
}

#steuerung_quer .mpaktiv,
#steuerung_quer a:focus,
#steuerung_quer a:hover { color: #CD003E; }

#steuerung {
    position: absolute;
    left: 0;
    top: 186px;
    width: 235px;
    height: 468px;
}

#steuerung a {
    display: block;
    margin-bottom: 3px;
    padding: 9px 0 0 25px;
    height: 24px;
    width: 161px;
    font-weight: bold;
    font-size: 12px;
    background-repeat: no-repeat;
    background-position: 0 0;
    text-decoration: none;
}

#steuerung a.mint {
    background-image: url(b/but-mint.gif);
}

#steuerung a.weiss {
    background-image: url(b/but-weiss.gif);
}

#steuerung div.film {
    position: absolute;
    left: 0;
    bottom: 0;
    margin-bottom: 3px;
    padding: 9px 0 0 25px;
    height: 24px;
    width: 161px;
    font-weight: bold;
    font-size: 12px;
    background-repeat: no-repeat;
    background-position: 0 0;
    background-image: url(b/but-film.gif);
    text-decoration: none;
    color: #FFFFFF;
}

#steuerung a span {
    color: #5E555A;
}

#steuerung .stufe2 span {
    padding-left: 15px;
}

#steuerung span.mpaktiv,
#steuerung a:focus span,
#steuerung a:hover span { color: #CD003E; }




/* -------
   Adresse
   ------- */
#adresse {
    position: absolute;
    top: 675px;
    left: 25px;
    font-size: 9px;
    color: #868686;
}

#adresse a {
    color: #868686;
    text-decoration: none;
}




/* ----
   Fuss
   ---- */
#fuss {
    position: absolute;
    left: 186px;
    top: 651px;
    width: 1072px;
    height: 148px;
    background-color: #D0E2EA;
}

#fuss #reflect {
    position: absolute;
    left: 685px;
    top: 25px;
    width: 189px;
    height: 90px;
    background-color: #D0E2EA;
    background-image: url(b/reflect-your-healt.gif);
    background-position: 0 0;
    background-repeat: no-repeat;
}




/* -------
   Inhalte
   ------- */
#inhalt {
    position: absolute;
    left: 206px;
    top: 183px;
    width: 1052px;
    height: 450px;
    padding-top: 15px;
    color: #868686;
    overflow: auto;
}

#inhalt #links {
    width: 635px;
}

#inhalt #rechts {
    float: right;
    width: 370px;
    margin-left: 30px;
}

#inhalt .newsbox {
    margin-bottom: 2em;
    padding-bottom: 2em;
    border-bottom: 1px solid #000000;
}

#inhalt h1 {
    margin: 0 0 .6em 0;
    font-size: 15px;
    font-weight: bold;
    color: #CD003E;
}

#inhalt h2 {
    margin: 0 0 .6em 0;
    font-size: 14px;
    font-weight: bold;
}

#inhalt a.text {
    color: #868686;
    font-weight: normal;
    text-decoration: underline;
}

#inhalt .hs {
    color: #CD003E;
}

#inhalt .bs {
    color: #F2CD02;
}


.anwendungstabelle th, .anwendungstabelle td {
    font-weight: normal;
    text-align: left;
    color: #222222;
    padding: 1px 5px;
    font-size: 10px;
    border-left: 1px solid #919191;
    border-right: 1px solid #919191;
}

.anwendungstabelle .ueberschrift {
    color: #FFFFFF;
    font-weight: bold;
    padding: 3px 5px;
    background-color: #9C9E9F;
    border-top: 1px solid #919191;
}

.anwendungstabelle .leerzeile {
    font-size: 7px;
    border-left: none;
    border-right: none;
}

.anwendungstabelle .unterlegt {
    background-color: #E2E4E5;
}


#pressefotostabelle td {
    padding: 8px;
    font-size: 11px;
    text-align: center;
    vertical-align: middle;
    border: 1px solid #444444;
    background-color: #F8F8F8;
}

#pressefotostabelle td img {
    border: 1px solid #AAAAAA;
}


.pressespiegeltabelle th {
    padding: 5px 10px 5px 0;
    font-weight: normal;
    text-align: left;
    vertical-align: top;
}

.pressespiegeltabelle td {
    padding: 5px 0;
    vertical-align: top;
}


#presseinfotabelle td, #presseinfotabelle th {
    padding: 4px 30px 20px 0;
    vertical-align: top;
    text-align: left;
    border-bottom: 1px solid #CD003E;
}

#presseinfotabelle th {
    padding-bottom: 4px;
}

#presseinfotabelle td p {
    margin: 0 0 3px 0;
}

#presseinfotabelle td.letzte {
    border-bottom: none;
}

#presseinfotabelle td p.st1 {
    margin-left: 0;
}

#presseinfotabelle td p.st2 {
    margin-left: 20px;
}

#presseinfotabelle td p.st3 {
    margin-left: 40px;
}

#presseinfotabelle td a {
    color: #868686;
    font-weight: normal;
    text-decoration: none;
}

#presseinfotabelle td a:hover,
#presseinfotabelle td a:focus {
    color: #CD003E;
}


.downloadtabelle td, .downloadtabelle th {
    vertical-align: top;
    text-align: left;
    border-bottom: 1px solid #CD003E;
}

.downloadtabelle th {
    padding: 20px 10px 20px 0;
}

.downloadtabelle td {
    padding: 10px 0 10px 10px;
}

.downloadtabelle img {
    margin: 10px 0 10px 20px;
    border: 1px solid #BBBBBB;
    vertical-align: top;
}


.vertriebspartner {
    font-size: 11px;
    padding-bottom: 10px;
    border-bottom: 1px solid #CD003E;

}

.vertriebspartner p {
    margin: 0 0 5px 0;
    font-weight: bold;
}

.vertriebspartner a {
    color: #868686;
    text-decoration: none;
}


#impressumstabelle th, #impressumstabelle td {
    padding: 2px 0;
}

#impressumstabelle th {
    text-align: left;
    padding: 2px 10px 2px 30px;
}

ul {
    margin: 0 0 1.25em 2px;
    padding: 0 .5em 0 1em;
}

li {
    padding-left: .5em;
    color: #CD003E;
}

li span {
    color: #868686;
}

.downloadliste li {
    margin-bottom: .5em;
}




/* --------
   Formular
   -------- */
.eingabefeld {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #868686;
    width: 280px;
}

#formulartabelle {
    border-collapse: collapse;
    empty-cells: show;
}

#formulartabelle th, formulartabelle td {
    padding: 5px 10px 5px 0;
    text-align: left;
    vertical-align: top;
}

