@charset "utf-8"; /* PROJECTNAAM STYLES Author: Sebastiaan Smid, Netvlies ----------------------------------------------------*/ /* =RESETS ----------------------------------------------------*/ * { margin: 0; padding: 0; outline: 0; font-family: Arial, Helvetica, sans-serif; color: #999491; } img { border: 0; } body { background: #f0efed; padding: 0 0; text-align: center; } /* =FIXES ----------------------------------------------------*/ .clr { overflow: hidden; height: 100%; } .tooltip-haven { background-color: #fff; color: #001F4B; border: 1px solid #001F4B; padding: 5px; font-weight:bold; font-family: Arial, Helvetica, sans-serif; font-size: 12px;z-index:100; } .caselink { position: relative; display: block; width: 559px; height: 225px; overflow: hidden; margin: 0 0 10px 0 ; padding: 0; } .caselink img { padding: 0 !important; margin: 0 !important;} .caselink:hover img { position: absolute; top: -225px; } /* = BOXMODEL ----------------------------------------------------*/ #page-box { position: relative; margin: 0 auto; padding: 0 0 64px 0; margin: 5px auto 0 auto; width: 970px; text-align: left; } #content { padding: 29px 0 0 0; overflow: hidden; height: 100%; } #col-a { float: left; margin-left: 240px; width: 560px; } #col-b { float: left; padding: 10px 0 0 0; margin-left: 10px; width: 160px; } #col-c { float: left; margin-left: 240px; width: 720px; } #noscript { position: absolute; top: 0px; left: 0px; width:100%; display: block; padding: 5px 0; margin: 0 0 5px 0; font-size: 12px; color: #fff; background: #f00; } #noscript * { color: #fff; font-size: 12px; } /* = NAVIGATION ----------------------------------------------------*/ #nav-main-outerbox { position: absolute; top: 0px; left: 12px; width: 225px; padding: 0 0 100px 0; background: url(../img/nav-main_bottom.png) no-repeat left bottom; } #nav-main-innerbox { padding: 10px 0 0 0; background: url(../img/nav-main_top.png) no-repeat top left; } #nav-main-box { background: url(../img/nav-main_bg.png); padding: 0 7px 0 0; } #nav-main-box .archive { font-size: 11px; text-decoration: none; color: #645a5a; line-height: 15px; margin-left: 10px; } #nav-main-box .archive a { font-size: 11px; text-decoration: none; color: #645a5a; line-height: 15px; } #nav-main-box .archive a:hover { text-decoration: underline; } #nav-main-box #logo { margin: 12px 0 23px 0; } #nav-main-tabs { display: none; overflow: hidden; height: 100%; list-style: none; } #nav-main-tabs li { padding: 0 7px; } #nav-main-tabs li, #nav-main-tabs li a { font-size: 12px; line-height: 21px; font-weight: bold; text-decoration: none; } #nav-main-tabs li a:hover { color: #0099cc; } #nav-main-tabs .total, #nav-main-tabs .myreport { float: left; } #nav-main-tabs .total { width: 34px; } #nav-main-tabs .myreport { width: 156px; } #nav-main-tabs .myreport span { font-weight: bold; font-size: 10px; line-height: 21px; vertical-align: top; color: #0099cc; } #nav-main-tabs li.selected { background: #e7e7e7; } #nav-main-tabs li.selected.total a { color: #000; } #nav-main-tabs li.selected.total a:hover { color: #0099cc; } #nav-main-tabs li.selected.myreport a { color: #001f4b; } #nav-main-tabs li.selected.myreport a:hover { color: #0099cc; } #nav-main-tabs li.selected.myreport a span { color: #999491; } #myreport li a span.normal { font-family: Futura; display: block; color: #001f4b;} #myreport li a span.hover { font-family: Futura; display: none; color: #0099cc;} #myreport li a:hover span.normal { display: none; } #myreport li a:hover span.hover { display: block; } #myreport li li.active a { font-weight: bold; } #myreport li li.active li a { font-weight: normal } #myreport li li.active li.active a { font-weight: bold; color: #0099cc; } #myreport { position: relative; padding: 0 0 0 0; overflow: hidden; height: 100%; background: url(../img/nav-myreport_bg.gif) no-repeat; } #myreport.normal { padding: 40px 0 0 0; background: url(/img/nav-total_bg.gif) no-repeat; } #myreport.normal li.selectall { display: none; } #myreport.normal label { display: none !important; } #myreport li.selectall { padding: 12px 0 11px 0; line-height: 16px; overflow: hidden; height: 100%; } #myreport li.selectall a { float: left; font-weight: normal; font-family: Arial, Helvetica, sans-serif; } /* #myreport li.selectall #btnstaf { float: right; padding: 0; margin: 0 6px 0 0; } #myreport li.selectall #btnpdf { float: right; padding: 0; margin: 0 2px 0 0; } */ #myreport li.selectall #btnblz { float: right; padding: 0; margin: 0 6px 0 0; font-size: 11px; } #myreport li.selectall #btnblz * { vertical-align: middle; color: #001f4b; } #myreport li { position: relative; list-style: none; padding: 0 7px 8px 0; font-size: 12px; line-height: 16px !important; } #myreport li, #myreport li a { font-family: Futura, Arial; font-size: 13px; color: #001f4b; font-weight: bold; text-decoration: none; } #myreport li a { padding-left: 21px; line-height: 16px; display: inline-block; } #myreport li a span { cursor: pointer; } #myreport li li a:hover { text-decoration: underline; } #myreport li li { padding: 0;} #myreport li li li { background: url(../img/nav-main_li_ico.gif) repeat-y 25px top; } #myreport li li li li { background: url(../img/nav-main_li_li_ico.gif) no-repeat 31px 8px; } #myreport li li, #myreport li li a { font-weight: normal; font-family: Arial, Helvetica, sans-serif; } #myreport li li a:hover { text-decoration: underline; } #myreport li li li a { padding: 0 0 0 30px; } #myreport li li li li a { padding: 0 0 0 40px; } #myreport a.typeface-js { display: block; } #myreport #deselect { display: block; } #myreport #deselect.hidden { display: none; } #myreport #btnselectall { display: block; } #myreport #btnselectall.hidden { display: none; } #myreport #btnselectshort { display: block; } #myreport label { display: none; position: absolute; left: 2px; top: -1px; } #myreport label span.checkico { cursor: pointer; position: relative; display: block; width: 16px; height: 16px; overflow: hidden; } #myreport label span.checkico img { position: absolute; top: 0px; left: 0px; } #myreport label span.checkico.checked img { position: absolute; top: -32px; left: 0px; } #myreport label span.checkico.subchecked img { position: absolute; top: -16px; left: 0px; } #savemail.normal li.selectall { display: none; } #savemail { list-style: none; padding: 0 0 0 3px; } #savemail li { font-size: 12px; color: #001f4b; line-height: 18px; } #savemail li a { color: #001f4b; text-decoration: none; } #savemail #btnpdf { padding: 0 0 0 20px; background: url(../img/btn_bewaarselectie.gif) no-repeat center left; } #savemail #btnstaf { padding: 0 0 0 20px; background: url(../img/btn_mailselectie.gif) no-repeat center left; } /* = META NAVIGATION ----------------------------------------------------*/ #nav-meta { position: absolute; top: 7px; right: 180px; padding: 0; font-size: 11px; line-height: 13px; } #nav-meta li { display: inline; padding: 0 0 0 10px; } #nav-meta li a { text-decoration: none; color: #645a5a; } #nav-meta li a.small { font-size: 9px; } #nav-meta li a.large { font-size: 13px; } #nav-meta li a:hover { text-decoration: underline; } a.certificate { position: absolute; color: #645a5a; top: 7px; left: 241px; font-size: 11px; line-height: 15px; padding: 0 0 0 20px; text-decoration: none; background: url(../img/ico_certificate.gif) no-repeat left center; } a.certificate:hover { text-decoration: underline; } /* = SEARCH FORM ----------------------------------------------------*/ #frm-search { position: absolute; top: 5px; right: 15px; } #frm-search label { display: block; padding: 3px 0 0 12px; width: 138px; height: 16px; background: url(/img/frm-search_label_bg.gif); } #frm-search label input.txt { position: absolute; left: 12px; top: 3px; width: 110px; font-size: 11px; height: 13px; color: #999491; border: 0; background: none; } #frm-search label input.submit { position: absolute; right: 0; top: 0; } /* = CRUMBPATH ----------------------------------------------------*/ #crumbpath { margin: 10px 0 0 10px; } #crumbpath, #crumbpath * { font-size: 11px; } #crumbpath li { color: #645a5a; display: inline; text-decoration: none; list-style: none; } #crumbpath li a { color: #645a5a; text-decoration: none; background: url(/img/ico_arrow.gif) no-repeat right center; padding: 0 12px 0 0; margin-right: 8px; } #crumbpath li a:hover { text-decoration: underline; } /* = FOOTER ----------------------------------------------------*/ #footer { position: fixed; bottom: 0px; left: 0px; width: 100%; height: 18px; text-align: center; background: #001f4b; } #footer ul { width: 934px; margin: 0 auto; text-align: left; } #footer li { line-height: 16px; float: left; list-style: none; padding: 0 20px 0 0; } #footer li.last { float: right; list-style: none; padding: 0 0 0 20px; } #footer li a { line-height: 16px; font-size: 11px; color: #d9ebf8; text-decoration: none; } #footer li a:hover { text-decoration: underline; } /* = CONTENT ----------------------------------------------------*/ #content { } #content h1 { font-family: 'DTLDocumentaST'; font-weight: bold; position: relative; color: #0099cc; line-height: 36px; font-size: 26px; padding: 7px 38px 0 0; margin: 0 0 2px 10px; } #content h2 { font-family: 'DTLDocumentaST'; font-weight: normal; font-style: italic; position: relative; color: #001f4b; font-size: 18px; margin: 0 0 2px 10px; padding-right: 20px;} #content h2 a {font-family: 'DTLDocumentaST'; font-weight: normal; font-style: italic; color: #001f4b; text-decoration: none; } #content h1 label { position: absolute; right: 15px; top: 11px;} #content #part-intro { margin: 0 0 10px 10px; } #content #part-intro.cases { margin: 10px 0 10px 10px; } #content #standard-text { margin: 0 0 10px 10px; } #content label { display: none; float: right; } #content label span.checkbox { cursor: pointer; position: absolute; top: 5px; right: 5px; display: block; width: 16px; height: 16px; overflow: hidden; } #content label span.checkbox img { position: absolute; top: 0px; left: 0px; } #content label span.checkbox.checked img { top: -32px; left: 0px; } #content label span.checkbox.subchecked img { top: -16px; left: 0px; } #content label span.checkbox.animate img { top: -48px; left: 0px; } #content label span.groupcheckbox { cursor: pointer; position: relative; display: block; width: 16px; height: 16px; overflow: hidden; } #content label span.groupcheckbox img { position: absolute; top: 0px; left: 0px; } #content label span.groupcheckbox.checked img { position: absolute; top: -32px; left: 0px; } #content label span.groupcheckbox.subchecked img { position: absolute; top: -16px; left: 0px; } .checkboxpopup { display: none; position: absolute; z-index: 10000; } /* DEEL */ #content .part-outer-row { margin: 0 0 5px 10px; background: url(../img/part-row_top_bg.gif) no-repeat top; } #content .part-inner-row { height: 100%; overflow: hidden; background: url(../img/part-row_bottom_bg.gif) no-repeat bottom; } #content .part-outer-row-single { margin: 0 0 5px 10px; background: url(../img/part-row-single_top_bg.gif) no-repeat left top; } #content .part-inner-row-single { height: 100%; overflow: hidden; background: url(../img/part-row-single_bottom_bg.gif) no-repeat left bottom; } #content .part { width: 250px; padding: 5px 10px 19px 10px; float: left; background: none; } #content .part.first { margin: 0 10px 0 0;} #content .part h2 { padding-right: 30px; font-family: 'DTLDocumentaST'; font-style: normal; font-weight: bold; margin: 0; font-size: 18px; line-height: 22px; } #content .part h3 { margin: 0; color: #0099cc; font-size: 12px; line-height: 16px; } #content .part a.readmore { display: block; margin: 4px 0 0 0; font-size: 12px; color: #0099cc; } /* ONDERWERP */ #content .subject-outer-row { margin: 0 0 5px 0; width: 560px; background: url(../img/long-row_top_bg.gif) no-repeat top left; } #content .subject-inner-row { padding: 5px 10px 19px 10px; background: url(../img/long-row_bottom_bg.gif) no-repeat bottom left; } #content .subject-inner-row .user-content { overflow: hidden; height: 100%; } #content .subject-inner-row h2 { font-family: 'DTLDocumentaST'; font-weight: bold; font-style: normal; font-size: 18px; line-height: 22px; margin: 0; padding: 0 40px 0 0; } #content .subject-inner-row h2 a { font-size: 18px; line-height: 22px;font-family: 'DTLDocumentaST'; font-weight: bold; font-style: normal; margin: 0; } #content .subject-outer-row a.readmore { display: block; margin: 4px 0 0 0; } #content .subject-outer-row img.grafiek { float: right; } /* HOOFDSTUK */ #content .paragraph-outer-row { margin: 0 0 5px 0; width: 560px; background: url(../img/long-row_top_bg.gif) no-repeat top left; } #content .paragraph-inner-row { padding: 5px 10px 19px 10px; background: url(../img/long-row_bottom_bg.gif) no-repeat bottom left; } #content .paragraph-inner-row h2 { font-family: 'DTLDocumentaST'; font-weight: bold; font-style: normal; font-size: 18px; line-height: 22px; margin: 0 5px 0 0; } #content .paragraph-inner-row h2 a { display: block; padding: 0 0 0 17px; color: #001f4b; text-decoration: none; background: url(../img/ico_arrow_l.gif) no-repeat left 3px; } #content .paragraph-inner-row h2 a span { font-family: 'DTLDocumentaST'; font-weight: bold; font-style: normal; color: #001f4b; text-decoration: none; } #content .paragraph-inner-row h2 a span.normal { } #content .paragraph-inner-row h2 a span.hover { color: #0099cc; display: none; } #content .paragraph-inner-row.hover h2 a span.normal { display: none !important; } #content .paragraph-inner-row.hover h2 a span.hover { display: inline; } .typeface-js-selected-text { display: none; } #content .paragraph-inner-row .user-content { height: 51px; overflow: hidden; } #content .paragraph-inner-row .user-content img { display: none; } #content .paragraph-inner-row.open h2 a { background: url(../img/ico_arrow_down_l.gif) no-repeat left 7px; } #content .paragraph-inner-row.open .user-content { height: auto; } #fakeparagraph { position: absolute; left: -10000px; top: -10000px; width: 540px; } .grafiekDiv { display: none; } /* = SEND TO A FRIEND ----------------------------------------------------*/ #staf { display: none; position: absolute; top: 0px; padding: 0 0 10px 0; width: 536px; background: url(../img/staf_label.png) no-repeat 17px bottom; z-index: 10000; } #frm-staf { width: 536px; background: #fff; overflow: hidden; height: 100%; } #frm-staf fieldset { text-align: left; border: 0; width: 227px; padding: 15px; float: left; } #frm-staf fieldset, #frm-staf fieldset * { font-size: 12px; } #frm-staf fieldset h2 { font-family: 'DTLDocumentaST'; font-weight: normal; font-style:italic; color: #001f4b; font-size: 18px; } #frm-staf fieldset label { overflow: hidden; height: 100%; text-align: left; float: none; display: block; margin: 5px 0 2px 0; color: #001f4b; } #frm-staf fieldset label.error, #frm-staf fieldset label.error span, #frm-staf fieldset label.error span a { color: #ff0000 !important; } #frm-staf fieldset label span { width: 200px; display: block; float: left; color: #001f4b;} #frm-staf fieldset label span a { color: #001f4b;} #frm-staf fieldset input.submit { vertical-align: top; float: left; background: #a5a29f; border: #a5a29f 1px solid; color: #fff;font-size: 12px; margin-right: 10px; } #frm-staf fieldset input.cancel { vertical-align: top; float: left; background: #a5a29f; border: #a5a29f 1px solid; color: #fff;font-size: 12px; margin: 0; } #frm-staf fieldset input.text { width: 226px; padding: 2px; font-size: 12px; color: #001f4b; background: url(../img/frm-staf_input-text_bg.gif) repeat-x; border: 1px solid #a5a29f; } #frm-staf fieldset input.checkbox { float: left; margin: 2px 5px 0 0; } #frm-staf fieldset textarea { width: 226px; height: 100px; padding: 2px; font-size: 12px; color: #001f4b;border: 1px solid #a5a29f; background: url(../img/frm-staf_input-text_bg.gif) repeat-x; } #frm-staf #error { display: block; color: #ff0000; } #frm-staf fieldset.succesfield { display: none; } #frm-staf .staf_preview { border:1px solid #a5a29f; padding: 5px; margin-top: 10px; } #frm-inline-search { margin: 7px 0 12px 10px; } #frm-inline-search label { position: relative; display: block; float: left; padding: 3px 0 0 12px; width: 138px; height: 16px; background: url(/img/frm-search_label_bg.gif); } #frm-inline-search label input.txt { position: absolute; left: 12px; top: 3px; width: 110px; font-size: 11px; color: #999491; border: 0; background: none; } #frm-inline-search label input.submit { position: absolute; right: 0; top: 0; } #search-results { padding: 0 0 0 10px; } #search-results a { color: #0099cc; } #search-results .search-intro { padding: 7px 0 13px 0; } #search-results .search-result { margin: 0 0 19px 0 ; font-size: 12px; line-height: 16px; color: #001f4b; } #search-results .search-result h3 a { color: #0099cc; } #search-results .search-result h3 span { background: #0099cc; color: #fff; } #search-results .search-result span { padding: 0 2px; background: #0099cc; color: #fff; } /* = SITEMAP ----------------------------------------------------*/ #sitemap { list-style: none; margin: 0 14px; } #sitemap li { line-height: 16px; font-size: 12px; list-style: none; padding-bottom: 16px; background: url(/img/sitemap_li_bg.gif) repeat-y; } #sitemap ul { margin-bottom: 0; padding: 0 0 0 21px; } #sitemap li li { padding: 0; } #sitemap li a { display: block; height: 16px; font-weight: bold; color: #0099cc; text-decoration: none; padding-left: 20px; background: url(/img/sitemap_a_bg.gif) no-repeat left 7px; } #sitemap li a:hover { color: #0099cc; text-decoration: underline; } #sitemap li li a { font-weight: normal; color: #0099cc; } #sitemap li.last { background: url(/img/sitemap_li_last_bg.gif) no-repeat; } /* =CHARTS/GRAPHS ----------------------------------------------------*/ #graph-container { position: relative; width: 550px; height: 385px; background: #f0efed url(/img/graph-container_bg.gif) repeat-x; } #graph-container.wide { width: 720px; } #graph-container.wide #graph-carousel { display: block; } #graph-container .graph-image { position: absolute; top: 15px; left: 15px; width:540px; height: 354px; } .graph-container { display: none; } #graph-carousel { display: none; position: absolute; top: 15px; right: 15px; } #graph-carousel ul { width: 120px; list-style: none; margin: 0 !important; } #graph-carousel ul li { width: 118px; height: 91px; overflow:hidden; margin: 2px 0 0 0; padding: 0 !important; border: 1px solid #dbd8d5; } #graph-carousel ul li a { display: block; height: 100%; outline: 0; font-size: 10px !important; color: #b8b0ab; text-decoration: none; } #graph-carousel ul li a.active { background: #fff; color: #001f4b; } #graph-carousel ul li a b { display: block; text-align: center; margin: 0 2px; font-weight: normal; font-size: 10px !important; line-height: 13px; } #graph-carousel ul li span { display: block; height: 70px; } #graph-carousel ul li a:hover span, #graph-carousel ul li a.active span { background-position: 0 -70px; } #graph-carousel ul li .ico1 { background: url(/img/graph-carousel-ico1.png) no-repeat center top; } #graph-carousel ul li .ico2 { background: url(/img/graph-carousel-ico2.png) no-repeat center top; } #graph-carousel ul li .ico3 { background: url(/img/graph-carousel-ico3.png) no-repeat center top; } #graph-container .jcarousel-skin-tango .jcarousel-container { width: 120px; position: relative; } #graph-container .jcarousel-skin-tango .jcarousel-container-vertical { width: 120px; height: 354px; } #graph-container .jcarousel-skin-tango .jcarousel-clip-vertical { position: absolute; top: 18px; left: 0; width: 120px; height: 315px; } #graph-container .jcarousel-skin-tango .jcarousel-item { height: 91px; font-size: 10px !important; } #graph-container .jcarousel-skin-tango .jcarousel-item-vertical { height: 101px; } #graph-container .jcarousel-skin-tango .jcarousel-item-placeholder { height: 91px; } #graph-container .jcarousel-skin-tango .jcarousel-prev-vertical { position: absolute; top: 0; left: 0; width: 120px; height: 18px; background: url(../img/graph-carousel-nav-up_bg.gif) no-repeat top left; cursor: pointer; } #graph-container .jcarousel-skin-tango .jcarousel-prev-vertical:hover { background-position: 0 -18px; } #graph-container .jcarousel-skin-tango .jcarousel-prev-vertical:active {} #graph-container .jcarousel-skin-tango .jcarousel-prev-disabled-vertical, #graph-container .jcarousel-skin-tango .jcarousel-prev-disabled-vertical:hover, #graph-container .jcarousel-skin-tango .jcarousel-prev-disabled-vertical:active { background-position: 0 0; } #graph-container .jcarousel-skin-tango .jcarousel-next-vertical { position: absolute; bottom: 0; left: 0; width: 120px; height: 18px; background: url(../img/graph-carousel-nav-down_bg.gif) no-repeat top left; cursor: pointer; } #graph-container .jcarousel-skin-tango .jcarousel-next-vertical:hover { background-position: 0 -18px; } #graph-container .jcarousel-skin-tango .jcarousel-next-vertical:active {} #graph-container .jcarousel-skin-tango .jcarousel-next-disabled-vertical, #graph-container .jcarousel-skin-tango .jcarousel-next-disabled-vertical:hover, #graph-container .jcarousel-skin-tango .jcarousel-next-disabled-vertical:active { background-position: 0 0; }