#content .standardText .pagination
{
  float: right;
}

#content .standardText .pagination.top
{
  display: none;
}

#content .standardText .pagination span.contraction
{
  display: block;
  float: left;
  padding: 0.2em 0.4em;
  margin: 0 0 0 0.4em;
  color: #6E6E6E;
}

#content .standardText .pagination a
{
  display: block;
  float: left;
  padding: 0;
  margin: 0 0 0 0.4em;
  text-decoration: none;
  text-align: center;
  color: #6E6E6E;
  background-color: #F1EDE9;
  border: none;
  border-radius: 1em;
  line-height: 2em;
  width: 2em;
  height: 2em;
}

#content .standardText .pagination li.next:not(.disabled) a:hover,
#content .standardText .pagination a.next:hover,
#content .standardText .pagination li.previous:not(.disabled) a:hover,
#content .standardText .pagination a.previous:hover
{
  text-decoration: underline;
}

#content .standardText .pagination li.next a,
#content .standardText .pagination a.next,
#content .standardText .pagination li.previous a,
#content .standardText .pagination a.previous
{
  color: #6E6E6E !important;
  background-color: transparent !important;
  width: auto;
}

#content .standardText .pagination li.next.disabled a,
#content .standardText .pagination li.previous.disabled a
{
  color: #C8B9AA !important;
}

#content .standardText .pagination li.active a,
#content .standardText .pagination a.current
{
  color: #FFFFFF;
  background-color: #6E6E6E;
}

#content .standardText .pagination li.active a:hover,
#content .standardText .pagination a.current:hover,
#content .standardText .pagination a:hover,
#content .standardText .pagination a:focus,
#content .standardText .pagination a:active
{
  color: #FFFFFF;
  background-color: #3D3D3F;
}


.calendarView table tr th,
.calendarView table tr td
{
  line-height: 3em;
  width: 3.5em;
  padding: 0;
  text-align: center;
}

.calendarView
{
  margin-top: 15px;
}

.calendarView .calendar
{
  text-align: center;
  margin-bottom: 25px;
}

.calendarView form a
{
  text-decoration: none;
}

.calendarView form div
{
  display: inline;
}

.calendarView table
{
  margin: 10px auto 10px auto;
}

.calendarView table tr .weekColumn,
.calendarView table tr .weekColumn a
{
  font-weight: bold;
  color: #FFFFFF;
  background-color: #8AB460;
}

.calendarView table tr td a
{
  display: block;
  color: #6E6E6E;
  text-decoration: none;
}

.calendarView table tr td a:hover
{
  color: #FFFFFF;
  background-color: #6E6E6E;
}

.calendarView table tr td span
{
  display: block;
}

.calendarView table tr td span.noEvent
{}

.calendarView table tr td span.otherMonth
{
  color: #C8B9AA;
}

.calendarView table tr td span.hasEvent 
{ 
  font-weight: bold;
}


.recall.refresh,
.recall.refreshRemote
{
  cursor: pointer;
}

.recall.refresh:before,
.recall.refreshRemote:before {
  content: "\f021";
}

.recall.refresh:active:before,
.recall.refreshRemote:active:before {
  
  content: "\f110";
}

.recall.refresh,
.recall.refreshRemote
{
  float: right;
  font-size: 14px;
  margin: 0 0.5em;
}

.recallBusy
{
  background: url(/gfx/x.gif) no-repeat center center;
  min-width: 100%;
  min-height: 50px;
}

.recallBusy > *
{
  opacity: 0.4;
}


#content .standardText ul.anchors
{
  margin-left: 0;
  padding: 0;
}

#content .standardText ul.anchors li
{
  list-style-type: none;
  line-height: 1.4em;
}

#content .standardText p.goTop
{
  padding: 0.4em 0 0.8em 0;
}

#content p.intro
{
  display: none;
}

div.accordion.closed
{
  display: none;
}




html, body, div, span, applet, object, iframe, 
h1, h2, h3, h4, h5, h6, p, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, fieldset, form, label, legend,
caption {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  
}



table {
  border-collapse: collapse;
  border-spacing: 0;
  font-size: 100%;
}

caption, th, td {
  text-align: left;
  font-weight: normal;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: "";
}
blockquote, q {
  quotes: "" "";
}

.clear
{
  float: none;
  clear: both;
  height: 0;
  width: 0;
  overflow: hidden;
}



img.img_south      { margin:  0px 10px  4px  4px; }
img.img_south_west { margin:  0px  0px  4px  4px; }
img.img_west       { margin:  0px  0px  4px  4px; }
img.img_north_west { margin: 10px  0px  0px  4px; }
img.img_north      { margin: 10px 10px  0px  4px; }
img.img_north_east { margin: 10px 10px  0px  0px; }
img.img_east       { margin:  0px 10px  4px  0px; }
img.img_south_east { margin:  0px 10px  4px  0px; }
img.img_all        { margin: 10px 10px  4px  4px; }

img.left           { float: left; }
img.right          { float: right; }
img.center         { display: block; margin-left: auto; margin-right: auto; text-align:center; }

span.img_south      { margin:  0px 10px  4px  4px; }
span.img_south_west { margin:  0px  0px  4px  4px; }
span.img_west       { margin:  0px  0px  4px  4px; }
span.img_north_west { margin: 10px  0px  0px  4px; }
span.img_north      { margin: 10px 10px  0px  4px; }
span.img_north_east { margin: 10px 10px  0px  0px; }
span.img_east       { margin:  0px 10px  4px  0px; }
span.img_south_east { margin:  0px 10px  4px  0px; }
span.img_all        { margin: 10px 10px  4px  4px; }

.multimedia_left   { float: left; }
.multimedia_right  { float: right; }
.multimedia_center { display: block; margin-left: auto; margin-right: auto; text-align:center; }

.multimedia img.flipped{
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
}


tr.ISE-header,
th.ISE-header,
tr.ISE-header th
{
  background-color: #FFFFFF;
  font-weight: bold;
}

tr.ISE-footer, td.ISE-footer, tr.ISE-footer td
{
  font-weight: bold;
  font-style: italic;
}

table.ISE-noborder,
table.ISE-noborder th,
table.ISE-noborder td
{
  border: none;
}

table.ISE-border
{
  border: 1px solid #000000;
  border-collapse: collapse;
}

table.ISE-border td
{
  border: none;
}

table.ISE-boxborder,
table.ISE-boxborder th,
table.ISE-boxborder td
{
  border: 1px solid #000000;
  border-collapse: collapse;
}

.ISE-align-left,
.ISE-align-left td
{
  text-align: left;
}

.ISE-align-right,
.ISE-align-right td
{
  text-align:right;
}
.ISE-align-center, 
.ISE-align-center td
{
  text-align:center;
  vertical-align: top;
}


span.ISESTYHAntwoord
{
  font-style: italic;
  font-weight: bold;
  text-transform: capitalize;
}

body
{
  
  font-size: 62.5%;
  
}

pre
{
  font-family: monospace;
}

em
{
  font-style: italic;
}

strong
{
  font-weight: bold;
}

ul,
ol
{
  margin: 0;
  padding: 0.5em 0 0.5em 1.2em
}

ol
{
  margin: 0;
  padding-left: 1.8em;
}

ol ol
{
  list-style-type: lower-alpha;
}

.hidden
{
  display: none;
}

.fileIcon
{
  vertical-align: text-bottom;
  margin-right: 3px;
}

.caption
{
  display: block;
  font-style: italic;
}

.fancybox-inner {
	overflow: auto !important;
}


.icon.icon-x::before{
  content: "";
  mask-image: url('data:image/svg+xml;utf8,<svg version="1.1" viewBox="0 0 22 22" xmlns="http://www.w3.org/2000/svg"><g><path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"></path></g></svg>');
  -webkit-mask-image: url('data:image/svg+xml;utf8,<svg version="1.1" viewBox="0 0 22 22" xmlns="http://www.w3.org/2000/svg"><g><path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"></path></g></svg>');
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  background: currentcolor;
  width: 24px;
  height: 24px;
}


body{
  --mobileSplitMin: 650px;
  --mobileSplitMax: 649px;
  --tabletSplitMin: 900px;
  --tabletSplitMax: 899px;
  --mobileMenuMin: 1150px;
  --mobileMenuMax: 1149px;
}

  
/* 400 */
@font-face
{
  font-family: 'Inter';
  font-style: normal;
  font-weight: normal;
  src: url('/dds/up/ZcphrdpKsoB_Inter-Regular.ttf');
}
  
/* 500-medium */
@font-face
{
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  src: url('/dds/up/ZcphrdpKapB_Inter-Medium.ttf');
}
  
/* 800-bold */
@font-face
{
  font-family: 'Inter';
  font-style: normal;
  font-weight: bold;
  src: url('/dds/up/ZcphrdpKipB_Inter-Bold.ttf');
}
  
