/*!
 * coret.org genealogy site theme (Bootstrap 5, SASS) — Genealogie Online (go).
 * Compiles to root/p/navbar.go.css, replacing the MegaNavbar/coret.less output.
 * Per-site theming = the four variables below; everything else is shared.
 */:root{--primary-color: #9A0000}html{position:relative;min-height:100%;width:100%;overflow-x:hidden}body{margin-bottom:260px}.footer{position:absolute;bottom:0;width:100%;background:#c8c8c8;background:linear-gradient(to top, rgb(200, 200, 200) 0%, rgba(255, 255, 255, 0.5) 100%)}.footer a,.footer h2,.footer h4,.footer p{text-shadow:#fff .1em .1em .2em}.footer p{margin:0 0 8px}.footer h2,.footer h3{font-size:20px;margin:11px 0}.footer h4{font-size:18px}ul.nicelist,ul.linklist,#cross-search ul{padding-left:18px}.nicelist li,.linklist li,#cross-search li{display:block;padding:3px 0}#cross-search li:before,.nicelist li:before{font-family:"Font Awesome 6 Free";font-weight:900;content:"";font-size:17px;margin-left:-16px;margin-right:10px;color:#aaa}.linklist li:before{font-family:"Font Awesome 6 Free";font-weight:900;content:"";font-size:20px;float:left;margin-left:-10px;margin-top:-3px;margin-right:5px;color:#9a0000}.fa{font-size:1em;margin-right:3px;width:15px}.fam{font-size:1em !important}.fa-solid,.fa-regular{margin-right:8px}.fa-reset{font-size:1em;width:auto;margin:0}.no-gutter>[class*=col-]{padding-right:0;padding-left:0}.page-header{margin:-18px -15px 44px -15px;padding:40px 15px 20px 15px;background-color:rgba(154,0,0,.03);border-bottom:1px solid #9a0000}h1.page-header a{text-decoration:underline}.container{box-shadow:inset 0 0 0 16px #fff}footer div.container,nav div.container{box-shadow:none}.container a,.page-header a:hover,.footer a:hover{text-decoration:underline}.page-header a,#main_title a,.navbar a,.footer a{text-decoration:none}#main_title{display:none}@media(min-width: 768px){#main_title{display:block;background-color:#fff}.bg-up{margin:-44px -15px 0 !important;border-bottom:1px solid #9a0000}}#main_title a:hover{text-decoration:none}#main_title .tagline{font-size:1.1em;margin-top:11px;float:right}#main_title .title1{color:#555;font-size:1.7em}#main_title .title2{color:#9a0000;font-size:1.7em;font-weight:bold}#main_title .logo,.logo1,.logo2,.logo3{background-image:url("https://static.genealogieonline.nl/img/go/boom.png") !important;background-repeat:no-repeat !important;background-position:center !important;background-size:cover !important;width:28px;height:28px;padding:0}.logo3{float:right;border:1px solid #9a0000;margin-top:7px;margin-right:15px}#main_title .logo{display:block;float:left;border:1px solid #9a0000;margin:6px 14px 6px 5px}.logo1{margin:0 5px 0 15px;border:1px solid #fff;transition:margin-left .5s ease-out}.logo2{margin:11px 0 0 20px;border:1px solid #fff}.logo2outer{display:block;padding:11px;float:left}.footercol{height:200px}.footercol12{padding-top:64px}.footer .cg{padding:16px}.footer .row:last-child{display:block}.footer .logo3{float:right}.sprite-fb,.sprite-gp,.sprite-tr,.sprite-nl,.sprite-bf{display:inline-block;background:url("https://static.genealogieonline.nl/img/sprite4.png") no-repeat;overflow:hidden;text-indent:-9999px;text-align:left}.sprite-fb,.sprite-bf{background-position:0 0;width:36px;height:36px;vertical-align:middle}.sprite-gp{background-position:0 -36px;width:36px;height:36px;vertical-align:middle}.sprite-tr{background-position:0 -72px;width:36px;height:36px;vertical-align:middle}.sprite-nl{box-shadow:0px 0px 5px #fff;background-position:0 -108px;width:25px;height:16px}.footico{height:36px;width:36px;margin-right:10px;box-shadow:-1px 1px 0px #fff}.footico:hover{box-shadow:none}#delen{float:right;height:32px;width:160px;background:#fff;margin-top:4px}div#delen a{float:right}.delen_alt_block{margin-top:40px}.blokmelding{padding:12px 10px 12px 55px;margin:20px 0 25px 0;color:#333;font-weight:bold;background-repeat:no-repeat;background-position:8px 6px;background-color:#f5f5f5;border:1px solid #ddd;border-radius:3px}.fout{background-image:url(https://static.genealogieonline.nl/img/icon/foutmelding2.png)}.vraag{background-image:url(https://static.genealogieonline.nl/img/icon/vraag2.png)}.waarschuwing{background-image:url(https://static.genealogieonline.nl/img/icon/waarschuwing2.png)}.informatie{background-image:url(https://static.genealogieonline.nl/img/icon/informatie2.png)}.onesidedropshadow{border:1px solid #ccc;box-shadow:0 8px 16px -6px #000;padding:10px;max-width:100%;height:auto;box-sizing:border-box}.box{background:#e7e7e7;background:linear-gradient(to bottom, rgb(245, 245, 245) 0%, rgba(255, 255, 255, 0.9) 100%);border-top:1px solid #ddd;padding:5px 15px 10px 15px}.box p{padding:.5em;font-family:Arial,Helvetica,sans-serif;text-align:center;margin:0}.extern:after{font-family:"Font Awesome 6 Free";font-weight:900;content:"";font-size:12px;color:#999;display:inline-block;text-decoration:none;padding-left:5px}a.btn{text-decoration:none}.img-schaduw img{display:block;position:relative;background-color:#fff;border:1px solid #ccc;padding:4px;box-shadow:1px 1px 5px #ccc}.imgschaduw{box-shadow:0 0 9px #555}.image-style-side{float:right;padding-left:10px;padding-bottom:10px}.logina{width:42%;height:200px;padding:5px 0;text-align:center;background:#fff;margin-top:15px}.loginl{float:left;background:linear-gradient(to right, #e4e4e4 0, #e4e4e4 90%, #fff 100%);padding-right:25px;padding-top:24px}.loginr{float:right;background:linear-gradient(to left, #e4e4e4 0, #e4e4e4 90%, #fff 100%);padding-left:25px}.loginof{margin:105px 0 0 0;text-align:center}#loginform input:focus:invalid{border:0}input:-webkit-autofill::first-line{font-family:Helvetica,Arial,sans-serif !important;font-size:16px !important}#subNav{background:#f5f5f5;clear:both;margin:-44px -15px 40px -15px}#subNav ul{padding:0;margin:0;height:2.25em;z-index:400}#subNav ul:after{content:".";display:block;height:0px;clear:both;visibility:hidden}#subNav li{position:relative;float:left;list-style:none;padding:0;background-color:#f5f5f5}#subNav li a{display:block;padding:8px;text-decoration:none;border-right:1px solid #fff;border-left:1px solid #fff;border-bottom:1px solid #fff;color:#444 !important;height:42px}#subNav li.current a{background-color:#ccc}#subNav a:hover{background-color:#ddd}.modal-content{padding:0 !important}.insunit{display:inline-block;width:320px;height:200px;margin:0 -12px}@media(min-width: 600px){.insunit{display:inline-block;width:468px;height:200px}}table#plusabo{border:5px solid #eee;margin-top:10px;background-color:#eee}.plusabototaal{border-top:1px solid #444;padding-top:5px}th#plusabo{text-align:left}th.plusabototaal{text-align:right;padding-right:20px}#usp .card{min-height:440px}#usp img{margin:0 auto;max-height:200px;max-width:100%}#usp h2{text-align:center;font-size:1.3em}#usp .btn{margin:12px 0}#usp p{text-align:center}.table-usp thead th,.table-usp thead td{background-color:#9a0000;color:#fff}.table-usp tfoot th,.table-usp tfoot td{background-color:#9a0000;color:#fff;opacity:.75}.table-usp td,.table-usp th{text-align:center}.table-usp tfoot a,.table-usp tfoot a:visited{color:#fff}.table-usp{font-size:1.1em;border-left:0;border-right:0}.bg-success,.bg-info,.bg-warning,.bg-danger{border:1px solid #fff;border-radius:4px;padding:15px;box-shadow:0 3px 15px 1px rgba(0,0,0,.1);margin:15px 0}.bg-success{background-color:#dff0d8 !important}.bg-info{background-color:#d9edf7 !important}.bg-warning{background-color:#fcf8e3 !important}.bg-danger{background-color:#f2dede !important}.btn-secondary{--bs-btn-color: #333;--bs-btn-bg: #fff;--bs-btn-border-color: #ccc;--bs-btn-hover-color: #333;--bs-btn-hover-bg: #fff;--bs-btn-hover-border-color: #adadad;--bs-btn-active-color: #333;--bs-btn-active-bg: #e6e6e6;--bs-btn-active-border-color: #8c8c8c;--bs-btn-focus-shadow-rgb: 140, 140, 140;--bs-btn-disabled-color: #333;--bs-btn-disabled-bg: #fff;--bs-btn-disabled-border-color: #ccc;box-shadow:0 3px 15px 1px rgba(0,0,0,.1)}.card.border-primary>.card-header{background-color:#9a0000;border-color:#9a0000;color:#fff}label,.form-label,.col-form-label{font-weight:700}.form-check-label{font-weight:400}.btn-primary,.btn-success,.btn-info,.btn-warning,.btn-danger{box-shadow:0 3px 8px rgba(50,50,50,.73)}.card.card-body{display:block}h1,.h1{font-size:2rem;font-weight:400}h2,.h2{font-size:1.5rem;font-weight:400}select.form-control{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%239A0000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right .75rem center;background-size:16px 12px;padding-right:2.25rem}.cke_editable{background-color:#f8fff8}.text-go{color:#9a0000}.text-gw{color:#367e18}.text-gg{color:#523d2c}.text-sg{color:#285b70}.text-sf{color:#c05000}.text-fa{color:#5c4c00}.text-oa{color:#834884}.background-go{background-color:#9a0000}.background-gw{background-color:#367e18}.background-gg{background-color:#523d2c}.background-sg{background-color:#285b70}.background-sf{background-color:#c05000}.background-fa{background-color:#5c4c00}.background-oa{background-color:#834884}::selection{background-color:#9a0000;color:#fff}input[type=checkbox],input[type=radio]{accent-color:#9a0000}.dropdown-menu{min-width:250px}@media(max-width: 991px){body{margin-bottom:500px}.footer .cg{padding:30px 0 15px 15px;margin:0}.logo3{margin-top:24px;margin-right:15px}}@media(max-width: 767.98px){.logina{float:none;width:90%}.loginof{display:none}.table-usp{font-size:.8em}.bg-success,.bg-warning,.bg-danger{margin:15px -15px}.alert{border-radius:0;margin:0 -15px 22px}.page-header{border:0;text-align:center;padding:40px 15px 0px 15px;margin:-18px -15px 32px -15px;font-weight:700}.alert-success b.text-primary,.alert-success a{color:#333}.well{margin:20px -15px 20px -15px}}@media print{.page-header{margin:-30px 0 44px 0}.extern{background:none;padding-right:0;margin-right:0px}body{margin:0}.container{padding:0}.footer{position:relative;height:100%}}@media(prefers-color-scheme: dark){.footer{background:#000 !important;background:linear-gradient(to bottom, #000000 0, rgba(154, 0, 0, 0.8) 100%) !important}}.card{background-color:var(--bs-gray-100);margin-bottom:2em}h4,.h4{margin-top:1em}td h4,td .h4{margin-top:0}.input-group>.input-append,.input-group>.input-prepend{display:contents}.input-group>.input-append>.form-control,.input-group>.input-prepend>.form-control{flex:1 1 auto;width:1%;min-width:0;border-radius:0}.input-group .add-on.input-group-addon{display:flex;align-items:center;padding:.375rem .75rem;font-size:1rem;line-height:1.5;color:var(--bs-body-color);background-color:var(--bs-tertiary-bg);border:var(--bs-border-width) solid var(--bs-border-color);border-left:0;border-top-right-radius:var(--bs-border-radius);border-bottom-right-radius:var(--bs-border-radius);cursor:pointer}.input-group .add-on.input-group-addon .fa,.input-group .add-on.input-group-addon .fa-eye,.input-group .add-on.input-group-addon .fa-eye-slash{font-weight:900}@media(max-width: 767.98px){.container{max-width:none;margin-left:0;margin-right:0}}.navbar-coret{--bs-navbar-color: hsl(0, 100%, 108.1960784314%);--bs-navbar-hover-color: #fff;--bs-navbar-active-color: #fff;--bs-navbar-brand-color: hsl(0, 100%, 108.1960784314%);--bs-navbar-brand-hover-color: #fff;--bs-navbar-toggler-border-color: #fff;--bs-navbar-padding-y: 0;background-color:#9a0000;border:1px solid rgb(128.5,0,0);border-radius:0;box-shadow:0 3px 10px 0 rgba(50,50,50,.73);z-index:1001}.navbar-coret .navbar-nav{--bs-nav-link-padding-y: 0.75rem;align-items:stretch}.navbar-coret .nav-link{color:var(--bs-navbar-color);border-radius:4px;white-space:nowrap}.navbar-coret .nav-link:hover,.navbar-coret .nav-link:focus{color:var(--bs-navbar-hover-color);background-color:rgb(128.5,0,0)}.navbar-coret .nav-item.show>.nav-link,.navbar-coret .nav-item.active>.nav-link{color:#fff;background-color:rgb(128.5,0,0)}.navbar-coret .nav-divider{align-self:center;width:1px;height:1.5rem;margin:0 .15rem;background-color:rgb(194.8,0,0)}.navbar-coret .dropdown-menu{--bs-dropdown-bg: #ab1111;--bs-dropdown-color: hsl(0, 100%, 108.1960784314%);--bs-dropdown-link-color: hsl(0, 100%, 108.1960784314%);--bs-dropdown-link-hover-color: #fff;--bs-dropdown-link-hover-bg: rgb(108.1, 0, 0);--bs-dropdown-link-active-color: #fff;--bs-dropdown-link-active-bg: rgb(128.5, 0, 0);--bs-dropdown-border-color: rgb(128.5, 0, 0);--bs-dropdown-divider-bg: rgb(208.1106382979, 20.6893617021, 20.6893617021);--bs-dropdown-header-color: #fff;margin-top:0;box-shadow:0 9px 12px rgba(0,0,0,.3)}.navbar-coret .dropdown-menu-end{right:0;left:auto}.navbar-coret .dropdown-menu{max-width:96vw}.navbar-coret .dropdown-item{white-space:normal}.navbar-coret .dropdown-item .desc{display:block !important;font-size:.8em;color:#ffcdcd}.navbar-coret .dropdown-item:hover .desc{color:hsl(0,100%,100.1960784314%)}.navbar-coret h3{color:#fff}.navbar-coret .brand-mobile{display:inline-flex;align-items:center;padding-left:10px}.navbar-coret .brand-mobile .brand-logo{display:inline-block;width:26px;height:26px;margin-right:8px;background:url("https://static.genealogieonline.nl/img/go/boom.png") no-repeat center/contain;border:1px solid #fff;border-radius:2px}.navbar-coret .form-control{background-color:#ff9a9a;border-color:rgb(189.7,0,0);color:#212529}.navbar-coret .form-control::placeholder{color:#495057}.navbar-coret .form-control:focus{box-shadow:0 0 5px #ff0101}.cat-menu{min-width:230px}.dropdown-submenu{position:relative}.dropdown-submenu>.dropdown-toggle::after{position:absolute;right:.9rem;top:50%;margin-top:-0.3em;border-top:.3em solid rgba(0,0,0,0);border-bottom:.3em solid rgba(0,0,0,0);border-left:.3em solid;border-right:0}.dropdown-submenu>.dropdown-menu{display:none;position:absolute;left:100%;top:-0.5rem;margin:0;min-width:230px}@media(min-width: 768px){.dropdown-submenu:hover>.dropdown-menu{display:block}.navbar-coret .navbar-nav{margin-bottom:0 !important}}.dropdown-submenu>.dropdown-menu.show{display:block}@media(max-width: 767.98px){.dropdown-submenu>.dropdown-menu{position:static;left:auto;border:0;box-shadow:none;padding-left:1rem}.dropdown-submenu>.dropdown-toggle::after{margin-top:-0.15em;border-left:.3em solid rgba(0,0,0,0);border-right:.3em solid rgba(0,0,0,0);border-top:.3em solid;border-bottom:0}}.discover-menu{width:min(760px,92vw);padding:.75rem}.discover-menu .discover-grid{display:grid;grid-template-columns:repeat(5, 1fr);gap:.5rem}.discover-menu .discover-grid>a{display:block;padding:.6rem .5rem;color:#fff;text-align:center;border-radius:4px;font-weight:600;font-size:1.2em;text-decoration:none}.discover-menu .discover-grid>a .desc{display:block;font-size:.75em;font-weight:400;opacity:.9;margin-top:.25rem}.discover-menu .discover-grid>a:hover{filter:brightness(1.12)}@media(min-width: 768px){.navbar-coret .nav-item.dropdown:has(>.discover-menu){position:static}.navbar-coret .discover-menu{top:100%;left:0;right:0;width:auto;max-width:none}}.search-menu{width:min(820px,94vw);padding:1rem}.search-menu .search-layout{display:grid;grid-template-columns:7fr 5fr;gap:1rem}.search-menu .search-panes{order:1}.search-menu .search-tabs{order:2}.search-menu .search-tabs .nav-link{text-align:left;color:hsl(0,100%,108.1960784314%);border:1px solid rgba(0,0,0,0)}.search-menu .search-tabs .nav-link .desc{display:block;font-size:.78em;opacity:.85}.search-menu .search-tabs .nav-link.active{background-color:rgb(128.5,0,0);border-color:rgb(215.2,0,0);color:#fff}.search-menu .search-pane{display:none}.search-menu .search-pane.active{display:block}.search-menu .search-pane h3{padding-top:0;border-bottom:1px solid #fff;margin-bottom:.75rem}.hamburgr{padding:8px 12px;display:inline-block;cursor:pointer;transition-property:opacity,filter;transition-duration:.15s;transition-timing-function:linear;font:inherit;color:inherit;text-transform:none;background-color:rgba(0,0,0,0) !important;font-weight:normal;border:0;margin:0;border-radius:0;overflow:visible}.hamburgr.is-active .hamburgr-inner,.hamburgr.is-active .hamburgr-inner::before,.hamburgr.is-active .hamburgr-inner::after{background-color:#fff}.hamburgr-label{padding-left:10px;vertical-align:super;color:#fff}.hamburgr-box{width:24px;height:24px;display:inline-block;position:relative;zoom:.8}.hamburgr-inner{display:block;top:50%;margin-top:-2px}.hamburgr-inner,.hamburgr-inner::before,.hamburgr-inner::after{width:32px;height:4px;background-color:#fff;position:absolute;transition-property:transform;transition-duration:.15s;transition-timing-function:ease}.hamburgr-inner::before,.hamburgr-inner::after{content:"";display:block}.hamburgr-inner::before{top:-10px}.hamburgr-inner::after{bottom:-10px}.hamburgr--collapse .hamburgr-inner{top:auto;bottom:0;transition-duration:.13s;transition-delay:.13s;transition-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19)}.hamburgr--collapse .hamburgr-inner::after{top:-20px;transition:top .2s .2s cubic-bezier(0.33333, 0.66667, 0.66667, 1),opacity .1s linear}.hamburgr--collapse .hamburgr-inner::before{transition:top .12s .2s cubic-bezier(0.33333, 0.66667, 0.66667, 1),transform .13s cubic-bezier(0.55, 0.055, 0.675, 0.19)}.hamburgr--collapse.is-active .hamburgr-inner{transform:translate3d(0, -10px, 0) rotate(-45deg);transition-delay:.22s;transition-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)}.hamburgr--collapse.is-active .hamburgr-inner::after{top:0;opacity:0;transition:top .2s cubic-bezier(0.33333, 0, 0.66667, 0.33333),opacity .1s .22s linear}.hamburgr--collapse.is-active .hamburgr-inner::before{top:0;transform:rotate(-90deg);transition:top .1s .16s cubic-bezier(0.33333, 0, 0.66667, 0.33333),transform .13s .25s cubic-bezier(0.215, 0.61, 0.355, 1)}.navbar-static-top{margin-left:calc(-0.5*var(--bs-gutter-x, 1.5rem));margin-right:calc(-0.5*var(--bs-gutter-x, 1.5rem))}.navbar-coret.navbar-fixed-top{position:fixed;top:0;left:0;right:0;margin:0 !important;border-radius:0;z-index:1030}.hidden-not-fixed{display:none}@media(min-width: 768px){.navbar-coret.navbar-fixed-top .hidden-not-fixed{display:block}}@media(max-width: 767.98px){.navbar-coret .nav-divider{display:none}.discover-menu,.search-menu{width:100%;border:0}.discover-menu .discover-grid{grid-template-columns:1fr}.search-menu .search-layout{grid-template-columns:1fr}}.text-right{text-align:right !important}.text-left{text-align:left !important}.pull-right{float:right !important}.pull-left{float:left !important}.center-block{display:block;margin-left:auto;margin-right:auto}@media(max-width: 767.98px){.hidden-xs{display:none !important}}@media(min-width: 768px)and (max-width: 991.98px){.hidden-sm{display:none !important}}@media(min-width: 992px)and (max-width: 1199.98px){.hidden-md{display:none !important}}@media(min-width: 1200px){.hidden-lg{display:none !important}}@media print{.hidden-print{display:none !important}}.visible-xs,.visible-sm,.visible-md,.visible-lg{display:none !important}@media(max-width: 767.98px){.visible-xs{display:block !important}}@media(min-width: 768px)and (max-width: 991.98px){.visible-sm{display:block !important}}@media(min-width: 992px)and (max-width: 1199.98px){.visible-md{display:block !important}}@media(min-width: 1200px){.visible-lg{display:block !important}}.btn-block{display:block;width:100%}.btn-block+.btn-block{margin-top:.5rem}.btn-xs{padding:.1rem .4rem;font-size:.76rem;border-radius:.2rem}.btn-default{--bs-btn-color:#333;--bs-btn-bg:#fff;--bs-btn-border-color:#ccc;--bs-btn-hover-color:#333;--bs-btn-hover-bg:#e6e6e6;--bs-btn-hover-border-color:#adadad;--bs-btn-active-color:#333;--bs-btn-active-bg:#e6e6e6;--bs-btn-active-border-color:#8c8c8c;--bs-btn-disabled-color:#333;--bs-btn-disabled-bg:#fff;--bs-btn-disabled-border-color:#ccc;color:#333;background-color:#fff;border:1px solid #ccc;box-shadow:0 3px 15px 1px rgba(0,0,0,.1)}.btn-default:hover{color:#333;background-color:#e6e6e6;border-color:#adadad}.panel{position:relative;margin-bottom:1rem;background-color:#fff;border:1px solid rgba(0,0,0,.125);border-radius:.25rem;box-shadow:0 .125rem .25rem rgba(0,0,0,.075)}.panel-heading{padding:.5rem 1rem;background-color:rgba(0,0,0,.03);border-bottom:1px solid rgba(0,0,0,.125);border-radius:.25rem .25rem 0 0}.panel-title{margin:0;font-size:1rem}.panel-body{padding:1rem}.panel-footer{padding:.5rem 1rem;background-color:rgba(0,0,0,.03);border-top:1px solid rgba(0,0,0,.125)}.panel-primary>.panel-heading,.panel-success>.panel-heading,.panel-info>.panel-heading{background-color:#9a0000;border-color:#9a0000;color:#fff}.img-responsive{display:block;max-width:100%;height:auto}.img-circle{border-radius:50%}.img-rounded{border-radius:.3rem}.thumbnail{display:block;padding:4px;margin-bottom:20px;background-color:#fff;border:1px solid #ddd;border-radius:4px;max-width:100%;height:auto}.form-inline{display:flex;flex-flow:row wrap;align-items:center;gap:.5rem}.form-inline .form-control{display:inline-block;width:auto;vertical-align:middle}.help-block{display:block;margin-top:.25rem;font-size:.875em;color:#6c757d}.label{display:inline-block;padding:.35em .65em;font-size:.75em;font-weight:700;line-height:1;color:#fff;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.375rem}.label-default{background-color:#6c757d}.label-primary{background-color:#9a0000}.label-success{background-color:#198754}.label-info{background-color:#0dcaf0;color:#000}.label-warning{background-color:#ffc107;color:#000}.label-danger{background-color:#dc3545}.caret{display:inline-block;width:0;height:0;margin-left:2px;vertical-align:middle;border-top:4px dashed;border-right:4px solid rgba(0,0,0,0);border-left:4px solid rgba(0,0,0,0)}.bg-success,.bg-info,.bg-warning,.bg-danger{border:1px solid #fff;border-radius:4px;padding:15px;box-shadow:0 3px 15px 1px rgba(0,0,0,.1);margin:15px 0}.bg-success{background-color:#dff0d8 !important}.bg-info{background-color:#d9edf7 !important}.bg-warning{background-color:#fcf8e3 !important}.bg-danger{background-color:#f2dede !important}.btn-secondary{--bs-btn-color:#333;--bs-btn-bg:#fff;--bs-btn-border-color:#ccc;--bs-btn-hover-color:#333;--bs-btn-hover-bg:#fff;--bs-btn-hover-border-color:#adadad;--bs-btn-active-color:#333;--bs-btn-active-bg:#e6e6e6;--bs-btn-active-border-color:#8c8c8c;--bs-btn-disabled-color:#333;--bs-btn-disabled-bg:#fff;--bs-btn-disabled-border-color:#ccc;box-shadow:0 3px 15px 1px rgba(0,0,0,.1)}.btn-primary,.btn-success,.btn-info,.btn-warning,.btn-danger{box-shadow:0 3px 8px rgba(50,50,50,.4)}.btn-success{text-shadow:.05em .05em .1em #666}.card.border-primary>.card-header{background-color:#9a0000;border-color:#9a0000;color:#fff}.card.card-body{display:block}select.form-control{appearance:none;-webkit-appearance:none;padding-right:2.25rem;background:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%239A0000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e") no-repeat right .75rem center/16px 12px,#f8fff8}

td,tr{
    font-size:1em;
}

thead {
    
}

ol {
	line-height: 2em;
}

thead tr th {
    text-align:left;
    vertical-align:top;
    color:#353535;
    background-color:#CCC;
    padding:2px;
}

dfn {
    font-style: normal;
    border-bottom: 1px dotted;
}

#bpnav{
    float:right;
}

