/* * $Revision: 4928 $
 * //e7_cbtlch
 * 091001
 */
/* @import url(base.css); */
/* basic styles
*/
* {
    padding: 0;
    margin: 0
    }
body {
    font: normal 80%/1.5 sans-serif;
    color: #000;
    background-color: #fff
    }
a {
    text-decoration: none
    }
img {
    border: 0
    }
html > body sup, html > body sub {
    vertical-align: baseline;
    position: relative
    }
html > body sup {
    top: -0.4em
    }
html > body sub {
    bottom: -0.2em
    }
ul, ol, li, dd {
    margin-left: 20px
    }
li {
    line-height: 1.25em
    }
.inline {
    list-style: none;
    margin-left: 0
    }
.inline li, .inline li {
    display: inline;
    margin-left: 0
    }
.inline dt {
    clear: left;
    float: left
    }
.inline dd {
    margin-left: 0
    }
table {
    border-collapse: collapse;
    border-spacing: 0
    }
tr {
    vertical-align: top
    }
caption, th {
    text-align: left
    }
/* add to floating elements which should not float afterthem */
* html .clearfix {
    /* IE 5-6 */
    height: 1%
    }
* + html .clearfix {
    display: inline-block;
    /* IE7html */
    }
.clearfix:not([class="XXX"]) {
    /* Safari */
    display: block
    }
@media all and (min-width: 0) {
    .clearfix {
        display: block;
        /* O */
        }
    }
.clearfix:after {
    /* FF, O, etc. */
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
    }
/* useful for and shown by JS */
.jsblock, .jsinline {
    display: none
    }
/* @import url(layout.css); */
/* development classes */
._spec {
    clear: both;
    color: #fff;
    background: #000;
    padding: 0 10px
    }
._todo {
    background: red;
    margin-bottom: 3.6em
    }
/* hide elements except for screenreaders */
.hideMe {
    position: absolute;
    left: -5000px;
    top: 0
    }
/* bugfix for usage of .jsblock and .clearfix on the same element */
.clearfix.jsblock, .clearfix.jsinline {
    display: none
    }
/* general layout */
/* ensure scrollbar in FF */
html {
    /*overflow-y: scroll;*/
    }
body {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 70%;
    color: #54595c;
    background: #fff url(../static/img/background.gif) 0 25px repeat-x
    }
textarea, select {
    font-family: Arial, Helvetica, sans-serif
    }
#wrapper {
    position: relative;
    width: 965px;
    padding-left: 20px;
    margin: 0 auto;
    font-size: 1em
    }
.header {
    z-index: 98;
    position: relative;
    height: 125px
    }
.meta {
    position: absolute;
    top: 7px;
    right: 0;
    width: 830px;
    z-index: 1
    }
.meta .crumb, .meta .searchbox, .meta .languages, .meta .countries {
    float: right;
    margin-left: 20px;
    margin-right: 55px
    }
.meta .countries {
    width: 200px;
    margin-left: 0px
    }
.meta .crumb {
    margin-right: 20px
    }
.meta a, .meta b, .meta select, .meta input {
    font-size: 0.9em;
    color: #7f8385
    }
.meta .crumb a {
    line-height: 1em;
    display: block;
    float: left;
    margin-top: 0.2em;
    margin-left: 20px
    }
.meta select, .meta input {
    height: 13px;
    border: 1px solid
    }
.meta select {
    height: 15px
    }
* + html .meta select {
    height: 16px;
    margin-top: -1px
    }
.meta .searchbox input {
    float: left;
    width: 180px
    }
.meta input.submit {
    width: 15px;
    height: 15px;
    margin-left: 5px;
    border: none
    }
.meta .newCountryselect {
    float: right;
    font-size: 0.9em;
    margin: 0px 10px 0 0px
    }
* + html .meta .newCountryselect {
    margin-top: 1px
    }
* html .meta .newCountryselect {
    margin-top: 1px
    }
.meta .newCountryselect span {
    vertical-align: top;
    padding-right: 5px;
    /* display:block;
                            float:left;
                            padding-right:5px;
                            text-align:right;
                            vertical-align:top;
                            width:130px;*/
    }
.meta .newCountryselect a:hover, .meta .newCountryselect a:focus {
    color: #7F8385;
    text-decoration: none
    }
.logo {
    z-index: 99;
    position: absolute;
    top: 20px;
    left: 39px
    }
.mainmenu {
    position: absolute;
    z-index: 10000;
    bottom: 0;
    background-color: #FFFFFF
    }
* html .mainmenu {
    margin-bottom: -1px
    }
.content-area {
    min-height: 596px
    }
.left-area {
    float: left;
    width: 765px;
    min-height: 500px
    }
/* microsite has no context area but left-area fills full area! */
.no-context .left-area {
    width: 965px
    }
html > body .left-content-area {
    height: auto;
    min-height: 500px
    }
.stage {
    position: relative;
    background-color: #7F8385;
    height: 160px
    }
.stage.fullSize {
    height: 400px
    }
.stage.halfSize {
    height: 192px
    }
html > body .stage {
    height: auto;
    min-height: 112px
    }
.stage img, .stage object {
    display: block
    }
.stage div.altFlashtext {
    position: absolute;
    bottom: 10px;
    background-color: #828B92;
    color: #fff;
    left: 10px;
    padding: 5px 5px 5px 10px;
    width: 735px;
    opacity: 0.8;
    -moz-opacity: 0.8;
    filter: alpha(opacity=80)
    }
.stage a {
    color: #fff;
    text-decoration: underline
    }
.subnav {
    float: left;
    width: 190px;
    padding: 38px 25px 40px 20px
    }
.no-context .subnav {
    width: 175px;
    padding: 38px 15px 40px 20px
    }
.subnav ul {
    font-size: 1.2em
    }
.subnav ul a, .subnav ul b {
    font-weight: normal;
    line-height: 1.1em;
    display: block;
    color: #7f8385;
    background: url(../static/img/icons.png) no-repeat 0 -196px;
    padding: 0 10px;
    margin-bottom: 0.4em
    }
.subnav ul a:hover, .subnav ul a:focus {
    color: #5b92d3
    }
.subnav ul a.open, .subnav ul b {
    color: #5b92d3;
    background-position: 0 -296px
    }
.subnav ul a.open, .subnav ul b.open {
    background-position: 0 -446px
    }
.subnav ul ul {
    font-size: 0.8em;
    margin: 1.4em 20px 2.3em
    }
.subnav ul ul a, .subnav ul ul b {
    background-position: 0 -248px
    }
.subnav ul ul a.open, .subnav ul ul b {
    color: #5b92d3;
    background-position: 0 -347px
    }
.subnav ul ul a.open, .subnav ul ul b.open {
    background-position: 0 -395px
    }
.subnav ul ul ul {
    font-size: 1em;
    margin: 0em 20px 1.4em
    }
.main-content, .no-context .with-subnav {
    float: left;
    width: 725px;
    padding: 38px 0 0 20px
    }
/*.main-content*/
.with-subnav {
    width: 490px
    }
.pagefunctions {
    padding-bottom: 5.7em
    }
.pagefunctions ul {
    float: right
    }
.pagefunctions a {
    display: block;
    float: left;
    color: #bcbec0;
    background: url(../static/img/icons.png) no-repeat 0 0;
    padding-left: 18px;
    margin-left: 19px
    }
.pagefunctions a.print:hover, .pagefunctions a.print:focus {
    background-position: 0 -1699px
    }
.pagefunctions a.recommend {
    background-position: 0 -50px;
    padding-left: 15px
    }
.pagefunctions a.recommend:hover, .pagefunctions a.recommend:focus {
    background-position: 0 -1749px
    }
.pagefunctions a.bookmark {
    background-position: 0 -100px
    }
.pagefunctions a.bookmark:hover, .pagefunctions a.bookmark:focus {
    background-position: 0 -1800px
    }
.context {
    float: right;
    width: 200px;
    min-height: 300px;
    height: auto
    }
/* footer */
.footer {
    clear: both;
    font-size: 0.9em;
    width: 745px;
    padding: 10px 20px 21px 0
    }
* + html .footer {
    padding-bottom: 10px
    }
.footer .right {
    float: right
    }
.meta .languages a, .meta .languages b, .footer span, .footer a {
    line-height: 1.2em;
    display: block;
    float: left;
    color: #7f8385;
    padding-left: 0.5em;
    border-left: 1px solid;
    margin-left: 0.5em
    }
* html .meta .languages a {
    margin-top: 0.1em
    }
* + html .meta .languages a {
    margin-top: 0.1em
    }
/*changed for Language*/
* html .meta .languages b {
    margin-top: 0.1em;
    line-height: 12px;
    font-weight: 600
    }
* + html .meta .languages b {
    margin-top: 0.1em;
    line-height: 12px;
    font-weight: 600
    }
.meta .languages .first *, .footer .first * {
    padding-left: 0;
    border-left: 0;
    margin-left: 0
    }
/* {FULLPAGE} */
body.fullpage {
    background: #fff;
    width: 490px;
    margin: 37px 20px 36px
    }
/* splash screen */
body.splash .content-area {
    padding: 125px 0 0;
    min-height: 440px
    }
body.splash p {
    color: #fff
    }
body.splash .fallback {
    position: absolute;
    top: 20px;
    left: 30%
    }
body.splash p, body.splash .countries {
    float: left;
    margin-right: 1em
    }
body.splash .countries {
    width: 160px
    }
body.splash .countries ul {
    height: 85px
    }
body.splash .countries a {
    color: #54595c;
    text-decoration: none
    }
body.splash .countries a:hover {
    color: #5b92d3;
    text-decoration: underline
    }
body.splash .countries a:focus {
    width: 137px;
    padding-right: 0;
    color: #5b92d3;
    text-decoration: underline
    }
body.splash .content-area .countries .inline, body.splash .countries .countries-handle {
    background-color: #fff
    }
/* portfolio splash screen */
body.splash.portfolio #wrapper {
    width: 960px
    }
/* Sitemap */
#sitemap .flaps {
    margin-bottom: 1em
    }
#sitemap .flaps dt {
    display: inline-block;
    /* IE */
    margin-bottom: 6px;
    padding: 0.3em 10px 0.4em 35px;
    color: #fff;
    cursor: pointer;
    font-size: 1.43em;
    line-height: 1.2em;
    background: #5b92d3
    }
html > /**/body #sitemap .flaps dt {
    display: block
    }
#sitemap .flaps dd {
    padding: 1.1em 0 1em 1.3em;
    font-size: 1.08em
    }
#sitemap dd ul {
    display: inline;
    float: left;
    width: 45%;
    margin-bottom: 1em;
    padding-right: 0.3em;
    font-weight: 700
    }
#sitemap ul {
    list-style-type: none;
    margin-left: 2em
    }
#sitemap li, #sitemap li ul {
    margin-left: 1em
    }
#sitemap li > ul {
    font-weight: 400
    }
#sitemap li {
    /* for li > ul render bug in IE (creates an empty row above ul) */
    display: inline-block
    }
html > /**/body #sitemap li {
    display: block
    }
#sitemap dd ul a, #sitemap dd ul ul a:hover, #sitemap dd ul ul a:focus {
    color: #5b92d3
    }
#sitemap dd ul ul {
    display: block;
    float: none;
    width: auto;
    margin-bottom: 0;
    padding-right: 0;
    font-weight: 400
    }
#sitemap dd ul ul a {
    color: #54595c
    }
#sitemap .flaps dt a {
    color: #fff
    }
/*hide the class bgiframe on ie6*/
* html .bgiframe {
    display: none
    }
/* @import url(mainMenu.css); */
/* the main (top) menu */
.mainmenu {
    font-size: 1.1em
    }
.mainmenu li {
    z-index: 10000 !important;
    position: relative;
    float: left;
    padding: 0
    }
.mainmenu li.fullsubmenu {
    position: static
    }
.mainmenu li ul {
    display: none;
    position: absolute;
    top: 25px;
    left: -20px;
    color: #fff;
    background-color: #6b7074;
    padding: 17px 0 24px;
    height: 152px
    }
html > body .mainmenu li ul {
    height: auto;
    min-height: 119px;
    max-height: 343px
    }
html > body .mainmenu li ul ul {
    min-height: inherit
    }
.mainmenu li.fullsubmenu ul {
    left: -20px
    }
.mainmenu li.align-right ul {
    left: auto;
    right: 0
    }
.mainmenu li.lastelem-align-right ul {
    left: auto;
    right: -20px
    }
.mainmenu li.first ul {
    /*padding: 17px 0 23px;*/
    }