/* 700-bold */
@font-face
{
  font-family: 'Arvo';
  font-style: normal;
  font-weight: bold;
  src: url('/dds/up/ZcphrdpKqpB_Arvo-Bold.ttf');
}
  
/* 700-italic */
@font-face
{
  font-family: 'Arvo';
  font-style: italic;
  font-weight: bold;
  src: url('/dds/up/ZcphrdpKypB_Arvo-BoldItalic.ttf');
}
body{
  font-family: 'Inter', sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 17px;
  line-height: 1.7

}

@media (min-width: 700px ) {
  body {
      text-rendering:geometricPrecision;
  }
}

strong, b
{

  font-weight: bold;
}

h1,h2,h3
{
  font-family: 'Arvo', sans-serif;
  color: #20829F;
  font-weight: 400;
  margin-bottom: 20px;
}

h1,h2{
  margin-bottom: 30px;
}

h4,h6
{
  font-weight: 300;
}



h1{
  font-size: 45px;
  line-height: 50px;
}

h2{
  font-size: 35px;
  line-height: 40px;
  margin-top: 40px;
}

h2.webletTitle{
  margin: 25px 0
}

h3
{
  font-size: 25px;
  line-height: 30px;
}

.standardText h3{
  margin-top: 30px;
}


h4
{
  line-height: 40px;
  font-size: 25px;
}

h5
{
  font-size: 14px;
  line-height: 25px;
  font-size: 25px;
}

h6
{
  line-height: 23px;
  font-size: 23px;
}

@media (max-width: 699px ) {

  h2.webletTitle{
    font-size: 5.5vw;
  }

}

@media (max-width: 549px ) {

  h2.webletTitle{
    font-size: 12vw;
    line-height: 1.3;
  }

  body{
    font-size: 19px;
  }

}

@media (max-width: 349px ) {

  h2.webletTitle{
    font-size: 13vw;
  }

  body{
    font-size: 16px;
  }
  
}h2.ISEStyle
{
}

h2.ISEStyle.color{
  color: #20829F
}


blockquote{
  font-size: 7.5vw;
  font-weight: 300;
  line-height: 1.1;
  margin: 0 15% 0 15%;
  color: #20829F;
}

span.multimedia
{
  max-width: 100%;
  overflow: hidden;
}
  span.multimedia img{
    width: 100%;
    height: auto;
  }

span.multimedia.img_all{
  margin: 20px;
  display: inline-block;
}

span.multimedia.multimedia_center{
  margin: auto;
}

.linkbtn{
  cursor: pointer;
  height: 40px;
  text-align: center;
  line-height: 20px;
  font-size: 20px;
  font-weight: 600;
  display: inline-flex;
  align-items: center;
  box-sizing: content-box;
  margin: 0;
  background: #8AB460;
  color: #FFFFFF;
  border: none;
  position: relative;
  border-top-left-radius: 15px; 
}

.linkbtn a:hover,
a .linkbtn:hover
{
  text-decoration-line: underline;
}

.linkbtn a,
.linkbtn a:link,
.linkbtn a:visited,
.linkbtn a:active,
a .linkbtn,
a .linkbtn:visited,
a .linkbtn:active
{
  color: #FFFFFF;
  text-decoration: none;
  padding: 5px 30px;
}

.linkbtn.gray{
  background: #6E6E6E;
}

.linkbtn.blue{
  background: #8AB460;
}


.linkbtn a{
  display: flex;
  align-items: center;
  height: 100%;
  padding: 5px 30px;
}

.linkbtn a:link,
.linkbtn a:visited{
  border-bottom: 0;
}

.linkbtn:hover a{
  color: inherit;
}

  }
  
  .bg-gray .linkbtn.blue,
  .bg-blue .linkbtn.blue{
    background: #8AB460;
  }
    .bg-gray .linkbtn.blue{
      padding-left: 0;
      margin-left: 20px;
    }

.content .linkbtn.sendicon{
  width: 55px; 
  height: 41px;
  display: inline-block;
}
  .contentBottom .linkbtn.sendicon{
    float: left;
    margin: 10px 15px 10px 0px;
  }
  
  .content .linkbtn.sendicon a{
    background: none;
  }
  
  .content .linkbtn.sendicon::after{
    content: none;
  }

  .linkbtn.sendicon>span {
    display: inline-block;
    overflow: visible;
  } 
    .linkbtn.sendicon a {
      padding: 0;
      margin-left: -8px;
      width: 55px;
      height: 41px;
		} 
      .linkbtn.sendicon a img{
        position: relative;
        left: 11px;
      } 

.FootnoteAnker{
  margin: 3px 0;
}

.FootnoteAnker:hover + .Footnote{
  display: block;
}

.Footnote{
  border: 2px solid #6E6E6E;
  margin: 10px;
  padding: 10px;
  display: block;
  position: absolute;
  background: #FFFFFF;
  display: none;
}

@media (max-width: 699px ) {

  blockquote{
    font-size: 13.5vw;
  }
  
}

@media (max-width: 549px ) {

  .bigButton a .linkbtn,
  .linkbtn{
    font-size: 16px;
  }

  .linkbtn.gray:active,
  .linkbtn.gray{
    font-size: 19px;
  }

}



code {  font-family: courier,monospace;  }
xml {  font-family: courier,monospace;  }h2.webletTitle{
  padding-bottom: 10px;
}



.webletsimpleWeblet .hyperLinks ul{
  padding: 0;
}

.tw-80 h2.webletTitle{
  width: 80%;
}  
.tw-100 h2.webletTitle{
  width: 50%;
}  
.tw-50 h2.webletTitle{
  width: 100%;
}  

@media (min-width: 1000px ) {
  width: 70%;
}

div.bg-blue{
  background-color: #8AB460;
}

div.bg-green{
  background-color: #8AB460;
}

div.bg-beige{
  background-color: #C8B9AA;
}

div.bg-gray{
  background-color: #AEA8A4;
  background-size: 100% 100%;
}

div.aside-line{
  border-left: 3px solid #C8B9AA;
} 

.quote.txt-green blockquote{
  color: #8AB460;
}

.quote.mq-L15 blockquote{
  margin-left: 15%;
}

.quote.mq-R15 blockquote{
  margin-right: 15%;
}

.quote.mq-L0 blockquote{
  margin-left: 0;
}

.quote.mq-R0 blockquote{
  margin-right: 0;
}

.content .exm-OM1{
  margin-bottom: 50px;
}

.content .exm-OM2{
  margin-bottom: 100px;
}

.bigButton a .linkbtn{
  font-size: 23px;
  padding: 10px 30px;
}

div.tr-left,
div.tr-right{
  position: relative;
}  
div.tr-left{
  border-top-left-radius: 100px;    
}
div.tr-right{
  border-bottom-right-radius: 100px;   
}

.title.center h2{
  text-align: center;
  margin: 0;
  padding: 0;
}
.section:has(.title.center){
  margin-bottom: -20px;
}

body
{
  color: #000000;
  background: #FFFFFF;
  overflow-x: hidden;
}

.textBrowser
{
  height: 0;
  width: 0;
  overflow: hidden;
}



#suboutline {
  overflow: hidden;
  container-type: inline-size;
  container-name: outline;  
}

#pageWrapper{
  padding: 0 5px;
}

.wrapper{
  max-width: 1200px;
  margin: 0 auto;
}



.SE_dropdownmenu .SE_dropdownmenuitem .icon img
{
  display:block;
}

.popinclosebutton img,
.iseButton img{
  vertical-align: inherit;
}


body *, body *::before, body *::after
{
  box-sizing: border-box;
}


body div *{
flex-wrap: wrap;
}



a,
a:link,
a:visited
{
  color: inherit;
  text-decoration: none;
}

a:hover
{
  text-decoration: underline;
  color: inherit;
}

hr
{
}

@media (min-width: 699px ) 
{
  .minmarge
  {
    margin-left: -15px;
    margin-right: -15px;
  }
}

header{
  min-height: 160px;
}

header .wrapper{
  padding: 0 5px;
  width: 100%;
}

header .wrapperBox{
  position: relative;
  width: 100%;
}

header .webletLocationlogo{
  position: absolute;
  top: 10px;
  left: 0;
}
  header .webletLocationlogo img{
    width: 500px;
    height: auto;
  }
  header .webletLocationlogo span:has(img) ~ p{
    display: none;
  }

  header .webletLocationcontact .linkbtn{
    padding: 0px 20px;
  }

