/***********************************************************************************************/ /************************* RESET.CSS ************************************/ /***********************************************************************************************/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, input, textarea, select { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; font-family: Arial, Tahoma, Verdana; color: #7f7f7f; font-size: 1em; } /* remember to define focus styles! */ :focus { outline: 0; } body { /*line-height: 1;*/ color: black; background: white; } ol, ul { list-style: none; } /* tables still need 'cellspacing="0"' in the markup */ table { border-collapse: separate; border-spacing: 0; } caption, th, td { text-align: left; font-weight: normal; } blockquote:before, blockquote:after, q:before, q:after { content: ""; } blockquote, q { quotes: "" ""; } em { font-style: italic; } strong { font-weight: bold; } /***********************************************************************************************/ /***********************************************************************************************/ /***********************************************************************************************/ body { font-size: 62.5%; background: url(/lib/images/body_bg.png) 0 0 repeat; } #pagecurl { position: absolute; right: 0; top: 0; z-index: 10000; overflow: hidden; } #container {position:relative; font-size: 1em; margin: 0 auto; min-width: 960px; max-width: 1080px; overflow: hidden; padding:0 18px 0 20px; } .vars { display: none; } /* homepage */ .homepage #header { overflow: visible; } .homepage #contentcontainer { margin-bottom: 8px; background: none; } .homepage #nieuwscontainer { position: relative; height: 258px; border-top: 1px solid #c2c2c2; border-bottom: 1px solid #c2c2c2; background: #fff; } .homepage #flash_nieuws {z-index:1; position:relative; } .homepage #flash_nieuws .noflash { width: 869px; height: 259px; } .homepage #flash_nieuws .news { position: absolute; top: 30px; left: 48px; width: 404px; height: 201px; background: url(/lib/images/no_flash_news.png) 0 0 no-repeat; } .homepage #flash_nieuws .news .inner { padding: 24px 35px; } .homepage #flash_nieuws .news h2 { font-size: 15px; color: #387ca3; } .homepage #flash_nieuws .news .text { font-size: 15px; color: #a2360d; } .homepage #flash_nieuws .news .leesmeer { position: absolute; top: 0; right: 0; width: 29px; height: 201px; text-indent: -9999px; } .homepage #beschikbaarheid { display: none; } .homepage #flash_button { display: none; } .homepage #footer { margin: 0; padding: 0; background: none; } .homepage #footer ul { margin-top: 50px; } .homepage #overig .footertekst { margin-top: 45px; } #tooltip {position:absolute; z-index:1000; background: url(/lib/images/definition_bg.png) 0 0 no-repeat; padding:10px 40px 0px 60px; color:#ffffff; display:none; width:219px; font-size:11px; font-family: tahoma, arial; height:105px; font-weight:bold; line-height:16px; top:0; left:0; overflow:hidden;} /* HEADER */ #header { margin: 25px 0 0 64px; height: 150px; overflow: hidden; background: url(/lib/images/header_bg.png) 0 0 no-repeat; } #header img.logo { position: absolute; left: 20px; top: 25px; border-right: 2px solid white; } #header .wrapper { padding: 25px 0 0 0; } .homepage #hoofdmenu { height: 125px; } #hoofdmenu ul.nivo1 { position: relative; float: left; left: 50%; z-index: 100; height: 75px; text-align: center; } #hoofdmenu ul.nivo1:after{ content:"."; display:block; clear:both; visibility:hidden; height:0; } #hoofdmenu li.nivo1 { position: relative; float: left; left: -50%; margin-right: 2px; } .homepage #hoofdmenu li span.nivo1 { padding-top: 89px } #hoofdmenu li span.nivo1 { float:left; padding: 39px 14px 15px 12px; background: url(/lib/images/hoofdmenu_li_bg.png) right bottom no-repeat; } #hoofdmenu li.last span.nivo1 { background-image: url(); } #hoofdmenu li.last span.nivo1:hover { background-image: url(/lib/images/hoofdmenu_li_bg_last_active.png); } #hoofdmenu li.last span.hover { background-image: url(/lib/images/hoofdmenu_li_bg_last_active.png); } #hoofdmenu li span.nivo1:hover { background-image: url(/lib/images/hoofdmenu_li_bg_active.png); } #hoofdmenu li span.hover { background-image: url(/lib/images/hoofdmenu_li_bg_active.png); } #hoofdmenu li span.active { background-image: url(/lib/images/hoofdmenu_li_bg_active.png); } #hoofdmenu li span.nivo1 a.nivo1 { font-family: tahoma; color: #fff; font-size: 17px; text-decoration: none; } #hoofdmenu ul ul { display: none; position: absolute; right: -90px; width:245px; padding: 60px 0 0 0; overflow: hidden; background: url(/lib/images/hovermenu_bck.png) 0 30px no-repeat; } #hoofdmenu ul ul li { display: block !important; float: none; margin: 0 !important; padding: 0px 30px 0px 0px !important; border:none !important;} .homepage #hoofdmenu ul li:hover ul, .homepage #hoofdmenu ul li.over ul { display: block;} #hoofdmenu ul ul li { margin: 0; padding: 0 30px 0 0; } #hoofdmenu ul ul a { display: block; padding: 5px 0 3px 15px; font-family: tahoma; font-size: 11px; color: #1f5574; text-decoration: none; border-bottom: 1px solid #86aebe; font-weight: bold; text-align:left; } #hoofdmenu ul ul a:hover{ background: #5F96B5; color:#fff; } #hoofdmenu ul ul li.last a{border:none;} #hoofdmenu li>ul { top: 110px; left: auto; } .homepage #submenu { height: 85px; padding: 0; margin-top: 0; background-image: url(/lib/images/submenu_bg_home.png); } #submenu { margin-top: 75px; height: 50px; background: url(/lib/images/submenu_bg.png) 0 0 no-repeat; } #submenu ul { position: relative; float: left; left: 50%; z-index: 90; height: 85px; text-align: center; } #submenu ul:after{ content:"."; display:block; clear:both; visibility:hidden; height:0; } #submenu li { position: relative; float: left; left: -50%; margin-right: 2px; } .homepage #submenu span { padding-bottom: 44px; } #submenu li span.nivo1 { float: left; padding: 16px 15px 13px 13px; background: url(/lib/images/submenu_li_bg.png) right 2px no-repeat; } #submenu li.last span.nivo1 { background: none; } #submenu li.last span.nivo1:hover { background-image: url(/lib/images/submenu_li_bg_last_active.png); } #submenu li.last span.hover { background-image: url(/lib/images/submenu_li_bg_last_active.png); } #submenu a { color: #fff; font-family: tahoma; font-size: 17px; text-decoration: none; } #submenu li span.nivo1:hover { background-image: url(/lib/images/submenu_li_bg_active.png); } #submenu li span.hover { background-image: url(/lib/images/submenu_li_bg_active.png); } #submenu span.active { background-image: url(/lib/images/submenu_li_bg_active.png); } #utils { position: absolute; top: 25px; right: 20px;} /* met faq 581px*/ #utils .wrapper { position: relative; } #utils ul { float: right; width: 325px; /* met inloggen is het 240px; met FAQ 350px; met inloggen portal 325px; */ } #utils ul.locatie { float: right; width: 280px; /* met inloggen is het 240px; anders 183px; */ } #utils li { display: inline; } #utils a { font-family: Tahoma; color: #21597a; font-size: 11px; padding: 0 6px; border-right: 1px solid #21597a; } #search_box { width: 221px; float: right; margin-left: 10px; margin-top:-5px; } #search_box form { float: right; } #search_box legend {display: none; } #search_box label {display: none; } #search_box input.text { font-size: 11px; padding: 1px 3px; width: 150px; color: #21597a; border: 1px solid #1a5c6f; background: url(/lib/images/search_input_bg.png) 0 0 repeat-x; } #search_box input.submit { font-size: 11px; padding: 0 4px 1px 4px; color: #fff; cursor: pointer; border: 1px solid #93b8cd; border-right-color: #275671; border-bottom-color: #16303f; border-left-color: #558fb0; background: #387ca3; font-weight:bold; font-family:Tahoma, Verdana, Arial; } #contentcontainer { overflow: hidden; position: relative; margin: 0 0 0 64px;} .contentphotos { background: #fff url() right 0 no-repeat; } .contentphoto1 { background-image: url(/lib/images/algemeen/contentphoto1.jpg); } .contentphoto2 { background-image: url(/lib/images/algemeen/contentphoto2.jpg); } .contentphoto3 { background-image: url(/lib/images/algemeen/contentphoto3.jpg); } .contentphoto4 { background-image: url(/lib/images/algemeen/contentphoto4.jpg); } .contentphoto5 { background-image: url(/lib/images/algemeen/contentphoto5.jpg); } #sidecol { float: right; min-height: 324px; width: 215px; background: url(/lib/images/sidecol_bg.png) 0 0 no-repeat; } #subsubmenu { min-height: 245px; padding-top: 1px; } #subsubmenu ul { margin: 54px 0 10px 0; } #subsubmenu li { border-bottom: 1px solid #fff; } #subsubmenu span { display: block; padding: 4px 15px 0 15px; } #subsubmenu a { display: block; width: 185px; color: #fff; white-space: nowrap; font-size: 14px; text-decoration: none; } #subsubmenu span:hover, #subsubmenu span.over { background: url(/lib/images/subsubmenu_active.png) 0 0 no-repeat; } #subsubmenu_arrow { position: absolute; top: 0px; left: 570px; width: 97px; height: 31px; background: url() 0 0 no-repeat; } #sidecol .bannercontainer {background: #fff; padding: 15px; min-height: 50px; } #sidecol .bannercontainer ul { list-style: none; } #sidecol .bannercontainer li { margin-bottom:10px; } #content { position: relative; float: left; width: 630px; margin-top: 44px; background: url(/lib/images/content_bg.png) 0 0 no-repeat; } #content .content_wrapper { padding: 0 60px 167px 60px; min-height: 280px; background: url(/lib/images/content_bottom_bg.png) left bottom no-repeat; overflow:hidden; } #content .content_inner_wrapper { padding-right: 25px; padding-left: 20px; height: 1%;} #content .content_wrapper .resultaten {margin:20px 0 20px 0; font-family: tahoma, Arial, Verdana; font-size:11px; } #content .content_wrapper .resultaten {color:#000;} form.informatie {border-bottom:1px solid #c3d7e3; overflow:hidden; font-family: Arial; font-size:11px; padding:20px 0px 0px 0px; margin-bottom:20px; clear:both;} form.informatie .error {margin:0 0 20px 0; padding:0; color:#D75C2D; font-family: tahoma, Arial, Verdana; font-size:12px; font-weight:bold;} form.informatie fieldset div p {margin:0; padding:0; font-family:Arial; font-size:11px; float:left; margin-right:10px;} form.informatie fieldset.informatie {margin-top:20px; margin-bottom:20px; width:300px;} form.informatie fieldset.motivatie {padding-bottom:40px;} form.informatie div.button { margin:0; padding:0;} form legend {display:none;} form.informatie div {margin-bottom:5px; /*clear: left;*/ } form.informatie fieldset div input#Checkbox1 {float:left; font-family: Arial; font-size:11px; margin-right:10px; border:none; width:20px; padding:0;} form.informatie fieldset div input#Checkbox2 {float:left;font-family: Arial; font-size:11px; margin-right:10px; border:none; width:20px; clear:both; margin-left:200px;} form.informatie div.active {background-color:#387ca3;} form.informatie div.active label {color:#fff;} form.informatie .aanhef {padding-bottom:15px; } form.informatie label {width:180px; float:left;color:#073f5f; padding-left:20px; padding-top:1px;} form.informatie label.informatie {margin-top:0; width:170px; float:left; padding-left:20px; } form.informatie input.radiocheck {width:10px; padding: 0 0 0 5px; float:left; border:none;} form.informatie label.radiocheck {width:10px; float:left; border:none; margin:0; padding:0 0 0 5px;} form.informatie label.radiobutton {height:10px; float:none; display:block; margin:2px 0 10px 0;padding:0;} form.informatie label.radiobuttonlast {float:left; display:block; margin:2px 0 10px 0; padding:0;} form.informatie input {border:1px solid #075b72; color:#073f5f; height:15px; width:205px; padding-left:5px;} form.informatie input.klein {width:80px;} form.informatie input.anders {border:1px solid #075b72; color:#073f5f; height:15px; width:180px; padding-left:5px; margin:0 0 0 30px; padding:0;} form.informatie input.middel {width:115px;} form.informatie input.radiobutton {width:20px; float:left; margin-right:10px; border:none; overflow:hidden; } form.informatie input.bijlage {padding:2px 0 2px 0; margin:0; height:18px; } form.informatie input.submit { font-size: 11px; padding: 0 4px 1px 4px; color: #fff; cursor: pointer; border: 1px solid #93b8cd; border-right-color: #275671; border-bottom-color: #16303f; border-left-color: #558fb0; background: #387ca3; font-weight:bold; height:21px; width:80px; } form.informatie div.right { width:230px; margin: -10px 0 20px 197px; float:left;} form.informatie div.right_vacatureopen { width:240px; margin: -50px 0 20px 200px; float:left;} form.informatie div.right_vacatureopen p {margin-left:0; font-size:10px;} form.informatie div.right_vacature { width:230px; margin: -95px 0 20px 200px; float:left;} form.informatie div.right_vacature p {font-size:10px; margin-top:5px; } form.informatie div.Opmerkingen .bijlage {margin:0;} form.informatie div.Opmerkingen p {font-size:10px; margin-top:5px;} form.informatie textarea {border:1px solid #075b72; color:#073f5f; height:100px; width:205px; margin-bottom:20px; padding-left:5px;} form.informatie input.verzenden { height:20px; padding:0 2px 2px 2px; font-size: 11px; color: #fff; text-decoration: none; font-weight: bold; border: 1px solid #93b8cd; border-left-color: #558fb0; border-bottom-color: #16303f; border-right-color: #275671; background: #387ca3; width:90px; float:right; margin-right:5px; cursor:pointer; } form.informatie input.terugnaaroverzicht { height:20px; padding:0 0 2px 0; font-size: 11px; color: #fff; text-decoration: none; font-weight: bold; border: 1px solid #93b8cd; border-left-color: #558fb0; border-bottom-color: #16303f; border-right-color: #275671; background: #387ca3; float:right; margin-right:5px; cursor:pointer; } form.informatie input.details { height:20px; padding:0 2px 2px 2px; font-size: 11px; color: #fff; text-decoration: none; font-weight: bold; border: 1px solid #93b8cd; border-left-color: #558fb0; border-bottom-color: #16303f; border-right-color: #275671; background: #387ca3; width:120px; float:right; margin-right:5px; cursor:pointer; } form.informatie input.annuleren { height:20px; padding:0 2px 2px 2px; font-size: 11px; color: #fff; text-decoration: none; font-weight: bold; border: 1px solid #93b8cd; border-left-color: #558fb0; border-bottom-color: #16303f; border-right-color: #275671; background: #387ca3; width:90px; float:right; cursor:pointer;} form.informatie fieldset.knoppen {padding-top:20px;} form.informatie input.small {width:95px; float:left; margin-right:8px; margin-bottom:5px;} form.informatie label.display{ display:none; /*width:95px; float:left; color:#073f5f; padding-left:20px; padding-top:1px; margin-bottom:5px;*/} form.informatie p {margin:20px 0 10px 0; padding:0; overflow:hidden; width:200px; font-weight:bold; color:#000; } form.informatie .adres {padding-bottom:15px;} form.informatie #fragment-7 fieldset.ouder1 label.radiocheck {width:40px;} form.informatie #fragment-7 fieldset.ouder1 input.radio {float:left; margin:0; padding:0;} form.informatie #fragment-7 fieldset.ouder1 label.keuze {width:55px; float:left; margin:0 0 0px 0; padding:0 ; } form.informatie #fragment-7 fieldset.ouder1 .radiobuttons {margin-left:200px; padding-left:5px;} form.informatie #fragment-7 fieldset.ouder1 div.inspring {overflow:hidden; width:220px; } form.informatie #fragment-7 div.kind fieldset {margin-top:20px;} form.informatie #fragment-7 div.kind fieldset p {margin:0 0 12px 0; padding:0;} form.informatie #fragment-7 div.kind div.first {overflow:hidden; width:130px; float:left; margin-right:10px;} form.informatie #fragment-7 div.kind div.first label{ width:50px; float:left; padding:0;} form.informatie #fragment-7 div.kind fieldset p.second {margin:0 0 12px 0; padding:0; width:100px;} form.informatie #fragment-7 div.kind div.second { float:left; width:120px; margin-right:10px} form.informatie #fragment-7 div.kind div.second input {float:left; width:110px; margin-right:20px;} form.informatie #fragment-7 div.kind div.second label{width:90px; padding:0; display:none;} form.informatie #fragment-7 div.kind fieldset p.third {width:150px;} form.informatie #fragment-7 div.kind div.third { float:left; width:120px;} form.informatie #fragment-7 div.kind div.third input {float:left; width:168px;} form.informatie #fragment-7 div.kind div.third input.small {float:left; width:135px;} form.informatie #fragment-7 div.kind div.third label{width:90px; padding:0; display:none;} form.informatie #fragment-7 div.kind fieldset p.four {padding:12px 0 12px 0; float:left; width:120px; margin-right:20px;} form.informatie #fragment-7 div.kind div.four label {display:none;} form.informatie #fragment-7 div.kind div.four input {margin:12px 12px 0 0; float:left;} form.informatie #fragment-7 div.kind fieldset input.wissen {float:left; width:80px; margin:12px 0 2px 0; padding:0 0 0 0; height:17px; cursor:pointer;} form.informatie #fragment-7 div.opvanggegevens fieldset {margin:0; padding:0;} form.informatie #fragment-7 div.opvanggegevens fieldset label{margin:0; padding:0;} form.informatie #fragment-7 div.opvanggegevens fieldset input{width:256px;} form.informatie #fragment-8 fieldset {font-family: Arial; font-size:11px; width:440px;} form.informatie #fragment-8 fieldset div.keuzeleeftijd {margin-top:20px;} form.informatie #fragment-8 fieldset.verschijnen {font-family: Arial; font-size:11px; margin-top:10px;} form.informatie #fragment-8 fieldset.wanneer {font-family: Arial; font-size:11px; margin-top:20px;} form.informatie #fragment-8 fieldset div.legenda {padding-left:100px; padding-bottom:5px; overflow:hidden; border:none; width:500px;} form.informatie #fragment-8 fieldset div.legenda p.small{width:46px; float:left;} form.informatie #fragment-8 fieldset div.legenda p.large{width:100px;} form.informatie #fragment-8 fieldset div.dag {overflow:hidden; width:450px; padding-top:5px;} form.informatie #fragment-8 fieldset div.dag label { margin:0; padding:0; width:100px;} form.informatie #fragment-8 fieldset div.dag .dagtijd { width:49px; padding:5px 0 0 0; margin:0; border:none;} form.informatie #fragment-8 fieldset div.dag input.tijddag { width:50px; margin:0; padding:0 0 0 5px;} form.informatie #fragment-8 fieldset.opvang {margin-top:20px;} form.informatie #fragment-8 fieldset.opvang div.opvangrij{margin-top:10px; overflow:hidden;} form.informatie #fragment-8 fieldset.opvang div.opvangrij label{width:320px; margin:0; padding:0; } form.informatie #fragment-8 fieldset.opvang div.opvangrij input.small{margin:0; padding:0 0 0 5px; float:left; width:75px;} form.informatie #fragment-8 input.lang {margin-bottom:5px; width:220px;} form.informatie #fragment-8 fieldset div.gastouder{margin-top:10px; overflow:hidden;} form.informatie #fragment-8 fieldset div.gastouder label{ width:100px;} form.informatie #fragment-8 fieldset div.gastouder label.radiocheck{float:left; } form.informatie #fragment-8 fieldset div.gastouder input.radiobutton{ width:100px; float:left;} form.informatie #fragment-8 fieldset div.gastouderkeuze {margin-top:20px;} form.informatie #fragment-8 fieldset div.gastouderkeuze div {float:left; width:300px;} form.informatie #fragment-8 fieldset div.gastouderkeuze label {margin:0; padding:0; width:50px;} form.informatie #fragment-8 fieldset div.gastouderkeuze .wonen{clear:left; width:100px; float:left;} form.informatie #fragment-8 fieldset .beschikbaarheid {clear:both; width:435px; margin-bottom:5px;} form.informatie #fragment-8 fieldset .beschikbaarheid label {width:180px;} form.informatie #fragment-8 fieldset .beschikbaarheid input {width:210px;} form.informatie #fragment-8 fieldset label.wonen {margin:0; padding:0; float:left;} form.informatie #fragment-8 fieldset input.radio {float:left; margin:0; padding:0;} form.informatie #fragment-8 fieldset label.keuze {width:100px; float:left; margin:0; padding:0 ; } form.informatie #fragment-8 fieldset input.anders {width:140px; float:left;} form.informatie #fragment-8 fieldset div.inspring {margin-left:120px; overflow:hidden; clear:left; } form.informatie #fragment-8 fieldset.overige {margin-top:10px;} form.informatie #fragment-8 fieldset.overige div.naastelkaar{margin-top:10px; overflow:hidden;} form.informatie #fragment-8 fieldset.overige div.naastelkaar label{width:320px; margin:0; padding:0; } form.informatie #fragment-8 fieldset.overige div.naastelkaar input.small{margin:0; padding:0 0 0 5px; float:left; width:75px;} form.informatie #fragment-8 fieldset div.naastelkaar label.kort {width:200px; margin:0; padding:0 ; } form.informatie #fragment-8 fieldset div.onderelkaar { clear:left; margin-left:120px; padding-bottom:10px; } form.informatie #fragment-8 legend {display:none;} form.informatie #fragment-8 input {margin-bottom:5px;} form.informatie #fragment-8 input.radiocheck { overflow:hidden; margin-bottom:5px; padding-left:20px;} form.informatie #fragment-8 label.radiocheck {float:left; color:#073f5f; padding-top:1px;} form.informatie #fragment-8 .gegevens {margin-top:15px; margin-bottom:15px;} form.informatie #fragment-9 div.kind fieldset {margin-top:20px;} form.informatie #fragment-9 fieldset.overige {margin-top:20px;} form.informatie #fragment-9 div.kind fieldset p {margin:0 0 12px 0; padding:0;} form.informatie #fragment-9 div.kind div.first {overflow:hidden; width:130px; float:left; margin-right:5px;} form.informatie #fragment-9 div.kind div.first label{width:50px; float:left; padding:0;} form.informatie #fragment-9 div.kind fieldset p.second {margin:0 0 12px 0; padding:0;} form.informatie #fragment-9 div.kind div.second { float:left; width:125px; margin-right:5px; overflow:hidden;} form.informatie #fragment-9 div.kind div.second input {float:left; width:110px; margin-right:10px;} form.informatie #fragment-9 div.kind div.second label{width:90px; padding:0; display:none;} form.informatie #fragment-9 div.kind fieldset p.third {width:190px;} form.informatie #fragment-9 div.kind div.third { float:left; width:190px; } form.informatie #fragment-9 div.kind div.third input {float:left; width:168px;} form.informatie #fragment-9 div.kind div.third label{width:90px; padding:0; display:none;} form.informatie #fragment-9 div.kind fieldset p.four {padding:12px 0 12px 0; float:left; width:120px; margin-right:20px;} form.informatie #fragment-9 div.kind div.four label {display:none;} form.informatie #fragment-9 div.kind div.four input {margin:12px 12px 0 0; float:left;} form.informatie #fragment-9 div.kind fieldset input.wissen {float:left; width:80px; margin:12px 0 2px 0; padding:0 0 0 0; height:17px; cursor:pointer;} form.informatie #fragment-9 div.opvanggegevens fieldset {margin:0; padding:0;} form.informatie #fragment-9 div.opvanggegevens fieldset label{margin:0; padding:0;} form.informatie #fragment-9 div.opvanggegevens fieldset input{width:256px;} form.informatie #fragment-9 div.opvangtijden {overflow:hidden; } form.informatie #fragment-9 div.opvangtijden div.kort {margin:20px 0 10px 0; padding:0; width:200px; font-weight:bold; color:#000; overflow:hidden;} form.informatie #fragment-9 div.opvangtijden .dag { float:left; width:180px;margin:0; padding:0;} form.informatie #fragment-9 div.opvangtijden .dag input.checkbox {width:25px; border:none; float:left; margin:0; padding:0;} form.informatie #fragment-9 div.opvangtijden .dag label {margin:0; padding:0; width:155px; float:left;} form.informatie #fragment-9 div.opvangtijden .van {width:120px; float:left; margin-right:17px;} form.informatie #fragment-9 div.opvangtijden .van label {display:none; } form.informatie #fragment-9 div.opvangtijden .van input {border:1px solid #075b72;} form.informatie #fragment-9 div.opvangtijden .tot { float:left; width:118px; } form.informatie #fragment-9 div.opvangtijden .tot label {display:none;} form.informatie #fragment-9 .urenperweek {margin-top:20px;} form.informatie #fragment-9 .urenperweek label {margin:0; padding:0;} form.informatie #fragment-9 .urenperweek input{width:255px;} form.informatie #fragment-9 .normal {margin:10px 0 0 0; padding:0; overflow:hidden; width:480px; clear:both;} form.informatie #fragment-9 .normal label {margin:0; padding:0;} form.informatie #fragment-9 .normal input.radiocheck {margin:0; padding:0;} form.informatie #fragment-9 .normal input.flexibel { float:left; width:25px; margin-left:10px;} form.informatie #fragment-9 .normal label.text {float:left; width:130px;margin-left:5px; } form.informatie #fragment-9 .normal input.lang {float:left; width:100px; margin-left:10px; } form.informatie #fragment-9 .normal label.lang {float:left; width:70px; margin-right:10px; margin-left:10px;} form.informatie #fragment-9 .normal input.rechts { float:left; width:85px;margin-bottom:10px;} form.informatie #fragment-9 .normal label.rechts {float:left; width:80px; margin-left:270px; margin-bottom:10px;} form.informatie .buttononder { float:right; display:block; } form.informatie .buttononder input.submit { margin-left: 10px; } form.informatie .buttononder a {text-decoration:none; background-color:#387ca3; margin-left:10px;padding:2px 15px 2px 15px; height:15px; border: 1px solid #9cbed1; border-left-color: #558fb0; border-bottom-color: #16303f; border-right-color: #275671; font-weight:bold;display:block; cursor:pointer;} form.informatie .buttononder a span {color:#fff; text-decoration:none; font-weight:bold; float:left; } form.informatie #fragment-10 div.gevonden {overflow:hidden; width:440px;float:left;} form.informatie #fragment-10 fieldset label.leeg {display:none;} form.informatie #fragment-10 fieldset textarea {width:250px;} form.informatie #fragment-10 div.gevonden p.lang {width:350px; float:none; margin-bottom:10px;} form.informatie #fragment-10 div.gevonden input.radiocheck {width:20px; float:left; display:block;} form.informatie #fragment-10 div.gevonden label.gevonden {width:400px; float:left;margin-bottom:5px;} form.informatie #fragment-10 div.gevonden label.gevondenkort {width:100px; float:left;margin-bottom:5px;} form.informatie #fragment-10 div.gevonden input.right {width:280px; float:left; margin-bottom:5px; } div#inloggen {margin-top:50px;} form.inloggen {background: url(/lib/images/achtergrond_inloggen.png) 0 0 no-repeat; margin-top:15px; height:150px; width:463px; border:2px solid #fff;} form.inloggen label {float:left;color:#fff; padding-left:20px; padding-right:10px; font-family:Verdana; font-size:12px; font-weight:bold; width:106px;} form.inloggen input {margin: 0; border: 1px solid #8ac4e2; font-size:11px; width:160px; color:#387ca3; padding-left:5px;} form.inloggen div {margin: 0px 0 25px 0; } form.inloggen div.naam {margin: 31px 0 10px 0;} form.inloggen input.verzenden { height:18px; padding:0 2px 2px 2px; font-size: 11px; color: #fff; text-decoration: none; font-weight: bold; border: 1px solid #9cbed1; border-left-color: #558fb0; border-bottom-color: #16303f; border-right-color: #275671; background: #387ca3; width:70px; float:left; margin-left:233px; cursor:pointer;} #content .content_wrapper table.beschikbaarheid {border:1px solid #c8e3f1; margin-top:20px; width:460px; overflow:hidden; font-family: Tahoma, Arial, verdana; font-size:11px; } #content .content_wrapper table.beschikbaarheid caption {display:none;} #content .content_wrapper table.beschikbaarheid tr {height:20px;} #content .content_wrapper table.beschikbaarheid tr.row2 {background-color:#a6d1e9;} #content .content_wrapper table.beschikbaarheid th {padding:5px 20px 10px 0px;} #content .content_wrapper table.beschikbaarheid th.beschikbaar {text-indent: -99999px;} #content .content_wrapper table.beschikbaarheid td.leeg {margin:0; width:5px;} #content .content_wrapper table.beschikbaarheid td img {text-align: center; padding-left:10px; padding-top:10px;} #content .content_wrapper .contactgegevens {color: #073f5f; line-height:19px; font-size:12px; margin-bottom: 20px; } #content .content_wrapper .contactgegevens .regiokantoor {color: #073f5f; line-height: 19px; font-size:12px; } #content .content_wrapper .contactgegevens strong {color: #073f5f; line-height: 19px; font-size:12px; margin-top:20px; font-weight:bold;} #content .content_wrapper .contactgegevens a {color: #D75C2D; line-height: 19px; font-size:12px; text-decoration:underline;} #content .util { position: absolute; top: -14px; left: 486px; height:50px; padding: 8px 8px 8px 0; background: #fff; } #content .util img { float: left; margin-left: 8px; } h1 { margin-bottom: 5px; color:#d24814; font-size: 25px; font-weight:bold; } #breadcrumbs { padding: 16px 81px 21px 0; font-size: 11px; font-weight: bold; color: #9a9999; } #breadcrumbs a { color: #9a9999; } .paragraph { margin-bottom: 30px; font-size: 12px; overflow:hidden; width:468px; } .paragraph h2 { margin-bottom: 5px; font-weight: bold; color: #d84b16; } .paragraph .text { color: #073f5f; line-height: 19px; } .paragraph * { color: #073f5f; line-height: 19px; } .paragraph .text ul { margin: 0 0 20px 20px; } .paragraph .text ol { margin: 0 0 20px 20px; } .paragraph .text li { list-style-type: square; } .paragraph .text ol li { list-style-type: decimal; } .paragraph .text a { color: #d24814; text-decoration: underline; } .paragraph .text a:hover { text-decoration: underline; } .paragraph .text a.tooltip { color: #073f5f; text-decoration: underline; border-bottom:1px solid #073f5f;} .paragraph.paragraph_contact_adressen img{float:left; border: 1px solid #afafaf; margin: 0 10px 10px 0px; } .paragraph img { float: right; border: 1px solid #afafaf; margin: 0 10px 10px 10px; } .paragraph_people img {float:left; border:5px solid #387ca3; margin:0 20px 10px 0; } .paragraph_people .bijschrift {font-weight:bold; margin-bottom:20px;} .paragraph_people h2 {font-size:25px; font-family:Tahoma, Verdana, Arial; color:#D75C2D;} .paragraph_people .email {margin-left:126px;margin-top:20px;} .paragraph_people .email a{font-weight:bold; } .paragraph_people .email a:hover{font-weight:bold; text-decoration:none; } .paragraph_people .text {color: #073f5f; line-height: 16px; overflow:auto;} #content .vacaturekeuze {border-top: 1px solid #c3d7e3; border-bottom: 1px solid #c3d7e3; margin-top:10px;} #content .vacaturekeuze a img {padding: 20px 0 20px 0;} #content .vacaturekeuze a img.last {margin: 0 0 0 45px;} #content #vacaturezoekblok .jobs h2 {font-weight:bold; font-size: 12px; color:#d84b16; font-family:Arial, Tahoma; padding-bottom:5px; clear:both;} #content .buttons { margin-top: 20px; clear: both; border-bottom: 1px solid #c3d7e3; overflow: hidden; } #content .buttons li { float: right; } #content .buttons a { display: block; margin-left: 2px; padding: 2px 5px; font-size: 11px; color: #fff; text-decoration: none; font-weight: bold; border: 1px solid #93b8cd; border-left-color: #558fb0; border-bottom-color: #16303f; border-right-color: #275671; background: #387ca3; font-family:Tahoma, Verdana, Arial; } /* c_vacatures content */ #vacaturezoekblok .blok {background-image:url(/lib/images/background_vacature_zoekblok.png); width:457px; height:100px; margin-bottom:20px;} #vacaturezoekblok .blok form {padding: 20px 0 0 0;} #vacaturezoekblok .blok form label {width:150px; color:#fff; float:left; font-family: Tahoma, Arial, Verdana; font-size:11px; font-weight:bold; padding-left:10px;} #vacaturezoekblok .blok form input {float:left; width:200px; border: 1px solid #01576f; margin: 0 0 10px 0; padding-top:2px; padding-bottom:5px; padding-left:3px; } #vacaturezoekblok .blok form input.ruimte {margin:0 0 10px 0;} #button {overflow:hidden; margin-top:20px; margin-bottom:20px; } #button .lijntje {border-bottom: 1px solid #c3d7e3; padding-top:19px;} #vacaturezoekblok input#btnOpensollicitatie {background-color:#387ca3; float:right; border-top: 1px solid #93b8cd; border-left: 1px solid #558fb0; border-bottom: 1px solid #16303f; border-right: 1px solid #275671; color: #fff; font-family:Tahoma, Arial; text-decoration:none; display:block; height: 20px; padding:0 5px 2px 5px; display:block; font-size:11px; font-weight:bold; cursor:pointer;} #vacaturezoekblok .blok form select {float:left; width:205px; border: 1px solid #01576f;height:20px; line-height:20px;margin-right:10px; } #vacaturezoekblok .blok form .submit {background-color:#387ca3; border-top: 1px solid #93b8cd; border-left: 1px solid #558fb0; border-bottom: 1px solid #16303f; border-right: 1px solid #275671; color:#fff; font-family:Tahoma; font-weight:bold; font-size:11px; width:60px; cursor:pointer; height:20px;} #vacaturezoekblok p.text {color:#073f5f; font-size:12px; margin:20px 0 20px 0; padding-top:10px; border-top: 1px solid #c3d7e3;} #vacaturezoekblok .job {overflow:hidden;} #vacaturezoekblok .job h2 a{font-weight:bold; font-size: 12px; color:#d84b16; font-family:Arial, Tahoma; } #vacaturezoekblok .job p {color:#073f5f; font-size:12px; line-height: 18px; margin-bottom:10px;} #vacaturezoekblok .job a.leesverder {font-family: tahoma; background-color:#387ca3; border-top: 1px solid #93b8cd; border-left: 1px solid #558fb0; border-bottom: 1px solid #16303f; border-right: 1px solid #275671; color:#fff; font-family:Tahoma; font-weight:bold; font-size:11px; height:16px; float:right; text-decoration:none; padding: 2px 10px 0 10px;} #vacaturezoekblok .job .lijntje {border-bottom: 1px solid #c3d7e3; padding-top:19px; margin-bottom:20px;} /* c_vacatures detail content */ #sitemap {overflow:hidden; margin-top:20px;} #sitemap .left {float:left; width:216px;} #sitemap h2 {font-size:17px; font-family: Verdana, Arial, Tahoma; color:#d24814; margin-bottom:10px;} #sitemap ul {margin:0; padding-bottom:20px; } #sitemap li { background: url(/lib/images/liststyle.png) 0 8px no-repeat; padding-left:15px; } #sitemap li ul {margin:0; padding:0;} #sitemap li li {margin-left:20px;} #sitemap a {font-family: Arial, Verdana, Tahoma; color:#073f5f; text-decoration:none; font-size:12px; line-height:19px;} #sitemap a { font-weight: bold; } #sitemap li li a { font-weight: normal; } #sitemap a:hover {font-family: Arial, Verdana, Tahoma; color:#073f5f; text-decoration:underline;} #sitemap .right {float:right; width:216px; margin-left:10px;} #sitemap .right ul li a {font-family: Arial, Verdana, Tahoma; color:#073f5f; text-decoration:none; font-size:12px; line-height:19px;} #sitemap .right ul li a:hover {font-family: Arial, Verdana, Tahoma; color:#073f5f; text-decoration:underline;} /* c_nieuws content */ .nieuwsteasers { background-color:#f7f6f1; min-height: 80px; } .nieuwsteasers .top { width: 215px; height: 25px; background: url(/lib/images/nieuwsteasers_top.png) 0 0 no-repeat; } .nieuwsteasers .bottom { width: 215px; height: 40px; background: url(/lib/images/nieuwsteasers_bottom.png) 0 0 no-repeat; } .nieuwsteasers h3 {margin-left:15px; margin-right: 15px; color:#d24814; font-size:25px; font-family:Verdana, Arial, Tahoma; font-weight:bold;} .nieuwsteasers ul {margin-left:15px; margin-right: 15px;} .nieuwsteasers ul li {color:#898989; padding-top:10px; border-bottom:1px solid #c0bfbd; padding-bottom:10px;} .nieuwsteasers ul li a {text-decoration:none; color:#898989; font-size:12px; font-family:Arial, Verdana; display:block; line-height:16px;} .nieuwsteasers ul li a:hover {text-decoration:underline; } .nieuwsteasers .buttons { clear: both; border-bottom: 1px solid #c0bfbd; overflow: hidden; margin-bottom:20px; } .nieuwsteasers .buttons li { float: right; border:none;padding:0; margin:20px 0 -1px 0; } .nieuwsteasers .buttons a { display: block; margin-left: 2px; padding: 2px 5px; font-size: 11px; color: #fff; text-decoration: none; font-weight: bold; border: 1px solid #93b8cd; border-left-color: #558fb0; border-bottom-color: #16303f; border-right-color: #275671; background: #387ca3; } .nieuwsitem {margin-bottom:20px; margin-top:20px; overflow: hidden; } .nieuwsitem .nieuwsdatum {float:left; background: url(/lib/images/date.png) 0 0 no-repeat;width:48px; color:#fff; font-size: 12px; padding-left:4px; padding-top:2px; padding-right:2px; padding-bottom:2px; clear:both; font-size:11px;} .nieuwsitem .bericht {float:left; font-family: Arial, Verdana; font-size:12px; color:#073f5f; width:380px; margin-left:24px; margin-bottom:20px;} .nieuwsitem .bericht a.nieuwstitle {font-weight:bold; color:#d84b16; text-decoration:none; display:block; width:385px; padding: 0 5px 0 0; margin-bottom:10px; line-height:19px;} .nieuwsitem .bericht img {float:right; width:145px; border: 1px solid #b1b1b1; margin-top:8px; margin-bottom:20px;} .nieuwsitem .bericht p{ overflow:auto; font-family: Arial, Verdana; font-size:12px; color:#073f5f; line-height:19px; padding: 0 30px 0 0; margin-bottom:20px; } .nieuwsitem .leesmeer { background-color:#387ca3; float:right; border-top: 1px solid #93b8cd; border-left: 1px solid #558fb0; border-bottom: 1px solid #16303f; border-right: 1px solid #275671; margin-top:50px;} .nieuwsitem .leesmeer a{color:#fff; text-decoration:none; display:block; height: 16px; padding: 2px 5px 0 5px; font-size:11px; font-weight:bold;} .nieuwsitem .lijntje {border-bottom: 1px solid #c3d7e3; overflow:hidden; clear:both; } /* .nieuwsarchief {margin-bottom:20px; margin-top:20px; overflow: hidden;} .nieuwsarchief .nieuwsdatum {float:left; background: url(/lib/images/date.png) 0 0 no-repeat;width:48px; color:#fff; font-size: 12px; padding-left:4px; padding-top:2px; padding-right:2px; padding-bottom:2px; clear:both; font-size:11px; margin: 5px 0 0 0;} .nieuwsarchief .bericht {float:left; font-family: Arial, Verdana; font-size:12px; color:#0d4566; width:360px; margin: 0 0 0 24px; padding: 5px 10px 0 10px; background-color: #eaf2f5;} .nieuwsarchief .bericht a.nieuwstitle { color:#0d4566; text-decoration:none; display:block; width:400px; margin-bottom:10px; line-height:19px;} .nieuwsarchief .bericht a:hover.nieuwstitle { font-weight: bold; text-decoration: underline;} */ .nieuwsarchief {margin-bottom:20px; margin-top:20px; overflow: hidden;} .nieuwsarchief .nieuwsdatum {float:left; background: url(/lib/images/date.png) 0 0 no-repeat;width:48px; color:#fff; font-size: 12px; padding-left:4px; padding-top:2px; padding-right:2px; padding-bottom:2px; clear:both; font-size:11px; margin: 5px 0 0 0;} .nieuwsarchief .bericht {float:left; font-family: Arial, Verdana; font-size:12px; color:#0d4566; width:360px; margin: 0 0 0 24px; padding: 5px 0 0 10px; background-color: #eaf2f5;} .nieuwsarchief .bericht a.nieuwstitle { color:#0d4566; text-decoration:none; display:block; margin-bottom:10px; line-height:19px; padding: 0 10px 0 0;} .nieuwsarchief .bericht a:hover.nieuwstitle { font-weight: bold; text-decoration: underline;} #nieuwsarchief {background: url(/lib/images/nieuwsarchief.png) 0 0 no-repeat; height:187px; width:195px;padding-left:20px;} #nieuwsarchief h2 {margin-top:10px; font-size:25px; color:#fff;} #nieuwsarchief form {} #nieuwsarchief form legend{display:none;} #nieuwsarchief form .field {margin-top:10px;} #nieuwsarchief form .field label {float:right; color:#fff; font-family:Tahoma, verdana, Arial; font-size:11px; padding-right:20px; padding-bottom:5px; margin:0;} #nieuwsarchief form .field input#trefwoorden {width:170px; height:17px;color: #21597a; padding-left:4px; font-size:11px;} #nieuwsarchief form .field select#maandjaar {clear:both; width:175px; height:17px; color: #21597a;font-size:11px; } #nieuwsarchief form .field input.knop{background-color:#387ca3; float:right; border-top: 1px solid #93b8cd; border-left: 1px solid #558fb0; border-bottom: 1px solid #16303f; border-right: 1px solid #275671; color:#fff; font-family:Tahoma, Verdana, Arial; font-size:11px; font-weight:bold; padding-left:5px; padding-bottom:3px; height:20px; margin:0 20px 0 0; cursor:pointer;} /* c_vacature_detail content */ .vacature {margin-top:20px;} .vacature h2 {margin-bottom:10px; font-size:25px; color:#d24814;} .vacature .htmlcontent {font-family: Arial, Verdana; font-size:12px; color:#073f5f; line-height:19px; margin-bottom:20px;} .vacature .htmlcontent .tekst {font-family: Arial, Verdana; font-size:12px; color:#073f5f; line-height:19px;} .vacature .htmlcontent .tekst * {font-family: Arial, Verdana; font-size:12px; color:#073f5f; line-height:19px;} .vacature .htmlcontent .tekst a {color:#d24814;} .vacature .htmlcontent img {float:right;padding: 0 0 15px 15px;} .vacature .htmlcontent .tekst ul {margin-left:20px;} .vacature .htmlcontent .tekst ul li {background: url(/lib/images/liststyle.png) 0 8px no-repeat; padding-left:25px;font-family: Arial, Verdana; font-size:12px; color:#073f5f; line-height:19px;} .vacature .htmlcontent .tekst ul li span {font-family: Arial, Verdana; font-size:12px; color:#073f5f;} .vacature .htmlcontent .tekst ul li em {font-family: Arial, Verdana; font-size:12px; color:#073f5f; font-style:oblique;} .vacature .htmlcontent .tekst ul li a {font-size:12px; color:#d24814; font-family: Arial, Verdana;} .vacature .htmlcontent .tekst ul li ul {margin:0; padding:0;} .vacature .htmlcontent .tekst ul li li{margin-left:40px;} .vacature .htmlcontent .tekst ol {margin-left:20px;} .vacature .htmlcontent .tekst ol li { list-style-type:decimal; margin-left:20px; padding-left:5px;font-family: Arial, Verdana; font-size:12px; color:#073f5f; line-height:19px;} .vacature .htmlcontent .tekst ol li span {font-family: Arial, Verdana; font-size:12px; color:#073f5f;} .vacature .htmlcontent .tekst ol li em {font-family: Arial, Verdana; font-size:12px; color:#073f5f; font-style:oblique;} .vacature .htmlcontent .tekst ol li a {font-size:12px; color:#d24814; font-family: Arial, Verdana;} .vacature .htmlcontent .tekst ol li ol {margin:0; padding:0;} .vacature .htmlcontent .tekst ol li li{margin-left:40px;} .vacature .htmlcontent .tekst strong {color:#d24814;} .vacature a.button {font-family: tahoma; background-color:#387ca3; border-top: 1px solid #93b8cd; border-left: 1px solid #558fb0; border-bottom: 1px solid #16303f; border-right: 1px solid #275671; color:#fff; font-family:Tahoma; font-weight:bold; font-size:11px; height:16px; float:right; text-decoration:none; padding: 2px 10px 0 10px; margin-left:3px;} .vacature .lijntje {border-bottom: 1px solid #c3d7e3; overflow:hidden; clear:both;} /* C_nieuwsarchief content */ /* .nieuwsarchief {overflow:hidden;} .nieuwsarchief ul {background: url(/lib/images/nieuwsarchief_ul.png) repeat-y; padding-top:10px; padding-bottom:15px;overflow:hidden; margin-top:20px;} .nieuwsarchief ul li {padding-top:10px; clear:both;font-family: Arial, Verdana; font-size:12px; color:#073f5f; padding-right:40px;} .nieuwsarchief ul li a {display:block; font-size:12px; color:#073f5f; font-family: Arial, Verdana; text-decoration:none; margin-top:2px; float:left; margin-left:40px; } .nieuwsarchief ul li a:hover {text-decoration: underline; font-weight:bold;} .nieuwsarchief ul li span.datum {float:left; background: url(/lib/images/date.png) 0 0 no-repeat;width:48px; color:#fff; font-size: 12px; padding-left:4px; padding-bottom:2px; padding-top:2px; font-size:10px;} */ .nieuwsarchief #paginas{clear:both; overflow:hidden;} .nieuwsarchief #paginas .page { margin-top:20px; background-color:#fff; color:#d24814; padding:10px 0 10px 0; font-family: Arial, verdana; font-size: 12px;text-align:center;} .nieuwsarchief #paginas .page a {color:#d24814; padding:2px 5px; margin:0 2px; text-decoration:none; border:2px solid #f0f0f0; } .nieuwsarchief #paginas .page a:hover, div.page a:active {border:2px solid #f78154; color:#d24814; } .nieuwsarchief #paginas .page a.active { padding:2px 5px; border:2px solid #f89068; color:#fff; font-weight:bold; background-color:#d24814;} table.standard { width:457px; } table.standard th {background: #397ca3 url(/lib/images/background-table.png) 0 0 repeat-x; height: 27px; border-bottom:1px solid #fff; padding-top:10px; padding-left:18px; color:#fff; font-family:Tahoma, Verdana, Arial; font-size:11px; font-weight:bold; padding-bottom:14px; width:100px;} table.standard td {background-color:#9bbdd1; height:27px; border-bottom:1px solid #fff;padding-top:10px; padding-left:18px; color:#fff; font-family:Tahoma, Verdana, Arial; font-size:11px; font-weight:bold; width:100px; padding-bottom:10px;} table.standard tr:hover td { background-color: #83a9bf; } table.standard tr.over td { background-color: #83a9bf; } table.rekenen { width:457px; } table.rekenen th.groot {background:#397ca3 url(/lib/images/background-table.png) 0 0 repeat-x; border-bottom:1px solid #fff; padding-top:10px; padding-left:18px; color:#fff; font-family:Tahoma, Verdana, Arial; font-size:11px; font-weight:bold; padding-bottom:10px; width:120px; } table.rekenen th {background:#397ca3 url(/lib/images/background-table.png) 0 0 repeat-x; border-bottom:1px solid #fff; padding-top:10px; padding-left:18px; color:#fff; text-decoration:underline; font-family:Tahoma, Verdana, Arial; font-size:11px; font-weight:bold; padding-bottom:14px; width:70px; } table.rekenen td {background-color:#9bbdd1; height:27px; border-bottom:1px solid #fff; padding-top:10px; padding-left:18px; color:#fff; font-family:Tahoma, Verdana, Arial; font-size:11px; font-weight:bold; width:60px; padding-bottom:10px; border-left:1px solid #cddee8; } table.rekenen td.donker {background-color:#699cba; height:27px; border-bottom:1px solid #fff; padding-top:10px; padding-left:10px; color:#fff; font-family:Tahoma, Verdana, Arial; font-size:11px; font-weight:bold; width:60px; padding-bottom: 10px;} table.rekenen td.donkerlast {background-color:#699cba; height:27px; border-bottom:1px solid #fff; padding-top:10px; padding-left:10px; color:#fff; font-family:Tahoma, Verdana, Arial; font-size:11px; font-weight:bold; width: 60px; padding-bottom: 10px; text-decoration: underline;} table.rekenen tr:hover td {background-color:#83a9bf; } table.rekenen tr.over td {background-color:#83a9bf; } .woordenlijst { margin-top: 20px; overflow: hidden; } .woordenlijst ul { padding-bottom: 20px; padding-top:5px; } .woordenlijst a { font-size: 12px; color:#073f5f; text-decoration:none; line-height: 19px; } .woordenlijst a:hover {text-decoration:underline;} .woordenlijst h2 {font-size:25px; font-family:Verdana; color:#d84b16;} .woordenlijst h2.empty {font-size:25px; font-family:Verdana; color:#e8a389; margin-bottom:20px;} .woordenlijst .kolom1 {float:left; width:130px;padding-right:20px;} .woordenlijst .kolom2 {float:left; width:130px; margin-left:20px; padding-right:20px;} .woordenlijst .kolom3 {float:left; width:110px; margin-left:20px;} .downloads { width:457px; margin-top:30px;} .downloads form {clear:both; padding:10px 0 0 20px; background-image:url(/lib/images/background_downloads.png); height:27px;} .downloads form fieldset {float:left;} .downloads form legend {display:none;} .downloads form input.submit {background-color:#387ca3; border-top: 1px solid #93b8cd; border-left: 1px solid #558fb0; border-bottom: 1px solid #16303f; border-right: 1px solid #275671; color:#fff; font-family:Tahoma; font-weight:bold; font-size:11px; width:80px; cursor:pointer; height:18px; padding: 0 10px 5px 10px;} .downloads form label {color:#fff; margin-right:30px; font-size:11px; font-family:Tahoma, Verdana, Arial; font-weight:bold; float:left; } .downloads form select#dc {width:200px;margin-right:20px; height:18px; border:1px solid #185b6e; color:#185b6e;font-family:Tahoma, Verdana, Arial;font-size:11px; float:left;} .downloads .gevonden {clear:both; margin-top:30px; margin-bottom:20px; overflow:hidden; font-family:Arial, Verdana; font-size:12px; color:#073f5f; line-height:19px;} .downloads .gevonden strong {font-family:Arial, Verdana; font-size:12px; color:#073f5f; } .downloads table.download {background: url(/lib/images/background-table_downloads.png) 0 0 repeat-y; width:457px; } .downloads table.download th {/*background: url(/lib/images/background_table_downloads_th.png) 0 0 repeat-y;*/ color:#fff; font-family:tahoma, Arial, Verdana; font-size:11px; font-weight:bold; padding:10px 10px 10px 20px; border-right:2px solid #fff; border-bottom:1px solid #fff; } .downloads table.download td {padding-top:10px; color:#fff; vertical-align:top;} .downloads table.download td.soort {border-right:2px solid #fff;width:58px; padding-left:20px;color:#fff;} .downloads table.download td.soort img {width:32px; height:32px;} .downloads table.download td.downloadlink {border-right:2px solid #fff; width:201px; padding-left:20px; color:#fff; padding-bottom:5px;} .downloads table.download td.downloadlink a {color:#fff; font-family:Arial, Verdana; font-size:11px; line-height:19px;} .downloads table.download td.downloadlink p {color:#e5e5e5; font-family:Arial, Verdana; font-size:10px; line-height:19px; padding-right:20px;} .downloads table.download td.size {border-right:2px solid #fff; width:134px; padding-left:20px;color:#e5e5e5; font-size:11px; font-family:Arial, Verdana;} .downloads .overige {margin-top:20px; font-family:Arial, Verdana; font-size:12px; color:#073f5f; line-height:19px;} .downloads .overige a{font-family:Arial, Verdana; font-size:12px; color:#d24814;} .downloads .knop { background-color:#387ca3; float:right; border-top: 1px solid #93b8cd; border-left: 1px solid #558fb0; border-bottom: 1px solid #16303f; border-right: 1px solid #275671; margin-top:50px;} .downloads .knop a {color: #fff; font-family:Tahoma, Arial; text-decoration:none; display:block; height: 16px; padding: 2px 5px 0 5px; font-size:11px; font-weight:bold;} .downloads .lijntje {border-bottom: 1px solid #c3d7e3; clear:both; margin-top:-1px;} .azdetail {overflow:hidden;} .azdetail p {font-family:Arial, Verdana; font-size:12px; color:#073f5f; padding:0; margin:0;} .azdetail h2 {font-size:25px; margin-bottom:10px; color:#d24814;} .azdetail .gerelateerd {overflow:hidden; margin-top:60px;} .azdetail .gerelateerd p.titel {float:left; width:190px;font-family: Arial, Verdana, Tahoma; font-size:12px; font-weight:bold; color:#d24814; padding:0 38px 5px 0; border-bottom:1px solid #c3d7e3; margin:0;} .azdetail .gerelateerd ul.left {padding:0; margin:0; overflow:hidden; width:200px; float:left;} .azdetail .gerelateerd ul.right {float:left; padding-left:30px; overflow:hidden;width:200px; } .azdetail .gerelateerd ul li {float:left;width:200px; padding-top:0;} .azdetail .gerelateerd ul li a {color:#073f5f; font-family:Arial, Verdana, Tahoma; font-size:12px; line-height:22px;} .azdetail #knoppen {position: relative;} .azdetail #knoppen .backtotop { background-color:#387ca3; float:right; border-top: 1px solid #93b8cd; border-left: 1px solid #558fb0; border-bottom: 1px solid #16303f; border-right: 1px solid #275671; margin-top:50px;} .azdetail #knoppen .backtotop a {color: #fff; font-family:Tahoma, Arial; text-decoration:none; display:block; height: 16px; padding: 2px 5px 0 5px; font-size:11px; font-weight:bold;} .azdetail #knoppen .lijntje {border-bottom: 1px solid #c3d7e3; margin:0;} .faq { width: 457px; margin-top: 20px; clear:both; } .faq .resultaten {font-family: tahoma, Arial, Verdana;} .faq .resultaten strong { color:#000;} .faq form { padding: 8px 0 0 20px; background-image:url(/lib/images/background_downloads.png); height:27px;margin-bottom:20px;} .faq form legend { display: none; } .faq form input.submit {background-color:#387ca3; border-top: 1px solid #93b8cd; border-left: 1px solid #558fb0; border-bottom: 1px solid #16303f; border-right: 1px solid #275671; color:#fff; font-family:Tahoma; font-weight:bold; font-size:11px; width:80px; cursor:pointer; height:18px; padding: 0 10px 5px 10px;} .faq form label {color:#fff; margin-right:30px; font-size:11px; font-family:Tahoma, Verdana, Arial; font-weight:bold; width:50px; float:left;} .faq form select {float:left; width:200px;margin-right:20px; height:18px; border:1px solid #185b6e; color:#185b6e;font-family:Tahoma, Verdana, Arial;font-size:11px;} .faq .gevonden {clear:both; margin-top:30px; margin-bottom:20px; overflow:hidden; font-family:Arial, Verdana; font-size:12px; color:#073f5f; line-height:19px;} .faq .gevonden strong {font-family:Arial, Verdana; font-size:12px; color:#073f5f; } .faq .faqblok {margin-bottom:20px;} .faq a.toggle { position: absolute; top: -18px; right: 0; height: 15px;background: url(/lib/images/faq_hide.png) 0 5px no-repeat; padding-left:15px; font-family:Tahoma, Arial; text-decoration:none; color:#175b6e; } .faq a.show { background: url(/lib/images/faq_show.png) 0 5px no-repeat; } .faq ul { list-style: none; font-family:Arial, Verdana; font-size:11px; line-height:19px; padding-bottom:0; margin-top:20px;} .faq ul li { position: relative; } .faq ul li a {color: #d84b16;} .faq li div { padding: 10px; color: #fff; background: #387ca3 url(/lib/images/background_li_faq.png) 0 0 repeat-x; } .faq li div.answer { background: #d7e5ed; border-top:3px solid #fff;color:#073f5f; font-family:Arial, Verdana; font-size:11px; line-height:19px; } #contactadressen {clear:both; padding-top:5px;} #contactadressen .blokadressen {background:#387ca3 url(/lib/images/background_contact_zoekblok.png) 0 0 repeat-x; width:457px; overflow:hidden; margin-top:20px;} #contactadressen .blokadressen legend {display:none;} #contactadressen .blokadressen div {margin-top:5px;} #contactadressen .blokadressen form {padding: 10px 0 0 0; margin:0 0 0px 0; overflow:hidden;} #contactadressen .blokadressen form label {width:150px; color:#fff; float:left; font-family: Tahoma, Arial, Verdana; font-size:11px; font-weight:bold; padding-left:30px; margin:0;} #contactadressen .blokadressen form label.postcode {width:150px; color:#fff; float:left; font-family: Tahoma, Arial, Verdana; font-size:11px; font-weight:bold; padding-left:30px; padding-top:5px; margin:0;} #contactadressen .blokadressen form input {float:left; width:240px; border: 1px solid #01576f; margin: 0 0 10px 0; padding-top:2px; padding-bottom:5px; padding-left:3px; } #contactadressen .blokadressen form select {float:left; width:245px; border: 1px solid #01576f;height:20px; line-height:20px; margin-right:10px; margin-bottom:5px; } #contactadressen .blokadressen form .submit {background-color:#387ca3; border-top: 1px solid #93b8cd; border-left: 1px solid #558fb0; border-bottom: 1px solid #16303f; border-right: 1px solid #275671; color:#fff; font-family:Tahoma; font-weight:bold; font-size:11px; width:60px; cursor:pointer; height:20px; float:right; margin-right:33px;} #contactadressen ul.licht {margin-top:10px; padding:10px; background-color:#f1f6f9;} #contactadressen ul li span {color:#073f5f; font-family:Arial, Verdana; font-size:12px; line-height:19px;} #contactadressen ul li span.naam {color:#d24814; font-family:Arial, Verdana; font-size:12px; font-weight:bold; line-height:19px;} #contactadressen ul li span a {color:#d24814; text-decoration:underline;font-family:Arial, Verdana; font-size:12px;} #contactadressen ul.donker {margin-top:10px; padding:10px; background-color:#e5eef3;} #contactadressen ul li span {color:#073f5f; font-family:Arial, Verdana; font-size:12px; line-height:19px;} #contactadressen ul li span.naam {color:#d24814; font-family:Arial, Verdana; font-size:12px; font-weight:bold; line-height:19px;} #contactadressen ul li span a {color:#d24814; text-decoration:underline;font-family:Arial, Verdana; font-size:12px;} .zoekresultaten .gevondenblok {background: url(/lib/images/background_zoekresultaten.png); margin-bottom:20px;} .zoekresultaten ul {background: url(/lib/images/background_zoekresultaten.png); padding:10px; margin-bottom:20px; } .zoekresultaten ul li {background: url(/lib/images/icon_nieuws.png) 10px 0px no-repeat; padding-left:70px; padding-bottom:5px;} .zoekresultaten ul li a{color:#073f5f; font-family:Arial, Verdana; font-size:11px; text-decoration:none; padding-top:5px; display:block;} .zoekresultaten ul li a:hover {text-decoration:underline;} .zoekresultaten h2 {font-family:arial, Verdana; font-size:12px; font-weight:bold; color:#d84b16;} .zoekresultaten_trefwoord .gevondenblok {background: url(/lib/images/background_zoekresultaten_trefwoord.png); margin-bottom:20px;} .zoekresultaten_trefwoord ul {background: url(/lib/images/background_zoekresultaten_trefwoord.png); padding:10px; margin-bottom:20px; } .zoekresultaten_trefwoord ul li {background: url(/lib/images/icon_nieuws.png) 10px 0px no-repeat; padding-left:70px; padding-bottom:5px;} .zoekresultaten_trefwoord ul li a{color:#073f5f; font-family:Arial, Verdana; font-size:11px; text-decoration:none; padding-top:5px; display:block;} .zoekresultaten_trefwoord ul li a:hover {text-decoration:underline;} .zoekresultaten_trefwoord h2 {font-family:arial, Verdana; font-size:12px; font-weight:bold; color:#d84b16;} .cluetip-default #cluetip-outer { position: absolute; top:0; left:-20px; padding: 0 25px 0 30px; width: 300px; background: url(/lib/images/tooltip.png) 0 0 no-repeat; } .cluetip-default h3#cluetip-title { margin: 0 0 5px; padding: 8px 10px 4px; font-size: 1.0em; font-weight: normal; color: #21597a; height:32px; overflow:hidden; } .cluetip-default a { color: #fff; font-size: 0.95em; } .cluetip-default #cluetip-inner p { padding: 10px; color: #21597a; } .cluetip-default div#cluetip-close { text-align: right; margin: 0 5px 5px; color: #900; } #footer .hkzlogo { float: left;padding-top:18px; width:40px; } #footer .hkzlogo a img {float:left;} #footer .bijschrift {background: url(/lib/images/tooltip.png) 0px 3px no-repeat; float:left;overflow:hidden; width:334px; height:53px; } #footer .bijschrift p {padding-left:31px; padding-top:6px; line-height:15px;} #footer .bijschrift a {color:#fff;} #footer { clear: both; position: relative; padding-top: 60px; margin: 0 0 30px 63px; overflow: hidden; background: url(/lib/images/footerbck.png) 0 0 no-repeat; } #footer .hkz { float: left; width: 400px; margin-top:15px; } #footer .flashbanner { float: right; margin-left: 15px; margin-top:3px;} #footer ul { float: right; } #footer li { display: inline; padding: 0 5px; border-right: 1px solid #387ca3; } #footer li.last { border-right: 0; } #footer * { font-family: Tahoma; color: #21597a; font-size: 11px; } /* Locatiezoeker */ .homepage #locatiezoeker { background-image: url(/lib/images/locatiezoeker_btn_undocked.png); } .homepage #locatiezoeker_container { top: 250px;} .homepage #locatiezoeker_container a.locatietip span { display:none;} .homepage #locatiezoeker_container a.locatietip:hover span {display:block; position:absolute; top:0; left:70px; width:210px; height:43px; background-image: url(/lib/images/locatiezoeker_button.png); z-index:10;} #locatiezoeker_container { position: absolute; top: 229px; left: 20px; height: 270px; width: 62px; border: 0px solid purple; } #locatiezoeker { cursor: pointer; position: absolute; bottom: 0; left: 0px; height: 270px; width: 62px; text-indent: -9999px; background: url(/lib/images/locatiezoeker_btn_undocked.png) 0 bottom no-repeat; } .homepage #googlem { top: 1px; } #googlem { position: absolute; top: 0; left: 0; width: 100%; z-index: 200; } #container-2 { overflow:hidden; margin-top:20px; } #container-2 .verplicht {float:left; color: #d84b16; font-size:11px; font-family:Verdana; text-decoration:underline; font-weight:bold;} #container-2 .stap {float:right; background-color:#fff; border-top:1px solid #c3d7e3; border-right:1px solid #c3d7e3; border-left:1px solid #c3d7e3; padding:5px; color:#6d6d6d; font-weight:bold; font-family:arial; font-size:11px; margin:0;} #container-2 .bovenkant {clear:both; padding-top:20px; border-bottom:1px solid #c3d7e3;overflow:hidden; } #smoelenboek .smoelcontainer { overflow:hidden; border-bottom:1px solid #c3d7e3; margin:0 0 20px 0; clear:both; width:475px;} #smoelenboek .smoelcontainer h2 {color:#9a9999; font-family:Arial, Verdana; font-size:14px; font-weight:bold; margin-bottom:10px;} #smoelenboek .smoelcontainer .smoel {margin:0; width:144px; float:left; overflow:hidden;} #smoelenboek .smoelcontainer .smoel a {width:80px; display:block; height:175px; padding:0 15px 0 15px; text-decoration:none;} #smoelenboek .smoelcontainer .smoel a:hover {width:110px; background:url(/lib/images/smoelenboek_hover.jpg); background-color:#d8e5ed;} #smoelenboek .smoelcontainer .smoel img {border: 5px solid #387ca3; margin:0; width:100px; height:140px;} #smoelenboek .smoelcontainer .smoel p {margin:0; padding:0; width:120px; } .locatie_message {margin-top:20px;font-size: 12px; color: #073f5f; font-family: Arial,Verdana; line-height: 19px;} .Show {display:block;} .Hide { display:none;} #content #container-2 .errorBorder, #content .errorBorder { border: 1px solid #f00; } ul.tabs { border-bottom: 1px solid #C3D7E3; height: 26px; } ul.tabs li { margin: 0; margin-left: 5px; font-size: 0.8em; width: 96px; float: left; display: block; background: #fff; padding: 5px; text-align: center; font-weight: bold; border: 1px solid #C3D7E3; border-bottom: 0; cursor: default; height: 15px; } ul.tabs li.active { background: #387CA3; } ul.tabs li.active span { color: #fff; } body.gastouderopvang .contentphoto1 { background-image: url(/lib/images/gastouderopvang/contentphoto1.jpg); } body.gastouderopvang .contentphoto2 { background-image: url(/lib/images/gastouderopvang/contentphoto2.jpg); } body.gastouderopvang .contentphoto3 { background-image: url(/lib/images/gastouderopvang/contentphoto3.jpg); } body.gastouderopvang .contentphoto4 { background-image: url(/lib/images/gastouderopvang/contentphoto4.jpg); } body.gastouderopvang .contentphoto5 { background-image: url(/lib/images/gastouderopvang/contentphoto5.jpg); } /* Googlemaps */ #googlemaps { position: relative; z-index: 100000; overflow: hidden; border: 10px solid #6d95a0; } #googlemaps form { position: absolute; left: 0; top: 0; z-index: 9; height: 305px; width: 216px; padding: 20px 10px 0 10px; border-right: 10px solid #6d95a0; background: #fff url(/lib/images/locatiezoeker_zoeken_bg.png) 0 bottom no-repeat; } * html #googlemaps form { top: 10px; } #googlemaps form h2 { color: #0084a9; font-size: 21px; font-weight: normal; font-family: tahoma; margin-bottom: 10px; } #googlemaps form legend { display: none; } #googlemaps form label { color:#21597a; font-family: tahoma; font-size:11px; font-weight:bold; } #googlemaps fieldset div { margin-bottom: 10px; } #googlemaps form input.text { width: 200px; padding: 3px 2px; border:1px solid #77bdd1; font-size: 11px; margin-top:5px; } #googlemaps fieldset { margin-bottom: 10px; } #googlemaps fieldset.keuze { padding: 0 5px; } * html #googlemaps fieldset { margin-bottom: 0; } * html #googlemaps fieldset.keuze { margin-bottom: 10px; } #googlemaps fieldset.keuze label.radiobutton { font-weight: normal; cursor: pointer; margin-left:5px; margin-right:50px; } #googlemaps fieldset.keuze label.radiobutton2 { font-weight: normal; cursor: pointer; margin-left:5px; margin-right:80px; } #googlemaps fieldset.keuze label.radiobutton3 { font-weight: normal; cursor: pointer; margin-left:5px; margin-right:83px; } #googlemaps fieldset.keuze div { margin-bottom: 2px; margin-top:5px; } *+html #googlemaps fieldset.keuze div { margin-bottom: 0px; margin-top:0px; } #googlemaps form select { width: 206px; height: 20px; font-size: 11px; border: 1px solid #77bdd1;margin-top:5px; } * html #googlemaps form select { margin-bottom: 10px; } #googlemaps form input.submit { height: 18px; padding: 0 5px 3px 5px; margin-left: 146px; cursor: pointer; background: #226d82; border: 1px solid #93b8cd; border-left-color: #558fb0; border-bottom-color: #16303f; border-right-color: #275671; color: #fff; font-size: 11px; font-weight: bold; } * html #googlemaps form input.submit { margin-left: 131px; } *+html #googlemaps form input.submit { margin-left: 129px; } #googlemaps form .tekst { margin-top: 10px; color: #d24814; font-size: 11px; font-family: arial; font-weight:bold; } * html #googlemaps form .tekst { margin-top: 10px;color: #d24814; font-size: 11px; font-family: arial; font-weight:bold; } #googlemaps form .tekst a { color: #d24814; font-size: 11px; font-family: arial; text-decoration:underline; font-weight:bold; } *+html #googlemaps form .tekst { margin-top: 20px;color: #d24814; font-size: 11px; font-family: arial; font-weight:bold; } #googlemaps form .tekst a:hover {text-decoration:none; color: #d24814; font-size: 11px; font-family: arial; } #googlemaps #map { height:325px; margin-left: 246px; background-color: #e5e3df; } #googlemaps .adressenlijst { position: absolute; top: 0; right: 0; width: 250px; height: 325px; } * html #googlemaps .adressenlijst { top: 10px; right: 9px; } #googlemaps .adressen { position: relative; height:325px; overflow-y: scroll; border-left:10px solid #6d95a0; background: #fff; } #googlemaps .uitschuifbutton { position: absolute; top: 105px; left: -30px; height: 111px; width: 30px; z-index: 1; cursor: pointer; background: url(/lib/images/locatiezoeker_btn_verberglijst.png) 0 0 no-repeat; } #googlemaps .adressen li { padding:10px 10px 10px 15px; line-height:14px; overflow: hidden; } #googlemaps .adressen span.titel a {font-size:11px; font-weight: bold; color:#d84b16;} #googlemaps .adressen span {font-size:11px; } #googlemaps .adressen .info { float: left; width: 140px; margin-right: 10px; } #googlemaps .adressen .link { float: left; background: url(/lib/images/link_blokje.png) 0 0 no-repeat; text-indent: -99999px; width: 34px; height:34px; margin:0; padding:0;} #hum_marker a.close { display: none; position: absolute; right: 8px; top: 7px; width: 12px; height: 12px; text-indent: -9999px; } #hum_marker .wrapper { padding: 10px; } #hum_marker li { line-height:14px; overflow: hidden; } #hum_marker span.titel, #hum_marker span.titel a {font-size:11px; font-weight: bold; color:#d84b16;} #hum_marker span {font-size:11px; } #hum_marker .info { float: left; width: 140px; margin-right: 10px; } #hum_marker .link { float: left; background: url(/lib/images/link_blokje.png) 0 0 no-repeat; text-indent: -99999px; width: 34px; height:34px; margin:0; padding:0;} #hum_marker table.beschikbaarheid {border:1px solid #a6d1e9; width:200px; overflow:hidden; font-family: Tahoma, Arial, verdana; font-size:10px; } #hum_marker table.beschikbaarheid caption {font-size:11px; font-weight: bold; color:#d84b16;} #hum_marker table.beschikbaarheid tr {height:20px;} #hum_marker table.beschikbaarheid tr.row2 {background-color:#a6d1e9; color:#565656;} #hum_marker table.beschikbaarheid tr.row2 td {padding-left:4px; padding-top:2px;} #hum_marker table.beschikbaarheid tr.row3 {background-color:transparent;color:#565656;} #hum_marker table.beschikbaarheid tr.row3 td {padding-left:4px; padding-top:2px;} #hum_marker table.beschikbaarheid tr.row4 {background-color:transparent;color:#565656; width:300px;} #hum_marker table.beschikbaarheid tr.row4 td.breed {padding-left:4px;border-top:1px solid #a6d1e9; width:200px;} #hum_marker table.beschikbaarheid th {padding-left:2px; color:#565656;padding-top:2px;} #hum_marker table.beschikbaarheid th.beschikbaar {text-indent: -99999px;} #hum_marker table.beschikbaarheid td {width:20px;} #hum_marker table.beschikbaarheid td.leeg {margin:0; width:5px;} #hum_marker table.beschikbaarheid td img {text-align: center;} #hum_marker { position: relative; width: 264px; height: 175px; background: url(/lib/images/googlemaps/windowmarker_bg.png) 0 0 no-repeat; padding-top: 1px; } #hum_marker_beak{ margin: 0 0 5px 22px; width: 20px; height: 43px; background: url(/lib/images/googlemaps/windowmarker_beak_bg.png) 0 0 no-repeat; } #hum_marker_close { height: 20px; width: 20px; } #hum_marker_tl, #hum_marker_tr, #hum_marker_bl, #hum_marker_br, #hum_marker_t,#hum_marker_l,#hum_marker_r,#hum_marker_b{height: 2px;width: 2px;} /*******************************************************************************************************/ div#nyroModalFull { color: #777777; font-family: Verdana;} div#nyroModalFull div#nyroModalLoading {border: 4px solid #777; width: 150px; height: 150px; text-indent: -9999em; background: #fff url(/lib/images/nyromodal/ajaxLoader.gif) no-repeat; background-position: center;} div#nyroModalFull div#nyroModalLoading.error { border: 4px solid #f66; line-height: 20px; padding: 20px; width: 300px; height: 100px; text-indent: 0; background: #fff;} div#nyroModalFull div#nyroModalWrapper a#closeBut { position: absolute; display: block; top: -13px; right: -13px; width: 12px; height: 12px; text-indent: -9999em; background: url(/lib/images/nyromodal/close.gif) no-repeat; outline: 0;} div#nyroModalFull div#nyroModalWrapper div.wrapperImg div#nyroModalContent { position: relative; overflow: hidden; text-align: center;} div#nyroModalFull div#nyroModalWrapper div.wrapperImg div#nyroModalContent img { vertical-align: baseline;} div#nyroModalFull div#nyroModalWrapper div.wrapperImg div#nyroModalContent div { display: none; position: absolute; bottom: 0; left: 0; background: white; padding: 10px; margin: 10px; border: 1px white dotted; overflow: hidden; opacity: 0.8;} div#nyroModalFull div#nyroModalWrapper div.wrapperImg div#nyroModalContent div:hover { opacity: 0.5; cursor: help;} div#nyroModalFull div#nyroModalWrapper div.wrapperImg div#nyroModalContent a { outline: none; position: absolute; top: 0; height: 100%; cursor: pointer; text-indent: -9999em; background-image: url(data:image/gif;base64,AAAA); } div#nyroModalFull div#nyroModalWrapper div.wrapperImg div#nyroModalContent a.nyroModalPrev { left: 0; width: 40%;} div#nyroModalFull div#nyroModalWrapper div.wrapperImg div#nyroModalContent a.nyroModalPrev:hover { background: url(/lib/images/nyromodal/prev.gif) left 20% no-repeat;} div#nyroModalFull div#nyroModalWrapper div.wrapperImg div#nyroModalContent a.nyroModalNext { right: 0; width: 40%;} div#nyroModalFull div#nyroModalWrapper div.wrapperImg div#nyroModalContent a.nyroModalNext:hover { background: url(/lib/images/nyromodal/next.gif) right 20% no-repeat;} div#nyroModalFull #nyroModalTitle { display: none; } /*******************************************************************************************************/ /* Caution! Ensure accessibility in print and other media types... */ @media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */ .tabs-hide { display: none;} } @media print { .tabs-nav {display: none;} } .tabs-nav {list-style: none;margin: 0;padding: 0 0 0 4px;border-bottom: 1px solid #c3d7e3;overflow:hidden;} .tabs-nav:after { display: block;clear: both;content: " ";} .tabs-nav li { float: left; margin: 0 0 0 3px; min-width: 84px; } .tabs-nav a, .tabs-nav a span { display: block; padding: 0 10px;background-color:#c3d7e3;font-family: Arial;font-weight:bold;font-size:12px;} .tabs-nav a { position: relative; top: 1px; z-index: 2; padding-left: 0; color: #27537a; font-size: 12px; font-weight: bold; line-height: 1.2; text-align: center; text-decoration: none; white-space: nowrap; } .tabs-nav .tabs-selected a { color: #000; background-color:#fff;} .tabs-nav .tabs-selected a, .tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active { background-position: 100% -150px; border-right:1px solid #c3d7e3; border-left:1px solid #c3d7e3; border-top:1px solid #c3d7e3; background-color:#fff; outline: 0; } .tabs-nav a, .tabs-nav .tabs-disabled a:hover, .tabs-nav .tabs-disabled a:focus, .tabs-nav .tabs-disabled a:active { background-position: 100% -100px;} .tabs-nav a span { width: 64px; min-width: 64px; height: 18px; min-height: 18px; padding-top: 6px; padding-right: 0;} *>.tabs-nav a span { width: auto; height: auto;} .tabs-nav .tabs-selected a span { padding-top: 6px;} .tabs-nav .tabs-selected a span, .tabs-nav a:hover span, .tabs-nav a:focus span, .tabs-nav a:active span { background-color:#fff; background-position: 0 -50px;} .tabs-nav a span, .tabs-nav .tabs-disabled a:hover span, .tabs-nav .tabs-disabled a:focus span, .tabs-nav .tabs-disabled a:active span { background-position: 0 0;} .tabs-nav .tabs-selected a:link, .tabs-nav .tabs-selected a:visited, .tabs-nav .tabs-disabled a:link, .tabs-nav .tabs-disabled a:visited { cursor: text;} .tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active { /* @ Opera, we need to be explicit again here now... */ cursor: pointer;} .tabs-nav .tabs-disabled { opacity: .4;} .tabs-container { padding: 1em 8px; background: #fff; } .tabs-loading em { padding: 0 0 0 20px;} /*******************************************************************************************************/ .fotoboek {width:740px; height:501px; background-color:#fff; overflow:hidden; padding:15px;position:relative;} .fotoboek .photo {width:738px; height:499px; background: url(/lib/images/fotoboek_bg.jpg) 0 0 no-repeat; overflow:hidden; position:relative; border:1px solid black;} .fotoboek .photo .titel {position:absolute; bottom:106px; right:0px; height:31px; width:484px; background-color:#ffffff; overflow:hidden; color:#fff;} .fotoboek .photo .titel p {margin-left:10px; margin-top:2px; font-size:22px; color:#387ca3; font-weight:bold; width:420px; overflow:hidden; font-family:Tahoma, Verdana, Arial; height:24px; } .fotoboek .photo .description {position:absolute; bottom:35px; right:0px; height:71px; width:437px; background-color:#98c525; overflow:hidden; color:#fff;} .fotoboek .photo .description p {color:#fff; font-family:Tahoma; font-size:11px; padding:15px 20px 0px 20px; height:40px; overflow:hidden;} .fotoboek .photo .copyright {position:absolute; bottom:-27px; right:0px; z-index: 1000; background: url(/lib/images/copyright_fotoboek.png) 0 0 no-repeat; width:181px; height:41px; } * html .fotoboek .photo .copyright {position:absolute; bottom:-29px; right:-30px; z-index: 1000; background: url(/lib/images/copyright_fotoboek.png) 0 0 no-repeat; width:181px; height:41px; } .fotoboek .photo .copyright p {font-size:10px; color:#000; width:200px; padding-left:10px; padding-top:1px; } .fotoboek .thumbs { position: absolute; left: 15px; top: 15px; width: 94px; height: 500px; padding: 0 17px; background: url(/lib/images/fotoboek_thumbs_bg.png); } .fotoboek .thumbs .previous img { margin-left:35px; margin-top:10px; } .fotoboek .thumbs .next img { position:absolute; bottom:5px; left:52px; } .fotoboek .thumblist li {margin: 5px 0 10px 0; } .fotoboek .thumblist a { display: block; border: 1px solid #fff; } .fotoboek .thumblist img { display: block; width: 92px; height: 61px; } * html .fotoboek .thumblist a { width: 92px; height: 61px;} .fotoboek .thumblist a:hover {border:1px solid #387ca3;} .fotoboek .thumblist a.active {border:1px solid #387ca3;} .fotoboek a.close { position: absolute; right: 5px; top: 5px; height: 24px; width: 32px; text-indent: -9999px; background: url(/lib/images/sluiten.png) 0 0 no-repeat; } /*******************************************************************************************************/ #popupvideo { position:relative; width:673px; height:546px; } #popupvideo .close { position:absolute; top:22px; right:25px; cursor:pointer;} #popupvideo #flv { width: 640px; height: 360px; border:1px solid #000; } #popupvideo #border { width:642px; border:15px solid #fff; z-index:1000;background-color:#fff;} #popupvideo #text {margin-top:10px; background-color:#387ca3; } #popupvideo #text .bijschrift {border:15px solid #fff;overflow:hidden; height:82px; padding: 15px 30px 15px 30px; } #popupvideo #text .bijschrift h1 {color:#fff; font-size:22px; font-family:Tahoma, Verdana, Arial; font-weight:bold;} #popupvideo #text .bijschrift p {color:#fff; font-size:11px; font-family:Tahoma, Verdana, Arial; line-height:15px; margin-left:1px;} #popupvideo #text .bijschrift a {color:#fff; text-decoration:underline; font-weight:bold;} /*******************************************************************************************************/ #taf {position:relative; background: url(/lib/images/background_popup.png); width:474px; height:380px;} #taf h2 {font-family: Arial, Verdana; font-size:20px; color:#fefefe; padding:15px 0 0 27px;} #taf .titel {border:1px solid #dee1d9; background-color:#fff; margin:30px 50px 0 50px; padding:10px 0 10px 0;} #taf .titel h1 {margin:0 !important; padding:10px 10px 10px 15px !important; color:#387ca3;} #taf .titel p {color:#8cb71d; font-family:Tahoma, Arial, Verdana; font-size:12px; padding:0 10px 0 15px;} #taf .bedankt { display: none; } #taf .formulier { border:1px solid #dee1d9; background-color:#fff; margin:10px 50px 10px 50px; padding-top:10px;} #taf .formulier form { overflow:hidden; margin-bottom:10px; margin-top:20px; } #taf .formulier form legend { display: none; } #taf .formulier form label {clear:left; width:170px; color:#387ca3; float:left; font-family: Tahoma, Arial, Verdana; font-size:12px; padding-left:15px; margin:0 0 12px 0; } #taf .formulier form input {background-color:#387ca3; width:150px; color:#fff; margin-bottom:12px; height:16px;font-family: Tahoma, Arial, Verdana; font-size:11px; padding-left:5px; padding-top:1px;} #taf .formulier form input.submit { float: right; margin-right: 33px; background-color:#387ca3; width:70px; color:#fffdfa; margin-bottom:12px; height:18px; border-top: 1px solid #93b8cd; border-left: 1px solid #558fb0; border-bottom: 1px solid #16303f; border-right: 1px solid #275671; padding-bottom:3px; font-weight:bold; font-family:Tahoma, Arial, Verdana; font-size:11px; cursor: pointer;} #taf .close {position:absolute; top:20px; right:20px; cursor:pointer; } /*******************************************************************************************************/ body.locatie_homepage #header { height: 202px; } body.locatie_homepage #header .wrapper { padding-top: 150px; } body.locatie_homepage #header img.inzetphoto { display: block !important; position: absolute; left: 100px; top: 25px; } body.locatie #header img.inzetphoto { display: none; } body.locatie_homepage #header .bedrijfgegevens { display: block !important; position: absolute; right: 80px; top: 106px; color: #fff; font-size: 11px; font-family: Tahoma; line-height: 15px; } body.locatie_homepage #header #hoofdmenu { border-top: 2px solid #fff; } body.locatie_homepage #header .titel { top: 60px !important; } body.locatie_homepage #nieuwscontainer { border-top: 0; border-bottom: 2px solid #fff; } body.locatie_homepage #flash_button { display: block; position: absolute; cursor: pointer; bottom: -20px; right: 30px; z-index: 1000; height: 138px; width: 153px; } body.locatie_homepage #submenu { height: 33px; background-image: url(/lib/images/kinderdagverblijven/submenu_bg.png); } body.locatie_homepage #submenu ul { display: none; } /* kan weg als freek lege ul heeft opgelost */ body.locatie_homepage #footer { background: none !important; } .locatie #header .wrapper { padding-top: 100px; background: url() 0 3000px no-repeat; } /* niet body.locatie gebruiken in verband met css specificy (overerving backgrounds voor wrapper) */ body.locatie #header .titel { position: absolute; top: 60px; left: 120px; } body.locatie #header .titel h1 { float: left; } body.locatie #header .titel span.h1 { float: left; margin-left: 20px; font-size:27px; font-weight:bold; } body.locatie #header .bedrijfgegevens strong { color: #fff; font-size: 11px; font-family: Tahoma; } body.locatie #header #hoofdmenu { height: 50px; background: url() 0 0 no-repeat; } body.locatie #hoofdmenu ul.nivo1 { height: 50px; } body.locatie #hoofdmenu li span.nivo1 { padding-top: 14px; padding-bottom: 15px; background: url(/lib/images/submenu_li_bg.png) right 2px no-repeat; } body.locatie #hoofdmenu li span.nivo1:hover { background-image: url(/lib/images/submenu_li_bg_active.png); } body.locatie #hoofdmenu li.last span.nivo1 { background-image: url(); } body.locatie #hoofdmenu li.last span.nivo1:hover { background-image: url(/lib/images/submenu_li_bg_last_active.png); } body.locatie #hoofdmenu ul ul { display: none; position: absolute; right: -120px; width:245px; padding: 50px 0 0 0; overflow: hidden; background: url(/lib/images/hovermenu_bck.png) 0 20px no-repeat; } body.locatie #hoofdmenu li>ul { top: 40px; left: auto; } body.locatie #header span.ondertitel { position: absolute; top: 40px; left: 390px; width: 400px; font-size: 1.8em; color: #fff; } body.locatie #header .bedrijfgegevens { display: none; } body.locatie .cluetip-default #cluetip-outer { position: absolute; top:0px; left:-20px; padding: 0 25px 0 30px; width: 300px; background: url(/lib/images/tooltip.png) 0 0 no-repeat;} body.locatie .cluetip-default h3#cluetip-title { margin: 0 0 5px; padding: 8px 10px 4px; font-size: 1.0em; font-weight: normal; color: #21597a; height:32px; overflow:hidden; } body.locatie .cluetip-default a { color: #fff; font-size: 0.95em; } body.locatie .cluetip-default #cluetip-inner p { padding: 10px; color: #21597a; } body.locatie .cluetip-default div#cluetip-close { text-align: right; margin: 0 5px 5px; color: #900; } #beschikbaarheid { display: none; position:absolute; top:152px; right:110px; z-index:1000; height:235px; width:290px; } #beschikbaarheid a.close { position: absolute; right: 8px; top: 7px; width: 12px; height: 12px; text-indent: -9999px; } #beschikbaarheid table.beschikbaarheid {border:1px solid #a6d1e9; width:220px; overflow:hidden; font-family: Tahoma, Arial, verdana; font-size:10px; margin:5px 20px 0px 20px; } #beschikbaarheid table.beschikbaarheid caption {width:220px; margin:5px 0 5px 0; font-size:19px;} #beschikbaarheid table.beschikbaarheid tr {height:20px;} #beschikbaarheid table.beschikbaarheid tr.row2 {background-color:#a6d1e9; color:#565656;} #beschikbaarheid table.beschikbaarheid tr.row2 td {padding-left:4px; padding-top:2px;} #beschikbaarheid table.beschikbaarheid tr.row3 {background-color:transparent;color:#565656;} #beschikbaarheid table.beschikbaarheid tr.row3 td {padding-left:4px; padding-top:2px;} #beschikbaarheid table.beschikbaarheid tr.row4 {background-color:transparent;color:#565656; width:300px;} #beschikbaarheid table.beschikbaarheid tr.row4 td.breed {padding-left:4px;border-top:1px solid #a6d1e9; width:200px;} #beschikbaarheid table.beschikbaarheid th {padding-left:2px; color:#565656;padding-top:2px;} #beschikbaarheid table.beschikbaarheid th.beschikbaar {text-indent: -99999px;} #beschikbaarheid table.beschikbaarheid td {width:20px;} #beschikbaarheid table.beschikbaarheid td.leeg {margin:0; width:5px;} #beschikbaarheid table.beschikbaarheid td img {text-align: center;} #beschikbaarheid .legenda {border-left:1px solid #a6d1e9; border-right:1px solid #a6d1e9; border-bottom:1px solid #a6d1e9; width:208px; margin-left:20px; margin-top: 5px; padding-top:5px; padding-bottom:5px; overflow:hidden; } #beschikbaarheid .legenda div {padding-top:2px; clear:left; margin-bottom: 10px; } #beschikbaarheid .legenda div img {float:left; margin-right: 10px; } #beschikbaarheid .legenda div p {float:left; margin:0; padding:0; color:#565656;} #beschikbaarheid .bijschrift {margin-left:20px; margin-top:5px; width:250px;} #beschikbaarheid .bijschrift p{color:#565656; font-size:10px; font-family:Tahoma, Verdana, Arial;} #beschikbaarheid .bijschrift p a{color:#c74210; text-decoration:underline;} .legenda {border:1px solid #a6d1e9; width:218px; margin-top:20px; padding:5px; overflow:hidden; } .legenda div {padding-top:2px; clear:left; margin-bottom: 10px; } .legenda div img {float:left; margin-right: 10px; width: 12px; } .legenda div p {float:left; margin:0; padding:0; color:#565656;} body.locatie_kinderdagverblijven .contentphoto1 { background-image: url(/lib/images/kinderdagverblijven/contentphoto1.jpg); } body.locatie_kinderdagverblijven .contentphoto2 { background-image: url(/lib/images/kinderdagverblijven/contentphoto2.jpg); } body.locatie_kinderdagverblijven .contentphoto3 { background-image: url(/lib/images/kinderdagverblijven/contentphoto3.jpg); } body.locatie_kinderdagverblijven .contentphoto4 { background-image: url(/lib/images/kinderdagverblijven/contentphoto4.jpg); } body.locatie_kinderdagverblijven .contentphoto5 { background-image: url(/lib/images/kinderdagverblijven/contentphoto5.jpg); } body.locatie_kinderdagverblijven #header { background-image: url(/lib/images/kinderdagverblijven/header_bg.png); } body.locatie_kinderdagverblijven #header .inzetphoto1 { background-image: url(/lib/images/kinderdagverblijven/inzet_1.png);} body.locatie_kinderdagverblijven #header .inzetphoto2 { background-image: url(/lib/images/kinderdagverblijven/inzet_2.png);} body.locatie_kinderdagverblijven #header .inzetphoto3 { background-image: url(/lib/images/kinderdagverblijven/inzet_3.png);} body.locatie_kinderdagverblijven #header .inzetphoto4 { background-image: url(/lib/images/kinderdagverblijven/inzet_4.png);} body.locatie_kinderdagverblijven #header h1 { color: #e3f779; } body.locatie_kinderdagverblijven #header span.h1 { color: #fff; } body.locatie_kinderdagverblijven #header .bedrijfgegevens a { color: #cfecfb; } body.locatie_kinderdagverblijven #header #hoofdmenu { background-image: url(/lib/images/kinderdagverblijven/hoofdmenu_bg.png); } body.locatie_kinderdagverblijven #footer { background-image: url(/lib/images/kinderdagverblijven/footer_bg.png); } body.locatie_kinderdagverblijven #flash_button {background: url(/lib/images/kinderdagverblijven/flash_button.png) 0 0 no-repeat; } body.locatie_kinderdagverblijven #beschikbaarheid {background: url(/lib/images/kinderdagverblijven/beschikbaarheid_bg.png) 0 0 no-repeat; } body.locatie_kinderdagverblijven #beschikbaarheid table.beschikbaarheid caption {color:#c74210;} body.locatie_kinderdagverblijven #submenu { height: 33px; background-image: url(/lib/images/kinderdagverblijven/submenu_bg.png); } body.locatie_gastouderopvang .contentphoto1 { background-image: url(/lib/images/gastouderopvang/contentphoto1.jpg); } body.locatie_gastouderopvang .contentphoto2 { background-image: url(/lib/images/gastouderopvang/contentphoto2.jpg); } body.locatie_gastouderopvang .contentphoto3 { background-image: url(/lib/images/gastouderopvang/contentphoto3.jpg); } body.locatie_gastouderopvang .contentphoto4 { background-image: url(/lib/images/gastouderopvang/contentphoto4.jpg); } body.locatie_gastouderopvang .contentphoto5 { background-image: url(/lib/images/gastouderopvang/contentphoto5.jpg); } body.locatie_gastouderopvang #header { background-image: url(/lib/images/gastouderopvang/header_bg.png); } body.locatie_gastouderopvang #header .inzetphoto1 { } /* er is geen foto hiervoor */ body.locatie_gastouderopvang #header h1 { color: #a5dbfa; } body.locatie_gastouderopvang #header span.h1 { color: #fff; } body.locatie_gastouderopvang #header .bedrijfgegevens a { color: #a5dbfa; } body.locatie_gastouderopvang #header #hoofdmenu { background-image: url(/lib/images/gastouderopvang/hoofdmenu_bg.png); } body.locatie_gastouderopvang #footer { background-image: url(/lib/images/gastouderopvang/footer_bg.png); } body.locatie_gastouderopvang #flash_button {background: url(/lib/images/gastouderopvang/flash_button.png) 0 0 no-repeat; } body.locatie_gastouderopvang #beschikbaarheid {background: url(/lib/images/gastouderopvang/beschikbaarheid_bg.png) 0 0 no-repeat; } body.locatie_gastouderopvang #beschikbaarheid table.beschikbaarheid caption {color:#c74210;} body.locatie_gastouderopvang #submenu { height: 33px; background-image: url(/lib/images/gastouderopvang/submenu_bg.png); } body.locatie_buitenschoolseopvang .contentphoto1 { background-image: url(/lib/images/buitenschoolseopvang/contentphoto1.jpg); } body.locatie_buitenschoolseopvang .contentphoto2 { background-image: url(/lib/images/buitenschoolseopvang/contentphoto2.jpg); } body.locatie_buitenschoolseopvang .contentphoto3 { background-image: url(/lib/images/buitenschoolseopvang/contentphoto3.jpg); } body.locatie_buitenschoolseopvang .contentphoto4 { background-image: url(/lib/images/buitenschoolseopvang/contentphoto4.jpg); } body.locatie_buitenschoolseopvang .contentphoto5 { background-image: url(/lib/images/buitenschoolseopvang/contentphoto5.jpg); } body.locatie_buitenschoolseopvang #header { background-image: url(/lib/images/buitenschoolseopvang/header_bg.png); } body.locatie_buitenschoolseopvang #header .inzetphoto1 { background-image: url(/lib/images/buitenschoolseopvang/inzet_1.png);} body.locatie_buitenschoolseopvang #header .inzetphoto2 { background-image: url(/lib/images/buitenschoolseopvang/inzet_2.png);} body.locatie_buitenschoolseopvang #header .inzetphoto3 { background-image: url(/lib/images/buitenschoolseopvang/inzet_3.png);} body.locatie_buitenschoolseopvang #header .inzetphoto4 { background-image: url(/lib/images/buitenschoolseopvang/inzet_4.png);} body.locatie_buitenschoolseopvang #header h1 { color: #e3f779; } body.locatie_buitenschoolseopvang #header span.h1 { color: #cfecfb; } body.locatie_buitenschoolseopvang #header .bedrijfgegevens a { color: #ddd0f9; } body.locatie_buitenschoolseopvang #header #hoofdmenu { background-image: url(/lib/images/buitenschoolseopvang/hoofdmenu_bg.png); } body.locatie_buitenschoolseopvang #footer { background-image: url(/lib/images/buitenschoolseopvang/footer_bg.png); } body.locatie_buitenschoolseopvang #flash_button {background: url(/lib/images/buitenschoolseopvang/flash_button.png) 0 0 no-repeat; } body.locatie_buitenschoolseopvang #beschikbaarheid {background: url(/lib/images/buitenschoolseopvang/beschikbaarheid_bg.png) 0 0 no-repeat; } body.locatie_buitenschoolseopvang #beschikbaarheid table.beschikbaarheid caption {color:#c74210;} body.locatie_buitenschoolseopvang #submenu { height: 33px; background-image: url(/lib/images/buitenschoolseopvang/submenu_bg.png); } body.locatie_peuterspeelzalen .contentphoto1 { background-image: url(/lib/images/peuterspeelzalen/contentphoto1.jpg); } body.locatie_peuterspeelzalen .contentphoto2 { background-image: url(/lib/images/peuterspeelzalen/contentphoto2.jpg); } body.locatie_peuterspeelzalen .contentphoto3 { background-image: url(/lib/images/peuterspeelzalen/contentphoto3.jpg); } body.locatie_peuterspeelzalen .contentphoto4 { background-image: url(/lib/images/peuterspeelzalen/contentphoto4.jpg); } body.locatie_peuterspeelzalen .contentphoto5 { background-image: url(/lib/images/peuterspeelzalen/contentphoto5.jpg); } body.locatie_peuterspeelzalen #header { background-image: url(/lib/images/peuterspeelzalen/header_bg.png); } body.locatie_peuterspeelzalen #header .inzetphoto1 { background-image: url(/lib/images/peuterspeelzalen/inzet_1.png);} body.locatie_peuterspeelzalen #header .inzetphoto2 { background-image: url(/lib/images/peuterspeelzalen/inzet_2.png);} body.locatie_peuterspeelzalen #header .inzetphoto3 { background-image: url(/lib/images/peuterspeelzalen/inzet_3.png);} body.locatie_peuterspeelzalen #header .inzetphoto4 { background-image: url(/lib/images/peuterspeelzalen/inzet_4.png);} body.locatie_peuterspeelzalen #header h1 { color: #fbda7a; } body.locatie_peuterspeelzalen #header span.h1 { color: #e3e3f6; } body.locatie_peuterspeelzalen #header .bedrijfgegevens a { color: #fbda7a; } body.locatie_peuterspeelzalen #header #hoofdmenu { background-image: url(/lib/images/peuterspeelzalen/hoofdmenu_bg.png); } body.locatie_peuterspeelzalen #footer { background-image: url(/lib/images/peuterspeelzalen/footer_bg.png); } body.locatie_peuterspeelzalen #flash_button {background: url(/lib/images/peuterspeelzalen/flash_button.png) 0 0 no-repeat; } body.locatie_peuterspeelzalen #beschikbaarheid {background: url(/lib/images/peuterspeelzalen/beschikbaarheid_bg.png) 0 0 no-repeat; } body.locatie_peuterspeelzalen #beschikbaarheid table.beschikbaarheid caption {color:#c74210;} body.locatie_peuterspeelzalen #submenu { height: 33px; background-image: url(/lib/images/peuterspeelzalen/submenu_bg.png); } body.locatie_buitenschoolseopvang.login #footer { background-image: url(/lib/images/buitenschoolseopvang/footer_bg.png)!important; background-repeat:no-repeat !important; } body.locatie_peuterspeelzalen.login #footer { background-image: url(/lib/images/peuterspeelzalen/footer_bg.png)!important; background-repeat:no-repeat !important; } body.locatie_kinderdagverblijven.login #footer { background-image: url(/lib/images/kinderdagverblijven/footer_bg.png)!important; background-repeat:no-repeat !important; } /*******************************************************************************************************/ body.extranet .contentphoto1 { background-image: url(/lib/images/kinderdagverblijven/contentphoto1.jpg); } body.extranet .contentphoto2 { background-image: url(/lib/images/kinderdagverblijven/contentphoto2.jpg); } body.extranet .contentphoto3 { background-image: url(/lib/images/kinderdagverblijven/contentphoto3.jpg); } body.extranet .contentphoto4 { background-image: url(/lib/images/kinderdagverblijven/contentphoto4.jpg); } body.extranet .contentphoto5 { background-image: url(/lib/images/kinderdagverblijven/contentphoto5.jpg); } body.extranet #header { background-image: url(/lib/images/extranet_bck.png); } body.extranet #header .inloggegevens a { color: #cfecfb; } body.extranet #footer { background-image: url(/lib/images/extranet_footer.png); } body.extranet .paragraph { margin-bottom: 30px; font-size: 1.2em; } body.extranet .paragraph h2 { margin-bottom: 5px; font-weight: bold; color: #387ca3; } body.extranet .paragraph .text { color: #073f5f; line-height: 1.6em; } body.extranet .paragraph .text strong {color:#387ca3;} body.extranet .paragraph * { color: #073f5f; line-height: 1.6em; } body.extranet .paragraph .text a { color: #86b019; text-decoration: none; } body.extranet .paragraph .text a:hover { text-decoration: underline; } body.extranet .content_wrapper h1 {color: #387ca3;} body.extranet .vacature .htmlcontent .tekst strong {color:#d24814;} body.extranet #utils ul{ float: right; width: 244px; } body.extranet .activiteiten { background-color:#f7f6f1; overflow:hidden; } body.extranet .activiteiten .top { width: 215px; height: 20px; background: url(/lib/images/nieuwsteasers_top.png) 0 0 no-repeat; } body.extranet .activiteiten .bottom { width: 215px; height: 40px; background: url(/lib/images/nieuwsteasers_bottom.png) 0 0 no-repeat; } body.extranet .activiteiten h3 {margin-left:15px; margin-right: 15px; color:#387ca3; font-size:25px; font-family:Verdana, Arial, Tahoma; font-weight:bold;} body.extranet .activiteiten ul {margin-left:15px; margin-right: 15px;} body.extranet .activiteiten ul li {color:#898989; padding-top:10px; border-bottom:1px solid #c0bfbd; padding-bottom:10px;} body.extranet .activiteiten ul li a {text-decoration:none; color:#898989; font-size:12px; font-family:Arial, Verdana; display:block; line-height:16px;} body.extranet .activiteiten ul li a:hover {text-decoration:underline; } body.extranet .activiteiten .buttons { clear: both; border-bottom: 1px solid #c0bfbd; overflow: hidden; margin-bottom:20px; } body.extranet .activiteiten .buttons li { float: right; border:none;padding:0; margin:20px 0 -1px 0; } body.extranet .activiteiten .buttons a { display: block; margin-left: 2px; padding: 2px 5px; font-size: 1.1em; color: #fff; text-decoration: none; font-weight: bold; border: 1px solid #93b8cd; border-left-color: #558fb0; border-bottom-color: #16303f; border-right-color: #275671; background: #387ca3; } body.extranet .nieuwsteasers h3 {margin-left:15px; margin-right: 15px; color:#387ca3; font-size:25px; font-family:Verdana, Arial, Tahoma; font-weight:bold;} /*******************************************************************************************************/ @media screen { .sIFR-flash { visibility: visible !important; margin: 0; padding: 0; } .sIFR-replaced, .sIFR-ignore { visibility: visible !important; } .sIFR-alternate { position: absolute; left: 0; top: 0; width: 0; height: 0; display: block; overflow: hidden; } .sIFR-replaced div.sIFR-fixfocus { margin: 0pt; padding: 0pt; overflow: auto; letter-spacing: 0px; float: none; } } @media print { .sIFR-flash { display : none !important; height : 0; width : 0; position : absolute; overflow : hidden; } .sIFR-flash #content h1, h3 { display : none; } .sIFR-alternate { visibility : visible !important; display : block !important; position : static !important; left : auto !important; top : auto !important; width : auto !important; height : auto !important; } } /*******************************************************************************************************/