:root {
	--kleur-achtergrond: #808080;
	--kleur-form: #c0c0c0; /*windows grijs*/
	--kleur-formtekst: #0055b3; /*blauw*/
	--kleur-button: #c0c0c0; /*windows grijs*/
	--kleur-readonly: #d0d0d0; /*wat lichter grijs*/
	--kleur-buttontekst: #0055b3;
	--kleur-actievetab: #28a745; /*frisgroen*/
	--kleur-tabtekst: #0055b3; /*blauw*/
	--kleur-legend: #008800; /*donkergroen*/
	--kleur-tekstopdonker: white;
	--kleur-hover: #17a2b8;
	--kleur-titelbalk: #28a745; /*frisgroen*/
	--kleur-helph1: #dc3545; /*rodig*/
	--kleur-helph2: #008800; /*donkergroen*/
	--kleur-helph3: mediumorchid;
	--kleur-tekstvak: white;
	--kleur-tekstvaktekst: blue;
	--url-16x16png: url('plaatjes/16x16v13.png');
}

* {
	box-sizing: border-box;
}

table {
	border-collapse: collapse;
}

table, th, td {
	border: 1px solid var(--kleur-hover);
}

th, td {
	padding: 3px;
}

.tabel-zonder-border, .tabel-zonder-border th, .tabel-zonder-border td {
	border: none;
}

/* deze stijlen worden gebruikt door modaal.ts */
.modal {
	display: none; /* Hidden by default */
	position: fixed; /* Stay in place */
	z-index: 2500; /* Sit on top NB: 1 is niet genoeg, omdat leaflet bepaalde controls z-index = 7 geeft en zelfs z-index = 1000. 2000 is ook niet genoeg, want dat is het wisselknopje op de mobiel. Modale vensters moeten daar overheen vallen */
	justify-content: center;
	align-items: center;
	left: 0;
	top: 0;
	width: 100%; /* Full width */
	height: 100%; /* Full height */
	background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
	user-select: none;
}

/* Modal Content */
.modal-content {
	position: relative;
	background-color: var(--kleur-form);
	color: var(--kleur-formtekst);
	margin: auto;
	box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
	max-width: 96%;
	max-height: 98%; /* % werkt hetzelfde als vh, maar is verder achterwaarts compatibel */
	display: grid;
	grid-template-rows: auto 1fr auto;
}

.modal-title {
	flex-grow: 1; /* zodat het kruisje helemaal naar rechts schuift als de titel niet zo breed is */
	font-size: 20px;
	cursor: move;
	margin-top: 3px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

/* The Close Button */
.modal-close {
	width: 28px;
	flex-shrink: 0;
	color: var(--kleur-tekstopdonker);
	font-size: 24px;
	font-weight: bold;
	margin-left: 10px;
}

	.modal-close:hover,
	.modal-close:focus {
		color: var(--kleur-form);
		text-decoration: none;
		cursor: pointer;
	}

.modal-header {
	display: flex;
	padding-left: 16px;
	align-items: center;
	background-color: var(--kleur-titelbalk);
	color: var(--kleur-tekstopdonker);
	height: 42px;
	min-width: 0; /* anders kan bij een hele lange titel deze uit het form lopen */
}

.modal-body {
	overflow: auto;
	padding: 16px;
	user-select: text;
}

.modal-footer {
	text-align: right;
	padding: 16px;
}

	.modal-footer input {
		font-size: large;
		height: initial !important; /*important, omdat anders height 25px de voorkeur krijgt in stijl.css, en dan ziet de treeview er niet uit*/
	}

.modal label {
	vertical-align: top;
}

.modal-help {
	color: var(--kleur-legend);
	font-size: 90%;
	margin-bottom: 5px;
	margin-top: 20px;
}

.modal-uitleg {
	font-size: 100%;
	margin-bottom: 5px;
	margin-top: 20px;
}

/*BEGIN treeview*/
#frmTreeview-regels {
	margin-top: 10px;
	padding: 3px;
	max-height: 60vh;
	overflow-y: auto;
}

.frmTreeview-item {
	display: none;
	color: black;
}

.frmTreeview-item-zichtbaar {
	display: flex;
	align-items: baseline;
}

