@import url('https://fonts.googleapis.com/css2?family=Merriweather:wght@400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap');


fieldset, form, label, legend {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

input,
textarea {
  margin:0;
  padding:0;
  /* this works as well */
  vertical-align:middle;
}

html, body {height: 100%;}
body {margin-top: 40px;font-family: "Merriweather";color:#36454F;}
/*#header .page-content, #header .homepage-intro, div.main .main__column*/
#header, #primary {
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
    background: #fff;
    line-height: 21px;
}
img {cursor: default;}
#header h1 {font-size: 1.9em;text-transform: none;}
#header h1 div {font-size: 0.4em;padding-top: 6px;}
.main {width:100%;margin:0;padding:0 0 40px 0;position: relative;}
.homepage-intro {margin-bottom: 16px;}
.mainmenu {text-align: right;padding-right: 12px;}
#primary  {overflow:hidden}
#primary  .article-datetime {display:block;font-size:70%;margin-bottom:40px;color:#8f8f8f;}
#primary .item-content {width:60%;margin:0.9em 35% 2em 5%;}
#primary .item-content .item_title {margin-bottom: 0.1em;font-size:1.7em;line-height:1.3em;}
#primary .item-content .item_subtitle {;margin-bottom: 0.5em;font-size:1.2em;line-height:1.4em;}
#primary .item-content .item_intro {margin-top: 0.5em;margin-bottom: 0.5em;font-size:0.9em;line-height:1.7em;}
#primary .item-content .item_author {margin-top: 0.5em;margin-bottom: 0.5em;font-size:1em;}


#primary a {text-decoration: none;}
#primary p {width:60%;margin:0.9em 35% 0 5%;} 
#primary ul, #primary ol , #primary > dl, #primary h1,
#primary h2, #primary h3, #primary h4, #primary h5, #primary form,
#primary h6, #primary figure, #primary > table {width:60%;margin:0.9em 35% 0 5%;margin-block-start: auto;margin-block-end: auto;}
#primary h1 {margin-top: 1.4em;margin-bottom: 0.5em;line-height: 39px;font-size: 1.9em;text-transform: none;}
#primary h2 {margin-top: 1.4em;margin-bottom: 0.5em;/*line-height: 15px;*/font-size:1.7em;}
#primary h3 {margin-top: 1.4em;margin-bottom: 0.5em;/*line-height: 15px;*/font-size:1.5em;}
#primary h4, #primary h5, #primary h6 {margin-top: 1.4em;margin-bottom: 0.5em;/*line-height: 15px;*/font-weight:600;font-size:1.3;}
#primary h1 + h2  {margin-top: 0;margin-bottom: 0.5em;}
#primary h2 + h3  {margin-top: 0;margin-bottom: 0.5em;}
#primary h3 + h4, #primary h3 + h6, #primary h3 + h6    {margin-top: 0;margin-bottom: 0.5em;}
#primary p, #primary dt, #primary dd, #primary li, #primary label, #primary td {font-size:1em;line-height: 1.8em;font-style: normal;font-weight: 400;}
#primary p em {font-style:italic;}
#primary p a sup + code {font-style:normal;}
#primary p a:hover sup + code {font-style:normal;}
#primary dt {margin-top: 1em;}
#primary p strong {font-weight: 700;}
#primary blockquote {border:0px solid #999;}
#primary blockquote p em {font-style: italic;font-size:80%;}
#primary ul, #primary ol {padding-left:32px;line-height: 21px;}
#primary ul li, #primary ol li {margin:0;padding:0;border:0px solid #999;}
#primary li ul, #primary li ol {margin:8px 0 8px 18px;padding:0;border:0px solid #999;}
#primary li p {width:100%;margin:0;}
#primary figure {margin-top: 1em;margin-bottom: 1em;}
#primary figcaption {font-style: italic;font-size:70%;width:90%;margin-bottom: 12px;}
#primary hr {clear:both;visibility: hidden;}
#primary table {border-collapse: collapse;}
#primary td, #primary th {border: 1px solid #bbb;margin:0;padding:3px 5px;text-align: left;}
#primary tbody td {vertical-align: top;}
#primary @media print {@page  {size: auto;margin: 20mm 0mm 15mm 0mm;}ul + hr {page-break-before: always;}p + hr {page-break-before: always;}}

#primary .entry-header {width:60%;margin:0.9em 35% 0 5%;} 
#primary .entry-table {width:60%;margin:0.9em 35% 0 5%;}
#primary .entry-table h1 {width:60%;margin:0.9em 35% 0 5%;margin-block-start: auto;margin-block-end: auto;}

#primary textarea {height: auto;width:60%;margin:0.9em 35% 0 5%;margin-block-start: auto;margin-block-end: auto;padding: 12px;}
#primary form textarea {height: auto;width:100%;margin:0;margin-block-start: auto;margin-block-end: auto;border: 1px solid cornflowerblue;padding: 12px;}
#primary form input[type=text] {width:100%;margin:8px 0 4px 0;border: 1px solid cornflowerblue;height: 20px;}
#primary form fieldset {margin:12px 0 4px 0;}

#primary p {position:relative;}
#primary .size {height:320px!important;}
#primary .borderright {border-right:2px solid black!important;}
#primary section {text-align:initial;}
#primary table {margin-top: 2em;margin-bottom: 2em;font-family: Lato;font-weight: 400;}
#primary img.wrap_left_in {float: left;margin: 10px 10px 10px 0;} /*text above, under and right. */
#primary img.wrap_left_top {float: left;margin: 0 10px 10px 0;} /*text under and right. */
#primary img.wrap_right_in {float: right;margin: 10px 10px 10px 0;} /*text above, under and left. */
#primary img.wrap_right_top {float: right;margin: 0 10px 10px 0;} /*text under and left. */

/* position the li to get the offset */
#primary li {
        position: relative;  /* or absolute, fixed, sticky */
    }
