:root{
  --blauw:#3891b1;
  --rood:#d02828;
}

html,body{overflow-x:hidden}

.bewoners{background-color:#3891b133;margin-left:-4vw;padding-left:4vw;padding-right:4vw;margin-right:-4vw;margin-top:2em}

/* Leaflet */

.map-text{font-size:1.7em;color:#111;padding:10px;background-color:#eee;border:1px solid var(--blauw)!important;margin-bottom:0px !important}

.leaflet-control-attribution{/*display:none*/background-color:var(--blauw)!important;color:var(--wit)}
.leaflet-control-attribution a {color:var(--wit)!important}

.leaflet-control-zoom{display:flex;gap:2px;border:0}
.leaflet-bar{box-shadow:none}
.leaflet-bar a,.leaflet-bar a:hover{background:none;width:35px!important;height:34px!important;line-height:30px!important;font-weight:600;font-size:32px!important;font-family:monospace;color:white;border-radius:0!important;border:0}
.leaflet-bar a{background-color:var(--blauw)}
.leaflet-bar a:hover{background-color:var(--rood)}
.leaflet-control-layers{border-radius:0}
.leaflet-left .leaflet-control{margin-left:0px;border:0}
.leaflet-top .leaflet-control{margin-top:0px;border:0}
.leaflet-control-layers-expanded{width:25em !important;height:300px}
.leaflet-control-layers .leaflet-control-layers-list{height:300px !important}
.leaflet-right .leaflet-control{margin-right:0px}
#toolbarDiv{ display:flex;gap:2px}
.toolbar a{ background-color:var(--blauw);color:white;font-size:32px;width:35px;height:34px;text-align:center;font-weight:600;text-decoration:none;font-family:monospace;line-height:27px;outline:none}
.toolbar a:hover{background-color:var(--rood)}

/* Timeline variant 1 */
.timeline{position:relative;margin:0 auto}
.timeline:before{content:"";position:absolute;height:100%;border:1px solid var(--blauw);top:0;left:calc(50% - 1px);right:auto}
.timeline:after{content:"";display:table;clear:both}
.timeline__item{padding:0.5rem;border:1px solid var(--blauw);border-image-slice:1;position:relative;margin:0.5rem 0;width:45%;clear:both}
.timeline__item:after,.timeline__item:before{content:"";position:absolute}
.timeline__item:before{right:-10px;top:calc(50%-10px);border-style:solid;border-color:var(--blauw) var(--blauw) transparent transparent;border-width:10px;transform:rotate(45deg)}
.timeline__item:nth-of-type(2n){float:right;border-image-slice:1;text-align:right}
.timeline__item:nth-of-type(2n):before{right:auto;left:-10px;border-color:transparent transparent var(--blauw) var(--blauw)}
.timeline__item--year{text-align:center!important;max-width:150px;text-align:center;margin:0 auto;font-size:1rem;color:white;background-color:#d3282f;line-height:1;border-image:none;padding:0.5rem;border:0}
.timeline__item--year:before{display:none}
.timeline__item--year:nth-of-type(2n){float:none;margin:0 auto;border-image:none}
.timeline__item--year:nth-of-type(2n):before{display:none}
.timeline__title{margin:0;font-size:1em;line-height:1;font-weight:400}

.iiifDiv{position:absolute;left:10px;top:10px;z-index:100}
@media (max-width:600px){.iiifDiv{left:0;top:0}}

/* Timeline variant 2 */
/*
.timesnake{margin:0.75em}
.card{position:relative}
.card:nth-child(odd){padding:10px 0 10px 10px}
.card:nth-child(even){padding:10px 10px 10px 0}
.card::before{content:"";position:absolute;width:50%;border:solid var(--blauw)}
.card:nth-child(odd)::before{left:0px;top:-4px;bottom:-4px;border-width:2px 0 2px 2px;border-radius:25px 0 0 25px}
@media only screen and (max-width:400px){.card:nth-child(odd)::before{top:-5px;bottom:-5px}}
.card:nth-child(even)::before{right:0;top:2px;bottom:2px;border-width:2px 2px 2px 0;border-radius:0 25px 25px 0}
.card:first-child::before{border-top:0;border-top-left-radius:0}
.card:last-child:nth-child(odd)::before{border-bottom:0;border-bottom-left-radius:0}
.card:last-child:nth-child(even)::before{border-bottom:0;border-bottom-right-radius:0}
.info{display:flex;flex-direction:column;border-radius:10px;padding:10px}
.card:nth-child(even) > .info > .title{text-align:right}
.card:nth-child(odd) > .info > .title::before{left:-26px}
.card:nth-child(even) > .info > .title::before{right:-26px}
.card:nth-child(odd) > .info > .title > .years{float:left;font-weight:700;font-size:1rem;color:white;background-color:#d3282f;padding:0.5em 1em;margin-left:-2em;margin-right:0.5em}
.card:nth-child(even) > .info > .title > .years{float:right;color:white;font-size:1rem;font-weight:700;background-color:#d3282f;padding:0.5em 1em;margin-left:0.5em;margin-right:-1.8em}
*/
.title{position:relative;margin:0;font-size:1em;line-height:1;font-weight:400}

/* Columns */

.container{display:flex;flex-wrap:wrap;gap:3em}
.column{flex:1}
@media (max-width:800px){.column{flex-basis:100%}}

/* Abbrevation / tooltips */

abbr{border-bottom:1px dashed var(--blauw);cursor:help}
li::marker{color:var(--rood)}


/* Icons */

	
.mapicon,.pdficon,.iiificon,.fotoiconm{width:28px;height:28px;background-size:cover;display:inline-block;stroke:var(--blauw);cursor:pointer}

.pdficon,.iiificon {vertical-align:middle}

.perceelgeschiedenis{width:20px;height:20px;background-size:cover;display:inline-block;stroke:var(--blauw);cursor:pointer}
.pdficon{width:26px;height:26px}
.mapicon{background-image:url("data:image/svg+xml,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%20256%20256%22%20enable-background%3D%22new%200%200%20256%20256%22%20xml%3Aspace%3D%22preserve%22%3E%20%3Cg%3E%3Cg%3E%3Cg%3E%3Cpath%20fill%3D%22%233991b1%22%20d%3D%22M119.8%2C13.7c-11.1%2C1.9-20.3%2C6.7-28.4%2C15c-9.7%2C9.9-14.6%2C21.8-14.6%2C35.6c0%2C15.1%2C5.5%2C27.7%2C18.9%2C43.6c5.1%2C6%2C22.2%2C25.1%2C28.4%2C31.7l4%2C4.2l7.5-8.8c12.4-14.6%2C25.8-30.7%2C29.2-35.3c6.9-9.2%2C12.1-19.5%2C13.6-27.4c0.4-2%2C0.8-5.9%2C0.8-8.7c0-13.8-5.4-26.3-15.5-36.1c-7.7-7.5-16.5-12.1-26.5-13.8C133%2C13.2%2C123.6%2C13.1%2C119.8%2C13.7z%20M133.3%2C40.7c9.3%2C2%2C17.1%2C9.7%2C19.3%2C19c2%2C8.6-0.5%2C17-6.9%2C23.5c-7.7%2C7.7-18.8%2C9.6-28.5%2C4.9c-15.8-7.6-19.3-28.1-7-40.5C116.5%2C41.3%2C124.7%2C38.8%2C133.3%2C40.7z%22%2F%3E%3Cpath%20fill%3D%22%233991b1%22%20d%3D%22M175.2%2C97.4c-1.2%2C1.9-2.2%2C3.5-2.2%2C3.7s13.6%2C7.2%2C30.1%2C15.6c16.6%2C8.4%2C30.1%2C15.5%2C30%2C15.6c0%2C0.3-21.9%2C17.4-40.6%2C31.8l-2.7%2C2.1l-20.2-17.9l-20.2-17.9l-1.3%2C1.3c-0.8%2C0.7-1.4%2C1.6-1.4%2C1.8c0%2C0.3%2C8.7%2C8.3%2C19.4%2C17.8c12.3%2C10.9%2C19.1%2C17.3%2C18.8%2C17.5c-1.4%2C0.8-58.9%2C23.5-59%2C23.3c-0.1-0.1-16-20-35.4-44.1c-19.4-24.2-35.2-44.1-35.1-44.2c0.1-0.1%2C6.3-0.3%2C13.6-0.5l13.4-0.3l-2.6-4.2l-2.6-4.3l-11.1%2C0c-6.1%2C0-13%2C0.2-15.4%2C0.3l-4.3%2C0.3l-17.8%2C12.2c-18.5%2C12.6-19.1%2C13.2-18.4%2C15.9c0.5%2C2%2C79.9%2C118.3%2C81.2%2C119c1.8%2C1%2C3.8%2C0.3%2C5.8-2.1c1-1.1%2C8.8-10.7%2C17.4-21.1l15.6-19.1l31.3-12.5l31.3-12.5l24.2-18.8c13.3-10.3%2C25.2-19.5%2C26.4-20.5c2.5-2.1%2C3.2-3.8%2C2.3-5.8c-0.6-1.5-2.3-2.4-44.1-23.6L177.3%2C94L175.2%2C97.4z%20M84.2%2C147.5c19.2%2C23.9%2C35.7%2C44.4%2C36.7%2C45.6l1.8%2C2.3L108.3%2C213c-7.9%2C9.7-14.5%2C17.7-14.7%2C17.8c-0.2%2C0.1-68.7-100.1-72.4-106l-0.8-1.2l14.2-9.7c7.8-5.3%2C14.4-9.7%2C14.5-9.7C49.3%2C104.1%2C65.1%2C123.6%2C84.2%2C147.5z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fg%3E%20%3C%2Fsvg%3E")}
.perceelgeschiedenis{
	background-image: url('data:image/svg+xml,<svg width="48" height="48" viewBox="0 0 12.7 12.7" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg"><g><circle style="fill:%23f7c300;fill-opacity:1;stroke-width:0.0537296" cx="9.8838444" cy="6.3835225" r="2.3286738" /><circle style="fill:%233891b1;fill-opacity:1;stroke-width:0.0537296" cx="2.8717685" cy="2.8294616" r="2.3286738" /><circle style="fill:%233891b1;fill-opacity:1;stroke-width:0.0537296" cx="2.8717685" cy="9.9155302" r="2.3286738" /><path style="fill:none;fill-rule:evenodd;stroke:%23343434;stroke-width:0.465;stroke-linecap:butt;stroke-linejoin:miter;stroke-dasharray:none;stroke-opacity:1" d="M 4.948849,3.882227 7.8067638,5.3307571" /><path style="fill:none;fill-rule:evenodd;stroke:%23343434;stroke-width:0.465;stroke-linecap:butt;stroke-linejoin:miter;stroke-dasharray:none;stroke-opacity:1" d="M 7.8041087,7.4310928 4.9515041,8.8679599" /></g></svg>')
}
.pdficon{background-image:url("data:image/svg+xml,%3Csvg%20fill%3D%22%233891b1%22%20height%3D%22800px%22%20width%3D%22800px%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20viewBox%3D%220%200%20482.14%20482.14%22%20xml%3Aspace%3D%22preserve%22%3E%3Cg%3E%3Cpath%20d%3D%22M142.024%2C310.194c0-8.007-5.556-12.782-15.359-12.782c-4.003%2C0-6.714%2C0.395-8.132%2C0.773v25.69%20c1.679%2C0.378%2C3.743%2C0.504%2C6.588%2C0.504C135.57%2C324.379%2C142.024%2C319.1%2C142.024%2C310.194z%22%2F%3E%3Cpath%20d%3D%22M202.709%2C297.681c-4.39%2C0-7.227%2C0.379-8.905%2C0.772v56.896c1.679%2C0.394%2C4.39%2C0.394%2C6.841%2C0.394%20c17.809%2C0.126%2C29.424-9.677%2C29.424-30.449C230.195%2C307.231%2C219.611%2C297.681%2C202.709%2C297.681z%22%2F%3E%3Cpath%20d%3D%22M315.458%2C0H121.811c-28.29%2C0-51.315%2C23.041-51.315%2C51.315v189.754h-5.012c-11.418%2C0-20.678%2C9.251-20.678%2C20.679v125.404%20c0%2C11.427%2C9.259%2C20.677%2C20.678%2C20.677h5.012v22.995c0%2C28.305%2C23.025%2C51.315%2C51.315%2C51.315h264.223%20c28.272%2C0%2C51.3-23.011%2C51.3-51.315V121.449L315.458%2C0z%20M99.053%2C284.379c6.06-1.024%2C14.578-1.796%2C26.579-1.796%20c12.128%2C0%2C20.772%2C2.315%2C26.58%2C6.965c5.548%2C4.382%2C9.292%2C11.615%2C9.292%2C20.127c0%2C8.51-2.837%2C15.745-7.999%2C20.646%20c-6.714%2C6.32-16.643%2C9.157-28.258%2C9.157c-2.585%2C0-4.902-0.128-6.714-0.379v31.096H99.053V284.379z%20M386.034%2C450.713H121.811%20c-10.954%2C0-19.874-8.92-19.874-19.889v-22.995h246.31c11.42%2C0%2C20.679-9.25%2C20.679-20.677V261.748%20c0-11.428-9.259-20.679-20.679-20.679h-246.31V51.315c0-10.938%2C8.921-19.858%2C19.874-19.858l181.89-0.19v67.233%20c0%2C19.638%2C15.934%2C35.587%2C35.587%2C35.587l65.862-0.189l0.741%2C296.925C405.891%2C441.793%2C396.987%2C450.713%2C386.034%2C450.713z%20M174.065%2C369.801v-85.422c7.225-1.15%2C16.642-1.796%2C26.58-1.796c16.516%2C0%2C27.226%2C2.963%2C35.618%2C9.282%20c9.031%2C6.714%2C14.704%2C17.416%2C14.704%2C32.781c0%2C16.643-6.06%2C28.133-14.453%2C35.224c-9.157%2C7.612-23.096%2C11.222-40.125%2C11.222%20C186.191%2C371.092%2C178.966%2C370.446%2C174.065%2C369.801z%20M314.892%2C319.226v15.996h-31.23v34.973h-19.74v-86.966h53.16v16.122h-33.42%20v19.875H314.892z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}
.iiificon,.fotoicon{background-image:url("data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20standalone%3D%22no%22%3F%3E%20%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%22128%22%20height%3D%22128%22%20viewBox%3D%220%200%2024%2024%22%20version%3D%221.1%22%3E%20%3Cg%20stroke%3D%22none%22%20stroke-width%3D%221%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%20%3Cg%20fill%3D%22%233891b1%22%20fill-rule%3D%22nonzero%22%3E%20%3Cpath%20d%3D%22M15%2C4%20L6%2C4%20L6%2C20%20L18%2C20%20L18%2C7%20L15%2C7%20L15%2C4%20Z%20M6%2C2%20L16%2C2%20L20%2C6%20L20%2C20%20C20%2C21.1045695%2019.1045695%2C22%2018%2C22%20L6%2C22%20C4.8954305%2C22%204%2C21.1045695%204%2C20%20L4%2C4%20C4%2C2.8954305%204.8954305%2C2%206%2C2%20Z%20M8%2C11%20L16%2C11%20L16%2C13%20L8%2C13%20L8%2C11%20Z%20M8%2C15%20L16%2C15%20L16%2C17%20L8%2C17%20L8%2C15%20Z%22%3E%20%3C%2Fpath%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%20%3C%2Fsvg%3E");
background-size: 26px;
}
.mapiconright,.perceelgeschiedenisright{float:right;margin-top:-4px;margin-left:4px;margin-bottom:-4px}


.panicon{width: 54px;
    height: 25px;
    zoom: 0.8;margin-left:5px;background-size:cover;display:inline-block;stroke:var(--blauw);cursor:pointer;
background-image:url("data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%22-791%20575%20100%2045%22%20style%3D%22enable-background%3Anew%20-791%20574%20100%2044%22%20xml%3Aspace%3D%22preserve%22%3E%3Cg%3E%3Cpath%20fill%3D%22%233891b1%22%20d%3D%22M-693.7%2C574.8l-2.7%2C0.8c-0.2%2C0-16.3%2C4.6-44.7%2C4.6c-28.4%2C0-44.4-4.6-44.6-4.6l-2.7-0.8v41.5l2.6-0.6%20c0.2-0.1%2C18.9-4.6%2C44.6-4.6c25.7%2C0%2C44.6%2C4.6%2C44.8%2C4.6l2.6%2C0.6L-693.7%2C574.8z%20M-697.9%2C611.1c-3.4-0.7-10.1-2-18.9-2.9l-3.1-4.9h3%20l-6.1-10.4l-6.1%2C10.4h2.8l-2.5%2C4c-1.7-0.1-3.4-0.2-5.1-0.2l-3.5-5.5h4l-7.9-13.6l-7.9%2C13.6h3.6l-3.5%2C5.5c-1.7%2C0.1-3.3%2C0.1-4.9%2C0.2%20l-2.5-4h3l-6-10.4l-6.1%2C10.4h2.8l-3.2%2C5c-8.5%2C0.9-14.9%2C2.1-18.2%2C2.8v-30.8c5.7%2C1.3%2C20.4%2C4.1%2C43.1%2C4.1c22.7%2C0%2C37.5-2.8%2C43.2-4.1%20L-697.9%2C611.1L-697.9%2C611.1C-697.9%2C611.1-697.9%2C611.1-697.9%2C611.1z%22%2F%3E%3Ccircle%20fill%3D%22%233891b1%22%20cx%3D%22-709.8%22%20cy%3D%22590.8%22%20r%3D%224.2%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}

/* Dialog styling */

.map-dialog{width:98vw;height:98vh;background-color:white;box-shadow:0 0px 10px rgba(0,0,0,0.5);z-index:1000;padding:10px;box-sizing:border-box;border:0;overflow:hidden}


@media (max-width:600px){.map-dialog{width:100vw;height:100vh;padding:0;max-width:100%;max-height:100%}}
.close-btn{position:absolute;top:10px;right:10px;background-color:#368daf;color:white;border:none;padding:5px 10px;cursor:pointer;font-size:16px;z-index:9999}
@media (max-width:600px){.close-btn{top:0px!important;right:0px!important}}
.close-btn:hover{background-color:var(--rood)}

/* Photos  */

.photos{display:grid;grid-template-columns:repeat(auto-fill,minmax(15rem,1fr));grid-gap:1rem}
.photos img{height:20rem;width:100%;object-fit:cover;box-shadow:1px 1px 5px 1px lightslategray}
.krantenknipsel{cursor:pointer}
.photospan{ display:inline-flex;position:relative;height:200px;cursor:pointer}
#iiiftitle {display:block;position:absolute;bottom:10px;left:10px;font-size:1em}

div#content.content { background:none }

.page-content ul { list-style: disc; }

/* timeline */

.timelinep {
  width: 100%;
  max-width: 1000px;
  background: #fff;
  padding: 50px 25px 0 25px;
  position: relative;
  box-shadow: 0.5rem 0.5rem 2rem 0 rgba(0, 0, 0, 0.2);
  margin:3em auto 3em auto;
}
.timelinep:before {
  content: "";
  position: absolute;
  top: 0px;
  left: calc(20% + 15px);
  bottom: 0px;
  width: 4px;
  height:100%;
  background: var(--rood);
}
.timelinep:after {
  content: "";
  display: table;
  clear: both;
}

.entry {
  clear: both;
  text-align: left;
  position: relative;
}
.entry .title {
  margin-bottom: 0.5em;
  float: left;
  width: 20%;
  padding-right: 30px;
  text-align: right;
  position: relative;
}
.entry .title:before {
  content: "";
  position: absolute;
  width: 8px;
  height: 8px;
  border: 10px solid var(--rood);
  background-color: #fff;
  border-radius: 100%;
  top:4%;
  right: -12px;
  z-index: 99;
}

.entry .title h2 {
  margin-top: -2px;
  font-size: 125%;
  margin-bottom: 10px;
}
.entry .title i {
	margin-right:-5px;
}
.entry .title p {
  margin: 0;
  font-size: 100%;
}
.entry .body {
  margin: 0 0 1em;
  float: right;
  width: 80%;
  padding-left: 30px;
}
.entry .body p {
  line-height: 1.4em;
}
.entry .body p:first-child {
  margin-top: 0;
  font-weight: 400;
}
.entry .body ul {
  color: #555;
  padding-left: 0;
  list-style-type: none;
}
.entry .body ul li:before {
  content: "–";
  margin-right: -0.2em;
  margin-left:-28px;
  font-size:2em;
  color:var(--rood);
}