.frmTreeview-item-plus {
	cursor: pointer;
	flex: 0 0 15px;
}

.frmTreeview-item-tekst {
	cursor: pointer;
	padding: 4px;
	flex: 1 1 auto;
}

.frmTreeview-item-tekst-selected {
	border: 1px solid blue;
	font-weight: bold;
}

.frmTreeview-button {
	margin-left: 10px;
}

/* EINDE treeview*/

/*deze wordt gebruikt door de kilometerpaaltjes*/
.dist-marker {
	font-size: 9px;
	border: 1px solid #777;
	border-radius: 5px;
	text-align: center;
	color: #000;
	background: #fff;
}

/* de oekraiense vlag in de attributie uitschakelen */
.leaflet-attribution-flag {
	display: none !important
}

/* zodat de attributie string op de kaart lekker klein is, is ja niet belangrijk */
.leaflet-control-attribution {
	line-height: 1;
	font-size: 10px;
}

/* BEGIN kaartselectiecontrol (de lijst met kaarten) */
.kaartselectie-inhoud legend {
	color: var(--kleur-helph1);
}

.kaartselectie-sectie {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
	color: var(--kleur-formtekst);
	overflow: auto;
}

.kaartselectie-groep {
	grid-column: 1 / -1;
	color: var(--kleur-titelbalk);
}

.kaartselectie-cel {
	display: flex;
	align-items: start;
}

/* EINDE kaartselectiecontrol*/

/* BEGIN als-a (voor een div die zich als een a gedraagt, maar geen href heeft) */
.als-a {
	text-decoration: underline;
	cursor: pointer;
	display: inline-block;
}

	.als-a:hover {
		color: var(--kleur-hover);
	}
/* EINDE als-a*/

label:hover {
	color: var(--kleur-hover);
}

.kleurenpikker {
	display: grid;
	grid-template-columns: repeat(auto-fill, 40px);
	grid-auto-rows: 40px;
	grid-gap: 5px;
}

.kleurvakje {
	border-radius: 5px;
	cursor: pointer;
}

	.kleurvakje.gepiktekleur {
		outline: 2px dotted black;
		border-radius: initial;
	}

.gereedschapicoon {
	display: inline-block;
	background-image: var(--url-16x16png);
	background-position-x: -112px;
	width: 16px;
	height: 16px;
}

/* om te zorgen dat je kolommen in een tabel rechts kunt uitlijnen */
.col-r-1 td:nth-child(1),
.col-r-2 td:nth-child(2),
.col-r-3 td:nth-child(3),
.col-r-4 td:nth-child(4),
.col-r-5 td:nth-child(5),
.col-r-6 td:nth-child(6),
.col-r-7 td:nth-child(7),
.col-r-8 td:nth-child(8),
.col-r-9 td:nth-child(9),
.col-r-10 td:nth-child(10),
.col-r-11 td:nth-child(11),
.col-r-12 td:nth-child(12) {
	text-align: right;
}

/* om te zorgen dat je kolommen in een tabel kunt centreren */
.col-m-1 td:nth-child(1),
.col-m-2 td:nth-child(2),
.col-m-3 td:nth-child(3),
.col-m-4 td:nth-child(4),
.col-m-5 td:nth-child(5),
.col-m-6 td:nth-child(6),
.col-m-7 td:nth-child(7),
.col-m-8 td:nth-child(8),
.col-m-9 td:nth-child(9),
.col-m-10 td:nth-child(10),
.col-m-11 td:nth-child(11),
.col-m-12 td:nth-child(12) {
	text-align: center;
}

.leaflet-popup-content {
	/*zodat ik tekst kan selecteren die wordt afgebeeld in de popups van markers*/
	user-select: text;
	/* wat minder marge zodat de popupjes bij het tonen van de administratieve grenzen wat minder opgeblazen zijn*/
	margin: 5px 20px 5px 5px;
}

/* maak voor nu even alles volledig scherm */
html, body {
	height: 100%;
	margin: 0;
	padding: 0;
}

body {
	background-color: var(--kleur-achtergrond);
	font-family: Helvetica,Verdana,Arial,sans-serif;
	padding: 6px;
	position: relative;
}

#fraLinks {
	height: 100%;
	overflow: auto;
	position: relative; /* nodig voor de button die hem in kan klappen op mobiel */
}

