/* LOGO ---------------------------------------- */
.logo {
	text-align: center;
}
.logo img {
  max-height: 80px;
}

.logocontrast {
  display: none;
}

/* LOGO KLEINER OP SMARTPHONES ---------------------------------------- */
@media only screen and (max-width: 575px) {
       .logo img,
       .logocontrast img {
  			max-height: 60px;}
}

/* ACHTERGRONDAFBEELDING ---------------------------------------- */
body {
  background-color: #003552;
  background: url("/Afbeeldingen/Vormgeving/Achtergrondfoto dag.jpg") no-repeat left center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

body.dag {
      background-color: #003552;
      background: url("/Afbeeldingen/Vormgeving/Achtergrondfoto dag.jpg") no-repeat left center fixed;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
}

body.nacht {
      background: url("/Afbeeldingen/Vormgeving/Achtergrondfoto nacht.jpg") no-repeat left center fixed;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
}

/* ALLE LINKS VETTER (400 IS NORMAAL, 700 is VET ---------------------------------------- */
a {
	font-weight: 400;
}

/* ALLE LINKS HOVER ---------------------------------------- */
a:hover,
button:hover {
	outline: 4px solid #ffba18;
}

/* UITZONDERINGEN ---------------------------------------- */
.toptaak .btn {
  	font-weight: 400;
}

.subtaken a {
	font-weight: 400;
}

/* LINKS IN CONTENTBODY VETTER EN ONDERSTREPEN ---------------------------------------- */

.contentbody a,
.contentbody ul li a {
	font-weight: 600;
}

/* UITZONDERINGEN ---------------------------------------- */
.searchresults .list-group a,
.toptaak a,
.subtaak a,
.nieuwsoverzicht a {
	text-decoration: none;
}

.nieuwsoverzicht a:hover .card-title {
	text-decoration: underline;
}

/* GEEN ACHTERGROND OP SMARTPHONES ---------------------------------------- */
@media only screen and (max-width: 575px) {
      body, body.dag, body.nacht {
        background: none;
       }
}

/* ICOONTJES UITLIJNEN TEKST ---------------------------------------- */
.icoontje {
	vertical-align: middle;
}

/* ICOONTJES IN TABELLEN ---------------------------------------- */
.contentbody table td {
	vertical-align: top;
}

/* OPSOMMINGEN ---------------------------------------- */

.contentbody ul,
.contentbody .nummering ul,
.contentbody .\ ul,
.contentbody .tijdlijn ul,
.contentbody .tijdlijnklein ul,
ul.liveblog ul li {
  list-style-image: url("/Afbeeldingen/Icoontjes toptakensite/Bullet1.png");
}

.contentbody ul ul,
.contentbody .nummering ul ul,
.contentbody .nummeringklein ul ul,
.contentbody .tijdlijn ul ul,
.contentbody .tijdlijnklein ul ul,
ul.liveblog ul ul li {
  list-style-image: url("/Afbeeldingen/Icoontjes toptakensite/Bullet2.png");
}

.contentbody ul ul ul,
.contentbody .nummering ul ul ul,
.contentbody .nummeringklein ul ul ul,
.contentbody .tijdlijn ul ul ul,
.contentbody .tijdlijnklein ul ul ul,
ul.liveblog ul ul ul li {
  list-style-image: url("/Afbeeldingen/Icoontjes toptakensite/Bullet3.png");
}

.contentbody ul ul ul ul,
.contentbody .nummering ul ul ul ul,
.contentbody .nummeringklein ul ul ul ul,
.contentbody .tijdlijn ul ul ul ul,
.contentbody .tijdlijnklein ul ul ul ul,
ul.liveblog ul ul ul ul li  {
  list-style-image: url("/Afbeeldingen/Icoontjes toptakensite/Bullet4.png");
}


/* OPSOMMING OL ALS TIJDLIJN (GROTE VERSIE) ----------------------------------------------- */ 

.tijdlijn{
	position: relative;
    z-index: 0;
}

.tijdlijn>li::before{
	content:'';
	position: absolute;
	width: 1px;
	background-color: #0279b6;
	top: 0;
	bottom: 0;
	left:-19px;
}

/*Circle*/
.tijdlijn>li::after{
    text-align: center;
    padding-top:10px;
	z-index: 10;
	content:counter(item);
	position: absolute;
	width: 50px;
	height: 50px;
	border:3px solid #0279b6;
	background-color: #0279b6;
	border-radius: 50%;
	top:0;
	left:-43px;
  	font-weight: bold;
  	color: #ffffff;
}

/*Content*/
.tijdlijn>li{
	counter-increment: item;
	padding: 10px 20px;
	margin-left: 0px;
	min-height:70px;
	position: relative;
	background-color: white;
	list-style: none;
}

.tijdlijn>li:nth-last-child(1)::before{
	width: 0px;
}


/* OPSOMMING OL ALS TIJDLIJN (KLEINE VERSIE) ----------------------------------------------- */

.tijdlijnklein{
	position: relative;
    z-index: 0;
}

.tijdlijnklein>li::before{
	content:'';
	position: absolute;
	width: 1px;
	background-color: #0279b6;
	top: 10px;
	bottom: 0;
	left:-15px;
}

/*Circle*/
.tijdlijnklein>li::after{
    text-align: center;
    padding-top: 0px;
	z-index: 10;
	content:counter(item);
	position: absolute;
	width: 30px;
	height: 30px;
	border: 3px solid #0279b6;
	background-color: #0279b6;
	border-radius: 50%;
	top: 0px;
	left:-30px;
  	font-weight: bold;
  	color: #ffffff;
}

/*Content*/
.tijdlijnklein>li{
	counter-increment: item;
	padding: 0px 20px 20px 20px;
	margin-left: 0px;
	min-height:40px;
	position: relative;
	background-color: white;
	list-style: none;
}

.tijdlijnklein>li:nth-last-child(1)::before{
	width: 0px;
}


/* OPSOMMING OL ALS NUMMERING (GROTE VERSIE) ----------------------------------------------- */

.nummering{
	position: relative;
    z-index: 0;
}


/*Circle*/
.nummering>li::after{
    text-align: center;
    padding-top:10px;
	z-index: 10;
	content:counter(item);
	position: absolute;
	width: 50px;
	height: 50px;
	border:3px solid #0279b6;
	background-color: #0279b6;
	border-radius: 50%;
	top:0;
	left:-43px;
  	font-weight: bold;
  	color: #ffffff;
}

/*Content*/
.nummering>li{
	counter-increment: item;
	padding: 10px 20px;
	margin-left: 0px;
	min-height:70px;
	position: relative;
	list-style: none;
}

.nummering>li:nth-last-child(1)::before{
	width: 0px;
}

/* OPSOMMING OL ALS NUMMERING (KLEINE VERSIE) ----------------------------------------------- */

.nummeringklein{
	position: relative;
    z-index: 0;
}

/*Circle*/
.nummeringklein>li::after{
    text-align: center;
    padding-top: 2px;
	z-index: 10;
	content:counter(item);
	position: absolute;
	width: 25px;
	height: 25px;
	border: 0px solid #0279b6;
	background-color: #0279b6;
	border-radius: 50%;
	top: 0px;
	left:-20px;
  	font-weight: bold;
    font-size: 0.8em;
  	color: #ffffff;
}

/*Content*/
.nummeringklein>li{ 
	counter-increment: item;
	padding: 0px 20px 0px 20px;
	margin-left: 0px;
	min-height:30px;
	position: relative;
	list-style: none;
}

.nummeringklein>li:nth-last-child(1)::before{
	width: 0px;
}


/* OPSOMMING ALS LIVEBLOG ----------------------------------------------- */

ul.liveblog  {
    list-style-image: none !important;
    position: relative;
}

ul.liveblog:before {
    content: ' ';
    background: #cccccc;
    display: inline-block;
    position: absolute;
    left: 14px;
    width: 2px;
    height: 100%;

}

ul.liveblog > li {
    margin: 0px 0px 60px 2px;
    list-style-type: none !important;
}

ul.liveblog > li:before {
    content: ' ';
    background: #35811a;
    display: inline-block;
    position: absolute;
    margin-top: 0px;
    left: 0px;
    width: 30px;
    height: 30px;
    background: url('/afbeeldingen/icoontjes%20toptakensite/Liveblog.png') no-repeat top left;
}


/* OPSOMMING PAGINATION ---------------------------------------- */

.pagination li.page-item {
	min-width: 35px;
  	margin: 5px 3px 0px 0px;
  	text-align: center;
  	list-style-image: none;
}

/*.contentbody ul:not(.pagination) {
  display: table;
}*/

/* AANPASSINGEN TABELLEN ---------------------------------------- */
table td,
table th,
.table td,
.table th,
table.table td,
table.table th,
table.table-striped th,
table.table-striped td {
	padding: 5px 5px 5px 10px;
}

.contentbody table {
	border-collapse: separate;
  	border-spacing: 0px 0px;
}

/* MARGES ALINEA'S IN TABELLEN ---------------------------------------- */
.contentbody table td p {
	margin: 0;
}

/* HEADERS TABELLEN ---------------------------------------- */
table .thead-light th {
  	background-color: #d3e7f1;
  	color: #000000;
}

table .thead-dark th {
  	background-color: #003552;
  	color: #ffffff;
}

.table thead, 
.table tbody {
	border: 0px !important;
}

/* LINKJES IN HEADER TABELLEN ---------------------------------------- */
table .thead-dark a {
  	color: #000000;
  	font-weight: bold;
  	text-decoration: underline;
}

table .thead-dark a {
  	color: #ffffff;
  	font-weight: bold;
  	text-decoration: underline;
}

/* TABEL REGELS TELLEN ---------------------------------------- */
table {
  	counter-reset: rowNumber;
}

table tr.regel {
  	counter-increment: rowNumber;
}

table tr.regel td:first-child::before {
	content: counter(rowNumber);
	min-width: 1em;
	margin-right: 5px;
	font-weight: bold;
	color: #003552;
}
 
.toptaak .btn  {
	align-items: center;
	justify-content: left;
	white-space: normal;
	text-align: left;
	min-height: 75px;
	line-height: 1em;
	padding: 15px 0px 0px 15px;
}

.toptaak .btn a {
	display: block;
    display: -webkit-flex;
	display: flex;
}

.toptaak .icoontje {
	margin: 0px 10px 0px 0px;
	float: left;
	height: 50px;
}

.toptaak .icoontje img {
	max-width: 35px;
}

.toptaken a:hover {
	background-color: #95d7f3;
}

/* FONTAWESOME -- */
.toptaak .fa-solid,
.subtaak .fa-solid {
	font-size: 35px !important;
}

.subtaken img {
	max-width: 35px;
	margin: 0px 10px 0px 0px;
}

.subtaken a:hover {
	text-decoration: underline;
}


/* AFBEELDINGEN IN CONTENTPAGINA"S ----------------------------------------------- */

img.linksuitlijnen, img.links {
	float: left;
	margin: 0px 20px 10px 0px;	
}

img.rechtsuitlijnen,img.rechts {
	float: right;
	margin: 0px 0px 10px 20px;	
}

/* FOCUS ALGEMEEN ----------------------------------------------- */

:link:focus-visible,
:visited:focus-visible,
.input-group input:focus-visible,
.input-group button:focus-visible,
.form input:focus-visible,
input:focus-visible,
textarea:focus-visible,
.form button:focus-visible,
.form-group input:focus-visible,
.form-group textarea:focus-visible,
.btn:focus-visible,
.cookies input[type=checkbox]:focus-visible,
.logo:focus-visible,
.carousel-control-prev:focus-visible,
.carousel-control-next:focus-visible,
.accordion-button:focus-visible,
#pdoksearch .filterbutton:focus-visible,
.fotogalerijthumbs .thumbs .thumbnail:focus-visible img,
#autocomplete a:focus-visible,
#autocomplete button:focus-visible,
#autocomplete label:focus-visible {
    outline: 4px solid #D20019 !important;
    z-index: 10 !important;
}