#bpnav img {
    padding:5px;
    border:0;
    text-decoration:none;
}

.today {
    float:right;
    width:330px;
}

.marrx {
	color:#9A0000;
	font-weight:bold;
	padding-right:10px;
	padding-left:10px;
}

#zw{
    display:none;
}

.noli {
    list-style:none;
    list-style-image:none;
}

#pagnav {
    margin-top:35px;
    margin-bottom:20px;
    font-size:1em;
}

ul#pagnav li {
	    list-style: none;
}
ul#pagnav li:before { 
    content: "";
    border-color: transparent #AAAAAA;
    border-style: solid;
    border-width: 0.5em 0 0.5em 0.55em;
    display: block;
    height: 0;
    width: 0;
    left: -14px;
    top: 1.2em;
    position: relative;
}	

.auteurkop {
    float:right;
    margin:5px 0 0 12px;
}

#content a:visited,#pagnav a,#pagnav a:visited,#pagnav a:hover {
    font-weight:normal;
    color:#333333 /* !important;  zorgde voor zwarte links in kwartierstaat, maar elders??? */
}


.ped-na a:visited{
    color:white!important;
}

.nw{
    color:black;
    font-size:0.8em;
}

#stamboom p{
    line-height:1.2em;
    margin:0px;
    padding:0px;
    font-size:0.9em;
}