#fraRechts {
	display: grid;
	overflow: auto;
	grid-template-rows: min-content 1fr;
	user-select: none; /*dit werkt beter bij het vergroten van het gebied van het menu door te slepen met de muis, anders krijg je rare selecties, let op dat als je wilt dat bepaalde stukken aan de rechterkant w�l selecteer zijn, dat je bij die stukken dan user-select: text moet neerzetten*/
}

img {
	max-width: 100%;
	height: auto;
	box-sizing: initial; /*anders krijg je het probleem dat als je een border eromheen zet, dat de img geshrinkt wordt en zelfs bij een border van 1 px ziet dat meteen onscherp uit*/
}

legend {
	color: var(--kleur-legend);
}

#fraSplitter {
	position: absolute;
	top: 50%;
	width: 5px;
	height: 32px;
	background-image: url('plaatjes/splitter.png');
	cursor: w-resize;
}

#fraEditorLinks {
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	user-select: none;
}

#fraMap {
	flex-grow: 1;
	/*onderstaande properties zijn nodig om het vizier te centreren*/
	display: flex;
	align-items: center;
	justify-content: center;
}

#fraVolgen {
	margin-bottom: 6px;
	display: flex;
	column-gap: 25px;
	row-gap: 5px;
	align-items: center;
	flex-wrap: wrap;
	justify-content: center;
}

#fraDatabaseLinks {
	user-select: none;
}

#fraDatabaseLinks, #fraDatabaseMap {
	width: 100%;
	height: 100%;
}

.tracktitel {
	color: var(--kleur-legend);
	margin-top: 8px;
}

.windows95 {
	background-color: var(--kleur-form);
	color: var(--kleur-formtekst);
	padding: 8px;
}

#inofuitklappen {
	font-weight: bold;
	margin-bottom: 5px;
	cursor: pointer;
}

#deletepoints {
	display: none;
}

fieldset {
	margin-bottom: 10px;
	min-inline-size: unset; /*zonder deze krijg je in chrome dat tekst met zeer lange woorden zorgt dat de fieldset groter groeit dan hij mag, omdat hij de woorden niet afbreekt. Moet je gebruiken in combinatie met overflow-wrap: breakword of overflow: scroll */
	overflow-wrap: break-word;
}

label {
	vertical-align: middle;
}

input[type='button'], button {
	color: var(--kleur-buttontekst);
	border: none;
	box-shadow: inset -1px -1px #0a0a0a, inset 1px 1px #fff, inset -2px -2px grey, inset 2px 2px #dfdfdf;
	background: var(--kleur-button);
	padding: 4px 5px;
}

	input[type='button']:hover, button:hover {
		color: var(--kleur-hover);
	}

	input[type='button']:active, button:active {
		box-shadow: inset -1px -1px #fff, inset 1px 1px #0a0a0a, inset -2px -2px #dfdfdf, inset 2px 2px grey;
	}

	input[type='button']:focus, button:focus {
		outline: 1px dotted #000;
		outline-offset: -4px;
	}

select {
	background-color: var(--kleur-tekstvak);
}

textarea {
	background-color: var(--kleur-tekstvak);
	color: var(--kleur-tekstvaktekst);
}

	textarea[readonly] {
		background-color: var(--kleur-readonly);
		color: black;
	}

input[type='text'] {
	color: var(--kleur-tekstvaktekst);
}

	input[type='text'][readonly] {
		background-color: var(--kleur-readonly);
		color: black;
	}

.prikker {
	font-size: 12px;
	height: 18px;
	padding: 0;
}

.waypoint-label {
	padding: 3px 6px;
}

/* overrijd de standaard cursos die gebruikt wordt op de kaart. Geen handje, maar een kruis, zodat je de cirkeltjes beter kunt plaatsen */
.leaflet-container {
	cursor: crosshair;
}

a {
	color: var(--kleur-formtekst);
}

.pointeralshover:hover {
	/*
	De a tag die we hier gebruiken heeft geen href omdat anders krijg je een # te zien in de URL nadat op de a geklikt is. Maar als je geen href hebt, dan krijg je ook geen hover effecten meer te zien, dus die voeg ik hier alsnog toe.
	*/
	text-decoration: underline;
	cursor: pointer;
	color: var(--kleur-hover);
}