.mainmenu li li {
    position: static;
    float: none
    }
.mainmenu li .no-blocks {
    width: 150px;
    padding-left: 20px;
    padding-right: 20px
    }
.mainmenu li.align-right ul.no-blocks {
    float: left;
    left: -20px;
    right: auto
    }
.mainmenu li.align-right ul.blocks2, .mainmenu li.align-right ul.blocks3, .mainmenu li.align-right ul.blocks4 {
    right: -20px
    }
.mainmenu li.align-right ul.blocks4 {
    /*right:-58px;*/
    }
.mainmenu li.align-right ul.blocks3 {
    /*right:-20px;*/
    }
.mainmenu li li ul {
    display: block;
    position: static;
    top: auto;
    height: auto
    }
.mainmenu ul.blocks2 {
    width: 380px
    }
.mainmenu ul.blocks3 {
    width: 570px;
    left: -140px
    }
.mainmenu ul.blocks4 {
    width: 765px
    }
/*change 27.04.09*/
/*neu blocks5 added*/
.mainmenu ul.blocks5 {
    width: 965px
    }
.mainmenu ul.block ul {
    padding: 0;
    margin: 0
    }
.mainmenu ul.block li {
    float: left;
    width: 149px;
    padding: 0 20px;
    border-right: 1px solid #c0c2c1
    }
.mainmenu ul.block li.last, .mainmenu ul.block li li {
    border-right: 0
    }
.mainmenu ul.block li li {
    padding: 0
    }
.mainmenu li:hover ul, .mainmenu li.open ul {
    display: block
    }
.mainmenu .level1 {
    color: #7f8385;
    font-weight: bold;
    display: block;
    float: left;
    padding: 5px 18px 0;
    height: 20px
    }
.mainmenu b.level1 {
    color: #fff;
    background-color: #6b7074
    }
.mainmenu li:hover .level1, .mainmenu .open .level1, .mainmenu a.level1:hover, .mainmenu a.level1:focus {
    text-decoration: none;
    color: #fff;
    background-color: #6b7074
    }
.mainmenu li a:hover {
    color: #fff
    }
.mainmenu h3 {
    color: #fff;
    font-size: 1em;
    margin-bottom: 1em
    }
.mainmenu li ul a, .mainmenu li ul b {
    display: block;
    padding: 0 0 0.2em 10px;
    color: #fff;
    font-size: 0.9em;
    font-weight: normal;
    background: url(../static/img/icons.png) no-repeat 0 -494px
    }
/* @import url(dropdownmenu.css); */
/* country selector in meta nav and elsewhere */
.countries, div.simpleselect {
    position: relative
    }
.simpleselect {
    width: 205px
    }
.countries ul, .countries li, .simpleselect, .simpleselect li {
    margin-left: 0;
    padding-left: 0;
    background: none
    }
.countries ul, ul.simpleselect {
    overflow: auto;
    height: 4em
    }
.countries ul {
    border: 1px double #7f8385
    }
.countries-hover ul, .simpleselect-hover ul {
    position: absolute;
    display: inline-block;
    top: 0;
    left: 0;
    width: 150px;
    height: 8em;
    background-color: #fff;
    padding: 0
    }
ul.simpleselect {
    height: 10em;
    background-color: #edf0f2;
    width: 205px
    }
.countries a, .countries b, .simpleselect a, .simpleselect b {
    font-size: 0.9em;
    font-weight: normal;
    display: block;
    padding: 0 25px 0 3px
    }
.simpleselect a, .simpleselect b {
    color: #7f8385;
    padding: 0.3em 25px 0.3em 10px
    }
.simpleselect a:hover, .simpleselect a:focus {
    text-decoration: none;
    color: #fff;
    background-color: #7f8385
    }
.countries .countries-handle {
    float: left;
    border: 1px solid;
    height: 1.3em;
    background: url(../static/img/icons.png) no-repeat right -1294px
    }
* html .countries .countries-handle {
    overflow: hidden
    }
.simpleselect .simpleselect-handle {
    background: #edf0f2 url(../static/img/icons.png) no-repeat 173px -1290px;
    display: block;
    padding: 0.3em 20px 0.3em 10px
    }
.meta .countries .countries-handle {
    float: none;
    height: 1.5em
    }
.meta .countries-hover ul {
    width: 200px
    }
/* @import url(modules.css); */
/* container modules (columns): on full page 725px or with-subnav page of 490px */
.cols .col-left, .cols .col-middle {
    float: left;
    overflow: hidden
    }
.cols .col-right {
    float: right;
    overflow: hidden
    }
/* 2 columns 1:1 */
.cols1-1 .col-left, .cols1-1 .col-right {
    width: 343px
    }
.with-subnav .cols1-1 .col-left, .with-subnav .cols1-1 .col-right {
    width: 235px
    }
/* 2:1 1:2 and 1:1:1 */
.cols2-1 .col-left, .cols1-2 .col-right {
    width: 450px
    }
.cols2-1 .col-left {
    margin-right: 40px
    }
.with-subnav .cols2-1 .col-left, .with-subnav .cols1-2 .col-right {
    width: 327px
    }
.with-subnav .cols2-1 .col-left {
    margin-right: 20px
    }
.cols1-2 .col-left, .cols2-1 .col-right, .cols1-1-1 .col-left, .cols1-1-1 .col-right {
    width: 235px
    }
.with-subnav .cols1-2 .col-left, .with-subnav .cols2-1 .col-right, .with-subnav .cols1-1-1 .col-left, .with-subnav .cols1-1-1 .col-right {
    width: 163px
    }
.cols1-1-1 .col-middle {
    width: 235px
    }
.with-subnav .cols1-1-1 .col-middle {
    width: 164px
    }
/* GENERAL LINKS */
a, input {
    color: #54595c
    }
a:hover, a:focus, a.lnk-exp:hover, a.lnk-exp:focus {
    color: #5b92d3;
    text-decoration: underline
    }
ul.llt, ul.dllt, ul.num {
    margin-left: 0;
    list-style-type: none
    }
ul.llt li, ul.dllt li, ul.num li {
    margin-left: 0
    }
/* basic setup for applying icons to links */
a.lnkinternal, a.lnkexternal, a.dlnk, a.dlnkcollect, ul.llt li a, ul.dllt li a {
    display: block;
    padding-left: 8px;
    background: url(../static/img/sprite_icons.gif) no-repeat 0 4px
    }
ul.llt li a, ul.dllt li a {
    font-size: 0.9em
    }
ul.dllt li a.collect {
    padding: 0.2em 0.4em 0 0;
    font-size: 1.08em;
    background: none
    }
/* for external links */
a.lnkexternal {
    display: block;
    padding-left: 10px;
    background-position: 0 -396px
    }
/* for download links */
a.dlnk, ul.dllt li a {
    padding-left: 12px;
    background-position: 0 -196px
    }
/* for collect download buttons */
a.dlnkcollect {
    padding-left: 12px;
    background-position: 0 -497px
    }
/* used for link to exp search in meta and elsewhere */
a.lnk-exp {
    clear: left;
    display: block;
    color: #bebec0;
    background: url(../static/img/icons.png) no-repeat 0 -145px;
    padding-left: 7px
    }
/* Bullet as used in {ARTNUM} e.g. */
ul.bullet {
    list-style: none;
    margin: 0
    }
ul.bullet li {
    margin-left: 0;
    padding-left: 10px;
    background: url(../static/img/sprite_icons.gif) no-repeat 0 -295px;
    font-size: 1.08em
    }
/* anywhere richtext may be used */
ul {
    list-style-type: square
    }
.richtext p, .richtext ul, .richtext ol {
    margin-bottom: 1em;
    margin-left: 0
    }
.richtext li {
    padding-bottom: 0.3em;
    margin-left: 0
    }
.richtext ul li {
    list-style: none;
    background: url(../static/img/bullet.gif) no-repeat 0 5px;
    padding-left: 10px
    }
.richtext ol li {
    margin-left: 24px
    }
.richtext a {
    color: #5b92d3
    }
/* HEADLINES */
h1, h2 {
    font-weight: 400;
    color: #5b92d3
    }
h3 {
    color: #5b92d3
    }
h4 {
    font-size: 1.08em
    }
/* Main headline, once per page */
h1, .hl1 {
    font-size: 1.6em;
    line-height: 1.1em;
    margin-bottom: 0.7em
    }
/* h2 headline for important headlines(page areas) */
h2, .hl2, binnenteaser h2 {
    font-size: 1.43em;
    line-height: 1.1em;
    margin-bottom: 0.7em
    }
.hlsub {
    font-size: 1.25em;
    line-height: 1.2em;
    margin-bottom: 1.5em
    }
/* main headline, once per page */
h1.hlproduct {
    font-size: 2.14em;
    line-height: 1.1em;
    color: #fff;
    background-color: #7F8385;
    /*margin: 48px 20px 1px;*/
    /* change 06.11.08 */
    margin: 15px 20px 1px
    }
/* teaser headline */
h3.hlt {
    font-size: 1.25em;
    line-height: 1.1em;
    color: #5b92d3
    }
/* SUBHEADLINES */
/* subheadline (for paragraphs) */
/* slt just for the record. use .sl */
h3, .sl, h3.slt {
    display: block;
    color: #5b92d3;
    font-size: 1.08em;
    line-height: 1.15em;
    font-weight: 700;
    margin-bottom: 0.7em
    }
h3.slsmall {
    color: #7f8385;
    font-size: 0.9em;
    font-weight: bold
    }
/* UNORDERED ELEMENTS */
.date {
    font-weight: 700
    }
p.date {
    color: #7f8385;
    font-size: 1.08em
    }
span.date {
    margin-right: 0.7em;
    color: #5b92d3
    }
/* TEXT ELEMENTS */
.abstract {
    color: #54595c;
    font-size: 1.08em;
    font-weight: 700;
    line-height: 1.3em;
    margin-bottom: 1em
    }
.abstract a {
    color: #5b92d3
    }
.note {
    line-height: 1.2em
    }
.txtext {
    color: #54595c;
    font-size: 1.08em;
    line-height: 1.43em;
    margin-bottom: 3.6em
    }
/* marks an element caption */
/* txtab & txadd just for the record. use .txsmall */
/* probably also txnum/lnknum */
caption, .txsmall, .txtab, .txadd {
    color: #7f8385;
    font-size: 0.9em
    }
.txadd {
    margin-bottom: 3.6em;
    line-height: 1.2em
    }
/* marks text containing the unique selling proposition */
.txusp {
    color: #ffffff;
    font-size: 1.08em;
    line-height: 1.25em;
    margin: 0 20px
    }
/* marks text in navigation */
.txnav {
    color: #7f8385;
    font-size: 1.25em
    }
/* mini module: media options */
.media-options {
    margin-top: 1.3em
    }
.media-options a {
    /* general setting for download/media options */
    margin-right: 50px
    }
a.collect {
    position: relative;
    float: left;
    padding: 0.4em 0.4em 0 0;
    background: none
    }
a.collect span {
    display: none;
    text-decoration: none
    }
a.collect:hover, a.collect:focus, a.collect-over {
    text-decoration: none
    }
a.collect:hover span, a.collect:focus span, a.collect-over span {
    display: block;
    position: absolute;
    left: 15px;
    top: -1px;
    max-width: 20em;
    padding: 0.1em 10px;
    color: #fff;
    line-height: 1.3em;
    font-size: 0.9em;
    text-decoration: none;
    text-transform: uppercase;
    white-space: nowrap;
    background: #bcbdbf url(../static/img/dlnk_tooltip.gif) no-repeat 0 0;
    border: 1px solid #fff;
    border-left: none;
    z-index: 15
    }
/* individual styles for various locations in which .collect is used */
.m-art .content a.collect {
    padding-top: 0.1em
    }
.m-art .no-media a.collect, .tables a.collect {
    padding-top: 0.2em
    }
.m-tdl-ft3 ul.dllt li a.collect, .m-tea-fdl ul.dllt li a.collect {
    padding-top: 0.3em
    }
.m-tdl-ft3 ul.dllt li a.collect span, .m-tea-fdl ul.dllt li a.collect span {
    font-size: 0.85em
    }
.m-tdl-ft3 .cols li a.collect img {
    margin: 0
    }
.select .download-options a.collect span {
    font-size: 1em
    }
.m-pme a.collect, .m-ptab a.collect, .m-pdl a.collect {
    margin: 0;
    padding-top: 0.2em;
    font-size: 1.08em
    }
.m-pdl a.collect {
    padding-top: 0.4em
    }
.media-options a.collect {
    margin: 0
    }
