:root {
--link-color: #0066CC;
--button-color: #1a298f; --button-text-color: #fff;
--button-hover-color: #09940e; --button-hover-text-color: #fff;
--title-color: #202020;
--navi-color: #202020;
--navi-text-color: #fff;
--navi-hover-text-color: orange; --navi-border-color: #ff6600;
--submenu-color: #2b362b; --submenu-text-color: #fff;
--submenu-hover-text-color: orange;
--submenu-border-color: #dedede;     
--footer-color: #202020;
--footer-text-color: #fff;
--footer-hover-text-color: rgba(255, 255, 255, 0.5);
--footer-border-color: rgba(255, 255, 255, 0.035);
--text-font: Arial, Helvetica;
--title-font: Quicksand, Tahoma, Arial;
--navi-font: Quicksand, Tahoma, Arial;
--widget-title-font: Quicksand, Tahoma, Arial;
--tz-column-gap: 1.5rem; 
} .header-main {
display: none;
}
.site-title {
font-size: 25px;
}
.site-description {
font-size: 14px;
}
.header-image img {
border:none;
}
.menu a:link,
.menu a:visited {
font-weight: bold;
} a:link,
a:visited,
.posted-by.meta-author .author.vcard a,
.entry-footer.post-details a
{
color: #0066cc;
text-decoration: underline;
text-decoration-color: #ccc;
text-decoration-thickness: 1px;
text-underline-offset: 4px;
}
a:hover {
color: darkgreen;
text-decoration: underline;
}
i {
color: #960000;
font-style: normal;
}
em {
color: #960000;
font-style: normal;
}
h1 {
color: darkblue;
text-shadow: 2px 2px 4px #cccccc;
}
h2 {
font-size: 23px;
margin-top: 30px;
line-height: 25px;
color: #887951;
letter-spacing: 0.02em;
text-shadow: 2px 2px 4px #cccccc;
}
h3 {
font-size: 20px;
font-weight: bold;
margin-top: 25px;
color: grey;
letter-spacing: 0.02em;
text-shadow: 2px 2px 4px #cccccc;
}
h4 {
font-size: 17px;
font-weight: bold;
color: green;
text-shadow: 2px 2px 4px #cccccc;
}
h5 {
font-size: 15px;
font-weight: bold;
}
h6 {
color: black;
}
h2, h3, h4, h5 {
margin-bottom: 0.3em;
}
h2 + ul, h2 + ol,
h3 + ul, h3 + ol,
h4 + ul, h4 + ol,
h5 + ul, h5 + ol {
margin-top: 0;
}
hr {
clear: left;
border: 0;
height: 1px;
background: linear-gradient(to right, #CCCCCC, #4B2E1A, #CCCCCC);
}
.red {
color: #ff0000;
}
.hr01 {
margin: auto 0 auto 0;
border: 0;
height: 4px;
background-color: #890000;
} 
.item {
color: #000000;
border: 1px solid #c2c2c2;
background-color: #feffd9;
padding: 1px 4px 1px 4px;
} .wp-block-image {
margin-top: 2.5em;
margin-bottom: 2.5em;
} .wp-block-image:has(figcaption) {
margin-bottom: 0.5em;
}
.wp-block-image img, .wp-block-gallery img {
border: solid 5px #FFFFFF;
box-shadow: 0 5px 15px 0 rgba(0,0,0,0.52);
}
.wp-block-image figcaption, .wp-caption, .wp-block-embed-youtube figcaption {
color: #730d0b; 
font-size: 17px;
line-height: 21px;
border: solid 5px #FFFFFF;
}
.wp-caption-text, .wp-block-image, .gallery-caption {
color: #730d0b;
} .wp-block-image:has(figcaption) + p {
margin-top: 0;
}
.attachment-post-thumbnail, .external-img {
box-shadow: none;
}
.wp-block-code {
border: 1px solid #d8d1d4;
padding: 5px;
margin: 10px;
}
.wp-block-quote {
font-size: 16px;
color: darkred;
background-color: #f9f9f9;
border: 1px solid #ccc;
border-radius: 6px;  
background-position: 10px 10px;
background-repeat: no-repeat;
padding: 0 10px 10px 15px;
}
.shadow img {
box-shadow: 0 5px 15px 0 rgba(0,0,0,0.52);
}
.noshadow img {
box-shadow: 0 0 0 0 rgba(0,0,0,0.52);
}
.widget-area .widget a,
.sidebar .widget a,
#secondary .widget a {
text-decoration: underline !important;
text-decoration-color: #ccc !important;
text-decoration-thickness: 1px !important;
text-underline-offset: 4px;
} :is(.widget, .wp-block-widget-area) ul,
:is(.wp-block-latest-posts, .wp-block-archives-list,
.wp-block-latest-comments, .wp-block-categories-list) {
padding-left: 1em !important;
list-style: disc !important;
} :is(.widget, .wp-block-widget-area) li,
:is(.wp-block-latest-posts, .wp-block-archives-list,
.wp-block-latest-comments, .wp-block-categories-list) li {
display: list-item !important;
margin: 0 0 .35em !important;
padding: 0 !important;
line-height: 1.25 !important;
list-style: disc !important;
} :is(.widget, .wp-block-widget-area) li:last-child,
:is(.wp-block-latest-posts, .wp-block-archives-list,
.wp-block-latest-comments, .wp-block-categories-list) li:last-child {
margin-bottom: 0 !important;
} :is(.widget, .wp-block-widget-area) li::marker,
:is(.wp-block-latest-posts, .wp-block-archives-list,
.wp-block-latest-comments, .wp-block-categories-list) li::marker {
color: #333;
font-size: .9em;
} .widget_recent_comments ul {
padding-left: .35em !important;
} .wp-block-file .wp-block-file__button,
.wp-block-file .wp-block-file__button:visited,
.wp-block-file .wp-block-file__button:hover {
color: #fff;
}
.wp-block-file .wp-block-file__button:hover {
background-color: #ba2222;
color: #fff;
} #footer img {
vertical-align: middle;
}
.topwebsite {
display: inline-block;
background-color: darkblue;
color: white !important;
text-decoration: none;
margin: 0 10px;
padding: 0 6px;
line-height: 1.4em;
border: 1px solid white;
border-radius: 10px;
}
.topwebsite:hover {
background-color: green;
} .wp-block-list ul,
.wp-block-list ol {
margin-block-start: 0;
margin-inline-start: 0.7em;
padding-inline-start: 0.7em;
} p + ul.wp-block-list,
p + ol.wp-block-list {
margin-block-start: 0 !important;
}
p:has(+ ul.wp-block-list),
p:has(+ ol.wp-block-list) {
margin-block-end: 0.5em;
}
:is(h2, h3, h4).wp-block-heading + ul.wp-block-list,
:is(h2, h3, h4).wp-block-heading + ol.wp-block-list {
margin-block-start: 0 !important;
}
:is(h2, h3, h4).wp-block-heading {
margin-block-end: 0.4em !important;
} li > ul,
li > ol {
margin-block-start: 0 !important;
} a.knop,
a.knop:visited,
a.knop:hover {
color: #fff !important;
text-decoration: none !important;
}
a.knop {
display: inline-block;
padding: 4px 12px;
border-radius: 20px;
background-color: #1456a0;
font-size: 14px;
line-height: 1.2;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
}
a.knop:hover {
background-color: darkgreen;
box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
}
@media screen and (max-width: 767px) {
.main-navigation ul,
.main-navigation ul ul,
.main-navigation .sub-menu {
background-color: darkblue !important;
}
.main-navigation li,
.main-navigation li > a {
border-top-color: #fff !important;
border-bottom-color: #fff !important;
}
} .donovan-sticky-menu-fixed {
position: fixed !important;
left: 0;
right: 0;
z-index: 99999;
width: 100%;
box-sizing: border-box;
background-color: #000 !important;
} .akkoord-knop, .akkoord-knop:hover {
font-size: 15px; 
padding: 4px 10px 4px 10px;
border: 1px solid grey;
border-radius: 15px;
-webkit-box-shadow: 5px 5px 15px -7px #000000;
box-shadow: 5px 5px 15px -7px #000000;
}
.akkoord-knop {
background-color: darkgreen;
color: white;
}
.akkoord-knop:hover {
background-color: black;
color: white;
}
.form-vraag {
background-color: #e8f7e2;
margin: 30px 0 30px 0;
padding: 5px 9px 5px 9px;
}
input[type=text], input[type=password], input[type=email] {
margin-left: 0px;
margin-right: 0px;
}
fieldset {
padding: 10px;
} input.verberg {
display: none;
} .verplicht { 
color: white;
background-color: red;
font-size: 0.8em;
border: 1px solid #ddded8; 
border-radius: 10px;
margin: 0 5px 0 0;
padding: 1px 7px 1px 7px;
} 
input, textarea, select {
font-size: 0.9em;
padding: 8px;
}
input.input01, textarea.input01 {
background-color: #ffffee;
border: 1px solid #686868;
}
textarea { 
width: 100%; 
} 
.verstuurknop {
background: darkblue;
color: white;
font-size: 15px; border: 1px solid grey;
cursor: pointer;
border-radius: 15px;
padding: 5px 15px; 
}
.verstuurknop:hover {
background: #147004;
} .zegt {
color: black;
background-color: #e5f8eb;
border-radius: 15px;
margin: 10px 0 10px 0;
padding: 10px 15px 10px 15px;
}.onderhoud {
background-color: #ff0f23;
color: white;
padding: 3px;
text-align: center;
font-family: Verdana, Helvetica, sans-serif;
font-size: 14px;
}
.onderhoud a {
color: #eaee3c;
}
.hdd {
color: #000000;
padding: 1px 4px 1px 4px;
border: 1px solid #c2c2c2;
background-color: #b3ffcc;
}
.gegevens_01 {
text-align: center;
background-color: #F4F4F4;
font-size: 15px;
line-height: 1.8em;
margin: 0 0 15px 0;
padding: 13px 10px 10px 10px;
}
.diashow_titel {
font-size: 25px;
font-weight: bold;
color: black;
margin: 0 0 10px 0;
}
.boven-thumb {
font-size: 15px;
margin: 2px 0 0 0;
}
.centerbox {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.foto_container1 {
text-align: center;
float: left;
border: 1px solid black;
box-shadow: 0 1px 8px 0 rgba(0,0,0,0.52);
margin: 5px 15px 15px 5px;
padding: 0;
}
.foto_container2 {
background-color: #000000; text-align: center;
margin: 0;
padding: 0;
}
.foto_container2_video {
background-color: #066d0a;
}
.foto_container2, .foto_container2_video {
width: 150px;
}
.foto_container1 {
height: 121px;
font-size: 13px;
}
.foto_container2, .foto_container2_video {
float: left;
height: 100px;
}
.foto_container2 img, .foto_container2_video img {
width: 100%;
height: 100%;
object-fit: contain;
border: none;
}
.foto_tekst {
clear: both;
box-sizing: border-box;
background-color: white;
font-size: 12px;
height: 19px;
padding: 0;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
}
.aantal_items {
color: #000000;
padding: 1px 2px 1px 2px;
border: 1px solid #c2c2c2;
background-color: #feffd9;
}
.index_01 li {
list-style-type: none;
margin: 0 0 0 -5px;   
}
.index_01 a:link, .index_01 a:visited, .index_01 a:hover {
text-decoration: none;
border: 1px solid #1a11ff;
line-height: 2.2em;
box-shadow: 3px 3px 7px -2px rgba(0,0,0,0.75);
margin: 5px 5px 5px 0;
padding: 2px 5px 2px 5px;
animation: blinker 2s linear infinite;
animation-iteration-count: 3;
}
.index_01 a:link, .index_01 a:visited { 
background-color: #1408ff;
color: white;
}
.index_01 a:hover {
background-color: #ff8d0d;
color: black;
}
.Extra_Info {
display: block;
font-size: 14px;
background-color: #d3ffd1;
margin: 10px 0 10px 0;
padding: 10px 10px 3px 10px;
}
.GoToTop {
position: fixed;
right: 2em;
top: 1.5em;
}
.Software_Versie {
text-align: center;
color: black;
font-size: 0.7em;
margin: 30px 0 0 0;
}body.lb-disable-scrolling {
overflow: hidden;
}
.lightboxOverlay {
position: absolute;
top: 0;
left: 0;
z-index: 9999;
background-color: black;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
opacity: 0.8;
display: none;
}
.lightbox {
position: absolute;
left: 0;
width: 100%;
z-index: 10000;
text-align: center;
line-height: 0;
font-weight: normal;
outline: none;
}
.lightbox .lb-image {
display: block;
height: auto;
max-width: inherit;
max-height: none;
border-radius: 3px; border: 4px solid white;
}
.lightbox a img {
border: none;
}
.lb-outerContainer {
position: relative;
*zoom: 1;
width: 250px;
height: 250px;
margin: 0 auto;
border-radius: 4px; background-color: white;
}
.lb-outerContainer:after {
content: "";
display: table;
clear: both;
}
.lb-loader {
position: absolute;
top: 43%;
left: 0;
height: 25%;
width: 100%;
text-align: center;
line-height: 0;
}
.lb-cancel {
display: block;
width: 32px;
height: 32px;
margin: 0 auto;
background: url(//www.gerbroeder.nl/aaa/script/ger-lightbox2/loading.gif) no-repeat;
}
.lb-nav {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
z-index: 10;
}
.lb-container > .nav {
left: 0;
}
.lb-nav a {
outline: none;
background-image: url(data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==);
}
.lb-prev, .lb-next {
height: 100%;
cursor: pointer;
display: block;
}
.lb-nav a.lb-prev {
width: 34%;
left: 0;
float: left;
background: url(//www.gerbroeder.nl/aaa/script/ger-lightbox2/prev.png) left 48% no-repeat;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0;
-webkit-transition: opacity 0.6s;
-moz-transition: opacity 0.6s;
-o-transition: opacity 0.6s;
transition: opacity 0.6s;
}
.lb-nav a.lb-prev:hover {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1;
}
.lb-nav a.lb-next {
width: 64%;
right: 0;
float: right;
background: url(//www.gerbroeder.nl/aaa/script/ger-lightbox2/next.png) right 48% no-repeat;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0;
-webkit-transition: opacity 0.6s;
-moz-transition: opacity 0.6s;
-o-transition: opacity 0.6s;
transition: opacity 0.6s;
}
.lb-nav a.lb-next:hover {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1;
}
.lb-dataContainer {
margin: 0 auto;
padding-top: 5px;
*zoom: 1;
width: 100%;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
}
.lb-dataContainer:after {
content: "";
display: table;
clear: both;
}
.lb-data {
padding: 0 4px;
color: #ccc;
}
.lb-data .lb-details {
width: 85%;
float: left;
text-align: left;
line-height: 1.1em;
}
.lb-data .lb-caption {
font-size: 13px;
font-weight: bold;
line-height: 1em;
}
.lb-data .lb-caption a {
color: #4ae;
}
.lb-data .lb-number {
display: block;
clear: left;
padding-bottom: 1em;
font-size: 12px;
color: #999999;
}
.lb-data .lb-close {
display: block;
float: right;
width: 30px;
height: 30px;
background: url(//www.gerbroeder.nl/aaa/script/ger-lightbox2/close.png) top right no-repeat;
text-align: right;
outline: none;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
opacity: 0.7;
-webkit-transition: opacity 0.2s;
-moz-transition: opacity 0.2s;
-o-transition: opacity 0.2s;
transition: opacity 0.2s;
}
.lb-data .lb-close:hover {
cursor: pointer;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1;
}