.auteur {
    font-size:1em;
    margin-bottom:25px;
    border:1px solid #C1C0C5;
    background-color:#DFDEE4;
    padding:5px;
    width:715px;
    display:block;
}

#stats thead, .top10 thead{
    background-color:#e7e7e7;
    color:black;
    font-weight:bold;
    font-size:1em;
}


.top10 tr:nth-child(even),#stats tr:nth-child(even) { background: #EEE }
.top10 tr:nth-child(odd),#stats tr:nth-child(odd) { background: #FFF }

#stats tbody, .top10 tbody {
    font-size:1em;
}

.top10 td, .top10 th, .top10 tr { padding:3px; }

#stats, table.top10{
    border:1px solid #e7e7e7;
}

#famtable {
    background-color:#DFDEE4;
    border:1px solid #BFBEC3;
    padding:2px;
    margin-left:15px;
    margin-top:0px;
    margin-bottom:12px;
}

#famtable td {
    font-size:10pt;
}

.chart_date {
    font-size:0.8em;
}

a.zoekresult {
    font-size:1em;
}

.zoekurl {
    font-size:10pt;
    color:#666666;
    padding-left:30px;
    width:540px;
    overflow:hidden;
}

.zoekauteur  {
    font-size:11pt;
    padding-left:30px;
    font-weight:bold;
}

.data {
    width:100%;
}

.data2 {
    width:650px;
}

tr.e {
    background-color:#DFDEE4;
    vertical-align:top;
}

tr.o {
    background-color:#EFEFE5;
    vertical-align:top;
}

tr.es {
    background-color:#FFFF80;
    vertical-align:top;
}

tr.os {
    background-color:#FFFFC6;
    vertical-align:top;
}

tr.h {
    border-top:1px solid #9A0000;
    border-bottom:1px solid #9A0000;
    background-color:#9A0000;
}

table.data td{
  font-size:0.9em;
	color:#444;
}

table.data th {
/*  font-size:0.9em;
	color:#FFF; */
}

table.data2 td,table.data2 th {
    font-size:0.7em;
	color:#444;
}

ol { 
	padding-top:0px;
	margin-top:0px;
	margin-bottom:0px;
}

ul.naastelkaar {
    width:800px;
	margin-left:-16px;
}

.naastelkaar li {
    list-style:none;
    display:inline;
    background-color:#DFDEE4;
    border:1px solid #9A0000;
    padding:2px;
    margin:0 2px 0 1px;
}

.naastelkaar li a {
    text-decoration:none;
    line-height:30px;
}

.onderkant {
	text-align:center;padding:0;margin:-30px 0 0 10px;
}

.searchlist {
	line-height: 1.6em;	
}

.searchlist li {
	margin-bottom:14px;
}

/*
.inset {
    float:right;
    text-align:center;
    background-image:url(https://static.genealogieonline.nl/img/achtergrond_midden.png);
    background-repeat:repeat-y;
    border:1px solid #b4b4b4;
    padding:10px;
}
*/

#aantallen {
    float:right;
    width:225px;
    padding-top:20px;
    padding-left:10px;
    font-size:0.9em;
}

#geneaboek  {
    text-align:center;
    float:right;
    width:200px;
    padding-left:20px;
    font-size:0.9em;
}

#cgp {
    float:right;
    width:200px;
}

.underlined {
    font-size:10px;
    border-bottom:1px solid black;
}

a.ped-na {
    color:white!important;
    font-size:12px;
    text-decoration:none;
    font-weight:normal!important;
    padding:5px;
}


a.ped-na:hover{
    text-decoration:underline;
}

table.ped-m{
    border-collapse:separate;
    position:absolute;
    border-bottom:3px solid #999;
    border-left:3px solid #999;
    border-right:0px;
    border-top:0px;
    width:20px;
    z-index:50;
}

table.ped-n{
    position:absolute;
    border:0px;
    background:#9A0000;
    height:20px;
    padding:2px 7px 2px 7px;
    border-radius: 5px;
}

table.ped-g1{
    background:#E08E8E;
}

table.ped-h{
    background:#AAAAAA;
}

table.ped-nh{
    border-radius: 5px;
}

.ped-nh{
    position:absolute;
    border:0px;
    background:#999999;
    height:20px;
    padding:6px;
}

table.ped-v{
    position:absolute;
    border-top:3px solid #999;
    border-left:3px solid #999;
    border-right:0px;
    border-collapse:separate;    
    width:20px;
    z-index:50;
    border-bottom:0px;
}

.ttk{
    float:right;
    margin-top:-45px !important;
/*    padding-right:20px; */
}

.ttkl{
    float:right;
    margin-top:20px;
    font-size:0.7em;
}

.bron {
    border:1px solid #BFBEC3;
    font-size:9px;
    text-decoration:none;
    background-color:#DFDEE4;
    padding:0px;
    margin-left:4px;
}

.brondate {
    font-size:0.8em;
    color:#9A0000;
}

#zoekindex {
    text-align:center;
}

#zoekindex li {
    list-style-type:none;
}

/* stambomenzoek */
/*
.aa {
    font-family:Arial;
    font-size:12px;
    background-color:white;
    border-width:1px;
    border-color:#333333;
    border-style:solid;
    padding:3px;
    margin-top:2px;
}

.aa_highlight {
    background-color:#9A0000;
    color:#FFFFFF;
    cursor:pointer;
}

.aa_wait {
    cursor:wait;
    background-image:url(https://static.genealogieonline.nl/img/arrows_circle.gif);
    background-repeat:no-repeat;
    background-position:98% center;
}

.aa div {
    padding:3px;
    text-align:left;
}
*/

.note {
	margin: 0 0 10px 2px;
}

/*
.notenl {
	background-repeat:no-repeat;
	background-position:-15px top;
	background-image:url(https://static.genealogieonline.nl/img/lang-nl-only.png);
}
*/

.bronnen {
    font-size:0.8em;
    color:#9A0000;
    margin-left:10px;
}

.bronnenid {
	font-size: .7em;
    background-color: #eee;
    color: #111!important;
    margin-left: 10px;
    text-decoration: none!important;
    padding: 4px 8px;
    border-radius: 5px;
    display: inline-block;
}

