@import url('https://fonts.googleapis.com/css?family=Oswald');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
:root{
--colorFooter: black;
--backgroundColor: white;
--buttonColor: white;
--buttonsHover: #0e90d6;
--borderRadius: 2px;
--borderSize: 1px;
--borderSizeIcons: 3px;
--iconsdisplay: none;
--blueColor: #34aeef;
--borderColor: black;
--orangeColor: orange;
--backgroundfooter:#a7d14f;
--menuBackground: #ee4624;
--menuColor:black;
--bodyFontSize:16px;
--blackColor:black;
--bodyFontFamily:'Montserrat', sans-serif, Arial, "Lucida Sans Unicode", "Lucida Grande";
--bodyFontColor:#485577;
--bodyBackgroundColor: #faf9f9;
--warningBackground:orange;
}
@keyframes rotating {
from {
transform:rotate(-0deg);
-ms-transform:rotate(-0deg);
-moz-transform:rotate(-0deg);
-webkit-transform:rotate(-0deg);
-o-transform:rotate(-0deg);
}
 to {
transform:rotate(-360deg);
-ms-transform:rotate(-360deg);
-moz-transform:rotate(-360deg);
-webkit-transform:rotate(-360deg);
-o-transform:rotate(-360deg);
}
}
.columns {
column-count:2;
}
.columns >*{
padding-right:10px
}
.columns .inline-block{
  display:inline-block;
}
body{
background-color: var(--bodyBackgroundColor);
font-family: var(--bodyFontFamily);
font-size: var(--bodyFontSize);
color: var(--bodyFontColor);
line-height: normal;
margin: 0px;
padding: 0px;
}
::-webkit-scrollbar {
width: 12px;
background-color: #fff;
}
::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 0px rgba(0,0,0,1); 
-webkit-border-radius: 0px;
border-radius: 0px;
}
::-webkit-scrollbar-thumb {
-webkit-border-radius: 0px;
border-radius: 0px;
background: var(--menuBackground);
-webkit-box-shadow: inset 0 0 0px rgba(0,0,0,0.5);
}
::-webkit-scrollbar-thumb:window-inactive {
background: rgba(110,110,110,1); 
}
#cookieholder h2 {
color:var(--blackcolor);
text-align: center;
padding: 4px;
margin-top: 0px;
}
#cookieholder >div {
transition: opacity 0.5s;
cursor: initial;
box-sizing: border-box;
padding: 10px;
border-radius: 0px;
margin: auto;
background-color: var(--warningBackground);
width: 600px;
max-width: 90%;
max-height: 90%;
overflow: auto;
color:var(--blackColor);
opacity: 0;
border-radius: 10px;
box-shadow: 0px 0px 10px rgba(0,0,0,0.5);
}
#cookieholder.show >div {
opacity: 1;
}
#cookieholder.show {
opacity: 1;
z-index: 1000;
bottom: 0px;
top:0px;
height:100%;
background-color:rgba(0,0,0,0.5);
}
#cookieholder {
transition: 0.5s;
position: fixed;
background: none;
z-index: -1;
height: 0px;
width: 100%;
bottom: -200%;
left: 0px;
box-sizing: border-box;
opacity: 0;
cursor: pointer;
width: 100%;
height: auto;
display:flex;
}
div#cont_ a{
display:block;
}
div#cont_{
transition:all 0.5s;
}
div#cont_.header,div#cont_.content,div#cont_.footer {
padding: 10px;
}
.search-wrapper{
margin: auto;
background-color: white;
color:black;
}
.search-wrapper #search {
margin: auto;
margin-left:10px;
margin-right:10px;
max-height: 0px;
overflow: hidden;
transition:max-height 0.5s;
box-sizing: initial;
padding: 0px;
display:block;
}
.search-wrapper #search.open{
max-height: 500px;
}
#inhoud > .content{
}
a.button[href],.button,input[type="button"], input[type="submit"], input[type="reset"],button[type="submit"],button[type="button"]{
background-color: #ff0000;
padding: 10px;
color: #fff;
cursor: pointer;
transition: all 0.5s;
appearance:none;
border-radius:0px;
border:none;
margin: 0;
  display:inline-block;
  margin-bottom:4px;
}
a[href],a[onclick]{
cursor:pointer;
}
#inhoud .breadcrumbs {
margin: auto;
padding-left: 0px;
}
#inhoud .breadcrumbs a{
color: #004687;
display: inline-block;
line-height: 50px;
padding: 0 3px 0 0px;
position: relative;
text-decoration: none;
vertical-align: top;
font-style: italic;
}
#inhoud .breadcrumbs a:after {
height: 100%;
width: 13px;
margin-left:5px;
font-family: FontAwesome;
content: "\f0da";
}
#result{
padding:10px;
}
#inhoud blockquote {
margin: 1.5em 10px;
padding: 0.5em 10px;
quotes: "\201C""\201D";
font-family: Georgia, serif;
font-size: 20px;
font-style: italic;
text-align: center;
}
#inhoud blockquote:before {
  color: #ccc;
  content: open-quote;
  font-size: 4em;
  line-height: 0.1em;
  margin-right: 0.25em;
  vertical-align: -0.4em;
}
#inhoud [addedpage]{
padding: 2%;
background-color: rgba(0,0,0,0.7);
color:#fff;
position:  relative;
}
#inhoud [addedpage] h1, #inhoud [addedpage] h2{
background-color:red;
padding:5px;
color:#fff;
}
#inhoud [addedpage]:after{
content:"";
background-image: url(/htmlfiles/boeken/home_3.jpg);
background-size: 100%;
display:block;
position:  absolute;
z-index: -1;
top:0px;
opacity:  0.5;
left:  0px;
width:  100%;
height:  100%;
background-attachment:  fixed;
}
#page table.agenda{
background-color:#000;
color:#fff;
width: 100%;
}
#page table.agenda tr td{
padding: 7px;
}
#page table.agenda tr{
background-color:red;
border-bottom:  1px dotted #fff;
}
#page table.agenda tr:nth-of-type(odd){
background-color: #ce3232;
}
#page table.agenda td:nth-of-type(odd){
width:25%;
}
#page [addedpage] table.agenda,#page [addedpage] table.agenda tr{
background-color:transparent;
}
#inhoud section[class^="extra"],#inhoud section.extra1,#inhoud section.extra3{
transform: translateX(0%);
}
#inhoud section.extra0,#inhoud section.extra2,#inhoud section.extra4{
transform: translateX(0%);
}
strong{
font-weight:700;
}
table{
max-width:100%;
border-collapse: collapse;
border:none;
}
#aanmeldennewsletters label {
display: inline-block;
cursor: pointer;
position: relative;
padding-left: 25px;
margin-right: 15px;
font-size: 14px;
transition:all 0.5s;
-webkit-transition:all 0.5s;
-moz-transition:all 0.5s;
-ms-transition:all 0.5s;
}
textarea{
border:1px solid silver;
font-size:14px;
}
#aanmeldennewsletters input[type=radio],#aanmeldennewsletters input[type=checkbox] {
display: none;
}
#aanmeldennewsletters label:before {
content: "";
display: inline-block;
width: 16px;
height: 16px;
margin-right: 10px;
position: absolute;
left: 0;
bottom: 1px;
box-shadow: inset 0px 2px 3px 0px rgba(0, 0, 0, .3), 0px 1px 0px 0px rgba(255, 255, 255, .8);
}
.radio label:before {
border-radius: 8px;
}
.checkbox label {
margin-bottom:10px;
}
.checkbox label:before {
border-radius: 3px;
}
input[type=radio]:checked + label:before {
content: "\2022";
color: #999966;
font-size: 30px;
text-align: center;
line-height: 14px;
background-color: #999966;
}
#aanmeldennewsletters input[type=checkbox]:checked + label:before {
content: "\2713";
text-shadow: 1px 1px 1px rgba(0, 0, 0, .2);
font-size: 15px;
color: #ec1d23;
text-align: center;
line-height: 15px;
}
input[type="button"]:hover, input[type="submit"]:hover, input[type="reset"]:hover{
background:#900;
color: #FFF;
}
input[type="date"],input[type="time"],input[type="email"],input[type="tel"],input[type="text"],textarea {
padding: 10px;
border: 1px solid red;
font-size:14px;
-webkit-transition: box-shadow 0.3s, border 0.3s;
-moz-transition: box-shadow 0.3s, border 0.3s;
-o-transition: box-shadow 0.3s, border 0.3s;
transition: box-shadow 0.3s, border 0.3s;
-webkit-appearance: none;
max-width: 90%;
border-radius:0;
}
#page table tr td,#page table tr th {
vertical-align:top;
padding:3px;
border:none;
}
th{background: var(--menuBackground);color: white;font-weight: bold;}
form#mailform{
text-align:left;
}
div.login_div_backend{
position: fixed;
z-index: 20;
right: 0px;
top: 0px;
padding: 5px;
background-color: #dfdfdf;
}
div.loggedin_backend,.login_div{
overflow: hidden;
position:relative;
}
div.loggedin_backend a{
margin-bottom: 5px;
font-weight: bold;
margin: 0;
}
div.loggedin_backend a:before{
font: normal normal normal 18px/1 FontAwesome;
font-size: 18px;
margin: 0;}
div.loggedin_backend a.user:before{
content: "\f007";
}
.login:after{
font: normal normal normal 18px/1 FontAwesome;
content:"\f007";
}
a.log_out:before{
font: normal normal normal 30px/1 FontAwesome;
content: "\f011";
font-size:20px;
}
form#mailform input[type=text],form#mailform textarea{
text-align:left;
background:#fff;
}
form#mailform table{
text-align:center;
width:100%;
}
form#mailform table tr td, form#aanmeldform table tr td{
text-align:left;
border:none;
}
form#mailform table tr td p{
display:inline;
}
#wrapper img{
border:none;
max-width: 100%;
}
a[href],a[onclick] {
color: #000;
text-decoration: underline;
cursor: pointer;
}
a:hover {
text-decoration:none;
}
a span.back{
margin-right: 5px;
}
a img {
border:none;
}
a{
color: black;
}
#wrap {
position: relative;
z-index: 3;
margin-left: auto;
margin-right: auto;
margin-top: 0px;
}
#image_hider_holder{
display:none;
position: fixed;
left: 0px;
top: 0px;
height: 100%;
width: 100%;
}
#wrapperpage{
margin-left: auto;margin-right: auto;position: relative;margin-top: 0px;}
#wrapperpage.margintop{
padding:10px;
padding-top:100px;
}
#wrapper {
overflow: hidden;padding: 0px;position: relative;min-height: 300px;}
.container {
margin-left:auto;
margin-right:auto;
padding:0px;
width:100%;
}
#wrapper .cont_{
margin: auto;
position: relative;
padding-top: 10px;
padding-bottom: 10px;
}
#wrapper .cont_ a{
font-size: 26px;
margin-left:  10px;
}
.heading-title {
border-bottom:1px solid #E5E5E6;
display:block;
font-weight:600;
margin-bottom:4px;
padding-bottom:12px;
}
#header {
margin-bottom:0px;
}
#page {
overflow:hidden;
}
#footer {
padding: 10px;
color: #FFF;
position: relative;
max-width: 1600px;
margin: auto;
}
#footer a {
color: #fff;
}
#banner h2 {
font-weight:400;
letter-spacing:-1px;
padding-bottom:20px;
}
#banner h2 span {
font-weight:700;
}
#banner p {
color:#fff999;
font-size:14px;
}
#newsletters{
height:76px;
}
#content {
margin:0px;
padding:0px;
width:100%;
margin:auto;
max-width: 1600px;
padding: 20px;
box-sizing: border-box;
}
div#agenda_inhoud.content{
background-repeat: no-repeat;
background-position: bottom;
position: relative;
}
#agenda_inhoud h1, #agenda_inhoud h2, #agenda_inhoud h3, #agenda_inhoud h4, #agenda_inhoud h5{
color:#CFB7E4;
}
#agenda{
height: auto;
width: 100%;
padding: 0px;
padding-top: 5px;}
.agendaslides{
position: relative;
transition: left 0.5s ease-out;
-webkit-transition: left 0.5s ease-out;
-moz-transition: left 0.5s ease-out;
-ms-transition: left 0.5s ease-out;
height: 300px;
margin-bottom: 100px;}
#agenda .head{
text-align:left;
color:#465987;
padding-left:10px
}
.blog{
width: 100%;
overflow: hidden;
position: relative;
margin: auto;
background-color: #fff;}
.navigation_arrows{
position: absolute;
width: 44px;
height: 44px;
z-index: 2;
cursor: pointer;
bottom: 0px;}
.navigation_arrows:before{
font-size: 20px;
background-color: #000;
color: #fff;
padding: 10px;
width: 25px;
height: 25px;
display: block;
text-align: center;
transition: all 0.5s;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
position: absolute;
bottom: 100px;}
.navigation_arrows.left:before{
content:">>";
right:0px;
}
.navigation_arrows.right:before{
content:"<<";
}
.navigation_arrows:hover:before{
background-color:#666;
}
.navigation_arrows.right{
left:0px;
}
.navigation_arrows.left{
right:0px;
}
#agenda img{
max-width: 100%;
}
#agenda .date {
background-color: #453F3F;
color: #fff;
font-size: 10px;
font-style: italic;
max-height: 20px;
border-top: #fff 1px dotted;
padding: 4px;
}
#agenda .date.now{
background-color:#E4D7D7;
color:#000;
}
#agenda .date:before{
content:url("/admin/images/clock.png");
margin-right:4px;
}
#agenda .agenda_rest {
padding:15px;
overflow:hidden;
height:auto;
color:#000;
}
.agenda_items {
margin-bottom:3px;
overflow:auto;
width:366px;
float:left;
color:#000;
height:auto;
}
div.agenda_items:first-child:before{
display:none;
}
.agenda_items:before{
border-right:1px dotted white;
height: 1000px;
width:1px;
content: " ";
position: absolute;
}
#search #search_results {
display: none;
z-index: 2;
width: 100%;
color: black;
overflow: auto;
margin-bottom: 10px;
}
#search #search_results #search_results_ol ._hide {
display:none;
}
#search #search_results #search_results_ol {
margin-left:0px;
padding-left:26px;
}
#search_results li a{
cursor:pointer;
color: black;
}
#search ::-webkit-input-placeholder {
 
  color: #ccc;
}
#search ::-moz-placeholder {
 
  color: #ccc;
}
#search input[type="text"] {
background:white;
color: black;
font-size: 16px;
border: none;
padding: 10px;
margin: 0;
max-width: 100%;
display: block;
position: relative;
max-width: initial;
box-sizing: border-box;
border: 1px solid black;
margin-top: 5px;
margin-bottom: 5px;
}
#search input[type="text"]:focus{
outline:0;
}
#search input[type="submit"] {
background-image:url(/admin/images/search-icon.png);
cursor:pointer;
height:13px;
width:13px;
position: absolute;
top: 10px;
right: 5%;
z-index: 1;
box-shadow: none;
}
.replaced{
background-color: #1071d0;
color:white;
display:inline-block;
margin-bottom:5px;
}
#show:after{
clear: both;
position: relative;
width: 100%;
height: 1px;
content: "";
display: block;
}
.grid {
display:grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
gap: 30px;
align-items: stretch;
}
#inhoud {
color: #312e2f;
text-align: left;
position: relative;
padding-top: 0px;
margin-left: auto;
margin-right: auto;
}
#inhoud >div{
margin-top:10px;
margin-bottom:10px;
}
#inhoud:after{
content: " ";
clear: both;
width: 100%;
height: 5px;
display: block;
}
#ft-title-slideshowHolder {
padding:10px;
}
#show_case div {
color:#fff999;
}
#show_case {
box-shadow:0 5px 5px rgb(0, 0, 0);
box-shadow:0 5px 5px rgba(0, 0, 0, 0.3);
overflow:hidden;
transition:width 0.4s ease-in, height 0.4s ease-out, transform 0.4s;
-moz-transition:width 0.4s ease-in, height 0.4s ease-out, -moz-transform 0.4s;
-webkit-transition:width 0.4s ease-in, height 0.4s ease-out, -webkit-transform 0.4s;
-o-transition:width 0.4s ease-in, height 0.4s ease-out,-o-transform 0.4s;
}
#show_case #show_image1 {
filter:alpha(opacity=100);
opacity:1;
transition:opacity 0.4s ease-in transform 0.4s;
-moz-transition:opacity 0.4s ease-in, -moz-transform 0.4s;
-webkit-transition:opacity 0.4s ease-in, -webkit-transform 0.4s;
-o-transition:opacity 0.4s ease-in,-o-transform 0.4s;
}
#show_case .over {
background-color:#000;
color:#ffffff;
float:left;
font-size:12px;
padding:5px;
}
#show_case .over:hover {
color:#ec1d23;
}
.diashow {
background-color:#fff;
float:left;
height:90px;
overflow:hidden;
width:100px;
border:1px solid #fff;
transition:all 0.5s;
-o-transition:all 0.5s;
-ms-transition:all 0.5s;
-webkit-transition:all 0.5s;
}
.diashow img {
border:none;
cursor:pointer;
margin:0px;
padding:0px;
}
.diashow:hover {
border:1px solid #fff999;
}
#twitter_follow {
position:fixed;
top:0px;
left:140px;
z-index:3;
}
.fb_edge_widget_with_comment {
position:relative;
}
div.fb-like.fb_iframe_widget {
margin:auto;display:block;max-width:  100%;overflow:  hidden;}
#website_switch{
height: auto;
margin-right: 0px;
display: block;
z-index: 11;
position: relative;
text-align: center;
margin-top: 0px;
padding-top: 40px;
background-color: #c7c7c7;
width:100%;
}
#social_media a{
float:left;
margin-right:4px;
font-size:30px;
}
#footer_holder{
width: 100%;
position: static;
background-color: #7db110;
transition:0.5s;
}
.image_hider{
top:0px;
position:absolute;
filter:alpha(opacity=0);
opacity:0px;
}
#image_hider{
opacity:1;
filter:alpha(opacity=100);
}
#aanmelden_div{
height:38px;
}
#newsletters_hider{
height: 0px;
filter: alpha(opacity=0);
opacity: 0;
background-color: rgba(0, 0, 0, 0.5);
width: 100%;
position: fixed;
z-index: 11;
transition: all 1s;
-webkit-transition: all 1s;
-o-transition: all 1s;
-moz-transition: all 0.5s;
left:0;
right:0;
bottom:0;
top: 0px;}
#aanmeldennewsletters{
height:0px;
filter:alpha(opacity=0);
opacity:0;
position:fixed;
z-index:100;
width:100%;
margin-left:auto;
margin-right:auto;
margin-top:150px;
padding:0px;
transition:top 0.5s, opacity 1s;
-o-transition:top 0.5s, opacity 1s;
-moz-transition:top 0.5s, opacity 1s;
-webkit-transition:top 0.5s, opacity 1s;
top:-1000px;
}
#aanmeldennewsletters *{
color:#000;
}
.lb-close {
display: block;
float: right;
width: 30px;
height: 30px;
background: url(/admin/images/close.png) top right no-repeat;
text-align: right;
outline: none;
filter: alpha(opacity=40);
opacity: 0.7;
}
.fa-close{
float:right;
font: normal normal normal 14px/1 FontAwesome;
color:#000;
background: #ccc;
padding: 5px;
}
.lb-close:hover {
cursor: pointer;
filter: alpha(opacity=100);
opacity: 1;
}
#aanmeldennewsletters div{
padding:20px;
background-color:#ffffff;
width: 80%;
max-width:500px;
margin-left: auto;
margin-right: auto;
}
#left_content{
float: left;
width: 25%;
}
#content_mid {
margin-top:20px;
padding:0px;
width:65%;
text-align:left;
}
#content_mid div.content{
margin:auto;
}
#content_mid .nieuws{
margin:auto;
}
#content_mid .nieuws >div{
padding:0px;
}
#content_mid .nieuws_items {
border-bottom: 1px dotted #000;
}
.clearfix {
clear:both!important;
background:none!important;
padding:0px!important;
}
@media all and (min-width:800px){
#inhoud div.loaded_page .left_floater{
width: 30%;
position: absolute;
left: 0px;
top: 0px;
bottom: 0px;
transition: all 0.5s;
}
#inhoud div.loaded_page:nth-of-type(2n) .left_floater{
width: 20%;
position: static;
float: left;
margin-right: 2%;
margin-left: 10%;
margin-top: 0px;
}
#logo{
margin-top:80px;max-width:100%;display:block;transition:  all 0.5s;position:  relative;left:  0;margin-bottom: 40px;}
#logo a{
display:block;max-width:100%;text-align:  center;}
#logo img{
width: auto;
max-width:100%;
}
#website_logo{
max-width:100%;
}
}
@media all and (max-width:1200px){
#content_mid .nieuws >div,.cont_,#content_mid div.content,#inhoud .breadcrumbs{
padding-left:10px;padding-right:10px;}
}
@media all and (max-width:800px){
#inhoud div > section div.coll3{
width:auto;
float:none;
}
#inhoud .left_floater{
width: 100%;padding-top: 10px;position: relative;margin: 0;padding: 0;left: 0px;padding-top: 60px;}
#inhoud div.left_floater h1{
text-align: left;
margin: 0;
padding: 10%;
background: none;
color: #999;
}
#inhoud div.left_floater h1:before{
display: none;
}
.blog{
overflow-x: auto;
height: 300px;
}
#footer_holder{
position: relative;
}
#footer_holder.hidefooter{
opacity: 1;
z-index: 3;
bottom: 0px;
}
}
@media (max-width:800px){
.navigation_arrows{
display: none;
}
#ingelogd.edit_menu{
margin-top: 50px;
}
#wrapperpage{
margin-top:0px;
}
#content img{
max-width:100%;
height:auto;
}
#agenda,#newsletters{
overflow:auto;
}
}
@media (max-width:500px){
.grid {
    display:block;
}
.columns{
column-count:1;
}
input[type="date"],input[type="time"],input[type="email"],input[type="tel"],input[type="text"],textarea {
 font-size:18px;
}
.navigation_arrows{
display: none;
}
#ingelogd.edit_menu{
margin-top: 50px;
}
#inhoud {
padding:0px;
}
#wrapperpage{
margin-top:0px;
}
#wrap{
margin-top:0px;
}
#selectmenu{
display:block;
}
}