/* Hack for aligning 'collect download' links besides floated download links on 'media-options' */
.m-art .media-options a.dlnk {
    margin-left: 0 !important
    }
/* IE-Hacks for aligning 'collect download' links */
* html .m-tea-fdl .dllt li a {
    margin-left: 0 !important
    }
* + html .m-tea-fdl .dllt li a {
    margin-left: 0 !important
    }
* html .m-tea-fdl .dllt li {
    display: block
    }
/* IR Equity Context*/
.main-content .ir-equity {
    border-bottom: 1px solid #FFFFFF;
    padding: 10px 0 20px 0
    }
.main-content .ir-equity iframe {
    border: none;
    overflow: hidden
    }
/* @import url(m-article.css); */
/* {ART} */
.m-art {
    width: 490px;
    color: #54595c;
    margin-bottom: 3.2em;
    /* eff. 40px */
    }
.m-art a {
    color: #54595c
    }
.m-art .image {
    float: left;
    width: 110px;
    margin-right: 20px
    }
.m-art .image img {
    display: block;
    margin-bottom: 20px
    }
.m-art .image p {
    margin-top: -10px;
    color: #7f8385;
    font-size: 0.9em;
    line-height: 1.2em
    }
.m-art .media-options a {
    float: left
    }
.m-art .media-options p.txsmall {
    margin-top: 1.2em
    }
.m-art .content {
    float: left;
    width: 360px;
    font-size: 1.08em;
    line-height: 1.2em
    }
.m-art .no-media {
    width: auto
    }
.m-art .llt, .m-art .dllt {
    list-style-type: none;
    font-size: 0.9em;
    margin: 1.2em 0 0 0
    }
.m-art .llt li, .m-art .dllt li {
    margin-left: 0
    }
.m-art .llt a, .m-art .dllt a {
    display: block;
    line-height: 1.3em
    }
.m-art .dllt a {
    background-position: 0 -198px
    }
.m-art span {
    margin-bottom: 20px;
    display: block
    }
.m-art .date {
    font-size: 1em
    }
.m-art h3 {
    margin-bottom: 14px;
    font-size: 1em;
    font-weight: 700
    }
/* {ARTTAB} */
.m-arttab {
    width: 490px;
    margin-bottom: 3.2em;
    /* eff. 40px */
    }
.m-arttab h3 {
    margin-bottom: 2.6em;
    /* eff. 15px */
    font-size: 1.08em
    }
/* {ARTNUM} */
.m-artnum {
    margin-bottom: 3.3em
    }
.m-artnum h3 {
    margin-bottom: 1.15em;
    /* eff. 20px */
    color: #5b92d3;
    font-size: 1.08em
    }
.m-artnum li {
    margin: 0;
    padding-left: 10px;
    color: #54595c;
    /*font-size: 0.9em;*/
    font-size: 1.08em;
    line-height: 1.25em;
    background: url(../static/img/sprite_icons.gif) no-repeat 0 -296px
    }
/* {GALLERY} */
.m-gallery {
    width: 490px;
    color: #54595c;
    font-size: 1em;
    margin-bottom: 3.2em
    }
.m-gallery ul {
    list-style: none;
    margin: 0
    }
.m-gallery li {
    margin: 0
    }
.m-gallery li.clearfix {
    margin-bottom: 20px
    }
.m-gallery h3 {
    margin-bottom: 0.2em;
    color: #5b92d3;
    font-size: 1.08em;
    font-weight: 700
    }
.m-gallery p {
    margin-bottom: 3.2em;
    /* eff. 40px */
    }
.m-gallery p.note {
    /* marks a dynamic text note */
    margin: 2.6em 0 0;
    /* eff. 40px */
    line-height: 1.43em
    }
.m-gallery .content {
    /* .richtext marks text with eventual formatting like ul,li,i,em,b,strong or a*/
    float: left;
    width: 250px
    }
.m-gallery .content p {
    margin-bottom: 0.25em;
    /* eff. 10px */
    }
.m-gallery ul ul {
    margin-top: 1.2em;
    /* eff. 20px */
    }
.m-gallery .media {
    /* surrounds the media element */
    float: left;
    margin-right: 20px;
    border: 1px solid #54595c
    }
.m-gallery li a {
    display: block;
    padding-left: 13px;
    color: #54595c;
    font-size: 0.9em;
    line-height: 1.25em
    }
.m-gallery .dllt li a {
    background-position: 0 -198px
    }
.m-gallery li p {
    color: #7f8385;
    font-size: 0.9em
    }
/*Changes on 10.02.09*/
.m-gallery .lightbox-content .mediafull {
    background-color: #FFFFFF;
    float: left;
    height: 470px;
    margin-bottom: 10px;
    margin-top: 3px;
    overflow: hidden;
    width: 546px
    }
.m-gallery .media .lightbox-content {
    padding: 0px;
    /*width: 230px;*/
    }
.m-gallery .media {
    margin-bottom: 20px
    }
.m-gallery .media .controls {
    width: 145px
    }
.m-gallery .media .controls a {
    background: transparent url(../static/img/icons.png) no-repeat scroll 0 -796px;
    color: #BCBEC0;
    display: block;
    float: right;
    font-size: 1em;
    height: 20px;
    padding-left: 25px;
    padding-top: 10px;
    margin: 2px 4px 0 0
    }
/*Changes 10.02 end*/
/* {PRODUCT} */
.m-product {
    background-color: #edf0f2;
    padding: 10px 0 10px 10px;
    /*margin-bottom: 3.6em;*/
    height: auto
    }
.m-product.altProductPage {
    margin-bottom: 40px
    }
.m-product .m-imgpre {
    float: left
    }
.m-product .m-feature, .m-product .m-featurealt {
    float: right;
    width: 375px
    }
/* IMGpre */
/*comment out when MediaModul is Live*/
.m-imgpre {
    position: relative;
    z-index: 5;
    background-color: #f6f7f8;
    width: 310px;
    height: 339px
    }
/* old view
.m-imgpre {
    background-color:#FFFFFF;
    height:300px;
    position:relative;
    text-align:center;
    width:310px;
    z-index:5;
}
*/
.m-imgpre .imgLightbox {
    float: left
    }
.m-imgpre .jsdisplay {
    display: none
    }
.m-imgpre .clipboard a {
    color: #bcbec0;
    font-size: 0.9em;
    text-transform: uppercase;
    display: block;
    white-space: nowrap;
    position: absolute;
    left: 10px;
    bottom: 5px;
    padding: 8px 15px 0 0;
    background: url(../static/img/icons.png) no-repeat right -1388px
    }
.m-imgpre a:hover, .m-imgpre a:focus {
    color: #7f8385
    }
.m-imgpre .controlsArea {
    float: left;
    width: 310px
    }
/*
comment out when MediaModul is Live*/
.m-imgpre .controls {
    background: transparent url(../static/img/pfeil.png) no-repeat scroll 25px 0;
    bottom: 8px;
    height: 58px;
    left: 8px;
    padding-top: 15px;
    position: absolute
    }
* html .m-imgpre .controls {
    bottom: 7px
    }
/* old view
.m-imgpre .controls {
    bottom:5px;
    position:absolute;
    right:10px;
}
*/
/*
comment out when MediaModul is Live*/
.m-imgpre .controls p {
    color: #7f8385;
    font-weight: bold;
    font-size: 1.3em;
    line-height: 1.25em;
    text-align: left
    }
.m-imgpre .lControls, .m-imgpre .rControls {
    float: left;
    width: 140px
    }
.m-imgpre .pice, .m-imgpre .video, .m-imgpre .interaktiv, .m-imgpre .allview {
    color: #BCBEC0;
    display: block;
    font-size: 12px;
    margin-top: 3px;
    padding: 8px 0 0 32px
    }
.m-imgpre .pice {
    background: url(../static/img/media_icons.gif) no-repeat 0 4px
    }
.m-imgpre .pice:hover {
    background: url(../static/img/media_icons.gif) no-repeat 0 -46px
    }
.m-imgpre span.pice:hover {
    background: url(../static/img/media_icons.gif) no-repeat 0 4px
    }
.m-imgpre .video {
    background: transparent url(../static/img/media_icons.gif) no-repeat scroll 0 -97px
    }
.m-imgpre .video:hover {
    background: transparent url(../static/img/media_icons.gif) no-repeat scroll 0 -147px
    }
.m-imgpre span.video:hover {
    background: transparent url(../static/img/media_icons.gif) no-repeat scroll 0 -97px
    }
.m-imgpre .allview {
    background: transparent url(../static/img/media_icons.gif) no-repeat scroll 0 -296px
    }
.m-imgpre .allview:hover {
    background: transparent url(../static/img/media_icons.gif) no-repeat scroll 0 -356px
    }
.m-imgpre span.allview:hover {
    background: transparent url(../static/img/media_icons.gif) no-repeat scroll 0 -296px
    }
.m-imgpre .interaktiv {
    background: transparent url(../static/img/media_icons.gif) no-repeat scroll 0 -196px
    }
.m-imgpre .interaktiv:hover {
    background: transparent url(../static/img/media_icons.gif) no-repeat scroll 0 -246px
    }
.m-imgpre span.interaktiv:hover {
    background: transparent url(../static/img/media_icons.gif) no-repeat scroll 0 -196px
    }
/*comment out when MediaModul is Live*/
.m-imgpre .zoom, .m-imgpre .roundview {
    display: block;
    color: #bcbec0;
    background: url(../static/img/icons.png) no-repeat 0 -796px;
    padding: 8px 0 0 25px;
    margin-top: 3px
    }
.m-imgpre .zoom, .m-imgpre .roundview {
    background: transparent url(../static/img/icons.png) no-repeat scroll 0 -796px;
    color: #BCBEC0;
    display: block;
    float: right;
    margin-left: 10px;
    padding: 8px 0 0 25px
    }
.m-imgpre .roundview {
    background-position: 0 -846px
    }
/* {FEATURE} {FEATUREalt} */
.m-feature h3, .m-featurealt h3 {
    font-size: 1.25em;
    font-weight: normal;
    color: #5b92d3;
    padding: 0.55em 10px
    }
.m-feature dt {
    cursor: pointer;
    font-size: 1.08em;
    font-weight: 700;
    color: #6B7074;
    /*change on 27.04.09*/
    /*padding: 0.6em 10px;*/
    padding: 0.6em 29px;
    border-top: 1px solid #fff
    }
.m-product .m-feature dt {
    /*change 07.11.08*/
    background-image: url(../static/img/pfeil_oeffnen.gif);
    background-repeat: no-repeat;
    /*change on 27.04.09*/
    /*background-position: left center;*/
    background-position: 0 11px
    }
.m-feature dt span {
    width: 2em;
    margin-right: 2em
    }
/*change 07.11.08 - new class*/
/*out commented on 27.04.09*/
/*.m-product .m-feature b {
    padding-left: 20px;
}*/
.m-product .m-feature span {
    display: none
    }
/*change end*/
.m-feature dt.flap-open {
    color: #5b92d3
    }
.m-product .m-feature dt.flap-open {
    /*change 07.11.08*/
    background-image: url(../static/img/pfeil_schliessen.gif);
    background-repeat: no-repeat;
    /*change on 27.04.09*/
    /*background-position: left center;*/
    background-position: 0 11px
    }
.m-feature dd, .m-featurealt .richtext {
    font-size: 1.08em;
    color: #6B7074
    }
.m-feature dd {
    padding: 0.3em 20px 0.5em 4em;
    margin-left: 0
    }
.m-product .m-feature dd {
    /*change 07.11.08*/
    padding: 0.3em 20px 0.5em 29px
    }
.m-featurealt .richtext {
    padding: 0.6em 20px 0.5em;
    border-top: 1px solid #fff
    }
.m-feature .richtext li, .m-featurealt .richtext li {
    font-size: 0.9em;
    color: #54595c
    }
/*change 03.12.08*/
.m-product .m-feature .richtext li, m-product .m-featurealt .richtext li {
    font-size: 1.08em;
    color: #6B7074
    }
/*change 03.12 end*/
.lightbox-content {
    padding: 19px 10px 25px
    }
.lightbox-content img, .lightbox-content object {
    margin: 0 auto
    }
.lightbox-content .close {
    font-weight: bold;
    font-size: 0.9em;
    float: right;
    display: block;
    color: #7f8385;
    background: url(../static/img/icons.png) no-repeat right -1498px;
    padding-right: 18px;
    margin-top: -3px
    }
.lightbox-content h2 {
    font-size: 1.08em;
    font-weight: 700;
    color: #5b92d3;
    margin: 0 0 0.6em
    }