*:-moz-focusring {
    outline: 4px solid #D20019 !important;
    z-index: 10 !important;
}

/* FOCUS UITZONDERINGEN ----------------------------------------------- */
#mainmenu *:focus-visible,
.knophomepage:focus-visible,
.footer a:focus-visible,
.cookiealert a:focus-visible,
.cookiealert .btn:focus-visible,
.creditsfototekst:focus-visible,
a.socialkanalen:focus-visible,
.zwevendeknop a.btn-circle.btn-lg:focus-visible,
a.navbar-toggler:focus-visible {
	outline: 4px solid #FFE700 !important;
}

/* 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: 9;
}

a.skiplink:focus-visible {
	left: 15px;
	top: 10px;
	width: auto;
	height: auto;
	overflow: visible;
  	background-color: #003552;
	color: #ffffff;
  	border: 2px solid #ffffff;
    outline: 0px !important;
    font-weight: bold;
} 


/* AANPASSING INPUT-VELDEN FORMULIEREN EN ZOEKBOX ----------------------------------------------- */
.form-control {
	border: 1px solid #003552;
}

/* AANPASSING HOVER KNOPPEN, OA ZOEKMACHINE ----------------------------------------------- */

.btn.btn-secondary:hover {
  	background-color: #008834;
}


/* AANPASSING LINKJES IN MENU, LIJSTEN EN KNOPPEN ----------------------------------------------- */
.nav-link:hover, .list-group-item:hover, .btn:hover {
	text-decoration: underline;
}