/*
margin:-5px auto 5px auto;
*/
#primary p a {text-decoration: none;/*padding-left: 0.2em;*/}
#primary .popup {
max-width:350px;
padding:5px;
border:1px solid #bbbbbb;
border-radius: 5px;
box-shadow: 2px 1px 10px #bbbbbb;
background-color: white;
font-size: 90%;
font-style: normal;
font-family: "Source Sans Pro";
width:intrinsic;
line-height: 19px;
word-break: break-word;
z-index: 20000;
margin:0;
text-align: left;
}
#primary .popup a {
    color:blue;
}

#primary .popup code {
    display: block;
    background-color: antiquewhite;
    border-radius: 0 0 5px 5px;
    padding-left: 5px;
}

#primary ul li sup, #primary p a sup {
   /*border-radius: 1px;
    box-shadow: -2px 2px 4px #969696;
    padding: 0 1px 0 2px;
    border-top: 1px solid #d8d8d8;
    border-right: 1px solid #d8d8d8;
   border-left: 1px solid #e7e7e7;*/
    border-bottom: 2px solid #ba10f1;
    vertical-align: text-bottom;
    color:blue;
}

a[role="doc-noteref"]:before {
    content: "[";
    color:#ba10f1;
}

a[role="doc-noteref"]:after {
    content: "]";
    color:#ba10f1;
}

#sidebar .sidebar {
      height: 100%;
      width: 0;
      position: fixed;
      z-index: 1;
      top: 0;
      left: 0;
      background-color: #111;
      overflow-x: hidden;
      transition: 0.5s;
      padding-top: 60px;
   }

.table {

}

.linkthing {
    font-size: 90%;
    letter-spacing: -1px;
}

tbody {
    min-height:640px;
}