header .webletLocationbanner{
  position: relative;
  height: 530px;
  width: 100%;
}
header .bgWrapper{
  width: 100vw;
  height: 530px;
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, 0);
  z-index: -1;
}
  header .bgWrapper img{
    width: 100vw;
    min-width: 1000px;
    height: auto;
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
  }
  

  header .webletcontentSlide ul.slider{
    width: 100% !important;
    height: 100% !important;
  }
  
    header .webletcontentSlide ul.slider .text,
    header .webletcontentSlide ul.slider .text p{
      position: absolute;
      top: 0;
      left: 0;
      height: 100%;
      width: 100%;
    }
    
  header .bgWrapper .bullets{
    right: unset;
    left: 595px; 
    padding-left: 15px;
    z-index: 11;
  }
  header .bgWrapper .bullets>div{
    width: 8px;
    height: 8px;
    border-radius: 50%;
    border: 1px solid #FFFFFF;
    background: transparent;
    margin: 5px;
  }
  header .bgWrapper .bullets>div.selected{
    background: #FFFFFF;
  }
  
header{
  display: flex;
  position: relative;
}

header .firstRow{
  position: absolute;
  display: flex;
  flex-wrap: nowrap;
  top: 10px;
  right: 0px;
  width: auto;
  height: 41px;
  z-index: 10;
}

header .webletLocationcontact{
  padding-left: 15px;
}


header .webletLocationsearch{
}
  .webletLocationsearch fieldset{
    position: relative;
  }
  .webletLocationsearch p{
    display: inline-block;
    height: 41px;
  }
    .webletLocationsearch p:first-of-type{
      width: 100%;
      padding-right: 35px;
    }
      .webletLocationsearch label{
        width: 100%;
        height: 100%;
      }
        .webletLocationsearch label input{
          border:none;
          background-color: #F1EDE9;
          width: 100%;
          height: 100%;
          padding: 5px;
          padding-left: 10px;
          font-family: 'lato', sans-serif;
          font-style: normal;
          font-size: 18px;          
        }
        .webletLocationsearch label input.empty{
          color: #000000;
        }
    .webletLocationsearch p:last-of-type{
      position: absolute;
      top: 0;
      right: 0;
      width: 0;
      height: 0;
    }
      .webletLocationsearch button{
        position:relative;
        height: 41px;
        width: 35px;
        border: none;
        position:absolute;
        top:0;
        right: 0;
      }
        .webletLocationsearch button::after{
           content: "\f002";
           font-family: 'icomoon';
           color: #000000;
           font-style: normal;
           font-weight: 400;
           line-height: 0;
           font-size: 23px;
           vertical-align: middle;
           position: relative;
           top: -2px;
        }   
        .webletLocationsearch button:hover{
          background: #AEA8A4;
        }
header .webletLocationsearch .text{
  display: none;
}
        
        

header .webletLocationmenu{
  height: 140px;
}
.webletLocationmenu{
  flex: 1 1 auto;
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
}
  .webletLocationmenu ul{
    padding: 0;
    display: flex;
    justify-content: end;
  }
    .webletLocationmenu ul li{
      display: inline-block;
    }
    .webletLocationmenu ul li a{
      color: #000000;
      display: block;
      height: 52px;
      line-height: 52px;
      font-size: 23px;
      padding: 0 20px;
      position: relative;
    }
    .webletLocationmenu ul>li.selected.navigated>a{
      background: #8AB460;
      font-weight: 900;
    }

header .webletLocationbannerText{
  position: absolute;
  bottom: 0;
  left: 195px;
  width: 345px;
  background: #8AB460;
  color: #FFFFFF;
  padding: 10px 25px 25px;
  line-height: 36px;
  font-weight: 300;
}
  header .webletLocationbannerText h2{
    color: #FFFFFF;
    text-transform: uppercase;
  }

@media (max-width: 349px ) {

  header .webletLocationbannerText {
    margin-bottom: -80px;
  }

}


 
@media (max-width: 1149px ) {

  header .firstRow{
    top: 35px;
    right: 70px;
  }

  .menuBtn::before{
    position: absolute;
    right: 5px;
    top: 30px;
    font-style: normal;
    font-weight: normal;
    font-family: 'icomoon';
    font-size: 40px;
    line-height: 40px;
    content: "\f0c9";
    display: block;
    padding: 5px 10px;
    z-index: 120;
  } 
  body.dialog-open,
  body.menu-open{
    overflow-y: hidden;
  }
  body.menu-open .menuBtn::before{
    content: "\f00d";
    padding: 3px 12px 7px 12px;
  } 
 
  .menuBtn>ul{
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 110;
    background: #F1EDE9;
    padding-top: 90px;
    min-height: 100vh;
    max-height: 100vh;
    overflow: scroll;    
  }

  body.menu-open .menuBtn ul{
    display: block;
  }
  
  .webletLocationmenu ul{
    margin: 0 -25px;
  }
  
  .webletLocationmenu li{
    width: 100%;
    display: block;  
    text-align: center;
  }
  
  header .webletLocationbanner{
  }

  .menu-open header .webletLocationsearch {
    border: 1px solid #6E6E6E;
  }
  
  .menu-open .webletLocationsearch label input{
    background-color: #FFFFFF;
  }
  
  .menu-open .webletLocationcontact .linkbtn::after{
    border-color: #F1EDE9 transparent transparent transparent;
  }    

}  


@media (max-width: 699px ) {

  header{
    min-height: 90px;
  }

  header .webletLocationbanner{
    margin-top: 0px;
  }
  
  header .webletLocationlogo{
    position: relative;
  }

  header .webletLocationmenu{
    height: 25px;
    width: 100%;
  }  

  header .bgWrapper::after{
    border-width: 196px 163px 0 0;
  }

  header .webletLocationlogo img{
    width: 180px;    
  }

  header .webletLocationbannerText{
    left: 10%;
    right: 10%;
    width: unset;
  }

  header .firstRow{
    z-index: 1000;
    display: none;
    max-width: calc( 100% - 70px );
  }
  header .firstRow .webletLocationsearch input{
    width: 100%;
  }

  body.menu-open header .firstRow{
    display: flex;
  }

}

@media (max-width: 349px ) {

  header .webletLocationlogo img {
      width: 50%;
  }

  header .firstRow .webletLocationcontact .linkbtn{
    padding: 0;
  }

}  #contentModule{
}

p{
  margin-bottom: 20px;
}

.content div span.multimedia>img{
  max-width: 100%;
  height: auto;
}

.content .standardText a,
.content .standardText a:link,
.content .standardText a:visited
{
  text-decoration: underline;
}

.content .overview a,
.content .overview a:link,
.content .overview a:visited
{
  text-decoration: none;
}

.content .overview a:hover
{
  text-decoration: underline;
}





div.multimedia.embed{
  float: none;
  padding-top: 56.25%; 
  width: 100%;
  height: 0;
  display: inline-block;
  position: relative;
}
  div.multimedia.embed iframe,
  div.multimedia.embed>a>img:first-of-type,
  div.multimedia.embed a{
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0;
    bottom: 0;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    border: none !important;
  }

table{
  line-height: 1.4;
}

.afterContent{
  margin: 0 -35px;
}


.content .webletaccordion .textContainer{
  padding-bottom: 80px;
  position: relative;
}
.webletaccordion button.allOpenButton{
  position: absolute;
  right: 0;
  bottom: 0;
  padding: 10px 40px 10px 10px;
  font-size: 28px;
  margin: 40px 65px;
}
.webletaccordion button.allOpenButton,
.webletaccordion button.allOpenButton::after{
  background-color: #8AB460;
}
.webletaccordion button.allOpenButton::before{
  color: #8AB460;
}

.accordionWrapper{
  margin-bottom: 40px;
  margin-right: 65px;
  position: relative;  
}
  
  .accordionWrapper div{
    padding: 15px;
  }
  .accordionWrapper a::before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 0;
    width: 0;
    border-width: 20px 20px 0 0;
    border-color: #FFFFFF transparent transparent transparent;
    border-style: solid;
  }
  
  .accordionWrapper a:hover{
    color: #FFFFFF;
  }
    
    .webletaccordion .accordionWrapper a::after{
      position: absolute;
      top: 0px;
      right: 0px;
      height: 100%;
      width: 80px;
      padding: 14px 0px;
      background-color: #8AB460;
      color: #FFFFFF;
      text-align: center;
      font-style: normal;
      font-weight: normal;
      font-size: 40px;


      font-family: 'custIcons';
      content:'\0045';
    }
      .webletaccordion .accordionWrapper.closed a::after{

        content:'\0046';
      }
      #suboutline .accordionContainer .accordionTitle{
        padding: 0;
        margin: 0;
      }
        #suboutline .accordionContainer .accordionTitle::before{
          content: none;
        }
      
    #suboutline .accordionWrapper a h2{
      padding: 10px 40px;
      line-height: 40px;
      font-size: 28px;
      font-weight: normal;
      margin: 0 80px 0 0;
      background-color: #8AB460;
      color: #FFFFFF;
    }

  #suboutline .webletaccordion .accordionContainer .accordionText {
    padding: 20px 40px;
    border-bottom: none;
  }

.accordionWrapper:last-of-type{
  margin-bottom: 40px
}

 

.mod_archief1 article{
  padding-right: 0;
}

