body {}
body, html{margin:0;padding:0;height:100%;}
img {border:0px;margin:0px;padding:0px;}
* {-webkit-font-smoothing: antialiased; text-shadow: 1px 1px 1px rgba(0,0,0,0.004);}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video,
input, textarea, select, button {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
outline: none;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
html body {line-height: 1;color:#444444;background-color: #e0dac9;width:100%;}
header {float:left; clear:both;}
#head {margin-left:auto;margin-right:auto;}
#omheader {position:relative;float:left;z-index:10;}
#omheader .logo > a {
height: 100%;
width: 100%;
display: inline-block;
}
#logo { box-shadow: 3px 5px 3px rgba(40,40,40,0.7);zoom: 1;filter: alpha(opacity=70);opacity: 0.7;}
#news-inzet {position:relative;left:0px;top:0px;width:100%;display:block;}
#news-inzet-openen {position:relative;left:0px;top:0px;width:100%;display:none;}
aside.news-inzet-arround {position:absolute;right:0px;top:35.6%;width:520px;height:225px;display:block;-moz-box-shadow: 3px 5px 3px rgba(40,40,40,0.7);-webkit-box-shadow: 3px 5px 3px rgba(40,40,40,0.7);box-shadow: 3px 5px 3px rgba(40,40,40,0.7);zoom: 1;filter: alpha(opacity=70);opacity: 0.7;}
.news-inzet {position:absolute;right:0px;top:35.6%;width:520px;height:225px;display:block;}
#news-inzet-sluiten #knop, #news-inzet-openen #knop {position:absolute;right:5px;top:35.6%;margin-top:5px;width:30px;height:30px;cursor:pointer;z-index:5;}
#images {position:absolute;left:0px;top:0px;width:520px;height:225px;}
#images ul {position:relative;}
#images li h3 {float:left;clear:both;font-size:1.5em;font-family:'PT Sans Narrow', serif;font-weight:700;color:#fff;line-height:1.4em;margin-top:18px;margin-left:23px;margin-right:23px;width:474px;font-weight:700;}
#images li h2 {float:left;clear:both;font-size:1.125em;font-family:'PT Sans Narrow', serif;color:#fff;font-weight:700;line-height:1.4em;margin-left:23px;margin-right:23px;margin-bottom:5px;width:474px;font-weight:normal;}
#images li .intro {float:left;clear:both;font-size:0.875em;font-family:'PT Sans Narrow', serif;color:#fff;line-height:1.25em;margin-left:23px;margin-right:23px;margin-bottom:18px;width:474px;font-weight:normal;height:80px;}
#images li .knoppen {float:left;clear:both;margin-left:23px;margin-right:23px;width:474px;}
#images li .meer {float:left;font-size:14px;font-family:'PT Sans Narrow', serif;color:#fff;font-weight:700;line-height:1em;margin-right:20px;margin-bottom:20px;}
#images li .meer a {color:#fff;text-decoration:none;font-weight:700;}
#images li .meer a:hover {color:#fff;text-decoration:underline;font-weight:700;}
.menu {float:left;clear:both;width:100%;}
.nsnieuws {float:inherit;margin-right:10px;padding-left:2px;padding-right:2px;background:#C98217;font-size:0.75em;font-family:'PT Sans Narrow', serif;color:#fff;line-height:1.5em;}
.nsagenda {float:inherit;margin-right:10px;padding-left:2px;padding-right:2px;background:#0091CC;font-size:0.75em;font-family:'PT Sans Narrow', serif;color:#fff;line-height:1.5em;}
#content {float:left;width:100%;}
#omcontent {float:left;width:100%;padding-top:30px;padding-bottom:30px;}
.omcontent{margin-left:auto;margin-right:auto;width:100%;max-width:970px;}
.content {float:left;width:100%;background:#fff;padding-bottom:30px;}
.open {float:left;width:94%;margin-left:3%;margin-right:3%;font-family:'PT Sans Narrow', serif;font-weight:normal;font-size:13px;line-height:22px;color:#226c7f;}
.open p {margin:0px;padding:0px;font-family:'PT Sans Narrow', serif;font-weight:normal;font-size:13px;line-height:22px;color:#226c7f;}
.open a {text-decoration:none;color:#226c7f;}
.open a:hover {text-decoration:none;color:#c98218;}
.ccm-autonav-breadcrumb-sep {color:#226c7f;}
/*.open ul {float:left;list-style:none;}
.open li li {position:absolute;width:100%;left:100%;margin-left:8px;padding-right:10px;top:0px;list-style:none;white-space:nowrap;}
.open li {float:left;position:relative;color:#226c7f;width:auto;margin:0px;margin-right:8px;font-family:'PT Sans Narrow', serif;font-weight:normal;font-size:13px;line-height:22px;content:normal;display:block;font-weight:normal;}
.open li a::before {content: ">";color:#226c7f;margin-right:8px;float:inline;}
.open li:first-child a::before {content: "";margin-right:0px;}
.open li li:first-child a::before {content: ">";color:#226c7f;margin-right:8px;float:inline;}
.open li a {float:left;text-decoration:none;color:#226c7f;}
.open li a:hover {float:left;text-decoration:none;color:#444;}
*/
#links {float:left;width:71%;margin-left:3%;padding-right:3%;padding-top:34px;margin-bottom:30px;}
#rechts {float:left;width:20%;margin-right:3%;padding-top:22px;margin-bottom:30px;}
.head-articles {float:left;width:100%;border-bottom:2px solid;border-top:2px solid;padding-top:20px;padding-bottom:20px;}
.head-articles section.links {float:left;width:47.83%;padding-right:4.34%;}
.head-articles section.rechts {float:left;width:47.83%;}
.head-articles h2 {font-family:'PT Sans Narrow', serif;font-size:1.125em;line-height:1.125em;color:#226c7f;width:100%;margin-right:1.25em;font-weight:bold;}
.head-articles .image {width:100%;height:100%;margin-top:1.125em;max-height:165px;overflow:hidden;display:block;}
.head-articles .image img {width:100%;max-width:330px;}
.news-home-articles {float:left;width:100%;padding-top:20px;padding-bottom:20px;}
.news-home-articles section.links {float:left;width:47.83%;padding-right:4.34%;}
.news-home-articles section.rechts {float:left;width:47.83%;}
.news-home-articles section.beiden {float:left;width:100%;}
.news-home-articles h2 {font-family:'PT Sans Narrow', serif;font-size:1.125em;line-height:1.125em;color:#226c7f;margin-right:1.25em;margin-bottom:0.8em;font-weight:700;}
.news-home-articles aside.all, .news-home-articles aside.breed {float:left;width:100%;padding-bottom:10px;border-bottom:1px solid; }
.news-home-articles aside .image {float:left;width:84px;padding-left:5px;padding-right:14px;margin-top:0.8em;overflow:hidden;display:block;}
.news-home-articles aside .image img {height:56px;width:84px;}
.news-home-articles aside p {float:left;width:60%;overflow:hidden;display:block;font-size:0.8em;margin:0px;padding:0px;}
.news-home-articles aside p.datum {float:left;width:60%;font-family:'PT Sans Narrow', sans-serif;font-size:0.7em;margin:0px;padding:0px;margin-top:0.8em;}
.news-home-articles aside.breed p {float:left;width:94%;overflow:hidden;display:block;font-size:0.8em;margin:0px;padding:0px;padding-left:5px;}
.news-home-articles aside.breed p.datum {float:left;width:94%;font-family:'PT Sans Narrow', sans-serif;font-size:0.7em;margin:0px;padding:0px;margin-top:0.8em;padding-left:5px;}
.news-home-articles aside a {text-decoration:none;color:#555;font-weight:700;font-size: 15px;}
.news-home-articles aside a:hover {text-decoration:underline;color:#226c7f;font-weight:700;}
p {font-family: inherit; font-size: 16px;line-height:1.25em;margin-top:1.125em;margin-right:1.25em;color:#444;font-weight:normal;}
/*.news-home-articles {float:left;width:100%;padding-top:20px;padding-bottom:20px;}
.news-home-articles section.links {float:left;width:47.83%;padding-right:4.34%;}
.news-home-articles section.rechts {float:left;width:47.83%;}
.news-home-articles section.beiden {float:left;width:100%;}
.news-home-articles h2 {font-family:'PT Sans Narrow', serif;font-size:1.125em;line-height:1.125em;color:#226c7f;margin-right:1.25em;margin-bottom:0.8em;font-weight:700;}
.news-home-articles aside.all, .news-home-articles aside.breed {float:left;width:100%;padding-bottom:10px;border-bottom:1px solid; }
.news-home-articles aside .image {float:left;width:84px;padding-left:5px;padding-right:14px;margin-top:0.8em;overflow:hidden;display:block;}
.news-home-articles aside .image img {height:56px;width:84px;}
.news-home-articles aside p {float:left;width:60%;overflow:hidden;display:block;font-size:0.8em;margin:0px;padding:0px;}
.news-home-articles aside p.datum {float:left;width:60%;font-family:'Verdana', sans-serif;font-size:0.8em;margin:0px;padding:0px;margin-top:0.8em;}
.news-home-articles aside a {text-decoration:none;color:#555;font-weight:700;font-size:0.8em;}
.news-home-articles aside a:hover {text-decoration:underline;font-weight:700;color:#226c7f;}
.news-home-articles .beiden aside .image {float:left;width:135px;padding-left:5px;padding-right:14px;margin-top:0.8em;overflow:hidden;display:block;}
.news-home-articles .beiden aside .image img {height:90px;width:135px;}
.news-home-articles .beiden aside p {float:left;overflow:hidden;display:block;font-size:0.9em;margin:0px;padding:0px;padding-left:5px;margin-top:0.4em;}
.news-home-articles .beiden aside p.tekst {float:left;width:75%;overflow:hidden;display:block;font-size:0.9em;margin:0px;padding:0px;padding-left:5px;margin-top:0.4em;margin-bottom:0.4em;}
.news-home-articles .beiden aside p.datum {float:left;font-family:'Verdana', sans-serif;font-size:0.7em;margin:0px;padding:0px;margin-top:0.8em;padding-left:5px;}
.news-home-articles .beiden aside a {text-decoration:none;color:#226c7f;font-weight:700;font-size:1.125em;}
.news-home-articles .beiden aside a:hover {text-decoration:underline;color:#555;font-weight:700;}
*/
body { font-family: 'PT Sans Narrow', sans-serif !important; }
p.meer {float:left;margin-left:5px;padding-top:10px;width:94%;font-family:'PT Sans Narrow',sans-serif;font-size:0.8em;}
.inthepicture {height:min-60px;}
.main {float:left;width:100%;padding-bottom:30px;}
.main p, .main ul {margin:0px;padding:0px;padding-bottom:1.5em;line-height:1.35em;margin-right:60px;font-family: 'PT Sans Narrow',sans-serif;}
.main ul {list-style:none;margin-left:0px;}
.main ul li {list-style:none;margin-left:0px;}
/* .main ul li:before {content: '- ';color:#c98218;font-weight:700;} */
.main h1 {font-family:'PT Sans Narrow', serif;font-size:1.8em;line-height:1.35em;color:#226c7f;margin-right:1.25em;font-weight:bold;padding-bottom:30px;}
.main h2, .main h3, .main h4, .main h5, .main h6 {font-family:'PT Sans Narrow', serif;font-weight:bold;font-size:1.125em;line-height:1.35em;color:#226c7f;margin-right:1.25em;}
.main h3 {font-size:0.85em;}
a {text-decoration:underline;color:#226c7f;}
a:hover {text-decoration:none;color:#226c7f;}
#socials {float:left;margin-top:21px;}
#socials .social {float:left;margin-right:10px;}
.footer {float:left;margin-left:3%;margin-right:3%;width:94%;margin-top:20px;border-top:2px solid;padding-top:20px;}
.footer .naw {float:left;width:70%;color:#444;font-family:'PT Sans Narrow', sans-serif;font-size:0.7em;}
.footer .thewebhouse {float:right;width:30%;text-align:right;color:#226c7f;font-family:'PT Sans Narrow', sans-serif;font-size:0.7em;}
.footer .naw a {text-decoration:underline;color:#444;}
.footer .naw a:hover {text-decoration:none;color:#444;}
.footer .thewebhouse a {text-decoration:none;}
.footer .thewebhouse a:hover {text-decoration:underline;}
#omactiviteitgegevens {float:left;padding-top:padding-bottom:20px;color:#226c7f;padding-top:20px;line-height:20px;}
#datum {float:left;width:100%;font-family:'PT Sans Narrow';font-size:11px;padding-bottom:20px;padding-top:12px;}
#afbeelding {float:left;clear:both;width:100%;padding-bottom:30px;}
span a[href^=tel]{float:inherit;color:inherit;text-decoration:none;}
div#ccm-tooltip-holder {
z-index: 0;
position: relative;
height: 48px;
}
#aanmeldformulier {float:left;width:94%;margin-top:20px;padding:20px;background:#a9cfda;}
#aanmeldformulier h3 {font-family:'PT Sans Narrow', serif;font-size:1.125em;line-height:1.125em;color:#226c7f;margin-right:1.25em;margin-bottom:0.8em;font-weight:bold;}
.aanmeldregel {float:left;width:100%;margin-bottom:5px;}
.aanmeldregel .links {float:left;width:36%;color:#226c7f;margin-right:4%;}
.aanmeldregel .midden {float:left;width:36%;color:#226c7f;margin-right:4%;}
.aanmeldregel .rechts {float:left;width:11%;color:#226c7f;}
.aanmeldregel .wissen {float:left;margin-left:10px;width:20px;height:20px;margin-top:22px;background:url('../images/wissen.png') 0px 0px no-repeat !important;cursor:pointer;}
.aanmeldregel .wissen:hover {background:url('../images/wissen.png') 0px -20px no-repeat !important;cursor:pointer;}
.omtoevoegen {float:left;width:100%;margin-top:20px;}
.aanmeldregel label {float:left;width:100%;color:#226c7f;margin-right:5%;margin-bottom:5px;}
.aanmeldregel input {width:100%;padding:2px;}
.aanmeldregel input.small {width:35px;padding:2px;text-align:right;}
#aanmeldformulier .knoptoevoegen {float:left;width:auto;padding-left:30px;line-height:20px;text-align:right;color:#fff;font-weight:700;margin-top:25px;background:url('../images/plus.png') 0px 0px no-repeat;cursor:pointer;}
#aanmeldformulier .knoptoevoegen:hover{background:url('../images/plus.png') 0px -20px no-repeat;}
#aanmeldingverzenden {float:right;width:120px;margin-top:20px;height:30px;background:url('../images/verzenden.png') 0px 0px no-repeat !important;cursor:pointer !important;}
#aanmeldingverzenden:hover{background:url('../images/verzenden.png') 0px -30px no-repeat !important;cursor:pointer;}
input:focus, select:focus, textarea.focus {outline:none;border-color:#9ecaed;box-shadow:0 0 10px #9ecaed;-moz-box-shadow: 0 0 10px #9ecaed;-webkit-box-shadow: 0 0 10px #9ecaed;border:solid #9ecaed 1px;}
input.error, select.error, textarea.error{outline:none;border-color:#ff8c8c;box-shadow:0 0 10px red;-moz-box-shadow: 0 0 10px red;-webkit-box-shadow: 0 0 10px red;border:solid #ff8c8c 1px;}
#emailfout, #telefoonfout {float:left;width:100%;display:none;padding-top:10px;color:#fff;}
.anoverzicht {float:left;clear:both;padding-top:20px;width:100%;}
.omartikelrij {float:left;clear:both;width:100%;padding-bottom:20px;margin-bottom:20px;margin-top:0px;border-bottom:1px dotted;}
.omartikelrij .afbeelding {float:left;width:20%;padding-right:3%;}
.omartikelrij .titels {float:left;width:77%;}
.omartikelrij .titels h3 {float:left;clear:both;font-size:15px;width:100%;margin:0px;padding:0px;font-family: 'PT Sans Narrow';margin-bottom:5px;}
.omartikelrij .titels h2 {float:left;clear:both;width:100%;padding:0px;margin:0px;font-size:22px;font-family: 'PT Sans Narrow';margin-bottom:15px;}
.omartikelrij .titels h2 a {text-decoration:none;}
.omartikelrij .titels h2 a:hover {text-decoration:underline;}
#rechts .beperktopen {float:left;margin-bottom:20px;padding:5px;width:180px;background-color:#b81717;}
#rechts .beperktopen p.titel {margin:0px;color:#fff;font-size:18px;font-family:'PT Sans Narrow', serif;font-weight:700;color:#fff;line-height:1.4em;}
#rechts .beperktopen p {margin:0px;color:#fff;font-size:13px;font-family:'PT Sans Narrow', serif;font-weight:400;color:#fff;line-height:1.4em;}
.at-follow-label {font-family:'PT Sans Narrow', serif;font-size:1.125em;color:#fff;}
#at4-fcc {display:none;visibility:hidden;}
a.at-follow-btn span:before {cursor:pointer;}
div#at4-follow {z-index:99 !important}
#rechts .right > a {
margin-top: 1.125em;
display: block;
}
.tr-checkout:nth-child(even){
background-color: #F8F8F8;
border-left: #ddd;
border-right: #ddd;
}
.header-table > div {
vertical-align: middle;
display: inline-block;
}
.header-table{
padding: 4px;
border-bottom: 1px solid #ddd;
}
.content-table > div {
vertical-align: middle;
display: inline-block;
}
.content-table{
padding: 10px;
border-bottom: 1px solid #ddd;
}
.h2-table{
float: right;
clear: both;
margin-top: 10px;
margin-bottom: 10px;
}
#form-submit{
background-color: #c98218 !important;
color: white;
}
#form-submit:hover{
background-color: #b36200 !important;
color: white;
}
.content-table:nth-child(even) {
background-color: #F0F0F0;
}
.header-table > div {
font-weight: bold;
}
#head .logo {
position: absolute;
left: 0px;
top: 0px;
/*padding: 8px 20px;*/
padding: 0px;
}
#head .logo img {
width: 100%;
height: auto;
}
@media only screen and (max-width: 768px) {
#logo,
.logo img
{
height: 115px !important;
width: 220px !important;
}
}
/* Aanpassingen G&A */
@media only screen and (min-width: 768px) {
.show-submenu {
display: grid;
width: 260px;
z-index: 99;
position: absolute;
background: white;
box-shadow: rgb(0 0 0 / 7%) 0px 1px 1px, rgb(0 0 0 / 7%) 0px 2px 2px, rgb(0 0 0 / 7%) 0px 4px 4px, rgb(0 0 0 / 7%) 0px 8px 8px, rgb(0 0 0 / 7%) 0px 16px 16px;
}
.show-submenu li a {
color: black;
}
.show-submenu li:hover {
background: #87AFB9;
}
.nav-expand {
display: none;
}
}
@media only screen and (max-width: 768px) {
nav a {
color: white !important;
}
.show-submenu {
display: grid;
/* width: 260px;
z-index: 99; */
/* background: white; */
}
.nav-dropdown {
transition: all;
}
.show-submenu {
background: white !important;
}
.show-submenu a {
color: black !important;
}
.nav-expand {
float: right;
margin-right: 15px;
font-weight: bold;
font-size: 18px;
width: 30px;
padding-left: 20px;
transform: translateY(-2px);
transition: all;
transition-duration: 500ms;
}
.nav-expand-rotated {
transform: rotate(-90deg);
}
}
/* Fix overflowing content */
.main p {
max-width: 100vw;
overflow-x: clip;
}
.content .main #afbeelding img {
object-fit: contain;
}