.kwartierdrager {
    font-size:1.1em;
    font-weight:bold;
   	border:1px solid #e7e7e7;
    padding:0.5em;
    margin:1em 4em;
    background-color:white;
		box-shadow: 0px 0px 6px 2px rgba(0,0,0,0.2);
}

.tijdselectie{
    text-align:center;
    font-size:11px;
    display:block;
}

.topleft {
    position:absolute;
    left:0;
    top:0;
    width:307px;
    display:inline;
}

.nlmap {
    display:block;
    height:360px;
    width:307px;
}

a.datum,a.datum:visited,a.datum:hover,a.plaats,a.plaats:visited,a.plaats:hover {
    font-weight:normal;
    color:#333333;
}

.geddate {
    color:#777777;
    margin-left:30px;
    font-size:0.8em
}

.vrijer {
    line-height:1.4em;
}

#thumbshow {
    height:100px;
    padding:10px;
}

.vetgroter {
    font-weight:bold;
    font-size:1.1em;
}

/*
blockquote {
	margin: 23px 0 10px 0;
	padding: 5px 10px 5px 10px;
	background-color: #EEE;
}
*/

.zoeknaam {
	margin: 40px 0;
    padding: 20px;
    clear: both;
    box-shadow: 0 3px 15px 1px rgb(0 0 0 / 10%);
}

/* Fotogallery - begin */

.foto img {
    margin-left:10px;
    max-width:150px;
	
    margin-top: -7px;
    margin-right: -7px;
    transition: all 1s ease;
}

.foto:hover img {
     transform:scale(1.25);
}

.foto {
    vertical-align:middle;
    text-align:center;
    width:46%; 
    margin-bottom:10px;
    margin-top:10px;
    height:100px;
    padding:7px;
    display:block;
    cursor:pointer;
}

