/* licht (maandag 18 april 2011 10:30:13) */ /* donker (maandag 29 augustus 2016 09:23:15) */ /* Bootstrap EXTRA (woensdag 9 februari 2022 09:09:40) */ .visible-xxs { display: none; } @media (max-width: 414px) { /* For devices 414px and smaller overrule col-xs- setting */ .col-xxs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xxs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xxs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xxs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xxs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xxs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xxs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xxs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xxs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xxs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xxs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xxs-12, .col-sm-12, .col-md-12, .col-lg-12 { position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; } .col-xxs-1, .col-xxs-2, .col-xxs-3, .col-xxs-4, .col-xxs-5, .col-xxs-6, .col-xxs-7, .col-xxs-8, .col-xxs-9, .col-xxs-10, .col-xxs-11, .col-xxs-12 { float: left; } .col-xxs-12 { width: 100%; } .col-xxs-11 { width: 91.66666667%; } .col-xxs-10 { width: 83.33333333%; } .col-xxs-9 { width: 75%; } .col-xxs-8 { width: 66.66666667%; } .col-xxs-7 { width: 58.33333333%; } .col-xxs-6 { width: 50%; } .col-xxs-5 { width: 41.66666667%; } .col-xxs-4 { width: 33.33333333%; } .col-xxs-3 { width: 25%; } .col-xxs-2 { width: 16.66666667%; } .col-xxs-1 { width: 8.33333333%; } .col-xxs-pull-12 { right: 100%; } .col-xxs-pull-11 { right: 91.66666667%; } .col-xxs-pull-10 { right: 83.33333333%; } .col-xxs-pull-9 { right: 75%; } .col-xxs-pull-8 { right: 66.66666667%; } .col-xxs-pull-7 { right: 58.33333333%; } .col-xxs-pull-6 { right: 50%; } .col-xxs-pull-5 { right: 41.66666667%; } .col-xxs-pull-4 { right: 33.33333333%; } .col-xxs-pull-3 { right: 25%; } .col-xxs-pull-2 { right: 16.66666667%; } .col-xxs-pull-1 { right: 8.33333333%; } .col-xxs-pull-0 { right: auto; } .col-xxs-push-12 { left: 100%; } .col-xxs-push-11 { left: 91.66666667%; } .col-xxs-push-10 { left: 83.33333333%; } .col-xxs-push-9 { left: 75%; } .col-xxs-push-8 { left: 66.66666667%; } .col-xxs-push-7 { left: 58.33333333%; } .col-xxs-push-6 { left: 50%; } .col-xxs-push-5 { left: 41.66666667%; } .col-xxs-push-4 { left: 33.33333333%; } .col-xxs-push-3 { left: 25%; } .col-xxs-push-2 { left: 16.66666667%; } .col-xxs-push-1 { left: 8.33333333%; } .col-xxs-push-0 { left: auto; } .col-xxs-offset-12 { margin-left: 100%; } .col-xxs-offset-11 { margin-left: 91.66666667%; } .col-xxs-offset-10 { margin-left: 83.33333333%; } .col-xxs-offset-9 { margin-left: 75%; } .col-xxs-offset-8 { margin-left: 66.66666667%; } .col-xxs-offset-7 { margin-left: 58.33333333%; } .col-xxs-offset-6 { margin-left: 50%; } .col-xxs-offset-5 { margin-left: 41.66666667%; } .col-xxs-offset-4 { margin-left: 33.33333333%; } .col-xxs-offset-3 { margin-left: 25%; } .col-xxs-offset-2 { margin-left: 16.66666667%; } .col-xxs-offset-1 { margin-left: 8.33333333%; } .col-xxs-offset-0 { margin-left: 0%; } .visible-xs { display: none !important; } .visible-xxs { display: block !important; } .hidden-xxs { display: none !important; } } .searchTitle{margin-top: 0;} .warning-block { background-color: red; color: white; padding: 10px; margin-bottom: 10px; } .warning-block a{ color: white; font-weight: bold; text-decoration: underline; } .mt-0{margin-top: 0;} .mt-3{margin-top: 1rem;} .mb-4{margin-bottom: 2.5rem;} .mb-0{margin-bottom: 0;} .px-2{padding-left:0.5rem !important; padding-right: 0.5rem !important;} .verkiezing-content{margin-top:30px;} .important-links-title{ color:#003865;} .important-links li{background-color: #009AD7; min-height: 75px;} .important-links li a{color: black;} .bg-white{background-color: white !important;} .bg-light{background-color: rgba(250,245,245,1);} .bg-light a{color: #702175;} /*.gemeenteraadsverkiezingen-logo img{ width: 25%;}*/ .text-p{ color: white; font-size: 16px; font-weight: bold; margin: 0px; padding: 15px; line-height:0.6;} .purple-line{min-height: auto;} .playvideo{position:relative;} .playvideo .fa{position:absolute; left:50%; top:50%; transform: translate(-50%,-50%); font-size:136px;} .verkiezingheader{background-position: 360px center !important;} .candidates-list-item{display:block; white-space: normal !important;} @media only screen and (max-width: 500px) { /* .gemeenteraadsverkiezingen-logo img{height:auto !important;} */ } /* Debug H (donderdag 25 augustus 2016 13:23:56) */ .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12, .col-xs-13, .col-sm-13, .col-md-13, .col-lg-13, .col-xs-14, .col-sm-14, .col-md-14, .col-lg-14, .col-xs-15, .col-sm-15, .col-md-15, .col-lg-15, .col-xs-16, .col-sm-16, .col-md-16, .col-lg-16 { /* border: 1px dashed red;*/ } .row { /* border: 1px dashed blue;*/ } .rendertime { position: fixed; top:0px; left:10px; color: red; } h1::after { /* content: " (h1)"; */ } h2::after { /* content: " (h2)"; */ } h3::after { /* content: " (h3)"; */ } /* Global CSS (maandag 3 januari 2022 09:02:27) */ /*******************************************************/ /** underline aan uit **/ /*******************************************************/ /* #content a { text-decoration: underline; } #footer a, #content .list-nav a, #content .breadcrumb a, #content .sml_addthis a { text-decoration: none; } */ /*******************************************************/ /** Fonts **/ /*******************************************************/ html, body, p { /* font-family: 'PT Sans', helvetica, arial, sans-serif;*/ letter-spacing: .01em; } h1, h2, h3, h4, .h1, .h2, .h3, .h4 { /* font-family: 'PT Sans', helvetica, arial, sans-serif;*/ /* font-weight: 700;*/ letter-spacing: .01em; } /*******************************************************/ /** Top header **/ /*******************************************************/ #contrastbuttons li, #contrastbuttons li a, #contrastbuttons li a span { display: inline-block; } li.contrastbutton { font-size: 14px; } li.contrastbutton a { padding-left: 0; padding-right: 0; padding-top: 10px; } li.contrastbutton a span { border: 1px solid #000; font-weight: bold; padding: 4px; } li.contrastbutton.contrast a span { background-color: #000; color: #fff !important; } #contrastbuttons .navbar-right { float: right !important; margin-right: 0; } /*******************************************************/ /** Header image en logo **/ /*******************************************************/ .headerimage { height: 165px; } #navigation { background-color: #003865; } .navbar-brand, .navbar-brand img { height: 60px; } .navbar-brand:focus { outline-color: #777; border: 2px dotted black; margin: -2px; } #headerimage { height: 100px; background-color: #009FE3; background-color: #009EE0; } @media only screen and (min-width:500px) { #headerimage { height: 165px; } .navbar-brand, .navbar-brand img { height: auto; } .logo-masker { background-image: url('/designs/design4/maskers/headermasker.png'); height: 165px; background-repeat: no-repeat; } .logo-masker-ondernemen { background-image: url('/designs/design4/maskers/headermasker.png'); height: 165px; background-repeat: no-repeat; } } #headerimage { position: relative; } .headerimage { position: absolute; left: 290px; /* breedte van masker waar nooit foto zichtbaar is */ right: 0; top: 0; } .logo-masker { position: relative; } .logo-masker-left { position: absolute; width: 9999px; left: -9998px; height: 165px; background-color: #009EE0; } /*******************************************************/ /** sections **/ /*******************************************************/ .section { padding-top: 20px; padding-bottom: 20px; } .section.no-padding, .section.no-padding-top { padding-top: 0; } .section.no-padding, .section.no-padding-bottom { padding-bottom: 0; } /*******************************************************/ /** Footer **/ /*******************************************************/ .footerrow a { color: #003865; } .footerrow { background-size: cover; background-repeat: no-repeat; background-position: 50% 50%; } .footerrow .footer-wrapper { padding: 15px 15px 200px 15px; } .footerrow .footer-wrapper .row { background-color: rgba(255, 255, 255, 0.83); } .footerrow a:hover { color: #00ade5; } #footer { background-color: #00ade5; } /*******************************************************/ /** breadcrumb **/ /*******************************************************/ .breadcrumb { background-color: #fff; margin-bottom: 0; padding:8px 0; } .padding-small { padding-top: 10px; padding-bottom: 10px; } /*******************************************************/ /** left menu **/ /*******************************************************/ .list-nav { list-style: none; padding-left:0; margin-top:25px; } .list-nav li { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } .list-nav li a { line-height:1.83; } .list-nav-item { padding-left: 20px; border-top: 0px solid; border-bottom: 0px solid; } .list-subnav { list-style: none; padding-left:20px; } .list-subnav-item { background:none; } /* Basecolors: */ /* basiskleur 1 - helderblauw */ /* basiskleur 2 - heldergroen */ /* basiskleur 3 - oranje */ /* basiskleur 4 - donkerbruin */ /* basiskleur 5 - geel */ /* basiskleur 6 - donkerblauw */ /* basiskleur 7 - rood */ .list-nav li { background:url(/designs/design4/bullet_roundorange.png) no-repeat scroll left 8px transparent; } .rood .list-nav li { background:url(/designs/design4/bullet_roundred.png) no-repeat scroll left 8px transparent; } .blauw .list-nav li { background:url(/designs/design4/bullet_roundblue.png) no-repeat scroll left 8px transparent; } .groen .list-nav li { background:url(/designs/design4/bullet_roundgreen.png) no-repeat scroll left 8px transparent; } .geel .list-nav li { background:url(/designs/design4/bullet_roundyellow.png) no-repeat scroll left 8px transparent; } .donkerblauw .list-nav li { background:url(/designs/design4/bullet_rounddarkblue.png) no-repeat scroll left 8px transparent; } .list-nav li li { background: none !important; padding-left: 0; } /*******************************************************/ /** toptaken level 1 **/ /*******************************************************/ #toptasks { padding-top: 40px; } .toptaak { width:100%; height:80px; } .toptaak-icon { float: left; height: 100%; padding: 10px; } .toptaak-icon img { height:100%; } .toptaak-txt { display:table; height:100%; } .toptaak-txt span.task { line-height:1.2; } img.icon { margin:5px; height: 70px; } span.task { vertical-align: middle; display: table-cell; } #toptasks a { width:100%; color: #003865; background-color: #e1effa; margin-bottom: 20px; font-size: 20px; display: block; } #toptasks a:hover { text-decoration: none; background-color: #e98300; background-color: #00ade5; color: #fff; } @media (min-width:768px) { .toptaak-icon { padding-right:15px; } } @media (max-width:768px) { .toptaak, #toptasks a { height:60px; font-size:15px; } } @media (min-width:375px) and (max-width:768px) { #toptasks .col-xs-12 { width:50%; } } /*******************************************************/ /** Toptaken level 2 **/ /*******************************************************/ span.subtask { vertical-align: middle; height: 80px; display: table-cell; } .bg-white-t { padding-top:20px; padding-bottom:20px; } .bg-white-t a { font-size: 18px; display: block; border-top: 2px solid #e4dfe6; border-bottom: 2px solid #e4dfe6; padding: 0 10px; color: #003865; font-weight:400; margin:-1px 0; } .bg-white-t a:hover { color: #007399; color: #00ade5; } .bg-white-t div.col-xs-12:nth-child(1) a, .bg-white-t div.col-xs-12:nth-child(2) a, .bg-white-t div.col-xs-12:nth-child(3) a, .bg-white-t div.col-xs-12:nth-child(4) a { border-bottom: 2px #fff; } @media (max-width:768px) { .bg-white-t a { font-size: 15px; } span.subtask { height: 60px; } } /*******************************************************/ /** Main elements **/ /*******************************************************/ .btn, .btn-default, .btn-primary, .btn-success, .btn-info, .btn-warning, .btn-danger { background-image:none; } /*******************************************************/ /** Useful links fixes **/ /*******************************************************/ .border-box { background-color: #fefefe; border: 1px solid #009FE3; border: 1px solid #009EE0; } .border-box .smlboxcapt, .border-box .smartlet.sml_si_field { padding-left:15px; padding-right:15px; } .row.border-box .smlboxcapt, .row.border-box .smartlet.sml_si_field { padding-left:0; padding-right:0; } .list-group { background: none; box-shadow: none; } .list-group-box { background-color: #e1effa; } .list-group-box .smlboxcapt { padding: 26px 15px 22.5px 15px; background-color: #e1effa; border: 2px solid #fff; border-bottom-width: 0px; } .list-group-box .smlboxcapt h2 { margin: 0; font-size: 21px; } .list-group-item, .list-group-box .smlboxcapt { border-top-width: 2px; border-bottom-width: 2px; border-left-width: 0px; border-right-width: 0px; } .list-group-box .smlboxcapt { margin-bottom: -1px; } .hidden { position: absolute; left: -999em; top: -999em; display: block !important; } /*******************************************************/ /** generic settings **/ /*******************************************************/ .date { font-size: 80%; } .date-content { /* color: #777;*/ border-bottom: 1px solid #eee; } .padding-top-4 { padding-top: 4px; } .padding-top-10 { padding-top: 10px; } p.intro { font-weight: 700; } hr, hr.line-break { border-top: 1px solid #eee; } a.quicklink { background-color: #FFFFFF; border: 2px solid #003865; display: block; font-size: 1.3em; left: -1000em; padding: 0.8em; position: absolute; z-index: 10; } a.quicklink:focus, a.quicklink:active { top: 1em; left: 1em; z-index: 99999; color: #003865; outline: none; } legend { position: absolute; top:-99em; left:-99em; } .menuinfo { position: absolute; top:-99em; left: -99em; } /*******************************************************/ /** Forms **/ /*******************************************************/ #eencheck { display: none !important; } /*******************************************************/ /** news / agenda block **/ /*******************************************************/ .img-container img { border: 1px solid #efefef; } .block-responsive-link { margin-top: 10px; } .img-container2 { display: flex; flex-direction: column-reverse; } .img-container2 img{ min-height: 85px; } /*******************************************************/ /** Zoeken **/ /*******************************************************/ .fw_formcontrols ul { padding-left: 0; } .fw_formcontrols li { list-style-type: none; } .badge-primary { background-color: #003865; } .badge-warning { background-color: red; color: #fff; } .badge-warning a { color: #fff; } span.entry h3 { margin: 0; } li.ellipsis { display: -webkit-flex; display: flex; } li.ellipsis .ellipsis-item { -webkit-flex: 1; flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } li.ellipsis .badge { margin: 1px 0 2px 4px; } /*******************************************************/ /** **/ /*******************************************************/ .sml_box.border-box { margin-bottom: 20px; } /*******************************************************/ /** equal height **/ /*******************************************************/ @media (min-width:768px) { .row-eq-height { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .row-eq-height .col-sm-3 .sml_box { height: 100% } } /*******************************************************/ /** carousel **/ /*******************************************************/ .carousel .carousel-caption { /* text-shadow: none;*/ left:10%; right:10%; } .carousel .carousel-caption h2 { font-size: 30px; } .carousel .carousel-caption { left: 0; right: 0; padding-bottom: 0; bottom: 0; padding-top: 10px; } @media (min-width: 768px) { .carousel .carousel-caption h2 { font-size: 16px; } } @media (min-width: 992px) { .carousel .carousel-caption h2 { font-size: 22px; } } @media (min-width: 1200x) { .carousel .carousel-caption h2 { font-size: 26px; } } .carousel-home .carousel .carousel-caption { left: 0; right: 0; padding-bottom: 0; bottom: 0; padding-top: 10px; background-color: #003865; text-shadow: none; } .slide-link:hover .carousel-caption p { text-decoration: underline; } /*******************************************************/ /** **/ /*******************************************************/ .sml_addthis .newwindow span.fa-external-link { display:none; } /*******************************************************/ /** **/ /*******************************************************/ img.inline-image { float: left; margin-right:20px; width: 40%; margin-top: 8px; } img.inline-image.img-heading { margin-top: 16px; } /*******************************************************/ /** **/ /*******************************************************/ .block-ellipsis-2 { text-overflow: ellipsis; max-height: 50px; display: block; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; max-width: 338px; } .block-ellipsis-3 { text-overflow: ellipsis; max-height: 75px; display: block; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; max-width: 338px; } .block-ellipsis-4 { text-overflow: ellipsis; max-height: 100px; display: block; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; max-width: 338px; } .block-ellipsis-5 { text-overflow: ellipsis; max-height: 100px; display: block; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; max-width: 338px; font-size: 16px; font-weight: normal; } @media (min-width:768px) { p.block-responsive-link.block-ellipsis-2, p.block-responsive-link.block-ellipsis-3, p.block-responsive-link.block-ellipsis-4 { max-width: 156px; } } @media (min-width:992px) { p.block-responsive-link.block-ellipsis-2, p.block-responsive-link.block-ellipsis-3, p.block-responsive-link.block-ellipsis-4 { max-width: 212px; } } @media (min-width:1200px) { p.block-responsive-link.block-ellipsis-2, p.block-responsive-link.block-ellipsis-3, p.block-responsive-link.block-ellipsis-4 { max-width: 262px; } } /*******************************************************/ /** tables **/ /*******************************************************/ form .table > thead > tr > th, form .table > tbody > tr > th, form .table > tfoot > tr > th, form .table > thead > tr > td, form .table > tbody > tr > td, form .table > tfoot > tr > td { border: none; } .table .table-label { width: 30%; } .table .table-input { width: 70%; } .form-control.form-control-date { display: inline; Width: 20%; min-width: 40px; } .form-control-date-clear { margin: -3px 0 0 6px; } .alignleft { text-align: left; } .alignright { text-align: right; } .aligncenter { text-align: center; } .alignjustify { text-align: justify; } /*******************************************************/ /** blokken margins **/ /*******************************************************/ .sml_box .sml_si_datatablelist { margin-bottom: 10px; } /*******************************************************/ /** paging : fixes A + SPAN vs BUTTON **/ /*******************************************************/ .pagination > li > a, .pagination > li > span { float: none; } .pagination > li > a, .pagination > li > span, .pagination > li > button { position: relative; padding: 6px 12px; line-height: 1.6; text-decoration: none; color: #00ade5; background-color: #ffffff; border: 1px solid #dddddd; margin-left: -1px; } .pagination > .active > a, .pagination > .active > span, .pagination > .active > button, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > button:hover, .pagination > .active > a:focus, .pagination > .active > span:focus, .pagination > .active > button:focus { z-index: 3; color: #ffffff; background-color: #00ade5; border-color: #00ade5; cursor: default; } .pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > button:hover, .pagination > li > a:focus, .pagination > li > span:focus, .pagination > li > button:focus { z-index: 2; color: #007399; background-color: #eeeeee; border-color: #dddddd; } .pagination > .active > button:focus, .pagination > .active > a:focus { border: 2px dotted black; margin: -2px; } /*******************************************************/ /** searchresult fixes OpenData **/ /*******************************************************/ .list.-sml-ods-result { margin: 0; padding: 0; list-style: none; } .list.-sml-ods-result li { padding: 10px 0px 10px 0px; clear: both; margin: 0; } .list.-sml-ods-result li .is_sr.date { display: inline-block; width: 40em; } .list.-sml-ods-result li .is_sr.content { padding: 3px 0; } .sml_opendatasearch_filter .result-page-text { font-weight: bold; } /*******************************************************/ /** H1 voor document consistentie **/ /*******************************************************/ h1.hoofdtitel { position: absolute; top: -999em; } /*******************************************************/ /** blokken eq height **/ /*******************************************************/ @media (min-width : 768px) { .home-equal-height { height: 478px; } .list-group-box.home-equal-height, .list-group-box.home-equal-height.last, .border-box.home-equal-height { height: auto; } } @media (min-width : 992px) { .home-equal-height, .list-group-box.home-equal-height.last, .border-box.home-equal-height { height: 390px; } .list-group-box.home-equal-height { height: auto; } } @media (min-width : 1200px) { .home-equal-height, .list-group-box.home-equal-height, .list-group-box.home-equal-height.last, .border-box.home-equal-height { height: 350px; } } .list-group-box.home-equal-height { margin-top: -1px; } /*******************************************************/ /** sitewarings **/ /*******************************************************/ .site-warning { color : #fff; font-size: 18px; background-color: red; } .site-warning a { color: #fff; } .site-warning a span { padding-bottom: 2px; border: none; border-bottom: 2px solid #fff; } .site-warning a:hover, .site-warning a:focus, .site-warning a:active { text-decoration: none; color: #d9d9d9; } .site-warning a:hover span, .site-warning a:focus span, .site-warning a:active span { border-color: #d9d9d9; } .site-warning .alert { margin-bottom: 0; padding: 10px; box-shadow: inset 0px 0px 0px rgba(255,255,255,0.25), 0px 1px 2px rgba(0,0,0,0.05); } /*******************************************************/ /** Hoofdmenu **/ /*******************************************************/ .dropdown-wide { width:100%; } .navbar { margin-bottom: 0; } .bg-color-blue { background-color: #003865; } .no-border { border: none; border-radius: 0; } .no-padding { padding:0; } .navbar-default, .navbar-inverse { background-image: none; box-shadow: none; } .dropdown-menu { display: none !important; } .hoofdmenu, .navbar-form { box-shadow:none; border:none; } .navbar-form { margin:6px 0; padding-left:0; } .navbar-inverse .navbar-toggle:focus { background-color: #003865; outline: 2px dotted #fff; } .navbar-inverse .navbar-toggle:focus .icon-bar { background-color: #fff; border-color: #fff; } .navbar-form .form-control { /* height:auto;*/ } @media (min-width:768px) { .hoofdmenu { float:left; } } @media (min-width:768px) and (max-width:992px) { .navbar-form { max-width:26%; } } @media (max-width:767px) { .navbar-form { margin:0 60px 0 0; padding: 6px 15px; position:absolute; top:0; } } .navbar-inverse .navbar-brand, .navbar-inverse .navbar-nav > li > a { text-shadow: none; } .underline { border: none; border-bottom: 2px solid #fff; padding-bottom: 2px; } li .dropdown-menu { border: none; border-left: 2px solid #fff; } li:hover .underline { border-color: transparent !important; } ul.dropdown-menu { margin: -2px; } li.dropdown { border-left: 2px solid transparent; } .dropdown-menu > li > a { padding: 6px 20px; } li .dropdown-menu { padding: 30px; border-bottom: 2px solid #fff; } .dropdown-menu a { border-top: 0px solid #fff; } li.wonen.dropdown:hover, li.wonen .underline, li.wonen .dropdown-menu, li.wonen .dropdown-menu a { border-color: #e75d63; } li.ontspannen.dropdown:hover, li.ontspannen .underline, li.ontspannen .dropdown-menu, li.ontspannen .dropdown-menu a { border-color: #bed600; } li.ondernemen.dropdown:hover, li.ondernemen .underline, li.ondernemen .dropdown-menu, li.ondernemen .dropdown-menu a { border-color: #fcd900; } li.gemeente.dropdown:hover, li.gemeente .underline, li.gemeente .dropdown-menu, li.gemeente .dropdown-menu a { border-color: #00ade5; } .nav >li.dropdown { position: initial; } li.wonen.dropdown-menu .dropdown a { } @media only screen and (min-width:769px) { .dropdown:hover .dropdown-menu { display: block; } .dropdown-submenu { position: relative !important; } .dropdown-submenu>.dropdown-menu { top: 0 !important; left: 100% !important; margin-top: -6px !important; margin-left: -1px !important; border-radius: 0 !important; } .dropdown-submenu:hover>.dropdown-menu { display: block !important; } .dropdown-submenu>a:after { display: block; content: "\f105"; font-family: 'FontAwesome'; margin-top: -18px; right: 15px; position: absolute; font-weight: 300; } } ; button, .btn { background-image: none !important; } .xnavbar .navbar-form { padding: 0; margin-right: 0; margin-left: 0; border: 0; -webkit-box-shadow: none; box-shadow: none; } @media(max-width:767px) { .xnavbar .navbar-form { width: 185px; padding-left:15px; padding-right:0; } } .dropdown.on > a { color: #003865 !important; background-color: #fff; } .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus { text-decoration: underline; } /*******************************************************/ /** carrousel **/ /*******************************************************/ .carousel-home .carousel-caption { left: 0; right: 0; padding-bottom: 0; bottom: 0; padding-top: 10px; background-color: #003865; text-shadow: none; } .slide-link:hover .carousel-caption p { text-decoration: underline; } /*******************************************************/ /** images in body **/ /*******************************************************/ img.right { float:right; } img.left { float:left; } /*******************************************************/ /** home blokken extra **/ /*******************************************************/ .border-box.home-equal-height { overflow: hidden; word-wrap: break-word; } /*******************************************************/ /** UL and OL fix body **/ /*******************************************************/ #content .content-column ul { overflow: hidden; } #content .content-column ol { overflow: hidden; } /*******************************************************/ /** cookie fixes **/ /*******************************************************/ .mode_always .accept-new { margin-top: 30px; clear: both; display: block; float: right; } .mode_always .accept-new button { float: right !important; } .mode_banner .accept-new button { } /*******************************************************/ /** warning over breedte rood **/ /*******************************************************/ #warning { background-color: red; } /*******************************************************/ /** Lightbox **/ /*******************************************************/ .lightbox { display: block; } #black{ background-color: #00ade5; } #imagecontainer{ background-color: #fff; } #imagecontainer #close{ color: #FF0000; background-color: #fff; } #imagecontainer #ajaxtekst{ color: #000; } #black{ width: 100%; height: 100%; position: fixed; top: 0px; left: 0px; bottom: 0px; right: 0px; display: none; z-index: 1000; } #imagecontainer{ position: absolute; width: 90%; top: 10%; right: 0; left: 0; margin-right: auto; margin-left: auto; display: none; font-size: 0.75em; line-height: 1.4em; z-index: 1005; padding: 10px; } @media (min-width : 768px) { #imagecontainer{ width: 80% } } @media (min-width : 992px) { #imagecontainer{ width: 800px } } #imagecontainer #ajaximage{ padding: 10px; display: none; } #imagecontainer img{ width: 100%; height: auto; margin: 0; } #imagecontainer #close{ position: absolute; text-decoration: none; font-weight: bold; font-size: 1.4em; top: 10px; display: block; right: 8px; width: 28px; padding: 3px 0px 6px 0px; text-align: center; } #ajaxtekst{ padding: 10px 10px 0px 10px; display: none; } #zijkolom #ajaxtekst{ display: block; } #imagecontainer #ajaxtekst .datum{ display: block; font-size: 0.9em; } /*******************************************************/ /** End Lightbox **/ /*******************************************************/ /*******************************************************/ /** Checkbox Formulieren **/ /*******************************************************/ input[type='radio'], input[type='checkbox'] { margin: 4px 4px 0; } /*******************************************************/ /** Accordion **/ /*******************************************************/ .accordion .accordionitem div { display: none; } .accordion .accordionitem.active div { display: block; } .accordion .accordionicon{ float:right; position: relative; display: inline-block; } .accordion .accordionicon:before { content: "\f055"; } .accordion .active .accordionicon:before { content: "\f056"; } .accordion .accordionitem h2 { cursor: pointer; padding: 5px; } .accordion .accordionitem h2:hover { background: #eee; } .accordionitem h2 a { width: 100%; display: inline-block; } .accordionitem h2 a:hover,.accordionitem h2 a:focus { text-decoration: none; } /*******************************************************/ /** End Accordion **/ /*******************************************************/ /*******************************************************/ /** Gallery **/ /*******************************************************/ .rowpicture { display: -ms-flexbox; /* IE10 */ display: flex; -ms-flex-wrap: wrap; /* IE10 */ flex-wrap: wrap; padding: 0 4px; } /* Create four equal columns that sits next to each other */ .columnpicture { -ms-flex: 50%; /* IE10 */ flex: 50%; max-width: 50%; padding: 0 30px; } .columnpicture img { margin-top: 8px; vertical-align: middle; width: 100%; } hr.gallery { border-top: 1px solid #003865; } /* Responsive layout - makes a two column-layout instead of four columns */ @media screen and (max-width: 800px) { .columnpicture { -ms-flex: 50%; flex: 50%; max-width: 50%; } } /* Responsive layout - makes the two columns stack on top of each other instead of next to each other */ @media screen and (max-width: 600px) { .columnpicture { -ms-flex: 100%; flex: 100%; max-width: 100%; } } /*******************************************************/ /** End Gallery **/ /*******************************************************/ /* contrast.css (woensdag 15 januari 2020 14:49:15) */ /* algemeen */ .contrast div { color: black !important; } .contrast a { color: black !important; } .contrast p { color: black !important; } .contrast h1 { color: black !important; } .contrast h2 { color: black !important; } .contrast h3 { color: black !important; } .contrast a { text-decoration: underline !important; } .contrast .sml_addthis a, .contrast .share a { text-decoration: none !important; } .contrast .carousel-home .carousel-caption p { color: #fff !important; text-decoration: underline !important; } /* menu bovenin */ .contrast #navigation li a { text-decoration: none !important; color: #fff !important; } .contrast #navigation li.on a { color: black !important; } .contrast #navigation .navbar-nav > li > a:hover, .contrast #navigation .navbar-inverse .navbar-nav > li > a:focus { color: black !important; } /* kruimelpad */ .contrast .breadcrumb li.active { color: black !important; } /* Footer */ .contrast #footer .footer-wrapper .row { background-color: #fff; } /* box */ .contrast .border-box { border-color: #000 !important; } /* knoppen */ /* carousel */ .contrast .slidetitle { background-color: #fff; } .contrast .slides .slidetitle a { background-color: white; } .contrast .list li div { color: black !important; } .contrast #cookiebanner .sml_cookiepolicy { color: white !important; background-color: black; } .contrast .sml_cookiepolicy div.accept a.cookiemore { color: black !important; background-color: white; } .contrast .sml_cookiepolicy div.accept button { color: black !important; background-color: white; } .contrast .ix-faceted-search div.sml_facetedsearch_result a em.searchTerm { color: black !important; font-weight:bold; } .contrast input[type='button'], .contrast input[type='submit'], .contrast button { background: none; background-color:#fff; border: 1px solid #000; box-shadow: none; color: #000; } .form-control { color: #000; } .form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control { background-color: #fff; } .contrast .fw_modulebox .fw_form { background-color: white !important; } .contrast .field { background-color: white !important; } .contrast .highlight { background-color: white !important; border-top-color: black !important; border-bottom-color: black !important; border-right-color: black !important; border-left-color: black !important; } .contrast p.slidecontent { background-color: black !important; color: white !important; font-weight: bold; } .contrast table th { background-color: white !important; } .contrast #vraaggeleiding .result_list a { background-color: white !important; } .contrast .vraag_titel { background-color: white !important; } .contrast .quicklink { color: black !important; } /* toptaken blokken */ .contrast #toptasks a { background-color: whiteSmoke !important; } .contrast #toptasks a:hover { background-color: ghostWhite !important; } .contrast .list-group-box .smlboxcapt { background-color: whiteSmoke !important; } .contrast .list-group-item { background-color: ghostWhite !important; } .contrast .carousel-home .carousel .carousel-caption { background-color: #000000 !important; } /* tekst zoeken in zoekbox */ .contrast .form-control::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #000; } .contrast .form-control::-moz-placeholder { /* Firefox 19+ */ color: #000; } .contrast .form-control:-ms-input-placeholder { /* IE 10+ */ color: #000; } .contrast .form-control:-moz-placeholder { /* Firefox 18- */ color: #000; } /* Hamburgermenu strepen */ .contrast .navbar-inverse .navbar-toggle .icon-bar { background-color: #000; } /* Gemeenteraad navigatiebalk tekst */ .navbar-inverse>p.text { color: #fff !important; margin: 0px; padding: 15px; padding-left: 30px; } /* Contrast voor button inschrijven nieuwsbrief */ .contrast input[type='button']:focus, .contrast input[type='submit']:focus, .contrast button:focus { border: 4px dotted #fff; color: #fff; background-color: #000; }