/* Smartlet Fat Box Style (dinsdag 21 juli 2020 16:14:07) */ /* resizable box with background and transparency*/ .smlbox{ width: 100%; float: left; font-family: Arial, Helvetica, sans-serif; } .smlboxcontent{ padding: 5px 5px 5px 5px; background-color: #EEEEEE; background-image: url('/scf/gfx/box/boxback.jpg'); background-position: left top; background-repeat: repeat-x; overflow: auto; display: block; } .smlbox .smlboxcontent p{ margin: 0px; padding: 0px 0px 0px 0px; } .smlboxtop div { margin: 0px; padding: 0px; color: #FFFFFF; overflow: hidden; white-space: nowrap; } .smlboxtop div.smlboxcapt{ font-size: 1em; font-weight: bold; } div.smlboxbtns{ clear:both; display:block; font-size:0.9em; text-align:right; z-index:100; } div.smlboxbtns a{ height: 16px; margin: 2px 4px 2px 0; display:inline-block; text-decoration: none; } .smlboxtop div a{ vertical-align: top; height: 16px; padding: 0; margin: 2px 0 0 5px; color: white; text-decoration: none; } .smlboxtop div a:hover{ text-decoration: underline; } .smlboxtop button { vertical-align: top; height: 16px; background-color: transparent; text-align: left; color: white; cursor: pointer; border: 0; padding: 0; margin: 0 0 0 5px; } .smlboxtop hidden { display:none; } .smlboxtop{ height: 20px; padding-top: 18px; margin-left: 22px; background-image: url('/scf/gfx/box/boxtop.png'); background-position: top right; background-repeat:no-repeat; } .smlboxtop span{ display: block; width: 22px; height: 38px; background-image: url('/scf/gfx/box/boxtl.png'); background-repeat: no-repeat; margin-left: -22px; margin-top: -18px; position: absolute; } .yellow .smlboxtop{ background-image: url('/scf/gfx/box/boxtop_geel.png'); } .yellow .smlboxtop span{ background-image: url('/scf/gfx/box/boxtl_geel.png'); } .blue .smlboxtop{ background-image: url('/scf/gfx/box/boxtop_blauw.png'); } .blue .smlboxtop span{ background-image: url('/scf/gfx/box/boxtl_blauw.png'); } .gray .smlboxtop{ background-image: url('/scf/gfx/box/boxtop_grijs.png'); } .gray .smlboxtop span{ background-image: url('/scf/gfx/box/boxtl_grijs.png'); } .smlboxfoot{ height: 30px; background-image: url('/scf/gfx/box/boxfooter.png'); background-position: bottom right; margin-left: 22px; margin-top: 0px; } .smlboxfoot span{ display: block; width: 22px; height: 30px; background-image: url('/scf/gfx/box/boxfl.png'); background-position: left bottom; background-repeat: no-repeat; margin-left: -22px; position: absolute; } .smlboxfootbtns{ float: right; margin-right: 30px; } .smlboxleft{ padding-left: 22px; background-image: url('/scf/gfx/box/boxl.png'); background-repeat: repeat-y; background-position: left; } .smlboxright{ padding-right: 31px; background-image: url('/scf/gfx/box/boxr.png'); background-repeat: repeat-y; background-position: right; } /* Smartlet Light Box Style (dinsdag 21 juli 2020 16:14:07) */ /* resizable box with background and transparency*/ .smlbox2{ width: 100%; float: left; margin-bottom: 15px; } .smlbox2content{ padding: 4px 0px 0px 0px; background-color: white; background-image: url('/scf/gfx/box/frameback.gif'); background-position: left top; background-repeat: repeat-x; overflow: auto; width: 100% } .smlbox2 .smlbox2content p{ margin: 0px; padding: 0px 0px 0px 0px; } .smlbox2top div { margin: 0px; padding: 0px; color: black; overflow: hidden; white-space: nowrap; } .smlbox2top div.smlboxcapt{ font-size: 1em; font-weight: bold; } .smlbox2top div.smlboxbtns{ float: right; margin-right: 16px; } .smlbox2top div a{ vertical-align: top; height: 16px; padding: 0; margin:0 0 0 5px; color: black; text-decoration: none; } .smlbox2top div a:hover{ text-decoration: underline; } .smlbox2top button { vertical-align: top; height: 16px; background-color: transparent; text-align: left; color: black; cursor: pointer; border: 0; padding: 0; margin: 0 0 0 5px; } .smlbox2top hidden { display:none; } .smlbox2top{ height: 18px; padding-top: 6px; margin-left: 16px; background-image: url('/scf/gfx/box/framet.gif'); background-position: top right; background-repeat: no-repeat; } .smlbox2top span{ display: block; width: 16px; height: 24px; background-image: url('/scf/gfx/box/frametl.gif'); background-repeat: no-repeat; margin-left: -16px; margin-top: -6px; position: absolute; } .blue .smlbox2top{ background-image: url('/scf/gfx/box/framet_blue.gif'); } .blue .smlbox2top span{ background-image: url('/scf/gfx/box/frametl_blue.gif'); } .smlbox2foot{ height: 18px; background-image: url('/scf/gfx/box/frameb.gif'); background-position: bottom right; background-repeat: no-repeat; margin-left: 16px; margin-top: 0px; } .smlbox2foot span{ display: block; width: 16px; height: 18px; background-image: url('/scf/gfx/box/framebl.gif'); background-position: left bottom; background-repeat: no-repeat; margin-left: -16px; position: absolute; } .smlboxfootbtns{ float: right; margin-right: 30px; } .smlbox2left{ background-image: url('/scf/gfx/box/framecl.gif'); background-repeat: no-repeat; padding-left: 16px; } .smlbox2right{ padding-right: 16px; background-image: url('/scf/gfx/box/framer.gif'); background-position: top right; background-repeat: no-repeat; } /* Smartlet Compact Box Style (dinsdag 21 juli 2020 16:14:07) */ /* resizable box with background and transparency*/ .smlboxcompact{ width: 100%; float: left; margin-bottom: 15px; } .smlboxcompactcontent{ overflow: auto; background-color: #EEEEEE; background-image: url('/scf/gfx/box/boxback.jpg'); background-position: left top; background-repeat: repeat-x; width: 100%; } .smlboxcompactleft{ border: 1px solid #000000; border-width: 0px 1px 1px 1px; } .smlboxcompactright{ overflow: hidden; } .smlboxcompact .smlboxcompactcontent p{ margin: 0px; padding: 0px 0px 0px 0px; } .smlboxcompacttop div { margin: 0px; padding: 0px; color: #FFFFFF; overflow: hidden; white-space: nowrap; } .smlboxcompacttop div.smlboxcapt{ font-size: 1em; font-weight: bold; } .smlboxcompacttop div.smlboxbtns{ float: right; margin-right: 10px; } .smlboxcompacttop div a{ vertical-align: top; height: 16px; padding: 0; margin:0 0 0 5px; color: white; text-decoration: none; } .smlboxcompacttop div a:hover{ text-decoration: underline; } .smlboxcompacttop button { vertical-align: top; height: 16px; background-color: transparent; text-align: left; color: white; cursor: pointer; border: 0; padding: 0; margin: 0 0 0 5px; } .smlboxcompacttop hidden { display:none; } .smlboxcompacttop{ height: 20px; padding-top: 4px; margin-left: 11px; background-image: url('/scf/gfx/box/boxctop.png'); background-position: top right; background-repeat:no-repeat; } .smlboxcompacttop span{ display: block; width: 11px; height: 24px; background-image: url('/scf/gfx/box/boxctl.png'); background-repeat: no-repeat; margin-left: -11px; margin-top: -4px; position: absolute; } .yellow .smlboxcompacttop{ background-image: url('/scf/gfx/box/boxctop_geel.png'); } .yellow .smlboxcompacttop span{ background-image: url('/scf/gfx/box/boxctl_geel.png'); } .blue .smlboxcompacttop{ background-image: url('/scf/gfx/box/boxctop_blauw.png'); } .blue .smlboxcompacttop span{ background-image: url('/scf/gfx/box/boxctl_blauw.png'); } .gray .smlboxcompacttop{ background-image: url('/scf/gfx/box/boxctop_grijs.png'); } .gray .smlboxcompacttop span{ background-image: url('/scf/gfx/box/boxctl_grijs.png'); } /* Shared Smartlet Style (dinsdag 21 juli 2020 16:14:07) */ /* style properties shared by all smartlets */ div.sml_box form { padding: 0; } .ScfPopup { font-size: 0.75em; } /* SmartInstant Box Style (dinsdag 21 juli 2020 16:14:07) */ /* resizable box with background and transparency*/ .smlboxsi{ /*width: 100%; float: left; overflow: auto;*/ padding: 5px; margin: 0px 0px 10px 0px; clear: both; } /*.smlboxsicontent{ overflow: auto; width: 100%; } .smlboxsileft{ margin:0; } .smlboxsiright{ overflow: hidden; } */ .smlboxsitop div { margin: 0px; padding: 0px; overflow: hidden; white-space: nowrap; } .smlboxsitop div.smlboxcapt{ font-size: 1em; font-weight: bold; white-space: normal; } .smlboxsitop div.smlboxcapt h2{ padding-top: 0px; } .smlboxsitop div.smlboxbtns{ float: right; margin-right: 10px; margin-top: 3px; } .smlboxsitop div.smlboxbtns a{ vertical-align: top; height: 16px; padding: 0; margin:0 0 0 5px; text-decoration: none; } .smlboxsitop div.smlboxcapt a{ text-decoration: none; } .smlboxsitop div a:hover{ text-decoration: underline; } .smlboxsitop button { vertical-align: top; height: 16px; text-align: left; color: white; cursor: pointer; border: 0; padding: 0; margin: 0 0 0 5px; } .smlboxsitop hidden { display:none; } .smlboxsitop{ margin-left: 0px; } .smlboxsitop span{ display: block; width: 0px; height: 24px; margin-left: -11px; margin-top: -4px; position: absolute; } /* licht (dinsdag 21 juli 2020 16:14:07) */ /* donker (dinsdag 21 juli 2020 16:14:07) */ /* Addition.css (donderdag 18 november 2021 13:59:31) */ body { font-family: Verdana, Geneva, sans-serif; font-style: normal; font-weight: 300; background-size: 105% 418px; background-repeat: no-repeat; overflow-x: hidden !important; color: #333333; } a, a:hover, a:focus { text-decoration: underline; color: #333333; } img { max-width: 100%; } /* table */ table { width: 100%; max-width: 100%; margin-bottom: 20px; } table > thead > tr > th, table > tbody > tr > th, table > tfoot > tr > th, table > thead > tr > td, table > tbody > tr > td, table > tfoot > tr > td { padding: 8px; line-height: 1.42857143; vertical-align: top; border-top: 1px solid #ddd; } table > thead > tr > th { vertical-align: bottom; border-bottom: 2px solid #ddd; } table > caption + thead > tr:first-child > th, table > colgroup + thead > tr:first-child > th, table > thead:first-child > tr:first-child > th, table > caption + thead > tr:first-child > td, table > colgroup + thead > tr:first-child > td, table > thead:first-child > tr:first-child > td { border-top: 0; } table > tbody + tbody { border-top: 2px solid #ddd; } /* correctie result_list */ .result_list { padding-left: 40px; padding-top: 5px; } .result_list li { display: list-item; padding: 5px 0; } .result_list li a { text-decoration: underline; } /* correctie zoeken */ .ix-faceted-search .sml_facetedsearch_results li a, .sml_facetedsearch_nav_paging .result-page-text, .sml_facetedsearch_nav button.navlink { color: #53284F; } .ix-faceted-search .sml_facetedsearch_results li { border-bottom: 1px solid #7AB800; } .sml_facetedsearch_nav_paging .result-page-text { border-top: 1px solid gray; padding: 10px 5px; } /* correctie zoeken bekendmakingen */ ul.fw_portallinks li h2 a { background: none; color: #53284F; text-decoration: underline; } ul.fw_portallinks li h2 a:hover { color: #53284F; } .portallinks { margin: 0; padding: 0; list-style: none; } .portallinks li { background-repeat: no-repeat; background-position: right bottom; background-color: #F4F4F4; border-top: 1px solid #000000; border-bottom: 1px solid #DDDDDD; display: block; padding: 5px 5px; margin: 0 0 20px 0; min-height: 65px; } .portallinks li a { color: #53284F; } .bm_zoekknop { margin-bottom: 20px; } .bm_zoekknoptop { background-color: #ECECEC; padding: 5px; margin: 0; border-top: 1px solid #000000; } .bm_zoekknoptop h2 { color: #53284F; } .bm_zoekknopform { background-color: #ECECEC; padding: 5px; margin: 0; } iframe.noscrol, #loadmap { overflow: hidden; width: 450px; height: 250px; border: 0; } /* webrichtlijnen */ /* skiplinks */ .skiplink { position: absolute; top: -1000px; left: -1000px; height: 1px; width: 1px; text-align: left; overflow: hidden; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding: 10px; z-index: 999; } a.skiplink:active, a.skiplink:focus, a.skiplink:hover { left: 10px; top: 10px; width: auto; height: auto; overflow: visible; background-color: #7AB800; color: #53284F; outline: none; } /* quicklinks */ #quicklinks { margin-top: -9999em; position: absolute; } #quicklinks a { position: absolute; top:-100em; left: 0px; } #quicklinks a:focus, quicklinks a:active { left: 1em; top: 1em; z-index: 99; color: #53284F; background-color: #C4DF8C; border: 1px solid #7AB800; padding: 5px; } #top :focus{ color: black; outline: 1px dotted black; } /* navbar */ .navbar-row { position: absolute; left: 0px; right: 0px; height: 129px; top: 0; } .navbar-header h2, .navbar-header .h2 { display: none; } .navbar-default { border: 0px; background: transparent; -webkit-box-shadow: none; box-shadow: none; } .navbar-default .navbar-toggle .icon-bar{ background-color: #53284F; } .navbar-default .navbar-nav > li > a { text-decoration: none; color: #53284F; } .navbar-default .navbar-nav > li > a:hover{ color: #ffffff; background-color: transparent; } .navbar-nav { margin-top: 79px; margin-left: 75px; } .navbar-collapse { padding-right: 0px; } .navbar-collapse .navbar-nav.navbar-right:last-child { margin-right: -30px; } .nav > li > a { padding: 15px 15px; } .navbar li { background-color: #ffffff; width: 175px; margin-right: 15px; font-size: 20px; text-align: center; } .navbar-active, .navbar li:hover { background-color: #53284F !important; } .navbar-active a { color: #ffffff !important; } .navbar-collapse.in { overflow-y: visible; } .navbar-brand { padding: 5px 0 0 15px; } /* searchbar */ input { height: 22px; border-radius:0; } .searchbar-row { background-color: #53284F; height: 40px; margin-top: 129px; } .searchbar-row > div { padding-left: 0; } .search-form { position: relative; } .search-button { color: #53284F; background: #fff; border: 0px solid; border-left: 1px solid #53284F; font-weight: normal; width: 82px; margin-left: 10px; position: absolute; right: 0; top: 8px; } .search-button:hover { background: #7AB800; } .search-field { color: #53284F; background: #ffffff; font-weight: normal; border: 0px; width: 100%; padding-left: 5px; padding-right: 86px; margin-top: 8px; } /* full width image */ .full-width-image { border-top: 40px solid #53284F; margin-top: -40px; } p.intro { color: #53284f; font-size: 18px; } /* toptaken */ .toptaken-row { padding-top: 279px; } .toptaak-title { position: absolute; display: block; font-size: 16px; font-weight: bold; text-align: center; width: 210px; bottom: 10px; } .toptaak-block { background-color: #7AB800; color: #53284F; width: 215px; height: 170px; margin: auto; margin-top: 40px; text-align: center; padding-top: 20px; } .toptaak-block:hover, .toptaak-active { background-color: #53284F; color: #ffffff; } /* banners */ .banner-block-row { padding-top: 50px; } .banner-block-row a { text-decoration: none; color: #fff; } .banner-block-row a:hover { color:#53284F; } .banner-block-left { background-color: #53284F; color: #ffffff; width: 320px; height: 234px; text-align: center; float: left; } .banner-block-middle { background-color: #53284F; color: #ffffff; width: 320px; height: 234px; text-align: center; margin: auto; } .banner-block-right { background-color: #53284F; color: #ffffff; width: 320px; height: 234px; text-align: center; float: right; } .banner-block-left img, .banner-block-middle img, .banner-block-right img { width: 318px; height: 199px; } .banner-block-title { height: 34px; padding-top: 8px; font-size: 16px; font-weight: bold; } .banner-block-left:hover, .banner-block-middle:hover, .banner-block-right:hover { background-color: #7AB800; color: #53284F; } /* footer */ #footer { background-color:#e1e1e1; color: #53284F; margin-top: 30px; padding-top: 30px; padding-bottom: 30px; } #footer h2.strong{ font-size: 14px; line-height: 20px; font-weight: bold; color: #53284F; margin: 0; padding: 0; display: inline; } .footer-block-left { width: 320px; float: left; margin-left: -10px; } .footer-row a, .footer-row a:hover, .footer-row a:focus { text-decoration: underline; color: #53284F; } .footer-row ul { padding:0; } .footer-block-middle { width: 320px; margin: auto; } .footer-block-right { width: 320px; float: right; text-align: right; margin-right: -10px; } .footer-block-right a { text-align: right; margin-left: 25px; height: 53px; width: 52px; display: inline-block; } #footer .ft_twitter { background: url(/designs/rucphen_bootstrap/icon-footer-twitter.png) no-repeat left transparent; } #footer .ft_facebook { background: url(/designs/rucphen_bootstrap/icon-footer-facebook.png) no-repeat left transparent; } #footer .ft_youtube { background: url(/designs/rucphen_bootstrap/icon-footer-youtube.png) no-repeat left transparent; } #footer .ft_twitter, #footer .ft_facebook, #footer .ft_youtube{ border-radius: 11px; } #footer .ft_twitter:hover { background: url(/designs/rucphen_bootstrap/icon-footer-twitter-hover.png) no-repeat left transparent; } #footer .ft_facebook:hover { background: url(/designs/rucphen_bootstrap/icon-footer-facebook-hover.png) no-repeat left transparent; } #footer .ft_youtube:hover { background: url(/designs/rucphen_bootstrap/icon-footer-youtube-hover.png) no-repeat left transparent; } #footer .ft_twitter:hover, #footer .ft_facebook:hover, #footer .ft_youtube:hover{ background-color: #53284F; border: 1px solid #fff; } #page .smlbox_suite_backlink { color: #333333; } #header { position: absolute; top: 0; width: 100%; background-color: #e1e1e1; } #gridcontent { margin-top: 420px; /* must be the same as #header */ padding-top: 40px; } #gridcontent > .row { margin-bottom: 20px; } #header { height: 420px; } .tti #gridcontent { padding-top: 0; } .full-width-image { background: url(/designs/rucphen_bootstrap/entreegemeentehuisrucphen_copyrightMarcelVogel.JPG) no-repeat center center; background-size: cover; height: 289px; margin-bottom: 10px; border-top: 40px solid #53284F; margin-top: -40px; } .full-width-image-footer { background: url(/designs/rucphen_bootstrap/entreegemeentehuisrucphen_copyrightMarcelVogel.JPG) no-repeat center center; background-size: cover; height: 289px; margin-bottom: -30px; margin-top: 30px; } h1, .h1 { margin-top: 0; font-size: 30px; color: #53284F; padding-bottom: 25px; } h2, h2 a, .h2, .h2 a { font-size: 24px; color: #333; } h3, .h3 { font-size: 18px; } /* aside */ #page .aside h2, #zoeken_rucphen .aside h2 { background: #53284F; color: #fff; display: block; font-size: 18px; padding: 10px 15px; } #page .aside ul, #zoeken_rucphen .aside ul { list-style: none; padding: 0; } .aside ul li { display: block; padding: 10px 15px; border: 1px solid #53284F; border-top: 0px solid #53284F; color: #53284F; } .aside ul li:first-child { border-top: 1px solid #53284F; } .aside ul li a { text-decoration: none; display: block; } .aside .img { text-align: center; margin-bottom: 30px; } .aside .linklist ul li { padding: 0; } .aside .linklist ul li a { padding: 10px 15px; background: #C4DF8C; } .aside .linklist ul li a:hover { background: #7AB800; } .sml_facetedsearch_facet a.more { font-size: 1em; } .sml_bm_weekview ul { padding-left: 0; } .sml_bm_weekview ul ul > li { padding-left: 20px; } .sml_bm_weekview ul li.title a { color: #333; font-weight: normal; text-decoration: underline; } .sml_bm_weekview ul li.title a, .sml_bm_weekview ul li.title a:hover { color: #333; font-weight: normal; text-decoration: underline; } /* navigatie */ .mainnav, .relprod { padding-top: 0; } .mainnav .list-group, .relprod .list-group { box-shadow: none; margin: 0; } .mainnav .list-group-item.active, .mainnav .list-group-item.active:focus, .mainnav .list-group-item.active:hover { background: none; box-shadow: none; text-shadow: none; } .mainnav .list-group-item, .mainnav .list-group-item.active, .mainnav .list-group-item.active:focus, .mainnav .list-group-item.active:hover, .relprod .list-group-item { padding: 0; border: 0px solid; border-top: 1px solid #fff; } .mainnav .list-group-item a, .relprod .list-group-item a { padding: 10px 15px; display: block; background-color: #7AB800; color: #53284F; text-decoration: none; } .aside .mainnav ul li:first-child, .aside .relprod ul li:first-child { border-top: 1px solid #fff; } .list-group li.active { margin: 10px 0; } .list-group.l1 li.active { margin: 0; } .mainnav .list-group-item a:hover, .mainnav ul.l1 .active a, .mainnav ul.l2 .active a, .relprod .list-group-item a:hover { background-color: #53284F; color: #fff; } .mainnav .list-group-item ul.l2 a { background-color: #C4DF8C; color: #53284F; border: 0px solid; } .mainnav .list-group-item ul.l2 a:hover { background-color: #7AB800; color: #53284F; } .mainnav ul.l2 .active a { background-color: #7AB800; color: #53284F; } .crisisblock { position: fixed; top: 0; left: 0; width: 100%; z-index: 9999; } /* faketab */ .faketab { -moz-box-shadow:inset 0px 1px 0px 0px #ffffff; -webkit-box-shadow:inset 0px 1px 0px 0px #ffffff; box-shadow:inset 0px 1px 0px 0px #ffffff; background-color:#f9f9f9; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; border:1px solid #dcdcdc; display:inline-block; cursor:pointer; color:#025883; font-family:Verdana; font-weight:bold; padding:6px 24px; text-decoration:none; text-shadow:0px 1px 0px #ffffff; text-align: center; width: 160px; } .faketab:hover { text-decoration: none; color: #53284f; } .faketab:active { position:relative; top:1px; background-color:#e9e9e9; color: #53284f; } .faketabactief { -moz-box-shadow:inset 0px 1px 0px 0px #ffffff; -webkit-box-shadow:inset 0px 1px 0px 0px #ffffff; box-shadow:inset 0px 1px 0px 0px #ffffff; background-color:#f9f9f9; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; border:1px solid #dcdcdc; display:inline-block; cursor:pointer; font-family:Verdana; font-weight:bold; padding:6px 24px; text-decoration:none; text-shadow:0px 1px 0px #ffffff; text-decoration: none; color: #53284f; text-align: center; width: 160px; } /* knop */ #top .knop:focus { color: #53284f; background-color: #7AB800; } .knop { -moz-box-shadow:inset 0px 1px 0px 0px #fff6af; -webkit-box-shadow:inset 0px 1px 0px 0px #fff6af; box-shadow:inset 0px 1px 0px 0px #fff6af; background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffec64), color-stop(1, #ffab23)); background:-moz-linear-gradient(top, #ffec64 5%, #ffab23 100%); background:-webkit-linear-gradient(top, #ffec64 5%, #ffab23 100%); background:-o-linear-gradient(top, #ffec64 5%, #ffab23 100%); background:-ms-linear-gradient(top, #ffec64 5%, #ffab23 100%); background:linear-gradient(to bottom, #ffec64 5%, #ffab23 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffec64', endColorstr='#ffab23',GradientType=0); background-color:#ffec64; -moz-border-radius:28px; -webkit-border-radius:28px; border-radius:28px; border:1px solid #ffaa22; display:inline-block; cursor:pointer; color:#333333; font-family:arial; font-size:17px; font-weight:bold; padding:14px 24px; text-decoration:none; text-shadow:0px 1px 0px #ffee66; } .knop:hover { background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffab23), color-stop(1, #ffec64)); background:-moz-linear-gradient(top, #ffab23 5%, #ffec64 100%); background:-webkit-linear-gradient(top, #ffab23 5%, #ffec64 100%); background:-o-linear-gradient(top, #ffab23 5%, #ffec64 100%); background:-ms-linear-gradient(top, #ffab23 5%, #ffec64 100%); background:linear-gradient(to bottom, #ffab23 5%, #ffec64 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffab23', endColorstr='#ffec64',GradientType=0); background-color:#ffab23; text-decoration: none; } .knop:active { position:relative; top:1px; } .knop:visited { text-decoration: none; color: #000000; } .knop a:visited { text-decoration: none; color: #000000; } /* knop met pijl */ .btn{ height:50px; line-height:50px; vertical-align:middle; text-align:center; padding:0 10px; color:#000000; background-color:#ffc022; position:relative; display:inline-block; font-family:arial; font-size:17px; font-weight:bold; } .btn:after{ position:absolute; right:-22px; content:" "; width: 0px; height: 0px; border-style: solid; border-width: 25px 2px 25px 20px; border-color: transparent transparent transparent #ffc022; } .btn:hover{ background-color:#ffab23; font-family:arial; font-size:17px; font-weight:bold; text-decoration: underline; } .btn:hover:after{ width: 0px; height: 0px; border-style: solid; border-width: 25px 2px 25px 20px; border-color: transparent transparent transparent #ffab23; } .btn:active { position:relative; top:1px; } .btn:visited { text-decoration: underline; color: #000000; } .btn a:visited { text-decoration: underline; color: #000000; } /* knop met pijl */ .gpdcproduct h2 { cursor: pointer; } .gpdcproduct .glyphicon { color: #666666; float: left; margin-right: 10px; } li.media .media-image { width: 100px; min-height: 1px; margin-right: 10px; display: block; float: left; } li.media .date { display: block; font-style: italic; } /* collapse block */ .collapse-block a.collapse-link{ display: block; text-decoration: none; } .collapse-block a.collapse-link:hover{ text-decoration: underline; } /* responsive */ @media (max-width: 1200px) { .navbar li { width: 150px; margin-left: 11px; } .banner-block-left, .banner-block-middle, .banner-block-right { width: 295px; height: 218px; } .banner-block-left img, .banner-block-middle img, .banner-block-right img { width: 293px; height: 183px; } } @media (max-width: 992px) { .navbar-row { margin-top: -129px; } .navbar-nav { margin-left: 40px; } .navbar li { width: 118px; font-size: 12px; } .banner-block-left { float: none; margin: auto; margin-bottom: 50px; } .banner-block-middle { float:none; margin: auto; margin-bottom: 50px; } .banner-block-right { float: none; margin: auto; margin-bottom: 50px; } .footer-row { text-align: center; } .footer-block-left { float: none; width: 100%; margin-left: 0px; padding: 15px; } .footer-block-middle { float: none; width: 100%; padding: 15px; } .footer-block-right { float: none; width: 100%; text-align: center; padding: 15px; } .footer-block-right a { padding-left: 0px; padding: 10px; } .img { display: none; } } @media (max-width: 991px) { .banner-block-left, .banner-block-middle, .banner-block-right { width: 585px; height: auto; margin-bottom: 10px; } .banner-block-left img, .banner-block-middle img, .banner-block-right img { display: none; } } @media (max-width: 767px) { #header { height: 170px; } #gridcontent { margin-top: 170px; /* must be the same as #header */ padding-top: 0; } .navbar-nav { padding: 0 15px; margin: 0; margin-top: 120px; } .navbar li { display: none; width: 100%; font-size: 20px; margin-left: auto; border: 1px solid #53284F; border-top: 0px solid; } .navbar-header h2, .navbar-header .h2 { display: block; right: 15px; top: -10px; position: absolute; color: #53284F; } .navbar-default .navbar-toggle { position: absolute; right: -10px; top: 25px; } .navbar li.navbar-active { display: inline-block; margin: -90px 0 0 0; float: right; border: 0px solid; width: auto; } .navbar .phone li { display: block; } .navbar .phone li.navbar-active { display: block; margin: 0; float: none; border: 1px solid #53284F; width: 100%; } .searchbar-row > div { padding-left: 15px; } .footer-block-left, .footer-block-middle, .footer-block-right { float: none; } .full-width-image { display: none; } .toptaken-row { padding-top: 360px; } .toptaak-block { width: 150px; height: 150px; } .toptaak-block img { width: 63px; height: 63px; } .toptaak-block .toptaak-title { width: 150px; } .banner-block-left, .banner-block-middle, .banner-block-right { width: 100%; } } a.not-active{ background-color:#eee; pointer-events: none; cursor: default; } .entry h3{margin-top:0; margin-bottom:0;} .modalresultlist a.list-group-item{ background-color:#f5f5f5; margin:10px 0;} .modalresultlist a.list-group-item:hover{ text-decoration:underline; background-color: #dcdcdc;} .modalresultlist a.list-group-item:first-child{border-top-left-radius: 0px; border-top-left-radius: 0px;} #essearchcontainer .pagination a{ background-color: white; color:#333333; background-image: none; line-height: 1.42857143; height: auto;} #essearchcontainer .pagination li a{margin:0; border-radius:0; border:1px solid #ddd;} #essearchcontainer .pagination li a:hover{background-color:#eee;} #essearchcontainer .pagination li.active a{ background-color: #53284F; color:white;} #essearchcontainer .pagination a:after,#essearchresults .btn:after{display:none;} #essearchcontainer .pagination li:first-child a{ margin-left: 0; border-bottom-left-radius: 4px; border-top-left-radius: 4px;} #essearchcontainer .pagination li:last-child a{ border-bottom-right-radius: 4px; border-top-right-radius: 4px;} .es_results li{ border-bottom: 1px solid #eee; } .full-width-image { background: none; height: 1px; } #header { height: 169px; z-index: 99; } #gridcontent { margin-top: 171px; z-index: 1; } /* Smartlet FS Box Style (dinsdag 21 juli 2020 16:14:07) */ .sml_box.fs{ clear: both; margin:0 0 15px 0; padding: 0 0 0 10px; } .sml_box.fs .boxtop{ padding: 2px 4px; z-index: 1; } .sml_box.fs .boxcapt { margin-bottom:0; padding:0; font-size: 1.1em; } .sml_box.fs .clear{ clear:both; } .sml_box.fs .boxcapt h2{ padding: 0; margin: 0; font-size: 1em; } .sml_box.fs .smlboxbtns { display: block; clear:both; font-size: 0.9em; line-height: 1em; z-index: 100; text-align: right; float: left; width: 100%; } .sml_box.fs .smlboxbtns.left{ text-align: left; } .sml_box.fs .box-caption.link > em{ display: block; font-style: normal; width: 100%; background-image: url(/scf/gfx/box/switch_wclose.gif); background-position: right 1px; background-repeat: no-repeat; cursor: pointer; min-height:11px; } .sml_box.fs.collapsed .box-caption.link > em{ background-image: url(/scf/gfx/box/switch_wopen.gif); } .sml_box.fs.collapsed .smlboxbtns { display: none; } .sml_box.fs.busy .box-caption.link em{ background-image: url(/scf/gfx/wait16trans.gif); background-position: right top; } .sml_box.fs.busy.collapsed.collapsible .box-caption.link em{ background-image: url(/scf/gfx/box/switch_wopen.gif); }