.lichtalshover:hover {
	color: var(--kleur-hover);
}

.routeringicoon {
	padding: 2px 2px;
	margin: 2px 5px;
	width: 38px; /* zodat de afmeting meteen goed is bij het inladen van de html */
	height: 38px;
}

.standaardroutering {
	border: 1px solid var(--kleur-actievetab);
}

.blog-tekst figure {
	text-align: center;
}

.kader {
	position: relative;
	border-width: 2px;
	border-style: groove;
	border-color: threedface;
	margin-bottom: 16px;
	min-inline-size: unset;
	overflow-wrap: break-word;
	padding: 10px;
	padding-top: 12px;
}

.legenda {
	display: flex;
	padding: 0 15px 0 5px;
	position: absolute;
	top: -0.55em;
	color: var(--kleur-legend);
	width: 100%;
}

.legendalinks {
	min-width: 0; /*deze zorgt ervoor dat als de tekst heel lang wordt, dat hij de flexcontainer niet overflowt*/
	display: flex;
	background-color: var(--kleur-form);
	padding: 0 5px;
	margin-left: -5px; /*anders staat ie te ver naar rechts*/
	margin-right: auto;
}

.legendatekst {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.toeltip {
	display: inline-block; /*deze is nog nodig bij de Sneltoetsen link*/
	margin-left: 5px;
	width: 16px;
	height: 16px;
	background-image: var(--url-16x16png);
	background-position-x: -64px;
	flex-shrink: 0;
}

	.toeltip:hover {
		cursor: pointer;
	}

.kaderplusmin {
	background-color: var(--kleur-form);
	height: 16px;
	width: 16px;
	cursor: pointer;
	flex-shrink: 0; /*anders gaat hij kleiner worden als de tekst ervoor heel lang wordt (ondanks ellipsis)*/
}

#fraHelpRechts {
	padding-left: 15px; /*beetje extra*/
}

	#fraHelpRechts h3 {
		color: var(--kleur-legend);
	}

.helplinkactief {
	font-weight: bold;
}

.tabbalk {
	display: flex;
	flex-wrap: wrap;
	background-color: var(--kleur-form);
	color: var(--kleur-formtekst);
}

/* Style the buttons inside the tab */
.tablinks {
	cursor: pointer;
	padding: 10px;
	transition: 0.3s;
	color: var(--kleur-tabtekst);
	font-weight: bold;
	font-size: 13px;
}

	/* Change background color of buttons on hover */
	.tablinks:hover {
		color: var(--kleur-hover);
	}

	/* Create an active/current tablink class */
	.tablinks.active {
		background-color: var(--kleur-actievetab);
		color: var(--kleur-tekstopdonker);
	}

.review-sterren {
	font-size: 130%;
	color: yellow;
}

.review-naam, .review-datum {
	color: var(--kleur-legend);
}

.review-datum {
	font-size: 75%;
}

.review-omschrijving {
	color: var(--kleur-formtekst)
}

input[name="frmReview-score"] {
	margin-left: 25px;
}

.helppagina {
	color: var(--kleur-formtekst);
}

	.helppagina h1 {
		color: var(--kleur-helph1);
		text-align: center;
	}

	.helppagina h2 {
		color: var(--kleur-helph2);
	}

	.helppagina h3 {
		color: var(--kleur-helph3);
	}

	.helppagina code {
		color: black;
	}

	.helppagina figcaption {
		color: var(--kleur-legend);
	}

	.helppagina img {
		border: 1px solid black;
	}

#tblMijnRoutes {
	background-color: white;
	width: 100%;
}

	#tblMijnRoutes th {
		background-color: var( --kleur-form);
	}

.arrow-icon > div {
	margin-left: -1px;
	margin-top: -3px;
	transform-origin: center center;
	font: 12px/1.5 "Helvetica Neue", Arial, Helvetica, sans-serif;
}

#divVizier {
	position: relative;
	width: 123px;
	height: 123px;
	z-index: 1000;
	pointer-events: none;
	background-image: url('plaatjes/vizier.png');
	background-repeat: no-repeat;
	background-position: center;
}

	#divVizier button {
		position: absolute;
		line-height: 20px;
		width: 30px;
		height: 30px;
		pointer-events: auto;
		font-size: 24px;
		font-weight: bold;
	}

