/* {{{ colors */
    /* {{{ grey */
    body.grey {
        background-color: #b5b5b5;
    }
    .grey h1 {
        color: #b5b5b5;
    }
    .grey input {
        background-color: #e0e0e0;
    }
    .grey #copyright,
    .grey #copyright a,
    .grey #langswitch a {
    /*.grey #navigation ul ul a {*/
        color: #e0e0e0;
    }
    /* }}} *//* {{{ green */
    body.green {
        background-color: #b1c800;
    }
    .green h1 {
        color: #b1c800;
    }
    .green input {
        background-color: #d8e380;
    }
    .green #copyright,
    .green #copyright a,
    .green #langswitch a {
    /*.green #navigation ul ul a {*/
        color: #d8e380;
    }
    /* }}} *//* {{{ palegreen */
    body.palegreen {
        background-color: #b19b35;
    }
    .palegreen h1 {
        color: #b19b35;
    }
    .palegreen input {
        background-color: #d8cd9a;
    }
    .palegreen #copyright,
    .palegreen #copyright a,
    .palegreen #langswitch a {
    /*.palegreen #navigation ul ul a {*/
        color: #d8cd9a;
    }
    /* }}} *//* {{{ lightblue */
    body.lightblue {
        background-color: #9cbfdb;
    }
    .lightblue h1 {
        color: #9cbfdb;
    }
    .lightblue input {
        background-color: #cddfed;
    }
    .lightblue #copyright,
    .lightblue #copyright a,
    .lightblue #langswitch a {
    /*.lightblue #navigation ul ul a {*/
        color: #cddfed;
    }
    /* }}} *//* {{{ blue */
    body.blue {
        background-color: #4d8dbf;
    }
    .blue h1 {
        color: #4d8dbf;
    }
    .blue input {
        background-color: #a6c6df;
    }
    .blue #copyright,
    .blue #copyright a,
    .blue #langswitch a {
    /*.blue #navigation ul ul a {*/
        color: #a6c6df;
    }
    /* }}} *//* {{{ beige */
    body.beige {
        background-color: #947869;
    }
    .beige h1 {
        color: #947869;
    }
    .beige input {
        background-color: #c9c3b4;
    }
    .beige #copyright,
    .beige #copyright a,
    .beige #langswitch a {
    /*.beige #navigation ul ul a {*/
        color: #c9c3b4;
    }
    /* }}} *//* {{{ orange */
    body.orange {
        background-color: #f29400;
    }
    .orange h1 {
        color: #f29400;
    }
    .orange input {
        background-color: #f8c97f;
    }
    .orange #copyright,
    .orange #copyright a,
    .orange #langswitch a {
    /*.orange #navigation ul ul a {*/
        color: #f8c97f;
    }
    /* }}} *//* {{{ red */
    body.red {
        background-color: #c6002c;
    }
    .red h1 {
        color: #c6002c;
    }
    .red input {
        background-color: #e27f95;
    }
    .red #copyright,
    .red #copyright a,
    .red #langswitch a {
    /*.red #navigation ul ul a {*/
        color: #e27f95;
    }
    /* }}} */