.list-group-item:focus {
	background: #ffffff; 
}

/* FOOTER ----------------------------------------------- */
footer {
  	margin-bottom: 170px;
    clip-path: polygon(0 0, 100% 8%, 100% 100%, 0% 100%);
}

footer a {
	text-decoration: underline;
	color: #ffffff;
}

footer a:hover {
	background-color: #004263;
	color: #ffffff;
  	padding: 2px 5px 2px 5px;
}

/* SOCIAL MEDIA KNOPPEN IN FOOTER ----------------------------------------------- */
.socialkanalen {
    width:  45px;
    height: 45px;
    padding: 8px 0px 0px 0px;
    border-radius: 40px;
    border: none;
    margin-right: 5px;
}

a.socialkanalen:hover {
	border: 2px solid #ebb531; 
}  
  
a.socialkanalen:hover img {
	width: 25px;
}


/* AANPASSINGEN KOPPEN ----------------------------------------------- */
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
  color: #0279b6;
}

.contentbody h2 {
	font-size: 1.4em;
	margin: 25px 0px 10px 0px;
}

.contentbody h3 {
	font-size: 1.15em;
	margin: 25px 0px 10px 0px;
}

.contentbody h4 {
	font-size: 1.0em;
	margin: 25px 0px 10px 0px;
}

.contentbody h5 {
	font-size: 1.0em;
	margin: 25px 0px 10px 0px;
}


/* HORIZONTALE LIJN IN CONTENT ----------------------------------------------- */
.contentbody hr {
	height: 1px;
    color: #0279b6;
    background-color: #0279b6;
    border: none;
    margin: 0px;
    opacity: 1;
}


/* NIEUWSOVERZICHT ACTUEEL ----------------------------------------------- */

.nieuwsoverzicht .nieuwsfoto img {
    max-height: 300px;
    width: 200px;
}

/* NIEUWSOVERZICHT HOMEPAGE ----------------------------------------------- */
img.nieuwsfotohp {
	width: 100vw;
	height: 175px;
  	object-fit: cover;
    object-position: 0 0;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 87%);
}

.nieuwsteksthp {
	position: relative;
	top: -10px
}

/* CREDITS FOTO ----------------------------------------------- */
.creditsfoto {
    position:fixed;
    bottom: 5px;
    right: 5px;
    z-index: 30;
}

/* RSS EVENEMENTEN EN VERGADERDATA ----------------------------------------------- */
#rssevenementen a:first-letter, #rssvergaderdata a:first-letter {
    text-transform: uppercase;
}


/* KNOPPEN DELEN SOCIAL MEDIA ----------------------------------------------- */
.knopsocialmedia {
	background-repeat: no-repeat;
	padding: 10px 10px 30px 45px;
	height: 40px;
	margin: 0px 10px 0px 10px;
	float: left;
}

.facebook {
	background-image: url("/Afbeeldingen/Icoontjes%20toptakensite/Social%20media%20delen/Facebook.png");
}

.twitter {
	background-image: url("/Afbeeldingen/Icoontjes%20toptakensite/Social%20media%20delen/Twitter.png");
}


.linkedin {
	background-image: url("/Afbeeldingen/Icoontjes%20toptakensite/Social%20media%20delen/Linkedin.png");
}


.whatsapp {
	background-image: url("/Afbeeldingen/Icoontjes%20toptakensite/Social%20media%20delen/Whatsapp.png");
}

.facebook, .twitter, .linkedin, .whatsapp {
	background-position: 3px 3px; 
}

/* MENU SUB-PAGINA'S ----------------------------------------------- */
.list-group-item-action:hover {
	background-color: #ffffff;
	color: #000000;
}


/* READSPEAKER VOORLEESFUNCTIE ----------------------------------------------- */

#xp1 button {
	color: #004263;
}

#xp1 .rsbtn_stop {
	color: #e1001a;
}

#xp1 .rsbtn_pause {
  	color: #008834;
  	padding-left: 28px;
}

#rsbtn_scrollcontrols {
	position: fixed !important;
	right: 80px !important;
	bottom: 30px !important;
}