#cmdLinksKlik {
	top: 47px;
	left: -6px;
}

#cmdRechtsKlik {
	left: 100px;
	top: 47px;
}

#cmdSleep {
	left: 47px;
	top: 100px;
}

.clustermarker {
	background: blue;
	border: 5px solid rgba(255,255,255,0.5);
	font-weight: bold;
	text-align: center;
	border-radius: 50%;
	color: white;
	font-size: 12px;
	line-height: 20px;
}

.forum-tegel {
	background-color: var(--kleur-form);
	padding: 20px;
	margin-right: 5px;
}

	.forum-tegel figcaption {
		color: var(--kleur-legend);
	}

	.forum-tegel img {
		border: 1px solid black;
	}

.forum-kop-links {
	background-color: var(--kleur-form);
	color: var(--kleur-formtekst);
	padding: 20px;
	text-align: center;
	font-size: x-large;
	border-style: outset;
}

.forum-header {
	text-align: center;
}

.forum-topic-titel {
	padding-top: 15px;
	color: var(--kleur-helph1);
	font-size: x-large;
}

.forum-topic-titel-klikbaar {
	cursor: pointer;
	text-decoration: underline;
}

.forum-datum {
	font-size: calc(100% - 3px);
	color: var(--kleur-helph2);
	padding-top: 8px;
}

.forum-treeview {
	position: absolute;
	display: flex;
	align-items: center
}

.forum-treeview-reacties {
	color: black;
	padding-left: 5px
}

.forum-tekst {
	margin: 10px;
	padding-bottom: 10px; /*want de margin valt buiten de tegel op een of andere manier*/
	font-family: monospace;
	white-space: pre-wrap;
	overflow-wrap: anywhere; /*belangrijk als er zeer lange woorden op ��n regel tekst staan*/
	overflow-x: auto;
}

.forum-topic-aantcomments {
	color: black;
	font-size: smaller;
	margin-top: 5px;
}

.forum-reageerlink {
	font-size: smaller;
	text-align: right;
}

.forum-footer {
	padding: 10px;
}

.forum-textarea {
	margin-top: 4px;
	width: 100%;
	max-width: 100%;
	height: 100px;
}

.forum-menu-topic {
	margin-left: 20px;
}

.groenetekst {
	font-weight: bold;
	color: var(--kleur-legend);
}

.rodetekst {
	color: var(--kleur-helph1);
}

.frmHoogtegrid-kleurdemo {
	display: inline-flex;
	align-items: center;
	color: black;
	width: 100px;
	text-align: center;
	font-size: 11px;
	padding: 3px 0;
	border: 1px solid gray;
	border-radius: 6px;
}

.frmHoogtegrid-kleur {
	padding: 2px 2px 0;
	border: 1px solid gray;
	border-radius: 6px;
}

.frmHoogtegrid-radio {
	margin-right: 8px;
	margin-top: 0;
}

.frmSplash-div2 {
	grid-column: 1/3;
	width: 100%; /*deze is nodig voor de hr, anders krijgt die geen breedte om een of andere reden*/
}

#frmSplashDesktop input[type='button'] {
	grid-column-start: 1;
	margin: 0;
	width: 125px;
	height: 40px;
	font-size: large;
}

/*BEGIN CONTEXTMENU*/
.context-sub-menu,
.context-menu {
	position: fixed;
	background: white;
	z-index: 9999;
	width: 150px;
	margin: 0;
	border-radius: 2px;
	box-shadow: 0 0 6px rgba(0,0,0,0.2);
	font-size: 12px;
	padding-inline-start: 0;
}

	.context-menu .context-menu-item {
		height: 22px;
		display: flex;
		align-items: center;
		padding: 2px 10px;
		cursor: pointer;
		position: relative;
	}

		.context-menu .context-menu-item span {
			display: block;
			white-space: nowrap;
			overflow: hidden;
			text-overflow: ellipsis;
		}

.context-menu-item:last-of-type {
	border-bottom: none;
}

.context-menu .context-menu-item:hover {
	background: #f0f0f0;
}

.context-menu .context-sub-menu {
	position: absolute;
	top: 0;
	left: 100%;
	display: none;
	width: 150px;
}

