/* Theme Name: RKDocumenten Author: Webheld Author URI: Webheld.nl Description: Thema voor RKDocumenten Version: 5.9.2 Text Domain: rkdocumenten */ /*----font----*/ /**font awesome pro**/ :root, :host { --fa-style-family-classic: 'Font Awesome 6 Pro'; --fa-font-solid: normal 900 1em/1 'Font Awesome 6 Pro'; } @font-face { font-family: 'Font Awesome 6 Pro'; font-style: normal; font-weight: 900; font-display: block; src: url("fontawesome/webfonts/fa-pro.woff2") format("woff2"), url("fontawesome/webfonts/fa-pro.ttf") format("truetype"); } .fa-landmark-magnifying-glass::before { content: "\e622"; font-family: 'Font Awesome 6 Pro'; } /**font awesome custom**/ .fak.fa-compare-file::before, .fa-kit.fa-compare-file::before { content: "\e000"; } .fak, .fa-kit { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: var(--fa-display, inline-block); font-style: normal; font-variant: normal; text-rendering: auto; line-height: 1; font-family: "Font Awesome Kit";} @font-face { font-family: "Font Awesome Kit"; font-style: normal; font-display: block; src: url("fontawesome/webfonts/custom-icons.woff2") format("woff2"), url("fontawesome/webfonts/custom-icons.ttf") format("truetype");} /**variable**/ @font-face { font-family: Crimson Pro; src: url(fonts/CrimsonPro-VariableFont_wght.ttf); } @font-face { font-family: Work Sans; src: url(fonts/WorkSans-VariableFont_wght.ttf); } /**static**/ @font-face { font-family: 'CrimsonProRegular'; src: url('fonts/CrimsonProRegular.eot'); src: url('fonts/CrimsonProRegular.eot') format('embedded-opentype'), url('fonts/CrimsonProRegular.woff2') format('woff2'), url('fonts/CrimsonProRegular.woff') format('woff'), url('fonts/CrimsonProRegular.ttf') format('truetype'), url('fonts/CrimsonProRegular.svg#CrimsonProRegular') format('svg'); font-weight: normal; font-style: normal; font-stretch: normal; font-optical-sizing: auto; -webkit-font-smoothing: antialiased;} @font-face { font-family: 'CrimsonProSemiBold'; src: url('fonts/CrimsonProSemiBold.eot'); src: url('fonts/CrimsonProSemiBold.eot') format('embedded-opentype'), url('fonts/CrimsonProSemiBold.woff2') format('woff2'), url('fonts/CrimsonProSemiBold.woff') format('woff'), url('fonts/CrimsonProSemiBold.ttf') format('truetype'), url('fonts/CrimsonProSemiBold.svg#CrimsonProSemiBold') format('svg'); font-weight: normal; font-style: normal; font-stretch: normal; font-optical-sizing: auto; -webkit-font-smoothing: antialiased;} @font-face { font-family: 'CrimsonProItalic'; src: url('fonts/CrimsonProItalic.eot'); src: url('fonts/CrimsonProItalic.eot') format('embedded-opentype'), url('fonts/CrimsonProItalic.woff2') format('woff2'), url('fonts/CrimsonProItalic.woff') format('woff'), url('fonts/CrimsonProItalic.ttf') format('truetype'), url('fonts/CrimsonProItalic.svg#CrimsonProItalic') format('svg'); font-weight: normal; font-style: italic; font-stretch: normal; font-optical-sizing: auto; -webkit-font-smoothing: antialiased;} @font-face { font-family: 'WorkSansBold'; src: url('fonts/WorkSansBold.eot'); src: url('fonts/WorkSansBold.eot') format('embedded-opentype'), url('fonts/WorkSansBold.woff2') format('woff2'), url('fonts/WorkSansBold.woff') format('woff'), url('fonts/WorkSansBold.ttf') format('truetype'), url('fonts/WorkSansBold.svg#WorkSansBold') format('svg'); font-weight: normal; font-style: normal; font-stretch: normal; font-optical-sizing: auto; -webkit-font-smoothing: antialiased;} b, strong, #leesvenster .tekst .popup_1.open, #leesvenster .tekst .popup_5.open, .alineatitel, .filterTitel, .page-template-bijbel-templ .boek.open-boek, .page-template-bijbel-templ .hoofdstuk > div.open-hoofdstuk, #leesvenster .nav-arrow-container-bottom span, .popupTitelPopup2Bijbel, ul.wppb-profile li label {font-family: 'WorkSansBold'; font-weight: normal; font-style: normal; font-stretch: normal; font-optical-sizing: auto; -webkit-font-smoothing: antialiased; } /*colors goud: #d5aa5c goud tekst: #c59a4c donkerblauw: #162955 lichtblauw: #8dbbd5 lichterblauw: #b8d5e6 nog lichterblauw: #b8d5e655; */ /*break points mobile: min 768, max 767 // min 480px, max 479 difference between portrait and landscape: min 992, max 991 tablet: max 1080px, min 1081px start small laptop: min 1270px, max 1269 end small laptop: max 1360px, min 1361 */ /*tijdelijke stijl, gaat later weer weg*/ #oudesite-linkbox { position: absolute; right: 10px; background-color: #ffffff; padding: 4px 14px; text-decoration: none; color: #333; box-shadow: 0px 5px 15px rgb(0 0 0 / 8%); z-index: 2;} #oudesite-linkbox img {margin-right: 1vmin;} body:not(.home) #oudesite-linkbox {display: none;} /*einde van tijdelijke stijl*/ html {box-sizing: border-box;} *, ::after, ::before { box-sizing: inherit;} body { font-family: 'Work Sans', sans-serif; font-size: 16px; font-weight: 400; line-height: 1.6; color: #404040; } /*h1,h2,h3,h4,h5,h6 { font-family: 'Crimson Pro'; font-weight: 600; -webkit-font-smoothing: antialiased;}*/ h1,h2,h3,h4,h5,h6 { font-family: 'CrimsonProSemiBold'; font-weight: normal; font-style: normal; font-stretch: normal; font-optical-sizing: auto; -webkit-font-smoothing: antialiased;} /*.safari-mac h1, .safari-mac h2, .safari-mac h3, .safari-mac h4, .safari-mac h5, .safari-mac h6 {font-weight: 500; -webkit-font-smoothing: antialiased;}*/ h1 { font-size: 36px; line-height: 1.15; color: #000; } @media (max-width: 767px){h1 {font-size: 24px;}} /*.menu-heading {font-family: 'Crimson Pro'; font-size: 18px; font-weight: 600; color: #162954; margin-top: 0; margin-bottom: 1vmin;}*/ .menu-heading {font-family: 'CrimsonProSemiBold'; font-size: 18px; color: #162954; margin-top: 0; margin-bottom: 1vmin;} #menu-top li a { text-decoration: none; font-family: 'Work Sans'; color: rgba(255,255,255,0.8); font-size: 15px; font-weight: 400; transition-duration: 0.5s;} #menu-top li a:hover{ color: #162954;} #footer li a:hover{ color: #c59a4c;} /*.headerheading {font-family: 'Crimson Pro'; font-size: 18px; font-weight: 600; line-height: 1.3; color: #404040;}*/ .headerheading {font-family: 'CrimsonProSemiBold'; font-size: 18px; line-height: 1.3; color: #404040;} .bericht-tag {color: #d5aa5c; font-size: 20px;} body .fa, body .fas, body .far, body .fal, body .fad, body .fab {line-height: 1.6;} button, input, optgroup, select, textarea { font-family: 'Work Sans', sans-serif;} /*input {-webkit-appearance: none !important;}*/ input, select { padding: 6px 12px; line-height: 1.42857143; border: 1px solid #ccc; border-radius: 0px; background: #ffffff; max-width: 100%; } /*content*/ .content-section a {color: #c59a4c; text-decoration: underline;} /*.codesoort_c {font-style: italic; color: #444; font-family: 'Crimson Pro';}*/ .codesoort_c {font-family: 'CrimsonProItalic'; color: #444;} em .codesoort_c {font-style: normal;} /*----hide or show----*/ #auteur-container {display: none !Important;} @media (min-width: 480px){#bovendeel .fa-list-ul, .header-row-2 .fa-list-ul {display: none;}} #bovendeel .fa-list-ul {margin-right: 10px;} @media (min-width: 480px){#bovendeel .fa-info-circle {display: none;}} .link-open-overzicht {display: none !important} .filterCatSelectie {display: none !important;} #catKnop, #autKnop {display: none !important;} /*----algemeen----*/ html, body {margin:0; padding:0;} img { border-style: none;} highlight {background-color: #8dbbd577 !important; padding: 0 4px;} @media (max-width: 767px){.hide-mobile {display: none !important;}} .show-mobile {display: none !important;}@media (max-width: 767px){.show-mobile {display: block !important;}} @media (max-width: 767px){.hide-mobile {display: none !important;}} .show-mobile-s {display: none !important;}@media (max-width: 479px){.show-mobile-s {display: block !important;}} @media (max-width: 479px){.hide-mobile-s {display: none !important;}} a.rk-btn.show-mobile i, a.rk-btn2.show-mobile i {margin-right: 0px;} /*buttons*/ i, a { cursor:pointer;} .pointer { cursor: pointer;} button, .button, .rk-btn, .rk-btn2 { -webkit-appearance: none !important; border-radius: 0px !important; border: #d5aa5c 3px solid; box-shadow: none !important; display: flex; flex-direction: row; align-items: center; justify-content: center; text-align: center; color: #d5aa5c; font-weight: 600; background-color: #ffffff; font-size: 13px; padding: 5px 10px; text-decoration: none; margin:5px; cursor: pointer; letter-spacing: 1px;} button:hover { /*box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1); transform: translateY(-1px);*/} .rk-btn { color: #ffffff !important; background-color: #d5aa5c; padding: 8px 12px; margin: 0; margin-right: 1vmin; text-decoration: none !important; width: fit-content;} .rk-btn2 { color: #d5aa5c; background-color: #ffffff; padding: 8px 12px; margin: 0;} .menu-column .rk-btn {width: max-content;} .rk-btn i, .rk-btn2 i {font-size: 20px; margin-right: 1vmin; } /*sections + spaces*/ .content-section {width: 100%; } .site-content {min-height: calc(100vh - 175px);} .content-section .inner-wrap {padding-top: 40px; padding-bottom: 40px; justify-content: top; padding-right: 20px !important; padding-left: 20px !important; max-width: 1400px; margin-left: auto; margin-right: auto; box-sizing: inherit;} .kliknaaralinea {margin-right: 1vmin;} /*socials*/ .social-buttons i {font-size: 40px; color: #d5aa5c;} .social-buttons a {margin-right: 1vmin;} /*----heading----*/ /*#page:not(.open-menu) #masthead.header-2-visible > .header-row { display:none;}*/ /*#page:not(.open-menu) #masthead.header-2-visible > .header-row-2 {display:block;}*/ .header-row { height: 92px; padding-top: 20px; padding-bottom: 20px; background-color: #ffffff; position: relative; z-index: 7; box-shadow: 0px 5px 15px rgba(0,0,0,0.08); width: 100%; display: block;} #page.scrolled .header-row {z-index: 6;} @keyframes header_fadein { 0% { opacity: 0; } 100% { opacity: 1; }} .header-2-visible { } .header-container { max-width: 1400px; padding-right: 20px; padding-left: 20px; height: 100%; margin-left: auto; margin-right: auto; display: flex; flex-wrap: nowrap; align-items: stretch;} #header-row-2 .header-container { max-width: 100%; width: 760px; padding-right: 20px; padding-left: 20px; height: 100%; margin-left: auto; margin-right: auto; display: flex; flex-wrap: nowrap; justify-content: flex-start; align-items: stretch;} #header-row-2 i{margin-right: 1vmin;} @media only screen and (min-width: 480px) { .site-logo-link {padding-right: 10px; padding-top: 20px; padding-left: 10px; padding-bottom: 20px; margin-top: -20px; margin-bottom: -20px; margin-right: 2vmin; box-shadow: 0px 5px 15px rgba(0,0,0,0.08); display: flex; }} @media only screen and (max-width: 479px) {.site-logo-link {margin-right: 10px;}} img.site-logo { width:100px; height:auto; } @media only screen and (max-width: 479px) {img.site-logo { width:80px; }} /*heading columns*/ .header-left, .header-center, .header-right{display: flex; align-items: center;} .header-left{justify-content: flex-start;} .header-center{justify-content: center; flex-grow: 1;} @media only screen and (max-width: 479px) {.header-center{justify-content: left; }} .header-right{justify-content: flex-end;} .headerheading h3 span { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-break: break-all;} .headerheading h3 {margin-left: 2vmin; margin-right: 2vmin;} .page-template-toondocument-templ .headerheading h1 span { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-break: break-all;} .page-template-toondocument-templ .headerheading h1 {margin-left: 2vmin; margin-right: 2vmin; font-size: 1.17em; } /*heading search*/ #header-searchform {display:flex;} #search-container {display: flex; flex-grow: 1;} #header-searchform input:focus, #header-searchform select:focus { outline: none;} .header-searchform-container {width:90%;} #search-result { display:block; position:absolute; background:white; border:1px solid black; margin-top: 39px;} #search-select { border-radius:50px 0px 0px 50px; border: 1px solid black; padding: 10px; } @media only screen and (max-width: 479px) {#search-select { width: 40%;}} .zoekwoordenwrapper {display: flex; flex-grow: 1; position: relative;} .zoekwoordencontainer { display: flex; flex-grow: 1; align-items: center; border-radius:0px 50px 50px 0px; border: 1px solid #191919; border-left: 0px;} .zoekwoordencontainer i {font-size: 20px;} #zoekwoorden { border:none; padding: 11px; flex: 1; height:16px; background-size: 16px; width:100%;} #zoekwoorden-wissen { position: relative; margin-right:10px; font-size:18px; cursor:pointer; transition: opacity 0.5s; margin-top: -3px;} .search-result-container { width: 80%; display:flex; height:40px;} #zoekResultaten { margin-left: auto; margin-right: auto; display: flex; flex-wrap: nowrap; align-items: flex-start; flex-direction: column; background-color: white; position: absolute; width:100%; top: 100%; padding: 10px; box-shadow: 0px 5px 15px rgba(0,0,0,0.08); display:none; font-size: 13px; color: #000000;} #zoekResultaten > div { width: calc(100% + 20px); cursor:pointer; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; margin: 0px -10px; padding: 0px 10px; } #zoekResultaten > div:hover {background-color: #b8d5e655;} #zoekResultaten highlight {padding: 0px;} #search-container:not(.documentselectie) #categorie-selectie {display: none;} #search-container.documentselectie .zoekwoordencontainer {display: none;} #search-container.documentselectie #categorie-selectie {display: flex; flex-grow: 1; align-items: center; } #search-container.documentselectie #catselect0 {display: flex; flex-grow: 1; align-items: center; border-radius: 0px 50px 50px 0px; border: 1px solid #191919; border-left: 0px; height: 100%; padding-left: 7px;} #search-container.documentselectie #zoekResultaten {grid-gap: 10px; margin-left: -11px; width: calc(100% + 11px);} #search-container.documentselectie #zoekResultaten select {border: 1px solid #191919; padding: 5px; padding-left: 7px; max-width: 100%;} #search-select:hover, #search-select .select-button {cursor: pointer;} #search-select .select-button {display: flex;} #search-select .select-button-tekst { margin-right: 5px; word-break: break-word; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; } #search-select .select-list {visibility:hidden; position:absolute; margin-top:11px; background-color:#fff; box-shadow: rgba(0, 0, 0, 0.08) 0px 5px 15px;} #search-select.select-list-visible .select-list {visibility:visible;} #search-select .select-list ul {list-style-type: none; padding-left: 0px; margin-top:0px; margin-bottom:0px;} #search-select .select-list li {text-decoration: none; cursor:pointer; padding:4px 10px; gap: 10px; text-align: left; flex-direction: row; display: flex; align-items: center;} #search-select .select-list li:hover {background-color:#b8d5e655;} #search-select .select-list a {color: #404040; text-decoration: none;} #search-select .select-list li i {width: 16px; text-align: center;} #search-select .select-list li i {width: 16px; text-align: center;} #search-select .select-list li i.fa-chevron-right {color: #cccccc; transform: translateY(1px);} #search-select i.fa-chevron-down {height: 18px;} #search-select.select-list-visible .select-button .select-button-icon i { transform: rotate(180deg);} .select-button {font-size: 13px;} @media only screen and (max-width: 767px) { .header-searchform-container{ position: absolute; top: 92px; padding: 20px; background: #fff; width: 100%; left: 0; z-index: -1; visibility: hidden; opacity: 0; transition: all 0.5s; box-shadow: 0px 5px 15px rgba(0,0,0,0.08);} .header-searchform-container.show{ display: flex; opacity: 1; visibility: visible; transition: all 0.5s;} #header-searchform {width:100%;} } .searchicon-mobile {font-size: 20px; /*margin-right: 1vmin;*/ padding: 8px 12px;} #auteur-container { display:flex; max-width: 296px; font-size:12px;} .auteur-div {width:70px;min-width:70px;} .vanAuteurLabel {font-weight:700;} .AuteurLabel {} #auteur-container #auteur { width: 100%;} #auteursdiv { position:absolute;} /**laatst bekeken documenten**/ .recent-doc { position: relative; padding: 8px 12px 8px 1vmin;} @media only screen and (max-width: 340px) {.recent-doc{ display: none!important;}} .recent-doc.hide-mobile {} .recent-doc.show-mobile {margin-right: 1vmin; margin-left: 0px; position: static;} .recent-doc-icon {font-size: 20px;} .recent-doc-content-closer { position: fixed; z-index: 0; left: 0; top: 0; width: 100%; height: 100%; display:none;} .recent-doc-content {display:none; position: absolute; background-color: #fff; box-shadow: rgba(0, 0, 0, 0.08) 0px 5px 15px; min-width: 300px; padding-top: 10px; padding-bottom: 10px; right: 0px; top: 46px;outline: 0;} .recent-doc-content.visible,.recent-doc-content-closer.visible {display: block;outline: 0;} .recent-doc-content h3 {margin-top: 0px; margin-bottom: 0px; padding-left: 10px; padding-right: 10px;} .recent-doc-content span {padding-left: 10px; padding-right: 10px; font-size: 13px;} .recent-doc-content a {display: flex; padding-left: 10px; padding-right: 10px; width: 100%; font-size: 13px; color: #404040; text-decoration: none; word-break: break-word; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;} .recent-doc-content a:hover {background-color:#b8d5e655;} .recent-doc-content br {display: none;} .header-right .recent-doc-content {top: 92px;width: 100%; min-width: 100%;} /*menu*/ #menu-top { max-height: 0px; overflow: hidden; transition: max-height 0.5s ease-in-out; background-color: #8dbbd5; z-index: 5; position: relative;} .menu-top-inner-wrapper { max-width: 1400px; padding-top: 75px; padding-right: 20px; padding-bottom: 75px; padding-left: 20px; margin-left: auto; margin-right: auto; height: 100%; display: grid !important; grid-gap: 5vmin; grid-template-columns: repeat(6, 1fr); } @media only screen and (max-width: 1023px) { .menu-top-inner-wrapper{grid-template-columns: repeat(3, 1fr);}} @media only screen and (max-width: 479px) { .menu-top-inner-wrapper{grid-template-columns: repeat(2, 1fr);} .menu-column3, .menu-column4 {grid-column: span 2;}} #menu-top ul, .login-menu-container ul { list-style: none; text-decoration: none; padding-left:0px; margin:0px;} #menu-top p {color: #ffffff;} #menu-top li.menu-item {margin-bottom: 1vmin;} .menu-column4 a, .menu-column3 a, .menu-column1 a, .menu-column2 a{ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; } .menu-column5 {grid-column: span 2 / span 2;} .menu-column5 p {margin-top: 0; margin-bottom: 2vmin; font-size: 18px; font-family: Work Sans; font-weight: 400; line-height: 1.6;} /*login-menu*/ .login-menu-container {margin-left: 1vmin;} #login-menu-list a {text-decoration: none; color: #333333;} .login-menu-container .avatar {width: 30px; height: 30px; border-radius: 50px; margin-right: 1vmin; border: 1px solid #cccccc; } #login-menu-list li:first-child {position: relative;} #login-menu-list li:first-child a {display: flex; align-items: center; } .login-menu-container .sub-menu {transition: .5s ease-in-out; min-width: 170px; width: 100%; display: none; position: absolute; box-shadow: 0px 5px 15px rgb(0 0 0 / 8%); padding-top: 5px; padding-bottom: 5px; background-color: #ffffff; border-radius: 7px;} .login-menu-container li:hover > .sub-menu { display: block;transition: .5s ease-in-out; right: 0;} .login-menu-container .sub-menu a {padding-left: 10px; padding-right: 10px;} .login-menu-container .sub-menu a:hover {background-color: #b8d5e6;} #login-menu-list > li > a {padding-top: 10px; padding-bottom: 10px;} @media (max-width: 479px){ .login-menu-container .login-username {display: none;} .login-menu-container .avatar {width: 47px; height: 47px;} } /*login form*/ .reactBox-content #wppb-loginform p {display: flex; flex-direction: column; align-content: center; align-items: center;} .reactBox-content a {color: #c59a4c; } .reactBox-content #wppb-login-wrap .login-username label {width: 100%;} /* nav-button */ #nav-button { transform: rotate(0deg); transition: .5s ease-in-out; cursor: pointer;} #nav-button span { width: 30px; height: 3px; border-radius: 2px; background-color: #d5aa5c; display: block; margin: 7px auto; transform: rotate(0deg); transition: .5s ease-in-out; } #nav-button.open span:nth-child(1) { display:none;} #nav-button.open span:nth-child(2) { transform: translateY(0px) rotate(45deg);} #nav-button.open span:nth-child(3) { transform: translateY(-10px) rotate(135deg);} /*mobile-servicemenu*/ .mobile-servicemenu {display: none; position: fixed; bottom: 0px; width: 100%; height: 60px; background: #ffffff; box-shadow: 0px -15px 15px rgba(0,0,0,0.08); z-index:3; } @media (max-width: 479px){body.page-template-toondocument-templ .mobile-servicemenu {display: block;}} .mobile-servicemenu .header-container {padding-left: 0px; padding-right: 0px;} .mobile-servicemenu .header-center {align-items: stretch;} .mobile-servicemenu .header-center > div {flex-grow: 1; display: flex; font-size: 28px; justify-content: center; align-items: center;} .mobile-servicemenu .header-center .icon-grey i {color: #cccccc;} /*donatielint*/ #donatielint .header-row {background: #ffcc01; height: auto; position: relative;} .donationclose {position: absolute; top: 10px; right: 10px; z-index:9;} @media (max-width: 767px){#donatielint tr { display: grid; grid-template-columns: repeat(1,1fr);}} @media (max-width: 767px){#donatielint td {width: 100% !important;}} /*----donatiepagina---------------------------------------------------------------------------*/ .donatieformulier input[type="text"], .donatieformulier input[type="number"], .donatieformulier select { padding: 6px 12px; line-height: 1.42857143; border: 1px solid #ccc; border-radius: 0px; background: #ffffff; max-width: 100%; } .donatieformulier input:focus {outline: none;} .donatieformulier select {margin-bottom: 10px;} .donatieformulier br {display: none;} .donatieformulier input[type="submit"] {cursor: pointer;} /*----cf7 formulieren------------------------------------------------------------------------*/ .wpcf7-form input[type="text"], .wpcf7-form input[type="number"], .wpcf7-form input[type="email"], .wpcf7-form select { padding: 6px 12px; line-height: 1.42857143; border: 1px solid #ccc; border-radius: 0px; background: #ffffff; max-width: 100%; width: 100%;} .wpcf7-form input:focus {outline: none;} .wpcf7-form select {margin-bottom: 10px;} .wpcf7-form br {display: none;} .wpcf7-form input[type="submit"] {cursor: pointer; float: left;} /*----zoekpagina---------------------------------------------------------------------------*/ .zoekpaginatie {display: flex;} .zoeken-infobox {margin-bottom: 2vmin; display: flex; justify-content: space-between;} .page-template-toondocument-templ #leesvenster highlight {background-color: #ffff00 !important; } .zoekresultaat {line-height: 1.3; font-size: 14px;} .page-template-zoeken-templ .zoekresultaat, .page-template-uitgebreidzoeken-templ .zoekresultaat{padding: 15px 0px 15px 0px; border-bottom: 1px solid #eeeeee;} .page-template-zoeken-templ .zoekresultaat .tekst, .page-template-uitgebreidzoeken-templ .zoekresultaat .tekst {margin-top: 15px;} .page-template-zoeken-templ .subresultaat, .page-template-uitgebreidzoeken-templ .zoekresultaat .tekst {padding: 15px 0px 15px 0px; border-bottom: 1px solid #eeeeee;} .zoekresultaat span { font-family: Work Sans; font-size: 14px;} .zoekresultaat-label {} .zoekresultaat h3 {margin-block-end: 0.25em; font-family: 'CrimsonProRegular'; font-size: 20px; margin-top: 0px;} .zoekresultaat h3 a {color: #404040;} .zoekresultaat img {display: none;} .zoekresultaat .inforegel {width: 100%; background-color: #b8d5e6; margin: 10px 0px; padding: 20px; color: #222222; text-decoration: none; font-size: 14px;} .zoekresultaat .inforegel blockquote {background: transparent; border: 0; padding: 0px; font-size: 14px; font-style: italic;} .zoekknoppen {margin-top: 0.5vmin;} .zoekknoppen a {} @media (max-width: 479px){.zoekknoppen {display: flex; flex-direction: column; } .kliknaaralinea {margin-bottom: 1vmin;}} /*----zoekpagina nieuw---------------------------------------------------------------------------*/ #zoekfilterKnoppen {display:flex;gap:5px; border-bottom: 1px solid #666;} @media (max-width: 767px){#zoekfilterKnoppen {flex-wrap: wrap; border-bottom: 0px;}} .paginaknoppen input,.sizeknoppen input {width:60px;} .resultaatbalk {align-items: center;} #zoekfilterKnoppen .filterknop {border: 1px solid #666; padding: 10px 20px; cursor: pointer; margin-bottom: -1px; border-bottom-color: #666; background-color: #eee;} #zoekfilterKnoppen .filterknop.selected {border-bottom-color: #fff; background-color: #fff;} #zoekfilterKnoppen .filterknop:hover {background-color: #ddd;} #zoekfilterKnoppen .filterknop.selected:hover {background-color: #fff;} #zoekfilterKnoppen .filterknop.geenteksten:not(.bijbel) {border-left: 1px solid #ccc; border-top: 1px solid #ccc; border-right: 1px solid #ccc; color: #ccc; background: #f6f6f6; pointer-events: none; } #zoekfilterKnoppen .filterknop.geenteksten:hover {} @media (max-width: 767px){#zoekfilterKnoppen .filterknop.selected {border-bottom-color: #666;} #zoekfilterKnoppen .filterknop {padding: 2px 6px;}} /*----zoekpagina geavanceerd---------------------------------------------------------------*/ .zoekresultaat-documentkop {padding: 5px 10px; background-color: #b8d5e688; margin-bottom: 1vmin;} .zoekresultaat-documentkop h3 {margin: 0;} .zoekresultaat-alinea {padding: 2vmin 0; border-bottom: 1px solid #b8d5e688;} .zoekheader i {color: #000000;} #zoekdeel {margin-bottom: 25px} #bovenbalk {margin-bottom: 2vmin;} #onderbalk {font-size: 13px;} @media (max-width: 479px){#onderbalk{ flex-wrap: wrap;}} #onderbalk > div {border: 1px solid #000000; padding: 5px 10px; margin-right: 2vmin; cursor: pointer;} @media (max-width: 479px){ #onderbalk > div{ width: 100%; margin-bottom: 2vmin; margin-right: 0px;} #onderbalk > div > span { display: flex; justify-content: space-between; align-items: center;}} #zoekveld {border: none; padding: 11px; flex: 1; height: 32px; background-size: 16px; width: 100%;} #zoekveld:focus, #zoekveld:focus-visible {border: none; outline:none;} #zoekbalk select:focus-visible, #aantalSpan input:focus-visible {border: 1px solid #191919; outline:none;} #zoekbalk .zoekwoordencontainer {border-radius: 0px; border-left: 1px solid #191919; position: relative;} #zoekbalk .zoekwoordencontainer .button {visibility: hidden; position: absolute;} #zoekbalk {display: flex; grid-gap: 2vmin;} @media (max-width: 479px){#zoekbalk{ flex-wrap: wrap;}} #zoekbalk select, #aantalSpan input {border: 1px solid #191919; } #aantalSpan input {height: 32px; padding: 11px;} #zoekbalk select {padding-left: 11px;} @media (max-width: 479px){#zoekbalk select {flex-grow: 1;}} .zoekheader {display: flex; justify-content: space-between; align-content: center; align-items: center;} .dropdown-content {padding: 11px;} @media (max-width: 479px){.dropdown-content{ width: calc(100vw - 40px);}} .zoekknop {display: flex; background: #000000; align-items: center; text-decoration: none !important; color: #ffffff !important; padding: 0px 10px; height: 32px;} #haalsuggesties {font-size: 10px; cursor: pointer; width: fit-content;} #suggestdiv {display: flex; justify-content: flex-start; flex-wrap: wrap;} #suggestdiv span, #suggestdiv b {margin-right: 1vmin;} #suggestdiv span {cursor: pointer;} #suggestdiv br {display: none;} .searchinfoBox-container {width: 800px; max-width: 90%;} .searchinfoBox-content {text-align: left;} .zoekheader > span {display: flex; flex-direction: row; align-content: center; align-items: center;} .zoekheader .fa-undo {margin-left: 2vmin; color: #000000; margin-top: 6px;} .resultaatbalk {min-height: 52px; padding-top: 10px; padding-bottom: 10px; border-bottom: 1px solid #191919; margin-bottom: 2vmin; display: flex; justify-content: space-between;} @media (max-width: 767px){.resultaatbalk {flex-wrap: wrap; gap: 1vmin;}} .resultaatbalk-links {display: flex; flex-wrap: wrap; align-content: center; min-height: 32px;} .resultaatbalk-rechts {display: flex; flex-wrap: wrap; align-content: center; gap: 1vmin; min-height: 32px;} .resultaatbalk i {color: #000000;} @media (max-width: 767px){.resultaatbalk-rechts a {margin-right: 5px; margin-left: 5px;}} #uitgzoekwoorden-wissen {position: absolute; right: 10px; top: 2px;} .paginaknoppen {display: flex; } /*filterbalk*/ #categorieen, #auteurs, #datums {margin-top: 10px;} .filterTitel { text-decoration: underline;} .filterCatSelectie {display: flex; flex-direction: column; align-items: flex-start;} #categorieOpties, #auteurOpties, #datumOpties, #catKnop, #autKnop {margin-top: 10px; font-size: 13px;} .filterCatSelectie {font-size: 13px; margin-top: 5px;} .categorienaam i {margin-right: 1vmin;} .categorienaam {margin-bottom: 0.5vmin;} .categoriesubs.open-informatie {display: flex; flex-direction: column; margin-bottom: 1vmin;} .categorieSubSpan {display: flex; align-items: center; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;} .filterUitleg {margin-bottom: 1vmin; display: flex;} #navigatie #datums input#kalender, input#datum1, input#datum2 {visibility: hidden; width: 0px; height: 0px; margin: 0; position: absolute;} #datumOpties {display: flex; flex-direction: column; align-items: flex-start;} .datumOptie {margin-bottom: 2vmin;} .filterDatumSelectie, .datumOptie input[type=text] {border: 1px solid #000000; padding: 5px 10px;} .FilterHoofdCat, .FilterSubCat {background: #b8d5e688; margin: 2px; padding: 2px;} .FilterSubCat {margin-left: 20px;} /*----bijbelzoekpagina---------------------------------------------------------------------*/ .page-template-bijbel-templ .hoofdstuk{ display: none; gap: 5px; flex-wrap: wrap; cursor:pointer; padding-bottom: 10px;} .page-template-bijbel-templ .hoofdstuk.open-hoofdstuk {display: flex;} .page-template-bijbel-templ .hoofdstuk > div { width: 30px; height: 30px; display: flex; justify-content: center; align-items: center; background: #E7F1F6; cursor: pointer;} .page-template-bijbel-templ .hoofdstuk > div:hover { background: #B8D5E6;} .page-template-bijbel-templ .hoofdstuk > div.open-hoofdstuk {background: #B8D5E6; } .page-template-bijbel-templ .boek { color: #444444; font-size: 14px; margin-top: 0.5vmin; margin-bottom: 0.5vmin; font-family: Work Sans; font-weight: 400; cursor: pointer;} .page-template-bijbel-templ .boek.open-boek {} .page-template-bijbel-templ #navigatie-inner { padding-bottom: 80px; } /*----homepagina---------------------------------------------------------------------------*/ #section-main-home { background-image: linear-gradient(90deg,transparent,rgba(25,25,25,0.5)),url(image/rkdoc-banner.jpg);} @media (max-width: 767px){#section-main-home { background-image: linear-gradient(0deg,transparent,rgba(25,25,25,0.5)),url(image/rkdoc-banner.jpg);} } #home-container { width:100%;} #section-main-home { background-size: cover; background-repeat: no-repeat; text-align: left; background-position: 50% 50%; width:100%;} .home-inner-wrap, .section-inner-wrap { padding-top: 40px; padding-bottom: 40px; padding-right: 20px; padding-left: 20px; max-width: 1400px; margin-left: auto; margin-right: auto; box-sizing: inherit;} @media (max-width: 767px){.home-inner-wrap, .section-inner-wrap {padding-bottom: 20px; padding-top: 30px;}} .home-collumns{ display: grid !important; grid-template-columns: repeat(2,1fr); width: 100%;} @media (max-width: 767px){.home-collumns{ grid-template-columns: repeat(1,1fr); } } .home-div-block { display: flex; flex-wrap: nowrap; flex-direction: column; align-items: flex-start;} .home-line-block{ text-align: left; flex-direction: row; display: flex; align-items: center;} .home-headline { font-size: 35px; line-height: 1.3; margin-bottom: 3.5vmin; color: #ffffff; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;} @media (max-width: 767px){.home-headline { font-size: 21px;}} .home-line { font-size: 18px; font-family: Work Sans; font-weight: 400; max-width: 700px; line-height: 1.6; margin-bottom: 1vmin; color: #ffffff;} @media (max-width: 767px){.home-line-block.home-line.home-margin-m { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; }} @media (max-width: 767px){.home-line-i, .slider-text {display: none !important;}} .home-line i { margin-right: 1vmin; color:white;} .home-margin-m { margin-bottom: 3.5vmin;} .movie-container{position:relative; height: 100%; display: flex; flex-direction: row; justify-content: center; align-items: center; width: 100%;} .movie-container img {width:450px; max-width: 100%; border-radius:7px; height: 300px; object-fit: cover; box-shadow: 0px 5px 15px rgb(0 0 0 / 88%); cursor: pointer;} @media (max-width: 767px){.movie-container img {width:100%; height: 200px; box-shadow: none;} .movie-container a:not(.movie-icon) {height: 200px; width: 100%;} } .movie-container .movie-icon {position:absolute;font-size: 60px;color:#fff;} .movie-container i:hover {color: #ff0000; } .movieBox {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;*/} .movieBox-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;} .movieBox-heading {text-align: center;font-size: 22px;font-weight:600;} .movieBox-content{text-align: center;} .movieBox-content iframe{width: 100%;height: 300px;} /*section algemeen*/ .bg-light {background-color: #ebebe7;} .bg-accent {background-color: #8dbbd5;} .section-inner-wrap{padding-right: 20px;padding-left:20px; padding-top: 40px; padding-bottom: 60px;} .section-heading{justify-content: space-between; flex-direction: row; display: flex; align-items: flex-start; text-align: left;} @media (max-width: 479px){.section-heading{flex-direction: column;}} .nomargin {margin:0px;} .home-margin-s {margin-bottom: 2vmin;} .home .section-headline {font-size: 36px; line-height: 1.3; color: #0f0f0f;} @media (max-width: 767px){.home .section-headline {font-size: 21px; margin-bottom: 1vmin;}} .section-text {font-family: 'Work Sans'; font-size: 18px; font-weight: 400; max-width: 700px; line-height: 1.6;} .image-container {position: relative; height: 100%; display: flex; flex-direction: row; justify-content: center; align-items: center; width: 100%;} .image-container img {width:70%; max-width: 100%; border-radius: 7px; height: 300px; object-fit: cover; box-shadow: 0px 5px 15px rgb(0 0 0 / 88%);} @media (max-width: 767px){.image-container img {width:100%; height: 200px; box-shadow: none;}} /*home main slider*/ .home-collumn-gap {grid-gap: 5vmin;} @media (max-width: 767px){.flickity-slider .home-collumn-gap{ grid-gap: 0px;} .flickity-page-dots {display: none;}} .home-div-block-right {margin-right:50px;} /*carousel*/ .section-carousel { margin-left: -10px; width: calc(100% + 10px);} .rk-carousel-column {padding-left: 10px; padding-right: 10px; width: 180px; margin-left: 0px; padding-bottom: 20px; padding-top: 20px;} .rk-carousel-box { border-radius: 7px; padding-top:10px; padding-left:10px; padding-right:10px; padding-bottom:10px; height:220px; border: 1px solid #cccccc; text-align:justify; background-color:#ffffff;text-decoration: none;display: flex; flex-direction: column; align-items: center; justify-content: space-between;transition-duration: 0.4s;} .rk-carousel-box:hover { transform:scale3d(1.05,1.05,1.05)} .rk-shadow {box-shadow: 0px 5px 15px rgba(0,0,0,0.08);} .rk-carousel-headingcontainer {height: 140px; justify-content: center;} .rk-carousel-div-block {display: flex;flex-wrap: nowrap;flex-direction: column; align-items: center;} .rk-carousel-boxheading {color: #0f0f0f;border-top-color:#999999; border-right-color:#999999; border-bottom-color:#999999; border-left-color:#999999; border-top-style:solid; border-right-style:solid; border-bottom-style:solid; border-left-style:solid; border-top-width:1px; border-right-width:1px; border-bottom-width:1px; border-left-width:1px; padding-top:10px; padding-left:10px; padding-right:10px; padding-bottom:10px; background-color:#ffffff} .rk-carousel-boxheading-lines {word-break: break-word; font-size:14px; text-align:center; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:5; -webkit-box-orient:vertical; line-height: 1.3;} .tagline {font-family: 'Work Sans'; font-size: 11px; letter-spacing: 1px; font-weight: 500; text-align: center;color: #686868;} .rk-carousel-boxschrijver {color: #333333; word-break: break-word; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;} .rk-carousel-image {width: 100%; height: 100px; object-fit: cover;} /*colors of books*/ .rk-carousel-box {background: #ffffff url(image/texture2.png) repeat; background-size: 370px;} .categorienum_0 .rk-carousel-box {background-color: #f7e9cf;} /*pauselijke documenten*/ .categorienum_40 .rk-carousel-box, .categorienum_0040 .rk-carousel-box {background-color: #7b026155;} /*curie*/ .categorienum_41 .rk-carousel-box {background-color: #eeeeee;} .categorienum_537 .rk-carousel-box {background-color: #9FD0B2;} .categorienum_560 .rk-carousel-box {background-color: #adcbe5;} /*overige auteurs*/ .section-carousel .rk-carousel-column .vlag {width:20px; opacity: 0.4;transition: opcacity 0.4s; z-index:2;} .section-carousel .rk-carousel-column .rk-carousel-box:hover .vlag {opacity: 1; transition: opcacity 0.4s;} .section-carousel .rk-carousel-column .vlagdiv {width: 100%; display: flex; align-items: end; flex-direction: column;} /*themacarousel*/ #section-carousel-themas .rk-carousel-boxheading-lines, .page-template-themaoverzicht-templ .rk-carousel-boxheading-lines {-webkit-line-clamp: 3;} /*style van flickity slider zelf*/ .flickity-enabled { position: relative;} .flickity-enabled:focus { outline: none; } .flickity-viewport { overflow: hidden; position: relative; height: 100%;} .flickity-slider { position: absolute; width: 100%; height: 100%;} /* draggable */ .flickity-enabled.is-draggable { -webkit-tap-highlight-color: transparent; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;} .flickity-enabled.is-draggable .flickity-viewport { cursor: move; cursor: -webkit-grab; cursor: grab;} .flickity-enabled.is-draggable .flickity-viewport.is-pointer-down { cursor: -webkit-grabbing; cursor: grabbing;} /* ---- flickity-button ---- */ .flickity-button { position: absolute; background: hsla(0, 0%, 100%, 0.75); border: none; color: #333;} .flickity-button:hover { background: white; cursor: pointer;} .flickity-button:focus { outline: none; box-shadow: 0 0 0 5px #19F;} .flickity-button:active { opacity: 0.6;} .flickity-button:disabled { opacity: 0.3; cursor: auto;/* prevent disabled button from capturing pointer up event. #716 */ pointer-events: none;} .flickity-button-icon { fill: currentColor;} /* ---- previous/next buttons ---- */ .flickity-prev-next-button { top: 50%; width: 38px; height: 38px; transform: translateY(-50%); background-color: #d5aa5c; color: #ffffff; border-radius:0px;} .flickity-prev-next-button:hover {color: #ffffff;background-color: #d5aa5c; } .flickity-prev-next-button.next{right:-20px;} .flickity-prev-next-button.previous{left:-10px;} .flickity-button:disabled { display: none;} .flickity-button.next .flickity-button-icon {width: 40%;left:30%;} .flickity-button.previous .flickity-button-icon {width: 40%;left:30%;} #section-main-home .flickity-prev-next-button { width: 30px; height: 30px; border-radius: 50%; transform: translateY(-50%);} #section-main-home .flickity-prev-next-button.previous { left: 10px; } #section-main-home .flickity-prev-next-button.next { right: 10px; } #section-main-home .flickity-prev-next-button { background-color: rgba(0, 0, 0, 0.4); color: #ffffff; opacity: 0.5;} #section-main-home .flickity-prev-next-button:hover { opacity: 1;} /* right to left */ .flickity-rtl .flickity-prev-next-button.previous { left: auto; right: 10px;} .flickity-rtl .flickity-prev-next-button.next { right: auto; left: 10px;} .flickity-prev-next-button .flickity-button-icon { position: absolute; left: 20%; top: 20%; width: 60%; height: 60%;} /* ---- page dots ---- */ .flickity-page-dots { position: absolute; width: 100%; bottom: -25px; padding: 0; margin: 0; list-style: none; text-align: center; line-height: 1;} .flickity-rtl .flickity-page-dots { direction: rtl; } .flickity-page-dots .dot { display: inline-block; width: 10px; height: 10px; margin: 0 8px; background: #333; border-radius: 50%; opacity: 0.25; cursor: pointer;} .flickity-page-dots .dot.is-selected { opacity: 1;} .flickity-page-dots {bottom:20px;left:-10px;text-align:right;} .flickity-page-dots .dot { border-radius: 0px; width:40px; height:4px;} /*nieuwsbrief formulier */ #wpcf7-f144-o1 form {display: flex; flex-wrap: wrap;} #wpcf7-f144-o1 form p { width: 50%; padding-right: 10px; padding-bottom: 20px; margin: 0;} @media (max-width: 479px){#wpcf7-f144-o1 form p { width: 100%; }} .wpcf7-response-output {border: none !important; color: #333333; margin: 0 !important; padding-left: 0 !important;} /*----overzichtspagina---------------------------------------------------------------------*/ .section-collumn-overzicht {display:grid; grid-template-columns: repeat(auto-fill, minmax(160px, 1fr)); grid-gap: 1vmin; margin-left: -10px; width: calc(100% + 10px);} .content-section a.rk-carousel-box {text-decoration: none;} /*----denzingerpagina----------------------------------------------------------------------*/ .page-template-denzinger-templ input.DH-lijst, .page-template-denzinger-templ input.DS-lijst {border: 1px solid #666; padding: 10px 20px; border-bottom-color: #fff; cursor: pointer; margin-bottom: -1px; } .denzinger-keuze {border-bottom: 1px solid #666;} .denzinger-keuze.ds input.DS-lijst, .denzinger-keuze.dh input.DH-lijst {background-color: #fff;} .denzinger-keuze.dh input.DS-lijst, .denzinger-keuze.ds input.DH-lijst {background-color: #eee; border-bottom-color: #666;} .denzinger-keuze.dh input.DS-lijst:hover, .denzinger-keuze.ds input.DH-lijst:hover {background-color: #ddd;} input.DH-lijst {margin-left: 5px;} .denzinger_aantal {margin-bottom: 1vmin;} .toonalies {border-bottom: 1px solid #ccc; display: grid; grid-template-columns: 60px 1fr;} .denzinger-tabel td {padding: 3px;} /*----documentenoverzicht----------------------------------------------------------------------*/ .page-template-overzichtdocumenten-templ-php .td-bovendeel { vertical-align: top; border-left: 1px; border-left-style: solid; padding: 10px;} .page-template-overzichtdocumenten-templ-php .hidden{ display: none;} .page-template-overzichtdocumenten-templ-php .td-overzicht{ vertical-align: top; border-left: 1px; border-left-style: solid; padding: 10px; font-size: 14px; width: 16%; word-break: break-word;} .page-template-overzichtdocumenten-templ-php #auteursdiv {display:block;} .page-template-overzichtdocumenten-templ-php #selectCategorie {display:block;} .page-template-overzichtdocumenten-templ-php #selectKalender {display:block;} .page-template-overzichtdocumenten-templ-php #selectTalen {display:block;} .page-template-overzichtdocumenten-templ-php #documentFilters div {flex-grow:0;flex-shrink:0;word-break: break-all;}//flex-basis:14em; .page-template-overzichtdocumenten-templ-php #selectTalen{ padding-left: 15px;} .page-template-overzichtdocumenten-templ-php #auteursdiv{position: absolute; background-color: white; padding: 5px; z-index: 5;} .page-template-overzichtdocumenten-templ-php .rk-carousel-column {position:relative;} .page-template-overzichtdocumenten-templ-php .rk-carousel-box {position: relative;} .page-template-overzichtdocumenten-templ-php .rk-carousel-column .vlag {width:20px;margin-right:0.5vmin; opacity: 0.4; transition-duration: 0.4s; position:absolute; z-index:2;right: 26px;top: 5px;} .page-template-overzichtdocumenten-templ-php .rk-carousel-column .rk-carousel-box:hover .vlag {opacity: 1; transition-duration: 0.4s;} .page-template-overzichtdocumenten-templ-php .rk-carousel-column .fa-info-circle {opacity: 0.4; transition-duration: 0.4s; color: #000000; position:absolute; z-index:2; right: 10px;top: 5px; line-height: 1;} .page-template-overzichtdocumenten-templ-php .rk-carousel-column .fa-info-circle:hover {opacity: 1; transition-duration: 0.4s;} .content-section .content-medium.inner-wrap {max-width: 100%; width: 900px;} .page-template-overzichtdocumenten-templ-php #documentFilters > div {margin-bottom: 2vmin;} /*.page-template-overzichtdocumenten-templ-php #navigatie-inner form {padding-bottom: 50px;} .page-template-overzichtdocumenten-templ-php #navigatie-inner form, .page-template-overzichtdocumenten-templ-php #navigatie-inner #documentFilters {width: 100%;} .page-template-overzichtdocumenten-templ-php #documentFilters #vraagop {position: fixed; margin-bottom: 0px; bottom: 0px; left: 0px; width: fit-content; padding: 10px 20px; background: #ffffff; } .page-template-overzichtdocumenten-templ-php #documentFilters #vraagop a { box-shadow: 0px -5px 15px rgb(0 0 0 / 8%);} */ .page-template-overzichtdocumenten-templ-php .filterTitel {margin-bottom: 1vmin; display: block;} .page-template-overzichtdocumenten-templ-php .selectCategorie {display: flex; } .page-template-overzichtdocumenten-templ-php #periodeselectie {margin-top: 5px; margin-bottom: 10px;} .page-template-overzichtdocumenten-templ-php #docgegevenskolom .docgegevenscontainer {overflow: visible;} .page-template-overzichtdocumenten-templ-php #documenten-overzicht {margin-top: 20px; margin-bottom: 20px; overflow: scroll;} .page-template-overzichtdocumenten-templ-php #documenten-overzicht .td-overzicht {padding: 5px 5px 5px 10px; font-size: 14px; min-width: 140px; } .page-template-overzichtdocumenten-templ-php #documenten-overzicht .td-overzicht a {} .page-template-overzichtdocumenten-templ-php #documenten-overzicht tr:nth-child(odd) {background: #8dbbd577;} @media (max-width: 479px){body.page-template-overzichtdocumenten-templ-php #navigatie > .navigatie-button{display: block;}} /*----berichtenoverzicht----------------------------------------------------------------------*/ .page-template-berichtenoverzicht-templ-php #documenten-overzicht {margin-top: 20px; margin-bottom: 20px;} .page-template-berichtenoverzicht-templ-php #documenten-overzicht .td-overzicht {padding: 5px 5px 5px 10px; font-size: 14px; } .page-template-berichtenoverzicht-templ-php #documenten-overzicht .td-overzicht a {color: #000000;} .page-template-berichtenoverzicht-templ-php #documenten-overzicht .td-overzicht:nth-child(2){min-width: 200px;} .page-template-berichtenoverzicht-templ-php #documenten-overzicht tr:nth-child(odd) {background: #8dbbd577;} @media (max-width: 479px){body.page-template-berichtenoverzicht-templ-php #navigatie > .navigatie-button{display: block;}} #selectKalender input { width:60px; margin-left:6px;} #selectKalender input[name="ar_kalender[jaar]"] {width:75px;} /*----favorietenlijst----------------------------------------------------------------------*/ .page-template-favorietenlijst2-templ-php .td-bovendeel { vertical-align: top; border-left: 1px; border-left-style: solid; padding: 10px;} .page-template-favorietenlijst2-templ-php .hidden{ display: none;} .page-template-favorietenlijst2-templ-php .td-overzicht{ vertical-align: top; border-left: 1px; border-left-style: solid; padding: 10px; font-size: 14px; width: 16%; word-break: break-word;} .page-template-favorietenlijst2-templ-php #auteursdiv {display:block;} .page-template-favorietenlijst2-templ-php #selectCategorie {display:block;} .page-template-favorietenlijst2-templ-php #selectKalender {display:block;} .page-template-favorietenlijst2-templ-php #selectTalen {display:block;} .page-template-favorietenlijst2-templ-php #documentFilters div {flex-grow:0;flex-shrink:0;word-break: break-all;}//flex-basis:14em; .page-template-favorietenlijst2-templ-php #selectTalen{ padding-left: 15px;} .page-template-favorietenlijst2-templ-php #auteursdiv{position: absolute; background-color: white; padding: 5px; z-index: 5;} .page-template-favorietenlijst2-templ-php .rk-carousel-column {position:relative;} .page-template-favorietenlijst2-templ-php .rk-carousel-box {position: relative;} .page-template-favorietenlijst2-templ-php .rk-carousel-column .vlag {width:20px;margin-right:0.5vmin; opacity: 0.4; transition-duration: 0.4s; position:absolute; z-index:2;right: 26px;top: 5px;} .page-template-favorietenlijst2-templ-php .rk-carousel-column .rk-carousel-box:hover .vlag {opacity: 1; transition-duration: 0.4s;} .page-template-favorietenlijst2-templ-php .rk-carousel-column .fa-info-circle {opacity: 0.4; transition-duration: 0.4s; color: #000000; position:absolute; z-index:2; right: 10px;top: 5px;} .page-template-favorietenlijst2-templ-php .rk-carousel-column .fa-info-circle:hover {opacity: 1; transition-duration: 0.4s;} .content-section .content-medium.inner-wrap {max-width: 100%; width: 900px;} .page-template-favorietenlijst2-templ-php #documentFilters > div {margin-bottom: 2vmin;} .page-template-favorietenlijst2-templ-php .filterTitel {margin-bottom: 1vmin; display: block;} .page-template-favorietenlijst2-templ-php .selectCategorie {display: flex; } .page-template-favorietenlijst2-templ-php #docgegevenskolom .docgegevenscontainer {overflow: visible;} .page-template-favorietenlijst2-templ-php #documenten-overzicht {margin-top: 20px; margin-bottom: 20px;} .page-template-favorietenlijst2-templ-php #documenten-overzicht .td-overzicht {padding: 5px 5px 5px 10px; font-size: 14px; } .page-template-favorietenlijst2-templ-php #documenten-overzicht .td-overzicht a {} .page-template-favorietenlijst2-templ-php #documenten-overzicht tr:nth-child(odd) {background: #8dbbd577;} @media (max-width: 479px){body.page-template-favorietenlijst2-templ-php #navigatie > .navigatie-button{display: block;}} /*----toondocument-------------------------------------------------------------------------*/ /*breedtes van kolommen*/ .content-section #leesvenster.inner-wrap, .content-section .content-small.inner-wrap {max-width: 100%; width: 760px;} #leesvenster .nav-arrow-container {max-width: 100%; width: 760px;} #bovendeel .header-container { max-width: 100%; width: 760px;} #navigatie{ left: -20vw; width: 20vw;} .navigatie-button {left: 20vw;} #toonDocumentContainer.open-navigatie {padding-left: calc( (20vw - (50vw - 400px)) * 2); } #documenten-overzicht-container.open-navigatie {padding-left: calc( (20vw - (50vw - 470px)) * 2); } .docgegevens { display:grid; grid-template-columns: 10vw auto;} #docgegevenskolom { width: 20vw; right: -20vw; } #servicekolom { width: 40vw; right:-40vw;} .servicekolom-button2 {right: calc( 20vw + 12px);} .open-service #servicekolom { right:-20vw;} #leesvenster .nav-left {margin-left: -20px; } #leesvenster .nav-right {margin-right: -20px; } /*kleine laptops 3 kolommen tonen*/ @media (min-width: 1270px) and (max-width: 1360px){#leesvenster .nav-left {margin-left: 0px; } #leesvenster .nav-right {margin-right: 0px; } #toonDocumentContainer.open-navigatie {padding-left: calc( (20vw - (50vw - 380px)) * 2); } #documenten-overzicht-container.open-navigatie {padding-left: calc( (20vw - (50vw - 450px)) * 2); }} /*genoeg leesruimte als inhoudskolom dicht is*/ @media (min-width: 1270px){#toonDocumentContainer:not(.open-navigatie).open-service {width: 80vw; }} /*tablet landscape*/ @media (min-width: 480px) and (max-width: 1269px){.scrolled #toonDocumentContainer.open-navigatie #bovendeel {margin-left: -300px; padding-left: 300px; z-index: 3 !important;}} @media (min-width: 480px) and (max-width: 840px){.scrolled #toonDocumentContainer.open-navigatie #bovendeel{margin-left: 0px; padding-left: 0px;}} @media (max-width: 1269px){ #navigatie{ left: -300px; width: 300px;} .navigatie-button {left: 300px;} #toonDocumentContainer.open-navigatie, #documenten-overzicht-container.open-navigatie {padding-left: 300px;} .docgegevens { display:grid; grid-template-columns: 150px auto;} #docgegevenskolom { width: 300px; right: -300px; } /*.docgegevenskolom-button {right: 300px;}*/ #servicekolom { width: 600px; right:-600px;} .servicekolom-button2 {right: calc( 300px + 12px);} .open-service #servicekolom { right:-300px;} } /*leesvenster breedte wanneer open navigatie + leesvenster samen kleiner is dan 100vw, let op: @media rule is leesvenster + navigatie!*/ @media (max-width: 1060px){ #toonDocumentContainer.open-navigatie .content-section #leesvenster.inner-wrap{width: calc(100vw - 380px);} } /*tablet portrait let op: @media rule is leesvenster + 80px!*/ @media (max-width: 840px){ #bovendeel .header-container {padding-left: 55px !important; padding-right: 55px !important;} #navigatie{ left: -300px; width: 300px;} .navigatie-button {left: 300px;} #toonDocumentContainer.open-navigatie, #documenten-overzicht-container.open-navigatie {padding-left: 0px;} .content-section #leesvenster.inner-wrap{width: calc(100vw - 80px);}/*text mag volledige breedte bij tablet schermen*/ #toonDocumentContainer.open-navigatie .content-section #leesvenster.inner-wrap{width: calc(100vw - 80px);}/*ook als de navigatie open staat*/ #docgegevenskolom { width: 300px; right: -300px; } .docgegevenskolom-button {right: 300px;} #servicekolom { width: 600px; right:-600px;} .servicekolom-button2 {right: calc( 300px + 12px);} .open-service #servicekolom { right:-300px;} } /*large mobile let op: @media rule is servicekolom volledige breedte + 40px*/ @media (max-width: 640px){ #toonDocumentContainer.open-service-breed .servicekolom-button {left: calc(600px - 100vw) ; transition: all 0.5s ease;} } /*small mobile*/ @media (max-width: 479px){ #bovendeel .header-container {padding-left: 20px !important; padding-right: 20px !important;} .content-section #leesvenster.inner-wrap{width: 100vw;}/*text mag volledige breedte bij mobiele schermen, zonder ruimte voor navigatieknoppen*/ #toonDocumentContainer.open-navigatie .content-section #leesvenster.inner-wrap{width: 100vw;}/*ook als de navigatie open staat*/ #leesvenster .nav-left {margin-left: 20px; } #leesvenster .nav-right {margin-right: 20px; } } /*header toondocument*/ #bovendeel .header-container { padding-right: 20px; padding-left: 20px; height: 100%; margin-left: auto; margin-right: auto; display: flex; flex-wrap: nowrap; justify-content: flex-start; align-items: stretch;} @media (min-width: 840px) and (max-width: 1120px){#bovendeel .header-container {padding-right: 50px;}} #bovendeel {background-color: #ffffff;} #bovendeel .headerheading {} #page.scrolled:not(.open-menu) #bovendeel {padding-top: 5px; padding-bottom: 5px; top:0; background-color: #ffffff; position: fixed; z-index: 6; box-shadow: 0px 5px 15px rgb(0 0 0 / 8%); width: 100%; } @media (max-width: 479px){ #page:not(.scrolled):not(.open-menu) .open-navigatie #bovendeel, #page:not(.scrolled):not(.open-menu) .open-gegevens #bovendeel, #page:not(.scrolled):not(.open-menu) .open-service #bovendeel {padding-top: 5px; padding-bottom: 5px; top:92px; background-color: #ffffff; position: fixed; z-index: 6; box-shadow: 0px 5px 15px rgb(0 0 0 / 8%); width: 100%; } #page:not(.scrolled):not(.open-menu) .open-navigatie #bovendeel .headerheading, #page:not(.scrolled):not(.open-menu) .open-gegevens #bovendeel .headerheading, #page:not(.scrolled):not(.open-menu) .open-service #bovendeel .headerheading { height: 30px;} } #page.scrolled:not(.open-menu) #bovendeel .headerheading {height: 30px;} #page.scrolled:not(.open-menu) #bovendeel #zoekindocument {padding-top: 10px; padding-bottom: 5px;} #page:not(.scrolled) #bovendeel {padding-bottom: 40px;} #bovendeel .zoekindocument div {display: block;} #page.scrolled:not(.open-menu) #toonDocumentContainer {padding-top: 84px;} /*zoekindocument + resultaten*/ .toonZoekAli {cursor: pointer;} .toon { font-size: 12px;} #zoekresultaten { } #resultaatinklap {max-height: 400px; overflow: auto; resize: vertical; padding-top: 10px; padding-right: 10px; display: none; margin-top: 10px;} .toonZoekAli { color: #c59a4c; font-size: 14px; text-decoration: underline;} .zoekindocument-resultaatknoppen {padding-top: 10px; padding-bottom: 0px;} #toonDocumentContainer.open-resultaatinklap #resultaatinklap {display: block;} #zoeksoortInDoc {border-radius: 50px 0px 0px 50px; border: 1px solid black; padding: 5px;} #zoekInDoc {border: none; padding: 11px; flex: 1; height: 16px; background-size: 16px; width: 100%;} .zoekindocument-zoekbalk {display: flex; flex-grow: 1;} .zoekindocument-zoekbalk-container {display: flex; flex-grow: 1; align-items: center; border-radius: 0px 50px 50px 0px; border: 1px solid #191919; border-left: 0px;} .zoekindocument-zoekbalk input:focus, .zoekindocument-zoekbalk select:focus { outline: none;} #toonDocumentContainer.open-zoekindocument #bovendeel {box-shadow: 0px 5px 15px rgb(0 0 0 / 8%);} #bovendeel #zoekindocument {display: none;} #toonDocumentContainer.open-zoekindocument #zoekindocument {display: flex; flex-direction: column;} @media (max-width: 479px){ #toonDocumentContainer.open-zoekindocument #zoekindocument { height: 60px; padding: 10px; padding-right: 10px !important; padding-left: 10px !important; padding-bottom: 10px; background: #fff; } .zoekindocument-zoekbuttons {font-size: 24px;} #bovendeel .fa-chevron-left {margin-right: 20px !important;} .zoekindocument-zoekbuttons {padding-left: 10px !important; } .zoekbuttons-aantal {margin-right: 10px !important; font-size: 18px;} #zoekindocument-resultaten {display: none !important;} .zoekindocument-zoekbuttons .fa-ellipsis-v {display: none;} #zoeksoortInDoc {font-size: 10px;} .zoekresultaten .zoekbuttons-aantal {min-width: 30px;} footer {z-index: 1 !important;} } #zoekindocument-zoekwoorden-wissen {position: relative; margin-right: 10px; font-size: 18px; cursor: pointer; transition: opacity 0.5s; margin-top: -3px;} .toonZoekRand {margin-right: 1vmin;} .zoekindocument-zoekbuttons {padding-left: 1vmin; display: flex; align-items: center;} #toonDocumentContainer:not(.zoekresultaten) .zoekindocument-zoekbuttons i {cursor: auto; color: #aaaaaa;} .zoekbuttons-aantal {margin-right: 1vmin;} .zoekresultaten .zoekbuttons-aantal {min-width: 40px; text-align: right;} /**summa**/ .summa-zoekopties {border: 1px solid #000000; border-radius: 50px 0px 0px 50px; padding: 4px 10px 3px; cursor: pointer; font-size: 13px;} .summa-zoekopties > span {display: flex; gap: 5px; height: 100%; align-items: center;} .summa-zoekopties .dropdown-content.show {display: flex; gap: 10px;} #zoekindocument-resultaten.summa > div > div > .toondocument-link {color: #404040; text-decoration: none;} #zoekindocument-resultaten.summa > div > div > .toondocument-link span:first-child {color: #404040; text-decoration: underline; font-size: 20px; font-family: 'CrimsonProRegular'; font-weight: normal; font-style: normal; font-stretch: normal; font-optical-sizing: auto; -webkit-font-smoothing: antialiased;} #zoekindocument-resultaten.summa > div > div > .toondocument-link span:nth-child(2) {font-family: 'Work Sans', sans-serif; font-weight: 400; line-height: 1.6; color: #404040; text-decoration: underline; margin-left: 5px; color: #c59a4c; font-size: 14px; } #zoekindocument-resultaten.summa .zoekknoppen > a {color: #c59a4c; text-decoration: underline; font-size: 14px; } #zoekindocument-resultaten.summa .popuptext { width: 100%; background-color: #b8d5e6; margin: 10px 0px; padding: 20px; color: #222222; font-size: 14px; text-decoration: none;} #zoekindocument-resultaten.summa .popup_1.open .popuptext {display: inline-block;} #zoekindocument-resultaten.summa #resultaatinklap > div {display: flex; flex-direction: column;} .summa-resultaat {border-bottom: 1px solid lightgray; padding-top: 5px; padding-bottom: 8px;} span.zoekopties {margin-top: 4px; display: inline-block;} @media (max-width: 479px){#zoekindocument.summa #zoekindocument-resultaten { display: block !important;}} @media (max-width: 479px){#toonDocumentContainer.open-zoekindocument #zoekindocument.summa { height: auto;}} /* leesvenster*/ #leesvenster{ position:static; min-height:800px; transition: all 0.5s ease;} #leesvenster .tekst {margin-right: 0px; width: 100%; margin-left: 15px; margin-bottom: 15px;} #leesvenster .regel.active .tekst {background-color: #b8d5e655 !important;} #leesvenster.navigatiehidden{ left: 0; width: calc(100% - 400px); padding-left: 200px; padding-right: 200px; } #leesvenster .regel { cursor:pointer;} .image-right {float: right; margin-left: 1em; margin-bottom: 1em; margin-top: 0.5em;} .image-left {float: left; margin-right: 1em; margin-bottom: 1em; margin-top: 0.5em;} .image-middle, .tekst img:not(.image-right):not(.image-left) {display: block; margin-left: auto; margin-right: auto; margin-top: 0.5em; margin-bottom: 0.5em;} /*nav-buttons*/ #leesvenster .nav-arrow-container {position: relative; width: inherit; margin-left: -20px; margin-top: 45px; display: flex; justify-content: space-between; position: fixed; height: 0px;} @media (max-width: 479px){#leesvenster .nav-arrow-container {display: none;}} .scrolled #leesvenster .nav-arrow-container {margin-top: 54px;} #leesvenster .nav-arrow {font-size: 30px; color: #d5aa5c66; transition: all 0.5s ease; } #leesvenster .nav-arrow:hover {font-size: 30px; color: #d5aa5c; transition: all 0.5s ease; } #leesvenster .nav-arrow-container-bottom {width: 100%; display: flex;align-items: center; flex-direction: column; margin-top: 10px; } #leesvenster .nav-arrow-container-bottom span {font-size: 13px; } #leesvenster .nav-arrow-container-bottom i {margin-left: 1vmin; font-size: 28px !important;} #leesvenster .nav-arrow-container-bottom .nav-arrow {width: fit-content; display: flex; flex-direction: row;align-items: center;justify-content: center;text-align: center; background-color: #d5aa5c; padding: 8px 12px; cursor: pointer; color: #ffffff;} #leesvenster .nav-arrow-container-bottom .nav-arrow:hover {background-color: #d5aa5c;} /*historische teksten en resultaten*/ #toonhistorieKnop {display: none;} #loopDoorHistorie, .vergelijk, .geldig, .tekstGeldigTot { display: none;} .tekst:not(.open-histekst) .vergelijkResultaat {display: none !important;} #loopDoorHistorie input {cursor: pointer;} .open-historischeteksten #loopDoorHistorie {display: block} .vergelijkResultaat{ /* de vergeleken teksten*/ border: 2px solid grey; margin: 10px 5px; padding: 10px; display: none; font-size: 13px;} .geldig{ /*datum geldigheid*/ font-size: small; background-color: #E5E4E2; /*heel licht grijs*/ margin: 10px 0px 0px; padding: 20px; position: relative;} .tekstGeldigTot{ /*oude tekst, geldig tot ...*/ background-color: #E5E4E2; /*lightblue;*/ margin: 0px 0px 10px; padding: 20px; position: relative; z-index: 1;} .geldig + .tekstGeldigTot {padding-top: 0px; margin-top: -20px;} .kopgeldig { /*Oude tekst bij een titel-regel (linker kolom)*/ background-color: lightyellow; font-size: small; margin: 15px; display: block;} .toonhistorieImg{ width:15px; height:15px; cursor: pointer; margin-top: 2px !important; opacity: 1;} .open-histekst .toonhistorieImg {color: #d5aa5c;} .open-histekst .vergelijk, .open-histekst .geldig, .open-histekst .tekstGeldigTot{display: block;} .vergelijk {position: absolute; right: 20px; top: 15px; font-size: 22px; } .vergelijk.active {color: #d5aa5c;} .historywrapper {display: flex; gap: 1vmin; flex-direction: row-reverse; width: 100%; } .historywrapper > div {width: 100%;} .vergelijk-titel {font-style: italic;} #navigatie .toonhistorieImg, #navigatie .tekstGeldigTot {display: none;} @media (max-width: 479px){.fa-landmark-magnifying-glass {margin-left: calc(10px - 1vmin ); }} /*documentheader*/ /*verwijzingen en verschijningsvormen*/ .popup_1,.popup_2,.popup_3,.popup_4,.popup_5 { position: relative; display: inline-block; } .popup_1 .popuptext {color: #404040; width: 100%; display: none;} .popup_1.open .popuptext { width: 100%; font-family: Work Sans; font-weight: 400; color: #404040; padding: 0px; margin: 0px; display:block;} #leesvenster .tekst .popuptext {font-size: 13px;} #leesvenster .tekst .popup_1 { color: #d5aa5c; text-decoration: underline; background-color: transparent; border: 0 !important;} #leesvenster .tekst .popup_1 .popuptext {color: #404040; width: 100%; display: none;} #leesvenster .tekst .popup_1.open {width: 100%; background-color: #b8d5e6; margin: 10px 0px; padding: 20px; color: #222222; text-decoration: none; } #leesvenster .tekst .popup_1.open .popuptext, #leesvenster .tekst .popup_2.open .popuptext, #leesvenster .tekst .popup_3.open .popuptext { width: 100%; font-family: Work Sans; font-weight: 400; color: #404040; padding: 0px; margin: 0px; display:block;} #leesvenster .tekst .popup_1:not(.open) {display: inline-block;} #leesvenster .tekst .popup_2, #leesvenster .tekst .popup_3 { 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_2:hover, #leesvenster .tekst .popup_3:hover {background-color:#d5aa5c; } #leesvenster .tekst .popup_2 .popuptext, #leesvenster .tekst .popup_3 .popuptext {display:none;} #leesvenster .tekst .popup_2.open, #leesvenster .tekst .popup_3.open, .catVerwijzing {border-radius: 0 !important; width: 100%; background-color: #b8d5e6; margin: 10px 0px; padding: 20px; color: #222222;} .catVerwijzing {display: block;} #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 .tekst i.fas {margin-left: 0.5vmin; margin-top: 4px;} #leesvenster .popuptext {border: 0 !important; padding: 0px;} #leesvenster .popuptext > i.sluitpopup {margin-left: 0; position: absolute; font-size: 18px; top: 10px; right: 10px;} .rndSpan {cursor: default;} /*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-family: Work Sans; 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;} /*popup 5*/ #leesvenster .tekst .popup_5 { color: #d5aa5c; text-decoration: underline; background-color: transparent; border: 0 !important;} #leesvenster .tekst .popup_5 .popuptext {color: #404040; width: 100%; display: none;} #leesvenster .tekst .popup_5.open {width: 100%; background-color: #b8d5e6; margin: 10px 0px; padding: 20px; color: #222222; text-decoration: none; } #leesvenster .tekst .popup_5.open .popuptext { width: 100%; font-family: Work Sans; font-weight: 400; color: #404040; padding: 0px; margin: 0px; display:block;} #leesvenster .tekst .popup_5:not(.open) {display: inline-block;} /*verwijzingen in popups*/ #leesvenster .tekst .popup_1 .popuptext .popup_1, #leesvenster .tekst .popup_3 .popuptext .popup_1, #leesvenster .tekst .popup_2 .popuptext .popup_1, #leesvenster .tekst .rndSpan .popup_1 {color:#fefefe; cursor: default;} #leesvenster .tekst .popup_1 .popuptext .popup_2 ,#leesvenster .tekst .popup_1 .popuptext .popup_3, #leesvenster .tekst .popup_1 .popuptext .popup_4 {background-color:#aaaaaa; cursor: default;} #leesvenster .tekst .popup_2 .popuptext .popup_2 ,#leesvenster .tekst .popup_2 .popuptext .popup_3, #leesvenster .tekst .popup_2 .popuptext .popup_4 {background-color:#aaaaaa; cursor: default;} #leesvenster .tekst .popup_3 .popuptext .popup_2 ,#leesvenster .tekst .popup_3 .popuptext .popup_3, #leesvenster .tekst .popup_3 .popuptext .popup_4 {background-color:#aaaaaa; cursor: default;} #leesvenster .tekst .rndSpan .popup_2 ,#leesvenster .tekst .rndSpan .popup_3, #leesvenster .tekst .rndSpan .popup_4 {background-color:#aaaaaa; cursor: default;} #leesvenster .tekst .popup_1 .popuptext .popup_1 i, #leesvenster .tekst .popup_1 .popuptext .popup_2 i,#leesvenster .tekst .popup_1 .popuptext .popup_3 i,#leesvenster .tekst .popup_1 .popuptext .popup_4 i{ cursor: default;} #leesvenster .tekst .popup_2 .popuptext .popup_1 i, #leesvenster .tekst .popup_2 .popuptext .popup_2 i,#leesvenster .tekst .popup_2 .popuptext .popup_3 i,#leesvenster .tekst .popup_2 .popuptext .popup_4 i{ cursor: default;} #leesvenster .tekst .popup_3 .popuptext .popup_1 i, #leesvenster .tekst .popup_3 .popuptext .popup_2 i,#leesvenster .tekst .popup_3 .popuptext .popup_3 i,#leesvenster .tekst .popup_3 .popuptext .popup_4 i{ cursor: default;} #leesvenster .tekst .popup_1 .popuptext .popup_1 .popuptext,#leesvenster .tekst .popup_1 .popuptext .popup_2 .popuptext,#leesvenster .tekst .popup_1 .popuptext .popup_3 .popuptext,#leesvenster .tekst .popup_1 .popuptext .popup_4 .popuptext {display:none;} #leesvenster .tekst .popup_2 .popuptext .popup_1 .popuptext,#leesvenster .tekst .popup_2 .popuptext .popup_2 .popuptext,#leesvenster .tekst .popup_2 .popuptext .popup_3 .popuptext,#leesvenster .tekst .popup_2 .popuptext .popup_4 .popuptext {display:none;} #leesvenster .tekst .popup_3 .popuptext .popup_1 .popuptext,#leesvenster .tekst .popup_3 .popuptext .popup_2 .popuptext,#leesvenster .tekst .popup_3 .popuptext .popup_3 .popuptext,#leesvenster .tekst .popup_3 .popuptext .popup_4 .popuptext {display:none;} /*verwijzingen in zijbalk*/ #servicekolom #kol2 .popup_1 { color: #888888; text-decoration: underline; background-color: transparent; border: 0 !important; font-size: 14px; cursor: text;} #servicekolom #kol2 .popup_2, #servicekolom #kol2 .popup_3, #servicekolom #kol2 .popup_4 { 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;} #servicekolom #kol2 .popuptext {display:none;} #servicekolom #kol2 i.fas {margin-left: 0.5vmin; margin-top: 4px; cursor: text;} /*verwijzingen in zoekresultaten*/ .inforegel .popup_1 { color: #888888; text-decoration: underline; background-color: transparent; border: 0 !important; font-size: 14px; cursor: text;} .inforegel .popup_2, .inforegel .popup_3, .inforegel .popup_4 { 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;} .inforegel .popuptext {display:none;} .inforegel i.fas {margin-left: 0.5vmin; margin-top: 4px; cursor: text;} /*verwijzingen in leesvenster2*/ #leesvenster2 .popup_1 { color: #888888; text-decoration: underline; background-color: transparent; border: 0 !important; font-size: 14px; cursor: text;} #leesvenster2 .popup_2, #leesvenster2 .popup_3, #leesvenster2 .popup_4 { 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;} #leesvenster2 .popuptext {display:none;} #leesvenster2 i.fas {margin-left: 0.5vmin; margin-top: 4px; cursor: text;} /*kolom met inhoudsopgave*/ #navibutton { position:fixed; transition: all 0.5s ease; top: 23%; z-index:2;} #navigatie{ position:fixed; top: 0px; padding-top: 92px; /* border: 1px solid red; */ background-color: #fff; font-size: 14px; line-height: 1.3; height: 100%; z-index:3; transition: all 0.5s ease; box-shadow: 5px 15px 15px rgba(0,0,0,0.08);} @media (max-width: 479px){#navigatie, #docgegevenskolom, #servicekolom { padding-top: 132px !important;} .scrolled #navigatie, .scrolled #docgegevenskolom, .scrolled #servicekolom { padding-top: 40px !important;} } @media (max-width: 479px){.open-zoekindocument #navigatie, .open-zoekindocument #docgegevenskolom, .open-zoekindocument #servicekolom { padding-top: 192px !important;} .scrolled .open-zoekindocument #navigatie, .scrolled .open-zoekindocument #docgegevenskolom, .scrolled .open-zoekindocument #servicekolom { padding-top: 100px !important;} } #page.scrolled #navigatie {} #navigatie.navigatiehidden{ display:none;} #navigatie-inner { position: relative; width: 100%; overflow-y:auto; height: 100%; padding: 20px;} .navigatie-button {position: absolute; top: 104px; font-size: 18px; box-shadow: 5px 2px 7px rgb(0 0 0 / 30%); border-radius: 0px 3px 3px 0px; padding: 7px 10px 5px 10px; z-index: 10; opacity: 1; background-color: #ffffff; /*transition: 1s;*/} /*@media (max-width: 991px){.navigatie-button{top: 155px;}}*/ .scrolled #toonDocumentContainer:not(.open-zoekindocument) .navigatie-button {/*top: 52px;*/} .navigatie-button2 {position: absolute; top: 7px; right: 12px; font-size: 18px; padding: 2px 7px; z-index: 10; } .inhoudknoppen {margin-bottom: 20px; display: flex; flex-direction: row; } .inhoudknop {cursor: pointer; color: #c59a4c;} .inhoudknop i {margin-right: 1vmin;} .navigatie-html h3 {display: none;} /*#navigatie-inner h3 {margin-block-start: 0; margin-block-end: 0.5em;}*/ .open-navigatie .navigatie-button {opacity: 0; top: 0px;} @media (max-width: 479px){body:not(.page-template-uitgebreidzoeken-templ) .navigatie-button{display: none;}} .open-navigatie #navigatie {left: 0px;} #toonDocumentContainer {padding-left: 0; transition: all 0.5s ease, padding-top 0s;} /* @media (max-width: 479px){#navigatie{bottom: -50%; top: auto; width: 100%; height: 35%; z-index:3; box-shadow: 0px -15px 15px rgba(0,0,0,0.08); padding-top: 0px; left: 0px;}} @media (max-width: 479px){.open-navigatie #navigatie {bottom: 0px;}} */ #navigatie .niveau0 {color: #444444; font-size: 13px; margin-top: 0.5vmin; margin-bottom: 0.5vmin;} #navigatie .niveau1 {color: #333333; margin-left: 20px; font-size: 12px;} #navigatie .niveau2 {color: #222222; margin-left: 40px; font-size: 11px;} #navigatie .niveau3 {color: #222222; margin-left: 60px; font-size: 10px;} #navigatie .niveau4 {color: #222222; margin-left: 80px; font-size: 10px;} #navigatie .niveau5 {color: #222222; margin-left: 100px; font-size: 10px;} #navigatie .niveau6 {color: #222222; margin-left: 120px; font-size: 10px;} #navigatie .niveau7 {color: #222222; margin-left: 140px; font-size: 10px;} @media only screen and (max-width: 479px) { #navigatie .niveau0 {font-size: 15px;} #navigatie .niveau1 { font-size: 14px;} #navigatie .niveau2 {font-size: 13px;} #navigatie .niveau3 { font-size: 12px;} #navigatie .niveau4 { font-size: 12px;} #navigatie .niveau5 { font-size: 12px;} #navigatie .niveau6 {font-size: 12px;} #navigatie .niveau7 {font-size: 12px;} } #navigatie .active {color: #c59a4c;} #navigatie .visited {color: #8dbbd5;} /*kolom met documentgegevens*/ .docgegevens { display:grid;} .docgegevensnaam i {cursor: default; } .docgegevensninhoud {} #docgegevenskolom { top: 0px; font-size: 14px; line-height: 1.3; padding-top: 92px; position:fixed; height: 100%; transition: all 0.5s ease; background-color:white; box-shadow: -5px 15px 15px rgba(0,0,0,0.08); z-index: 4;} #docgegevenskolom-inner {position: relative; width: 100%; background: #ffffff; overflow-y:auto; overflow-x: hidden; height: 100%; padding: 20px; z-index: 1;} .docgegevenskolom-button {position: absolute; left: -38px; margin-right: -1px; top: 104px; cursor: pointer; font-size: 18px; box-shadow: -5px 2px 7px rgb(0 0 0 / 30%); border-radius: 3px 0px 0px 3px; padding: 7px 10px 5px 10px; /*z-index: 10;*/ opacity: 1; background-color: #ffffff; /*transition: 1s;*/} #toonDocumentContainer.open-service .docgegevenskolom-button {display: none;} .scrolled #toonDocumentContainer:not(.open-zoekindocument) .docgegevenskolom-button {/*top: 52px;*/} #docgegevenskolom .docgegevenscontainer{display:flex; flex-direction:column; margin-left: 5px; height: calc(6.4em + 2vmin); overflow: hidden; transition: all 0.5s ease; font-size: 14px; line-height: 1.6; margin-top: 1vmin;} #docgegevenskolom.open-informatie .docgegevenscontainer {height: auto; transition: all 0.5s ease;} #docgegevenskolom .docgegevenscontainer a {color: #c59a4c;} #docgegevenskolom .docgegevens { grid-template-columns: 25px auto;} .docgegevens-blok {margin-bottom: 1vmin;} .open-gegevens .docgegevenskolom-button {opacity: 0; top: 0px;} .open-service .servicekolom-button4 {opacity: 0; top: 0px;} @media (max-width: 479px){body:not(.page-template-uitgebreidzoeken-templ) .docgegevenskolom-button{display: none;}} .open-gegevens #docgegevenskolom {right: 0px;} .docgegevenskolom-button2 {position: absolute; top: 7px; right: 12px; font-size: 18px; padding: 2px 7px; z-index: 10; } .vlag {width: 25px; height: auto;} /* @media (max-width: 479px){#docgegevenskolom{bottom: -50%; top: auto; width: 100%; height: 35%; z-index:3; box-shadow: 0px -15px 15px rgba(0,0,0,0.08); padding-top: 0px; left: 0px;}} @media (max-width: 479px){.open-gegevens #docgegevenskolom {bottom: 0px;}} */ /*servicekolom met alineagegevens*/ #servicekolom { top: 0px; padding-top: 92px; font-size: 14px; line-height: 1.3; position:fixed; height: 100%; transition: all 0.5s ease; background-color:white; box-shadow: -5px 15px 15px rgba(0,0,0,0.08); z-index: 2;} #servicekolom-inner {position: relative; z-index: 1; width: 100%; /*overflow-y:auto; overflow-x: hidden;*/ background: #ffffff; height: 100%; padding: 20px; padding-bottom: 0px; padding-top: 40px;} .servicekolom-button2 {position: absolute; top: 7px; font-size: 18px; padding: 2px 7px; z-index: 10; transition: all 0.5s ease; } .servicekolom-button {position: absolute; top: 7px; left: 12px; font-size: 18px; padding: 2px 7px; z-index: 10; transition: all 0.5s ease;} .servicekolom-button3 {position: absolute; top: 7px; left: 40px; font-size: 18px; padding: 2px 7px; z-index: 10; transition: all 0.5s ease; } .servicekolom-button3 i {margin-top: 0px !important;} .servicekolom-button4 {position: absolute; left: -38px; margin-right: -1px; width: 38px; top: 154px; cursor: pointer; font-size: 18px; box-shadow: -5px 2px 7px rgb(0 0 0 / 30%); border-radius: 3px 0px 0px 3px; padding: 7px 10px 5px 10px; opacity: 1; background-color: #ffffff; } @media (max-width: 479px){.servicekolom-button4 {display: none;}} #servicekolom h3 {line-height: 1.3;} .kliknaaralinea {cursor: pointer; font-size: 14px;} .kliknaaralinea:hover {color: #c59a4c;} .kliknaaralinea.active {color: #d5aa5c;} #kol1 a, #docgegevenskolom .optielink {margin-bottom: 1vmin; display: flex; align-items: center; color: #404040; text-decoration: none;} #docgegevenskolom .optielink i.fas { cursor: pointer; margin-right: 1vmin;} #docgegevenskolom .optielink .vlag {width: 20px; margin-right: 1vmin;} #kol1 a i {margin-right: 1vmin;} .open-service.open-service-breed #servicekolom {right: 0vw; } #servicekolom #kol1, #servicekolom #kol2 {overflow-y:scroll; overflow-x: hidden;} #servicekolom #kol1::-webkit-scrollbar, #servicekolom #kol2::-webkit-scrollbar { width: 0 !important; } #servicekolom #kol1, #servicekolom #kol2 { scrollbar-width: none; padding-right: 20px; padding-bottom: 40px;} #servicekolom-wrapper { display:grid; grid-template-columns: 1fr 1fr; height:100%;} .open-service-breed #kol1{ vertical-align: top;} .open-service-breed #kol2{ font-size: 14px; vertical-align: top; padding-top: 20px;} .open-service-breed #kol2 img {display: none;} .open-service-breed #servicekolom-wrapper {grid-template-columns: } .open-service-breed .servicekolom-button2 {right: calc( 0vw + 12px); transition: all 0.5s ease;} #servicekolom .link-open-overzicht { margin-top: 1.5vmin;} .colorlink {color: #c59a4c; margin-top: 1.5vmin; display: block;} .colorlink {margin-top: 1.5vmin; display: block;} .giftbox { background: url(http://webheldtest.nl/rkdocumenten/wp-content/uploads/gift.png)no-repeat 7%; background-size: 16px; padding-left:28px !important; } #primary { display: flex; height: 100%; } #main { flex: 1; width: 100%; } #toonDocumentContainer { width:100%; } #bovendeel i{ margin-right: 1vmin;} /*meedere talen */ .meerdereTalen {position: absolute; display: none; box-shadow: 0px 5px 15px rgb(0 0 0 / 8%); flex-direction: row; padding: 10px; padding-bottom: calc(10px - 1vmin); background: #ffffff; right: -10px; top: 33px;} .meerdereTalen.active {flex-direction: row; gap: clamp(4px, 0.5vmin, 10px);} .meerdereTalen img {margin-bottom: 7px;} #bovendeel .fa-flag {position: relative;} .meerdereTalen img { object-fit: cover; /*border-radius: 50px; box-shadow: 1px 1px 5px rgb(0 0 0 / 18%); width: 18px;*/ height: 18px;} @media (max-width: 479px){ .fa-flag.scroll {display: inline-block;} .fa-flag:not(.scroll) {display: none;} } @media (min-width: 480px){ .fa-flag.scroll {display: none;} #page.scrolled .fa-flag.scroll {display: inline-block;} #page.scrolled .fa-flag:not(.scroll) {display: none;} #page:not(.scrolled) #toonDocumentContainer:not(.open-zoekindocument) .meerdereTalen {position: absolute; box-shadow: none; top: 26px; padding: 0px; right: 0px; display: flex; flex-direction: row; width: max-content; gap: clamp(4px, 0.5vmin, 10px); ;} #page:not(.scrolled) .meerdereTalen img {margin-bottom: 0px; } #page:not(.scrolled) #bovendeel .fa-flag:before {display: none;} #page:not(.scrolled) #bovendeel .fa-print {margin-right: 0px;} } /*leesvenster 2 */ #leesvenster2 {position: relative;} #sluit-leesvenster2 {position: absolute; right: 20px; top: 0px; cursor: pointer !important;} /*----bericht------------------------------------------------------------------------------*/ .page-template-bericht-templ h1 {margin-bottom: 0px; margin-top: 0px;} .page-template-bericht-templ #boven, .page-template-bericht-templ .navigatie-button, .page-template-bericht-templ #bovendeel .header-left, .page-template-bericht-templ .rns, .page-template-bericht-templ #page:not(.scrolled) .headline span {display: none;} .page-template-bericht-templ .content-section .inner-wrap {padding-top: 0px !important;} .page-template-bericht-templ #bovendeel .header-center { justify-content: flex-start;} .page-template-bericht-templ .tekst {margin-left: 0px;} .page-template-bericht-templ .headerheading h3 {margin-left: 0px;} .wp-post-image {max-width: 100%; max-height: 450px; object-fit: cover; border-radius: 7px; box-shadow: 0px 5px 15px rgb(0 0 0 / 88%);} .bericht-datum {display: flex; color: #444; margin-top: 0.5vmin;} .bericht-datum > div {margin-right: 1vmin;} /*----404-----------------------------------------------------------------------*/ .error404 .content-section {overflow: hidden;} /*----------------footer---------------------*/ footer { background-color: #191919; color: rgba(255,255,255,0.8); position:relative; z-index:6;} footer p { font-size: 16px; font-weight: 300; line-height: 1.7;} footer ul { list-style: none; text-decoration: none; padding-left: 0px; margin: 0px;} footer li a { text-decoration: none; font-family: 'Work Sans'; color: rgba(255,255,255,0.8); transition-duration: 0.4s; font-size: 16px; font-weight: 300; line-height: 1.7;} .footer-column2 a, .footer-column3 a, .footer-column4 a, .footer-column5 a{ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; } footer .footer-inner-wrap .menu-heading { color:rgba(255,255,255,0.8);} .footer-inner-wrap { display: flex; flex-direction: column; align-items: flex-start; padding-top: 75px; padding-right: 20px; padding-bottom: 75px; padding-left: 20px; max-width: 1400px; margin-left: auto; margin-right: auto; height: 100%;} .footer-columns { display: grid; grid-template-columns: repeat(6,1fr); width: 100%; grid-gap: 5vmin;} .footer-column1 { grid-column: span 2 / span 2;} .footer-column1 .menu-heading{ font-size: 36px; line-height: 1.3;} .footer-divider { width: 100%; height: 1px; margin-bottom: 35px; margin-top: 35px; background-color: #333333;} .footer-bottom-row{ display: flex; flex-direction: row; align-items: center; justify-content: space-between; width: 100%;} .footer-bottom-row-wrap{ display: grid !important; grid-template-columns: repeat(2,1fr); width: 100%;} .footer-bottom-block1{ display: flex; flex-wrap: wrap; padding-top: 10px; padding-left: 0px; padding-right: 10px; padding-bottom: 10px; text-align: justify; flex-direction: row; align-items: center; gap: 30px;} .footer-bottom-row img { width: 100px;} .footer-bottom-row a { color: #c59a4c;} .footer-bottom-row span { font-size: 13px; font-weight: 300;} .footer-bottom-block2{ flex-direction: row; display: flex; align-items: center; padding-top: 10px; padding-left: 0px; padding-right: 0px; padding-bottom: 10px; justify-content: flex-end; flex-wrap: wrap;} @media (max-width: 991px){.footer-bottom-block2{justify-content: flex-start;}} footer .rk-btn { width: max-content;} footer .back-to-top { font-size: 28px; cursor: pointer; position: fixed; bottom: 0; right: 0; z-index: 99; margin: 25px; display: inline-flex; align-items: center; justify-content: center; opacity: 0; visibility: hidden; transition-property: opacity,visibility; transition-duration: 0.3s;} footer .back-to-top.visible { opacity:1; visibility: visible;} footer .back-to-top-container { border-radius: 7px; background-color: #162954; color: #ffffff; width: 1.5em; height: 1.5em; display: flex; align-items: center; justify-content: center;} @media (max-width: 479px){footer .back-to-top-container {background-color: #16295466; } footer .back-to-top-container:hover {background-color: #162954;} .page-template-toondocument-templ footer .back-to-top-container { margin-bottom: 60px;} } footer .back-to-top-icon { font-size: 17px;} @media (max-width: 479px) { .footer-column4, .footer-column5 {grid-column: span 2;}} /*footerdonatieblok*/ #footer-bijdrage .home-collumns {grid-template-columns: 1fr 5fr;} @media (max-width: 767px){#footer-bijdrage .home-collumns { grid-template-columns: repeat(1,1fr);}} #footer-bijdrage .image-container img {height: 150px; width: 100%;} .home #footer-bijdrage {display: none;} /* reactBox */ .reactBox { 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;*/} .reactBox form,.reactBox input:not(.button),.reactBox textarea { width:100%;} .reactBox select, .reactBox input:not(.button), .reactBox textarea {border-color: #ebeef6; padding: 6px 12px; line-height: 1.42857143; border: 1px solid #ccc; border-radius: 0px; background: #ffffff; max-width: 100%;} .reactBox input[type=checkbox]{ width:auto;} .reactBox-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;} .reactBox-heading { text-align: center; font-size: 22px;} .reactBox-content{ text-align: center;} .reactBox-heading h2 {margin: 0px;} .reactBox .button {display: initial;} .wopBox { 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;*/} .wopBox-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;} .wopBox-heading { text-align: center; font-size: 22px; } .wopBox-content{ text-align: center;} .wopBox-content a.rk-btn {margin-left: auto; margin-right: auto; margin-top: 10px;} .wopBox-heading h2 {margin: 0px;} .wopBox .button {display: initial;} /*columns*/ @media (max-width: 991px){.col-l-1 {grid-template-columns: repeat(1, 1fr) !important;}} @media (max-width: 991px){.col-l-2 {grid-template-columns: repeat(2, 1fr) !important;}} @media (max-width: 991px){.col-l-3 {grid-template-columns: repeat(3, 1fr) !important;}} @media (max-width: 767px){.col-m-1 {grid-template-columns: repeat(1, 1fr) !important;}} @media (max-width: 767px){.col-m-2 {grid-template-columns: repeat(2, 1fr) !important;}} @media (max-width: 767px){.col-m-3 {grid-template-columns: repeat(3, 1fr) !important;}} @media (max-width: 479px){.col-s-1 {grid-template-columns: repeat(1, 1fr) !important;}} @media (max-width: 479px){.col-s-2 {grid-template-columns: repeat(2, 1fr) !important;}} /*---------------------toondocument-------------------------------*/ .alineaRegel { /*een tekst-alinea*/ /* display:none; */ } .titelRegel0 { /*Het eerste niveau van de inhoudsopgave*/ cursor: pointer; } .titelRegel { /*De vervolgniveaus van de inhoudsopgave*/ cursor: pointer; /* display: none; */ } .rns { width: 2%; font-size: 12px; } .rndButton { /*Verwijzing naar andere alinea in .regel*/ cursor: pointer; color: #87CEFA; } .regel { /*regel in het leesvenster*/ /*bevat .rns .rndButton .tekst en .service*/ /* border: 3px solid #73AD21; */ display: flex; } blockquote {font-style: italic;} .service { /*rechterdeel van een alinea in het leesvenster met buttons*/ width: 20%; display: none; /* border: 1px solid yellow; */ } .dot { /*cirkel met pijltjes*/ height: 17px; width: 17px; background-color: #bbb; border-radius: 50%; display: inline-block; text-align: center; cursor: pointer; } #leesvenster1 { /*het rechterdeel met de te lezen alineas*/ height: 500px; /* border: 1px solid black; */ width: 60%; float: left; overflow: scroll; position: absolute; top: 0; left: 0; opacity: 0.8; /* for demo purpose */ /* background: red; */ } #servicekolom1 { width: 40%; position: relative; /* left: 50px; */ /* right:-150px; */ right: -40%; } .container1 { /* width: 400px; */ /* width: 400px; */ width: 80%; height: 500px; position: relative; /* margin: 20px; */ background: green; float: right; } #xnavigatie { width: 20%; float: left; } /* de highlight van de zoekfunctie afkomstig van ES*/ .hlt1 { background-color: yellow; } /* Knop om gevonden ali in doc te openen */ .hlt_ali { /*een tekst-alinea in het zoek-resultatenscherm met alle html en hlt*/ display: none; } /*de alinea die getoond wordt in het venster met de zoekresultaten*/ /*Venster met zoekresultaten*/ /*Lijst waarin de volgnummers staan van de zoekresultaten*/ #kliklijst { display: none; }