.lightbox-content .full {
    text-align: center;
    float: left;
    background-color: #fff;
    width: 546px;
    height: 471px;
    overflow: hidden;
    margin-bottom: 10px;
    margin-top: 3px
    }
.lightbox-content .thumbs {
    /*float: right;
    		width:134px;*/
    float: left;
    width: 134px;
    margin-left: 4px
    }
.lightbox-content .thumbs.inline li {
    float: left;
    margin-left: 1px
    }
.lightbox-content .thumbs a {
    text-align: center;
    display: block;
    background: #fff;
    height: 111px;
    margin: 0px 0 3px 2px;
    overflow: hidden;
    width: 129px;
    border: 3px solid #edf0f2
    }
.lightbox-content .thumbs a:hover {
    border: 3px solid #d3dff3
    }
.lightbox-content .thumbs a.active {
    border: 3px solid #5b92d3
    }
.lightbox-content .controls {
    text-align: center;
    width: 546px;
    float: left
    }
.lightbox-content .controls #productText {
    overflow: hidden;
    padding: 0 5px 0 5px;
    text-align: left;
    width: 525px;
    height: 15px;
    font-size: 10px;
    font-weight: bold;
    color: #7f8385
    }
.lightbox-content .controls a {
    text-transform: uppercase;
    font-size: 0.9em;
    color: #7f8385
    }
.lightbox-content .controls .forwards {
    background: url(../static/img/icons.png) no-repeat right -1596px;
    padding-right: 7px;
    margin-left: 50px
    }
.lightbox-content .controls .backwards {
    background: url(../static/img/icons.png) no-repeat left -1546px;
    padding-left: 7px;
    margin-right: 50px
    }
.m-pdl h2 {
    margin-bottom: 0.6em
    }
.m-pdl p {
    margin-bottom: 1em
    }
/* {PART} Artikelliste */
.m-partelement, .m-pdlelement {
    font-size: 0.9em;
    /*width:322px;*/
    color: #7f8385;
    float: left;
    margin-right: 39px;
    /*border-top: 1px solid #BCBEC0;*/
    padding: 20px 0;
    /*change 06.11.08*/
    width: 320px;
    border-top: 1px solid #edf0f2
    }
.m-partelement-even, .m-pdlelement-even {
    margin-right: 0
    }
.m-partelement-firstrow, .m-pdlelement-firstrow {
    border-top: 0;
    padding-top: 0
    }
.m-partelement .image, .m-pdlelement .image {
    float: left;
    width: 100px;
    margin-right: 15px
    }
.m-partelement .content, .m-pdlelement .content {
    /*float:left;*/
    /*width:207px;*/
    font-size: 1em;
    line-height: 1.2em;
    /*change 06.11.08*/
    float: right;
    width: 205px
    }
.m-partelement .content a, .m-pdlelement .content a {
    position: relative;
    line-height: 1.5em
    }
.m-partelement .content h3, .m-pdlelement .content h3 {
    font-size: 0.9em;
    color: #7f8385;
    font-weight: 700;
    margin-bottom: 1em;
    margin-top: 0.4em
    }
.m-partelement .content span {
    display: block
    }
.m-partelement .content p {
    margin-bottom: 1em
    }
.m-partelement .content ul {
    color: #54595c;
    line-height: 1.1em;
    margin-bottom: 1em
    }
.m-partelement .content ul a {
    display: -moz-inline-box;
    display: inline-block;
    line-height: 1.3em
    }
.m-pme {
    color: #7f8385;
    font-size: 0.9em
    }
.m-pme .media {
    float: left;
    width: 300px;
    margin-right: 15px
    }
.m-pme .content {
    float: left;
    width: 368px;
    font-size: 1em;
    line-height: 1.2em
    }
.m-pme .content h3 {
    font-size: 0.9em;
    font-weight: 700;
    margin-bottom: 1.1em;
    color: #7f8385
    }
.m-pme .content p, .m-pme .content ul {
    margin-bottom: 1em
    }
.m-pme .content ul {
    color: #54595c;
    line-height: 1.1em
    }
.m-pme .content .media-options a {
    margin-right: 20px;
    background-position: 0 -198px
    }
.m-ptab p.intro {
    margin-bottom: 40px
    }
.m-ptab table {
    margin-bottom: 20px
    }
.m-rnav-lnkbox {
    margin-top: 20px
    }
.m-rnav-lnkbox a {
    display: inline;
    font-size: 0.9em;
    color: #bcbec0;
    margin-right: 40px;
    padding-left: 8px
    }
.m-rnav-lnkbox a:hover, .m-rnav-lnkbox a:focus {
    color: #5b92d3
    }
.m-rnav-lnkbox a.dlnk {
    padding-left: 11px;
    background: url(../static/img/sprites.png) no-repeat 0 -97px
    }
.m-rnav-lnkbox a.dlnk-acrobat {
    padding-left: 16px;
    background: url(../static/img/sprites.png) no-repeat 0 0
    }
.m-rnav-lnkbox a.dlnkcollect {
    padding-left: 11px;
    background: url(../static/img/sprites.png) no-repeat 0 -49px
    }
#mediaTeaser {
    background-color: #a0a1a3;
    float: left;
    margin-right: 20px;
    margin-bottom: 20px;
    width: 146px
    }
#mediaTeaser a {
    padding-left: 0
    }
.mediaTeaser img {
    float: left
    }
.startVideo {
    background-color: #A0A1A3;
    color: #7F8385;
    font-size: 1.3em;
    font-weight: bold;
    padding-left: 12px
    }
.startVideo a, .startVideo a:hover {
    color: #FFFFFF;
    float: left;
    padding: 5px 10px
    }
/* @import url(m-binnenteaser.css); */
/* binnenteaser module */
/* overall */
.binnenteaser {
    margin-bottom: 3.6em;
    /* =40px */
    padding: 10px;
    border: 1px solid #bcbec0
    }
.binnenteaser a {
    color: #54595c
    }
.binnenteaser a:hover, .binnenteaser a:focus {
    color: #5b92d3
    }
.binnenteaser h3 {
    margin-bottom: 0.3em;
    font-size: 1em;
    font-weight: 700
    }
.binnenteaser ul {
    list-style: none;
    margin: 0
    }
.binnenteaser li {
    margin: 0
    }
.binnenteaser p {
    line-height: 1.25em
    }
.binnenteaser li a {
    display: block;
    color: #54595c;
    font-size: 1em;
    line-height: 1.42em
    }
.binnenteaser .llt li a, .binnenteaser .dllt li a {
    font-size: 1em
    }
.binnenteaser hr {
    height: 0;
    margin: 10px 0 2px;
    border: 0;
    border-top: 1px solid #bcbec0
    }
html > /**/body .binnenteaser hr {
    margin: 16px 0 15px
    }
.m-tea-ft, .m-tea-fl, .m-tea-fdl, .m-tea-flwide, .m-tm2 {
    padding: 1.3em 20px 2em
    }
/* TDL-FT1 */
.m-tdl-ft1 {
    width: 321px;
    /* eff. 343 (padding+border) */
    height: 170px;
    /* eff. 192px (padding+border) */
    }
html > body .m-tdl-ft1 {
    height: auto;
    min-height: 170px
    }
.m-tdl-ft1 div.clearfix {
    margin-bottom: 0.9em;
    padding-bottom: 0.9em;
    border-bottom: 1px solid #bcbec0
    }
.m-tdl-ft1 img {
    float: left;
    margin-right: 1.3em
    }
.m-tdl-ft1 .content {
    float: left;
    width: 219px
    }
.m-tdl-ft1 h3 {
    margin: 0.7em 0 0.4em
    }
.m-tdl-ft1 p {
    margin: 0
    }
.m-tdl-ft1 p a {
    color: #54595c
    }
/* TDL-FT2 */
.m-tdl-ft2 {
    width: 321px;
    /* eff. 343 (padding+border) */
    height: 170px;
    /* eff. 192px (padding+border) */
    }
html > body .m-tdl-ft2 {
    height: auto;
    min-height: 170px
    }
.m-tdl-ft2 img {
    float: left;
    margin-right: 5px
    }
.m-tdl-ft2 div div {
    display: inline;
    /*ie6 double margin fix*/
    float: left
    }
.m-tdl-ft2 .content {
    width: 136px;
    margin-left: 10px
    }
.m-tdl-ft2 h3 {
    margin: 0.45em 0 0.25em
    }
.m-tdl-ft2 .row2 {
    clear: left;
    margin-top: 0.8em;
    padding-top: 1.15em;
    /* eff. 20px */
    border-top: 1px solid #bcbec0
    }
.m-tdl-ft2 .row2 .left {
    margin-right: 19px;
    overflow: hidden
    }
/* TDL-FT3 */
.m-tdl-ft3 {
    width: 468px;
    /* eff. 490px (padding+border) */
    height: 170px;
    /* eff. 192px (padding+border) */
    }
html > body .m-tdl-ft3 {
    height: auto;
    min-height: 170px
    }
.m-tdl-ft3 img, .m-tdl-ft3 .cols {
    /* general settings for both columns */
    float: left
    }
.m-tdl-ft3 .cols img {
    margin-right: 1.4em
    }
.m-tdl-ft3 .cols h3 {
    margin: 0;
    padding: 0.5em 0 0.4em
    }
.m-tdl-ft3 .col1 .clearfix {
    margin-bottom: 0.9em;
    padding-bottom: 0.9em;
    border-bottom: 1px solid #bcbec0
    }
/* 1st column */
.m-tdl-ft3 .col1 {
    width: 262px;
    margin-right: 30px
    }
.m-tdl-ft3 .col2 ul {
    width: 166px;
    margin-bottom: 10px
    }
.m-tdl-ft3 .wimage a.dlnk {
    background-position: 100px -196px;
    padding-left: 114px
    }
/* TDL-FT4 */
.m-tdl-ft4, .m-tdl-ft4wide {
    width: 213px;
    /* eff. 235 (padding+border) */
    height: 106px;
    /* eff. 128px (padding+border) */
    }
html > body .m-tdl-ft4, html > body .m-tdl-ft4wide {
    height: auto;
    min-height: 106px
    }
.m-tdl-ft4 img, .m-tdl-ft4wide img {
    float: left;
    margin-right: 1.3em
    }
.m-tdl-ft4 h3, .m-tdl-ft4wide h3 {
    margin: 0.7em 0 0.4em
    }
/* TDL-FT4wide */
.m-tdl-ft4wide {
    width: 428px
    }
/* TEA-FT */
.m-tea-ft {
    width: 193px;
    /* eff. 235 (padding+border) */
    height: 86px;
    /* eff. 128px (padding+border) */
    }
html > body .m-tea-ft {
    height: auto;
    min-height: 86px
    }
.m-tea-ft div {
    float: left;
    width: 89px;
    margin-right: 15px
    }
/* TEA-FL,TEA-FDL */
.m-tea-fl, .m-tea-fdl {
    min-height: 86px;
    /* eff. 128px (padding+border) */
    }
.m-tea-fdl ul li a {
    display: inline-block
    }
html > /**/body .m-tea-fdl ul li a {
    display: block
    }
/* TEA-FLwide: NOT NEEDED ANYMORE AS NO WIDTH DEFINED!!! */
.m-tea-flwide {
    width: 448px;
    /* eff. 490 (padding+border) */
    min-height: 86px;
    /* eff. 128px (padding+border) */
    }
.m-tea-flwide ul {
    float: left;
    width: 204px
    }
.m-tea-flwide ul.left {
    margin-right: 40px
    }
/* LLNews */
.m-llnews {
    width: 450px;
    padding: 0;
    border: 0
    }
.m-llnews h2.hl2 {
    margin: 0 0 0.7em
    }
.m-llnews p {
    font-size: 1.08em;
    line-height: 1.6em
    }
.m-llnews span.date {
    color: #5b92d3;
    font-weight: 700;
    margin-right: 0.7em
    }
/* TM1 */
.m-tm1 {
    padding-top: 5px;
    width: 213px
    }
.m-tm1 h3 {
    margin: 0.1em 0 0.5em
    }
.m-tm1 .clearfix {
    margin-bottom: 0.5em
    }
.m-tm1 .clearfix h3 {
    float: left;
    margin: 0
    }
.m-tm1 .countries {
    float: right;
    display: inline;
    width: 90px;
    background: url(../static/img/bg_dropdown.gif) no-repeat 0 0
    }
.m-tm1 .countries b, .m-tm1 .countries a {
    font-size: 0.9em
    }
.m-tm1 .countries-handle {
    width: 60px
    }
