/**
 * @site Multi-Comfort
 * $revision: 1.73.12.20 $
 *
 * @styleguide:
 *  colors {
 *   white: #fff;
 *   black: #000;
 *   gray: #c1c6c8;
 *   yellow: #fd0;
 *   green: #96bf0d;
 *  }
 *  fonts {
 *   logo: Bliss Heavy;
 *   headers: Arial, Helvetica, sans-serif;
 *   text: Arial, Helvetica, sans-serif;
 *  }
 */


/**
 * GLOBAL HTML ELEMENTS
 *
 * default html elements, such as html, body, img, p, a.
 */

/* links */
a, a:link { padding: 0 0 1px 0; color: #96bf0d; font-weight: bold; text-decoration: none; }
a:visited { color: #96bf0d; }
a:active { color: black; }
a:hover { color: black; }

/* headers */
h1, h2, h3, h4, h5, h6 { margin: 0 0 1em 0; font-family: Arial, Helvetica, sans-serif; color: black; }
h1 { font-size: 1.7em; padding: 0; margin: 0; }
h2 { font-size: 1.1em; }
h3 { font-size: 1em; }

/* images */
img, a img { border: 0; }

/* paragraphs */
p { margin-top: .3em; }

/* lists and definition lists */
ul { }
    ul li { margin-left: 1em; }

dl {}
    dl dt {}
    dl dd {}

/* tables */
table { font-size: 1em; vertical-align: top; border-collapse: collapse; }
    table thead { }
    table tbody { }
    table td, table th { }

/* form elements, labels & fieldsets */
form { margin: 0; }

input, select, textarea { border: 1px solid #cccccc; padding: .1em .2em; font: normal 1em Arial, Helvetica, sans-serif; }
    input:hover, textarea:hover { border-color: #bbb; }
    input:focus, textarea:focus { border: 1px inset #afafaf; }
    input.disabled { cursor: pointer; }

fieldset { border: 1px solid #96bf0d; padding: 0 1em 1em 1em; }
    fieldset legend { margin: 0 0 .5em .4em; padding: .1em .7em; color: white; font-weight: bold; background-color: #96bf0d; }

label { cursor: default; }
    label:hover {}

iframe { min-height: 35em; }

/**
 * BASIC PAGE LAYOUT
 *
 * describes the default page layout
 */
html { }
body { font: normal .75em/1.6 Arial, Helvetica, sans-serif; color: black; }
html, body { height: 100%; margin: 0; padding: 0; border: 0; background-color: white; }

#body { min-height: 100%; background: url(/images/multicomfort/bg_home.gif) left top repeat-x #c1c6c8; }
    #container { min-height: 800px; position: relative; width: 935px; margin: 0 auto; padding: 0; background: url(/images/multicomfort/bg_container.png) left top repeat-y; }

        #header { position: absolute; top: 0; left: 8px; right: 8px; width: 919px; height: 205px; background-color: white; background-position: 0 36px; background-repeat: no-repeat; }
            #header img { margin: 0; padding: 0; position: absolute; left: 188px; top: 10px; }
            #header h2 { margin: 0; padding: 0; position: absolute; top: 110px; left: 28px; background-position: left top; background-repeat: no-repeat; }
            #header h3 { margin: 0; padding: 0; position: absolute; top: 145px; left: 28px; background-position: left top; background-repeat: no-repeat; }
                #header h2 span, #header h3 span { visibility: hidden; }

        #mainnav { position: absolute; top: 205px; left: 8px; bottom: 0; width: 253px; background-color: #b1b3b4; }
            #mainnav h2 { display: none; }
            #mainnav dl { margin: 0; padding: 0; }
                #mainnav dl dt { margin: 20px 0 0 0; padding: 0; height: 31px; }
                #mainnav dl dt:first-child { margin-top: 0; }
                #mainnav dl dd { margin: 0; padding: 0; height: 40px; border-bottom: 1px dotted white; }
                #mainnav dl dt, #mainnav dl dd { background-position: left top; background-repeat: no-repeat; }
                    #mainnav dl a { color: white; display: block; height: 100%; padding: 0; }
                    #mainnav dl span { visibility: hidden; }

        .straightnav dl dd { height: auto !important; }
            .straightnav dl dd a { padding-bottom: 10px !important; height: auto !important; }

            .straightnav dl dd .subnav { margin: 0 0 0 30px; padding: 0 0 10px 0; list-style-type: none; }
                .straightnav dl dd .subnav a { padding-left: 2em !important; padding-bottom: 0 !important; background: transparent url(/images/multicomfort/arrows_white_grey.gif) no-repeat left center; }
                    .straightnav dl dd .subnav a:hover { color: black !important; text-decoration: underline; background-image: url(/images/multicomfort/arrows_black_grey.gif); }

        #content { padding: 205px 265px 20px 273px; min-height: 800px; color: #262626; }
            #content h1 { position: relative; margin: 2em 0 .5em 0; background-repeat: no-repeat; background-position: left top; }
                #content h1.pagetitle span { visibility: hidden; }
                #content h1.pagetitle .feed { position: absolute; top: 0; right: 0; }
                    #content h1.pagetitle .feed img { vertical-align: top; }

            .contenttext a { color: #96bf0d; padding-bottom: 2px; }
            .contenttext a:hover { padding-bottom: 1px; border-bottom: 1px solid #96bf0d; }
            .contenttext a:visited { color: #b1b3b4; border-bottom-color: #b1b3b4; }

            #content input.button { width: auto; border: 0; cursor: pointer; padding: .3em 1em; font-weight: bold; color: black; background-color: #96bf0d; }

        #breadcrumbs { position: absolute; top: 210px; left: 270px; right: 250px; }
            #breadcrumbs h2 { display: none; }
            #breadcrumbs ul { margin: 0; padding: 0; list-style-type: none; }
                #breadcrumbs ul li { float: left; margin: 0 .5em 0 0; padding: 0 0 0 1.3em; background: url(/images/i_crumb.gif) left center no-repeat; }
                #breadcrumbs ul li:first-child, #breadcrumbs ul li#firstcrumb { padding-left: 0; background-image: none; }
                #breadcrumbs ul li { font-size: .9em; }
                    #breadcrumbs ul li a { color: black; }
                        #breadcrumbs ul li a:hover { text-decoration: underline; }

        #globalnav { position: absolute; top: 5px; right: 1em; }
            #globalnav h2 { display: none; }
            #globalnav ul { float: right; margin: 0; padding: 0; list-style-type: none; }
                #globalnav ul li { float: left; margin-left: 1em; padding-right: 1em; background: url(/images/multicomfort/divider_vertical.gif) right center no-repeat; }
                    #globalnav ul li a { font-size: .9em; padding-bottom: 2px; color: black; }
                        #globalnav ul li a:hover { padding-bottom: 1px; border-bottom: 1px solid #96bf0d; color: #96bf0d; }

            #quicksearch { float: right; margin-left: 1em; }
                #quicksearch label { float: left; padding: 1px 5px 2px 0; font-weight: bold; font-size: .9em; }
                    #quicksearch label:hover { padding-bottom: 1px; border-bottom: 1px solid #96bf0d; color: #96bf0d; }
                #quicksearch input { float: left; padding: 1px 2px; width: 150px; }
                #quicksearch input.submit { vertical-align: middle; display: inline-block; width: 23px; height: 19px; color: white; background: url(/images/multicomfort/button_search.gif) center center no-repeat; }

        #aside { position: absolute; top: 205px; right: 8px; bottom: 28px; padding-bottom: 90px; width: 246px; background-color: #fd0; }
            #aside h2.header { height:16px; float:left; width:100%; clear:both; margin: 0 0 1em 0; padding: 1em 0 .5em 0; background-color: #96bf0d; background-repeat: no-repeat; background-position: 1em center; }
                #aside h2.header a { float:left; margin-right:5px; display: block;}
                #aside h2.header a.h { padding:0; margin-left:12px; background-repeat:no-repeat;}
               #aside h2.header a.feed {float:right; }
                #aside h2.header span { visibility: hidden; }

            #aside #pagevisual { width: 233px; margin: 5px 0 0 13px; text-align: right; }
            #aside #pagelinks { margin-top: 5px; margin-right: 13px; }
            #aside #pagelinks li { background-image: url(/images/multicomfort/arrows_green_yellow.gif); }
            #aside .banner { margin-top: 5px; text-align: right; }

        #footer { z-index:4; position: absolute; left: 8px; right: 8px; bottom: 0; min-height: 30px; border-top: 8px solid white; background-color: #868889; }
            #footer ul { margin: .5em 0 0 0; padding: 0; list-style-type: none; overflow: hidden; }
                #footer ul li { float: left; margin-left: 1em; padding-right: 1em; background: url(/images/multicomfort/divider_vertical_footer.gif) right center no-repeat; }
                #footer ul li:last-child { background-image: none; }
                    #footer ul li a { padding: .6em .3em; color: white; }
                        #footer ul li a:hover { color: black; text-decoration: underline; }

            #footer-logo { position: absolute; top: -93px; right: 0; width: 194px; height: 85px; background: url(/images/multicomfort/logo_isover_footer.gif) right bottom no-repeat transparent; }

/* sandbag implementation for angular homepage design */
.home #content { padding-left: 28px; background: url(/images/multicomfort/bg_content.png) 8px 205px no-repeat; }
    .home #content h1.pagetitle { margin: 2em 0 .5em 0; font-size: 1em; }
        .home #content h1.pagetitle span { display: block; margin-left: 325px; width: 300px; visibility: visible; background-repeat: no-repeat; background-position: left top; }
            .home #content h1.pagetitle span span { visibility: hidden; }

.home .block { }
.home .block h2 { display: inline; position: relative; z-index:4;  background-color: white;}
.home .contenttext p { display: inline; position: relative; z-index: 4; background-color: white; }

.home #mainnav { width: 324px; background-color: transparent; z-index: 3; }

.sandbag { display: block; clear: both; float: left; margin-right: 0; }


/**
 * PAGE-SPECIFIC ELEMENTS
 *
 * Style specially for pages
 */

/* contenttext: for all basic content text, such as page body's */
.contenttext { margin-bottom: 1em; }
    #pagebody { }

/* block: (news)blocks on the homepage */
.block { position: relative; margin-bottom: 2em; }
    .block h2 { margin: 0 0 0 0; font-weight: bold; font-size: 1.4em; color: #96bf0d; }
        .block h2 a { padding-bottom: 2px; color: #96bf0d; }
        .block h2 a:hover { border-bottom: 2px solid #96bf0d; padding-bottom: 2px; }
    .block img { position: absolute; top: 20px; right: 0; border: 3px solid #96bf0d; }
    .block div.contents { border-bottom: 1px dotted #b1b3b4; }
        .block div.contents p { margin-top: 0; }
    .block div.indented { padding-right: 130px; }
    .block .readmore { margin-top: -20px; text-align: right; }
        .block .readmore a { padding: .2em 0 2px 1.5em; font-size: .9em; color: white; background: #96bf0d url(/images/multicomfort/bg_readmore_white.gif) no-repeat left top; }
            .block .readmore a span { padding-right: 2.5em; background: transparent url(/images/multicomfort/arrows.gif) no-repeat 90% .3em; }
        .block .readmore a:hover { text-decoration: underline; }

/* inline sections on the homepage */
.inline-sections { }
    .inline-sections ul { margin: 0; padding: 0; list-style-type: none; }
        .inline-sections ul li { clear: both; margin: 1em 0 0 1em; overflow: hidden; }
            .inline-sections ul li h3 { font-size: .9em; margin-bottom: .3em; text-align:left; margin-right:1em; }
                .inline-sections ul li h3 a { padding-bottom: 2px; color: black; font-size: 1em; font-weight: bold; }
                .inline-sections ul li h3 a:hover { padding-bottom: 1px; border-bottom: 1px solid black; }
            .inline-sections ul li a.imgbox {padding:0; }
            .inline-sections ul li img { float: right; margin: 0 0 .5em .5em; }
            .inline-sections ul li p { font-size: .9em; margin-right: 1em; }
            .inline-sections ul li p.readmore { float: right; clear: both; margin-right: 0; text-align: right; background: url(/images/multicomfort/bg_readmore.gif) left top no-repeat #96bf0d; }
                .inline-sections ul li p.readmore a { padding: .2em 3em .2em 1em; color: white; font-weight: bold; background: transparent url(/images/multicomfort/arrows.gif) no-repeat 88% .4em; }
                .inline-sections ul li p.readmore a:hover { text-decoration: underline; }

/* default and rich menu */
.menu_default { border-top: 1px dotted #b1b3b4; border-bottom: 1px dotted #b1b3b4; margin: 0 0 1em 0; padding: 0; list-style-type: none; }
    .menu_default li { margin: .2em 0 .3em 1em; padding-left: 2em; color: #96bf0d; background: transparent url(/images/multicomfort/arrows_green.gif) no-repeat 0 .4em; }
        .menu_default li a { color: #262626; }
            .menu_default li a:hover { color: #96bf0d; text-decoration: underline; }

.menu_rich { margin: 1em 0; padding: 0; list-style-type: none; }
    .menu_rich li { height: 80px; margin: 0 0 2em 0; background-color: #96bf0d; background-repeat: no-repeat; background-position: left top; }
        .menu_rich li a { display:block; float:left; margin:0; padding:0;}
        	.menu_rich li a imng { padding:0; margin:0; }
        .menu_rich li h2 { margin: 0 0 0 140px; padding: 10px 0 5px 0; }
            .menu_rich li h2 a { display: block; width: 100%; color: white; background-repeat: no-repeat; background-position: left top; }
                .menu_rich li h2 a span { visibility: hidden; }
        .menu_rich li p { margin: 0 0 0 140px; padding: 0; }


/* Default and rich lists */
ul.default { margin: 0; padding: 0; list-style-type: none; }
    ul.default li { margin: 1em 0; padding: 0 0 1em 0; overflow: hidden; }
        ul.default li h2 { margin: 0 0 .5em 0; padding: 0; }
            ul.default li h2 a { display: block; height: 100%; padding: 0; background-position: left top; background-repeat: no-repeat; }
                ul.default li h2 a span { visibility: hidden; }
            ul.default li .more a { width: 99px; }
                ul.default li .more a span { width: 99px; }

ul.rich { margin: 0; padding: 0; list-style-type: none; }
    ul.rich li { margin: 1em 0; padding: 0 0 1em 0; overflow: hidden; }
        ul.rich li h2 { margin: 0 0 .5em 0; padding: 0; }
            ul.rich li h2 a { display: block; height: 100%; padding: 0; background-position: left top; background-repeat: no-repeat; }
                ul.rich li h2 a span { visibility: hidden; }
        ul.rich li .imgbox { float: right; margin: 0 0 .5em .5em; border: 3px solid #96bf0d; }
            ul.rich li .imgbox a {padding:0; margin:0; }
            ul.rich li .imgbox img { display: block; }
            ul.rich li .more a { width: 99px; }

ul.download { clear: both; float: left; margin: 0; padding: 0; width: 100%; list-style-type: none; }
    ul.download li { float: left; margin: 0 8px 1em 0; padding: 0; width: 124px; overflow: hidden; background-color: #96bf0d; }
        ul.download li img { display: block; margin: 2px; }
        ul.download li a { color: white; margin: 0; padding: 0; }
            ul.download li a span { display: block; padding: 0 5px 2px 25px; border-top: 1px solid white; background: transparent url(/images/multicomfort/arrows.gif) no-repeat 5px .4em; }
            ul.download li a:hover span { text-decoration: underline; }

/* default and rich group */
dl.group { clear: both; }
    dl.group dt { font-size: 1.5em; margin: 1em 0 .5em 0; }
        dl.group dt a { font-weight: bold; }
    dl.group dd { margin: 0; padding: 0; }
        dl.group dd a { font-weight: normal; color: black; padding-left: 15px; background: transparent url(/images/pijl_grijs_re.gif) no-repeat left center; }
            dl.group dd a:hover { background-image: url(/images/pijl_grijs_re_over.gif); }

.group_rich { margin: 0; }
    .group_rich dt { padding: 0; margin-bottom: 1em; }
            .group_rich dt a { font-size: 1.4em; margin-bottom: .2em; }
    .group_rich dd { clear: both; margin: 0 0 15px 0; padding: 0; }
        .group_rich dd .richitem { margin-left: 135px; }
            .group_rich dd .richitem h3 { margin: 0; padding: 0; }
                .group_rich dd .richitem h3 a { font-weight: bold; color: black; margin: 0; padding: 0; background: none;  }
                    .group_rich dd .richitem h3 a:hover { background: none;  }
            .group_rich dd .richitem p { margin: 0; padding: 0; }
            .group_rich dd .richitem a { font-weight: normal; color: black; margin: 0; padding: 0 0 0 15px; background: transparent url(/images/pijl_grijs_re.gif) no-repeat left center; }
                .group_rich dd .richitem a:hover { background-image: url(/images/pijl_grijs_re_over.gif); }
                .group_rich dd .richitem p.readmore a { font-weight: bold; color: #96bf0d; margin: 0; padding: 0 0 0 15px; background: transparent url(/images/pijl_grijs_re.gif) no-repeat left center; }
                    .group_rich dd .richitem p.readmore a:hover { color: black; background-image: url(/images/pijl_grijs_re_over.gif); }
    .group_rich dd.last-item { margin-bottom: 1em; }

/* semicolumn, for providing a 2-column layout, to be used in conjunction with float-left/float-right */
.semicolumn { width: 49%; padding: 0; margin: 0 0 1em 0; }

#pagelinks { clear: both; border-top: 1px solid #b1b3b4; margin: 0 0 1em 13px; padding: 0; list-style-type: none; }
    #pagelinks ul { margin: 0 0 1em 0; padding: 0; list-style-type: none; }
        #pagelinks li { margin: .2em 0 .3em 0; padding-left: 2.5em; color: #96bf0d; border-bottom: 1px solid #b1b3b4; background: transparent url(/images/multicomfort/arrows_green.gif) no-repeat 1em .4em; }
            #pagelinks li a { color: #262626; }
                #pagelinks li a:hover { text-decoration: underline; }

#chapters #pagelinks { margin-left: 0; }

/* basicform styles form elements, marked up in a definition list */
.basicform { position: relative; }
    .basicform .element { clear: both; overflow: hidden; margin: 0; padding: 0; }
        .basicform .label { float: left; width: 35%; padding-top: .5em; padding-bottom: .5em; }
            .basicform .label label { }
        .basicform .input { float: right; width: 55%; padding: .5em 1em; background-color: #ebebeb; }
        .basicform .group .input, .basicform .group .label { padding-top: .5em; padding-bottom: .5em; }
            .basicform .input input, .basicform .input select, .basicform .input textarea { width: 100%; padding-left: 0; padding-right: 0; }
            .basicform .group .input div { overflow: hidden; margin-bottom: .2em; }
                .basicform .input input.radio, .basicform .input input.checkbox { width: auto; border: 0; float: left; }
                .basicform .group .input label { display: block; padding-left: 30px; }

    .basicform .submit { margin-top: 2em; text-align: right; background-color: #ebebeb; }
        .basicform .submit input { border-left: 3px solid white !important; margin: 0; }

    .basicform .notice { display: inline-block; position: relative; top: -25px; margin-left: 1em; color: #999; background-color: transparent; }

    .calendar { position: absolute; right: 0; }
        .calendar img { position: absolute; left: -265px; top: 0; cursor: pointer; }
        .calendar-input { display: none; position: absolute; left: -230px; top: 25px; width: 220px; border: 2px outset #f6f6f6; background-color: #f6f6f6; z-index: 5; }
            .calendar-input .calendar-date-selection { }
                .calendar-input .calendar-date-selection select { float: left; width: 50%; }
            .calendar-input table { width: 100%; }
                .calendar-input table td.cpDayColumnHeader { background-color: #dedede; }
                    .calendar-input table td.cpDayColumnHeader span { font-weight: bold; color: #002065; }
                    .calendar-input table .cpOtherMonthDate, .calendar-input table .cpOtherMonthDate:visited, .calendar-input table .cpOtherMonthDate:active { color: #ceced0; }
                    .calendar-input table table td:hover { background-color: #dedede; color: #002065; }
                        .calendar-input table table td a { display: block; border-bottom: 1px solid #f6f6f6; }
                    .calendar-input table table td.cpTodayText { text-align: center; background-color: #dedede; }
                        .calendar-input table table td.cpTodayText a { border-bottom: 0px; font-weight: bold; }

    .progress { text-align: right; color: #96bf0d; font-weight: bold; width: 93%; }

    .progresstext { color: #96bf0d; font-weight: bold; }
    .progressbar { width: 92%; height: .7em; margin: 0 0 1em 0; border: 1px solid #f60; border-left-width: 5px; background-color: white; }
        #progressfill { height: 100%; background-color: #f60; }

/* search styles: form, info and results */
#resultsinfo { clear: both; padding-bottom: .2em; border: 1px solid #d2d2d3; background-color: #e8e8e8; overflow: hidden; }
    #resultsinfo h2 { display: none; float: left; font-size: 1.2em; }
    #resultsinfo p { margin: 0; }
    #resultsinfo h2, #resultsinfo p { margin: 0; padding: .2em 1em .1em .3em; }

#searchform { margin: 0 0 1px 0; padding: .3em 0; border: 1px solid #d2d2d3; background-color: #d2d2d3; overflow: hidden; }
    #searchform label { float: left; font-weight: bold; margin-right: 1em; }
    #searchform div { float: left; margin-left: .5em; }
    #searchform div label { display: block; clear: both; padding-top: 2px; }
    #searchform div input { margin: 0; width: 300px; }
    #searchform input { padding: 1px 2px; vertical-align: middle; }
    #searchform input.button { display: inline-block; width: 23px; color: white; background: url(/images/multicomfort/button_search.gif) center center no-repeat; }
    #searchform div p { margin: 0 0 .5em 0; }

#searchresults { clear: both; margin: 1.5em 0 0 0; }
    #searchresults dt { margin: 1em 0 .3em 0; font-weight: bold; }
        #searchresults dt span { float: left; }
        #searchresults dt span.highlight { float: none; }
        #searchresults dt a { display: block; padding-left: 1.5em; color: black; }
            #searchresults dt a:hover { text-decoration: underline; }
    #searchresults dd { clear: both; margin: .3em 0 0 1.4em; margin-left: 1.5em; }
        #searchresults dd a:hover { color: #96bf0d; text-decoration: underline; }
    #searchresults .highlight { background-color: #e8e8e8; }

/* sitemap */
.sitemap { margin: 1em 0 0 0; padding: 0; list-style-type: none; }
    .sitemap li { margin: 0 0 .2em 0; padding: 0; font-size: 1.3em; }
        .sitemap li a { font-weight: normal; color: black; }
        .sitemap li ul { margin: 0 0 0 1em; padding: 0; list-style-type: none; }
            .sitemap li ul li { margin-top: .2em; margin-left: 1em; font-size: .8em; }
                .sitemap li ul li a { padding: .3em .5em .3em 2.2em; font-weight: bold; background: transparent url(/images/multicomfort/arrows_black.gif) no-repeat .5em .5em; }
                .sitemap li ul li:hover a, .sitemap li ul li a:hover { color: white; background-color: #96bf0d; background-image: url(/images/multicomfort/arrows.gif); }
                    .sitemap li ul li ul { margin-top: .5em; margin-bottom: 0.5em; }
                    .sitemap li ul li ul li { font-size: 1em; }
                        .sitemap li ul li ul li a { display: block; font-weight: normal; background-image: url(/images/multicomfort/arrows_black.gif) !important; background-position: .5em .6em; }
                            .sitemap li ul li ul li:hover a, .sitemap li ul li ul li a:hover { background-image: url(/images/multicomfort/arrows_green.gif) !important; }
                        .sitemap li ul li:hover ul li a { color: black; text-decoration: none; background-color: transparent; }
                        .sitemap li ul li ul li a:hover { color: #96bf0d; text-decoration: underline; background-color: transparent; }

/* chapters in documents */
.chapters { clear: both; border-top: 1px dotted #b1b3b4; border-bottom: 1px dotted #b1b3b4; margin: 0 0 1em 0; padding: 0; list-style-type: none; }
    .chapters li { margin: .2em 0 .3em 1em; padding-left: 2em; color: #96bf0d; background: transparent url(/images/multicomfort/arrows_green.gif) no-repeat 0 .4em; }
        .chapters li a { color: #262626; }
            .chapters li a:hover { color: #96bf0d; }

#chapters h2.chapter { clear: both; margin: 1em 0 .5em 0; width: 100%; background-repeat: no-repeat; background-position: left top; }
    #chapters h2.chapter span { visibility: hidden; }
    .chapter-visual { float: right; border: 3px solid #96bf0d; margin: 0 0 1em 1em; }
        .chapter-visual img { display: block; }

.chapter-container { margin-bottom: 1em; padding-bottom: 1em; border-bottom: 1px dotted #b1b3b4; }

.imgbox_wrapper { clear: both; float: left; width: 100%; }
    .imgbox_wrapper .imgbox { float: left; margin-right: 1em; margin-bottom: 2em; border: 3px solid #96bf0d; }
    .imgbox_wrapper .imgbox:nth-child(even) { margin-right: 0; }
    .imgbox_wrapper #imgbox_default_2, .imgbox_wrapper #imgbox_default_4 { margin-right: 0; }
        .imgbox_wrapper .imgbox a { display: block; padding: 0; margin: 0; }
        .imgbox_wrapper .imgbox img { display: block; }


/* navbox, for displaying next/previous/index links */
.navbox { margin-top: 2em; padding: 0; text-align: center; background-color: #c1c6c8; overflow: hidden; }
    .navbox a { border: 0; padding: 0; color: black; font-weight: bold; }
        .navbox a:hover { text-decoration: underline; }
    .navbox span { padding: .3em; font-size: .9em; }

    /* previous, next, index and page links in navbox */
    .prev { float: left; border-right: 2px solid white; background-color: #96bf0d; }
    .next { float: right; border-left: 2px solid white; background-color: #96bf0d; }
    .index { display: inline-block; height: 100%; }

    .pages { }
        .pages a { margin: 0; padding: 2px 6px; }
        .pages a:after  { content: ' ...'; }
        .pages a:last-child:after { content: ''; }
    .currentpage { margin: 0 .2em; padding: 2px 6px; }

/* more: paragraph with a "read more" link */
.more { clear: both; position: relative; border-bottom: 1px dotted #b1b3b4; padding-top: 20px; text-align: right; }
    .more a { position: absolute; top: 10px; right: 0; padding: .1em 2em .1em 2.2em; font-size: .9em; color: white; background: #96bf0d url(/images/multicomfort/bg_readmore_white.gif) no-repeat left top; }
        .more a span { padding-right: 2em; background: transparent url(/images/multicomfort/arrows.gif) no-repeat 100% 50%; }
    .more a:hover { text-decoration: underline; }

/* date: date in messages */
.date { margin: 0; }

/* preview bar */
#preview-bar { position: fixed; left: 0; right: 0; top: 0; margin: 0; padding: 0; border-bottom: 2px solid #96bf0d; text-align: center; background-color: white; z-index:100;}
    #preview-bar #previewselect { margin: 0; padding: .5em 0; background-color: #ffa; opacity: .5; }
        #preview-bar:hover #previewselect { opacity: .8; }
    #preview-bar #previewselect input, #preview-bar #previewselect select { margin: 0 1em; }


.video { width: 320px; padding: 2em; background-color: #dfdfdf; }


/**
 * GLOBAL CLASSES
 *
 * global classes are used for very common styles, such as floating, coloring or clearing. Often used in combination, such as: <a href="link.html" class="align-right no-border">link to the right without border</a>.
 */

/* positioning and visibility */
.clear-both     { clear: both; }
.clear-left     { clear: left; }
.clear-right    { clear: right; }
.float-left     { float: left; }
.float-right    { float: right; }
.inline         { display: inline; }
.block-level    { display: block; }
.nodisplay      { display: none; }
.show           { visibility: visible; }
.hide           { visibility: hidden; }
.align-left     { text-align: left; }
.align-right    { text-align: right; }

/* coloring and text decoration/transformation */
.no-border      { text-decoration: none; }
.back           { }
.back:hover     { }
.red            { color: red; }
.req            { color: #96bf0d; }
.err            { color: red; font-weight: bold; }
input.err       { font-weight: normal; background-color: #ffbfbf; }
.notice         { background-color: #ffa; color: #f60; }
.white          { color: white; }
.chosen         { color: #f60; font-weight: bold; }
.italic         { font-style: italic; }

/* odd, even and first for row coloring (zebra tables and distinctive first row) */
.odd            { background-color: #fff; }
.even           { background-color: #ebebeb; }
.first          { background-color: #ebebeb; border: solid #ebebeb; border-width: 0 1px; }

/* file types */
/*.doc            { padding: 2px 0 2px 20px !important; background: url(/images/ico_doc.gif) center left no-repeat !important; }
.pdf            { padding: 2px 0 2px 20px !important; background: url(/images/ico_pdf.gif) center left no-repeat !important; }*/