#content .overview ul{
  display: flex;
  margin-left: -10px;
  margin-right: -10px;
  padding: 0;
}
  .overview ul>li{
    position: relative;
    display: inline-block;
    width: 33.33%;
    margin-bottom: 40px;
  }
    .overview .listItem,
    .overview .bigImage{
      position: relative;
      padding: 10px 10px 50px;
    }
      .overview h3{
 			  background: #20829F;
				padding: 15px 0px 15px 20px;
        margin: 0;
        line-height: 26px;
        max-height: 70px;
        font-size: 25px;
      }
        .overview h3 a{
          color: #FFFFFF;
        }
      .overview .imageWrapper{ 
        height: 0;
        padding-bottom: 65.2%;
        position: relative;
        overflow: hidden;
      } 
        .overview .imageWrapper .image{
            display: inline-block;
            position: absolute;
            top: 0; left: 0; right: 0; bottom: 0;
        }
          .overview .imageWrapper .image img{
              width: auto;
              height: 100%;
              position: absolute;
              left: 50%;
              min-width: 100%;
              transform: translate(-50%, 0);
          }      
      .overview p{
        padding: 25px;
      }
    .overview ul>li .leesmeer{
      position: absolute;
      left: 10px; 
      bottom: 0;
      width: auto;
      height: 40px;
      line-height: 40px;
      padding: 0px 25px 0px 35%;
      background-color: #6E6E6E;
		  background-size: 100%;
      border-bottom-right-radius: 15px;    
    }
      .overview ul>li .leesmeer a{
        color: #FFFFFF;
      }
        .overview ul>li .leesmeer a::before{ 
          position: absolute;
          content: "";
          top: 0; left: 0; right: 0; bottom: 0;
        }
.overview .viewAll{
  height: 87px;
  position: relative;
}
  .overview .viewAll a{
        position: absolute;
        right: 0; 
        bottom: 0;
        width: auto;
        height: 40px;
        font-size: 20px;
        line-height: 40px;
        padding: 0px 20px 0px 25px;
        background-color: #8AB460;
        color: #FFFFFF;
        border-top-left-radius: 15px;    
  }
  .overview ul.bigImageList p{
    padding: 40px;
    padding-bottom: 150px;
  }
  .overview ul.bigImageList>li{
    width: 100%;
  }
    .overview .bigImage{
      display: flex;
      flex-wrap: wrap;
      padding-bottom: 0;
    }
      .overview .bigImage h3{
        width: 100%;
      }
      .overview .bigImage .imageWrapper{
        width: 60%;
        height: auto;
        padding-bottom: 0;
        line-height: 0;
      }
	      .overview .bigImage .imageWrapper .image{
           width: 100%;
        }    
          .overview .bigImage .imageWrapper .image a{
            line-height: 0;
            display: block;
          }    
      .overview .bigImage p{
        width: 40%;
        padding-bottom: 120px;
      }
      .overview ul.bigImageList>li .leesmeer{
        padding: 0px 25px 0px 115px;
        left: calc( 60% + 40px);
				bottom: 110px;
      }

.content span.multimedia{
	display: inline-block;
}



aside#contentRight .webletnavigation ul{
  background: #8AB460;
}
  aside#contentRight .webletnavigation ul.level1{
    border-radius: 10px;
    padding: 30px 0;  
  }
    aside#contentRight .webletnavigation ul li{
      padding-left: 20px
    }
      aside#contentRight div.webletnavigation ul:hover li.displayed:hover,
      aside#contentRight .webletnavigation ul li.displayed,
      aside#contentRight .webletnavigation ul li:hover{
        background: #73945B;
      }
      aside#contentRight div.webletnavigation ul:hover>li.displayed:hover,
      aside#contentRight div.webletnavigation ul:hover li.displayed{
        background: inherit;
      }
        aside#contentRight .webletnavigation ul a{
          color: #FFFFFF;
        }

aside#contentRight .webletnavigation ul li.hasChildren,
aside#contentRight .webletnavigation ul li.hasChildren:hover{
  background: #20829F;
}

aside#contentRight .webletnavigation ul.level1:not(.sub)>li{
  display: none;
}
aside#contentRight .webletnavigation ul.level1>li.selected{
  display: flex;
}
aside#contentRight .webletnavigation ul.level2{
  margin:10px -10px -30px -10px;
  width: calc(100% + 30px);
  padding: 0;
}
aside#contentRight .webletnavigation ul.level2>li{
  padding-left: 40px
}

.webletshare{
  padding: 30px 50px 30px 30px;
}
.webletshare .service a{
  color: inherit;
}

span.multimedia.img_south      { margin:  0px 20px 30px 20px; }
span.multimedia.img_south_west { margin:  0px  0px 30px 20px; }
span.multimedia.img_west       { margin: 30px  0px 30px 20px; }
span.multimedia.img_north_west { margin: 30px  0px  0px 20px; }
span.multimedia.img_north      { margin: 30px 20px  0px 20px; }
span.multimedia.img_north_east { margin: 30px 20px  0px  0px; }
span.multimedia.img_east       { margin: 30px 20px 30px  0px; }
span.multimedia.img_south_east { margin:  0px 20px 30px  0px; }
span.multimedia.img_all        { margin: 20px; }

.multimedia_left{
  margin-right: 20px;
}


.multimedia_right{
  margin-left: 20px;
}

@media (max-width: 1149px ) {

  .overview ul>li{
    width: 100%;
  }

  .overview .bigImage .imageWrapper .image{
    position: absolute;
  }
  
  .overview .bigImage .imageWrapper{
    padding-bottom: 65.2%;
    width: 100%;
  }
  
  .overview .bigImage p{
    width: 100%;
  }
    
}

@media (max-width: 699px ) {

  .overview ul>li:nth-child(odd):last-of-type{
    display:block;
  }

}

@media (max-width: 549px ) {

  .webletaccordion button.allOpenButton,
  #suboutline .accordionWrapper a h2{
    font-size: 19px;
    line-height: 1.1;
  }

  .overview .viewAll a,
  .overview h3{
    font-size: 16px;
    line-height: 1.1;
  }
   
  #suboutline .webletaccordion .accordionContainer .accordionText {
    padding: 15px 20px;
  }
  
  .webletaccordion button.allOpenButton{
    margin: 40px 0px;
  }
 
  .linkbtn.gray:active, .linkbtn.gray{
    padding: 10px 60px 10px 40px;
  }

  span.multimedia.img_south      { margin:  0px 10px 15px 10px; }
  span.multimedia.img_south_west { margin:  0px  0px 15px 10px; }
  span.multimedia.img_west       { margin: 15px  0px 15px 10px; }
  span.multimedia.img_north_west { margin: 15px  0px  0px 10px; }
  span.multimedia.img_north      { margin: 15px 10px  0px 10px; }
  span.multimedia.img_north_east { margin: 15px 10px  0px  0px; }
  span.multimedia.img_east       { margin: 15px 10px 15px  0px; }
  span.multimedia.img_south_east { margin:  0px 10px 15px  0px; }
  span.multimedia.img_all        { margin: 10px; }


}

@media (min-width: 1150px) and (max-width: 1350px) {

  header.hasGrid .wrapper .wrapperBox{
    margin: 0;
    padding: 0;
    display: grid;
    width: 100vw;
    transform: translate(-50%, 0);
    left: 50%;
    grid-template-columns: [page-start] 1fr [content-start] minmax( 100px, 595px ) minmax( 100px, 595px ) [content-end] 1fr [page-end];
    grid-template-areas: "left   top    top    right"
                         "menu   menu   menu   menu"
                         "banner banner banner banner"
  } 

  header.hasGrid .wrapperBox>div{
    grid-column: content;
  }

  header.hasGrid .wrapperBox .firstRow{
    grid-area: top;
  }

  header.hasGrid .wrapperBox .webletLocationlogo{
    grid-area: top;
  }

  header.hasGrid .wrapperBox .webletLocationmenu{
    grid-area: menu;
  }

  header.hasGrid .wrapperBox .webletLocationbanner{
    grid-area: banner;
  }

  header.hasGrid .wrapperBox .webletLocationbannerText{
    grid-area: banner;
    grid-column: content;
    position: relative;
    margin: 20px 0;
  }

  header.hasGrid .bgWrapper{
    width: 100%;
    height: unset !important;
    overflow: hidden;
    position: relative;
    top: unset;
    left: unset;
    transform: none;
    z-index: -1;
  }

  header.hasGrid .bgWrapper .multimedia{
    display: block;
    max-height: 430px;
    width: 100vw !important;
  }

  header.hasGrid .bgWrapper img{
    position: relative;
    top: unset;
    transform: translate(0, -25%);
    background-size: cover;
  }

  header.hasGrid .bgWrapper p{
    margin: 0;
  }

  header.hasGrid .bgWrapper br{
  height: 0;
  display:block;
  }

}
footer{
  background: #8AB460;
  margin-bottom: 0;
  overflow: hidden;
  padding: 0 5px;
  height: 200px;
}