.m-tm1 img {
    width: 213px;
    height: 135px;
    margin-bottom: 0.7em
    }
.m-tm1 .dropdownmenu {
    /* marks the country select */
    float: right
    }
.m-tm1 .llc {
    /* marks the list elements */
    margin-top: 13px;
    width: 213px;
    overflow: hidden
    }
.m-tm1 .llc ul {
    float: left;
    width: 66px;
    margin-right: 40px
    }
/* TM2 */
.m-tm2 {
    height: 264px;
    /* eff. 300 (padding+border) */
    width: 193px;
    padding-top: 14px
    }
html > body .m-tm2 {
    height: auto;
    min-height: 264px
    }
.m-tm2 li {
    line-height: 1.43em
    }
.m-tm2 h3.website {
    margin-top: 1em;
    /* eff. 20px */
    }
.m-tm2 h3.tel {
    margin: 1em 0;
    /* eff. 20px */
    }
.m-tm2 p.tel {
    margin-top: 1em;
    /* eff. 20px */
    font-size: 1.25em
    }
/* TM3 */
.m-tm3 {
    padding-top: 10px;
    width: 213px
    }
.m-tm3 h3 {
    margin: 0.1em 0 0.5em
    }
.m-tm3 .clearfix {
    margin-bottom: 0.5em
    }
.m-tm3 .clearfix h3 {
    float: left;
    margin: 0
    }
.m-tm3 img {
    width: 213px;
    height: 135px;
    margin-bottom: 0.7em
    }
.m-tm3 .llc {
    /* marks the list elements */
    margin-top: 13px
    }
.m-tm3 .llc ul {
    float: left;
    padding-right: 10px
    }
/* @import url(m-forms.css); */
/* general buttons <input> and <a> */
.button {
    display: block;
    font-size: 0.9em;
    text-transform: uppercase;
    color: #fff;
    background: #BCBEC0 url(../static/img/icons.png) no-repeat 5px -1048px;
    width: 125px;
    padding: 0 20px 0 15px;
    margin: 0 10px 0.5em 0
    }
input.button {
    cursor: pointer;
    text-align: left;
    width: auto;
    /* IE */
    overflow: visible;
    /* IE */
    width: 160px;
    padding: 0.3em 20px 0 15px;
    border: none
    }
* html input.button {
    line-height: 1em
    }
html > body input.button {
    width: auto;
    min-width: 160px;
    padding-top: 0
    }
* + html > body input.button {
    padding: 0.3em 20px 0 15px;
    min-width: auto;
    line-height: 1em
    }
@media screen and (-webkit-min-device-pixel-ratio: 0) {
    /* safari/webkit only hack testwise */
    input.button {
        line-height: 1.4em
        }
    }
.button:hover, .button:focus, .button-over {
    text-decoration: none;
    color: #fff;
    background-color: #7f8385
    }
/* {FORM} */
.m-form {
    color: #54595c;
    margin-bottom: 3.6em;
    width: 480px
    }
.m-form .errors {
    font-size: 1.08em;
    margin-bottom: 3.6em;
    color: red
    }
.m-form .note {
    font-size: 0.8em;
    padding-top: 0.8em
    }
.m-form .note a {
    display: block;
    margin-bottom: 0.7em
    }
/* a single line of label/input combo or just inputs like checkboxes */
.m-form .line {
    margin-bottom: 1em;
    margin-bottom: 30px
    }
.m-form .singlefield {
    margin-bottom: 38px
    }
.m-form .group-next {
    margin-bottom: 8px
    }
/* if no .label ist used */
.m-form .no-label {
    padding-left: 140px
    }
.m-form .input {
    color: #7f8385;
    float: right;
    width: 340px
    }
.m-form .input.left {
    float: none
    }
.m-form .input div {
    margin-bottom: 8px
    }
.m-form .checkboxes .input div, .m-form .radios .input div {
    margin-bottom: 2px
    }
.m-form .label {
    padding-right: 5px
    }
.m-form .label strong, .m-form .inline-label strong {
    font-weight: normal;
    font-size: 0.9em;
    line-height: 1.2em;
    color: red;
    clear: both;
    display: block;
    padding-top: 0.2em
    }
.m-form .label strong {
    padding-left: 140px
    }
.m-form .inline-label strong {
    margin-bottom: 1em
    }
.m-form .label, .m-form .inline-label {
    font-size: 1.08em;
    line-height: 1.3em
    }
.m-form .inline-label {
    color: #7f8385;
    margin: 0 20px 0 4px
    }
.m-form .input span label {
    padding-right: 10px;
    padding-left: 2px
    }
.m-form textarea, .m-form select, .m-form .text, .m-form .upload {
    font-size: 0.8em;
    color: #7f8385;
    width: 139px;
    border: 1px solid #BCBEC0;
    padding: 0 5px;
    margin-right: 10px
    }
.m-form .disabled {
    color: #cfcfcf;
    background-color: #fff
    }
.m-form select {
    padding: 0;
    width: 151px
    }
.m-form textarea {
    height: 80px
    }
.m-form .text {
    padding: 0.3em 5px
    }
/* default width of form elements is 310, overwrite with small or medium */
.m-form .large, .m-form .upload {
    width: 300px;
    margin-right: 0
    }
.m-form select.large {
    width: 313px
    }
.m-form .small {
    width: 58px;
    margin-right: 11px
    }
.m-form .small:nth-of-type(n + 2) {
    margin-right: 10px
    }
.m-form .small:nth-of-type(n + 3) {
    margin-right: 11px
    }
.m-form .removeupload {
    font-size: 0.9em;
    line-height: 1.2em;
    display: block;
    background: url(../static/img/icons.png) no-repeat right -1100px;
    width: 145px;
    padding-right: 15px;
    margin-top: 0.3em
    }
.m-form .removeupload:hover, .m-form .removeupload:focus {
    background-position: right -1500px
    }
.m-form .input a.lnkinternal {
    color: #7f8385;
    display: inline;
    margin-left: 5px
    }
/* Input Fields with Questionmark Button */
.m-form .questionmark .input input, .questionmark .input select, .questionmark .input textarea, .questionmark div {
    float: left;
    margin-bottom: 5px
    }
.m-form .questionmark .input.left input {
    float: none
    }
.m-form .questionmark .input div {
    margin-bottom: 0px;
    width: 161px
    }
.m-form .questionmark .input div input {
    float: none;
    margin-bottom: 0px
    }
.m-form .questionmark p {
    float: left;
    padding-bottom: 15px;
    margin-right: 10px;
    width: 291px;
    font-size: 1.08em;
    line-height: 1.3em
    }
.m-form .questionmark .input .small {
    margin-right: 10px;
    width: 57px
    }
.m-form .questionmark .input .small.first {
    margin-right: 5px
    }
.m-form .questionmark .input span {
    float: left;
    margin-right: 4px
    }
.m-form .questionmark .input {
    padding-bottom: 5px
    }
.m-form .questionmark a.button {
    display: block;
    font-size: 0.9em;
    text-transform: uppercase;
    color: #fff;
    background: #BCBEC0 url(../static/img/questionmark.gif) no-repeat 0px 0px;
    width: 15px;
    height: 15px;
    float: left;
    padding: 0px;
    margin: 1px 0 5px 10px
    }
/*Only for select option with bold headline*/
.m-form select optgroup {
    color: #5B92D3;
    font-style: normal
    }
.m-form select option {
    color: #7F8385;
    font-style: normal
    }
/* @import url(m-nav.css); */
/* {SNAV} */
.m-snav {
    /*padding: 1.6em 0 3.6em;*/
    font-size: 0.9em;
    text-transform: uppercase;
    color: #bcbec0;
    padding: 0 0 1em
    }
.stage .m-snav {
    margin-bottom: -48px;
    padding: 21px 20px 12px
    }
.m-snav div {
    float: right
    }
.m-snav a {
    color: #bcbec0
    }
.m-snav a:hover, .m-snav a:focus {
    color: #5b92d3
    }
.stage .m-snav a, .stage .m-snav a:hover, .stage .m-snav a:focus {
    color: #ffffff
    }
.m-snav span {
    margin: 0 15px
    }
.m-snav a.back, .m-snav a.backwards {
    background: url(../static/img/icons.png) no-repeat left -946px;
    padding-left: 7px
    }
.m-snav a.back {
    background-position: left -146px;
    padding-left: 7px
    }
.stage .m-snav a.back {
    background-position: left -996px
    }
.stage .m-snav a.backwards {
    background-position: left -897px
    }
.m-snav a.forwards {
    background: url(../static/img/icons.png) no-repeat right -1196px;
    padding-right: 7px
    }
.stage .m-snav a.forwards {
    background-position: right -1896px
    }
/* {RNAV} in select navigation */
.m-select1, .m-select2 {
    position: relative;
    width: 450px;
    margin-bottom: 3.6em
    }
.m-select2 {
    border: 1px solid #BCBEC0;
    padding: 6px 10px 10px;
    width: 428px
    }
.m-select1 .tabs li {
    font-size: 1.08em;
    display: block;
    float: left;
    cursor: pointer;
    color: #5b92d3;
    padding: 0.3em 20px
    }
.m-select1 .tabs li.tab-open {
    cursor: default;
    color: #fff;
    background-color: #5b92d3
    }
.m-select1 .tab-content {
    background-color: #5b92d3;
    padding: 10px 10px 5px
    }
.m-select1 .selection {
    border-bottom: 5px solid #5b92d3
    }
.m-select2 .selection {
    margin-bottom: 15px
    }
.m-select2 .last {
    margin-bottom: 0
    }
.m-select1 .selection select {
    width: 100%
    }
.m-select2 label {
    display: block;
    color: #7f8385;
    font-weight: bold;
    margin-bottom: 5px
    }
.m-select2 .selection select {
    color: #7f8385;
    width: 429px
    }
.m-select1 .freesearch, .m-select2 .freesearch {
    position: absolute;
    bottom: 0;
    right: -275px
    }
.m-select2 .freesearch-submit {
    position: absolute;
    bottom: 10px;
    right: -35px;
    border: 0;
    padding: 0
    }
/* general styles for freesearch input and button */
.freesearch-input, .freesearch-submit {
    font-size: 1.2em;
    color: #5b92d3;
    vertical-align: middle;
    padding: 5px 8px 6px;
    border: 1px solid #5995D1;
    margin-left: 5px
    }
.freesearch-input {
    width: 199px;
    padding: 3px 2px 4px;
    margin-left: 0
    }
/* {CALENDAR} */
.m-calendar {
    margin-bottom: 3.6em
    }
.m-calendar .col-right label {
    display: block;
    margin-bottom: 0.3em
    }
.m-calendar .select {
    display: block;
    margin-bottom: 0.5em
    }
.m-calendar .select select {
    font-size: 0.9em;
    width: 205px
    }
/* {SCHNAV/SCHNAVexp} */
.m-schnav, .m-schnavexp {
    margin-bottom: 3.6em
    }
.m-schnav h3 {
    margin-bottom: 2.7em
    }
.m-schnavexp h3 {
    margin-bottom: 1.2em
    }
.m-schnav .txtext {
    margin-bottom: 0.4em
    }
.m-schnavexp .txtext {
    margin-bottom: 2.4em
    }
.m-schnavexp .exp {
    border: 1px solid #bdbec2;
    padding: 20px;
    margin: 3.6em 0 0
    }
.m-schnavexp .exp h3 {
    margin-bottom: 0.2em
    }
/* {SCHlocation} */
.m-schlocation {
    margin-bottom: 3.6em
    }
.m-schlocation h3 {
    margin-bottom: 2.7em
    }
.m-schlocation .txtext {
    margin-bottom: 0.4em
    }
/* {ENAV} */
.m-enav {
    clear: both;
    font-size: 1.12em;
    color: #bcbec0;
    margin-bottom: 3.6em
    }
.m-enav ol {
    margin-bottom: 2.85em
    }
.m-enav ol li.selected {
    color: #5b92d3;
    /*font-weight:bold;*/
    }
.m-enav ol li {
    color: #7f8385;
    display: inline;
    float: left;
    font-size: 1.08em;
    margin: 0pt 3.1em 0.3em 0pt;
    white-space: nowrap
    }
.m-enav ol li a {
    color: #7f8385
    }
.m-enav ol li a:hover {
    color: #5b92d3
    }
.m-enav .views {
    float: right;
    width: 260px
    }
.m-enav .views img, .m-enav .views div.label {
    float: right
    }
.m-enav .views img {
    margin-left: 10px
    }