#xp1.rs_splitbutton.rsexpanded:not(.rsdetached).rs_addtools .rsbtn_tooltoggle, .rs_splitbutton.rsexpanded:not(.rsdetached).rsbtn .rsbtn_tooltoggle {
    border-radius: 0;
    width: 20px;
    height: 26px;
    top: 1px;
    border: 0;
    border-right: 1px solid #677077;
    left: 1px;
}


/* CAPTIONS VAN TABELLEN VERBERGEN ----------------------------------------------- */
table caption {
    display: none;
}

/* ICOONTJE IN DOWNLOADS-OVERZICHTEN ----------------------------------------------- */
.downloads a {
	background: url("/afbeeldingen/Icoontjes toptakensite/Download.png") no-repeat;
	padding: 0px 0px 0px 25px;
    background-size: 16px 21px;
}


/* AFBEELDING IN DE KOP > ACHTERGROND WEGHALEN ----------------------------------------------- */ 
.uitklappenkop.afbeelding .collapsed {
	background-color: transparent;
}

.uitklappenkop.digitaal a,
.uitklappenkop.balie a {
	background: transparent;
}

/* EVENEMENTENAGENDA OVERZICHT (RSS-FEED) ----------------------------------------------- */ 

#rssevenementenagenda {
  	width: 100%;
}

#rssevenementenagenda .placeholder {
    display: inline-block !important;
    min-height: 1em !important;
    vertical-align: top !important;
    cursor: none !important;
    background-color: transparent !important;
    opacity: 1 !important;
    font-style: normal !important;
}

.evenementenagenda .card {
	height: 380px;
	margin: 0px 0px 20px 0px;
  	overflow-y: hidden;
}

.evenementenagenda .card-title {
	margin: 0px;
	font-size: 1.2em;
}
  
.evenementenagenda .card .btn {
  	position: absolute;
  	bottom: 15px;
  	right: 15px;
	margin: 0px 0px 10px 10px;
}

.evenementenagenda .field-name-body {
	max-height: 160px;
  	overflow-y: hidden;
}
  
.evenementenagenda .field-items {
	line-height: 1em;
}

.evenementenagenda .field-items img {
    margin: 10px 0px 10px 0px;
    padding: .25rem;
    background-color: #fff;
    border: 1px solid #dee2e6;
    border-radius: .25rem;
    max-width: 100%;
    max-height: 180px;
}

/* FILTER INFO UIT AANGEBODEN RSS MOIW ----------------------------------------------- */ 
.evenementenagenda .field-name-body,
.evenementenagenda .field-name-field-soldout,
.evenementenagenda .field-name-field-cancelled,
.evenementenagenda .field-name-field-telephone,
.evenementenagenda .field-name-field-link,
.evenementenagenda .field-name-field-address,
.evenementenagenda .field-name-field-email,
.evenementenagenda .field-name-field-entrance-fee,
.evenementenagenda .field-name-field-gotcha-cinema-video-tijden,
.evenementenagenda .field-name-field-download-file,
.evenementenagenda .field-name-field-gotcha-cinema-video-ages,
.evenementenagenda .field-name-field-gotcha-cinema-video-genre,
.evenementenagenda .field-name-field-gotcha-cinema-video-regie,
.evenementenagenda .field-name-field-gotcha-cinema-video-cast,
.evenementenagenda .field-name-field-gotcha-cinema-video-dstart,
.evenementenagenda .field-name-field-gotcha-cinema-video-lengte,
.evenementenagenda .field-name-field-gotcha-cinema-video-inhoud,
.evenementenagenda .field-name-field-fax,
.evenementenagenda .field-name-field-additional-information {
	display: none;
}

.evenementenagenda .field-label {
    font-weight: bold;
    margin: 10px 0px 0px 0px;
}

.evenementenagenda .field-name-field-date {
	font-style: normal;
}


/* KNOP ONLINE REGELEN DIGITAAL LOKET ----------------------------------------------- */ 

.onlineregelen ul {
list-style: none;
padding: 0;
}

.onlineregelen li
 {
margin: 15px 0px 0px 0px;
padding: 0px 0px 0px 30px;
}

.onlineregelen li.afspraak {
background: url("/Afbeeldingen/Icoontjes toptakensite/Online regelen/Afspraak.png") no-repeat left top; 

}

.onlineregelen li.iburgerzaken,
.onlineregelen li.Iburgerzaken,
.onlineregelen li.djuma,
.onlineregelen li.Djuma,
.onlineregelen li.Pip,
.onlineregelen li.pip,
.onlineregelen li.parkeerloket,
.onlineregelen li.Parkeerloket
 {
background: url("/Afbeeldingen/Icoontjes toptakensite/Online regelen/formulier.png") no-repeat left top;
}

.onlineregelen li.pdf {
background: url("/Afbeeldingen/Icoontjes toptakensite/Online regelen/pdf.png") no-repeat left top; 
}

.onlineregelen li.mindervaliden {
background: url("/Afbeeldingen/Icoontjes toptakensite/Online regelen/mindervaliden.png") no-repeat left top; 
}

/* KLIKBARE AFBEELDING (MODAL) BIJ NIEUWSBERICHTEN / ITEMS -------------------------- */

.afbeeldingmodal {
  	padding: 5px; 
}	

.afbeeldingmodal p {
	padding: 0px 5px 5px 5px;
	background-image: url('/Afbeeldingen/Icoontjes toptakensite/Vergroten.png');
	background-repeat: no-repeat;
	background-position: 99% 0%;
    text-align: left; 
}

.afbeeldingmodal img:hover {
  	cursor: pointer;
}

.afbeeldingmodal img {
  	object-fit: cover;
}

.afbeeldingmodal .btn img {
	width: 30px;
	height: 100%;
}

.modal-backdrop {
    background-color: #000000;
  	opacity: 0.9 !important;
}

