/* hide print header */ #print-header{ display: none; } .MsoTableGrid{ /* ... please don't use MSOffice to ruin this layout */ } html,html body {height:100%;} body{ margin: 0; padding: 0; color: #001F4B; font: 88%/1.35em Arial, Helvetica, "Lucida Grande", sans-serif; opacity: .99999; } /*text-align: center; */ a{ color: #009CDA; text-decoration: none; outline: none; -moz-outline: none; } a:hover{ text-decoration: underline; } .bg-dark-blue a{ color: #00B7FF; } h1{ color: #009CDA; margin: 0; padding: 0; font: normal 260%/1.6em "DTL Documenta", georgia, sans-serif; letter-spacing: 1px; }/*text-transform: capitalize;} - !? - pb*/ h2{ color: #009CDA; margin: 0; padding: 0; font: normal 165%/1.55em Arial, Helvetica, "Lucida Grande", sans-serif; letter-spacing: 1px; } h3{ color: #009CDA; margin: 0; padding: 0; font: normal 145%/1.5em Arial, Helvetica, "Lucida Grande", sans-serif; letter-spacing: 1px; } .page_column h3.wfutu{ font: normal 90%/1.4em Arial, Helvetica, "Lucida Grande", sans-serif; } h4{ color: #000; margin: 0; padding: 0; font: normal 125%/1.4em Arial, Helvetica, "Lucida Grande", sans-serif; } h5{ color: #000; margin: 0; padding: 0; font: normal 115%/1.4em Arial, Helvetica, "Lucida Grande", sans-serif; } h6{ color: #000; margin: 0; padding: 0; font: bold 105%/1.4em Arial, Helvetica, "Lucida Grande", sans-serif; } div.related h1{ color: #009CDA; margin: 0; padding: 0; font: normal 320% georgia, sans-serif; letter-spacing: 1px; }/*text-transform: capitalize;} - !? - pb*/ div.related h2{ color: #009CDA; margin: 0; padding: 0; font: normal 165% georgia, sans-serif; letter-spacing: 1px; } div.related h3{ color: #009CDA; margin: 0; padding: 0; font: normal 135% georgia, sans-serif; letter-spacing: 1px; } div.related h4{ color: #009CDA; } div.related h5{ color: #001F4B; } div.related h6{ color: #001F4B; } p{ margin: 0; padding: 0 0 1em 0; } blockquote{ border: 1px dashed #C4BFB9; padding: 0.2em; margin: 0 0 0.5em 0; font-size: 90%; font-style: italic; } img, img a{ border: none; } ul, ol{ list-style: none; display:block; width:100%; margin: 0.5em 0 1.5em 1.4em; padding: 0; } ul li, ol li , ol li a, ul li a{ line-height: normal; position: relative;list-style: square; } ul li, ol li{ padding: 0.2em 0; } ul.arrow, ul.files, ul.external, ul.arrow li, ul.files li, ul.external li, ul.folder-blue li, ul.folder-white li, ul.audio{ list-style: none; padding: 0.4em 0; margin: 0; } ul.arrow li a{ padding: 0 0 0 1.55em; display: block; font-weight: normal; background: url('/images/list-icon-arrow-blue.png') 0 0 no-repeat; } .bg-dark-yellow ul.arrow li a{ padding: 0 0 0 1.55em; display: block; font-weight: normal; background: url('/images/icon-arrow-yellow.gif') 0 0 no-repeat; } ul.arrow li a:hover, .accordeon.bg-light-grey a.arrow{ color: #001F4B !important; background: transparent url('/images/list-icon-arrow-blue-hover.png') 0 0 no-repeat; } li a span{ list-style-position: outside !important; } /* prevent indent in IE7 on double titles */ ul.audio li a{ padding: 0 0 0 1.55em; display: block; font-weight: normal; background: url('/images/list-icon-dossier-audio.gif') 0em 0.15em no-repeat; } ul.files li a{ text-decoration: none; padding: 0 0 0 1.55em; display:block; font-weight: normal; background: url('/images/list-icon-file.gif') 0em 0.2em no-repeat; } ul.files li a:hover{ text-decoration: none; padding: 0 0 0 1.55em; display:block; font-weight: normal; background: url('/images/list-icon-file-hover.gif') 0em 0.2em no-repeat; } ul.external li a, ul li a.external, a.icon.external{ text-decoration: none; padding: 0 0 0 1.55em; display:block; font-weight: normal; background: url('/images/list-icon-external.gif') 0em 0.2em no-repeat; } .accordeon.bg-light-grey a.external{ color: #001F4B !important; background: transparent url('/images/list-icon-external-hover.gif') 0em 0.2em no-repeat !important; } ul.external li a:hover, ul li a.external:hover, a.icon.external:hover{ color: #001F4B !important; text-decoration: underline; padding: 0 0 0 1.55em; display:block; font-weight: normal; background: url('/images/list-icon-external-hover.gif') 0em 0.2em no-repeat; } ul.folder-blue li a{ text-decoration: none; padding: 0 0 0 1.75em; display:block; font-weight: normal; background: url('/images/icon-folder-bg-blue.gif') 0em 0em no-repeat; } ul.folder-blue li a:hover{ text-decoration: underline; } ul.folder-white li a{ text-decoration: none; padding: 0 0 0 1.75em; display:block; font-weight: normal; background: url('/images/icon-folder-bg-white.gif') 0em 0em no-repeat; } ul.folder-white li a:hover{ text-decoration: underline; } ul.nobullets, ul.nobullets li{ list-style: none; padding: 0; margin: 0; } ul li .sub-txt{ margin: 0; padding: 0; display:block; } /* Zend_Form default elements */ form dt { margin: 5px 0 0 0; } form dd { margin: 0 0 5px 0; } form ul.errors{ display:block; list-style: none none !important; margin: 0; padding: 0 !important; color: white; background-color: red; overflow: hidden; } form ul.errors li{ display:block; padding: 3px; } form{ margin: 0; padding: 0; } form p{ padding: 0.2em 0 0.2em 0; clear: both; display: block; margin: 0; width: 100%; float: left; position: relative; } fieldset{ border: none; margin: 1em 0; padding: 0; width: 100%; } input, textarea{ font: normal 100% Arial, Helvetica, "Lucida Grande", sans-serif; -moz-border-radius:2px; -webkit-border-radius: 2px; background: #FFF; border: 1px solid #B7B3AD; padding: 2px 4px; display: block; } input.button, a.button{ cursor: pointer; -moz-border-radius:3px; -webkit-border-radius: 3px; width: auto; white-space: nowrap; border: 1px solid #001f4b; padding: 2px 8px; color: #FFF; background: #001f4b; } input.button:hover, a.button:hover{ border: 1px solid #009CDA; background: #009CDA; color: #FFF; padding: 2px 8px; text-decoration: none; } .bg-yellow input.button, a.button{ cursor: pointer; -moz-border-radius:3px; -webkit-border-radius: 3px; width: auto; white-space: nowrap; border: 1px solid #964200; padding: 2px 8px; color: #FFF; background: #964200; } .bg-yellow input.button:hover, a.button:hover{ border: 1px solid #aa5500; background: #aa5500; color: #FFF; padding: 2px 8px; text-decoration: none; } input.checkbox, input.radio{ background: none; border: none; display: inline; float: left; width: auto; } label{ color: #5E5A58; display: block; clear: both; margin: 0; font-size: 90%; cursor: pointer; } label.inline{ display: inline; clear: none; margin: 0; font-size: 90%; float: left; } input.fillout{ width: 96%; } .form-error{ border: 5px solid red; padding: 5px; background-color: #FFF; } .form-message{ border: 5px solid green; padding: 5px; background-color: #FFF; } form fieldset.floatelements{ margin: 0; padding: 0; display: block; float: left; } form fieldset.clear{ clear: both; } .two-third-pane form fieldset.floatelements{ width: 588px; } .two-third-pane form fieldset.floatelements.half{ width: 278px; margin-right: 16px; } .two-third-pane form fieldset.floatelements.third{ width: 180px; margin-right: 16px; } .two-third-pane form fieldset.floatelements.two-third{ width: 376px; margin-right: 16px; } .two-third-pane form fieldset.floatelements.third input{ width: 166px; margin-right: 0; margin-left: 0; } .two-third-pane form fieldset.floatelements.two-third input{ width: 366px; margin-right: 0; margin-left: 0; } .two-third-pane form fieldset.floatelements.quarter{ width: 131px; margin-right: 16px; } .third-pane form fieldset.floatelements{ width: 260px; } /* 268 ... */ .third-pane form fieldset.floatelements.third{ width: 78px; margin-right: 11px; } .third-pane form fieldset.floatelements.two-third{ width: 167px; margin-right: 11px; } form fieldset.last{ margin-right: 0 !important;} /* toolbox */ .center{ margin: auto auto; } .center-txt{ text-align: center; } .clear{ clear: both; display: block; float: left; line-height: 0px; } .clear *{ line-height: normal; } .clear-right{ clear: right; } .clear-left{ clear: left; } .intro-txt{ margin-top: 1em; font-size: 145%; line-height: 1.5em; } .big-txt{ font-size: 115%; } .big-nav *{ font-size: 110%; } .normal-txt{ font-size: 100%; } .small-txt{ font-size: 88%; } .xsmall-txt{ font-size: 68%; line-height: 1.5em; } .left{ float: left;} .left-img{ margin: 4px 12px 4px 0; float: left; } .left-txt { text-align: left; } .line {margin: 1em 0; width: 100%; border-top: 1px #C4BFB9 dashed; float: left; } .padding{ padding: 26px; } .padding-y{ padding: 18px 8px; } .padding-x{ padding: 8px 18px; } .no-margin{ margin: 0; } .no-margin-bott{ margin-bottom: 0; } .no-padding{ padding: 0; } .no-pad-bott{ padding-bottom: 0; } .nofloat{ float: none; } .padding-small{ padding: 8px; } .right{ float: right; } .right-img{ float: right; margin: 4px 0 4px 12px; } .right-txt{ text-align: right; } .mtop{ margin-top: 26px; } .mbott{ margin-bottom: 26px; } .mleft{ margin-left: 26px; } .mright{ margin-right: 26px; } .mstop{ margin-top: 8px; } .msbott{ margin-bottom: 8px; } .msleft{ margin-left: 8px; } .msright{ margin-right: 8px; } .ptop{ padding-top: 26px; } .pbott{ padding-bottom: 26px; } .pleft{ padding-left: 26px; } .pright{ padding-right: 26px; } .pstop{ padding-top: 8px; } .psbott{ padding-bottom: 8px; } .psleft{ padding-left: 8px; } .psright{ padding-right: 8px; } .overlay{ position: absolute; display: block; float: left; width: 100%; height: 100%; top: 0; left: 0; } .overlay.video-play{ background: transparent url('/images/video-play.png') center center no-repeat; } .object_container{ line-height: 0; } .spacer{ margin-right: 30px; } .date{ margin: 0.4em 0 0.2em 0; clear: both; display: block; } .block{ display: block; } .wrap{ width: auto; } .nowrap{ white-space: nowrap } .hide{ display: none; } .noscript{ display: none; } .nomargin{ margin: 0; } .auto{ width: auto; } .fillout{ width: 100%; } .hideoverflow{ overflow: hidden; } .txt-container{ width: 80%; } .georgia{ font-family: "DTL Documenta", georgia; } @media screen{ .clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .clearfix { display: inline-block; } html[xmlns] .clearfix { display: block; } * html .clearfix { height: 1%; } } .black-txt, .black-txt * { color: #000 !important; } a.black-txt:hover, .black-txt a:hover { color: #000 !important; } .white-txt, .white-txt * { color: #FFF !important; } a.white-txt:hover, .white-txt a:hover { color: #FFF !important; } .grey-txt, .grey-txt * { color: #B7B3AD !important; } a.grey-txt:hover, .grey-txt a:hover { color: #B7B3AD !important; } .dark-grey-txt, .dark-grey-txt * { color: #5E5A58 !important; } a.dark-grey-txt:hover, .dark-grey-txt a:hover { color: #5E5A58 !important; } .yellow-txt, .yellow-txt * { color: #FFD800 !important; } a.yellow-txt:hover, .yellow-txt a:hover { color: #FFD800 !important; } .dark-yellow-txt, .dark-yellow-txt * { color: #E2AC00 !important; } a.dark-yellow-txt:hover, .dark-yellow-txt a:hover { color: #E2AC00 !important; } .green-txt, .green-txt * { color: #CDCD00 !important; } a.green-txt:hover, .green-txt a:hover { color: #CDCD00 !important; } .dark-green-txt, .dark-green-txt * { color: #656504 !important; } a.dark-green-txt:hover, .dark-green-txt a:hover { color: #656504 !important; } .blue-txt, .blue-txt * { color: #009CDA !important; } a.blue-txt:hover, .blue-txt a:hover { color: #009CDA !important; } a.bg-grad-blue.blue-txt.actueel-min, a.bg-grad-blue.blue-txt:hover, .bg-grad-blue.blue-txt a:hover { text-decoration: none; color: #FFFFFF !important; } .dark-blue-txt, .dark-blue-txt * { color: #001F4B !important; } a.dark-blue-txt:hover, .dark-blue-txt a:hover { color: #001F4B !important; } .light-blue-txt, .light-blue-txt * { color: #D9EBF8 !important; } a.light-blue-txt:hover, .light-blue-txt a:hover { color: #D9EBF8 !important; } .orange-txt, .orange-txt * { color: #F39900 !important; } a.orange-txt:hover, .orange-txt a:hover { color: #F39900 !important; } .dark-orange-txt, .dark-orange-txt * { color: #964200 !important; } a.dark-orange-txt:hover, .dark-orange-txt a:hover { color: #964200 !important; } .mv2-logo{ display: block; position: absolute; z-index: 100; left: 0px; top: 3em; } .mv2-logo a{ width: 120px; height: 160px; display: block; background: transparent url('/images/mv2-logo.png') top left no-repeat; } /* icons */ .icon-blue-klassiek{ background: transparent url('/images/icon-blue-klassiek.gif') 0px 4px no-repeat; padding: 0 0 0 24px !important; } .icon-blue-dossier{ background: transparent url('/images/icon-blue-dossier.gif') 0px 4px no-repeat; padding: 0 0 0 24px !important; } .icon-blue-tijdlijn{ background: transparent url('/images/icon-blue-tijdlijn.gif') 0px 6px no-repeat; padding: 0 0 0 24px !important; } .icon-blue-kaart{ background: transparent url('/images/icon-blue-kaart.gif') 0px 6px no-repeat; padding: 0 0 0 24px !important; } ul.icons{ margin: 0; padding: 0; list-style: none; } ul.icons li{ margin: 0; padding: 0; line-height: normal; list-style: none; } ul.icons li a{ padding: 0.25em 0; float: left; clear: both; display: block; } .icon-small-art{ background-image: url('/images/icon-small-art.gif'); } .icon-small-vid{ background-image: url('/images/icon-small-vid.gif'); } .icon-small-sound{ background-image: url('/images/icon-small-sound.gif'); } .icon-small-photo{ background-image: url('/images/icon-small-photo.gif'); } .icon-small-download{ background-image: url('/images/icon-small-download.gif'); } .icon-small-doc{ background-image: url('/images/icon-small-doc.gif'); } .icon-bar{ position: relative; display: inline-block; float: left; border-bottom: 1px solid #B7B3AD; text-align: center; width: 100%; height: auto; padding: 0 0 0 5px; } .icon-container{ position: relative; display: inline-block; float: left; margin: 5px 0 -1px 0; border-left: 1px solid white; border-bottom: 1px solid transparent; } .left-icon{ padding-left: 24px !important; background-position: center left; background-repeat: no-repeat; } .top-icon{ display:block; float:left; margin: 0 0 -1px -1px; padding: 1px 1px 0 1px; text-align: center; background-position: center 5px; background-repeat: no-repeat; overflow: visible;} .icon-trans-white{ background: url('/images/list-icon-arrow-white.png') left center no-repeat; color: #FFF; } .top-icon span{ display: block; float: left; width: 48px; padding-top: 23px; margin: -1px -1px 0 -1px; padding-bottom: 3px; border: 1px solid transparent; border-right-color: white; border-bottom-color: #B7B3AD; } .ui-tabs-selected .top-icon span, .top-icon:hover span{ border-left: 1px solid #B7B3AD; border-right: 1px solid #B7B3AD; border-top: 1px solid #B7B3AD; border-bottom: 1px solid #F3F3F2; } .tablist ul.icon-container{ display: inline-block; width: auto; } .tablist ul.icon-container li{ display: inline-block; float: left; margin: 0; padding: 0; } .ui-tabs-nav .ui-tabs-hide { display: none; } /* color styles */ .bg-white{ background-color: #FFFFFF;} .bg-grey{ background-color: #C4BFB9;} .bg-light-grey, .bg-light-grey a, .bg-light-grey span, .bg-light-grey{ background-color: #F3F3F2; } /* CSS3 would fix twitter-widget: .bg-light-grey, .bg-light-grey a, .bg-light-grey span, .bg-light-grey div:not(.twtr-widget *){ background-color: #F3F3F2; } * for now see bottom */ .bg-light-grey .top-icon *{ background-color: transparent;} .bg-dark-grey{ background-color: #B7B3AD;} .bg-black{ background-color: #000;} .bg-blue{ background-color: #009CDA; } .bg-dark-blue{ background-color: #001F4B; } .bg-green{ background-color: #CBD100; } .bg-yellow{ background-color: #FFDA00; } .bg-dark-yellow{ background-color: #E3B600; } .bg-yellow a, .bg-yellow a:hover{ color: #964200 !important; } .bg-grad-yellow{ background: #F7C90D url('/images/bg-grad-yellow.gif') top left repeat-x; } .bg-grad-blue{ background: #005A8E url('/images/bg-grad-blue.gif') top left repeat-x; } .bg-grad-green{ background: #BDBE00 url('/images/bg-grad-green.gif') top left repeat-x; } .bg-blob-yellow{ background: #F7C90D url('/images/bg-blob-yellow.jpg') top left repeat-x; } .bg-blob-blue{ background: #005A8E url('/images/bg-blob-blue.jpg') top left repeat-x; } .bg-blob-pumablue{ background: #2DA3E0 url('/images/bg-blob-pumablue.jpg') top left repeat-x; } .bg-blob-green{ background: #BDBE00 url('/images/bg-blob-green.jpg') top left repeat-x; } .bg-wave-right{ padding-bottom: 34px; background-image: url('/images/wave-white-right.png'); background-position: bottom right; background-repeat: no-repeat; } .bg-wave-left{ padding-bottom: 34px; background-image: url('/images/wave-white-left.png'); background-position: bottom left; background-repeat: no-repeat; } .wave-white-right-overlay, .wave-white-left-overlay, .wave-blue-right-overlay, .wave-blue-left-overlay, .wave-grey-right-overlay, .wave-grey-left-overlay.wave-blue-left-overlay, .wave-yellow-right-overlay, .wave-yellow-left-overlay, .wave-green-right-overlay, .wave-green-left-overlay{ position: relative; line-height: 0; } .wave-white-right-overlay img, .wave-white-left-overlay img, .wave-blue-right-overlay img, .wave-blue-left-overlay img, .wave-grey-right-overlay img, .wave-grey-left-overlay img, .wave-yellow-right-overlay img, .wave-yellow-left-overlay img, .wave-green-right-overlay img, .wave-green-left-overlay img{ margin: 0 auto; padding: 0; display: block; } .append-wave-white-right, .append-wave-white-left, .append-wave-grey-right, .append-wave-grey-left{ position: absolute; bottom: 0px; width: 100%; height: 30px; display: block; } .append-wave-white-right{ background-image: url('/images/wave-white-right.png'); background-position: bottom left; background-repeat: no-repeat; } .append-wave-white-left{ background-image: url('/images/wave-white-left.png'); background-position: bottom left; background-repeat: no-repeat; } .append-wave-grey-right{ background-image: url('/images/wave-grey-right.png'); background-position: bottom left; background-repeat: no-repeat; } .append-wave-grey-left{ background-image: url('/images/wave-grey-left.png'); background-position: bottom left; background-repeat: no-repeat; } .bg-wave-blue-right{ padding-top: 34px; background-image: url('/images/wave-blue-right.gif'); background-position: top left; background-repeat: no-repeat; } .bg-wave-uitgelicht-top{ background-image: url('/images/wave-uitgelicht-top.gif'); background-position: top left; background-repeat: no-repeat; } .bg-wave-uitgelicht-bott{ padding-top: 34px; padding-bottom: 28px; background-image: url('/images/wave-uitgelicht-bott.gif'); background-position: bottom right; background-repeat: no-repeat; } .bg-wave-uitgelicht-bott .negative{ position: relative; top: -30px; } /*link styles*/ a.arrow-indent{ clear: both; margin: 0.6em 0em 0.6em 18px; font-size: 105%; line-height: 1.4em; padding: 0.3em 0 0.3em 1.4em; width: auto !important; display: block; font-weight: normal; background: url('/images/icon-arrow-blue.png') no-repeat 0 0.5em; } a.arrow{ font-size: 105%; line-height: 0.3em; padding: 0.3em 0 0.3em 1.4em; width: 100%; display: block; font-weight: normal; background: url('/images/icon-arrow-blue.png') 0em 0em no-repeat; } a.arrow.up{ background: url('/images/icon-arrow-blue-up.png') 0em 0em no-repeat; } a.arrow:hover{ color: #001F4B; font-size: 105%; line-height: 0.3em; padding: 0.3em 0 0.3em 1.4em; width: 100%; display: block; font-weight: normal; background: url('/images/icon-arrow-blue-hover.png') 0em 0em no-repeat; } a.arrow.up:hover{ background: url('/images/icon-arrow-blue-up-hover.png') 0em 0em no-repeat; } .bg-dark-grey ul.arrow li a, .bg-grey ul.arrow li a, .bg-grey a.arrow{ background: url('/images/list-icon-arrow-white.png') left center no-repeat; color: #FFF; } .bg-grad-yellow .arrow, .bg-blob-yellow .arrow, .bg-grad-green .arrow, .bg-blob-green .arrow{ background: url('/images/list-icon-arrow-white.png') 100% 35% no-repeat; padding: 0; } .bg-dark-blue .arrow, .bg-grad-blue .arrow, .bg-blob-blue .arrow{ background: url('/images/list-icon-arrow-blue.png') 100% 35% no-repeat; padding: 0; } .bg-yellow a.arrow, .bg-yellow a.arrow:hover, .bg-dark-yellow a.arrow, .bg-dark-yellow a.arrow:hover{ font-size: 105%; line-height: 0.3em; padding: 0.3em 0 0.3em 1.4em; width: 100%; display: block; font-weight: normal; background: url('/images/icon-arrow-yellow.gif') 0em 0em no-repeat; } .bg-dark-blue .arrow{ background: url('/images/list-icon-arrow-blue.png') 100% 20% no-repeat; padding: 0; } .arrow-blue-up{ padding: 0em 1.5em 0em 0em; display: block; font-weight: normal; background: url('/images/icon-arrow-blue-up.gif') 100% 40% no-repeat; } .dossiernav a.arrow-indent{ font-size: 90%; margin-bottom: 3px; margin-top: 3px; } h3.arrow{ padding-right: 20px !important; } .icon-big-content{ padding: 1.3em 0 1.3em 3em !important; background: url('/images/icon-big-content.gif') left center no-repeat !important; } .icon-big-article{ padding: 1.3em 0 1.3em 3em !important; background: url('/images/icon-big-article.gif') left center no-repeat !important; } .icon-big-photo{ padding: 1.3em 0 1.3em 3em !important; background: url('/images/icon-big-photo.gif') left center no-repeat !important; } .icon-big-video{ padding: 1.3em 0 1.3em 3em !important; background: url('/images/icon-big-video.gif') left center no-repeat !important; } .icon-big-audio{ padding: 1.3em 0 1.3em 3em !important; background: url('/images/icon-big-audio.gif') left center no-repeat !important; } .icon-big-downloads{ padding: 1.3em 0 1.3em 3em !important; background: url('/images/icon-big-downloads.gif') left center no-repeat !important; } .icon-big-kennisbank{ padding: 1.3em 0 1.3em 3em !important; background: url('/images/icon-big-kennisbank.gif') left center no-repeat !important; } a.icon-download{ padding: 0.3em 0 0.5em 0 !important; background: url('/images/icon-download.gif') 0px 4px no-repeat !important; } a.icon-download:hover{ text-decoration: none; background: url('/images/icon-download-hover.gif') 0px 4px no-repeat !important; } a.icon-download span{ padding: 0 0 0 1.6em !important; } a.icon-download span.indent{ padding: 0 0 0 2.5em !important; } a.icon-external{ padding: 0.3em 0 0.5em 0 !important; background: url('/images/list-icon-external.gif') 0em 0.2em no-repeat; } a.icon-external:hover{ text-decoration: none; background: url('/images/list-icon-external-hover.gif') 0em 0.2em no-repeat; } a.icon-external span{ padding: 0 0 0 1.6em !important; } a.icon-external span.indent{ padding: 0 0 0 2.5em !important; } a.arrow span.indent{ padding: 0 0 0 2.5em !important; } a.arrow:hover span.indent{ text-decoration: none; } .nobullets .icon-big-content, .nobullets .icon-big-article, .nobullets .icon-big-photo, .nobullets .icon-big-video, .nobullets .icon-big-audio, .nobullets .icon-big-downloads, .nobullets .icon-big-kennisbank{ padding: 0.5em 0 0.5em 3em !important; } /* paging */ .paging div{ padding: 8px 0px 4px 10px; margin: auto auto; text-align: center; position: relative; } .paging span a{ padding: 8px 1em 8px 0.8em; } .paging a.next{ position: absolute; right: 8px; margin: 0 8px 0 0; padding: 0 20px 0 0; background: url('/images/icon-paging-next.gif') center right no-repeat; } .paging a.next.disabled{ color: #B7B3AD !important; position: absolute; right: 8px; margin: 0 8px 0 0; padding: 0 20px 0 0; background: url('/images/icon-paging-next-disabled.gif') center right no-repeat; } .paging a.prev{ position: absolute; left: 8px; margin: 0 0 0 0; padding: 0 0 0 20px; background: url('/images/icon-paging-prev.gif') center left no-repeat; } .paging a.prev.disabled{ color: #B7B3AD !important; position: absolute; left: 8px; margin: 0 0 0 0; padding: 0 0 0 20px; background: url('/images/icon-paging-prev-disabled.gif') center left no-repeat; } .paging a.selected{ color: #B7B3AD !important; position: relative; height: 2em; top: 0px; } /* paging dossiers */ .paging-dossier div{ -moz-border-radius:6px; -webkit-border-radius: 6px; width: 928px; background: #001E43; padding: 8px 0px 4px 10px; margin: auto auto; text-align: center; position: relative; } .paging-dossier span a{ padding: 8px 1em 8px 0.8em; } .paging-dossier a.next{ position: absolute; right: 8px; margin: 0 8px 0 0; padding: 0 20px 0 0; background: url('/images/icon-page-next.gif') center right no-repeat; } .paging-dossier a.next.disabled{ color: #003A73 !important; position: absolute; right: 8px; margin: 0 8px 0 0; padding: 0 20px 0 0; background: url('/images/icon-page-next-disabled.gif') center right no-repeat; } .paging-dossier a.prev{ position: absolute; left: 8px; margin: 0 0 0 0; padding: 0 0 0 20px; background: url('/images/icon-page-prev.gif') center left no-repeat; } .paging-dossier a.prev.disabled{ color: #003A73 !important; position: absolute; left: 8px; margin: 0 0 0 0; padding: 0 0 0 20px; background: url('/images/icon-page-prev-disabled.gif') center left no-repeat; } .paging-dossier a.selected{ color: #FFFFFF !important; position: relative; height: 2em; top: 0px; background: url('/images/bg-paging-selected.gif') top left no-repeat; } /* content layout */ .center-page{ margin: 0 auto; width:960px !important; overflow: hidden; clear: both; } .full-pane{ width: 960px; overflow: hidden; clear: both; } .third-pane{ width: 320px; overflow: hidden; } .third-spacer-pane{ width: 310px; margin: 10px 10px 10px 0px; overflow: hidden; } .two-third-pane{ width: 640px; overflow: hidden; } .half-pane{ width: 480px; overflow: hidden; } .split-pane{ width: 48%; overflow: hidden; } /* content layout #dossier */ #dossier .two-third-spacer-pane{ width: 624px; margin: 10px 0 10px 10px; overflow: hidden; } #dossier .two-third-spacer-pane.bg-wave-uitgelicht-top{ width: 640px; margin: 10px 0; float: right; } #dossier .two-third-pane .third-spacer-pane{ width: 306px; margin: 10px 0px 10px 10px; overflow: hidden; } /* page layout */ #framework{ width: 100%; text-align: left; } #header{ min-height: 172px; _height: 188px; position: relative; z-index: 100; } /* 188px before HTML-nav ... donno what might break ... - pb */ #header .transbar{ background: url('/images/bg-header-tile.png') top left repeat; height: 25px; width: 100%; position: absolute; top: 0; left: 0; z-index: 0; } #generic-nav{ width: 100%; display: block; height: 25px; position: relative; } #generic-nav a{ color: #FFF; text-decoration: none; background: none; line-height: 22px; height: 22px; } #generic-nav a:hover{ color: #FFF; text-decoration: underline; } #generic-nav ul{ list-style: none; margin: 0; padding: 0; line-height: normal; width: auto; } #generic-nav li{ list-style: none; float: left; list-style: none; background: none; padding: 0; line-height: 22px; height: 22px; } #generic-nav li a{ padding: 0 12px; margin: 0; font-size: 90%; } #generic-nav ul.languagge-switch{ position: absolute; left: 8px; top: 0; } #generic-nav div.short-links ul{ position: absolute; right: 188px; top: 0; } #generic-nav div.search-form{ position: absolute; top: 0px; right: 0px; } #generic-nav div.search-form input{ font-size: 90%; width: 130px; border: 1px solid #5E5A58; color: #5E5A58; position: absolute; top: 0px; right: 22px; } #generic-nav div.search-form input.icon-trans-white{ width: 13px; position: absolute; top: 1px; right: 0px; color: #FFF; border: none; cursor: pointer; } #mv2_flashnav{ width: 100%; background: transparent; } #mv2_flashnav_dossier{ width: 100%; background: transparent; height:170px; min-height: 170px; _height: 170px; } #mv2_flashnav h1{ position: absolute; top: 1.15em; left:130px; } #html-nav{ overflow: visible; min-height: 188px; _height: 188px; } #html-nav div.BreadcrumbContainer{ position: relative; width: 840px; padding-left: 120px; padding-top: 8px; padding-bottom: 8px; margin-left: 10px; } #html-nav div.ColumnContainer{ position: relative; padding-bottom: 2em; width: 840px; padding-left: 120px; margin-left: 10px; } #html-nav div.ColumnContainer div.ColumnNav{ display: table-cell; vertical-align: top; } #html-nav div.ColumnContainer div.ColumnNav.hide{ display: none; } #html-nav div.ColumnContainer div.ColumnNav ul.children{ position: relative; top: 0; } #html-nav ul{ display: inline-block; list-style: none; margin: 0; padding: 0; font-size: 14px; } #html-nav ul li{ display: block; list-style: none; margin: 0; padding: 0; vertical-align: top !important; } #html-nav ul.breadcrumb li{ display: inline-block; width: auto; padding: 0; margin: 0 7px; } #html-nav ul.breadcrumb li.guilemet-gt{ margin: 0; } #html-nav ul.children li{ margin: 0 7px; } #html-nav ul li a, #html-nav ul li span.current{ text-decoration: none !important; display: inline-block; white-space: nowrap; } #html-nav ul li a span.center, #html-nav ul li span.current span.center{ padding: 0 0; } #html-nav ul li a span.center{ color: #FFF; white-space: nowrap; } #html-nav ul li a.hover span.center, #html-nav ul li a:hover span.center{ color: #009CDA; background-color: #FFF; } #html-nav ul li span.current span.center{ color: #001F4B; background-color: #FFF; } #html-nav ul li span.rgt{ display: inline-block; line-height: 26px; height: 26px; width: 10px; } #html-nav ul li span.lft{ display: inline-block; line-height: 26px; height: 26px; width: 10px; } #html-nav ul li a.hover span.center, #html-nav ul li a:hover span.center, #html-nav ul li span.current span.center{ background-color: #FFF; display: inline-block; line-height: 26px; height: 26px; } #html-nav ul li a.hover span.lft, #html-nav ul li a:hover span.lft, #html-nav ul li span.current span.lft{ background: transparent url('/images/nav-white-lft.png') no-repeat left center; } #html-nav ul li a.hover span.rgt, #html-nav ul li a:hover span.rgt, #html-nav ul li span.current span.rgt{ background: transparent url('/images/nav-white-rgt.png') no-repeat right center; } /* ul.sections */ #html-nav div.section-wrap{ display: table-row; width: 100%; } #html-nav div.auto-space-left{ display: table-cell; height: 63px; width: 50%; line-height: 63px; background: transparent url('/images/nav-section-bg-overlay.png') repeat-x 0 0; } #html-nav div.auto-space-right{ display: table-cell; height: 63px; width: 50%; line-height: 63px; background: transparent url('/images/nav-section-bg-overlay.png') repeat-x 0 0; } #html-nav ul.sections{ font-family: Georgia, 'Times New Roman', serif; font-size: 145%; display: table-cell; width: auto; list-style: none; margin: 0; padding: 0; white-space: nowrap; height: 63px; line-height: 63px; } #html-nav ul.sections li{ display: inline-block; padding: 0; margin: 0; width: 190px; } #html-nav ul.sections li a{ display: block; padding: 0; margin: 0; } #html-nav ul.sections li a span{ display: inline-block; padding: 0; margin: 0; line-height: 63px; height: 63px; background: none; } #html-nav ul.sections li a span.center{ padding-left: 63px; color: #FFF; } #html-nav ul.sections li span.rgt{ display: inline-block; line-height: 63px; height: 63px; width: 10px; } #html-nav ul.sections li span.lft{ display: inline-block; line-height: 63px; height: 63px; width: 10px; } body#tree #html-nav ul.sections li a span.center{ color: #FFFFFF; text-align: left; } body#dossier #html-nav ul.sections li a span.center{ color: #001F4B; text-align: left; } body#generic #html-nav ul.sections li a span.center{ color: #5E5A58; text-align: left; } #html-nav ul.sections li.home{ background: transparent url('/images/nav-tab-website.png') no-repeat 0 0; } #html-nav ul.sections li.dossier{ background: transparent url('/images/nav-tab-dossier.png') no-repeat 0 0; } #html-nav ul.sections li.timeline{ background: transparent url('/images/nav-tab-timeline.png') no-repeat 0 0; } #html-nav ul.sections li.location{ background: transparent url('/images/nav-tab-location.png') no-repeat 0 0; } #html-nav ul.sections li.home a:hover span.center, #html-nav ul.sections li.dossier a:hover span.center, #html-nav ul.sections li.timeline a:hover span.center, #html-nav ul.sections li.location a:hover span.center{ color: #FFF; text-decoration: underline; } #html-nav ul.sections li.home.current{ background: transparent url('/images/nav-tab-active-website.png') no-repeat 0 0; } #html-nav ul.sections li.dossier.current{ background: transparent url('/images/nav-tab-active-dossier.png') no-repeat 0 0; } #html-nav ul.sections li.timeline.current{ background: transparent url('/images/nav-tab-active-timeline.png') no-repeat 0 0; } #html-nav ul.sections li.location.current{ background: transparent url('/images/nav-tab-active-location.png') no-repeat 0 0; } #html-nav ul.sections li a.hover span.center, #html-nav ul.sections li a:hover span.center, #html-nav ul.sections li span.current span.center{ background: none; line-height: 63px; height: 63px; } #html-nav ul.sections li a.hover span.lft, #html-nav ul.sections li a:hover span.lft, #html-nav ul.sections li span.current span.lft{ background: none; line-height: 63px; height: 63px; width: 10px; } #html-nav ul.sections li a:hover span.rgt, #html-nav ul.sections li a.hover span.rgt, #html-nav ul.sections li span.current span.rgt{ background: none; line-height: 63px; height: 63px; width: 10px; } #html-nav .ColumnNav ul li a span.center{ padding: 0 0 0 18px; background: transparent url('/images/list-icon-arrow-white.png') no-repeat left center; } #html-nav .ColumnNav ul li a:hover span.center, #html-nav .ColumnNav ul li a.hover span.center{ padding: 0 0 0 18px; background: #FFF url('/images/list-icon-arrow-blue.png') no-repeat left center; } #html-nav .ColumnNav ul li span.current span.center{ padding: 0 0 0 18px; background: #FFF url('/images/list-icon-arrow-blue-hover.png') no-repeat left center; } #html-nav ul.siblings li{ } #html-nav ul.children li{ } #html-nav-title div.pagehead{ clear: both; background-color: #FFF;} #html-nav-title div.pagehead h1{ color: #001F4B !important; } #html-nav-title div.pagehead .intro{ color: #009CDA !important; font-size: 145%; } #container{ width: 100%; } #content{ background: #FFF; padding: 0 0 3em 0;} #content table{ border-top: 1px solid #D9D7D3; color: #000; } #content table, #content table caption, #content table tr, #content table td { padding: 0; margin 0; } #content table table, #content table table caption{ border-top: none; padding-left: 8px; } #content table td{ padding-top: 1em; vertical-align: top; } #content table table td{ padding-top: 0; width:50%; } #content table caption{ font-size: 1.2em; font-weight: bold; color: #001F4B; } #content .two-third-pane .padding ul li{ line-height: 1.6em; } #content .subhome-nav{ width: 100%; float: left; } #content .subhome-nav ul{ margin: 0.3em 0 0.3em 18px; padding: 0; list-style: none; width: auto; overflow: hidden; } #content .subhome-nav li{ display: inline; white-space: normal; margin: 0; padding: 0 10px 0 0; list-style: none; background: none; } #content .subhome-nav a{ margin: 0; padding: 0; background: none; color: #FFF; line-height: 1.4em; } #content div.subnav{ padding: 29px 0 0 0; margin: 0; background: #FFF url('/images/subnav-top-wave.gif') left top no-repeat; } #content div.subnav ul{ list-style: none; padding: 0 0 44px 0; margin: 0; background: url('/images/subnav-bottom-wave.gif') left bottom no-repeat; } #content div.subnav ul li{ list-style: none; margin: 0; padding: 0; } #content div.subnav ul li a span{ padding: 0 0 0 2em; background: url('/images/subnav-arrow.gif') 0.3em 0em no-repeat; display: block; width: 100%; } #content div.subnav ul li a{ color: #5E5A58; text-decoration: none; background: #F3F3F2; margin: 1px 0 !important; padding: 0.4em 0; display: block; width: 100%; } #content div.subnav ul li a:hover{ text-decoration: none; background: url('/images/subnav-bg-hover.gif') left top repeat-y; } #content div.subnav ul li.selected a span{ padding: 0 0 0 0.5em; background: none; } #content div.subnav ul li.selected a{ color: #009CDA; background: url('/images/subnav-bg-hover.gif') left top repeat-y; } #content ul.faq{ margin: 0; padding: 0.4em 0 0.4em 0; position: relative; top: -5px; /*padding: 13px; position: relative; left: -13px; top: 13px;*/ list-style: none; background: #F3F3F2; } #content ul.faq li{ margin: 0; padding: 0; list-style: none; display: block; clear: both; } #content ul.faq li a/*, #content ul.faq li a.faq-plus*/{ margin: 0; padding: 0.4em 0 0.4em 38px; display: block; list-style: none; background: url('/images/icon-faq-plus.gif') 18px 8px no-repeat; } #content ul.faq li a.faq-min{ margin: 0; padding: 0.4em 0 0.4em 38px; list-style: none; background: url('/images/icon-faq-min.gif') 18px 8px no-repeat; } #content ul.faq li div p{ background: #FFF; padding: 0.4em 8px; margin: 0.4em 13px 0.4em 30px; line-height: 1.5em; font-size: 90%; } #content ul.faq li div p a{ padding: 0; margin: 0; background: none; display: inline; } #content ul.sitemap{ padding: 0; margin: 0; overflow: hidden; padding-bottom: 0.5em; } #content ul.sitemap ul, #content ul.sitemap ul ul{ padding-left: 1.4em; margin-left: 0; } #content ul.sitemap li{ padding: 0; list-style: none; } #content ul.sitemap li a{ padding: 0.7em 0 0.3em 38px; display: block; font-weight: normal; background: url('/images/icon-arrow-blue.gif') 18px 0.8em no-repeat; } #content ul.sitemap li a:hover{ padding: 0.7em 0 0.3em 38px !important; display: block !important; font-weight: normal !important; background: url('/images/icon-arrow-blue-hover.gif') 18px 0.8em no-repeat !important; } #content ul.sitemap ul{ background-color: #FFFFFF; } #content ul.actueel{ padding: 0; margin: 0; float: left; width: 100%; display: block; } #content ul.actueel li{ padding: 0; display: block; list-style: none; float: left; width: 100%; } #content ul.actueel li a.link{ padding: 0.5em 0 0.2em 18px; display: block; font-weight: normal; font-size: 140%; } #content ul.actueel ul{ background-color: #FFFFFF; float: left; width: 100%; display: block; } #content ul.actueel li div.accordeon{ width: auto; float: none; padding: 10px 18px; cursor: pointer; } #content ul.actueel li div.accordeon p{ padding-bottom: .5em; } #content ul.actueel li div div{ line-height: 1.5em; font-size: 90%; } #content ul.actueel li{ position: relative; } #content ul.actueel li div.monthtabs{ position: absolute; top: 37px; } #content div.dossiernav{ display: block; clear: both; } #content div.dossiernav ul{ list-style: none; padding: 0 0 44px 0; margin: 0; background: url('/images/bg-dossier-nav-bott.gif') right bottom no-repeat; } #content div.dossiernav ul li{ list-style: none; margin: 0; padding: 0; } #content div.dossiernav ul li a span{ padding: 0 0 0 42px; background: url('/images/icon-arrow-blue.gif') 18px 2px no-repeat; display: block; width: 100%; } #content div.dossiernav ul li a{ color: #009CDA; text-decoration: none; background: url('/images/bg-dossier-nav.gif') top right repeat-y; margin: 1px 0 !important; padding: 0.4em 0; display: block; width: 100%; } #content div.dossiernav ul li a:hover{ text-decoration: underline; } #content div.dossiernav ul li span.folder-blue{ margin: 0.5em 0 0 0; padding: 0 0 2px 42px; background: url('/images/icon-folder-bg-white.gif') 18px 0px no-repeat; display: block; width: 100%; } #content div.dossiernav div.wave-bott{ padding: 0 0 1em 0; margin: 0; background: url('/images/bg-dossier-nav-bott.gif') right bottom no-repeat; } #content div.dossiernav div.wave-bott div{ color: #009CDA; text-decoration: none; background: url('/images/bg-dossier-nav.gif') top right repeat-y; border-bottom: 1px solid #FFF; padding: 0.2em 0 0 0; display: block; width: 100%; } #content div.dossieraudio ul{ list-style: none; padding: 0; margin: 0; background: url('/images/bg-dossier-nav-bott.gif') right bottom no-repeat; } #content div.dossieraudio ul li{ list-style: none; margin: 0; padding: 0; } #content div.dossieraudio ul li a span{ padding: 0.3em 0 0.3em 46px; background: url('/images/list-icon-dossier-audio.gif') 18px 2px no-repeat; display: block; width: 100%; } #content div.dossieraudio ul li a{ color: #009CDA; text-decoration: none; background: url('/images/bg-dossier-nav.gif') top right repeat-y; margin: 1px 0 !important; padding: 0.4em 0; display: block; width: 100%; } #content div.dossieraudio ul li a:hover{ text-decoration: underline; } #content div.dossieraudio ul li span.folder-blue{ margin: 0.5em 0 0 0; padding: 0 0 2px 42px; background: url('/images/icon-folder-bg-white.gif') 18px 0px no-repeat; display: block; width: 100%; } #content div.dossiergrad ul{ font-size: 90%; list-style: none; padding: 0; margin: 0; background: url('/images/bg-dossier-nav-bott.gif') right bottom no-repeat; } #content div.dossiergrad ul li { list-style: none; margin: 0; line-height: 1.4em; color: #009CDA; text-decoration: none; background: url('/images/bg-dossier-nav.gif') top right repeat-y; margin: 1px 0 !important; padding: 0.4em 0; display: block; width: 100%; } #content div.dossiergrad ul li span.folder-blue{ margin: 0.5em 0 0 0; padding: 0 0 2px 42px; background: url('/images/icon-folder-bg-white.gif') 18px 0px no-repeat; display: block; width: 100%; } #content .dossierthumbs a{ display: block; padding: 3px; margin: 0 0 0 0; width: 145px; line-height: 0; float: left; background-color: #C4BFB9; } #content .genericthumbs div{ display: block; padding: 3px; margin: 0 1px 1px 0; width: 146px; height: 101px; float: left; background-color: #D9D7D3; overflow: hidden; } #content .gallerythumbs div{ position: relative; line-height: normal; text-align: center; font-size: 68%; display: block; padding: 3px; margin: 0 1px 1px 0; width: 146px; height: 150px; float: left; background: url('/images/bg-thumbs.gif') no-repeat; } #content .gallerythumbs div.hide{ display: none; } #content .gallerythumbs span.mg_title{ position: absolute; top: 115px; left: 3px; width: 145px; line-height: 1.4em; text-align: center; } #content .gallerythumbs img{ margin: 0; padding: 0; } #content .gallerythumbs div a{ text-decoration: none; color: #B7B3AD; width: 146px; height: 150px; display: block; } #content .gallerythumbs div a:hover{ text-decoration: none; color: #5E5A58; } #content .dossiergrad { font-size: 100%; list-style: none; padding: 0 0 20px 0; margin: 0; background: url('/images/bg-dossier-nav-bott.gif') right bottom no-repeat; } /* sprite nav */ #content div.dossiers-topnav{ background: url('/images/dossier-navigation.gif') top left no-repeat; position: relative; width: 960px; height: 50px; overflow: hidden; } #content div.dossiers-topnav ul, #content div.dossiers-topnav li{ list-style: none; margin: 0; padding: 0; } #content div.dossiers-topnav li span{ display: none; } #content div.dossiers-topnav li a, #content div.dossiers-topnav li{ position: absolute; top: 0px; height: 50px; display: block; float: left; } #content div.dossiers-topnav li.item-content a{ left: 0px; width: 160px; } #content div.dossiers-topnav li.item-artikel a{ left: 159px; width: 125px; } #content div.dossiers-topnav li.item-fotos a{ left: 283px; width: 155px; } #content div.dossiers-topnav li.item-video a{ left: 437px; width: 108px; } #content div.dossiers-topnav li.item-audio a{ left: 544px; width: 109px; } #content div.dossiers-topnav li.item-downloads a{ left: 652px; width: 145px; } #content div.dossiers-topnav li.item-kennis a{ left: 796px; width: 152px; } #content div.dossiers-topnav li.item-content a:hover{ background: transparent url('/images/dossier-navigation.gif') 0 -50px no-repeat; } #content div.dossiers-topnav li.item-artikel a:hover{ background: transparent url('/images/dossier-navigation.gif') -160px -50px no-repeat; left: 160px; } #content div.dossiers-topnav li.item-fotos a:hover{ background: transparent url('/images/dossier-navigation.gif') -284px -50px no-repeat; left: 284px; } #content div.dossiers-topnav li.item-video a:hover{ background: transparent url('/images/dossier-navigation.gif') -438px -50px no-repeat; left: 438px; } #content div.dossiers-topnav li.item-audio a:hover{ background: transparent url('/images/dossier-navigation.gif') -545px -50px no-repeat; left: 545px; } #content div.dossiers-topnav li.item-downloads a:hover{ background: transparent url('/images/dossier-navigation.gif') -653px -50px no-repeat; left: 653px; } #content div.dossiers-topnav li.item-kennis a:hover{ background: transparent url('/images/dossier-navigation.gif') -797px -50px no-repeat; left: 797px; } #content div.dossiers-topnav li.item-content a.selected{ background: transparent url('/images/dossier-navigation.gif') 0 -100px no-repeat; } #content div.dossiers-topnav li.item-artikel a.selected{ background: transparent url('/images/dossier-navigation.gif') -159px -100px no-repeat; } #content div.dossiers-topnav li.item-fotos a.selected{ background: transparent url('/images/dossier-navigation.gif') -283px -100px no-repeat; } #content div.dossiers-topnav li.item-video a.selected{ background: transparent url('/images/dossier-navigation.gif') -437px -100px no-repeat; } #content div.dossiers-topnav li.item-audio a.selected{ background: transparent url('/images/dossier-navigation.gif') -544px -100px no-repeat; } #content div.dossiers-topnav li.item-downloads a.selected{ background: transparent url('/images/dossier-navigation.gif') -652px -100px no-repeat; } #content div.dossiers-topnav li.item-kennis a.selected{ background: transparent url('/images/dossier-navigation.gif') -796px -100px no-repeat; } #content div.dossiers-topnav li.item-content a.selected:hover{ background: transparent url('/images/dossier-navigation.gif') 0 -100px no-repeat; left: 0px; } #content div.dossiers-topnav li.item-artikel a.selected:hover{ background: transparent url('/images/dossier-navigation.gif') -159px -100px no-repeat; left: 159px; } #content div.dossiers-topnav li.item-fotos a.selected:hover{ background: transparent url('/images/dossier-navigation.gif') -283px -100px no-repeat; left: 283px; } #content div.dossiers-topnav li.item-video a.selected:hover{ background: transparent url('/images/dossier-navigation.gif') -437px -100px no-repeat; left: 437px; } #content div.dossiers-topnav li.item-audio a.selected:hover{ background: transparent url('/images/dossier-navigation.gif') -544px -100px no-repeat; left: 544px; } #content div.dossiers-topnav li.item-downloads a.selected:hover{ background: transparent url('/images/dossier-navigation.gif') -652px -100px no-repeat; left: 652px; } #content div.dossiers-topnav li.item-kennis a.selected:hover{ background: transparent url('/images/dossier-navigation.gif') -796px -100px no-repeat; left: 796px; } #content .html-editor .introduction, #content .html-editor .introduction p { font-weight: bold; padding-bottom: .25em; } #content .padding-x.html-editor{ padding-right: 100px; padding-bottom: 1em !important;} #content .padding-x.html-editor h2, #content .padding-x.html-editor h3, #content .padding-x.html-editor h4, #content .padding-x.html-editor h5 { font-family: Arial,Helvetica,sans-serif; font-weight: normal; margin-top: .5em; } #footer{ height: 331px; background: url('/images/bg-footer.png') top left no-repeat; color: #FFF; position: relative; } #footer ul.footer-links { margin: 5px 0 0 18px; padding: 0; list-style: none; } #footer .footer-links li{ float: left; list-style: none; padding: 0 2em 0 0; } #footer .footer-links a{ background: none; color: #FFF; } #footer .footer-txt{ position: absolute; top: 30px; left:18px; } #footer ul.partners{ margin: 0; padding: 0; list-style: none; position: absolute; top: 75px; left: 0; } #footer ul.partners li{ list-style: none; float: left; margin: 0 10px 0 0; background: none; } #footer ul.partners li a strong{ display: none; } #footer ul.partners li a{ display: block; width: 120px; height: 80px; } /* themes */ #tree{ background: #0177BD url('/images/background-tree.jpg') center top repeat-x; } #dossier{ background: #C4BFB9 url('/images/background-dossiers-tiles.jpg') center top repeat; } #timeline{ background: #001F4B url('/images/background-tijdlijn.gif') center top repeat-x; } #location{ background: #F3F3F1 url('/images/background-generiek.jpg') center top repeat-x; } #knowlegdebase{ background: #F3F3F1 url('/images/background-generiek.jpg') center top repeat-x; } #generic{ background: #F3F3F1 url('/images/background-generiek.jpg') center top repeat-x; } #generic .intro-txt{ color: #B7B3AD; } /* Regatta Form */ #form_regatta dl dt { display: none; margin: 0 } #form_regatta dl dl dt { display: block; } #form_regatta #bemanning-element dl dt { display: none; margin: 0 } #form_regatta #bemanning-element dl dl dt { display: block; } #form_regatta fieldset { margin-top: 0; } #form_regatta fieldset #dag-element br { display: none; } #form_regatta fieldset legend { line-height: 2.5em; font-weight: bold; font-size: 1.2em; } #form_regatta fieldset fieldset legend { line-height: 2.5em; font-weight: normal; font-size: 1em; } #cntrl-element { clear: both; } #stuurman-label, #stuurman-element{ width: 278px; margin-right: 16px; } /* hacking 0.3em line-height (can't find out why that was done right now, but it breaks on long titles ...) TODO DO find out why; and how to fix good */ a.arrow.kb-category{ line-height: 1em; background-position: 0 0.375em; } a.arrow.kb-text{ line-height: 1em; background-position: 0 0.375em; } a.arrow.kb-link{ line-height: 1em; background-position: 0 0.375em; } a.arrow.kb-file{ line-height: 1em; } /* subthemes */ #tree.nieuws{} #tree.project{} #tree.futureland{} #tree.puma{} dd.hidden, dt.hidden, label.hidden, input.hidden, #referer-label, #referer-element, #captcha_img-id, #form_contact_captcha_img-id, #cntrl-form_regatta_captcha_img-id, #form_subscribe_captcha_img-id, #form_subscribe #legenda-label, #form_subscribe #inschrijving-label, #form_subscribe #language-label, #form_subscribe #language-element, #form_subscribe #form_subscribe_groupCaptcha-label, #byId_form_issue_next-element input, #byId_form_captcha_img-id{ visibility: hidden; height: 0; margin: 0; padding: 0; border: none; } #byId label{ line-height: 1.6em; } #byId_form_issue_next-element input#byId_form_issue_next{ visibility: visible; height: auto; } /* timeline specific */ #timeline #content{ padding:0; margin-top:14px; } .bg-dark-blue a.active{ font-weight: bold; color: #FFF; } .html-editor.feed h1, .html-editor.feed h2, .html-editor.feed h3, .html-editor.feed h4, .html-editor.feed h5, .html-editor.feed h6{ color: #001F4B !important; } .html-editor.feed p{ color: #5E5A58 !important; } /* .swfObjectWrapper, .swfObjectWrapper:active, */ object, object:active{ outline: none !important; } /* Twitter widget */ .bg-light-grey div.twtr-widget{ background-color: #001F4B; } .bg-light-grey div.twtr-widget a, .bg-light-grey div.twtr-widget span, .bg-light-grey div.twtr-widget a span{ background-color: transparent !important; } /* NB: everthing below this will be ignored in Safari4 & IE8 (no idea why ... pb) */ form legend { color: #001F4B; }