.m-enav .views div.label {
    padding-top: 1px;
    margin-right: 5px
    }
.m-enav .paging {
    float: left;
    padding-top: 1px
    }
.m-enav span {
    color: #5b92d3
    }
.m-enav .paging a, .m-enav .paging span, .m-enav .paging strong {
    color: #bcbec0;
    margin-left: 5px
    }
.m-enav .paging a.start {
    margin-left: 3px
    }
.m-enav .paging a.prev {
    margin-right: 2px
    }
.m-enav .paging a.next {
    margin-left: 7px
    }
.m-enav .paging a.last {
    margin-right: 50px
    }
.m-enav .paging img {
    margin-bottom: 1px
    }
.m-enav .paging strong {
    color: #5b92d3
    }
/* @import url(selectbox.css); */
/* {SELECT1} select, {SELECT2} select */
.m-select1 .selectbox, .m-select2 .selectbox {
    font-size: 1.08em;
    cursor: pointer;
    display: block;
    color: #7f8385;
    background: #dcdddf url(../static/img/icons.png) no-repeat right -1941px;
    width: 409px;
    padding: 0.3em 10px;
    border: 0;
    margin: 0 0 13px
    }
.m-select1 .selectbox {
    color: #5b92d3;
    background-color: #e4ebf7;
    background-position: right -1991px;
    margin: 0
    }
.m-select1 div.selectbox-wrapper, .m-select2 div.selectbox-wrapper {
    position: absolute;
    z-index: 50;
    overflow: auto;
    overflow-y: scroll;
    width: 429px !important;
    max-height: 200px;
    background-color: #f2f2f3;
    padding: 0;
    margin: 0;
    margin-top: -12px
    }
.m-select1 div.selectbox-wrapper {
    background-color: #e4ebf7;
    margin-top: 1px
    }
* + html .m-select2 div.selectbox-wrapper {
    margin-top: -13px
    }
* + html .m-select1 div.selectbox-wrapper {
    margin-top: 0
    }
.m-select1 div.selectbox-wrapper ul, .m-select2 div.selectbox-wrapper ul {
    list-style-type: none;
    margin: 0;
    padding: 0
    }
.m-select1 div.selectbox-wrapper ul li, .m-select2 div.selectbox-wrapper ul li {
    display: block;
    margin: 0;
    padding: 0.2em 10px;
    color: #7f8385;
    cursor: pointer;
    font-size: 1.08em;
    list-style-type: none;
    border: 0
    }
.m-select1 div.selectbox-wrapper ul li {
    color: #5b92d3
    }
.m-select1 div.selectbox-wrapper ul li.selected, .m-select1 div.selectbox-wrapper ul li.current {
    background-color: #d2e1f4
    }
.m-select2 div.selectbox-wrapper ul li.selected, .m-select2 div.selectbox-wrapper ul li.current {
    background-color: #dcdddf
    }
/* @import url(m-search.css); */
/* SEARCH module */
/* {RESULTsearch} */
.m-resultsearch {
    margin-bottom: 3.6em
    }
.m-resultsearch a.img {
    float: left;
    margin-right: 20px
    }
.m-resultsearchimage div.clearfix {
    margin-left: 200px
    }
.m-resultsearch .relevance {
    display: block;
    margin-bottom: 0.1em;
    padding-left: 20px;
    color: #7f8385;
    font-size: 1.08em;
    font-weight: 700;
    background: url(../static/img/sprite_results.gif) no-repeat 0 -397px
    }
.m-resultsearch h3 {
    margin-bottom: 0.9em
    }
.m-resultsearch h3 a {
    color: #5b92d3
    }
.m-resultsearch ul.llt li a {
    line-height: 1.43em
    }
.m-resultsearch ul.llt {
    margin-bottom: 1em
    }
.m-resultsearch .richtext {
    font-size: 1.08em;
    line-height: 1.33em;
    /* results in this case in 16px */
    }
.m-resultsearch .dlnk {
    font-size: 0.9em
    }
/* {RESULTview1} {RESULTview2} {RESULTview3} */
.products {
    color: #646464;
    margin-bottom: 3.6em;
    padding: 10px 10px;
    background: #edf0f2
    }
.products .clipboard {
    float: right;
    width: 142px;
    padding: 0.1em 15px 0 0;
    color: #fff;
    font-size: 0.8em;
    text-align: right;
    text-transform: uppercase;
    background: #bcbec0 url(../static/img/sprite_results.gif) no-repeat 145px -297px
    }
.products ul {
    font-size: 1.08em;
    list-style: none;
    margin: 1.3em 0 0
    }
.products li {
    margin: 0 0 0.3em;
    padding-left: 19px;
    background: url(../static/img/sprite_results.gif) no-repeat 0 2px
    }
.products h3 {
    font-weight: normal;
    font-size: 1.6em
    }
.products h3 a, .products p.txusp {
    color: #646464;
    line-height: 1.08em
    }
.products p.txtext, .noresult p.txtext {
    margin-top: 1em;
    margin-bottom: 0;
    color: #646464
    }
.products:hover, .products:focus, .products-over {
    color: #fff;
    background: #5b92d3
    }
.products:hover h3, .products:focus h3, .products-over h3, .products:hover a, .products:focus a, .products-over a, .products:hover p, .products:focus p, .products-over p {
    color: #fff !important
    }
.products:hover .clipboard, products:focus .clipboard, .products-over .clipboard {
    text-decoration: none;
    color: #3354ba !important;
    background-color: #d6e7f7;
    background-position: right -197px
    }
.products:hover .clipboard:hover, .products:hover .clipboard:focus, .products-over a.clipboard-over {
    color: #fff !important;
    text-decoration: none;
    background: #3354ba url(../static/img/sprite_results.gif) no-repeat right -297px
    }
* html body .products-over a.clipboard-over {
    background-position: right -297px !important
    }
.products:hover li, .products:focus li, .products-over li {
    background-position: 0 -98px
    }
/* {RESULTview1} */
.m-resultview1 {
    position: relative
    }
.m-resultview1 a.img {
    float: left
    }
.m-resultview1 .txusp {
    margin: 0
    }
.m-resultview1 div {
    margin-left: 178px
    }
.m-resultview1 h3 {
    margin: 0.95em 0 0.3em
    }
.m-resultview1 ul, .m-resultview1 .txtext {
    padding-right: 167px;
    line-height: 1.08em
    }
.m-resultview1 .clipboard {
    /*position: absolute;
    	    bottom: 10px;
    	    right: 10px;*/
    margin-top: -15px
    }
/* {RESULTview2} */
.m-resultview2 {
    position: relative;
    float: left;
    width: 333px;
    margin-right: 9px
    }
.m-resultview2 h3 {
    margin: 1.5em 0 0.85em 0.3em
    }
.m-resultview2 p, .m-resultview2 ul {
    margin-left: 0.4em
    }
/* {RESULTview3} */
.m-resultview3 {
    float: left;
    width: 146px;
    margin-right: 15px
    }
* + html .m-resultview3 {
    padding-bottom: 3px
    }
.m-resultview3 h3 {
    font-size: 1.25em;
    margin: 0.9em 0 0.5em 0.3em
    }
.m-resultview3 .clipboard {
    position: relative;
    width: 0;
    padding-right: 14px;
    background-position: right -297px
    }
.m-resultview3 .clipboard span {
    display: none
    }
.m-resultview3 .clipboard:hover, .m-resultview3 .clipboard:focus, .m-resultview3 a.clipboard-over {
    width: 129px
    }
.m-resultview3 .clipboard:hover, .m-resultview3 a.clipboard-over {
    background-position: right -197px
    }
.m-resultview3 .clipboard:hover span, .m-resultview3 .clipboard:focus span, .m-resultview3 a.clipboard-over span {
    display: inline
    }
/* SELECTION RESULTS */
.select {
    margin-bottom: 3.6em
    }
.select h3 {
    margin-bottom: 0.9em
    }
.select h3 a, .select h4 a {
    /* QS - 'h3 a' probably as general rule? */
    color: #5b92d3
    }
.select h4 {
    margin: 0 0 1.1em 1.65em;
    color: #5b92d3;
    font-size: 1.08em;
    font-weight: 700
    }
.listing ul.bullet, .listing ul.llt {
    margin-left: 1.8em
    }
.listing ul.llt li a {
    background-position: 0 -295px
    }
.select .txtext {
    margin-bottom: 1.1em
    }
.select .richtext {
    margin-bottom: 1em
    }
.select .lnkinternal {
    display: block;
    margin-bottom: 1.2em;
    font-size: 0.9em
    }
.select .download-options {
    float: left;
    width: 200px;
    margin-top: 1em
    }
.select .download-options h3 {
    margin: 0
    }
.select .download-options a {
    font-size: 0.9em
    }
.select .download-options .dlnk {
    line-height: 1.8em
    }
.select .download-options .dlnksb {
    display: block;
    margin: 0 0 1.1em
    }
.select .download-options .txsmall {
    line-height: 1.08em
    }
.select p.shortmargin {
    margin-bottom: 0.2em
    }
/* {RESULTlist} */
.downloads .lnkinternal {
    margin-top: -0.1em
    }
.m-resultlist .lnkinternal {
    background-position: 0 5px
    }
/* {RESULTdate} */
.m-resultdate h2 {
    margin-bottom: 0.55em
    }
.m-resultdate h3.sl {
    margin-bottom: 1.1em
    }
.m-resultdate a.lnkinternal, .m-resultdate a.lnkexternal {
    display: block;
    /* probably better: generally as block */
    font-size: 1em;
    margin-bottom: 1.2em
    }
.m-resultdate .button {
    margin-top: 0.45em
    }
.m-resultdate .txsmall {
    margin-bottom: 1.2em;
    line-height: 1.25em
    }
/* {RESULTjobsearch} */
.m-resultjobsearch .button {
    float: left;
    margin-top: 0.3em;
    margin-right: 20px
    }
/* {NORESULT} */
.noresult {
    color: #646464;
    margin-bottom: 3.6em;
    padding: 0.8em 0
    }
/* @import url(m-snav.css); */
/* SUB NAVIGATION modules */
/* {RNAV}*/
.m-rnav {
    padding: 0 0 20px 0;
    /*border: 1px solid #bcbec0;*/
    margin-bottom: 2.9em;
    /*change 06.11.08*/
    border: 2px solid #edf0f2;
    border-top: none
    }
.m-rnav .tabs {
    /* margin-bottom: 2.85em; */
    /*change 06.11.08*/
    background-color: #edf0f2;
    padding: 20px;
    padding-bottom: 0px;
    padding-left: 7px;
    margin-bottom: 2.85em
    }
.m-rnav .tabs li {
    cursor: pointer;
    white-space: nowrap;
    display: inline;
    float: left;
    color: #7f8385;
    /*margin: 0 3.1em 0.3em 0;*/
    font-size: 1.08em;
    /*change 07.11.08*/
    background-image: url(/static/img/pfeil.gif);
    background-repeat: no-repeat;
    background-position: 13px 15px;
    /*margin-left: 15px;*/
    padding: 10px 20px 10px 20px;
    text-align: center
    }
.m-rnav .tabs .tab-open {
    font-weight: bold
    }
.m-rnav-inactive .tabs li {
    cursor: default;
    color: #bcbec0
    }
.m-rnav-inactive .tabs .tab-open {
    color: #7f8385
    }
.m-rnav-active .tabs li:hover, .m-rnav-active .tabs li:focus {
    text-decoration: underline;
    color: #5b92d3
    }
.m-rnav-active .tabs .tab-open, .m-rnav-active .tabs .tab-open:hover, .m-rnav-active .tabs .tab-open:focus {
    cursor: default;
    text-decoration: none;
    /*color: #5b92d3;*/
    /*change 07.11.08*/
    background-image: url(/static/img/pfeil_rollover.gif);
    background-repeat: no-repeat;
    background-position: 13px 15px;
    background-color: #ffffff;
    color: #5b92d3;
    text-align: center
    }
/* change 06.11.08 - new class*/
.tab-content {
    padding: 0px 18px 20px 20px
    }
.tab-content h2 {
    /*change 07.11.08*/
    color: #5b92d3;
    font-weight: bold
    }
/*#tab-0-5, #tab-0-6, #open3, #open4, #tab-0-9,
#tab-0-10, #tab-0-11 {
    display:none;
}*/
/* @import url(m-tables.css); */
/* module ContentModuleBasicTabelle */
/* styles for all tables */
.tables {
    color: #7f8385
    }
.tables td {
    line-height: 1.25em
    }