/* FOTOGALERIJ (CAROUSEL OF THUMBNAILS) -------------------------- */
.foto .carousel-control-prev,
.foto .carousel-control-next{
	height: 50px;
	width: 50px;
    border-radius: 50%;
    background-color: #000000;
	position: absolute;
	top: 45%;
	margin: 0px 5px 0px 5px;
    opacity: 1.0;
    border: 2px solid #ffffff;
}

.foto .carousel-item .img-fluid {
	width: 90%;
  	margin: 0px 40px 0px 40px;
}

.fotogalerijthumbs .img-thumbnail {
    overflow: hidden;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.fotogalerijthumbs #image-gallery-image,
.afbeeldingmodal .modal-body .img-thumbnail {	
	cursor: default;
    max-height: 80vh;
}


/* CALL TO ACTION KNOPPEN -------------------------- */
.calltoaction {
    background-image: url("/afbeeldingen/Icoontjes toptakensite/Knoppen/Pijl rechts.png");
    background-size: 25px 25px;
    background-repeat: no-repeat;
    background-position: 10px 10px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background-color: #008834;
    color: #ffffff;
    padding: 9px 10px 10px 40px;
    display: inline-block;
    text-decoration: none !important;
}

.calltoaction:hover {
    background-color: #35811a;
  	color: #ffffff;
	text-decoration: underline !important;
}

/* EXTRA INSTELLING VOOR ZOEKRESULTATEN UITGEBREID ZOEKEN -------------------------- */
.searchresults .list-group a:after {
float: right; 
    position: absolute;
    top: 10px;
    right: 10px;
}

/* SIDEMENU -------------------------- */

.sidemenu .menuitems {
  background-color: #d5e3eb;
  clip-path: polygon(0 0, 100% 0, 100% 95%, 0 100%);
}

.sidemenu .menuitems .list-group-item {
	background-color: transparent;
  	word-wrap: break-word;
}

.sidemenu .card-header {
  	background-color: transparent;
}


/* FORMULIEREN CHECKBOX OF RADIO-BUTTONS -------------------------- */
input[type="checkbox"],
input[type="radio"] {
	height: 30px;
	width: 30px; 
    vertical-align: top;
    accent-color: #008834;
	margin: 0px 5px 0px 0px;
}

input[type="radio"]:hover, 
input[type="checkbox"]:hover, 
label:hover {
    cursor: pointer;
}

/* TEST NIEUWSBRIEF VERBERGEN ---------------------------------------- */
#doelgroep_107005, 
label[for="doelgroep_107005"]
{
    display:none;
}


/* KINDEREN TONEN -------------------------- */
.kind .icoontje, 
.kind .link {
	display: table-cell;
}

.kind .icoontje {
	width: 30px;
}

.icoontjekinderen img.icoontje {
	width: 20px;
	float: left;
  	margin-right: 5px;
}


/* HAMBURGER MENU MOBIEL ANDERE AFBEELDING -------------------------- */
.navbar-dark .navbar-toggler-icon {
    background-image: url("/Afbeeldingen/Icoontjes Toptakensite/Knoppen/Menu.png");
	background-repeat: no-repeat;
	width: 55px;
}

.navbar-dark .navbar-toggler {
  border: none;
}


/* FORMULIEREN -------------------------- */
.invalid-feedback {
	color: #e1001a;
	font-size: 1em;
}

form label.h3 {
	font-size: 1.3em;
}

form label.h2 {
	font-size: 1.3em;
}


/* ACHTERGROND INPUT-VELDEN IN CHROME -------------------------- */
input:-webkit-autofill,
input:-webkit-autofill:focus {
    -webkit-box-shadow: 0 0 0px 1000px white inset;
} 


/* AANPASSINGEN TOEGANKELIJKHEID WCAG -------------------------- */
.formulier input {
	background-color: transparent !important;
}

input.zoeken {
	background-color: #ffffff !important;
}

/* PDOK KAARTEN  -------------------------- */
#map_pdok {
	position: relative;
	top: 0;
	bottom: 0;
	width: 100%;
	height: 65vh;
	padding: 5px !important;
}

#map_pdok .olMap.big {
	height: 100%;
}

/* PDOK ZOEKVELD, HELE KADER  -------------------------- */
#pdoksearch {
	margin: 5px 0px 0px -32px;
	border: 2px solid #0279b6 !important;
	padding: 3px !important;
}

/* PDOK ZOEKKNOP -------------------------- */
#pdoksearch .filterbutton {
	border: 0px;
	font-size: 1.1em;
	padding: 0px 10px 0px 10px;
	margin: 0px 5px 0px 5px;
	height: 30px;
	background-color: #0279b6;
	color: #ffffff;
}

#pdoksearch .filterbutton:hover {
	background-color: #008834;
}

/* PDOK INVULVELD -------------------------- */
#pdoksearch #gcr_26_input {
	border: 1px solid #cacaca;
	color: #000000;
	height: 30px;
	font-size: 1.1em;
}


/* PDOK ZOOMKNOPPEN -------------------------- */
#map_pdok #OpenLayers_Control_Zoom_6 {
	margin: 50px 0px 0px 0px;
	float: left;
	background-color: #0279b6 !important;
	opacity: 1.0 !important;
        z-index: 90;
}

#map_pdok #OpenLayers_Control_Zoom_6 a {
	background-color: #0279b6 !important;
	opacity: 1.0 !important;
}

#map_pdok .olControlZoomIn {
	border-bottom: 1px solid #ffffff;
}

#map_pdok .olControlZoomIn:hover,
#map_pdok .olControlZoomOut:hover {
	background-color: #008834;
}

/* PDOK KNOPPEN GROTER MAKEN -------------------------- */
#map_pdok .olControlZoomIn,
#map_pdok .olControlZoomOut {
	min-width: 40px !important;
	min-height: 40px !important;
	padding: 10px 0px 10px 0px !important;
}

#map_pdok .maximizeDiv,
#map_pdok .maximizeDiv img {
	min-width: 30px !important;
	min-height: 30px !important;
}