footer .wrapper{
  height: 100%;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}

footer .wrapper>div{
  flex: 0 0 auto;
}

footer .webletLocationfooterImage{
  position: relative;
  height: 200px;
}
  footer .webletLocationfooterImage::before{
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    right: -56px;
    height: 32px;
    width: 100vw;
    z-index: 1;
  }
footer .webletLocationfooterImage>span{
  display: inline-block;
  width: 100% !important;
}
  footer .webletLocationfooterImage img{
    position: relative;
    z-index: 3;
  }

footer div.webletLocationfooterLinks{
  flex: 0 1 auto;
  padding-bottom: 20px;
  padding-right: 45px;
}
  footer .webletLocationfooterLinks ul{
    display: flex;
    justify-content: flex-end;
  }
    footer .webletLocationfooterLinks li{
      display: inline-block;
      padding: 5px 10px;
    }
      footer .webletLocationfooterLinks li a{
        color: #000000;
        font-size: 23px;
        line-height: 23px;
      }


footer .multimedia img{
  flex: 0 0 auto;
  height: 100%;
  width: auto;
  padding: 0px;
}

footer #goTop{
  position: fixed;
  bottom: 2.5%;
  right: 1.5%;
  z-index: 10;
  display: none;
}
  footer #goTop a{
    display: block;
    text-align: center;
  }
    footer #goTop a:hover{
      color: #000000;
    }
    footer #goTop .icon{
      position: relative;
      width: 54px;
      height: 42px;
      display: block;
  		border-top-left-radius: 20px;   
  		background: #6E6E6E;
      z-index: auto;
    }
    footer #goTop .icon::before{
      content: "";
  		background: #F1EDE9;
      position: absolute;
      top: 15px;
      width: 10px;
      right: 20px;
      height: 20px;
    }
    footer #goTop .icon::after{
      content: "";
      position: absolute;
      top: 5px;
      width: 0;
      height: 0;
      right: 15px;
      border-width: 0 10px 15px 10px;
      border-color: transparent transparent #F1EDE9 transparent;
      border-style: solid;
    }  


#popup[aria-hidden="false"]{
  display: flex;
}
#popup {
  position: absolute;
  top: 0; left: 0;
  width: 100vw;
  height: 100vh;
  display: none; 
  background: #00000080;
  justify-content: center;
  align-content: center;
  z-index:1000;
}
  #popup .screen{
    width: 70vw;
    height: 70vh;
    background: #FFFFFF;
    border-top-left-radius: 30px;  
    padding: 20px;
    border: 2px solid #8AB460;
    position: relative;
  }

#popup .screen button {
  background: transparent;
  border: none;
  position: absolute;
  right: 10px;
  top: 10px;
}
  #popup .screen button::before{
    content: "\f00d";
    font-style: normal;
    font-weight: normal;
    font-family: 'icomoon';
    font-size: 40px;
    line-height: 40px;
    padding: 2px 2px 5px 2px;
  } 


@media (max-width: 799px ) {

  footer div.webletLocationfooterLinks{
    flex-basis: min-content;
  }
}


@media (max-width: 699px ) {
  
  footer .wrapper  ul{
    padding: 2%;
  }
    footer .wrapper  ul li{
    }  
      footer .wrapper  ul li a{
        font-size: 20px;
      }

}

@media (max-width: 349px ) {

  footer{
    margin-bottom: 160px;
    overflow: visible;
  }
  
}


.content button{
  cursor: pointer;
  height: 40px;
  text-align: center;
  line-height: 20px;
  font-size: 22px;
  font-family: 'lato', sans-serif;
  font-weight: normal;
  display: inline-flex;
  align-items: center;
  box-sizing: content-box;
  margin: 20px;
  padding-right: 30px;
  background: #8AB460;
  color: #000000;
  border: none;
  position: relative;
  border-top-left-radius: 15px;    
}

.content button:hover,
{
  background: #8AB460;
  color: #FFFFFF;
}


form .formulierElementen{
  
}
  form fieldset.formulierElementen .formElement{
    float: none;  
    width: 100%;
    font-size: 20px;
    margin-bottom: 10px;
  }
    form fieldset.formulierElementen .formElement label{
      margin-left: 10px;
    }
    form fieldset.formulierElementen .formElement>*,
    form fieldset.formulierElementen .formElement>*>*{
      float: none;  
      width: 100%;
      padding: 0;
      margin: 0;
    }
    form fieldset.formulierElementen .formElement label{
      text-align: left;
    }  
    form fieldset.formulierElementen .formElement input,
    form fieldset.formulierElementen .formElement select,
    form fieldset.formulierElementen .formElement textarea{
      font-size: 20px;
      font-family: 'lato', sans-serif;
      font-weight: normal;
      font-style: normal;
      color: #000000;
      padding: 5px 10px;
    }
    form fieldset.formulierElementen .formElement.Select .inputElement{
      position: relative;
    }
    form fieldset.formulierElementen .formElement.Select .inputElement::after{
      position: absolute;
      top: 4px;
      right: 2px;
      bottom: 2px;
      width: 30px;
      background-color: #FFFFFF;
      color: #8AB460;
      text-align: center;
      font-style: normal;
      font-weight: normal;
      font-size: 20px;

      font-family: 'custIcons';
      content:'\0046';
      cursor: pointer;
      pointer-events: none;
    }
      
      form fieldset.formulierElementen .formElement.Select .inputElement select{
        -webkit-appearance: none;
        -moz-appearance: none;
         appearance: none;
      }
        form fieldset.formulierElementen .formElement.Select .inputElement select::-ms-expand {
           display: none;
        }

      .so_2webletsEnModule form fieldset.formulierElementen .formElement>*>*{
        border: none;
      }

  form fieldset.formulierElementen .formElementButton{
    position: relative;
    height: 50px;
  }
  form fieldset.formulierElementen .formElementButton .centerColButton{
    position: absolute;
    left: 0;
    width: auto;
    float: none;
  }

form fieldset.formulierElementen span.buttonSubmit input{
  height: 41px;
  text-align: center;
  line-height: 20px;
  font-size: 22px;
  font-family: 'lato', sans-serif;
  font-weight: normal;
  display: inline-flex;
  align-items: center;
  box-sizing: content-box;
  margin: 10px 0;
  border: none;
  position: relative;
  display: block;
  width: 55px;
  border-top-left-radius: 15px;    
  padding: 5px 15px;
  color: #FFFFFF;
  background-color: #8AB460;
}

  form fieldset.formulierElementen span.buttonSubmit input:hover{
    text-decoration: underline;
    cursor:pointer;
  }


.multimedia
{
  width:0;
}


.webletcrumble .crumblepath,
.webletcrumble .crumblepath a
{
  color: #000000;
}


@media print
{
html
{
  background: none;
}

body
{
  font-size: 10pt;
  color: Black;
}

#pageWrapper
{
  width: auto;
  background: none;
}

#moduleWrapper
{
  float: none;
  width: auto;
}

#content
{
  padding: 0;
}

#header,
#footer,
#bottombar,
#SE_menubar
{
  display: none;
}

}
main{
  background: #FFFFFF;
}

main.content{
  display: flex;
  flex-wrap: nowrap;
  position: relative;
  witdh: 100%;
}
  .contentWrapper{
    width: 60%; 
    flex: 1 1 auto;
    padding: 30px 0 30px 0;
  }
    article{
      padding: 0 30px 0 0px;
    }
    .bottomWeblets{
      display: flex;
    }
      .bottomWeblets >div{
        padding: 30px;
      }
    .bottomWeblets.contentBottom{
      flex-wrap: nowrap;
    }
      .bottomWeblets.contentBottom >div{
        width: 50%;
        padding: 30px;
      }
      .bottomWeblets.contentBottom >div:first-of-type{
        margin-right: 30px;
      }
    .bottomWeblets.afterContent{
    }
      .bottomWeblets.afterContent >div{
        width: 100%;
      }

  aside{
    max-width: 30%;
    min-width: 250px;
    width: 350px;
    font-size: 90%;
    flex: 0 1 auto;
  }

  .noAside aside{
    width: 0px;
    min-width: 0;
  }
  
  .noAside article,
  .noAside .contentWrapper{
    width: 100%;
    padding-right: 0;
  }
    aside#contentRight>div{
      padding: 30px;
      margin-bottom: 20px;
    }
  
  aside h2{
    font-size: 200%;
    padding: 0;
    line-height: 1;
  }
  aside h2.webletTitle{
  }
  aside h3{
    font-size: 26px;
    font-weight: normal;
    line-height: 34px;
    color: #FFFFFF;
    margin: 10px 0;
  }

  aside#contentRight ul{
    padding: 0 0 20px;
  }
    aside#contentRight ul li{
      display: block;
      margin: 0;
    }
      aside#contentRight ul li a{
        display: block;

      }

  aside#contentRight .overview ul{
    margin: 0;
  }
  aside#contentRight .overview ul>li{
    width: 100%;
    margin: 10px 0 0 0;
    
  }
    aside#contentRight .overview ul>li>div{
      padding: 0 0 20px 0;
    }
      aside#contentRight .overview ul>li>div:last-of-type{
        padding: 0;
      }
    aside .overview ul>li h3{
      padding: 0;
      background: none;
    }
      aside#contentRight .overview ul>li h3 a{
        color: #FFFFFF;
      }