/* {TABnarrow} & {TABwide} & {TABproduct} = tabcols */
.m-tabcols table {
    table-layout: fixed;
    width: 100%;
    margin-bottom: 2.95em
    }
.m-tabcols th {
    padding-bottom: 0.9em;
    /* eff. 15px */
    color: #5B92D3;
    font-size: 1.08em;
    font-weight: 700;
    border-bottom: 1px solid #bcbec0
    }
.m-tabcols td {
    padding-top: 1.7em;
    /* eff. 20px */
    padding-right: 1.1em;
    font-size: 1.08em
    }
/*change on 12.06*/
.m-tabcols td h2 {
    font-size: 1.43em;
    width: 300px
    }
/*change end*/
.m-tabcols .rows2 td {
    padding-top: 2em
    }
.m-tabcols a {
    display: block;
    margin-bottom: 0.4em
    }
.m-tabcols a.lnkinternal {
    background-position: 0 4px
    }
.m-tabcols a.dlnk {
    background-position: 0 -198px
    }
.m-tabcols h3.slsmall {
    margin-bottom: 1.5em
    }
.m-tabcols .txsmall {
    margin-top: -0.35em
    }
/* {TABproduct} */
/* has to have all 4 columns, even if empty */
.m-tabproduct table {
    table-layout: auto
    }
.m-tabproduct th {
    padding-bottom: 1.7em;
    color: #7f8385;
    font-size: 0.9em
    }
.m-tabproduct table td, .m-tabproduct table td h3, .m-tabproduct table td p {
    width: 110px;
    margin: 0;
    padding-right: 0
    }
.m-tabproduct td.whitespace {
    width: auto;
    margin: 0;
    padding: 0
    }
/* {TABcountry} */
.m-tabcountry {
    margin-bottom: 3.6em
    }
.m-tabcountry div {
    float: left;
    width: 49.9%
    }
.m-tabcountry div h3 {
    margin-bottom: 1.4em;
    padding-bottom: 1.3em;
    border-bottom: 1px solid #bcbec0
    }
.m-tabcountry li {
    margin-right: 4em;
    font-size: 0.9em
    }
.m-tabcountry ul li a {
    background-position: 0 4px
    }
/* {TABlocation} */
.m-tablocation {
    margin-bottom: 3.6em
    }
.m-tablocation .left, .m-tablocation .right {
    float: left;
    width: 235px;
    /* should result in 236px with a 490px wide content area */
    }
.m-tablocation .right {
    margin-left: 20px
    }
.m-tablocation h3.slsmall {
    margin-bottom: 1.2em
    }
.m-tablocation p.txsmall {
    margin-bottom: 1.4em;
    line-height: 1.25em
    }
.m-tablocation div div {
    padding: 1.4em 20px;
    border: 1px solid #bcbec0
    }
.m-tablocation a.lnkinternal {
    font-size: 0.9em;
    display: block;
    margin-bottom: 1.2em;
    padding: 0;
    color: #7f8385;
    font-size: 0.9em;
    background: none
    }
.m-tablocation a.lnkinternal:hover, .m-tablocation a.lnkinternal:focus {
    color: #5B92D3
    }
.m-tablocationwide .left, .m-tablocationwide .right {
    width: 228px
    }
.m-tablocationwide .right {
    margin-left: 20px
    }
/* @import url(context.css); */
/* CONTEXT TEASER */
/* right side context modules */
.context {
    line-height: 1.2em;
    color: #6B7074;
    background: #edf0f2;
    overflow: hidden
    }
.context * {
    color: #6B7074
    }
.context h3, .context .slot dt {
    font-size: 1.25em;
    font-weight: 400
    }
.context .button {
    width: 145px;
    color: #fff;
    font-size: 0.9em;
    margin: 0 0 0.5em
    }
.context input.button {
    width: 180px
    }
.context h3 {
    margin-bottom: 0.9em
    }
.context p {
    margin-bottom: 0.4em
    }
.context h3.hlt a, .context h3.sl a {
    color: #5b92d3
    }
/* FLAPS */
.context .flaps h3, .context .flaps dt span {
    display: block;
    color: #5b92d3;
    cursor: pointer;
    margin-top: 0.55em;
    margin-bottom: 0.8em;
    padding-right: 15px
    }
.context .flaps dt.flap-open span {
    margin-bottom: 0.35em
    }
.context .flaps dt span {
    background: url(../static/img/sprite_context.gif) no-repeat right -198px
    }
.context .flaps dt span:hover, .context .flaps dt span:focus {
    background-position: right -298px
    }
.context .flaps dt.flap-open span {
    background-position: right 2px
    }
/* flaps sortieren!*/
.context .flaps dt.flap-open span:hover, .context .flaps dt.flap-open span:focus {
    background-position: right -98px
    }
.context .flaps dt.flap-open img {
    display: block;
    margin-bottom: 14px
    }
/* GOAL AREA */
.context .goal {
    background: #5b92d3
    }
.context .goal *, .context .goal .flaps h3, .context .goal .flaps dt span, .context .goal .button, .context .goal a:hover, .context .goal a:focus {
    color: #fff
    }
.context .goal .flaps dt span {
    background: url(../static/img/sprite_goal_flaps.gif) no-repeat right -199px
    }
.context .goal .flaps dt span:hover, .context .goal .flaps dt span:focus, .context .goal .flaps dt.flap-over span {
    background: url(../static/img/sprite_goal_flaps.gif) no-repeat right -299px
    }
.context .goal .flaps dt.flap-open span {
    background: url(../static/img/sprite_goal_flaps.gif) no-repeat right 0px
    }
.context .goal .flaps dt.flap-open span:hover, .context .goal .flaps dt.flap-open span:focus {
    background: url(../static/img/sprite_goal_flaps.gif) no-repeat right -99px
    }
.context .goal .lnkinternal, .context .goal .lnkexternal, .context .goal .llt li a, .context .goal .dlnk {
    display: block;
    margin: 0.5em 0 0.4em;
    background: url(../static/img/sprite_context.gif) no-repeat 0 -897px
    }
.context .goal .lnkinternal, .context .goal .lnkexternal, .context .goal .llt {
    margin-top: 1.3em
    }
.context .goal .lnkexternal {
    padding-left: 12px;
    background-position: 0 -998px
    }
.context .goal .dlnk {
    margin-bottom: 1.25em;
    padding-left: 12px;
    background-position: 0 -1098px
    }
.context .goal .phone, .context .goal .fax, .context .goal .email {
    display: block;
    padding-left: 16px;
    background: url(../static/img/sprite_context.gif) no-repeat 0 -600px
    }
.context .goal .fax {
    background-position: 0 -700px
    }
.context .goal .email {
    background-position: 0 -797px
    }
.context .goal .button {
    background-color: #9cbee4;
    background-position: 5px -1047px
    }
.context .goal .button:hover, .context .goal .button:focus, .context .goal .button-over {
    background-color: #3354ba
    }
.context .goal h3.sl, .context .contacts h3.sl {
    margin: 1.7em 0 0.5em;
    padding-bottom: 0.5em;
    border-bottom: 1px solid #fff
    }
/* New Search*/
.context .searchbox {
    padding: 27px 5px 0px 20px
    }
.context .searchbox h3 {
    margin-bottom: 10px
    }
.context .searchbox a {
    font-size: 0.9em
    }
.context .searchbox a.lnk-exp {
    background: transparent url(../static/img/sprite_icons.gif) no-repeat scroll 0 5px;
    color: #6B7074;
    width: 125px
    }
.context .searchbox.goal a.lnk-exp {
    background: transparent url(../static/img/sprite_context.gif) no-repeat scroll 0 -896px;
    color: #FFFFFF
    }
.context .searchbox input.text {
    width: 120px;
    float: left;
    margin: 0 0 2px;
    padding: 0.4em 0.5em;
    height: 13px;
    font-size: 0.9em
    }
.context .searchbox input.searchsubmit {
    float: left;
    margin-left: 5px;
    border: 1px solid #fff;
    color: #6B7074;
    padding: 6px 8px 7px;
    height: 8px;
    width: 5px;
    xvertical-align: middle;
    background-color: #fff
    }
.context .searchbox.goal input.text {
    color: #5b92d3;
    border: 1px solid #5b92d3
    }
.context .searchbox.goal input.searchsubmit {
    color: #5b92d3;
    border: 1px solid #5b92d3
    }
/* IR Equity Context*/
.context .ir-equity, .context .draegerMaps {
    border-bottom: 1px solid #FFFFFF;
    padding: 5px 0 5px 0
    }
.context .ir-equity iframe, .context .draegerMaps iframe {
    border: none;
    overflow: hidden
    }
.context .draegerMaps iframe {
    margin-bottom: 10px
    }
.context .draegerMaps ul {
    padding: 10px 0 0 20px
    }
.draegerMapsLightbox {
    overflow: hidden
    }
/* CONTACTS */
.context .contacts {
    padding: 2.3em 0 2em 20px;
    border-bottom: 1px solid #fff
    }
.contacts h3, .contacts h4, .contacts p, .contacts ul {
    padding-right: 20px
    }
.contacts .txsmall {
    margin-bottom: 0.6em;
    padding-left: 0.5em
    }
.context .contacts .lnkinternal, .context .contacts .lnkexternal, .context .contacts .llt li a, .context .contacts .dlnk {
    margin: 0.5em 0 0.4em
    }
.contacts ul.llt {
    margin-top: 1.3em
    }
.contacts .txtext {
    line-height: 1.25em;
    font-size: 1em
    }
/* '.first' used with txtext for the first text paragraph in contacts area */
.contacts .first {
    font-weight: 700
    }
.contacts .lnkinternal {
    display: block
    }
.contacts .lnkexternal, .contacts .dlnk {
    display: block;
    padding-left: 12px;
    background: url(../static/img/sprite_context.gif) no-repeat 0 -1497px
    }
.contacts .dlnk {
    margin-bottom: 1.25em;
    background-position: 0 -1597px
    }
.contacts .phone, .contacts .fax, .contacts .email {
    display: block;
    padding-left: 16px;
    background: url(../static/img/sprite_context.gif) no-repeat 0 -1200px
    }
.contacts .fax {
    background-position: 0 -1300px
    }
.contacts .email {
    background-position: 0 -1397px
    }
/* SLOT AREA */
.context .slot {
    border-bottom: 1px solid #fff;
    padding: 0.9em 0 1.5em 10px
    }
.slot a {
    color: #6B7074
    }
.slot a:hover, .slot a:focus {
    color: #5b92d3
    }
.slot a.button:hover, .slot a.button:focus {
    color: #fff
    }
.slot .txtext, .toolbox .txtext {
    color: #6B7074;
    font-size: 1em
    }
/* left & right distance from content to color edge */
.slot dd, .slot dt span, .slot dt.flap-open span, .slot .txtext, .slot h3, .toolbox .txtext, .toolbox h3, .clipboard div.clearfix {
    margin-left: 10px;
    margin-right: 20px
    }
.slot .hlt {
    margin: 0.65em 0 0.5em 10px;
    padding: 0 0 0.5em 0;
    border-bottom: 1px solid #bcbec0
    }
.slot dd {
    color: #6B7074
    }
.slot dd .txtext {
    margin: 0;
    line-height: 1.25em
    }
.slot ul.dllt li a, .toolbox ul.dllt li a {
    background-position: 0 -97px
    }
.slot dd li a {
    font-size: 1em;
    line-height: 1.34em
    }
.slot .button {
    float: right;
    width: 145px;
    margin-bottom: 0.4em
    }
.toolbox .button {
    xfloat: right;
    width: 145px;
    margin-bottom: 0.4em
    }
.slot div .button {
    float: none;
    width: auto;
    color: #6B7074;
    margin-bottom: 0;
    padding: 0 0 0 17px;
    text-transform: capitalize;
    background: url(../static/img/sprite_context.gif) no-repeat 0 -400px
    }
.slot input.small {
    font-size: 0.85em;
    color: #6B7074;
    width: 76px;
    padding: 0.3em 0;
    border: 1px solid #808295
    }
.slot ul.note a {
    display: block;
    background: url(../static/img/icons.png) no-repeat 0 -596px;
    padding-left: 7px
    }
/* Deluxe Teaser*/
.slot.m-tdl dt img {
    margin-bottom: 10px
    }
.slot.m-tdl dt a {
    display: block
    }
.slot.m-tdl dt span a {
    display: inline
    }
.slot.m-tll dt span a, .slot.m-tdl dt span, .slot.m-tdl dt span a, .slot.m-tea dt span, .slot.m-tea dt span a, .slot.m-tll dt span, .slot.m-tll h3, .slot.m-hinelement h3 a, .slot.m-hinelement02 dt span, .slot.m-hinelement02 dt span a {
    color: #5b92d3;
    display: block
    }