#map_pdok #OpenLayers_Control_MinimizeDiv_innerImage {
	min-width: 30px !important;
	min-height: 30px !important;
	float: right;
}

#map_pdok img.closeWindow {
	height: 25px;
	padding: 2px;
	border: 2px solid #0279b6;
}

/* PDOK ZOEKRESULTATEN -------------------------- */
#map_pdok #gcr_26 {
	padding: 10px 0px 0px 30px;
	margin-left: -25px;
	font-size: 1.1em;
	height: 100% !important;
	overflow-y: auto;
}

#map_pdok #gcr_26_geozet li {
	list-style-image: none;
}

#map_pdok h3 {
	color: #003552;
  	font-size: 1.3em;
}

/* PDOK HOVER BIJ KNOPPEN -------------------------- */
#map_pdok path:hover,
#map_pdok image:hover {
	cursor: pointer;
}

/* PDOK POP-UP KAARTINSTELLINGEN -------------------------- */
#map_pdok #OpenLayers_Control_LayerSwitcher_19_layersDiv {
	background-color: #0279b6 !important;
	opacity: 1.0 !important;
	border-radius: 5px; 
        margin: 50px 0px 0px 0px; 
}

/* PDOK POP-UP KNOPPEN -------------------------- */
#map_pdok #OpenLayers_Control_MaximizeDiv img#OpenLayers_Control_MaximizeDiv_innerImage,
#map_pdok #OpenLayers_Control_MinimizeDiv_innerImage {
	display: none;
}

#map_pdok .maximizeDiv.olButton {
	background-color: #0279b6;
	opacity: 1.0; 
	border-radius: 5px;
	font-size: 2.0em;
	text-align: center;
	height: 35px;
        z-index: 100;
        margin: 50px 0px 0px 0px;
}

#map_pdok #OpenLayers_Control_MaximizeDiv::after {
	content: "+";
	font-weight: bold;
}


#map_pdok #OpenLayers_Control_MinimizeDiv {
opacity: 1.0 !important;
	font-weight: bold;
}


#map_pdok #OpenLayers_Control_MinimizeDiv:before {
	content: "-";
	border: 1px solid #ffffff;
	border-radius: 5px;
	font-size: 2.0em;
	text-align: center;
	height: 20px; 
	padding: 0px 10px 0px 10px;
	margin: 0px 30px 0px 0px !important;

}

#map_pdok #OpenLayers_Control_MinimizeDiv {
	margin: 50px 20px 0px 0px;
}

#map_pdok #OpenLayers_Control_LayerSwitcher_19 {
	min-width: 300px;
	margin-top: -20px;
}


/* ZOEKMACHINE AUTOCOMPLETE  -------------------------- */
.toptaakzoeken .btn a {
	display: block;
    display: -webkit-flex;
	display: flex;
}

.toptaakzoeken a {
	display: block;
	justify-content: left;
	white-space: normal;
	text-align: left;
	min-height: 75px;
	line-height: 1em;
	padding: 15px 15px 15px 35px;
	background-image: url("/Afbeeldingen/Icoontjes Toptakensite/Pagina.png");
	background-repeat: no-repeat;
	background-position: 10px 15px;
	color: #0279b6;
    word-wrap: break-word;
}

.subtaakzoeken {
  	display: block;
	justify-content: left;
	white-space: normal;
	text-align: left;
	padding: 5px 5px 7px 25px; 
	background-image: url("/Afbeeldingen/Icoontjes Toptakensite/Pagina klein.png");
	background-repeat: no-repeat;
	background-position: 5px 10px;
	color: #0279b6;
  	word-wrap: break-word; 
	font-size: 1.1em;
}

a.toptaakzoeken:hover,
a.subtaakzoeken:hover {
  	background-image: url("/Afbeeldingen/Icoontjes Toptakensite/Pagina klein.png");
	background-repeat: no-repeat;
	background-position: 5px 10px;
  	background-color: #bfe6f7;
	color: #000000 !important;
}

.sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0,0,0,0);
	border: 0;
}

/* ZOEKMACHINE AUTOCOMPLETE HOMEPAGE EN PAGINA ZOEKRESULTATEN -------------------------- */
#autocomplete {
	display: none;
	overflow: hidden;
	text-overflow: ellipsis;
	position: absolute;
	z-index: 10000;
	width: 780px;
}

@media only screen and (max-width : 1200px) {
	#autocomplete { width: 598px }
}
@media only screen and (max-width : 992px) {
	#autocomplete { width: calc(100% - 30px); }
}


/* ZOEKMACHINE AUTOCOMPLETE IN DE NAVIGATIEBALK -------------------------- */
#autocomplete.navbar {
	display: none;
	overflow: hidden;
	text-overflow: ellipsis;
	background: #f1f1f1;
	position: absolute;
	z-index: 10000;
	padding: 10px;
	margin-right: 0px;
	border: 1px solid #003552;
	top: 70px;
	right: 0px;
	width: 718px;
}

#autocomplete.navbar .list-group {
  	width: 100%;
}

@media only screen and (max-width : 992px) {
	#autocomplete.navbar {
      position: relative;
      top: 10px;
      left: 0px;
      width: 100%; } 
}


/* ZOEKMACHINE ZOEKRESULTATEN  -------------------------- */
.searchresults .list-group-item:hover {
	text-decoration: none;
}

.searchresults .list-group-item:hover h2 {
	text-decoration: underline;
}

.searchresults .list-group-item h2 { 
	font-size: 1.3em;
}

.searchresults .list-group-item:hover {

}


/* ZOEKRESULTATEN LIJST FACETS -------------------------- */
.facet {
	width: 25px;
  	height: 25px;
  	font-size: 1em;
  	font-weight: bold;
}

.esfacet .list-group-item {
	margin: 0px 0px 5px 0px;
} 

.esfacet .list-group-item.active {
  	background: #008834;
    color: #ffffff;
    border-bottom: 1px solid #b2b4b2;
	border-top: 1px solid #b2b4b2;
}

