html { overflow-y: scroll; } body { margin: 0; padding: 0; font: 62.5%/1.26 Verdana, sans-serif; color: #fff; background: #455A69 url('../images/layout/body.jpg') repeat fixed center center; text-align: center; } html, body { height: 100%; } a { color: #fff; text-decoration: none; } a:hover { text-decoration: none; } a:focus, object { outline: 0; } input, textarea, select { margin: 0; padding: 0; font-size: 100%; font-family: Arial, Helvetica, sans-serif; } fieldset { margin: 0; padding: 0; border: none; } legend { margin: 0; padding: 0; } img { margin: 0; border: 0; } form { margin: 0; } p, h1, h2, h3, h4, h5, h6 { padding: 0; margin: 0; } ul.reset, ul.reset li { margin: 0; padding: 0; } ul.reset li { list-style: none; background: none;} table { border-collapse: collapse; } table, th, td { margin: 0; padding: 0; } .hr hr { display: none; } pre { width: 650px; margin: 1.5em; padding: 1em; background-color: #ffeeee; border: 1px solid red; font-family: 'Courier New', Courier, monospace; font-size: 120%; color: #333; opacity: 0.7; } /* lay out */ #center { margin: 0 auto; min-height: 100%; width: 986px; background: url('../images/layout/center.png') repeat-y; text-align: left; z-index: 1; } #top { position: relative; margin-left: -23px; padding-left: 23px; height: 92px; background: url('../images/layout/top.png') no-repeat; } /* content-container */ #content-container { position: relative; z-index: 2; width: 986px; /*overflow: hidden;*/ } #content-main { float: left; width: 715px; overflow: hidden; } /* mood picture */ #mood-picture { position: relative; padding: 16px 0 0 18px; height: 271px; /* 289px */ background-color: #081629; background-position: 0 0; background-repeat: no-repeat; } /* content */ .content { padding: 0 0 35px 0; min-height: 501px; /* 536px */ overflow: hidden; background: url('../images/layout/content.png') repeat-y; } .home .content, .zoeken .content { min-height: 243px; padding: 0; } /* zoeken */ .zoeken .content { margin: 0 0 55px 0; } .zoeken .content, .zoeken #content-main { overflow: visible; } /* downloads */ .downloads .content { padding: 0 0 31px 0; background: none; } /* faq */ .faq .content { padding: 0 0 27px 0; background: none; } #content-right { float: right; position: relative; margin: -1px 0 0 0; width: 270px; min-height: 537px; background: url('../images/layout/content-right.png') repeat-y; } /* footer */ #footer { position: relative; z-index: 90; width: 715px; clear: both; background: url('../images/layout/white-space.png') no-repeat; } #footer p { position: relative; margin: -27px 0 0 307px; /* 45px 0 0 307px */ width: 408px; height: 25px; background: url('../images/layout/footer-logo.gif') no-repeat; overflow: hidden; text-indent: -9999px; } /* roundel */ .roundel { position: relative; top: -36px; left: -36px; width: 72px; height: 72px; background: url('../images/layout/roundel.png') no-repeat; z-index: 90; } /* logo */ #top p.logo { position: absolute; top: 40px; left: 599px; } #top p.logo a { display: block; width: 130px; height: 36px; background: url('../images/layout/logo.png') no-repeat; overflow: hidden; text-indent: -9999px; outline: 0; } /* headers */ #top h1, #top h2 { position: absolute; padding: 0 11px; color: white; background-color: #0a192c; text-transform: uppercase; font-weight: normal; } #top h1 { top: 36px; left: 23px; height: 27px; line-height: 27px; font-size: 180%; } #top h2 { top: 64px; left: 23px; height: 15px; /*19*/ padding-top: 4px; font-size: 80%; } #content-right h2 { height: 25px; background: url('../images/content/h2-vind-luchtmacht-functies.gif') no-repeat 0 0; text-indent: -9999px; overflow: hidden; } /* content title - cufon repair needed in IE? */ .content-title { padding: 1px 0 0 0; margin: 0 0 16px 0; width: 715px; overflow: hidden; background: url('../images/layout/white-space.png') no-repeat; } .content-title h2 { float: left; padding: 3px 7px 4px 7px; background: url('../images/content/content-header.gif') repeat-x; font-size: 150%; text-transform: uppercase; } body.woordenlijst .content-title { background-repeat: repeat-y; margin-bottom: 0; } body.woordenlijst .content-title h2 { background: #0c1b2e; } body.faq .content-title, body.agenda .content-title, body.nieuws .content-title { margin-bottom: 0; } body.zoeken .content-title { margin-bottom: 9px; } body.faq .content-title { background: none; } body.faq .content-title h2 { background: #0c1b2e; font-size: 120%; } body.herintreders .content-title h2 { background: #0c1b2e; } /* tda pages */ div.tda-extra-text .content-title { padding: 0; overflow: hidden; background: none; background: url('../images/layout/white-space.png') repeat-y; } div.tda-extra-text .content-title h2 { background: #0A192C; } div.tda-extra-text div.spacer { width: 715px; height: 52px; background: url('../images/layout/white-space.png') repeat-y; } /* paragraph header bold */ .content h3 { padding: 0 0 0 21px; font-size: 110%; font-weight: bold; line-height: 18px; } /* paragraphs */ p { font-size: 110%; line-height: 18px; } .paragraph { clear: left; } .paragraph p { padding: 0 20px 20px 21px; } .woordenlijst .paragraph { padding: 16px 0 0 0; background: url('../images/layout/white-space.png') no-repeat left top; } /* links */ .paragraph ol a, .paragraph ul a, .paragraph p a { color: #ffa400; } /* images */ img.thumbnail { margin: 4px 21px; float: right; border: 1px solid #0A192C; } img.left { margin: 4px 21px; float: left; border: 1px solid #0A192C; } img.right { margin: 4px 21px; float: right; border: 1px solid #0A192C; } img.full { margin: 4px 21px; border: 1px solid #0A192C; } /* lists */ .paragraph ol, .paragraph ul { margin: 0; padding: 0 0 20px 41px; font-size: 110%; } .paragraph ul li { padding: 0 0 0 10px; width: 640px; background: url('../images/content/content-list-item.gif') no-repeat 0 4px; list-style-type: none; line-height: 18px; } /* ordered lists */ .paragraph ol { margin-left: 20px; } .paragraph ol li { line-height: 18px; } /* skip-navigation */ p.skip-navigation { display: none; } /* video-wall */ .video-wall { position: relative; width: 715px; height: 536px; background-repeat: no-repeat; } /* video-wall pop-up */ .pop-up { position: absolute; width: 526px; top: 110px; left: -2000px; z-index: 10; } .pop-up .pop-up-top { width: 536px; height: 37px; background: url('../images/content/pop-up-top.png') no-repeat; } .pop-up .pop-up-content { margin: 0 0 0 8px; padding: 0 0 20px 0; width: 518px; /* fix for IE */ min-height: 200px; background: url('../images/content/pop-up-content.png') no-repeat left bottom; } .pop-up-ghost { position: absolute; z-index: 100; background: black; } /* themes */ /* nav-video-wall, close and readmore button*/ ul#nav-video-wall { position: absolute; bottom: 0; right: 0; width: 140px; /*178*/ height: 61px; /*178*/ padding: 117px 0 0 38px; background: url('../images/content/nav-video-wall.png') no-repeat 0 178px; } ul#nav-video-wall.sel { background-position: 0 0; } ul#nav-video-wall li { float: left; } .pop-up a.close, .pop-up a.readmore, ul#nav-video-wall li a { display: block; margin: 0 0 2px 0; width: 119px; height: 21px; overflow: hidden; text-indent: -9999px; background-position: 0 -21px; background-repeat: no-repeat; outline: 0; } .pop-up a.readmore:hover, .pop-up a.close:hover, ul#nav-video-wall li a:hover { background-position: 0 0; } .pop-up a.readmore { background-image: url('../images/content/bt-bekijk-alle-vacatures.gif'); } .pop-up a.close { background-image: url('../images/content/bt-sluit-venster.gif'); } ul#nav-video-wall li.open-all a { background-image: url('../images/content/bt-open-alle-themas.gif'); } ul#nav-video-wall li.close-all a { background-image: url('../images/content/bt-sluit-alle-themas.gif'); display: none; } ul#nav-video-wall li.top-vacancies a { background-image: url('../images/content/bt-top-vacatures.gif'); } ul#nav-video-wall.all-open li.open-all a { display: none; } ul#nav-video-wall.all-open li.close-all a { display: block; } /* theme-container */ ul.theme-container { position: relative; width: 716px; overflow: hidden; } ul.theme-container li { position: relative; float: left; margin: 0 1px 1px 0; padding: 104px 6px 0 53px; width: 119px; height: 74px; overflow: hidden; text-align: right; } ul.theme-container li strong { display: none; font-size: 120%; line-height: 18px; text-transform: uppercase; } ul.theme-container li a { position: absolute; top: 0; left: 0; display: block; width: 178px; height: 178px; overflow: hidden; text-indent: -9999px; text-align: left; } ul.theme-container li a:hover { color: #ffa400; } ul.theme-container li div.image, ul.theme-container li div.image-white { position: absolute; bottom: 0; left: 0; width: 178px; height: 110px; background-repeat: no-repeat; background-position: 0 -178px; } ul.theme-container li div.background { position: absolute; top: 0; left: 0; width: 178px; height: 178px; background: url('../images/content/video-wall-bg.png') no-repeat 0 0; } .pop-up a.close { position: absolute; top: 15px; left: 392px; } .pop-up a.readmore { position: absolute; bottom: 18px; left: 319px; width: 173px; } .pop-up .content { padding-bottom: 20px; } .pop-up h3 { position: absolute; top: 37px; left: 23px; padding: 2px 10px; background-color: #0a192c; font-size: 150%; color: #fff; line-height: 25px; text-transform: uppercase; } .pop-up ul { margin-left: 32px; width: 255px; } .pop-up ul li { display: inline; } .pop-up ul li a { display: block; margin: 1px 0 0 0; padding: 3px 30px 3px 7px; width: 225px; /* 255 */ /*height: 11px;*/ overflow: hidden; background: url('../images/content/pop-up-list-arrow.png') no-repeat; font-family: Verdana; font-size: 90%; color: white; text-transform: uppercase; outline: 0; } .pop-up ul li a:hover { color: #ffa400; } .pop-up p { padding: 36px 30px 15px 32px; } .pop-up p.error { font-style: italic; padding: 0 30px 0 32px; } /* theme detail */ .function-details a.readmore, .function-details a.print { float: right; display: block; margin: 0 21px 2px 21px; width: 119px; height: 23px; overflow: hidden; text-indent: -9999px; outline: 0; } .function-details a.readmore { background: url('../images/content/bt-readmore.gif') no-repeat; } .function-details a.print { background: url('../images/content/bt-print.gif') no-repeat; } /* banners */ ul.image-banner-container { padding: 11px 0 4px 20px; height: 278px; /*293*/ background: url('../images/layout/white-space.png') no-repeat; } ul.image-banner-container li a { display: block; width: 228px; height: 86px; margin-bottom: 7px; background-repeat: no-repeat; overflow: hidden; text-indent: -9999px; } #flash-banner { padding: 1px 0 0 0; width: 270px; height: 95px; background: url('../images/layout/white-space.png') no-repeat; } /* whitespacing when no container available */ .content hr { width: 715px; height: 1px; background: url('../images/layout/white-space.png') no-repeat; } /* highlight-container */ .highlight-container { margin-bottom: 10px; background-image: url('../images/content/highlight.png'); width: 100%; overflow: hidden; } .downloads .highlight-container { margin-bottom: 6px; } /* scrollable */ .scrollable-container { position: relative; overflow: hidden; } .scrollable-container .scrollbar { position: absolute; top: 0; right: 0; } .scrollable-container .scrollbar .up { position: absolute; top: 0; left: 0; display: block; } .scrollable-container .scrollbar .down { position: absolute; bottom: 0; left: 0; display: block; } .scrollable-container .scrollbar .bar { position: absolute; left: 0; } .scrollable-container .scrollbar .bar .knob { } .scrollable-container .scrollable-content { position: absolute; top: 0; left: 0; } /* inline nav */ div.inline-nav { width: 100%; overflow:hidden; padding: 25px 0 17px 0; } div.inline-nav ul { list-style: none; display: block; padding-left: 162px; } div.inline-nav ul li { float: left; display: inline; width: 16px; text-align: center; color: #95b0b9; } div.inline-nav ul li a { display: block; width: 16px; color: #ffa400; } /* tooltip */ #content-main .content .paragraph a.tooltip-word { text-decoration: none; border-bottom: 1px dotted #FFA400; color: #ffffff; cursor: help; } div.tooltip-text { position: absolute; z-index: 200; display: none; padding: 5px 10px; width: 190px; background: #0d1c2f; text-align: left; color: #ffffff; font-size: 110%; line-height: 15px; } /* woordenlijst */ body.woordenlijst .back-to-top { position: relative; width: 715px; height: 17px; overflow: hidden; background: url('../images/layout/white-space.png') repeat-y; } body.woordenlijst .back-to-top a { position: absolute; bottom: 0; right: 14px; display: block; font-size: 100%; line-height: 100%; color: #95b0b9; text-transform: uppercase; } body.woordenlijst .spacer { width: 715px; height: 26px; background: url('../images/layout/white-space.png') repeat-y; } /* external-links */ ul.external-links { position: absolute; bottom: -20px; left: 12px; width: 270px; } ul.external-links li { display: inline; color: #d3d3d3; } ul.external-links li a { display: block; padding: 0 4px 0 0; float: left; font-family: 'Trebuchet MS', sans-serif; font-size: 10px; color: #95b0b9; } ul.external-links li.defensie a { padding: 0 0 0 5px; background: url('../images/content/external-links.gif') no-repeat 0 50%; } ul.external-links li a:hover { color: #FFA400; } /* beroepsleuzetest-intro */ .beroepskeuzetest-intro .next { position: relative; background: url('../images/layout/white-space.png') no-repeat; } .beroepskeuzetest-intro .next { font-size: 100%; } .beroepskeuzetest-intro .next a { position: absolute; top: 8px; right: 10px; height: 19px; width: 90px; text-transform: uppercase; color: #fff; } .beroepskeuzetest-intro .next a img { margin: 0 0 1px 9px; } /* trigger */ div#flash-banner a { display: block; width: 270px; height: 95px; text-indent: -9999px; overflow: hidden; } /* content-trigger */ .content-trigger { position: relative; overflow: hidden; padding: 34px 0 24px 0; margin: 0 0 4px 0; clear: both; } .content-trigger h3 { position: absolute; top: 11px; left: 0; padding: 2px 8px 3px 8px; background-color: #0d1d30; font-size: 120%; text-transform: uppercase; color: #fff; } .content-trigger a { display: block; width: 715px; height: 71px; background-image: url('../images/content/content-trigger.png'); background-repeat: repeat-y; background-position: 0 0; cursor: pointer; } .downloads .content-trigger a { background-image: url('../images/content/content-trigger-b.png'); } .content-trigger a:hover { background-position: -715px 0; } .content-trigger span.text { display: block; float: left; padding: 7px 22px 0 22px; font-size: 110%; line-height: 18px; } .content-trigger img { display: block; float: right; } .functies .content-trigger img { position: absolute; float: none; bottom: 24px; left: 576px; z-index: 20; } .content-trigger a span.readmore, .content-trigger a span.download { position: absolute; top: 106px; left: 576px; z-index: 20; display: block; width: 139px; height: 23px; overflow: hidden; background-repeat: no-repeat; background-position: 0 -23px; text-indent: -9999px; } .content-trigger a span.readmore { background-image: url('../images/content/bt-meer-informatie.gif'); } .content-trigger a span.download { background-image: url('../images/content/bt-download.gif'); } .content-trigger a:hover span.readmore, .content-trigger a:hover span.download { background-position: 0 0; } .content-trigger a span.download-document { background-image: url('../images/content/download-document.gif' ); } .content-trigger a span.download-view { background-image: url('../images/content/download-view.gif' ); } .content-trigger a span.download-unknown { background-image: url('../images/content/download-unknown.gif' ); } .content-trigger a span.download-archive { background-image: url('../images/content/download-archive.gif' ); } .content-trigger a span.download-sound { background-image: url('../images/content/download-sound.gif' ); } /* download exceptions */ .content-trigger.download { padding: 30px 0 24px 0; margin-bottom: 0; } .content-trigger.download h3 { top: 6px; } .content-trigger.download a { display: table; height: auto; } .content-trigger.download .image-container { display: table-cell; overflow: hidden; vertical-align: middle; } .content-trigger.download img { position: static; display: block; width: 138px; height: 64px; } .content-trigger.download span.text { padding: 15px 0 15px 22px; width: 693px; /* 715px */ overflow: hidden; font-size: 110%; } .content-trigger.download span.download { top: auto; bottom: 0px; } /* career test */ /* career test results */ .beroepskeuzetest-uitslag .result-header { padding: 3px 0 3px 15px; margin: 0 21px 0 21px; background-color: #19232b; line-height: 18px; } table#career-test-results { display: block; position: relative; margin: 0 0 30px 21px; width: 674px; font-size: 110%; line-height: 18px; } #career-test-results tr.colored { background: url('../images/layout/content.png') repeat-y; } #career-test-results td { width: 102px; } #career-test-results td.percentage-left { width: 108px; text-align: right; } #career-test-results td.title { padding: 0 0 0 15px; width: 97px; /* 112px - 15px */ } #career-test-results td.bar { padding: 0 0 0 5px; width: 104px; } #career-test-results .vertical-line { position: absolute; top: 4px; left: 339px; width: 1px; height: 64px; background-color: #ffffff; } /* result bar */ .result-bar-container { position: relative; margin: 0 5px 0 0; width: 110px; height: 10px; overflow: hidden; } .result-bar-container .result-bar-empty, .result-bar-container .result-bar-full { position: absolute; width: 110px; height: 10px; background-repeat: no-repeat; } .result-bar-container .result-bar-empty { background-image: url('../images/form/result-bar-empty.png'); } .result-bar-container .result-bar-full { background-image: url('../images/form/result-bar-full.png'); } /* career test navigation */ .career-test-navigation { padding: 11px 0 0 0; width: 715px; /* IE fix for whitespace */ overflow: hidden; background: url('../images/layout/white-space.png') no-repeat; } .career-test-navigation input.next-step { float: right; margin: 0 10px 0 0; width: 90px; height: 15px; color: #fff; background: transparent url('../images/mpn/next.gif') no-repeat right center; text-transform: uppercase; border: none; } .career-test-navigation a.previous-step { float: left; padding: 0 0 0 16px; margin: 0 0 0 10px; background: url('../images/mpn/previous.gif') no-repeat left center; text-transform: uppercase; } .career-test-navigation input.next-step:hover, .career-test-navigation a.previous-step:hover { color: #ffa400; cursor: pointer; } /* new-test */ a.new-test { display: block; float: right; padding: 8px 21px 0 0; font-size: 110%; color: #95b0b9; } /* navigation-main */ ul#navigation-main { width: 715px; height: 25px; background: url('../images/menu/navigation-main.gif') no-repeat; } ul#navigation-main li { display: inline; } ul#navigation-main li a { display: block; float: left; margin: 0 1px 0 0; height: 25px; line-height: 25px; font-size: 120%; color: white; overflow: hidden; text-indent: -9999px; outline: 0; background-repeat: no-repeat; background-position: 0 -25px; } ul#navigation-main li.home a { width: 55px; background-image: url('../images/menu/home.gif'); } ul#navigation-main li.over-de-luchtmacht a { width: 167px; background-image: url('../images/menu/over-de-luchtmacht.gif'); } ul#navigation-main li.functies a { width: 81px; background-image: url('../images/menu/functies.gif'); } ul#navigation-main li.voor-jou a { width: 83px; background-image: url('../images/menu/voor-jou.gif'); } ul#navigation-main li.ouders a { width: 72px; background-image: url('../images/menu/ouders.gif'); } ul#navigation-main li.actueel a { width: 77px; background-image: url('../images/menu/actueel.gif'); } ul#navigation-main li.vlieger a { width: 75px; background-image: url('../images/menu/vlieger.gif'); } ul#navigation-main li a:hover, ul#navigation-main li.sel a { background-position: 0 0; } /* navigation-top */ ul#navigation-meta { position: absolute; top: 8px; right: 0; width: 266px; height: 9px; } ul#navigation-meta li { display: inline; } ul#navigation-meta li a { display: block; float: left; height: 9px; overflow: hidden; text-indent: -9999px; outline: 0; background-repeat: no-repeat; background-position: 9px -9px; } ul#navigation-meta li.contact a { width: 63px; background-image: url('../images/menu/contact.gif'); } ul#navigation-meta li.faq a { width: 38px; background-image: url('../images/menu/faq.gif'); } ul#navigation-meta li.woordenlijst a { width: 96px; background-image: url('../images/menu/woordenlijst.gif'); } ul#navigation-meta li.zoeken a { width: 59px; background-image: url('../images/menu/zoeken.gif'); } ul#navigation-meta li a:hover, ul#navigation-meta li.sel a { background-position: 9px 0; } /* sub navigation container */ #sub-navigation-container { float: left; width: 252px; max-height: 258px; background: url('../images/menu/sub-nav-container.png') no-repeat; overflow: hidden; } #sub-navigation-container .scrollable-container { margin: 22px 0; width: 250px; overflow: hidden; } #sub-navigation-container .scrollable { margin: 0; } #sub-navigation-container .scrollbar { display: none; } #sub-navigation-container .up, #sub-navigation-container .down { display: block; width: 252px; height: 22px; background-repeat: no-repeat; } #sub-navigation-container .up { background-image: url('../images/menu/scroll-up.gif'); } #sub-navigation-container .up-disabled { visibility: hidden; } #sub-navigation-container .down { background-image: url('../images/menu/scroll-down.gif'); } #sub-navigation-container .down-disabled { visibility: hidden; } /* navigation-sub */ ul.navigation-sub { margin: 0 22px 0 17px; padding: 22px 0; } body.javascript ul.navigation-sub { visibility: hidden; } .scrollable-content ul.navigation-sub { padding: 0; } ul.navigation-sub li { background: url('../images/menu/list-item.gif') no-repeat 0 3px; } ul.navigation-sub li.expanding { background-image: url('../images/menu/expanding-list-item.gif'); } ul.navigation-sub li.expanded { background-image: url('../images/menu/expanded-list-item.gif'); } ul.navigation-sub li a { display: block; padding: 0 0 0 16px; width: 195px; margin: 1px 0 1px 0; color: #fff; line-height: 18px; font-size: 110%; } ul.navigation-sub a:hover, ul.navigation-sub li.sel a { color: #ffa400; text-decoration: none; } /* second sub navigation - overriding this way? */ .navigation-sub .navigation-sub { padding-top: 0; } .navigation-sub .navigation-sub li a { padding: 0 0 0 13px; } ul.navigation-sub ul.navigation-sub li a { color: #fff; } ul.navigation-sub .navigation-sub a:hover, ul.navigation-sub .navigation-sub li.sel a { color: #ffa400; } /* general form styles */ legend { display: none; } /* search-form */ form#search-form { display: none; float: right; width: 217px; height: 29px; background: url('../images/form/search-form.png') no-repeat; } form#search-form input.text { float: left; margin: 4px 0 0 4px; width: 168px; /*176*/ padding: 3px 4px; background: none; border: none; color: white; font-size: 120%; } #search-form input.search-submit { float: right; margin: 4px 4px 0 0; width: auto; height: auto; background: none; } /* vacancy-search-form */ form#vacancy-search-form { position: relative; padding: 11px 0 0 21px; height: 111px; /*122*/ } .javascript form#vacancy-search-form { visibility: hidden; } form#vacancy-search-form select { width: 226px; margin-bottom: 4px; padding: 1px; font-size: 110%; } form#vacancy-search-form .submit-container { position: absolute; top: 90px; left: 164px; } form#vacancy-search-form .vac { width: 226px; overflow: hidden; } form#vacancy-search-form .vac .js-checkbox { margin: 8px 9px 0 0; } form#vacancy-search-form .vac label { display: block; float: left; padding: 6px 0 0 0; font-size: 110%; } input.submit { cursor: pointer; } /* disable the selectboxes when javascript is enabled */ .javascript select, .javascript input.checkbox, .javascript input.radio { visibility: hidden; } /* overlay */ div.overlay { display: none; position: absolute; top: 0; left: 0; z-index: 100; } /* select */ div.js-select { margin: 0 0 4px 0; /*width: 226px;*/ overflow: hidden; height: 21px; background: url('../images/form/select.gif') no-repeat 0 0; } div.js-select.select-disabled { background-position: 0 -21px; } div.js-select a { display: block; width: 226px; height: 21px; overflow: hidden; } div.js-select.select-disabled a { color: #5e707b; } div.js-select a span { display: block; padding: 0 0 0 9px; width: 195px; overflow: hidden; cursor: pointer; line-height: 21px; } div.select-options { display: none; position: absolute; top: 0; left: 0; z-index: 200; overflow: auto; background: #364c5a; border-right: 1px solid #537287; border-bottom: 1px solid #6286a0; border-left: 1px solid #161d23; text-align: left; } div.select-options.scroll { height: 211px; } div.select-options a.option { display: block; padding: 4px 9px; color: #ffffff; } div.select-options a.option:hover { color: #ffa401; } /* scrollable */ .select-options .scrollable .scrollbar { width: 19px; } .select-options .scrollable .scrollbar .up { width: 19px; height: 19px; background: url('../images/form/select-scroll-up.gif') no-repeat; } .select-options .scrollable .scrollbar .down { width: 19px; height: 19px; background: url('../images/form/select-scroll-down.gif') no-repeat; } .select-options .scrollable .scrollbar .bar { top: 19px; width: 19px; } .select-options .scrollable .scrollbar .bar .knob { width: 19px; background: black; } .js-checkbox { display: block; width: 10px; height: 10px; float: left; background: url('../images/form/checkbox.gif') no-repeat 0 0; cursor: pointer; } .js-checkbox.checkbox-checked { background-position: 0 -10px; } .js-radio { display: block; margin: 5px 4px 0 0; width: 13px; height: 13px; float: left; background: url('../images/form/radio.gif') no-repeat 0 -15px; cursor: pointer; } .js-radio.radio-checked { background-position: 0 0; } /* vacancy-search */ .vacancy-search { width: 83px; height: 21px; background: transparent url('../images/form/vacancy-search.gif') no-repeat 0 0; border: none; overflow: hidden; font-size: 1px; color: black; } .vacancy-search.button-disabled { cursor: default; } .vacancy-search.button-hover { background-position: 0 -21px; } .vacancy-search.button-disabled { background-position: 0 -42px; } /* search form */ form#search-content-header { position: relative; padding: 16px 0 0 19px; height: 82px;/* 98px */ background-color: #081629; } form#search-content-header .fieldcontainer { padding: 6px 0 2px 0; overflow: hidden; } form#search-content-header label.main { display: block; float: left; padding: 3px 0 0 0; width: 105px; font-size: 110%; font-weight: bold; } form#search-content-header label.checkbox { display: block; float: left; padding: 4px 12px 0 0; font-size: 110%; } form#search-content-header .js-checkbox { margin: 5px 6px 0 0; font-size: 110%; } form#search-content-header input.text { width: 218px; /* 224px */ height: 15px; padding: 3px 0 1px 6px; font-size: 110%; color: white; background-color: #364c5a; border-width: 1px; border-style: solid; border-color: #19282d #57778e #57778e #19282d; } form#search-content-header .submit-container { position: absolute; top: 53px; left: 267px; } .search-submit { width: 83px; height: 21px; background: transparent url('../images/form/search-submit-large.gif') no-repeat 0 0; border: none; overflow: hidden; font-size: 1px; color: black; } .search-submit.button-disabled { cursor: default; } .search-submit.button-hover { background-position: 0 -21px; } .search-submit.button-disabled { background-position: 0 -42px; } /* career test form */ form#career-test { padding: 11px 0 0 0; clear: both; } #career-test fieldset { padding: 0 0 0 21px; } /* fields */ #career-test .fieldcontainer { padding: 0 0 25px 0; overflow: hidden; } #career-test .fieldcontainer.radio input { width: 13px; height: 13px; float: left; clear: both; } #career-test .fieldcontainer .js-radio { margin: 5px 9px 0 0; clear: left; } /* labels */ #career-test .fieldcontainer label { display: block; float: left; width: 520px; } #career-test .fieldcontainer label.main { font-weight: bold; } /* text */ #career-test .title { width: 104px; font-weight: bold; } #career-test td { vertical-align: top; font-size: 110%; line-height: 20px; } /* error */ #career-test .error { color: red; } /* returners form */ #returners-form { padding:0 20px 22px 21px; } #returners-form fieldset label { display:block; float:left; font-size:11px; line-height:18px; width:200px; } #returners-form fieldset input.text { background-color:#364C5A; border-color:#19282D #57778E #57778E #19282D; border-style:solid; border-width:1px; color:white; font-size:11px; height:15px; padding:2px 0 2px 6px; width:218px; } #returners-form div.fieldcontainer { width: 100%; overflow: hidden; font-size:11px; line-height:18px; margin:0 0 5px; } #returners-form input div.submit { width: 100%; overflow: hidden; } #returners-form select { width: 226px; } #returners-form fieldset input.file { background-color:#364C5A; border-color:#19282D #57778E #57778E #19282D; border-style:solid; border-width:1px; color:white; font-size:11px; height:20px; width:224px; } #returners-form a.address-switch { color: #ffa400; } #returners-form div.error input.text, #returners-form div.error input.file { border: 1px solid red; } #returners-form div.error .js-select { background-position: 0 -42px; } #returners-form div.submit button { float: right; background: url('../images/content/bt-versturen.gif') no-repeat 0 -21px; display: block; width: 93px; height: 21px; padding: 0; line-height: 42px; text-indent: -9999px; overflow: hidden; border: none; } #returners-form div.submit button:hover { background-position: 0 0px; cursor: pointer; } /* mpn */ .mpn { position: relative; padding: 0 0 11px 0; clear: both; } /* positioning */ .mpn .previous { position: absolute; top: 8px; left: 15px; } .mpn .previous img { margin: 0 5px 1px 0; } .mpn .numbers { padding: 8px 0 0; text-align: center; } .mpn .next { position: absolute; top: 8px; right: 10px; } .mpn .next img { margin: 0 0 1px 9px; } /* anchors */ .mpn .next a, .mpn .previous a { color: #fff; /*font-size: 90%;/**/ text-transform: uppercase; } .mpn .next a:hover, .mpn .previous a:hover { color: #ffa400; text-decoration: none; } .mpn .numbers a { padding: 0 4px 0 4px; color: #95b0b9; font-size: 110%; } .mpn .numbers a:hover, .mpn .numbers a.sel { color: #fff; text-decoration: none; } /* slideshow mpn */ .slideshow-mpn { position: absolute; z-index: 100; top: 0; width: 410px; } .slideshow-mpn .prev { float: left; } .slideshow-mpn .next { float: right; } .slideshow-mpn a { width: 100px; height: 211px; } .slideshow-mpn a img { margin: 19px 0 0 0; } .slideshow-mpn .next a img { margin: 19px 0 0 85px; } /* news overview */ ul#news-list { padding: 0 0 1px 0; background: url('../images/layout/white-space.png') no-repeat left bottom; } ul#news-list li { padding: 1px 0 0 0; width: 715px; background: url('../images/layout/white-space.png') no-repeat; } ul#news-list a { display: block; padding: 20px 40px 20px 19px; width: 656px;/* 715px */ color: #fff; overflow: hidden; background: url('../images/news/news-list-item.png') no-repeat right bottom; line-height: 18px; } ul#news-list a:hover { text-decoration: none; background-image: url('../images/news/news-list-item-sel.png'); } ul#news-list small { color: #ffa400; font-size: 90%; } ul#news-list span { display: block; font-size: 110%; } ul#news-list strong { font-size: 110%; } /* news detail */ .date { padding: 0 0 0 21px; font-size: 110%; color: #FFA400; } /* mpn agenda/news detail */ .agendabericht .mpn, .nieuwsbericht .mpn { background: url('../images/layout/white-space.png') no-repeat; } /* video list */ ul#video-list { padding: 13px 0 0 18px; margin: 0; width: 680px; overflow: hidden; } ul#video-list li { display: inline; padding: 0; background: none; } ul#video-list li a { position: relative; display: block; float: left; margin: 0 1px 1px 0; width: 134px; height: 75px; overflow: hidden; background-repeat: no-repeat; } ul#video-list a:hover { cursor: pointer; } ul#video-list a:hover img { visibility: hidden; } ul#video-list small { position: absolute; top: 0; left: 0; display: block; padding: 4px 5px 5px 3px; background-color: #0c1a2c; font-size: 90%; text-transform: uppercase; } ul#video-list a:hover small, ul#video-list .sel a small { background-color: #f7a207; } ul#video-list span { position: absolute; bottom: 0; right: 0; display: block; width: 24px; height: 20px; text-indent: -9999px; background: url('../images/video/video-list-item.gif') no-repeat 0 -20px; } ul#video-list a:hover span, ul#video-list .sel a span { background-position: 0 0; } /* video player */ #video-player { float: right; padding: 13px 30px 0 0; width: 410px; height: 230px; overflow: hidden; } /* faq */ ul.question-list { margin-bottom: 22px; } ul.question-list li.question { display: block; margin: 0 0 1px 0; padding: 0 0 11px 0; width: 715px; background: url('../images/faq/question.png') } ul.question-list li.expanded { background: url('../images/faq/question.png') top right; } ul.question-list li.question a.question { display: block; padding: 11px 10px 4px 35px; width: 670px; /* 715 - 10 - 35 */ background: url('../images/faq/question-closed.png') no-repeat; font-weight: bold; font-size: 110%; line-height: 18px; } ul.question-list li.expanded a.question { background: url('../images/faq/question-open.png') no-repeat; } ul.question-list li.question .answer { display: none; padding: 0 10px 0 35px; width: 670px; /* 715 - 10 - 35 */ overflow: hidden; } ul.question-list li.expanded .answer { display: block; } ul.question-list .loading { padding: 18px 0 0 0; color: #95b0b9; } ul.question-list .result { padding: 18px 0 0 0; color: #95b0b9; } ul.question-list form { padding: 10px 0 0 0; } ul.question-list label { font-size: 110%; } ul.question-list label.main { display: block; width: 500px; font-weight: bold; line-height: 18px; } ul.question-list label.radio { float: left; display: block; width: 500px; line-height: 22px; } ul.question-list input.radio { clear: both; float: left; margin: 2px 10px 0 0; padding: 0; border: none; } ul.question-list .js-radio { clear: both; float: left; margin: 7px 10px 0 0; padding: 0; border: none; } /* paragraphs */ ul.question-list p { padding-bottom: 8px; } /* search */ /* search overview */ ul.search-list { padding: 0 0 1px 0; background: url('../images/layout/white-space.png') no-repeat left bottom; } ul.search-list li { padding: 1px 0 0 0; width: 715px; background: url('../images/layout/white-space.png') no-repeat; } ul.search-list a { display: block; padding: 13px 40px 13px 19px; width: 656px;/* 715px */ color: #fff; overflow: hidden; background: url('../images/news/news-list-item.png') no-repeat right bottom; font-size: 110%; } ul.search-list a:hover { text-decoration: none; background-image: url('../images/news/news-list-item-sel.png'); } ul.search-list span { display: block; line-height: 18px; } ul.search-list span.title { font-weight: bold; line-height: 20px; } /* more result buttons */ .more-results { width: 715px; overflow: hidden; background: url('../images/layout/white-space.png') repeat-y; } .more-results a { display: block; float: right; height: 23px; background-repeat: no-repeat; background-position: 0 -23px; text-indent: -9999px; } .more-results.job a { background-image: url('../images/content/bt-meer-banen.gif'); width: 113px;} .more-results.site a { background-image: url('../images/content/bt-meer-zoek-resultaten.gif'); width: 173px;} .more-results a:hover { background-position: 0 0; } /* no background image on more-results*/ .detail .more-results, .overview .more-results.site { position: relative; width: 715px; overflow: visible; background: none; } .detail .more-results a, .overview .more-results.site a { float: none; position: absolute; top: 0; right: 0; display: block; } /* slideshow */ #slideshow { position: relative; z-index: 10; float: right; margin: 13px 0 0 0; padding: 0 30px 0 0; width: 410px; height: 230px; background-repeat: no-repeat; } /* location in the slideshow */ .slideshow-location { position: absolute; z-index: 100; top: 212px; left: 0; width: 410px; height: 18px; font-size: 110%; background: url('../images/slideshow/slideshow-location.png') no-repeat; } .slideshow-location span.title { float: left; display: block; padding: 2px 0 0 5px; } .slideshow-location span.offset { float: right; display: block; padding: 2px 6px 0 0; } .slide-container { position: absolute; width: 410px; height: 230px; } /* 404 error */ /* override the center background */ .error #center { width: 609px; background: none; } /* error page pop-up */ .error-pop-up { padding: 92px 0 0 10px; width: 600px; overflow: hidden; } .error-pop-up .top { width: 599px; height: 28px; background: url('../images/error/top.png') no-repeat; } .error-pop-up .content { padding: 15px 0 0 23px; width: 576px; /* 599px */ min-height: 130px; overflow: hidden; background: url('../images/error/content.png') repeat-y; } .error-pop-up p { padding: 0 0 12px 25px; clear: left; line-height: 22px; } .error-pop-up ul { padding: 12px 0 20px 45px; font-size: 110%; } .error-pop-up ul li { padding: 0 0 4px 10px; width: 521px; } .error-pop-up a.back-to-home { position: relative; bottom: 0; left: 460px; /* 599px - 139px */ display: block; width: 139px; height: 23px; background: url('../images/error/back-to-home.gif') no-repeat 0 -23px; text-indent: -9999px; } .error-pop-up a.back-to-home:hover { background-position: 0 0; } .error-pop-up .roundel { top: -59px;/* -36px */ left: -13px;/* -36px */ } /* offline */ body.offline .error-pop-up .top { background: url('../images/error/top-offline.png') no-repeat; } body.offline .error-pop-up a.back-to-home { background: url('../images/error/twitter.gif') no-repeat 0 0; } table#training-table { display: block; position: relative; margin: 0 0 30px 21px; width: 673px; font-size: 100%; line-height: 18px; } #training-table tr td { padding: 0px; } #training-table tr.title td, #training-table tr.subtitle td { padding: 3px 0 3px 15px; background-color: #19232b; line-height: 18px; font-weight: bold; } #training-table tr td.property { width: 489px; padding-left: 15px; } #training-table tr.subtitle td.center { padding: 0px; text-align: center; width: 93px; } #training-table tr.subtitle { color: #95b0b9; } #training-table tr.colored { background: url('../images/layout/content.png') repeat-y; } #training-table tr td .block { width: 10px; height: 10px; padding: 4px 42px 3px 40px; margin-left: 1px; } #training-table tr.colored td .block { padding: 5px 42px 5px 40px; border-left: 1px solid #526470; margin-left: 0px; } #training-table td .inactive { background-image: url('../images/content/table-blocks.png'); background-repeat: no-repeat; background-position: 0 top; } #training-table td .active { background-image: url('../images/content/table-blocks.png'); background-repeat: no-repeat; background-position: 0 -18px; } /* TDA HTML HORROR STYLING*/ /* menu */ #tda_menu ul { padding: 0; margin: 0 0 0 15px; } #tda_menu ul li { list-style-type: none; background: url('../images/menu/list-item.gif') no-repeat 0 3px; } #tda_menu ul li a { display: block; padding: 0 0 0 16px; margin: 1px 0 1px 0; color: #fff; line-height: 18px; font-size: 11px; } #tda_menu ul a:hover, #tda_menu ul li.selected a { color: #ffa400; text-decoration: none; } /* suggested jobs */ .tda-container { padding: 34px 23px 11px 13px; overflow: hidden; background: url('../images/TDA/actuele-vacatures-header.gif') no-repeat left top; } #tda_webprio { padding: 0 0 14px 0; } #tda_webprio h4 { padding: 0 0 1px 0; height: 21px; font-size: 100%; font-weight: normal; } #tda_webprio a { display: block; padding: 3px 17px 3px 5px; width: 212px; /* 234px */ /* height: 15px; /* 21px */ overflow: hidden; color: #fff; background: url('../images/TDA/actuele-vacatures-li-large.png') no-repeat 0 -100px; font-size: 11px; } #tda_webprio a:hover { color: #000; background-position: 0 0; } .tda-container a.all-jobs { display: block; float: right; width: 124px; height: 21px; background: url('../images/TDA/bt-alle-vacatures.gif') no-repeat 0 -21px; text-indent: -9999px; } .tda-container a.all-jobs:hover { background-position: 0 0; } /* form */ #tda_form { padding: 0 20px 22px 21px; } #tda_form .intro { font-weight: bold; } /* form message */ #tda_form .msg ul { padding: 0 0 10px 0; margin: 0; color: red; font-size: 11px; font-weight: bold; } #tda_form .msg ul li { padding: 0; margin: 0; list-style-type: none; } #tda_form .intro, #fs_tda_form_intro_txt { padding: 0 0 20px 0; font-size: 11px; line-height: 18px; } /* fs_tda_form_adrnl_txt */ #fs_tda_form_adrnl_txt, #fs_tda_form_adrbl_txt { font-size: 11px; } #fs_tda_form_adrnl_txt a, #fs_tda_form_adrbl_txt a { font-size: 100%; } /* anchors */ #tda_form a, .center_text a { color: #ffa400; } #tda_form a:hover, .center_text a:hover { color: #fff; } /* form fields */ #tda_form fieldset, #tda_form div.msg li { font-size: 11px; line-height:18px; margin: 0 0 5px 0; } #tda_form fieldset label { display: block; float: left; width: 153px; font-size: 11px; line-height: 18px; } #tda_form fieldset.text input, #tda_form textarea { padding: 2px 0 2px 6px; width: 218px; height: 15px; /* 19px */ color: white; background-color: #364c5a; font-size: 11px; border-width: 1px; border-style: solid; border-color: #19282d #57778e #57778e #19282d; } #tda_form textarea { width: 300px; height: 150px; } #tda_form fieldset.text .datum input { width: 50px; } #tda_form #fs_frm_diploma div { float: left; } #tda_form #fs_frm_diploma div label { width: 420px; } #tda_form #fs_frm_diploma fieldset input { float: left; margin: 2px 5px 0 0; } #tda_form select { width: 226px; } #tda_form .js-select { float: left; width: 226px; } #tda_form .js-select a, #tda_form .js-select a:hover { color: #FFFFFF; } #tda_form div.js-select.select-disabled a { color: #5E707B; } #tda_form fieldset .missing input, #tda_form fieldset .missing textarea { border-color: #ff0000 #ff0000 #ff0000 #ff0000; } #tda_form fieldset .missing .js-select { background-position: 0 -42px; } /* submit button */ #frm_do_next, #tda_form_do_submit, #frm_do_verzenden { float: right; margin: 14px 10px 0 0; width: 80px; height: 14px; background-color: transparent; background: url('../images/TDA/next.gif') no-repeat; border: none; } #frm_do_prev { float: left; margin: 14px 0 0 0; width: 59px; height: 14px; background: url('../images/TDA/previous.gif') no-repeat; border: none; } #frm_do_next:hover, #frm_do_prev:hover { cursor: pointer; } /* result */ #fs_frm_summary_txt table { padding: 0 0 0 10px; margin: 20px 0 20px 0; font-size: 11px; border: 1px solid #19232b; line-height: 22px; } #fs_frm_summary_txt table td { padding: 0 10px 0 10px; } #fs_frm_summary_txt table th { padding: 0 10px 0 10px; background-color: #19232b; } #fs_frm_summary_txt p { padding: 0 0 15px 0; } /* job list */ #tda_functionlist .inside_text { padding: 1px 0 0 0; width: 715px; background:url('../images/layout/white-space.png') no-repeat; cursor: pointer; } #tda_functionlist .center_text { position: relative; display: block; padding: 13px 40px 13px 19px; width: 656px; overflow: hidden; background: url('../images/news/news-list-item.png') no-repeat right bottom; color: #FFFFFF; font-size: 11px; } #tda_functionlist .center_text p { font-size: 11px !important; } #tda_functionlist .center_text:hover, #tda_functionlist .center_text_hover { background-image: url('../images/news/news-list-item-sel.png'); text-decoration: none; } #tda_functionlist .center_text h2 { font-weight: bold; font-size: 100%; } #tda_functionlist .center_text a.num { display: none; } #tda_functionlist .center_text p { line-height: 18px; } #bottom_lane { position: relative; padding: 11px 0 22px 0; width: 715px; overflow: hidden; background: url('../images/layout/white-space.png') no-repeat left top; font-size: 11px; text-align: center; } #bottom_lane a { padding: 0 3px 0 3px; } #bottom_lane a:hover { color: #ffa400; } #bottom_lane .button_right { position: absolute; top: 17px; right: 0; display: block; width: 80px; height: 14px; background: url('../images/TDA/next.gif') no-repeat; /*display: none; /* unknown purpose *//**/ } #bottom_lane .button_left { position: absolute; top: 17px; left: 10px; display: block; width: 59px; height: 14px; background: url('../images/TDA/previous.gif') no-repeat; } /* job detail */ .flashMenu { display: none; } .center_text { padding: 0 21px 15px 21px; } .center_text h3 { padding: 0; font-size: 11px; font-weight: bold; } .center_text h4 { padding: 10px 0 2px 0; font-size: 11px; font-weight: bold; } .center_text p { padding: 0 0 10px 0; } a.button_cvachterlaten, a.button_solliciteren { display: block; margin-top: 10px; width: 203px; height: 23px; background: url('../images/TDA/bt-voorlichting-aanvragen.gif') no-repeat 0 -23px; } a.button_cvachterlaten { width: 186px; background: url('../images/TDA/bt-cv-achterlaten.gif') no-repeat 0 -23px; } a.button_cvachterlaten:hover, a.button_solliciteren:hover { background-position: 0 0; } /* frm_zoekform */ #frm_zoekform { padding: 21px 0 22px 20px; background: url('../images/form/tda-form.png') no-repeat; } #frm_zoekform input { display: none; } #frm_zoekform #fs_frm_zoekform_txt { display: none; } #frm_zoekform #fs_frm_zoekform_kmo { display: none; } #frm_zoekform #fs_frm_zoekform_richting, #frm_zoekform #fs_frm_zoekform_cluster { display: block; clear: left; float: left; padding: 0 0 8px 0; width: 330px; overflow: hidden; } #frm_zoekform #fs_frm_zoekform_profiel, #frm_zoekform #fs_frm_zoekform_locaties { display: block; float: right; width: 330px; padding: 0 0 8px 0; overflow: hidden; } #frm_zoekform #fs_frm_zoekform_richting label, #frm_zoekform #fs_frm_zoekform_cluster label{ width: 104px; } #frm_zoekform #fs_frm_zoekform_profiel label, #frm_zoekform #fs_frm_zoekform_locaties label { width: 65px; } #frm_zoekform label { display: block; float: left; overflow: hidden; font-size: 11px; font-weight: bold; line-height: 21px; } #frm_zoekform select { width: 226px; } #frm_zoekform div.js-select { float: left; margin: 0; } body.tda-contact-form .msg ul li { font-size: 11px; } /* pop-up */ .x-dlg .x-dlg-dlg-body { color: black; } /* step 2: function field */ form#frm { margin-left: 22px; } #tda_form fieldset label#lbl_frm_vkfunc { /*display: none;*/ } #tda_form .radioExpand div fieldset div { display: none; clear: left; padding: 0 0 10px 24px; font-size: 11px; } #tda_form .radioExpand div fieldset div.js-radio { display: block; float: left; padding-left: 0; padding-bottom: 0; width: 20px; } #tda_form #tda_form fieldset fieldset { display: block; } #tda_form .radioExpand div fieldset label { display: block; width: 400px; float: left; font-weight: bold; } fieldset.radioExpand div fieldset div { display: none; } fieldset.radioExpand div fieldset div.js-radio { display: block; } fieldset.radioExpand div fieldset.sel div { display: block; } /* pop-up window */ .yuiextdlg a { color: black; text-decoration: underline; text-align: left; } #fs_frm_zoekform_vac { visibility: hidden; position: absolute; } #enquete-lightbox { position: absolute; top: 0; left: 0; z-index: 900; } #enquete-lightbox div.overlay { display: block; position: absolute; top: 0; left: 0; background-color: #000; z-index: 901; } #enquete-lightbox div.canvas { position: absolute; background-color: #0A192C; border: 1px solid #FFA400; z-index: 902; padding: 21px; overflow: hidden; } #enquete-lightbox iframe.content { width: 100%; height: 100%; outline: 0; background-color: #0A192C; padding: 0; margin: 0; } #enquete-lightbox a.dont-participate, #enquete-lightbox a.participate-later { display: block; position:absolute; top: 0; height: 21px; overflow: hidden; text-indent: -9999px; background-position: 0 -21px; background-repeat: no-repeat; outline: 0; line-height: 20px; color: black; } #enquete-lightbox a.dont-participate { background-image:url('../images/content/bt-dont-participate.gif'); right: 150px; width: 125px; } #enquete-lightbox a.participate-later { background-image:url('../images/content/bt-participate-later.gif'); right: 21px; width: 132px; } #enquete-lightbox a.dont-participate:hover, #enquete-lightbox a.participate-later:hover { background-position: 0 0; } #enquete-lightbox h2 { font-size: 15px; position: absolute; top: 0; left: 21px; }