/*front page*/

		
/*zoekresultaten*/
highlight {background-color:#d5aa5c;}

/*algemeen*/
.searchBox-container, .reactBox-container {
	display:flex;
}

.reactClose, .searchClose {
	align-self:end;
} 

.popup_1,.popup_2,.popup_3 {cursor:pointer;}
.popup_1.open,.popup_2.open,.popup_3.open {cursor:default;}

#leesvenster .rndSpan {
	position: relative;
}

#leesvenster .rndSpan i.sluitpopup {
	margin-left: 0;
	position: absolute;
	font-size: 18px;
	top: 10px;
	right: 10px;
}
.popupTitelPopup2Bijbel {
	color: #222222;
	text-decoration: none;
	font-weight: bold;
	font-size: 16px;
}

.searchBox {
  visibility:hidden;
  position: fixed;
  z-index: 7;
  padding-top: 20px;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(0,0,0,0.5);
  opacity:0;
  transition: all 0.5s cubic-bezier(0.77, 0, 0.175, 1);
  display:flex;
  /*transition-delay: 2s;*/
}


.searchBox-container {
  position: relative;
  background-color: #fff;
  margin: auto;
  padding: 0;
  width: 600px;
  max-width: 1200px;
  display: inline-block;
  flex-direction: column;
  align-items: center;
  padding: 30px;
}

.searchBox-heading {
	text-align: center;
	font-size: 22px;
	font-weight:600;
}

.searchBox-content{
	text-align: center;
}

.zoekhighlight {background-color:yellow;}

#bovendeel #zoek-in-document.header-container {display:none;}

#bovendeel #zoek-in-document.header-container.visible {display:flex;}

/*verwijzingen in randnummer span*/
#leesvenster .rndSpan .popup_1 {    color: #888888;   text-decoration: underline;  background-color: transparent; border: 0 !important; font-size: 14px; cursor: text;}
#leesvenster .rndSpan .popup_2, #leesvenster .rndSpan .popup_3 {   font-size: 13px; font-style: normal;   color: #ffffff; background-color:#aaaaaa;   padding: 0 9px 0 6px; border-radius: 20px; -webkit-user-select: none;    -moz-user-select: none;    -ms-user-select: none;    user-select: none;    border-bottom: 0px !important; cursor: text;}
#leesvenster .rndSpan .popuptext {display:none;}
#leesvenster .rndSpan i.fas {margin-left: 0.5vmin; margin-top: 4px; cursor: text;}
#leesvenster .rndSpan {border-radius: 0 !important; width: 100%; background-color: #b8d5e6; margin: 10px 0px; padding: 20px; color: #222222; font-size: 13px;}
/*.popuptext .popup_1,*/ .popuptext a {color: #000000 !important; font-size: inherit !important;}
#leesvenster .rndSpan i.fas {margin-left: 0.5vmin; margin-top: 4px;}

/*popup 4*/
.popup_4 {position: relative;display: inline-block;}
#leesvenster .tekst .popup_4 {   font-size: 13px; font-style: normal;  color: #ffffff; background-color:#d5aa5c99;   padding: 0 9px 0 6px; border-radius: 20px; -webkit-user-select: none;    -moz-user-select: none;    -ms-user-select: none;    user-select: none;    border-bottom: 0px !important;}
#leesvenster .tekst .popup_4 .popuptext {display:none;}
#leesvenster .tekst .popup_4.open .popuptext { width: 100%; font-weight: 400; color: #404040; padding: 0px; margin: 0px; display:block;}
#leesvenster .tekst .popup_4.open {border-radius: 0 !important; width: 100%; background-color: #b8d5e6; margin: 10px 0px; padding: 20px; color: #222222;}

/*verberg resultaatknoppen*/
.zoekindocument-resultaatknoppen {display:none;}

.taalklik {color: #d5aa5c; cursor:pointer;}

.content-section #leesvenster2.inner-wrap, .content-section .content-small.inner-wrap {max-width: 100%; width: 760px;}
.content-section .content-large.inner-wrap {max-width: 100%; width: 1260px;}
#leesvenster2 .tekst {margin-right:0px;}
#leesvenster2 .popuptext {display:none;}

/*verwijzingen in kol1*/
#servicekolom #kol1 .popup_1 {    color: #d5aa5c;   text-decoration: underline;  background-color: transparent; border: 0 !important; font-size: 14px; cursor: pointer;}
#servicekolom #kol1 .popup_2, #servicekolom #kol1 .popup_3, #servicekolom #kol1 .popup_4 {   font-size: 13px; font-style: normal;   color: #ffffff; background-color:#d5aa5c99;   padding: 0 9px 0 6px; border-radius: 20px; -webkit-user-select: none;    -moz-user-select: none;    -ms-user-select: none;    user-select: none;    border-bottom: 0px !important; cursor: pointer;}
#servicekolom #kol1 .popup_2:hover, #servicekolom #kol1 .popup_3:hover, #servicekolom #kol1 .popup_4:hover {background-color:#d5aa5c; }
#servicekolom #kol1 .popuptext {display:none;}
#servicekolom #kol1 i.fas {margin-left: 0.5vmin; margin-top: 4px; cursor: pointer;}

/*uitgebreid zoeken*/
#navigatie-zoeken {width:300px;}
#zoekdeel form {display:flex; flex-direction:column;}
#zoekdeel #onderbalk {display:flex;flex-grow: 1; justify-content: flex-start; }
.heleAlinea {display:none;}

.dropdown {position: relative;display: inline-block;}
.dropdown-content {display:none;position: absolute;z-index: 1;background-color:#fff;padding:5px;border:solid 1px #404040; margin-left: -11px; margin-top: 5px;}
.dropdown-content.show{display:block;}

.heleAlinea {
	width: 100%;
	background-color: #b8d5e6;
	margin: 10px 0px;
	padding: 20px;
	color: #222222;
	text-decoration: none;
	font-size: 14px;
}

.searchinfoBox {
  visibility:hidden;
  position: fixed;
  z-index: 7;
  padding-top: 20px;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(0,0,0,0.5);
  opacity:0;
  transition: all 0.5s cubic-bezier(0.77, 0, 0.175, 1);
  display:flex;
  /*transition-delay: 2s;*/
}


.searchinfoBox-container {
  position: relative;
  background-color: #fff;
  margin: auto;
  padding: 0;
  width: 600px;
  max-width: 1200px;
  display: inline-block;
  flex-direction: column;
  align-items: center;
  padding: 30px;
}

.searchinfoBox-heading {
	text-align: center;
	font-size: 22px;
	font-weight:600;
}

.searchinfoBox-content{
}

#meerAuteurs {
	display:none;
}

#meerAuteurs.open-informatie {
	display:block;
}

.categoriesubs {display:none;}
.categoriesubs.open-informatie {display:block;}

#meerdereTalen {display:none; z-index:2;}
#meerdereTalen.active {display:flex;}

.grecaptcha-badge { visibility: hidden; }