aside#contentRight .webletnavigation{
  padding: 0;
}
  aside#contentRight .webletnavigation ul{
    margin-top: 10px;
  }  
  aside#contentRight .webletnavigation ul li{
    padding: 10px;
    display: flex;
    position: relative;
    background-color: #8AB460;
    margin-bottom: 10px;
  }
  aside#contentRight .webletnavigation ul li:hover{
    background-color: #20829F;
  }
  aside#contentRight .webletnavigation ul a:hover{
    text-decoration: none;
  }
  aside#contentRight .webletnavigation ul a::after{
      content: "";
      position: absolute;
      top: 0; left: 0; right: 0; bottom: 0;  
    }


  .mod_archief1 aside#contentRight{
    display: none;
  }

@media (max-width: 699px ) {

  main.content{
    flex-wrap: wrap;
  }
    .contentWrapper{
      width: 100%;
      padding: 0px;
    }
    aside{
      width: 100%;
      max-width: unset;
      min-width: unset;
    }
    
  div.aside-line {
    border-left: none;
  }
  
  .afterContent{
    margin: 0 -10px;
  }



  .accordionWrapper{
    margin-right: 0px;
  }

  .bottomWeblets.contentBottom{
    flex-wrap: wrap;
  }
    .bottomWeblets.contentBottom > div:first-of-type{
      margin: 0;
    }
    .bottomWeblets.contentBottom >div{
      width: 100%;
      padding: 30px;
      margin-top: 40px;
      margin-bottom: 40px;
    }

}

  .webletniets {
display:none;
}
   .webletsimpleWeblet .multimedia{
  display: block;
  width: 100% !important;
}

.webletsimpleWeblet .multimedia img{
  margin: 0 auto;
  display: block;
}  

.webletsimpleWeblet .simpleText{
  position: relative;
}

.webletsimpleWeblet ul{
  margin: 0;
}

.webletsimpleWeblet ul li{
  display: block;
}  

.webletsimpleWeblet .hiddenLinks .hyperLinks{
  position: unset;
  float: unset;
}

.webletsimpleWeblet .hiddenLinks ul li a{
  display: block;
  position: absolute;
  left: 0; top: 0; right: 0; bottom: 0;
}

.webletsimpleWeblet .hiddenLinks ul li a .title{
  display: none;
}  

 .col-xs-12.auto{
    width: unset;
    float: none;
    display: inline-block;
}  

.popinEdit .webletEditMenu span.icon{
  text-align: center;
  display: block;
  font-size: 30px;
}

.webletEditMenu span.text{
} .weblettekst
{
  padding: 0;
  margin: 0;
}

 
.webletStylenqwifzDsHuOnMzJkNrMVGAC { 


}
.webletStylepbeafzDsHuOnMzJkNrMVGAD { 


}
.webletStyleptboryDsHuOnMzJkNlNULF { 


}
.webletStylenyboryDsHuOnMzJkNlNULD { 


}
.webletStylejicoryDsHuOnMzJkNlNUJN { 


}
.webletStylehncoryDsHuOnMzJkNlNUJL { 


}
.webletStylejycoryDsHuOnMzJkNlNUJH { 


}
.webletStylepletezDsHuOnMzJkNlNUDT { 


}
.webletStylezgdoryDsHuOnMzJkNlNUHN { 


}
.linkbtn{
  border-radius: 20px;
}

.so_home .contentWrapper{
  margin: 30px 0;
}
.so_default .contentWrapper{
  padding-top: 0;
}

.so_home .content .weblettekst a,
.so_home .content .weblettekst a:link,
.so_home .content .weblettekst a:visited{
  color: #20829F;
}

.so_home .webletLocationbannerText.weblettekst a,
.so_home .webletLocationbannerText.weblettekst a:link,
.so_home .webletLocationbannerText.weblettekst a:visited{
  color: inherit;
  text-decoration: underline;
}

.so_home .wrapperBox .weblettekst a:hover{
  text-decoration: none;
}


a:hover
{
  text-decoration: underline;
  color: inherit;
}

header .wrapperBox{
   padding-bottom: 20px;         
}
  header.hasBannerText .wrapperBox{
    padding-bottom: 60px;
    margin-bottom: 40px;
  }    

  header .firstRow{
    top: 70px;
    height: 32px;
  }  
    header .webletLocationsearch{
      border-radius: 20px;
      overflow: hidden;
    }
    .webletLocationsearch p{
      height: 32px;
    }
      header .webletLocationsearch input{
        padding-left: 20px;
        font-size: 15px;
        width: 320px;
      }
      header .webletLocationsearch button{
        width: 35px;
        height: 32px;
        background: #F1EDE9;
      }
      .webletLocationsearch button::after{
        font-size: 15px;
      }
    header .webletLocationcontact .linkbtn{
      padding: 0px 50px;
      font-size: 15px;
      font-weight: normal;
      height: 32px;
    }


@media (max-width: 699px ) {

body.menu-open header .firstRow{
  display: flex;
  width: calc( 100% - 70px);
}

  header .webletLocationcontact{
    display: flex;
    flex: 0 0 auto;
  }
    header .webletLocationcontact .linkbtn{
      padding: 0 10px;
    }
    header .webletLocationcontact span.multimedia{
      display: flex;
      margin: 0 5px 0 0;
    }
 
}

  header .webletLocationbanner,
  header .bgWrapper{
    height: 600px;
  }
  header .bgWrapper::after{
    content: "";
    z-index: 1;
    display: block;
    position: absolute;
    bottom: 0;
    width: 110%;
    left: -3px;
        
    content: url('data:image/svg+xml;utf8,<svg version="1.1" viewBox="0 0 1906 148" xmlns="http://www.w3.org/2000/svg"><path d="m273.94 15.213c-99.358-0.12778-191.88 5.9626-273.94 21.643v111.14h1906v-117.33c-365.45 165.7-1097.6-14.768-1632.1-15.455z" fill="%23FFFFFF"/></svg>');
    transform: translate(0, 28px);
  }

  header .webletLocationbannerText{
    background: #20829F;
    color: #FFFFFF;
    font-weight: 500;
    width: 40vw;
    padding: 30px 40px 50px;
    border-radius: 10px;
    left: 0;
    line-height: inherit;
  }
  header .webletLocationbannerText h2{
    text-transform: none;
    margin-top: 0;
    margin-bottom: 15px;
    font-size: 40px;
    line-height: 48px;
  }
  header .webletLocationbannerText a{
    color: inherit;
  }
  
.section {
  padding-top: 30px;
  padding-bottom: 30px;
}

.section.linkItems{
  display: flex;
  margin: -10px;
}
  .section.linkItems>div{
    width: 33.3%;
    padding: 10px;
  }
    .section.linkItems h2.webletTitle{
      background: #8AB460;
      color: #FFFFFF;
      padding: 0 0 0 20px;
      line-height: 26px;
      height: 80px;
      font-size: 20px;
      margin: 0;
      font-weight: bold;
      display: flex;
      align-items: center;
    }
      .section.linkItems>div:nth-of-type(odd) h2{
        background: #20829F;
      }
    .section.linkItems .image{
      height: 0;
      padding-bottom: 65.2%;
      position: relative;
      overflow: hidden;
    }
    .section.linkItems .image .multimedia{
      display: inline-block;
      position: absolute;
      top: 0; left: 0; right: 0; bottom: 0;
    }
      .section.linkItems .image .multimedia img{
        width: auto;
        height: 100%;
        position: absolute;
        left: 50%;
        min-width: 100%;
        transform: translate(-50%, 0);
      }

section .social{
  display: flex;
  background: #8AB460;
  margin-bottom: 50px;
}
  section .social .weblet{
    padding: 20px;
  }
    section .social .weblet .embed{
      background: #FFFFFF;    
    }
      section .social .weblet .embed iframe{
        width: 100% !important;   
        min-width: auto !important;
      }

.weblet[class=~'tw-'] h2.webletTitle{
  width: 100%;
}  
.weblettekst.tw-50{
  width: 50%;
  margin: 0 auto;
}  

.weblettekst.tw-80{
  width: 80%;
  margin: 50px auto;
}  