/* PAGINERING -------------------------- */
.pagination>li>a, .pagination>li>span {
	border: 1px solid #b2b4b2;
	padding: 11px;
}

/* AANPASSING KLEINE SCHERMEN  -------------------------- */
@media (max-width: 992px) { 
  .pagination>li>a, .pagination>li>span {
      border: 1px solid #b2b4b2;
      padding: 10px;
  }
}

.pagination>li:first-of-type > a, .pagination>li.disabled:first-of-type > a  {
	border: 1px solid #b2b4b2;
}

.pagination>li:last-of-type > a {
	border: 1px solid #b2b4b2;
}

.pagination>li:hover a {
	background: #003552;
	color: #ffffff;
	border: 1px solid #003552;
}

.pagination .page-item.disabled {
	display: none;
}

/* COOKIEALERT -------------------------- */

.cookiealert {
	z-index: 20;
}

.cookiealert a:hover {
	text-decoration: none !important;
}

/* TIP DE REDACTIE SMILEYS KLANTTEVREDENHEID -------------------------- */
.klanttevredenheid label > input[type = 'radio'] {
    position: absolute; 
    width: 20px;
    height: 2em;
}
  
.klanttevredenheid label > input[type = 'radio'] ~ span{
    cursor: pointer;
    width: 75px;
    height: 75px;
    display: inline-block;
    background-size: 75px 75px;
    background-repeat: no-repeat;
    margin: 0px 0px 0px 10px;
}
  
.goed {
    background-image: url('/Afbeeldingen/Icoontjes toptakensite/Klanttevredenheid/Goed-grijs.png');
}

.matig{
    background-image: url('/Afbeeldingen/Icoontjes toptakensite/Klanttevredenheid/Matig-grijs.png');
}
  
.slecht{
    background-image: url('/Afbeeldingen/Icoontjes toptakensite/Klanttevredenheid/Slecht-grijs.png');
}
  
.klanttevredenheid label > input[type = 'radio']:checked ~ span.goed{
     background-image: url('/Afbeeldingen/Icoontjes toptakensite/Klanttevredenheid/Goed.png');
}

.klanttevredenheid label > input[type = 'radio']:checked ~ span.matig{
    background-image: url('/Afbeeldingen/Icoontjes toptakensite/Klanttevredenheid/Matig.png');
}

.klanttevredenheid label > input[type = 'radio']:checked ~ span.slecht{
    background-image: url('/Afbeeldingen/Icoontjes toptakensite/Klanttevredenheid/Slecht.png');
}

.klanttevredenheid span.score.goed,
.klanttevredenheid span.score.matig,
.klanttevredenheid span.score.slecht {
  	padding: 75px 0px 0px 0px;
  	text-align: center;
  	font-weight: bold;
}

/* AANPASSINGEN ALERT-BOXEN TOEGANKELIJKHEID WCAG -------------------------- */
.alert-primary a,
.alert-secondary a,
.alert-warning a,
.alert-danger a,
.alert a,
.alert-primary h2,
.alert-secondary h2,
.alert-warning h2,
.alert-danger h2,
.alert h2,
.alert-primary h3,
.alert-secondary h3,
.alert-warning h3,
.alert-danger h3,
.alert a {
  	color: #026ea5 !important;
}

/* MARGES TEKSTEN IN ALERT -------------------------- */
.alert p {
	margin: 0px;
}

/* TABELLEN ACHTERGRONDKLEUR AANPASSEN (MEER CONTRAST GRIJZE REGELS MET LINKS IVM TOEGANKELIJKHEID WCAG) -------------------------- */

.table-striped > tbody > tr:nth-child(2n+1) > td, .table-striped > tbody > tr:nth-child(2n+1) > th {
	background-color: #FCFCFC;
}

.table-striped > tbody > tr > td a {
	color: #0470a7;
}

/* TABELLEN KLEINE SCHERMEN SCROLLBALK TONEN  -------------------------- */

@media(max-width:767px){
  .table-responsive{overflow-x:scroll;}
}

/* CURSOR BIJ KLIKBARE CARDS / AFBEELDINGEN -------------------------- */
.klikbaar:hover,
img.thumbnail:hover {
	cursor: pointer;
    z-index: 1;
}

/* ZWEVENDE KNOP NAAR BOVEN -------------------------- */
.zwevendeknop a.btn-circle.btn-lg {
    width:  50px;
    height: 50px;
    padding: 5px 0px 0px 0px;
    border-radius: 25px;
    position: fixed;
    right: 20px;
	bottom: 30px;
    z-index: 100 !important;
    border: 2px solid #ffffff;
}


/* LOSSE KNOP IN CONTENT NAAR BOVEN -------------------------- */
a.naarboven {
    width:  40px;
    height: 40px;
    padding: 5px;
    border-radius: 20px;
    float: right;
}

a.naarboven img {
  	height: 25px;
}

/* STRIPES -------------------------- */