.slot.m-tea dt, .slot.m-tll dt, .slot.m-hinelement02 dt {
    margin-bottom: 6px
    }
.goal .slot.m-tdl dt span, .goal .slot.m-tdl dt span a {
    color: #fff
    }
.context .m-tdl .lnkinternal, .context .m-tea .lnkinternal {
    margin-top: 1.3em;
    background: url(../static/img/deluxe_arrow_grey.gif) no-repeat 0 4px
    }
.context .goal .m-tdl .lnkinternal, .context .goal .m-tea .lnkinternal {
    background: url(../static/img/deluxe_arrow_white.gif) no-repeat 0 0
    }
/* CLIPBOARD AREA */
.context .clipboard {
    padding-bottom: 2.7em
    }
.clipboard .txtext {
    line-height: 1.25em;
    margin-bottom: 1.4em
    }
.clipboard div {
    margin-bottom: 0.45em
    }
.clipboard .clipboardlist {
    margin-top: 1.6em;
    margin-bottom: 0
    }
.clipboard div img {
    float: left;
    margin-right: 10px
    }
.clipboard div h3 {
    margin: 0.8em 0 0.7em;
    padding: 0;
    color: #6B7074;
    font-size: 0.9em
    }
.clipboard .button {
    margin: 0.5em 0 0
    }
.clipboard div div .button:hover, .clipboard div div .button:focus {
    background-color: transparent;
    background-position: 0 -500px;
    color: #6B7074
    }
.clipboard div div div {
    float: left;
    width: 85px;
    overflow: hidden
    }
/* CONTEXT FORMS */
.context .form .checkbox {
    margin-right: 4px
    }
.context .form textarea, .context .form select, .context .form .text, .context .form .upload {
    width: 149px;
    margin-right: 10px;
    color: #6B7074;
    font-size: 0.8em;
    border: 1px solid #fff
    }
.context .form .text {
    padding: 0.3em 0.5em
    }
.context .toolbox .form .line {
    margin-bottom: 0.8em
    }
.context .form .line {
    margin-bottom: 10px
    }
.context .form .small {
    float: right;
    width: 67px;
    margin: 0 20px 0 0
    }
.context .form .first {
    float: left;
    margin: 0
    }
/* TOOLBOX MODULES */
.context .toolbox {
    border-top: 1px solid #bcbec0;
    padding: 0 0 2em;
    margin-left: 20px
    }
.context .toolbox h3, .context .toolbox dt span {
    color: #6B7074;
    font-weight: 700
    }
.toolbox dt span, .toolbox dt.flap-open span, .toolbox .txtext, .toolbox h3 {
    margin: 0.5em 20px 0.8em 0;
    line-height: 1.45em
    }
.toolbox dd {
    margin: 0.5em 0 0.45em
    }
.toolbox a.remove {
    float: right;
    background: none;
    margin-right: 20px
    }
.toolbox .m-form {
    width: auto
    }
.toolbox .lnkinternal {
    font-size: 0.9em;
    line-height: 1.19em;
    /* 12px */
    }
/* LOCAL STYLES FOR VARIOUS MODULES */
/* {LOGIN} */
.m-login .txtext {
    line-height: 1.25em
    }
/* {TK} */
.m-tk .address {
    margin-bottom: 1.25em
    }
/* {TKtel} */
.m-tktel {
    padding-bottom: 2.95em
    }
/* {TKL} */
.m-tkl {
    padding-bottom: 3.3em
    }
/* {TKC} */
.context .m-tkc h3.sl {
    margin-bottom: 0.7em
    }
.context .m-tkc input.tkc-prefix {
    float: left;
    width: 46px;
    margin: 0 10px 0 0
    }
.context .m-tkc input.tkc-number {
    float: left;
    margin: 0;
    width: 85px
    }
.context .m-tkc form + h3.sl {
    margin: 1.2em 0 0.7em
    }
/* {TKL} */
.m-tkl h3.hlt {
    margin-bottom: 1em
    }
/* {CPJ} */
.m-cpj div {
    margin-bottom: 0.3em
    }
.m-cpj .txtext, .m-cpl .txtext {
    margin-bottom: 0
    }
.m-cpj div h3 {
    margin: 0
    }
.context .m-cpj div .button {
    float: right;
    width: 13px;
    height: 13px;
    padding: 0;
    margin: 0
    }
/* HINT MODULES */
.hint p.txtext {
    font-size: 1em;
    line-height: 1.25em
    }
.hint h3 {
    color: #5b92d3;
    margin-top: 0.5em;
    margin-bottom: 0.3em
    }
/* {TLL} */
.m-tll dd .txtext {
    margin-bottom: 1.1em
    }
.m-tll h3.sl {
    margin: 1em 0 0.2em
    }
/* {TBOX} */
.m-tbox h3.hlt {
    margin: 1.25em 20px 0.5em
    }
/* {MZ} */
.context dl.m-mz {
    padding-bottom: 1.8em
    }
/* {DK & MZ} */
.context dl.m-dk {
    padding-bottom: 2.3em
    }
.m-dk ul, .m-mz ul {
    margin: 1em 0 0.5em
    }
.m-mz .txtext, .m-dk .txtext {
    font-size: 0.9em
    }
.m-dk .dllt li a, .m-mz .llt li a {
    display: inline;
    line-height: 1.6em
    }
/* {TSCH} */
.context .m-tsch {
    padding-bottom: 2.4em
    }
.context .m-tsch input.text {
    padding: 4px
    }
.m-tsch input.button {
    margin-bottom: 0
    }
/* {RSS} */
.context .m-rss {
    padding-bottom: 1.6em
    }
/* TOOLBOX CHECKBOXES (LOGIN & NEWSLETTER) */
.toolbox .checkbox {
    margin-top: 0.05em
    }
html > /**/body .toolbox .checkbox {
    margin-top: 0.3em
    }
.toolbox .checkbox a {
    margin-left: 5px
    }
.toolbox .checkbox input {
    vertical-align: middle
    }
html > /**/body .toolbox .checkbox input {
    vertical-align: sub
    }
/* CONTEXT ERROR MESSAGE */
.error {
    margin: 1.7em 0;
    color: #f00;
    font-size: 0.9em;
    line-height: 1.25em
    }
/* @import url(hr.css); */
/* 
	CSS classes for HR-Process.  (Forms and static accordion)
*/
.m-static-accordion {
    background-color: #edf0f2;
    margin-bottom: 3.6em;
    padding-top: 10px;
    width: 480px
    }
.m-static-accordion .label {
    padding-right: 10px
    }
.m-static-accordion .list-left {
    float: left;
    width: 150px
    }
.m-static-accordion .list-left ul {
    list-style-type: none;
    margin-left: 0
    }
/* Space between text and text-area 	*/
.m-static-accordion .m-form {
    margin-bottom: 1.6em
    }
.m-static-accordion .m-form .line {
    margin-bottom: 10px
    }
/* NEXT STEP Button */
.m-static-accordion .next {
    margin-top: 30px
    }
.m-static-accordion .m-formhr {
    padding-left: 10px;
    color: #000;
    font-weight: normal;
    cursor: auto
    }
.m-static-accordion h2 {
    padding-left: 10px
    }
.m-static-accordion dt {
    cursor: auto
    }
.m-form .extrasmall {
    width: 31px
    }
.m-static-accordion .flaps .sl {
    margin-top: 0.55em;
    margin-bottom: 0.8em;
    width: 355px
    }
.m-static-accordion-content {
    width: 480px;
    padding-bottom: 1px;
    background-color: #ddd
    }
.m-static-accordion-content .m-formhr {
    color: #000
    }
/* New Class for the width of select */
.m-static-accordion-content .note-extra {
    text-align: center;
    width: 50px
    }
.m-static-accordion-content dt.flap-open span {
    margin: 0.55em 0 0.8em
    }
.m-static-accordion-content .checkboxes .input {
    float: left
    }
.m-static-accordion-content .checkboxes .extra {
    float: right
    }
.m-static-accordion-content .label strong {
    font-size: 0.85em
    }
.m-static-accordion-content .button {
    padding-left: 21px;
    color: #fff;
    background: #BCBEC0 url(../static/img/arrow_down.png) no-repeat scroll 4px 5px
    }
.m-static-accordion-content .button:hover {
    background-color: #7f8385
    }
.m-static-accordion-content h3 {
    padding-left: 0
    }
.m-static-accordion-content dt {
    font-size: 1.08em
    }
.m-static-accordion-content dt.flap-open {
    color: #5b92d3
    }
.m-static-accordion-content dd {
    padding: 0 10px;
    color: #000;
    font-size: 1em
    }
m-static-accordion-content div {
    color: #000;
    font-weight: 400
    }
.m-static-accordion-content2 a, .m-static-accordion-content2 p {
    color: #a9a9a9
    }
.m-static-accordion-content2 h3 {
    color: #dcdcdc;
    padding-bottom: 0;
    padding-top: 0
    }
/* New Class for pice in Steps-Box */
.checkmark {
    float: right;
    padding: 7px 15px 0 0
    }
.m-hrprocess-content .pagefunctions {
    display: inline;
    float: right;
    width: 400px
    }
.m-hrprocess-content .subnav {
    width: 180px;
    padding-top: 0
    }
.m-hrprocess-text {
    padding: 5px
    }
/* @import url(tablecontent.css); */
/* Content Tables */
.tablecontent {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    padding: 10px;
    width: 725px
    }
.tablecontent h3 {
    color: #5b92d3;
    font-size: 12px;
    margin-bottom: 10px;
    padding-left: 2px
    }
.tablecontent table {
    border-spacing: 2px;
    border-collapse: separate;
    line-height: 1.3
    }
.tablecontent th {
    color: #5b92d3;
    font-weight: bold;
    padding: 0px 0 6px 5px;
    text-align: left;
    vertical-align: bottom
    }
.tablecontent .tabelleShort {
    width: 490px
    }
.tablecontent .tabelleLong {
    width: 725px
    }
.tablecontent .tabelleShort td, .tablecontent .tabelleLong td {
    color: #7f8385;
    font-size:11px;
    padding: 7px 0 7px 5px;
    vertical-align: top;
    width: auto
    }
.tablecontent table td.linie {
    padding: 0px;
    border-top: 1px solid #d3d3d3;
    line-height: 6px
    }
.tablecontent table tr.gray td {
    background-color: #F5F5F5
    }
.tablecontent table tr.white td {
    background-color: #ffffff;
    padding-bottom: 5px
    }
/* date*/
.moduleDefault p.p--heading-4 {
    font-size: 1em;
    color: #7f8385;
    font-weight: 700;
    margin-bottom: 0px
    }
.moduleDefault p.p--heading-3 {
    font-size: 1em;
    font-weight: 700;
    margin-bottom: 14px;
    color: #5b92d3;
    display: block;
    line-height: 1.15em
    }
.moduleDefault p.p--heading-2 {
    font-size: 1.43em;
    line-height: 1.1em;
    margin-bottom: 0.7em;
    color: #5b92d3;
    font-weight: 400
    }
.moduleDefault p a {
    background: transparent url(../static/img/sprite_icons.gif) no-repeat scroll 0 4px;
    display: block;
    padding-left: 8px;
    color: #54595c;
    font-size: 0.9em;
    display: block;
    line-height: 1.3em
    }
.moduleDefault p {
    margin-bottom: 36px
    }
/* @import url(country_confirm.css); */
div.country-confirm-content {
    margin: 20px 20px 0 20px
    }
div.country-confirm-box {
    border-top: 1px #ccc solid;
    padding-top: 20px;
    margin-top: 10px
    }
div.country-confirm-box2 {
    border-top: 1px #ccc solid;
    border-bottom: 1px #ccc solid;
    margin: 30px 0 20px;
    padding: 5px 0 15px
    }
h1.country-confirm-grey {
    color: #54595c
    }
h1.country-confirm-grey span {
    padding-left: 30px;
    color: #5b92d3
    }
div.country-confirm-content label {
    margin-right: 40px
    }
div.country-confirm-content h2 {
    color: #54595c;
    padding: 0px 0 0 0
    }
div.country-confirm-content div.country-confirm-box h2, div.country-confirm-content div.country-confirm-box2 h2 {
    padding: 15px 0 15px 0
    }
div.country-confirm-content form.m-form {
    width: auto;
    margin-bottom: 0
    }
div.country-confirm-content a.button {
    width: 170px;
    margin: 0px 0 10px 0
    }