.quoteTitle50{
  display: flex;
  align-items: center;
}
  .quoteTitle50>*{
    width: 50%;
  }
  .quoteTitle50 h2.webletTitle{
    font-size: 60px;
    color: #8AB460;
    line-height: 1.5;
    padding: 0 8%;
    margin: 0;
  }

.quote blockquote{
  font-family: 'Arvo', sans-serif;
  font-size: 60px;
  line-height: 1.5;
  padding: 0 8%;
}

.standardText a{
  color: #8AB460;
}

.content .standardText a:hover{
  text-decoration: none;
}



.standardText table td{
  vertical-align: top;
  padding-bottom: 20px;
}

.standardText table tr{
  border-bottom: 1px dotted #000000;
}

.standardText table tr:first-of-type{
  border-bottom: 2px solid #000000;
}

header .webletLocationmenu{
  height: auto;
  width: 100vw;
  margin: 0;
  position: relative;
  transform: translate(-50%, 0);
  left: 50%;
  background: #20829F;
  z-index: 3;
}
  .webletLocationmenu ul>li:hover>a{
    background: #8AB460;
  }

.webletLocationmenu ul>li>ul{
  display: none;
}

div.webletLocationmenu ul.level1:hover>li.selected:hover,
.webletLocationmenu ul>li.selected,
.webletLocationmenu ul>li.selected>a{
  background: #8AB460;
}
  .webletLocationmenu ul.level1:hover>li.selected,
  .webletLocationmenu ul.level1:hover>li.selected>a{
    background: inherit;
  }

  .webletLocationmenu ul li a:hover{
    text-decoration: none;
  }

@media (min-width: 1150px ) {


  header .webletLocationlogo{
    position: relative;
    padding: 15px 0;
    top: 0;
  }
    header .webletLocationlogo img{
      width: 380px;
    }
  
  header .menuBtn{
    position: relative;
    z-index: 1;
    padding: 0 2%;
    margin: 0 auto;
    width: 100%;
    max-width: 1200px;
  }
    header .menuBtn ul{
    }
  .webletLocationmenu ul{
    width: 100%;
    display: flex;
    padding: 5px 0 0;
    flex-wrap: nowrap;
  }
   
  .webletLocationmenu ul li{
    display: inline-block;
    flex: 1 1 auto;
    width: auto;
    padding-bottom: 5px;
    position: relative;
  } 
  .webletLocationmenu ul li a{
    font-size: 16px;
    line-height: 20px;
    display: flex;
    height: 42px;
    padding: 0;
    align-items: center;
    text-align: center;
    justify-content: center;
  }
  
  .webletLocationmenu ul>li:hover>ul{
    display: block;
    position: absolute;
    z-index: 3;
    background: #8AB460;
  }
  
  .webletLocationmenu ul>li>ul{
    min-width: 100%;
    width: auto;
  }
    .webletLocationmenu ul>li>ul>li{
      width: 100%;
    }
      .webletLocationmenu ul>li>ul>li a{
        justify-content: flex-start;
        text-align: left;
        padding-left: 18px;
        padding-right: 18px;
        overflow: hidden;
      }
        .webletLocationmenu ul>li>ul>li>a:hover{
          background: #73945B;
        }


  section .social{
    flex-wrap: nowrap;
    padding: 20px;  
  }
  section .social .weblet{
    width: 50%;
  }

}

.webletarchief1 .webletTitle{
  text-align: center;
}

.linkItems h2.webletTitle{
  font-family: 'Inter', sans-serif;
  font-weight: bold;
}

.mod_archief1 aside#contentRight{
  display: block;
}

@media (min-width: 700px ) {

  .mod_archief1 article{
      padding-right: 30px;
  }
  
  .mod_archief1 #suboutline .content:not(.noAside) .bigImageList.longPage{
      margin-right : -250px;
  }
}

#eventsList #bb h3{
  color: #000000;
}

.overview h3{
  font-weight: bold;
  font-size: 20px;
  max-height: 80px;
  height: 80px;
  display: flex;
  align-items: center;
}
  .overview li h3{
    background: #8AB460;
  }
  .overview :not(.bigImageList) li:nth-of-type(even) h3{
    background: #20829F;
  }

.overview li .listItem a:hover{
  text-decoration: none;
}
  .overview li h3 a::after{
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    margin: 10px 10px 50px;
    content: "";
    z-index: 1;
  }
.overview li .listItem p{
  font-weight: 500;
}

.overview ul > li .leesmeer{
  background: none;
  padding-left: 25px;
}
.content .overview ul > li .leesmeer a{
  color: #20829F;
  text-decoration: underline;
}
.content .overview ul > li .leesmeer a:hover{
  text-decoration: none;
}
.content .overview li p{
  padding-bottom: 0;
  margin: 0;
}

div.bg-blue{
  background: #20829F;
}

div.bg-green{
  background: #8AB460;
}

@media (max-width: 1250px ) {

  .webletLocationmenu ul li a{
    padding: 0 5px;
  }
  
}

aside#contentRight .webletnavigation ul{
  background: #8AB460;
}
  aside#contentRight .webletnavigation ul.level1{
    border-radius: 10px;
    padding: 30px 0;  
  }
    aside#contentRight .webletnavigation ul li{
      padding-left: 20px
    }
      aside#contentRight div.webletnavigation ul:hover li.displayed:hover,
      aside#contentRight .webletnavigation ul li.displayed,
      aside#contentRight .webletnavigation ul li:hover{
        background: #73945B;
      }
      aside#contentRight div.webletnavigation ul:hover>li.displayed:hover,
      aside#contentRight div.webletnavigation ul:hover li.displayed{
        background: inherit;
      }
        aside#contentRight .webletnavigation ul a{
          color: #FFFFFF;
        }

aside#contentRight .webletnavigation ul.level1>li{
  display: none;
}
aside#contentRight .webletnavigation ul.level1>li.selected{
  display: flex;
}
aside#contentRight .webletnavigation ul.level2{
  margin:10px -10px -30px -20px;
  width: calc(100% + 30px);
  padding: 0;
}

.mod_calendar .calendarView #eventsList h2,
.mod_calendar .calendarView .calendar{
  display: none;
}



.afterContent{
  margin: 30px 0 70px;
}
  .afterContent .bottom-center{
    width: 100%;
    position: relative;
    padding: 0;
    margin-bottom: 40px;
  }

.bottom-center h2{
  position: absolute;
  top: -10px;
  left: 50%;
  transform: translate(-50%, 0);
  width: 250px;
  color: #FFFFFF;
  background: #20829F;
  margin: 0;
  padding: 10px;
  text-align: center;
  font-size: 22px;
  border-radius: 10px;
  z-index: 3;
}
.bottom-center::before{
  content: '';
  position: absolute;
  top: -10px;
  left: 50%;
  transform: translate(-50%, 0);
  width: 70%;
  height: 30px;
  background: #20829F;
  border-radius: 10px;
}