dialog { width:75%; border: 0;
    box-shadow: 2px 2px 8px #555 }

@media (max-width: 665px) {
    .foto { width:85%; }
	dialog { width:100% }
	#SavePageNow { display: none!important }
}

.fotohl {
    border:1px solid #9A0000;
    overflow:hidden;
    /*    -moz-border-radius:0.75em;
    border-radius:0.75em;
    */    
}

.fotoll {
    border:1px solid #EFE0E0;
    overflow:hidden;
    /*    -moz-border-radius:0.75em;
    border-radius:0.75em;
    */
    
}

.fotonav {
    margin-top:10px;
    margin-bottom:10px;
    margin-left:auto;
    margin-right:auto;
    text-align:center;
}

/* Fotogallery - end */

/* calendar */

.cal_cal_ctr { border:0; background:none;}
#cal input, #cal select { font-size:1.2em;padding:2px }
.cal_knop { font-size:0.9em!important;padding:1px 25px!important;margin:20px 0 0 100px}
a.cal_wiki { color:#555!important; font-size:0.9em }
.calf {  background-color:#eee;padding:5px 10px; margin-bottom:30px }

#cal label { display:block; float:left; width:100px }

@media (max-width: 665px) {
.cal_cal_ctr {text-align:center}
	.calf { background-color:#eee; padding:0 10px; text-align:center; margin-bottom:0 }
	#cal label { display:block;width:100%;margin:4px; }
	.cal_knop { margin-left:0px; width:100%; margin-bottom:0}
	#cal h3 { text-align:center}
}


/* -- */

.oek {
	border: 1px solid #ddd;
	border-radius: 4px;
	width:100%;
	margin:30px 0; 
	border-collapse:separate;
	box-shadow: 0 3px 15px 1px rgba(0,0,0,.1);    
}

.oek thead{
    background-color:#f5f5f5;
    line-height:2.2em;
}

.oek thead a{
    color:#9A0000 !important;
}

.oek thead a:hover{
/*    color:black!important;
    text-decoration:underline;*/
}

.oek thead a:visited{
    color:#9a0000!important;
/*    text-decoration:none;*/
}

table.oek td{
    padding:5px 10px;
    color:black;
}

table.oek tr{
    vertical-align:top;
}

p.tfoot{
/*    text-align:center;*/
    font-size:0.8em;
    color:#666;
    margin:5px 0; 
    /* padding-bottom:16px;  oa aanknopingspunten */
}

#wzw {
    border:1px dotted #9A0000;
}

.meertensbekend {
    margin-left:10px;
    border:1px solid #C0C0C0;
    padding-left:5px;
    padding-right:5px;
}

fieldset.vb {
    background-color:white;
    border:1px solid #CCCCCC;
    padding:0;
    margin-left:40px;
    padding-right:10px;
    margin-top:0
}

fieldset.vb legend {
    background-color:white !important;
    color:#9A0000;
    font-weight:bold;
    margin-left:15px;
}

fieldset.vb li {
    font-size:0.9em;
}

fieldset.vb ul {
    margin:0;
    padding:0;
    margin-left:20px;
    margin-bottom:5px;
}

/* mogelijkheden */
.voorbeelden {
    float:right;
    width:100%;
    margin-left:10px;
}

legend.voorbeeld {
    color:#636563 !important;
    background-color:white;
}

.voorbeeld {
    float:right;
    width:254px;
}

.voorbeeld-img {
    display:block;
    margin-bottom:10px;
    margin-right:2px;
    margin-top:10px;	
		margin-left:-7px;
    padding:3px;
    border:1px solid #CCCCCC;
}

.clearall {
    clear:both;
}

/* mogelijkheden - end */

p.htmnav {
    text-align:center;
    padding:5px;
    border:1px solid #9A0000;
    margin-top:15px;
    margin-bottom:15px;
    font-size:0.9em;
    margin-left:80px;
    margin-right:80px;
}

/* scans zoeken start */

#scan_indiv { 
    float:right;
    border:1px solid #CCC;
    background-color: white;
}

/* scans zoeken einde */

.autocomplete { border:1px solid #ccc; background:white; padding:0 2px;}
.autocomplete div { padding:0 2px; margin:0 -2px }
.autocomplete div.selected { background-color:#9A0000; color:white; }

/* scans zoeken organisatie lint */
#looplet{background-color:#FFF;/*width:800px;*/height:120px;overflow:hidden;margin-top:50px}
#looplet table,#looplet table tr,#looplet table tr td,#looplet table tr td a{border-spacing:0;height:100px;margin:0;padding:0}
#looplet table tr td{text-align:center;padding:0 1px 0 0}
#looplet a{display:block}

#zoekbox {padding-top:15px }
#zoekbox input,#zoekbox select { width:160px;float:right }
#zoekbox .veld { display: inline-block; padding-left:20px;}
#zoekbox .veld label { width:160px;margin-right: 0.5em;float:left;text-align:right;}

.gothumb {
	padding:1px;
	border:1px solid white;
	border-radius: 5px;
}

.gothumb_o {
    width: 150px;
    height: 200px;
    box-shadow: 0px 0px 10px #4d4d4d;
    border:solid white 3px;
    overflow: hidden;
    margin:10px;
    border-collapse: separate;
}

.gothumb_i {
    padding: 0;
    width: 150px;
    height: 200px;
    margin:-2px;
    overflow: hidden;
	display: flex;
    justify-content: center;
}

.gothumb_i img {
	flex: none;
}

.infiniteslider{display:none;margin:20px 0 -5px 0}


.gothumb_sepia {
	filter: sepia(1);
}


/* smoothZoom */

/*
.smooth_zoom_preloader {
	background-image: url(https://static.genealogieonline.nl/js/zoom/zoom_assets/preloader.gif);
}	
.smooth_zoom_icons {
	background-image: url(https://static.genealogieonline.nl/js/zoom/zoom_assets/icons.png);
}

*/

/* person page imagethumbs */

	
div.thumc {
	display:inline-block;
  width: 100px;
  height: 100px;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  border:1px solid #fff;
  margin:8px;
  cursor:pointer;
  box-shadow: 0 0 10px #4d4d4d;
}

div.thumc:hover {
  border:1px solid #9A0000;
}

div.thumv {
    display: inline-block;
    width: 200px;
    height: 200px;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    border: 1px solid #fff;
    margin: 10px 0 10px 20px;
    box-shadow: 0 0 10px #4d4d4d;
	user-select: none; 
	touch-action: none;
}

/* toegangspoort login popup */

#mask {
	display: none;
	background: #000; 
	position: fixed; left: 0; top: 0; 
	z-index: 10;
	width: 100%; height: 100%;
	opacity: 0.7;
	z-index: 4000;
}

.login-popup{
	display:none;
	background: #FFF;
	padding: 10px; 	
	border: 2px solid #ddd;
	float: left;
	position: fixed;
	top: 50%; left: 50%;
	z-index: 99999;
	box-shadow: 0px 0px 20px #999; /* CSS3 */
	-moz-box-shadow: 0px 0px 20px #999; /* Firefox */
	border-radius:3px 3px 3px 3px;
}

form.signin a,form.signin a:visited { color: #9A0000; }

form.signin  label { 
	display:block; 
	padding-bottom:7px; 
	display:block;
	font-weight:bold;
	color:#9A0000;
}

form.signin p {
	margin: 15px;
}
	
form.signin input { 
	padding:6px 6px 4px;
	width:250px;
}

.thumbloop {
	padding-right:40px!important;
	padding-top:5px!important;
}

.check2 p {
	/* margin:4px 50px 4px 0; */
	margin-top: 5px;
	padding:6px 3px; /* 2px; */
	background-color:#f2dede; /* #EEE; */
	font-size:0.85em;
}

.check2 img { margin:0 3px; }

/* over de familienaam */


.aantal { font-size:0.9em; margin:2px; color:#777!important; }

.map-popup {
	display: none;background: #FFF;padding: 10px;border: 2px solid #ddd;float: left;position: fixed;top: 50%;left: 50%;z-index: 99999;box-shadow: 0 0 20px #999;-moz-box-shadow: 0 0 20px #999;
border-radius: 3px 3px 3px 3px;
}


/* kwartierkaart */

.map-box{
	background: #fff;
	padding: 10px;
	border-radius: 5px;
	position: relative;
	width: 350px;
	height:110px;
	box-shadow: 0 0 2px 2px rgba(0,0,0,.2);
}

.map-box h3, .map-box ul { padding:0; margin-top: 0;margin-bottom: 0; font-family:Arial;font-size:0.9em }

.map-box a { color: #9a0000; font-weight: normal; }

.map-box:after {
	top: 100%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
}

.map-box:after {
	border-color: rgba(255, 255, 255, 0);
	border-top-color: #fff;
	border-width: 8px;
	left: 50%;
	margin-left: -8px;
}

/*
waar gebruikt?
.ui-autocomplete-loading { background:url('https://static.genealogieonline.nl/img/ui-anim_basic_16x16.gif') no-repeat right center; background-color:#ccc; }
*/

.overbron, .overbron a { color:#666!important; font-size:0.8em }
.overbron { margin-left:20px }
	
/* homepage */

#bgfull { 
	min-height:100%;
	min-width:1024px;
	width:100%;
	height:auto;
	position:fixed;
	left:0;
	z-index:-2;
}

#bgrand {
	width:100%;
	height:125px;
	position:fixed;
	top:16px;
	left:0;
	z-index:1;
	background-color:white;
}

#bginfo {
	position:fixed;
	top:94%;
	padding:4px 22px;
	border-bottom:1px solid #fff;
	text-shadow:0 1px white;
	left:0;
	background-color:rgba(239,239,239,0.75);
}


#bginfo a {
	color:#111;
	text-decoration:none;
}

.hhh { 
	font-size:1.8em; 
	padding:12px;
	margin:50px 0 0 0;
	text-align:center;
	color:#222;
	font-weight:bold;
	letter-spacing:1px;
	background:rgba(239,239,239,0.75);
	border-bottom:1px solid #fff;
	text-shadow:0 1px white;
}

hr.divider {
	width:250px;
	margin:2px auto;
	border:0;
	border-top:1px solid #ccc;
}

.boxhhh {
	 margin:0px; /* 25px; */
	 font-size:1.15em;
	}
	
.cellhhh {
	width:50%;
	display:table-cell;
	vertical-align:middle;
}

@media screen and (max-width: 665px) {
	.cellhhh { display:block; width:100%; }
}

input {
    border-radius: 0;
}

.letterlinks a {
	margin: 4px;
	width: 48px;
	height: 36px;
}

.known_children {
	border: 1px solid #ddd;
	padding: 4px;
	color: #555;
	font-size: 0.9em;
	margin-top: 10px;
	margin-right: 22px;
}
	
.teldat { background-color:#CCC; color:#333; font-size:2em;padding:10px;text-align:center; }
.teltxt { font-size:1em;padding-top:0; }

.rlk {
	display:block;
	color:#999;
	margin:10px 0;
}

.rlk a {
	padding: 4px 8px;
	text-decoration: none;
	color: #333!important;
	margin: 5px;
	display: inline-block;
	box-shadow: 0 3px 4px 0 rgba(50,50,50,.73);
}

/* tijdelijk, uit te faseren */
 
 .left_column {
	float: left;
	width: 500px;
}

.half_column {
	float: left;
	width: 45%;
	padding-right: 40px;
}

.right_column {
	clear: right;
	margin-left: 10px;
	margin-bottom: 10px;
	float: right;
	width: 280px;
}

.left_column .box { margin-right:0 }
.right_column .box { margin-left:0 }

.caret{
    transition: all .2s ease;
}

.open .caret {
    transform:rotate(-180deg);
}

/* abonnement */

#usp { text-align:center;}
#usp h2 { text-align:center;font-size:1.3em }
#usp br { line-height:34px }

/* verwantschappen */

.verw_v {
    background-color: #ffe4e4;
}
.verw_m {
    background-color: #e1e4ff;
}

.badge-light {
/*    background-color:#d7b2b2;*/
    background-color: #fff;
    border: 1px solid #aaa;
    color: #444;
    font-size: 0.7em;
    margin-left: 1em;
}

@media screen and (max-width: 665px) {
    .badge-light {
	    display:none !important;
    }
}

.badge-volg {
    font-size: 0.7em;
    text-decoration: none!important;
    vertical-align: super!important;
}

.archiefscans {
	box-shadow: 0 3px 8px 0 rgba(50,50,50,.73);
}

.stat_blox p { 
	background: radial-gradient(circle at center 35%,#fff,#9a0000);
} 

.stat_blox p a {
	text-shadow: 0 0 2px white;
}

@media (prefers-color-scheme: dark) {
	.stat_blox p { background: radial-gradient(circle 120px, #444, #aaa); } 
}

/* tellingen */


.ui-slider {
    background-color: #f1caca!important;
}

.ui-widget-header {
    background: none;
    background-color: #9a0000;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    border: 1px solid #9a0000;
    background: none;
    background-color: white!important;
    border-radius: 3px;
    margin-top: 1.5px;
}

.cbcontainer {
	display: inline;
	position: relative;
	padding-left: 30px;
	cursor: pointer;
	user-select: none;
}

label.cbcontainer { font-weight:normal }

.cbcontainer input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
	height: 0;
	width: 0;
}

.checkmark {
	position: absolute;
	top: 0;
	left: 0;
	height: 20px;
	width: 20px;
	background-color: #eee;
}

.cbcontainer:hover input ~ .checkmark {
	background-color: #ccc;
}

.cb_birt input:checked ~ .checkmark {
	background-color: #4FAD21;
}
.cb_chr input:checked ~ .checkmark {
	background-color: #87E05C;
}
.cb_marr input:checked ~ .checkmark {
	background-color: #9A0000;
}
.cb_div input:checked ~ .checkmark {
	background-color: #FF7979;
}
.cb_deat input:checked ~ .checkmark {
	background-color: #004080;
}
.cb_buri input:checked ~ .checkmark {
	background-color: #0984FF;
}
.cb_crem input:checked ~ .checkmark {
	background-color: #82C0FF;
}

.checkmark:after {
	content: "";
	position: absolute;
	display: none;
}

.container input:checked ~ .checkmark:after {
	display: block;
}

.cbcontainer .checkmark:after {
	left: 7px;
	top: 5px;
	width: 5px;
	height: 10px;
	border: solid white;
	border-width: 0 3px 3px 0;
	transform: rotate(45deg);
}



/* registratie beëindigen rode vinkjes */

#beeindig p { text-indent:-60px;margin-left:36px } 
#beeindig h3 img { width:24px;height:24px;margin-bottom:6px;margin-right:12px }
#beeindig .checkbox-label { display:inline-block;position:relative;cursor:pointer;font-size:22px;line-height:24px;height:24px;width:24px;clear:both;	margin:0 12px 0 24px}
#beeindig .checkbox-label input { position:absolute;opacity:0;cursor:pointer}
#beeindig .checkbox-label .checkbox-custom { border:1px solid #888; position:absolute;top:0px;left:0px;height:24px;width:24px;background-color:transparent;transition:all 0.3s ease-out; }
#beeindig .checkbox-label input:checked ~ .checkbox-custom { background-color:red; transform:rotate(0deg) scale(1);opacity:1;border-color:red}
#beeindig .checkbox-label .checkbox-custom::after { position:absolute;content:"";left:12px;top:12px;height:0px;width:0px;border:solid red; transform:rotate(0deg) scale(0);opacity:1;transition:all 0.3s ease-out; }
#beeindig .checkbox-label input:checked ~ .checkbox-custom::after { transform:rotate(45deg) scale(1);opacity:1;left:8px;top:3px;width:6px;height:12px;border:solid white;border-width:0 2px 2px 0;background-color:transparent;border-radius:0}
#beeindig .checkbox-label .checkbox-custom::before { position:absolute;content:"";left:10px;top:10px;width:0px;height:0px;border-radius:5px;border:2px solid red; transform:scale(0)}



/* collecties */

.collection_logo { float:left; padding:9px }
.collection_name { font-size:1.2em; font-weight:bold; color:#9a0000;padding:5px 0;text-decoration:none!important;display:block; }
.collection_desc { color:#111; text-decoration:none!important }
.collection_pubs { font-size:0.8em; color:#888; text-decoration:none!important }
.border-col { border:1px solid #ccc;padding:5px; cursor:pointer;height:150px;text-align:center;margin-bottom: 30px; overflow:hidden}
.border-col:hover { border:1px solid #9a0000 }
.collection_part { margin-right:50px;background-color:#eee;padding:5px }
.collection_name2 { font-weight:bold; color:#9a0000;line-height: 2em;text-decoration:none }

/* nav tabs */

.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
    text-decoration: none;
}

.nav-tab-title { display: none; }
.nav-tabs { margin: 2em -15px; padding:0 15px; }
@media screen and (max-width: 770px) {
	.nav-tabs { display: none }
	.tab-content>.tab-pane { display: block!important; }
	.fade { opacity: 1!important; }
	h3 { margin-top: 2em; }
	.nav-tab-title { display: block; }
}
@media print {
	.nav-tabs { display: none }
	.tab-content>.tab-pane { display: block!important; }
	.fade { opacity: 1!important; }
	h3 { margin-top: 2em; }
	.nav-tab-title { display: block; }
}	

.infiniteslide_wrap {
	width: 100vw;
	position: relative;
	left: 50%;
	right: 50%;
	margin-left: -50vw;
	margin-right: -50vw;
}

/* bronvermeldingen tellingen */

.bv_progress {
  margin:20px auto;
  padding:0;
  width:90%;
  height:30px;
  overflow:hidden;
  background:#e5e5e5;
  border-radius:6px;
  display:block-inline;
}

.bv_bar {
	position:relative;
  float:left;
  min-width:1%;
  height:100%;
  background:#e0b2b2;
}

.bv_percent {
	position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
  margin:0;
  color:#000;
}

.panel { 
	overflow-x: hidden; /* lange urls in bronvermeldings blok */
}
#gotree{padding:30px 15px}
@media(max-width:768px){#gotree{margin:0 -15px}}
#gotree table{border:0;width:100%;min-width:730px}
#gotree td{text-align:center;margin:5px}
#gotree .t_gp td{width:25%}
#gotree .t_gp i{color:#9A0000}
#gotree .t_p td{width:50%}
.gotree-responsive{overflow-x:auto;min-height:.01%}
.gotree_td1{width:16%}
.gotree_rel{width:100%}
.gotree_rel_ln{height:25px}
.gotree_rel_dat{vertical-align:top}
.gotree_proband{width:50%;margin:0 auto;background-color:white;box-shadow:0 3px 10px 0 rgba(50,50,50,.73)}
.gotree_anc_desc{margin:0 20px; padding:5px}
.gotree_has_ancestors, .gotree_has_descendants{width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;margin:0 auto}
.gotree_has_ancestors{border-bottom:10px solid #999}
.gotree_has_children{width:0;height:20px; border:2px dashed #999;margin:5px auto}
.gotree_col125 td{width:12.5%}
.gotree_col25 td{width:25%}
.gotree_col8 td{width:8%}
.gotree_bb{border-bottom:3.5px solid #999}
.gotree_br{border-right:3.5px solid #999}
.gotree_bl{border-left:3.5px solid #999}
.gotree_huw{color:#999;position:absolute;margin-top:0;margin-left:0;width:16px;height:16px}
.gotree_huw:before{content:'';position:absolute;top:10px;width:16px;height:2px;background-color:currentColor;transform:rotate(-45deg)}
.gotree_huw:after{content:'';position:absolute;top:10px;width:16px;height:2px;background-color:currentColor;transform:rotate(45deg)}
.gotree_nr_huw{color:#9A0000}

.gotree_verw_M, .gotree_verw_F { box-shadow: 0 3px 4px 0 rgba(50,50,50,.5); }
.gotree_verw_M { background-color: #e1e4ff; }
.gotree_verw_F { background-color: #ffe4e4; }
.gotree_verw_M a, .gotree_verw_F a { text-decoration:none }

.gotree_siblings_k {vertical-align:top;padding-right:0.5em}
.gotree_siblings_d {vertical-align:top;padding-left:0.5em}
.gotree_siblings_e {text-align:right;margin-top:-2.5px}
.gotree_siblings_l {text-align:left; margin-top:-2.5px}
.gotree_siblings_m {width:1px;margin-left:0.5em;margin-right:0.5em;border-left:8px solid #c1c3d5}
.gotree_siblings_f {width:1px;margin-left:0.5em;margin-right:0.5em;border-left:8px solid #e4c4c4}
.gotree_siblings_u {width:1px;margin-left:0.5em;margin-right:0.5em;border-left:8px solid #bbbbbb}
.timeline, .timeline.v1 {
  margin: 0px auto;
  max-width: 700px;
  overflow: hidden;
  height: auto;
  position: relative;
  padding: 0px;
  list-style-type: none;
  /*thanks to
     https://twitter.com/JacoKoster
  */
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAACCAYAAACZgbYnAAAAEElEQVQIW2NMTEz8z8gABAAPKwIlXWq1kgAAAABJRU5ErkJggg==);
  background-repeat: repeat-y;
  background-position: 50% 0;
  /*
    border-box ftw, inside .timeline now to prevent
    screwing up your CSS rule if you are not using
    border-box
    if that's the case, I have nothing to say to you.

    thanks to https://github.com/jimmyandrade
  */
  /* 
    elements 1,(2),3,(4), etc.
    elements in brackets inherit these properties, some are overridden below (2n)
    beginning at 0
  */
  /*v2*/
}
.timeline *, .timeline *:after, .timeline:after, .timeline *:before, .timeline:before, .timeline.v1 *, .timeline.v1 *:after, .timeline.v1:after, .timeline.v1 *:before, .timeline.v1:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.timeline .year, .timeline.v1 .year {
  background: #834884;
  font-size: 2em;
  max-width: 4em;
  clear: both;
  padding:5px;
  margin: 1em auto;
  color: white;
  border-radius: 20% / 80%;
  text-align: center;
  margin-top: 50px;
  /*
    thanks to Lukas Knuth ( https://github.com/christian-fei/Timeline.css/issues/1 )
  */
}
.timeline .break {
  background: #834884;
  width: 12em;
  clear: both;
  padding:0px;
  margin: .9em auto;
  color: white;
  text-align:center;
  font-size:1em;
  border-radius: 0;
  margin-top: 45px;
}
.timeline .year:first-of-type,.timeline .break:first-of-type, .timeline.v1 .year:first-of-type {
  margin-top: 0 !important;
}
.timeline .year + .event, .timeline.v1 .year + .event {
  margin-top: -1.5em;
}
.timeline .event, .timeline.v1 .event {
  position: relative;
  text-align: center;
  float: right;
  clear: right;
  width: 45%;
  margin: 10px 2.5%;
  border-radius: 5px;
  list-style-type: none;
  display: block;
  padding: .4em;
  background: white;
  /* z-index: 15; */
  color: #4d4d4d;
  border: 1px solid #d0d0d0;
  text-decoration: none;
  transition: background .15s linear;
}
.timeline .event.featured, .timeline.v1 .event.featured {
  width: 95% !important;
}
.timeline .event.featured:after, .timeline .event.featured:before, .timeline.v1 .event.featured:after, .timeline.v1 .event.featured:before {
  display: none;
}
@media all and (max-width: 600px) {
  .timeline .event, .timeline.v1 .event {
    width: 85%;
  }
}
.timeline .event.offset-first, .timeline.v1 .event.offset-first {
  margin-top: -1.5em;
}
.timeline .event img, .timeline.v1 .event img {
  margin-top: 10px;
  max-width: 100%;
}
.timeline .event:hover, .timeline.v1 .event:hover {
  background: #f6f6f6;
}
.timeline .event:hover:after, .timeline.v1 .event:hover:after {
  background: #505050;
}
.timeline .event:nth-of-type(2n), .timeline.v1 .event:nth-of-type(2n) {
  float: left;
  clear: left;
}
.timeline .event:nth-of-type(2n):after, .timeline.v1 .event:nth-of-type(2n):after {
  right: -5%;
  left: auto;
}
@media all and (min-width: 650px) {
  .timeline .event:after, .timeline.v1 .event:after {
    display: block;
    content: ' ';
    height: 9px;
    width: 9px;
    background: #9d9d9d;
    border-radius: 50%;
    position: absolute;
    left: -5%;
    top: 1.5em;
    border: 2px solid white;
  }
}
.timeline time, .timeline.v1 time {
  display: block;
  font-weight: bold;
}
.timeline.v2 .year, .timeline.v1.v2 .year {
  background: white;
  color: #505050;
  border: 2px solid #505050;
}
.timeline.v2 .event, .timeline.v1.v2 .event {
  border: none;
  background: #FAFAFA;
  border-bottom: 1px solid #cac4c4;
}

.rel_table {
	border:0;
	width:90%;
	margin:0 auto;
}
.rel_table td { 
	padding:5px;
	text-align:center;
}
td.rel_col { width:20% }
td.rel_gap { width:7% }

td.rel_F a, td.rel_M a {
	padding: 4px 8px;
	text-decoration: none;
	color: #333!important;
	display: block;
}

td.rel_F {
    background-color: #ffe4e4;
	box-shadow: 0 3px 4px 0 rgb(50 50 50 / 73%);
}

td.rel_M {
    background-color: #e1e4ff;
	box-shadow: 0 3px 4px 0 rgb(50 50 50 / 73%);
}

td.rel_F a:hover, td.rel_M a:hover {
	text-decoration: underline;
}

td.rel_U {
    background-color: #eee;
	box-shadow: 0 3px 4px 0 rgb(50 50 50 / 73%);
}


.cpl_table {
/*	box-shadow: 0 3px 4px 0 rgba(50,50,50,.73); */
}

td.rel_F a { color: #111111} 
td.rel_M a { color: #111111}
#tl { height:330px;
	width:100%;
/*	 width:826px; margin:0 -13px 0 -13px
*/
}

.timeline-default{border-bottom:1px solid #CCC;font-size:14px;}
.timeline-default table {position:relative;margin-top:10px;}

/* timeline.css */
.timeline-container{position:relative;overflow:hidden;}
.timeline-copyright{position:absolute;bottom:0px;left:0px;z-index:1000;cursor:pointer;}
.timeline-band{position:absolute;background:#EFEFEF;}
.timeline-band-inner{position:relative;width:100%;height:100%;}
.timeline-band-layer{position:absolute;width:100%;height:100%;}
.timeline-band-layer-inner{position:relative;width:100%;height:100%;}

/* ethers.css */
.timeline-ether-marker-bottom{width:5em;height:1.5em;border-left:1px solid #660000;padding-left:2px;color:#aaa;}
.timeline-ether-marker-bottom-emphasized{width:5em;height:2em;border-left:2px solid #660000;padding-left:2px;color:black;}
.timeline-ether-marker-top{width:5em;height:1.5em;border-left:1px solid #660000;padding-left:2px;color:#aaa;}
.timeline-ether-marker-top-emphasized{width:5em;height:2em;border-left:2px solid #660000;padding-left:2px;color:black;}
.timeline-ether-marker-right{width:5em;height:1.5em;border-top:1px solid #fff;padding-top:2px;color:#aaa;}
.timeline-ether-marker-right-emphasized{width:7em;height:1.5em;border-top:1px solid #fff;padding-top:2px;color:black;}
.timeline-ether-marker-left{width:5em;height:1.5em;border-top:1px solid #fff;padding-top:2px;color:#aaa;}
.timeline-ether-marker-left-emphasized{width:7em;height:1.5em;border-top:1px solid #fff;padding-top:2px;color:black;}
/* events.css */
.timeline-duration-event{position:absolute;overflow:hidden;border:1px solid blue;}
.timeline-instant-event2{position:absolute;overflow:hidden;border-left:1px solid blue;padding-left:2px;}
.timeline-instant-event{position:absolute;overflow:hidden;}
.timeline-event-bubble-title{font-weight:bold;margin-bottom:0.3em;padding-bottom:0.4em}
.timeline-event-bubble-title a { color:#9A0000 }
.timeline-event-bubble-body{font-size:0.9em;}
.timeline-event-bubble-role{color:#9A0000;margin-bottom:10px;}
.timeline-event-bubble-image{float:right;padding-left:5px;padding-bottom:5px;}
#htmltagcloud { text-align: center; font-family:arial;line-height:40px}
span.tagcloud0 {  font-size: 12px;}
.tagcloud0 a { margin:15px; text-decoration: none; color:#9A0000;}
span.tagcloud1 {  font-size: 13px;}
.tagcloud1 a { margin:15px; text-decoration: none; color:#9A0000;}
span.tagcloud2 {  font-size: 14px;}
.tagcloud2 a { margin:15px; text-decoration: none; color:#9A0000;}
span.tagcloud3 {  font-size: 15px;}
.tagcloud3 a { margin:15px; text-decoration: none; color:#9A0000;}
span.tagcloud4 {  font-size: 16px;}
.tagcloud4 a { margin:15px; text-decoration: none; color:#9A0000;}
span.tagcloud5 {  font-size: 17px;}
.tagcloud5 a { margin:15px; text-decoration: none; color:#9A0000;}
span.tagcloud6 {  font-size: 18px;}
.tagcloud6 a { margin:15px; text-decoration: none; color:#9A0000;}
span.tagcloud7 {  font-size: 19px;}
.tagcloud7 a { margin:15px; text-decoration: none; color:#9A0000;}
span.tagcloud8 {  font-size: 20px;}
.tagcloud8 a { margin:15px; text-decoration: none; color:#9A0000;}
span.tagcloud9 {  font-size: 21px;}
.tagcloud9 a { margin:15px; text-decoration: none; color:#9A0000;}
span.tagcloud10 {  font-size: 22px;}
.tagcloud10 a { margin:15px; text-decoration: none; color:#9A0000;}
span.tagcloud11 {  font-size: 23px;}
.tagcloud11 a { margin:15px; text-decoration: none; color:#9A0000;}
span.tagcloud12 {  font-size: 24px;}
.tagcloud12 a { margin:15px; text-decoration: none; color:#9A0000;}
span.tagcloud13 {  font-size: 25px;}
.tagcloud13 a { margin:15px; text-decoration: none; color:#9A0000;}
span.tagcloud14 {  font-size: 26px;}
.tagcloud14 a { margin:15px; text-decoration: none; color:#9A0000;}
span.tagcloud15 {  font-size: 27px;}
.tagcloud15 a { margin:15px; text-decoration: none; color:#9A0000;}
span.tagcloud16 {  font-size: 28px;}
.tagcloud16 a { margin:15px; text-decoration: none; color:#9A0000;}
span.tagcloud17 {  font-size: 29px;}
.tagcloud17 a { margin:15px; text-decoration: none; color:#9A0000;}
span.tagcloud18 {  font-size: 30px;}
.tagcloud18 a { margin:15px; text-decoration: none; color:#9A0000;}
span.tagcloud19 {  font-size: 31px;}
.tagcloud19 a { margin:15px; text-decoration: none; color:#9A0000;}
span.tagcloud20 {  font-size: 32px;}
.tagcloud20 a { margin:15px; text-decoration: none; color:#9A0000;}
span.tagcloud21 {  font-size: 33px;}
.tagcloud21 a { margin:15px; text-decoration: none; color:#9A0000;}
span.tagcloud22 {  font-size: 34px;}
.tagcloud22 a { margin:15px; text-decoration: none; color:#9A0000;}
span.tagcloud23 {  font-size: 35px;}
.tagcloud23 a { margin:15px; text-decoration: none; color:#9A0000;}
span.tagcloud24 {  font-size: 36px;}
.tagcloud24 a { margin:15px; text-decoration: none; color:#9A0000;}


@media (prefers-color-scheme: dark) {
	#htmltagcloud { text-shadow: none!important; }	
	
	.tagcloud0 a { color: #ededed!important;  text-shadow: none!important;  }
	.tagcloud1 a { color: #ededed!important;  text-shadow: none!important;  }
	.tagcloud2 a { color: #ededed!important;  text-shadow: none!important;  }
	.tagcloud3 a { color: #ededed!important;  text-shadow: none!important;  }
	.tagcloud4 a { color: #ededed!important;  text-shadow: none!important;  }
	.tagcloud5 a { color: #ededed!important;  text-shadow: none!important;  }
	.tagcloud6 a { color: #ededed!important;  text-shadow: none!important;  }
	.tagcloud7 a { color: #ededed!important;  text-shadow: none!important;  }
	.tagcloud8 a { color: #ededed!important;  text-shadow: none!important;  }
	.tagcloud9 a { color: #ededed!important;  text-shadow: none!important;  }
	.tagcloud10 a { color: #ededed!important;  text-shadow: none!important;  }
	.tagcloud11 a { color: #ededed!important;  text-shadow: none!important;  }
	.tagcloud12 a { color: #ededed!important;  text-shadow: none!important;  }
	.tagcloud13 a { color: #ededed!important;  text-shadow: none!important;  }
	.tagcloud14 a { color: #ededed!important;  text-shadow: none!important;  }
	.tagcloud15 a { color: #ededed!important;  text-shadow: none!important;  }
	.tagcloud16 a { color: #ededed!important;  text-shadow: none!important;  }
	.tagcloud17 a { color: #ededed!important;  text-shadow: none!important;  }
	.tagcloud18 a { color: #ededed!important;  text-shadow: none!important;  }
	.tagcloud19 a { color: #ededed!important;  text-shadow: none!important;  }
	.tagcloud20 a { color: #ededed!important;  text-shadow: none!important;  }
	.tagcloud21 a { color: #ededed!important;  text-shadow: none!important;  }
	.tagcloud22 a { color: #ededed!important;  text-shadow: none!important;  }
	.tagcloud23 a { color: #ededed!important;  text-shadow: none!important;  }
	.tagcloud24 a { color: #ededed!important;  text-shadow: none!important;  }

}
	
	.jcarousel-container{position:relative}
.jcarousel-clip{z-index:2;overflow:hidden;position:relative;margin:0;padding:0}
.jcarousel-list{z-index:1;overflow:hidden;position:relative;top:0;left:0;margin:0;padding:0}
.jcarousel-list li,.jcarousel-item{float:left;list-style:none;width:110px;height:110px;}
.jcarousel-skin-vr .jcarousel-clip-horizontal{/*width:100%;*/height:110px;padding: 10px 40px 0px 40px;}
.jcarousel-skin-vr .jcarousel-item{height:110px;width:110px;}
.jcarousel-skin-fa .jcarousel-clip-horizontal{width:100%;height:120px;padding: 10px 40px 0px 40px;}
.jcarousel-skin-fa .jcarousel-item{width:125px;height:120px}
.jcarousel-skin-fa .jcarousel-next-horizontal,.jcarousel-skin-vr .jcarousel-next-horizontal{position:absolute;top:43px;right:5px;width:32px;height:32px;cursor:pointer;background:transparent url(https://static.genealogieonline.nl/img/go/next-horizontal.png) no-repeat 0 0}
.jcarousel-skin-fa .jcarousel-prev-horizontal,.jcarousel-skin-vr .jcarousel-prev-horizontal{position:absolute;top:43px;left:5px;width:32px;height:32px;cursor:pointer;background:transparent url(https://static.genealogieonline.nl/img/go/prev-horizontal.png) no-repeat 0 0}
.jcarousel-skin-vr .jcarousel-container,.jcarousel-skin-fa .jcarousel-container{

/*
	background: rgb(231,231,231); 
	background: -moz-linear-gradient(top,  rgba(231,231,231,1) 0%, rgba(255,255,255,1) 100%); 
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(231,231,231,1)), color-stop(100%,rgba(255,255,255,1)));
	background: -webkit-linear-gradient(top,  rgba(231,231,231,1) 0%,rgba(255,255,255,1) 100%); 
	background: -o-linear-gradient(top,  rgba(231,231,231,1) 0%,rgba(255,255,255,1) 100%); 
	background: -ms-linear-gradient(top,  rgba(231,231,231,1) 0%,rgba(255,255,255,1) 100%); 
	background: linear-gradient(to bottom,  rgba(231,231,231,1) 0%,rgba(255,255,255,1) 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e7e7e7', endColorstr='#ffffff',GradientType=0 ); 
*/	
	border:1px solid #e7e7e7;
	padding-bottom:10px!important;
}
.jcarousel-next,.jcarousel-prev{display:none;z-index:3}
.jcarousel-skin-vr .jcarousel-container-horizontal,.jcarousel-skin-fa .jcarousel-container-horizontal{width:100%;padding:0}
.jcarousel-skin-vr .jcarousel-item-horizontal,.jcarousel-skin-fa .jcarousel-item-horizontal{margin-right:10px}
.jcarousel-skin-vr .jcarousel-item-placeholder,.jcarousel-skin-fa .jcarousel-item-placeholder{background:#fff;color:#000}
.jcarousel-skin-fa .jcarousel-next-horizontal:hover,.jcarousel-skin-vr .jcarousel-next-horizontal:hover,.jcarousel-skin-fa .jcarousel-prev-horizontal:hover,.jcarousel-skin-vr .jcarousel-prev-horizontal:hover{background-position:-32px 0}
.jcarousel-skin-fa .jcarousel-next-horizontal:active,.jcarousel-skin-vr .jcarousel-next-horizontal:active,.jcarousel-skin-fa .jcarousel-prev-horizontal:active
.jcarousel-skin-vr .jcarousel-prev-horizontal:active{background-position:-64px 0}
.jcarousel-skin-fa .jcarousel-next-disabled-horizontal,.jcarousel-skin-fa .jcarousel-next-disabled-horizontal:hover,.jcarousel-skin-fa .jcarousel-next-disabled-horizontal:active,.jcarousel-skin-vr .jcarousel-next-disabled-horizontal,.jcarousel-skin-vr .jcarousel-next-disabled-horizontal:hover,.jcarousel-skin-vr .jcarousel-next-disabled-horizontal:active,.jcarousel-skin-fa .jcarousel-prev-disabled-horizontal,.jcarousel-skin-fa .jcarousel-prev-disabled-horizontal:hover,.jcarousel-skin-fa .jcarousel-prev-disabled-horizontal:active,.jcarousel-skin-vr .jcarousel-prev-disabled-horizontal,.jcarousel-skin-vr .jcarousel-prev-disabled-horizontal:hover,.jcarousel-skin-vr .jcarousel-prev-disabled-horizontal:active{background-position:-96px 0;cursor:default}

.ui-widget-overlay {
	background-image:none;
	background-color:#000;
	z-index: 4000; 
}

.ui-corner-all,.ui-corner-bottom,.ui-corner-right,.ui-corner-br{
	border-bottom-right-radius:4px;
	border-bottom-left-radius:4px;
	border-top-right-radius:4px;
	border-top-left-radius:4px;
	background-image:none;
	border:0;
}

.ui-widget-content{
	border:0;
	background-image:none;
	background:#ffffff;
}

.ui-dialog{
	-webkit-box-shadow:0px 0px 30px 13px rgba(50,50,50,0.3);
	-moz-box-shadow: 0px 0px 30px 13px rgba(50,50,50,0.3);
	box-shadow:      0px 0px 30px 13px rgba(50,50,50,0.3);
	z-index: 4001;
}

.ui-dialog-buttonpane{
	background-color:#9A0000;
}

.ui-dialog .ui-dialog-buttonpane {
    padding: .2em 1em .2em .4em;
}

.ui-dialog{
	padding:0;
}

.ui-dialog .ui-dialog-titlebar-close{
	width:35px;
	margin-top:-17px;
	height:35px;
}

.ui-widget{
	font-size:1em;
}

.ui-dialog-titlebar{
font-size:1.3em;
}

.ui-dialog-titlebar{
	background-color:#9A0000;
	color:white;
}

.ui-dialog, ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button{
	font-family:Helvetica,Arial,sans-serif;	 
}

.ui-button{
	background:none;	
	border:1px solid #777!important;
	color:#222;
	font-family:Helvetica,Arial,sans-serif;	 
	text-decoration:none;
	text-align:center;
	padding: 2px 10px!important;
	outline: none;
	border-radius: 5px!important;
}

.ui-button-text { padding:0 }

.ui-button-text-only .ui-button-text {
	padding: .2em 1em;
}

.ui-corner-all{
	border-radius:0;
}

.ui-widget-content .ui-state-hover{
	background-image:none;
	background-color:#fff!important;  
}

.ui-widget-content .ui-state-default{
	background-image:none;
	background-color:#CCC;
}
table#plusabo  { border:5px solid #eee;margin-top:10px;background-color:#eee}
.plusabototaal { border-top:1px solid #444;padding-top:5px }
th#plusabo  { text-align:left }
th.plusabototaal { text-align: right;padding-right:20px; }

label.nob { font-weight:normal;cursor:pointer;display:inline; } 
#plusabo .product { width:68px; height:68px; margin:5px }
.kras { position: relative;display: inline-block;text-decoration:none; }
.kras::before { content: '';width: 100%;position: absolute;right: 0;top: 50%; opacity:0.7; }
.kras::before { border-bottom: 10px solid green;transform: skewY(-15deg);margin-top:-5px; }
.abobtw {text-align:right;margin-top:8px;color:#999999;font-size:0.8em;}

.bg_method { border:1px solid #ccc; padding: 10px}

.onoffswitch {
    position: relative; 
	width: 125px; 
	margin:1px auto 20px auto;
}
.onoffswitch-checkbox {
    display: none;
}
.onoffswitch-label {
    display: block; overflow: hidden; cursor: pointer;
    border: 1px solid #adadad; border-radius: 3px;
}
.onoffswitch-inner {
    display: block; width: 200%; margin-left: -100%;
    transition: margin 0.3s ease-in;
}
.onoffswitch-inner:before, .onoffswitch-inner:after {
    display: block; float: left; width: 50%; height: 25px; padding: 0; line-height: 25px;
    font-size: 14px; color: white; 
    box-sizing: border-box;
}
.onoffswitch-inner:before {
    content: "Aan";
    padding-left: 10px;
    background-color: #5cb85c; color: #FFFFFF;
}
.onoffswitch-inner:after {
    content: "Uit";
    padding-right: 10px;
    background-color: #EEEEEE; color: #999999;
    text-align: right;
}
.onoffswitch-switch {
    display: block; 
	width: 15px; 
	margin: 4px 7px;
    background: #FFFFFF;
    position: absolute; 
	top: 0px; 
	bottom: 0px;
    right: 96px;
    border: 1px solid #999999; 
	border-radius: 10px;
    transition: all 0.3s ease-in;	
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
    margin-left: 0;
}

.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
    right: 0px; 
}

.onoffsmall {
	margin-right:20px;display:inline-block;width:75px;
}

.onoffsmall .onoffswitch-switch {
    right: 45px;
	bottom: 5px;
}

.onoffswitch-checkbox:checked + .onoffswitch-label .onoffsmall .onoffswitch-switch {
    right: 0px; 
}

.loginwell {
/*    width: 80px; */
	max-width:17%;
    box-shadow: 0 3px 8px 0 rgba(50,50,50,.73);
    margin: 11px 4px;
}/* Source: http://codyhouse.co/gem/css-pagination/ */

nav[role="pagination"] {
  text-align: center;

}

.cd-pagination {
  width: 100%;
  margin: 1.5em auto;
  text-align: center;
}

.cd-pagination a {
  color: #2E4057;
  text-decoration: none;
}

.cd-pagination li {
  /* hide numbers on small devices */
  display: none;
  margin: 0 .2em;
  padding:0!important;
}
.cd-pagination li.button {
  /* make sure prev next buttons are visible */
  display: inline-block;
}
.cd-pagination a, .cd-pagination span {
  display: inline-block;
  user-select: none;
  /* use padding and font-size to change buttons size */
  padding: .5em;
  font-size: 1em;
}

.cd-pagination a {
  border: 1px solid #e6e6e6;
}
.cd-pagination a:hover {
  background-color: #f2f2f2;
}
.cd-pagination a:active {
  /* click effect */
  transform: scale(0.9);
}
.cd-pagination a.disabled {
  /* button disabled */
  color: rgba(46, 64, 87, 0.4)!important;
  /* pointer-events: none; */
}
.cd-pagination a.disabled::before, .cd-pagination a.disabled::after {
  opacity: .4;
}
.cd-pagination .button:first-of-type a::before {
  content: '\00ab  ';
}
.cd-pagination .button:last-of-type a::after {
  content: ' \00bb';
}
.cd-pagination .current {
  /* selected number */
  background-color: #ccc;
  border-color: #ccc;
  color: #111!important;
  /* pointer-events: none; */
}
@media only screen and (min-width: 800px) {
  .cd-pagination li {
    display: inline-block;
  }
}
@media only screen and (min-width: 1170px) {
  .cd-pagination {
  	margin: 1.5em auto;
  }
}

/* -------------------------------- 

No space - remove distance between list items

-------------------------------- */
.cd-pagination.no-space {
  width: auto;
  max-width: none;
  display: inline-block;
  border: 1px solid #e6e6e6;
  padding:0 0 0 0!important;

}
.cd-pagination.no-space:after {
  content: "";
  display: table;
  clear: both;
}
.cd-pagination.no-space li {
  margin: 0;
  float: left;
  border-right: 1px solid #e6e6e6;
}
.cd-pagination.no-space li:last-of-type {
  border-right: none;
}
.cd-pagination.no-space a, .cd-pagination.no-space span {
  float: left;
  padding: .7em .8em;
  border: none;
}


/* -------------------------------- 

move buttons - move prev and next buttons to the sides

-------------------------------- */
.cd-pagination.move-buttons:after {
  content: "";
  display: table;
  clear: both;
}
.cd-pagination.move-buttons .button:first-of-type {
  float: left;
}
.cd-pagination.move-buttons .button:last-of-type {
  float: right;
}

.cd-pagination.no-space.move-buttons {
  width: 100%;
/*  max-width: 800px;*/
  display: block;
  overflow: hidden;
}
.cd-pagination.no-space.move-buttons li {
  float: none;
  border: none;
}
.cd-pagination.no-space.move-buttons a, .cd-pagination.no-space.move-buttons span {
  float: none;
}

/* http://ignitionhub.com/bootbounce/assets/css/bootbounce.css */

/* Custom close icon */
.closeicon {
    background-image: url(https://static.genealogieonline.nl/img/icon/icon-close.png) !important;
    background-repeat: no-repeat !important;
    width: 30px !important;
    height: 30px !important;
    background-size: 30px !important;
    position: absolute !important;
    top: -12px !important;
    right: -12px !important;
    z-index: 999999 !important;
    opacity: 1 !important;
    cursor:pointer !important;
}
.modal-backdrop {
  background-color: #000000;
  opacity:.65 !important;
}
.modal-content {
    padding:20px;
    border:5px solid #FFFFFF;
    border-radius:10px;
    background-color: #FFFFFF;
}
.modal.fade .modal-dialog {
    -webkit-transform: scale(0.1);
    -moz-transform: scale(0.1);
    -ms-transform: scale(0.1);
    transform: scale(0.1);
    top: 300px;
    opacity: 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}
.modal.fade.in .modal-dialog {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transform: translate3d(0, -300px, 0);
    transform: translate3d(0, -300px, 0);
    opacity: 1;
} 
.printonly {
	display: none;
}

@media print {
	
	.printonly {
		display: block!important;
	}

	#pagnav,.noprint,#serviceNav,#serviceLogo, #searchNav,#langnav,#topNav,#footer {
		display: none!important;
	}

	#delen, #share_footer, #share_header {
		display: none;
	}

	a {
		text-decoration: none;
	}

	h1, h2 {
		padding-left: 0!important;
	}
}.extern { display:inline-block }
.mail thead td { font-weight:bold }
.mail td { padding:5px 10px }
.mail tr:nth-child(even) { background-color:#eee; } 
.mail tr:nth-child(odd) { background-color:#fff; } 
.mail thead tr { background-color:#ccc!important } 
.tdate { text-align:right}
.tservice { text-align:center;}
.otp-control {
	width: 170px!important;
	font-size: 24px;
	letter-spacing: 10px;
	font-weight: 600;
	height: 38px;
	text-align: left!important;
}
.otp-form-group{display:flex;justify-content:center;margin-top:12px;margin-bottom:24px}
.otp-form-group input{margin:2px;border-radius:6px;padding:0 14px}
@media(min-width:640px){.otp-form-group input{width:48px;height:48px;font-size:24px;margin:6px}}

@media (prefers-color-scheme: dark) {
	body.custom-background { background-color: #000!important; }

	.entry-summary a p { color:#fff!important; }
	
	body { color: #eee; background-color: #000; }
	#main_title,#delen, h1.page-header  { background-color: #000; }

	.wp-block-quote  { background-color: #222; }
	tr.active th { color:#111; }
	::placeholder  { color:#444!important; }

	.modal-title { color: #9a0000 }
	.modal-content, .modal-body a, .modal-body:visited, .modal-body:hover,
	.isok, .iscan, .iserr, .iserr a, .isok a, .iscan a { color:#111; }

	.container { box-shadow: inset 0 0 0 16px #000; } 

	a:hover,  a.datum:hover, a.plaats:hover { color: #ffffff; }
	a, a:visited, a.datum, a.datum:visited, a.plaats, a.plaats:visited { color: #eee; }

	.extern::after, .bg-success > .text-muted {
	    color:#ddd;
	}

	.summary { border-color: #000!important }

	.archiefscans { background-color:#fafafa }

	a.btn, .btn a,.btn a:visited,
	a.btn-secondary, .btn-secondary a,.btn-secondary a:visited,
	.oek h2, .ui-dialog-content h4,
	.tree a, .tree li { color: #333 }

	a.btn-success, .btn-success a,.btn-success a:visited,
	a.btn-primary, .btn-primary a,.btn-primary a:visited,
	.oek p, table.oek td, .collection_name, .collection_desc,
	.card p, .card p a, .card h4 a 
		{ color:#eee }

	.oek thead { background-color: #a9a9a9; }
	
	.check2 p { background-color: #444; }
	.card, .cd-pagination.no-space.move-buttons { background-color: #444; }
	
	.card, .card { border:0!important }
		
	.form-control, .pagination input, .select2-search input, .select2-container .select2-choice, .select2-display-none { background-color: #d6d6d6; border-color:white}
	
	.bg-success { background-color: #6b905b !important; }
	.bg-warning { background-color: #cb7e48 !important; }
	.bg-danger { background-color: #551a1a !important; }
	.footico { box-shadow:none }
	.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6, .cards li a:visited, .cards li a, .cards li i { color: #f5f5f5; }
	.cards li { border:0; border-top: 1px solid #555; border-bottom: 1px solid #555; }
	
    box-shadow
	.btn-secondary { background-color: #eeeeee; }
	.btn-secondary:hover { background-color: #bbb }
	
	.footer a, .footer h2, .footer h4, .footer p { text-shadow: none; }	

	footico {border: 1px solid e7e7e7;box-shadow:none;}
	
	.card>.card-header, .rlk a {color: #e7e7e7;background-color: #777;}
	.card { background-color: #555; }
	
	.card>.card-header.bg-success { color: #fbfffb; background-color: #5cb85c; border-color: #5cb85c; }

	#main_title .title1, #main_title .tagline,.cd-pagination a, .brondate { color: #e7e7e7; }
	.cd-pagination a:hover { color: #111; }
	
	.box {
		background: #111;
		background: linear-gradient(to bottom,#111 0,rgba(50,50,50,.9) 100%);
	}
	.text-primary { color: #fff; }
	select.text-primary  { color:#111 }
	
	span.text-primary.fa { color: #aaa; }
	.card .nicelist { color: #eee; }
	.card a, .card-body { color:#DDD }
	#gotree p, #gotree a, #gotree .chart_date, .gotree_verw_M a, .gotree_verw_F a, .card .btn  { color: #333 }
	
	.border-col {
		border: 0;
		background-color: #333;
	}
	
	.nav>li>a:focus, .nav>li>a:hover {
		background-color: #a7a7a7;
		color: #111;
	}
	
	#cross-search li:before, .nicelist li:before {
		color: #999;
	}

	.ui-dialog .ui-dialog-content {
		background: #444;
	}
	.ui-dialog .ui-dialog-content p {
		color: #ddd;
	}

	.ui-dialog .ui-dialog-content a {
		color:#fff;
		text-decoration:underline;
	}

	.cards li { color:#fff; background-color: #444 }

	i + .chart_date { color:#eee!important }

	.top10 tr:nth-child(2n+1), #stats tr:nth-child(2n+1) { background: #111; }
	.table-striped > tbody > tr:nth-of-type(2n+1) { background-color: #444; }
	.forums a, .forums a:visited, td.gotree_td1 a, td.gotree_td1 span.chart-date { color: #333!important }
	.top10 tr:nth-child(2n), #stats tr:nth-child(2n) { background: #333; }
	#stats thead, .top10 thead { color: white; }

	.card-footer {
		color: #ddd !important;
		background-color: #555;
	}

	#bgfull, #bginfo { display: none; }

	.tbCel { background:#aaa }
	.activity { background-color: #111}
	.text-bg-success { background-color: #133f13; }
	.table-usp tr, .verfijn { background-color:#222 }
	.bg-success h4, .bg-success .text-success, .alert a, .alert-success a, .autocomplete, #bericht, .event a, .event a:visited { color: #333 }
	.table-hover>tbody>tr:hover { background-color: #222; }
	 
	 .post_cell_msg .bg { margin:0 }
	 
	.mail tr:nth-child(even) { background-color:#111!important; } 
	.mail tr:nth-child(odd) { background-color:#000!important; } 
	.mail thead td { background-color:#555!important }
}

#delen_sh { background-color:#808080;color:#ffffff;font-size:1.2em;text-align:right;padding:9px;margin: 0 20px 0 0px; }

#delen_alt_webshare { display:none }
@media all and (display-mode: standalone) {
   #delen_alt_webshare { display:block!important }
   #SavePageNow { display: none!important }
}

.btn--shockwave { animation: green-glow 3s infinite alternate; }

@keyframes green-glow {
  0% { box-shadow: 0 3px 15px 1px rgba(31, 105, 31, .1); }
  50% { box-shadow: 0 3px 15px 2px rgba(31, 105, 31, .2); }
  100% { box-shadow: 0 3px 15px 1px rgba(31, 105, 31, .1); }
}

div.product_focus {
	padding:24px
}

.product_focus h5 {
	margin-top:5px;
	margin-bottom:20px;
	height:32px;
}

.product_focus a {
	font-size:1.1em;
	text-decoration:none;
	border:0;
	color:#125912c9;
}

.product_focus_text {
	font-size:1.1em;
	text-decoration:none;
	border:0;
	color:#125912c9
}

.btn--product_focus {
	text-shadow:none;
	text-decoration:none;
	color:#125912c9;
	white-space:normal!important;
}

@media (prefers-color-scheme: dark) {
	.product_focus_text {
		color:#9ec79ec9!important;
	}

	.btn--product_focus {
		color:#9ec79ec9!important;
		background-color:#29292969!important;
	}
}