/* }}} */
/* {{{ global */
#header, 
#content, 
#newsbar, 
#footer {
    width: 79em;
    margin-left: 2em;
    margin-right: 2em;
}
/* }}} */
/* {{{ forms */
input {
    border: none;
    padding: 0.2em
}
.inputsearch {
    overflow: hidden;
}
.inputsearch,
.inputsearch input {
    width: 8em;
}
.inputsearch input:focus {
    background-color: #ffffff;
}
/* }}} */
/* {{{ navigation */
#navigation {
    position: absolute;
    left: 2em;
    top: 4.5em;
    width: 14em;
}
#navigation ul {
    list-style: none;
    width: 14em;
}
#navigation ul ul li {
    margin-left: 1.3em;
}
#navigation ul li.parent_of_active,
#navigation ul li.active {
    margin-left: 1.3em;
    margin-top:0.5em;
    margin-bottom:0.7em;
}
#navigation ul li li.active {
    margin-top: 0;
    margin-bottom: 0;
}
#navigation ul li.parent_of_active > span,
#navigation ul li.active span {
    position: absolute;
    display: block;
    z-index: 10;
    top: 0;
    left: -1.3em;
    color: #ffffff;
    font-weight: bold;
    letter-spacing: 0.1em;
}
#navigation ul li.parent_of_active > span::before,
#navigation ul li.active span::before {
    content:"...";
}
#navigation ul li.active li span::before {
    content:"";
}
#navigation ul li.active a {
    color: #ffffff;
}
/* }}} */
/* {{{ header */
#header {
    height: 4em;
    background: bottom left url(/lib/global_files/border_white.gif) repeat-x;
}
#logo,
#logo_extra {
    margin-top: 1.1em;
}
#logo {
    float: left;
}
#logo_extra {
    float: right;
}
#logo,
#logo a,
#logo img,
#logo object {
    display: block;
    height: 1.6em !important;
    height: 1.6em;
    width: 11.4em;
    padding-bottom: 0 !important;
}
#logo_extra,
#logo_extra a,
#logo_extra img,
#logo_extra object {
    display: block;
    height: 1.6em !important;
    height: 1.6em;
    width: 7.4em;
    padding-bottom: 0 !important;
}
#logo {
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src='/lib/global_files/logo_cx.png',sizingMethod='scale');
}
#logo_extra {
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src='/lib/global_files/logo_mreal.png',sizingMethod='scale');
}
#logo img,
#logo_extra img {
    /*visibility: visible !important;
    visibility: hidden;*/
    height: 0;
    padding-bottom: 1.6em;
}
/* }}} */
/* {{{ content */
#content {
    position: relative;
    margin-left: 17em;
    width: 64em;
    background-color: #ffffff;
    min-height: 35em;
    height: auto !important;
    height: 35em;
}
/* }}} */
/* {{{ title */
#title {
    position: relative;
}
#title #headline {
    position: relative;
    z-index: 2;
    top: 0;
    left: 0;
    width: 62em;
    padding: 1em;
}
#title h1 {
    position: absolute;
    z-index: 2;
    font-size: 6.0em;
    font-weight: normal;
    line-height: 0.9em;
    padding-left: 0.18em;
    padding-top: 0.08em;
}
#title img {
    position: absolute;
    display: block;
    z-index: 1;
    float: right;
    right: 0;
    width: 32em;
    height: 35em;
}
#title_full img {
    display: block;
    width: 64em;
    height: 35em;
}
#title_flash {
    display: block;
    width: 64em;
    height: 35em;
}
/* }}} */
/* {{{ section */
.section {
    position: relative;
    /*border: 1px solid;*/
}
.section #headline {
    position: absolute;
    top: 0;
    left: 0;
    width: 27em;
    padding: 1em;
}
.section #headline img {
    position: absolute;
    display: block;
    z-index: 1;
    top: 0;
    left: 0;
    width: 27em;
    height: 35em;
}
.section #headline h1 {
    position: relative;
    z-index: 2;
    font-size: 3em;
    font-weight: normal;
    width: 92%;
}
.section #headline.small h1 {
    font-size: 2.3em;
}
.section #headline img + h1 {
    color: #ffffff;
}
.section #headline_flash {
    position: absolute;
    display: block;
    z-index: 1;
    top: 0;
    left: 0;
    width: 27em;
    height: 35em;
}
.section div.hr {
    clear: both;
    height: 1.3em;
    margin-left: 1.3em;
    margin-right: 1.3em;
    border: none;
    color: none;
    background: bottom left url(/lib/global_files/border_grey.gif) repeat-x;
}
.section div.hr hr {
    display: none;
}
.section .fullwidth {
    padding-top: 1.2em;
    padding-bottom: 1.2em;
    margin-left: 1.2em;
    margin-right: 1.2em;
}
.section .inactive {
    display: none;
}
.section .left {
    float: left;
    position: relative;
    left: 0;
    width: 27em;
    padding: 1.2em;
}
.section .right {
    padding: 1.2em;
    padding-left: 36.2em;
}
.section .right img {
    display: block;
    width: 27em;
}
.section .right .download img,
.section .right .download_small img {
    display: auto;
    width: auto;
}
.section ul {
    padding-left: 1.3em;
    list-style: disc;
}
.section ul.overview {
    list-style: none;
    padding-left: 0em;
    line-height: 1.5em;
}
.section ol {
    padding-left: 2em;
    padding-bottom: 1.3em;
}
/* }}} */
/* {{{ teaser */
.section .teaser {
    position: relative;
    margin-bottom: 1em;
    width: 31em;
    background: bottom left url(/lib/global_files/border_grey.gif) repeat-x;
    clear: left;
}
.section .teaser img {
    display: block;
    float: left;
    width: 9em;
    height: 6em;
}
.section .teaser .content {
    padding-left: 10em;
    padding-bottom: 1em;
}
.section .teaser .date {
    font-size: 0.9em;
    margin-bottom: 0.9em;
}
.section .teaser h3 {
    margin-bottom: 0;
}
.section .teaser .more {
    position: relative;
    clear: both;
}
.section .teaser .more a {
    display: block;
    float: right;
    margin-top: -1em;
    text-align: right;
}
.section .teaser .more_inline a,
.section .teaser .more a {
    font-size: 0.9em;
    color: #ff0000;
}
.section .teaser form.into_basket {
    position: relative;
    bottom: 0.8em;
    right: 0;
    clear: both;
}
.section .teaser form.into_basket .into_basket {
    display: block;
    float: right;
    margin-top: -2em;
    text-align: right;
}
/* }}} */
/* {{{ download */
.section .download,
.section .download_small {
    clear: right;
    float: right;
    margin-left: -8em;
    padding-top: 1em;
    width: 31em;
    position: relative;
    background: bottom left url(/lib/global_files/border_grey.gif) repeat-x;
}
.section .download_small {
    margin-left: -1em;
    width: 26em;
    background: none
}
.section .download .image,
.section .download_small .image{
    position: relative;
    left: 0;
    top: 0;
}
.section .download .image img,
.section .download_small .image img {
    display: block;
    /*width: 9em;*/
    /*height: 6em;*/
    margin-bottom: 1em;
}
.section .download .content,
.section .download_small .content {
    position: absolute;
    bottom: 0;
    right: 2em;
    text-align: right;
    font-weight: bold;
}
.section .download .content a img,
.section .download_small .content a img {
    position: absolute;
    display: block;
    top: 0;
    right: -2em;
}
/* }}} */
/* {{{ tables */
.section table {
    width: 100%;
    font-size: 0.9em;
}
.section table p {
    font-size: 1em;
}
.section table td {
    font-size: 1em;
}
.section table table {
    width: 100%;
    font-size: 1em;
}
.section table table td {
    width: 15%;
    font-size: 1em;
}
.section table thead tr {
    background: bottom left url(/lib/global_files/border_grey_thead.gif) repeat-x;
}
.section table tfoot tr {
    background: top left url(/lib/global_files/border_grey_tfoot.gif) repeat-x;
}
.section table.basket td {
    line-height: 1.5em;
    font-size: 1em;
}
/* }}} */
/* {{{ colorlist */
.colorlist {
    padding-top: 1.2em;
    padding-bottom: 1.2em;
    margin-left: 1.2em;
    margin-bottom: 1.2em;
}
.colorlist h3 {
    position: relative;
    clear: both;
    float: left;
    width: 11em;
    height: 3.2em;
}
.colorlist h3 span {
    display: block;
    position: absolute;
    width: 11em;
    bottom: -1em;
    font-size: 0.9em;
}
.colorlist ul {
    display: block;
    position: relative;
    list-style: none;
    width: 54em;
    padding-left: 0;
    padding-bottom: 0;
    margin-bottom: 0;
    margin-left: 11em;
}
.colorlist li {
    display: block;
    position: relative;
    float: left;
    padding-left: 0.7em;
    height: 4.7em;
}
.colorlist li, 
.colorlist img,
.colorlist label {
    width: 5.3em;
}
.colorlist img,
.colorlist label {
    display: block;
    left: 0;
}
.colorlist img {
    position: relative;
    top: 0;
    height: 4em;
}
.colorlist label {
    position: absolute;
    bottom: 1.2em;
    font-size: 0.8em;
    line-height: 1.3em;
    padding-left: 1.3em;
}
.colorlist .white {
    color: #ffffff;
}
.colorlist .black {
    color: #000000;
}
.colorlist .white:hover {
    color: #dddddd;
}
.colorlist .black:hover {
    color: #222222;
}
/* }}} */
/* {{{ colorinfo */
.colorinfo {
    padding-top: 1.2em;
    padding-bottom: 1.2em;
    margin-left: 1.2em;
    margin-right: 1.2em;
    height: 11em;
}
.colorinfo .seq {
    clear: both;
}
.colorinfo .preview {
    position: relative;
    float: left;
    width: 16.8em;
    height: 7.55em;
    margin-bottom: 1.3em;
}
.colorinfo .preview img,
.colorinfo .preview .img {
    display: block;
    width: 16.0em;
    height: 7.55em;
}
.colorinfo .preview .img {
    border: 1px solid #000000;
}
.colorinfo .preview label {
    position: absolute;
    display: block;
    font-size: 0.8em;
    text-align: center;
    left: 1em;
    top: 3em;
    width: 18em;
}
.colorinfo .info {
    float: left;
    position: relative;
    width: 28em;
}
.colorinfo .info h3 {
    padding-bottom: 0.65em;
}
.colorinfo .info fieldset {
    position: relative;
    border: none;
    margin-bottom: 0.65em;
}
.colorinfo .info fieldset input {
    background-color: #ffffff;
    border: none;
}
.colorinfo .info fieldset legend span {
    position: absolute;
    display: block;
    top: -1.9em;
    left: 23em;
    font-size: 0.9em;
    color: #000000;
}
.colorinfo .info fieldset span {
    position: relative; 
    display: block;
    float: left;
    width: 3em;
}
.colorinfo .info fieldset label {
    position: absolute; 
    left: 0;
    top: -1.5em;
    font-size: 0.9em;
}
.colorinfo .info .hint {
    font-size: 0.9em;
}
.colorinfo .into_basket {
    position: absolute;
    right: -8em;
    top: 2.3em;
}
.into_basket input {
    background-color: #ffffff;
}
/* }}} */
/* {{{ order */
p.order,
p.order_active {
    text-align: right;
}
p.high {
    position: relative;
    top: -2.5em;
}
.right p.order_active {
    top: 0;
    right: 1.5em;
}
p.order a,
p.order_active a {
    font-weight: bold;
}
p.order a {
}
p.order_active a {
    color: #a71930;
}
.right form.order {
    margin-top: 5em;
    margin-left: -7.5em;
    margin-right: -1em;
}
form.order input,
form.order select {
    margin-left: 1em;
    font-size: 1em;
}
form.order input.radio {
    background: none;
}
form.order input.checkbox {
    /*width: 1.8em;*/
    margin-right: 0.5em;
    background: none;
}
form.order input.small {
    width: 5em;
}
form.order input.medium {
    width: 19em;
}
form.order input.error {
    /*border: 1px solid #aa0000;*/
    background-color: #a71930;
    color: #ffffff;
}
form.order input.wide,
form.order select.wide {
    width: 25.5em;
}
form.order p {
    position: relative;
    margin-bottom: 0.5em;
}
form.order p.text {
    margin-left: 8em;
    margin-right: 2em;
}
form.order span.checkbox {
    position: absolute;
    top: 0;
    left: -3em;
}
form.order span {
    display: block;
    float: left;
    width: 7em;
}
form b.error {
    color: #a71930;
}
/* }}} */
/* {{{ newsbar */
#newsbar {
    height: 9em;
    /*border-top: 1px dashed #ffffff;*/
    background: top left url(/lib/global_files/border_white.gif) repeat-x;
    overflow: hidden;
}
#newsbar a {
    color: #000000;
}
#newsbar .news {
    float: left;
    position: relative;
    padding-top: 1em;
    width: 25.3em;
    height: 9em;
    padding-right: 1em;
}
#newsbar .news h2 {
    padding-bottom: 0;
}
#newsbar .news img {
    position: absolute;
    display: block;
    top: 1em;
    width: 8em;
    height: 7em;
}
#newsbar .news span.arrow_up,
#newsbar .news span.arrow_down {
    display: block;
    position: absolute;
    top: 1em;
    width: 9em;
    height: 7em;
}
#newsbar .news span.arrow_up {
    background: center right url(/lib/global_files/pointer_white_up.png) no-repeat !important;
    background: center right url(/lib/global_files/pointer_white_up.gif) no-repeat;
}
#newsbar .news span.arrow_down {
    background: center right url(/lib/global_files/pointer_white_down.png) no-repeat !important;
    background: center right url(/lib/global_files/pointer_white_down.gif) no-repeat;
}
#newsbar .news div.box {
    position: absolute;
    background-color: #ffffff;
    left: 9em;
    width: 16.3em;
    height: 7em;
    overflow: hidden;
}
/* }}} */
/* {{{ footer */
#footer {
    /*border-top: 1px dashed #ffffff;*/
    position: relative;
    background: top left url(/lib/global_files/border_white.gif) repeat-x;
    padding-top: 0.5em;
    height: 3em;
}
#footer div {
    height: 2em;
}
#search {
    float: left;
    width: 14.2em;
}
#search div {
    float: left;
}
#search .buttonsearch {
    margin-left: 1em;
}
#search a {
    color: #ffffff;
    font-weight: bold;
}
#basket {
    position: absolute;
    top: -6.5em;
    left: 0;
    height: 2em;
    width: 14em;
    line-height: 0.9em;
}
#basket img {
    float: left;
    margin-right: 0.7em;
    height: 2em;
    width: 2em;
}
#basket a {
    color: #ffffff;
}
#basket span {
    font-size: 0.8em;
    color: #ffffff;
}
#basket span.max {
    clear: left;
    margin-top: 0.8em;
    display: block;
}
#copyright {
    float: left;
    width: 30em;
    color: #ffffff;
}
#copyright a:hover {
    color: #ffffff;
}
#langswitch {
    float: right;
}
#langswitch ul li.DEU a.de,
#langswitch ul li.FRA a.fr,
#langswitch ul li.ENG a.en {
    color: #ffffff;
    font-weight: bold;
}
/* }}} */

/* {{{ search */
#contentsearch {
    padding-bottom: 1.35em;
}
#result_report {
    font-size: 0.9em;
    padding-bottom: 2.7em;
}
#results {
    width: 42em;
}
#results .result {
    padding-bottom: 0.7em;
    margin-bottom: 0.7em;
}
#results .result:hover {
    background-color: #e0e0e0;
}
#results .title {
    padding-bottom: 0.3em;
}
#results .title a {
    color: #a71930;
    font-size: 1.1em;
}
#results .title .weight {
    font-size: 0.8em;
    color: #777777;
}
#results .description {
    font-size: 0.95em;
    padding-bottom: 0.2em;
    padding-right: 1em;
}
#results .url {
    color: #777777;
    font-size: 0.9em;
}
#other_pages {
    padding-top: 1.35em;
}
/* }}} */

/* vim:set ft=css sw=4 sts=4 fdm=marker : */