.bottom-center .text{
  position: absolute;
  height: 100%;
  width: 100%;
  left: 50%;
  transform: translate(-50%, 0);
  z-index: 5;
}
  .bottom-center .image .multimedia{
    border-radius: 10px;
  }  
  .bottom-center .text .standardText{
    width: auto;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 24px;
  }
    .bottom-center .text .standardText p{
      margin: 0;
    }
    .bottom-center .text .standardText a{
      color: #FFFFFF;
      text-decoration: none;
      font-family: 'Arvo', sans-serif;
      padding: 20px;
    }
      .bottom-center .text .standardText a:hover{
        text-decoration: underline;
      }
    .bottom-center .text .standardText a{
      display: inline-flex;
      align-items: center;
    }
      .bottom-center .text .standardText .icon{
        width: 50px;
        height: 50px;
        display: block;
        position: relative;
        margin-right: 10px;
      }  
      .bottom-center .text .standardText .icon-instagram{
        content: url('data:image/svg+xml;utf8,<svg width="50" height="50" version="1.1" viewBox="0 0 50 50" xmlns="http://www.w3.org/2000/svg"><g transform="translate(-963 -2532)"><path transform="translate(-14042 2512)" d="M15030,70a24.924,24.924,0,1,1,9.73-1.965A24.836,24.836,0,0,1,15030,70Zm-4.935-36.869a8.211,8.211,0,0,0-2.924.534l-.008,0a5.559,5.559,0,0,0-3.465,3.465,6.07,6.07,0,0,0-.537,2.932A39.531,39.531,0,0,0,15018,45a39.531,39.531,0,0,0,.132,4.934,8.185,8.185,0,0,0,.535,2.925l0,.007a5.576,5.576,0,0,0,3.465,3.468l.026.009a8.263,8.263,0,0,0,2.905.524,92.128,92.128,0,0,0,9.869,0,8.26,8.26,0,0,0,2.9-.523l.028-.01a5.594,5.594,0,0,0,3.469-3.468l.008-.022a8.276,8.276,0,0,0,.524-2.91c0-.533.021-.918.045-1.364.039-.729.088-1.63.088-3.57a39.242,39.242,0,0,0-.133-4.934,8.28,8.28,0,0,0-.527-2.916l0-.016A5.278,5.278,0,0,0,15040,35a5.215,5.215,0,0,0-2.135-1.33l-.007,0a8.216,8.216,0,0,0-2.925-.534,92.133,92.133,0,0,0-9.869,0ZM15030,54.865a37.148,37.148,0,0,1-4.8-.132,6.025,6.025,0,0,1-2.18-.371l-.087-.03a4.68,4.68,0,0,1-2.268-2.267l-.016-.044-.015-.044a6.018,6.018,0,0,1-.37-2.175c0-.469-.02-.817-.043-1.22v-.017c-.037-.674-.088-1.6-.088-3.565a37.246,37.246,0,0,1,.132-4.8,6.035,6.035,0,0,1,.367-2.17l.015-.043.019-.054a4.721,4.721,0,0,1,.934-1.334,2.261,2.261,0,0,1,1.334-.933l.109-.037a6.082,6.082,0,0,1,2.157-.363,87.12,87.12,0,0,1,9.6,0,6.089,6.089,0,0,1,2.158.363l.048.016.062.021a4.673,4.673,0,0,1,2.267,2.267l.015.042.017.048a6.064,6.064,0,0,1,.369,2.176c0,.467.02.814.043,1.216.038.671.09,1.59.09,3.582a37.082,37.082,0,0,1-.133,4.8,6.01,6.01,0,0,1-.372,2.181l-.028.082a4.673,4.673,0,0,1-2.267,2.267l-.086.03a6.046,6.046,0,0,1-2.182.371c-.454,0-.789.019-1.215.043C15032.908,54.813,15031.985,54.865,15030,54.865Zm0-16a6.115,6.115,0,1,0,4.366,1.816A6.118,6.118,0,0,0,15030,38.867Zm6.4-1.734a1.466,1.466,0,1,0,1.466,1.466A1.485,1.485,0,0,0,15036.4,37.133ZM15030,49a3.93,3.93,0,1,1,2.851-1.15A3.994,3.994,0,0,1,15030,49Z" fill="%23FFFFFF"/></g></svg>');
      }
      .bottom-center .text .standardText .icon-facebook{
        content: url('data:image/svg+xml;utf8,<svg width="50" height="50" version="1.1" viewBox="0 0 13.229167 13.229167" xmlns="http://www.w3.org/2000/svg"><path d="m7.5843 2.493c0.129-0.00344 0.27459-0.00172 0.44329 0.0043 0.32289 0.011001 0.61887 0.029392 0.65815 0.040393 0.071332 0.020025 0.071332 0.023119 0.071332 0.66351v0.64396l-0.5472 0.011087c-0.65514 0.013235-0.74994 0.044776-0.87928 0.29622-0.073911 0.14325-0.079927 0.19018-0.091528 0.75099l-0.012891 0.59777h0.73369c0.40359 0 0.73369 0.012031 0.73369 0.026642 0 0.047956-0.15917 1.2565-0.17721 1.3452l-0.018048 0.086604-0.62446 0.00885-0.62446 0.0086-0.00859 1.8804-0.00859 1.8804h-1.4909v-3.7767h-1.2693v-1.4598h1.2693v-0.69592c0-0.79601 0.034377-1.0271 0.206-1.3839 0.13639-0.28351 0.45679-0.59914 0.75148-0.73946 0.26006-0.12384 0.49735-0.17872 0.88426-0.18875zm-0.96982-2.3835a6.4393 6.505 0 0 0 -6.4393 6.505 6.4393 6.505 0 0 0 6.4393 6.505 6.4393 6.505 0 0 0 6.4393 -6.505 6.4393 6.505 0 0 0 -6.4393 -6.505z" fill="%23FFFFFF"/></svg>');
      }
      .bottom-center .text .standardText .icon::before{
        content: '';
      }

footer{
  position: relative;
  margin-top: 40px;
  font-size: 15px;
}
  footer::after{
    content: "";
    z-index: 1;
    display: block;
    position: absolute;
    top: 0;
    left: -3px;
    width: 110%;
    
    content: url('data:image/svg+xml;utf8,<svg version="1.1" viewBox="0 0 1906 148" xmlns="http://www.w3.org/2000/svg"><path d="m273.94 15.213c-99.358-0.12778-191.88 5.9626-273.94 21.643v111.14h1906v-117.33c-365.45 165.7-1097.6-14.768-1632.1-15.455z" fill="%23FFFFFF"/></svg>');
    transform: translate(0, -28px) scaleY(-1);
  }
  footer .wrapper{
    padding: 0 2%;
  }
  footer .webletLocationfooterLinks ul{
    padding: 0;
  }
    footer .webletLocationfooterLinks li{
      padding-left: 0;
    }
      footer .webletLocationfooterLinks li::after{
        content: "-";
        padding-left: 10px;
      }
        footer .webletLocationfooterLinks li:last-of-type::after{
          content: none;
        }
      footer .webletLocationfooterLinks li a{
        font-size: 15px;
      }

@media (max-width: 1149px ) {

  footer,
  #pageWrapper,
  header .wrapper{
    padding: 0 2%;
  }

  header .firstRow{
    top: 25px;
   }
  .menuBtn::before{
    top: 20px;
  }
    .webletnavigation.webletLocationmenu ul.level2{
      display: none;
    }

  header::before{
    width: 100%;
    height: 150px;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    background: #FFFFFF;
  }
  
  header .webletLocationlogo{
    z-index: 3;
  }
  
  header .webletLocationbannerText{
    width: 80vw;
    bottom: -30px;
  }

  header .webletLocationbanner, 
  header .bgWrapper{
    height: 530px;
  }

 .quoteTitle50 h2.webletTitle,
  header .webletLocationbannerText h2{
    font-size: 4.8vw;
    padding: 0 7%;
  }
  .quote blockquote{
    font-size: 4.8vw;
  }

  .overview ul>li{
    width: 33.33%;
  }

  body.menu-open header .menuBtn li.hasChildren.opened ul.level2{
    background: #F1EDE9;
    display: block;
    padding-top: 15px;
    padding-bottom: 30px;
  }
    body.menu-open header .menuBtn li.hasChildren.opened ul.level2 li a{
      font-size: 19px;
      line-height: 40px;
      height: auto;

    }
      body.menu-open header .menuBtn li.hasChildren.opened ul.level2 li.selected a{
        color: #8AB460;
        background: #F1EDE9;
      }

}

@media (max-width: 899px ) {

  .section.linkItems>div{
    width: 50%;
    padding: 10px;
  }

  header.hasBannerText .wrapperBox{
    padding-bottom: 220px;
  }

  .quoteTitle50 > *{
    width: 100%;
  }
   .quoteTitle50 h2.webletTitle,
    header .webletLocationbannerText h2{
      font-size: 6vw;
      padding: 0 5% 30px;
    }
  .quote blockquote{
    font-size: 6vw;
  }

  footer div.webletLocationfooterLinks{
    flex-basis: auto;
  }
  
  .overview ul>li{
    width: 50%;
  }

  .bottom-center .image{
    height: 250px;
    position: relative;
  }
    .bottom-center .image .multimedia{
      display: flex;
      width: 100%;
      height: 100%;
    }
      .bottom-center .image .multimedia img{
        max-width: unset;
        height: 100%;
        justify-content: center;
      }


}

@media (max-width: 699px ) {

  .section.linkItems>div{
    width: 100%;
    padding: 10px;
  }
  
  header .webletLocationlogo{
    position: absolute;
  }
    header .webletLocationlogo img{
      width: auto;
      max-height: 100px;
      max-width: 80%;
    }


  header .bgWrapper::after{
    transform: translate(0, 12px);
  }

  header .bgWrapper img {
    width: auto;
    min-width: 700px;
    height: 100%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    left: 50%;
  }
  
  header .webletLocationbannerText{
    width: 100%;
    position: relative;
  }
  
  header.hasBannerText .wrapperBox{
    padding-bottom: 0;
  }

 .quoteTitle50 h2.webletTitle,
  header .webletLocationbannerText h2{
    font-size: 30px;
  }
  .quote blockquote{
    font-size: 30px;
  }

  .bottom-center .text .standardText{
    padding: 40px 0;
  }

  .overview ul>li{
    width: 100%;
  }

  footer{
    padding-top: 40px;
    height: auto;
  }
    footer::after{
      transform: translate(0, -18px) scaleY(-1);
    }
  
}

@media (min-width: 1150px ) {

  .webletLocationmenu ul li a{
    color: #FFFFFF;
  }  

  .bottom-center .text{
    width: 70%;
  }

}

#inline-fb{
  width: 100% !important;
}

.weblettekst a.anchor_id,
.weblettekst .webletAnker{
  display: none;
}



@media print
{

}