#primary .site-index-content dl, #primary .site-index-content div {max-width: 800px;margin:0 auto;}
#primary .site-index-content dt {float:right;clear:both;width:50%;margin:10px 0;}
#primary .site-index-content dd {float: left;width:45%;margin:10px 5% 10px 0;}
#primary .site-index-content dl dt a img {width:100%;}
#primary .site-index-content dl dd span.hpoint {font-size:0.6em;color: cornflowerblue;}
#primary .site-index-content dl dd span.linkthing {font-size: 80%;letter-spacing: -1px;}

nav {padding-bottom: 6px;}
nav ul li.page-item {
border-top: 1px #dee2e6 solid;
border-bottom: 1px #dee2e6 solid;
}
table {
    border-collapse: collapse; /* Ensures no double borders */
}
/* reset BIO */
th {text-align: initial;}
.bioinfo th {padding-right: 20px;vertical-align: initial;width:30%;}
.bioinfo h2 {margin:5px 0 10px 0;}
.bioinfo h3 {margin:5px 0 10px 0;text-decoration:underline; text-decoration-color:#DF6857;}
.bioinfo h4 {margin:5px 0 10px 0;}
.bioinfo a {color:#002048;text-decoration: none;}
.bioinfo a:hover {color:#002048;text-decoration: underline;}

/* SPECIAL FOR BIO LEMMA'S"*/
.main__column{
max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
    background: #fff;
    line-height: 21px;
    font-size: 1em;
}
.bioinfo {margin-top:12px}
.leefjaren {margin-top:12px}
.leefjaren tr {vertical-align: top;}
.remarks_questions {margin-top:12px}
.searchcontainer {margin-top:12px}

.bioinfo .biography_reference {
margin: 0.3em 0 0.9em 0;
padding: 0 0 0.4em 0;
border-bottom: 1px dotted #9e9e9e;
}

.bioinfo .remarks_questions {margin-left:6px;}
.bioinfo .searchcontainer  {margin-left:6px;border-top: 2px solid #5B67C6;width: 80%;}
.bioinfo #zoek {margin-left:3px;}

#rpersons #trmid td {white-space:nowrap;}
#rpersons #trbottom td {border-bottom: 1px dotted #5B67C6;}
#rpersons #trtop td {padding-top: 10px;}
#rpersons #trbottom td a {text-decoration: none;}


.Levensdata, .levensdata {width: 90%;}
.bronnen {width: 90%;margin-top: 20px;}
.leefjaren {width: 90%;margin-top: 20px;}
.Levensdata h2, .levensdata h2 {border-bottom: 2px solid #FFD54F;padding-bottom: 5px;}
.bronnen h2 {border-bottom: 2px solid #DF6857;padding-bottom: 5px;}
.leefjaren h2 {border-bottom: 2px solid #4CADD3;padding-bottom: 5px;}

.fw-bold {background-color: #ffefb5;}

h5.main_column_sub_sub_heading {margin: 10px 0 0 0;}

.snippet {
	margin: 5px 0 0 0;
	overflow: hidden;
}

.preview-button-div {
	width: 25%;
	float: left;
	padding-right: 5px;
}

.change-info-div {
	float: left;
	font-size: 78%;
	line-height: 16px;
}

.revert-margin {
	margin-top: revert;
	overflow: hidden;
}

.levensbeschrijving {
	margin-bottom:16px;
	overflow: hidden;
}
.pteven {
	width: 50%;
	overflow: hidden;
	padding-left: 8px;
	margin-bottom: 10px;
}

.ptodd {
	width: 50%;
	overflow: hidden;
	float: left;
	clear: both;
	margin-bottom: 10px;
}
span.bibliographic {display:inline-block;font-size: 70%;line-height: 20px;}

.Levensdatas {
   /*  height: 100px; Set the height for demonstration */
    width: 200px; /* Set the width for demonstration */
    background: repeating-linear-gradient(
        90deg,
        transparent,
        transparent 10px,
        black 10px,
        black 12px
    );
    padding: 10px; /* Add some padding for content */
    vertical-align: top; /* Aligns content to the top */
}
.align-left {
  display: inline-block;
  margin: 0 1em 1em 0;
}