.context-menu .context-menu-item:hover > .context-sub-menu {
	display: block;
}

.context-menu.left .context-sub-menu {
	left: 0;
	transform: translateX(-100%);
}

.context-menu.top .context-sub-menu {
	top: 100%;
	transform: translateY(-100%);
}

.context-menu.left.top .context-sub-menu {
	transform: translate(-100%, -100%);
}

.context-divider {
	border-top: 2px solid #888;
}
/*EINDE CONTEXTMENU*/

/* BEGIN kaartselectiecontrol (de buitenkant, de binnenkant zit in judstijl.css) */
.kaartselectie-icon {
	background-image: url(leaflet/images/layers.png);
	background-position: 50% 50%;
	background-repeat: no-repeat;
	width: 44px;
	height: 44px;
	border: 2px solid rgba(0,0,0,0.2);
	background-clip: padding-box;
	background-color: #fff;
	border-radius: 5px;
}

.kaartselectie-uitklap {
	display: none;
	width: 340px;
	max-width: 90vw;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 1;
	border: 2px solid rgba(0,0,0,0.2);
	background-clip: padding-box;
	background-color: white;
	border-radius: 5px;
	padding: 5px;
	padding-top: 10px;
	max-height: 90vh;
	overflow-y: auto
}

.kaartselectie-kruis {
	position: absolute;
	top: -1px;
	right: 2px;
	font-size: 120%;
	font-weight: bold;
}
/* EINDE kaartselectiecontrol */

/*begin doneerbutton*/
.doneerbuttonmobiel {
	position: absolute;
	bottom: 12px;
	left: 50%;
	transform: translate(-50%, 0)
}

.doneerbutton {
	background-color: gold;
	padding: 3px 10px;
	font-size: 18px;
	display: flex;
	align-items: center;
	gap: 5px;
}

.doneerbuttonhartje {
	font-size: 24px;
	color: red;
}
/*einde doneerbutton*/

.dbaantalkm {
	top: -4px;
	position: relative;
	font-size: 12px;
	text-align: center;
	overflow: hidden
}

.dbkmofm {
	font-size: 9px;
}

.dbaantroutes {
	text-align: center;
	width: 32px
}

.triplogmarker {
	background-color: white;
	border: 1px solid black;
	border-radius: 5px;
	color: black;
	display: inline-block;
	font: 12px sans-serif;
	padding: 1px 2px;
	position: relative;
	width: 25px;
	text-align: center;
}

	.triplogmarker:after,
	.triplogmarker:before {
		border-left: 5px solid transparent;
		border-right: 5px solid transparent;
		border-top: 5px solid white;
		bottom: -5px;
		content: '';
		left: 50%;
		margin-left: -5px;
		position: absolute;
	}

	/* Styling for second triangle (border) */
	.triplogmarker:before {
		border-left: 6px solid transparent;
		border-right: 6px solid transparent;
		border-top: 6px solid;
		bottom: -6px;
		margin-left: -6px;
	}

.triplogbutton {
	width: 32px;
	height: 32px;
	background-image: url('plaatjes/playpausestop.png');
	cursor: pointer;
}

.toolbarbutton {
	position: absolute;
	width: 34px;
	height: 34px;
	line-height: 28px;
	padding: 3px;
	text-align: center;
	border: 2px solid rgba(0,0,0,0.2);
	z-index: 800;
	background-color: white;
	background-clip: padding-box;
	border-radius: 4px;
	cursor: pointer;
	font-size: 28px;
}

	.toolbarbutton.erkomtnogna {
		border-bottom: 1px solid #ccc;
		border-bottom-left-radius: 0;
		border-bottom-right-radius: 0;
	}

	.toolbarbutton.erkomtvoor {
		border-top: none;
		border-top-left-radius: 0;
		border-top-right-radius: 0;
	}

.toolbarbuttonplaatje {
	width: 24px;
	height: 24px;
	background-repeat: no-repeat;
}

#lblZoomVerderIn {
	color: var(--kleur-tekstopdonker);
	max-width: 80%;
	margin: 0 auto;
	display: inline-block;
	padding: 5px;
	font-size: large;
	border-radius: 5px;
	pointer-events: initial
}