.stripesgeel {
	background: repeating-linear-gradient(135deg, #ebb531, #ebb531 10px, #000000 10px, #000000 20px); 
  	height: 10px;
}  

.stripesrood {
	background: repeating-linear-gradient(135deg, #e1001a, #e1001a 10px, #ffffff 10px, #ffffff 20px); 
  	height: 10px;
    border: 1px solid #e1001a;
}  

.stripeslblauw {
	background: repeating-linear-gradient(135deg, #0279b6, #0279b6 10px, #ffffff 10px, #ffffff 20px); 
  	height: 10px;
    border: 1px solid #0279b6;
} 

.stripesdblauw {
	background: repeating-linear-gradient(135deg, #003552, #003552 10px, #ffffff 10px, #ffffff 20px); 
  	height: 10px;
    border: 1px solid #003552;
}  

.stripeskermis {
	background: repeating-linear-gradient(135deg, #e60166, #e60166 10px, #6d2285 10px, #6d2285 20px); 
  	height: 10px;
    border: 1px solid #003552;
} 

/* SCROLLBAR -------------------------- */

::-webkit-scrollbar {
	width: 18px;
	border: 5px solid white;
}

::-webkit-scrollbar-thumb {
	background-color: #007dbd;
	background-clip: padding-box;
	border-bottom: 5px solid #ffffff;
	border-top: 5px solid #ffffff;
	border-left: 2px solid #ffffff;
	border-right: 2px solid #ffffff;
        -webkit-border-radius: 20px; 
 	min-height: 200px;
}

::-webkit-scrollbar-thumb:hover {
	background: #003552;
}

::-webkit-scrollbar-track {
	background-color: #ffffff;
}

/* Buttons */

 ::-webkit-scrollbar-button:single-button {
	background-color: #ffffff;
	display: block;
	border-style: solid;
	height: 14px;
	width: 14px;
}

/* Up */
 ::-webkit-scrollbar-button:single-button:vertical:decrement {
	border-width: 0 11px 11px 11px;
	border-color: transparent transparent #000000 transparent;
}

::-webkit-scrollbar-button:single-button:vertical:decrement:hover {
	border-color: transparent transparent #777777 transparent;
}

/* Down */

::-webkit-scrollbar-button:single-button:vertical:increment {
	border-width: 11px 11px 0 11px;
	border-color: #000000 transparent transparent transparent;
}

::-webkit-scrollbar-button:vertical:single-button:increment:hover {
	border-color: #777777 transparent transparent transparent;
}

/* BLOCKQUOTES -------------------------- */


blockquote::before {
    display: block;
    margin-top: 2.0rem;
    margin-bottom: 0rem;
    content: "\201C";
    color: #ccc;
    font-size: 7rem;
    line-height: 0em; 
    font-family: Georgia, Roboto, "Segoe UI", Arial, Verdana;
}
  
blockquote {
    border-left: 8px solid #CCC !important;
  	display: table;
  	background-color: #f0f0f0;
	margin: 20px 0px 20px 0px;
  	padding: 0px 10px 10px 10px;
    -webkit-border-radius: 5px; 
    -moz-border-radius: 5px; 
  	border-radius: 5px; 
}

blockquote p {
	margin: 5px;
}

/* UITKLAPPEN ACCORDION -------------------------- */

.accordion-header button {
	font-size: 0.8em;
    color: #026ea5;
    font-weight: 500 !important;  
}

.accordion-header button:hover {
	text-decoration: underline;
    background-color: #f1faff;
    color: #026ea5 !important;
}

.accordion-button:not(.collapsed) {
	color: #000000;
}

/* AANPASSINGEN EDGE LEGACY ACCORDION EN KNOP ONLINE REGELEN -------------------------- */

@supports (-ms-ime-align:auto) {
  
.dropdown:hover .dropdown-menu,
.socialmediaknoppen:hover .dropdown-menu {
	display: block;
} 
  
.socialmediaknoppen:hover .dropdown-menu { 
	margin-top: 40px;
} 
  
.accordion-item:hover .collapse {
    	display: block !important;
}  
  	
/*    .collapse {
    	display: block !important;
    }

    .uitklappenlinks {
    	display: none; 
    }
    
    .uitklappenicoontje > a:after {
  		content: "";
	} 
    
    .card {
     	margin: 20px 0px 0px 0px;
    }
  
  	.onlineregelen .dropdown-menu {
		display: block !important;
  	}*/
  
  
}

/* DIRECTORY TONEN -------------------------- */

#directorytonen h2 button.collapsed::before {
	content: url("/Afbeeldingen/Icoontjes Toptakensite/MapDicht.png");
        padding: 3px 10px 0px 0px;
}

#directorytonen h2 button::before {
    content: url("/Afbeeldingen/Icoontjes Toptakensite/MapOpen.png");
    padding: 3px 10px 0px 0px;
}

/* AANPASSINGEN KLEUREN TOEGANKELIJKHEID WCAG -------------------------- */
.text-danger {
	color: #e1001a !important;
}

/* GELECTEERDE AFBEELDINGEN IN BIJV. MODALS GEEN KLEUR GEVEN -------------------------- */
img {
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
}

/* AFBEELDINGEN MET RAND -------------------------- */
img.border {
	padding: 3px !important;
}

/* RESET BUTTONS OA READSPEAKER - SAFARI BROWSERS -------------------------- */
	[type="button"],
    	[type="reset"],
        [type="submit"] {
            -webkit-appearance: none!important;
        }

/* EXTRA CLASSES FONTAWESOME -------------------------- */
.fa-outline {
  text-shadow: -1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000;
}

/* GOOGLE TRANSLATE -------------------------- */
.goog-te-combo {
	font-size: 1.5em;
  	background-color: #ededed;
  	font-weight: bold;
  	padding: 10px;
}

/* ICOONTJE EXTERNE LINKS -------------------------- */
img.externelink {
	 margin: -5px 0px 0px 5px;
}

/* ICOONTJE EXTERNE LINKS - UITZONDERINGEN (NIET TONEN) -------------------------- */
.toegankelijkheidknoppen img.externelink,
.socialkanalen img.externelink,
.knopsocialmedia a img.externelink,
.geenicoontje .externelink {
	display: none;
}

/* ICOONTJE EXTERNE LINKS - UITZONDERINGEN KNOPPEN, WIT ICOONTJE -------------------------- */
a.btn.btn-primary img.externelink,
a.btn.btn-secondary img.externelink,
a.btn.btn-success img.externelink,
a.btn.btn-danger img.externelink,
a.btn.btn-warning img.externelink,
a.btn.btn-dark img.externelink,
a.calltoaction img.externelink {
    margin-left: 10px;
    filter: invert(19%) sepia(100%) saturate(100%) hue-rotate(180deg) brightness(200%) contrast(100%);

}

/* NAVIGATIEMENU SUBSITES -------------------------- */
#submenu ul {
	list-style: none;
}