body {
  color: #1a2162;
}
.notouch a:hover, a {
  color: #1a2162;
}

/*** Header ***/

.headerlogowrapper {
  background-color: #FFFFFF;
  border-radius: 0 0 24px 24px;
}
.headerlogocontainer {
  float: left;
  background: url("/obssuikerzijde/webresources/images/logo.png") no-repeat center center;
  background-size: contain;
}
.defaultimage {
  background: url("/obssuikerzijde/webresources/images/defaultbg")
}
#mainmenu_desktop.menuu .nav-item .nav-link {
  color: #FFFFFF;
}

.menuu ul.dropdown-menu.show {
  background-color: #4faa9b;
  border: none;
  border-radius: 0 0 15px 15px;
}
.menuu .dropdown-item,
.menuu .dropdown-item:active {
  font-weight: 500;
  color: #ffffff;
  background-image: linear-gradient(
    to right,
    rgba(255, 255, 255, 0) 33%,
    #ffe800 0%
  );
  background-image: linear-gradient(
    to right,
    #ffe800 33%,
    rgba(255, 255, 255, 0) 0%
  );
}
ul.dropdown-menu li.active > a {
  color: #FFFFFF;
}
.notouch .menuu .dropdown-item:hover,
.menuu .dropdown-item:focus {
  color: #1a2162;
  background-color: #4faa9b;
}

.notouch .menuu .nav-item.show .nav-link,
.notouch .menuu .nav-item .nav-link:hover,
.menuu .nav-item.show .nav-link:focus,
.touch.isactive .nav-item.show > a.nav-link.dropdown-toggle {
  color: #FFFFFF;
}
.menuu .nav-item.dropdown.show,
.notouch .nav-item.dropdown:hover {
  background-color: #4faa9b;
}

.zijmenu a.dropdown-item.active {
  color: #FFFFFF;
}

.menuu .dropdown-submenu .dropdown-menu.show .dropdown-item {
  font-weight: 400;
}
.menuu .dropdown-submenu .open,
.menuu .active > a.dropdown-item {
  color: #FFFFFF;
}
/* ===HOME=== */
.homeblock {
  border-radius: 20px;
  background-color: #ffffff;
  color: #FFFFFF;
}
.volg a {
  color: #4faa9b;
}
.volg #contact,
.volg #contact p {
  color: #FFFFFF;
}
.notouch .volg #contact a:hover,
.volg #contact a {
  color: #FFFFFF;
}

.homeblock.banner {
  background-color: #ffffff;
  color: #1a2162;
  border-radius: 15px;
}

.titleborder {
  background-image: linear-gradient(
    to right,
    #1a2162 33%,
    rgba(255, 255, 255, 0) 0%
  );
}
.homeblock.banner .title h2 {
  color: #1a2162;
}
.banner .text {
  color: #1a2162;
}
a.bannerlink .banner .text {
  background-image: url("/common/webresources/poso/images/cpijluitwit.svg"),
    linear-gradient(#1a2162, #1a2162);
}

.notouch a.bannerlink:hover .banner .text,
.notouch a.bannerlink:hover .banner h2 {
  color: #ffe800;
}
.notouch a.bannerlink:hover .banner .text {
  background-image: url("/common/webresources/poso/images/cpijluitwit.svg"),
    linear-gradient(#ffe800, #ffe800);
}
.notouch .ontop:hover {
  color: #ffe800;
}

img.leesmeer {
  fill: #ebaac8;
}
/* ===volg-1 = welkom === */
.homeblock.volg-1,
#contact {
  background-color: #1a2162;
}
.headerform {
  background-color: #FFFFFF;
}
#contact,
.headerform {
  border-radius: 20px;
}
.headerform .form input,
.headerform .form textarea {
  border-radius: 0px;
}
.headerform .form input,
.headerform .form textarea,
.headerform .form .form-control::placeholder {
  border-color: #1a2162;
  color: #1a2162;
}
.headerform .form #submitbutton button {
  color: #FFFFFF;
  background-color: #1a2162;
  border-radius: 0px;
  font-weight: 700;
}
.headerform .form #submitbutton button:hover {
  color: #FFFFFF;
  background-color: #4faa9b;
}

.homeblock.volg-1 h3 {
  font-weight: 700;
}
.homeblock.volg-1 a {
  color: #ffe800;
}

.homeblock.speerpuntenblock {
  background-color: #ebaac8;
}

.subject,
.notouch a:hover .subject {
  font-weight: 700;
  color: #FFFFFF;
}

.homeblock.directnaar {
  background-color: #4faa9b;
}
.homeblock .title h2 {
  color: #FFFFFF;
}
/* == footer == */
#footer .footer {
  border-radius: 24px 24px 0 0;
  background-color: #dc3250;
  color: #FFFFFF;
}
#footerinfo div {
  background-color: #dc3250;
}
#subfooter {
  background-color: #ebaac8;
}
#footerinfo,
#footerinfo a,
.notouch #footerinfo a:hover,
#footerinfo h2 {
  color: #FFFFFF;
  font-weight: 400;
}
.social-networks {
  font-weight: 500;
}
.social-network-icon i::before {
  color: #FFFFFF;
}

.footerlogo {
  background: url("/obssuikerzijde/webresources/images/footerlogo.png") no-repeat center center;
  background-size: contain;
}
/*== illustration ==*/

#slogan p {
  color: #1a2162;
}

/*  Zoekvak */
#headersearchform,
#mobilesearchform {
  border-radius: 12px;
}
#headersearchform input,
#mobilesearchform input {
  font-weight: 700;
  color: #1a2162;
}

#headersearchform .icon-cpijl {
  color: #1a2162;
}
#headersearchform ::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  opacity: 1; /* Firefox */
  color: #1a2162;
}

#headersearchform :-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #1a2162;
}

#headersearchform ::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #1a2162;
}

#toggleMainMenuSearchButton .mvicon {
  color: #FFFFFF;
}
.notouch #toggleMainMenuSearchButton .mvicon:hover {
  color: #4faa9b;
}

/*------------ nieuws homepage --*/
.thumb {
  border-radius: 10px;
  background-color: #A1A1A1;
}

.volg .title h1,
.volg .infoblock h1 {
  color: #ffe800;
}
.title h2,
.calblocks .title h2,
.volg .title h1,
.volg .infoblock h1 {
  color: #4faa9b;
  font-weight: 700;
}
/*
.volg h2,
.volg p,
.inleiding,
.volg .tekst {
  font-weight: 700;
/*  color: #1a2162; */
}
*/
.volg .tekst,
.volg .tekst p,
.volg #contact .inleiding,
.volg #contact .inleiding p {
  font-weight: 400;
}
.volg #contact .inleiding h2,
.volg #contact .inleiding strong.type {
  color: #ffe800;
}

.volg #contact,
.volg #contact h1,
.volg #contact h2,
.volg #contact h3,
.volg #contact h4,
.volg #contact h5 {
  color: #FFFFFF;
}
.volg .foto {
  border-radius: 17px;
}
.meerblok a,
.volg.news .meerblok a,
.prev,
.next {
  color: #4faa9b;
  font-weight: 700;
}
.volg.news .newsarticle .title h1 {
  color: #4faa9b;
}
.volg .meerblok.terugblok a {
  color: #ffe800;
  font-weight: 700;
}

.newsblock {
  font-weight: 400;
  color: #1a2162;
}
.newsblock a {
  color: #1a2162;
}

.newsblock .title {
  font-weight: 700;
}
.thumbdate {
  border-radius: 7px;
  background-color: #ffe800;
  color: #FFFFFF;
  font-weight: 700;
}
.calblock .txt .title {
  color: #ffe800;
}

.calblock a.stretched-link {
  color: #ffe800;
}
.feb .txt .title,
.feb .icon-cplus,
.mei .txt .title,
.mei .icon-cplus,
.aug .txt .title,
.aug .icon-cplus,
.nov .txt .title,
.nov .icon-cplus {
  color: #ebaac8;
}
.feb .thumbdate,
.calblock.feb .modal-content,
.mei .thumbdate,
.calblock.mei .modal-content,
.aug .thumbdate,
.calblock.aug .modal-content,
.calblock.nov .modal-content,
.nov .thumbdate {
  background-color: #ebaac8;
}
.mrt .txt .title,
.mrt .icon-cplus,
.jun .txt .title,
.jun .icon-cplus,
.sep .txt .title,
.sep .icon-cplus,
.dec .txt .title,
.dec .icon-cplus {
  color: #dc3250;
}
.mrt .thumbdate,
.calblock.mrt .modal-content,
.jun .thumbdate,
.calblock.jun .modal-content,
.sep .thumbdate,
.calblock.sep .modal-content,
.dec .thumbdate,
.calblock.dec .modal-content {
  background-color: #dc3250;
}

.calblock .modal-content {
  background-color: #ffe800;
  border-radius: 29px;
  color: #FFFFFF;
}

.title-mbody {
  color: #FFFFFF;
  font-weight: 800;
}
h5.modal-title {
  color: #FFFFFF;
}
.sluit.icon-sluit,
.notouch .sluit.icon-sluit:hover {
  color: #FFFFFF;
}

.modal-header {
  background-image: linear-gradient(
    to right,
    #FFFFFF 33%,
    rgba(255, 255, 255, 0) 0%
  );
}
.modal-body .thumb {
  border-radius: 18px;
  background-color: #A1A1A1;
}
.modal-footer {
  background-image: linear-gradient(
    to right,
    #FFFFFF 33%,
    rgba(255, 255, 255, 0) 0%
  );
}
.modal-footer a,
.homeblock.speerpuntenblock a.leesmeer {
  color: #FFFFFF;
  font-weight: 700;
}
/* speerpunten */
.homeblock.speerpuntenblock .title h2,
.homeblock.speerpuntenblock .subject {
  color: #FFFFFF;
}
#maincontent.speerpunten {
  background-color: #ebaac8;
  color: #FFFFFF;
}
.speerpuntwrapper.nr_1 {
  background-color: #ebaac8;
}
.speerpuntwrapper.nr_2 {
  background-color: #ffe800;
}
.speerpuntwrapper.nr_3 {
  background-color: #4faa9b;
}
.speerpuntwrapper.nr_4 {
  background-color: #ebaac8;
}
.speerpuntwrapper.nr_5 {
  background-color: #ffe800;
}
.nr_1 .row.speerpunt .stack .maskcircle {
  background-color: #4faa9b;
}
.nr_2 .row.speerpunt .stack .maskcircle {
  background-color: #ebaac8;
}
.nr_3 .row.speerpunt .stack .maskcircle {
  background-color: #ffe800;
}
.nr_4 .row.speerpunt .stack .maskcircle {
  background-color: #4faa9b;
}
.nr_5 .row.speerpunt .stack .maskcircle {
  background-color: #ebaac8;
}
.nr_1 .cirkel.picto {
  background-color: #dc3250;
}
.nr_2 .cirkel.picto {
  background-color: #dc3250;
}
.nr_3 .cirkel.picto {
  background-color: #1a2162;
}
.nr_4 .cirkel.picto {
  background-color: #ebaac8;
}
.nr_5 .cirkel.picto {
  background-color: #dc3250;
}
/* AGENDAPAGINA */
.home .meerblok a {
  color: #ffe800;
}
.home .meerblok.nieuws a {
  color: #4faa9b;
}
.bordergrad {
  background-image: linear-gradient(
    to right,
    #ffe800 33%,
    rgba(255, 255, 255, 0) 0%
  );
}
.volg #contact .bordergrad {
  background-image: linear-gradient(
    to right,
    #ffe800 66%,
    rgba(255, 255, 255, 1) 0%
  );
}
/*nieuwe methode iconpic */
.maskcircle {
  background: #dc3250;
}
.directnaar .maskcircle {
  background: #aadcff;
}
.speerpuntenblock .maskcircle {
  background: #dc3250;
}
.speerpuntenblock a:hover .maskcircle {
    background: #1a2162;
}
.speerpuntenblock a:hover .subject {
	color: #FFFFFF;
}
.touch.isactive #mainmenu_desktop.menuu .nav-item .nav-link:focus,
.isactive #mainmenu_desktop.menuu .nav-item.active .nav-link {
  color: #FFFFFF;
}

div.article img {
    border-radius: 15px;
}

@media (max-width: 991.98px) {
  div.article img {
    border-radius: 17px;
  }
  .isactive #navbartoggler {
    background-color: #4faa9b;
  }
  .navbar-toggler {
    border-radius: 0 0 0px 0px;
  }
  .navbar-toggler-icon {
    color: #ffe800;
  }
  .isactive #mainmenu_desktop.menuu .nav-item .nav-link {
    color: #ffe800;
  }
  .menuu .nav-item.show .nav-link {
    color: #FFFFFF;
  }
  #searchbutton .mvicon {
    color: #1a2162;
  }
  #mobilesearchform {
    border-radius: 0px;
  }
  #mobilesearchform input {
    color: #1a2162;
    font-weight: 700;
  }
  #mobilesearchform ::placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    opacity: 1; /* Firefox */
    color: #1a2162;
  }

  #mobilesearchform :-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #1a2162;
  }

  #mobilesearchform ::-ms-input-placeholder {
    /* Microsoft Edge */
    color: #1a2162;
  }
}

@media (max-width: 767.98px) {
  .volg.contact .contactwrapper {
    background-color: #FFFFFF;
  }
  #contact,
  .headerform {
    border-radius: 15px;
  }
  .headerform .form #submitbutton button {
    border-radius: 10px;
  }
  .headerlogowrapper {
    border-radius: 0 0 20px 20px;
  }
  .menuu .dropdown-submenu .dropdown-menu.show .dropdown-item {
    font-weight: 400;
  }
  .footerlogo {
    background: url("/obssuikerzijde/webresources/images/footerlogoxs.png") no-repeat center center;
    background-size: contain;
  }
  #footer .footer {
    border-radius: 0px 0px 0 0;
  }
  .social-networks {
    font-weight: 700;
  }
  .homeblock .title {
    background-image: linear-gradient(
      to right,
      #FFFFFF 33%,
      rgba(255, 255, 255, 0) 0%
    );
  }
  .homeblock .title h2 {
    font-weight: 700;
  }
  .homeblock.volg-1 h3 {
    font-weight: 700;
  }
  .homeblock {
    border-radius: 15px;
  }
  .speerpunten h2,
  .speerpunten h1 {
    font-weight: 700;
  }
  .speerpunten .title {
    background-image: linear-gradient(
      to right,
      #FFFFFF 33%,
      rgba(255, 255, 255, 0) 0%
    );
  }
  .volg .foto {
    border-radius: 15px;
  }
  .calblocks .title h2 {
    color: #ffe800;
  }
  .thumb {
    border-radius: 15px;
  }
  .borderblock {
    background-image: linear-gradient(
      to right,
      #4faa9b 33%,
      rgba(255, 255, 255, 0) 0%
    );
  }
  .calblocks .borderblock,
  #agendablock .borderblock {
    background-image: linear-gradient(
      to right,
      #ffe800 33%,
      rgba(255, 255, 255, 0) 0%
    );
  }
  .volg.landing .headerarticle {
    background-color: #FFFFFF;
    border-radius: 15px;
  }
  .leftmenu, .leftmenu nav.menuu {
    background-color: #4faa9b;
  }
  .leftmenu nav.menuu a {
    text-decoration: none;
  }
}

@media (min-width: 768px) {
  body,
  p {
    font-weight: 400;
  }
  .speerpunten h2,
  .speerpunten h1 {
    font-weight: 700;
    text-transform: uppercase;
  }
  .speerpunten .title {
    background-image: linear-gradient(
      to right,
      #FFFFFF 33%,
      rgba(255, 255, 255, 0) 0%
    );
  }
  .home .meerblok a {
    color: #4faa9b;
  }
  #agendahometop .meerblok.agenda a {
    color: #4faa9b;
  }
  .leftmenu nav.menuu {
    border-radius: 20px;
    background-color: #4faa9b;
  }
  .borderblock {
    background-image: linear-gradient(
      to right,
      #4faa9b 33%,
      rgba(255, 255, 255, 0) 0%
    );
  }
  .volg.news .borderblock {
    background-image: linear-gradient(
      to right,
      #4faa9b 33%,
      rgba(255, 255, 255, 0) 0%
    );
  }
  .volg .headerarticle .inleiding,
  .volg .headerarticle .inleiding p {
    font-weight: 500;
  }
  .headerarticle {
    background-color: #FFFFFF;
    border-radius: 20px;
  }
}
@media (min-width: 992px) {
  #mainmenu_desktop.menuu .nav-item .nav-link {
    color: #FFFFFF;
  }
  .notouch #headersearchform .icon-cpijl:hover {
    color: #dc3250;
  }
  .notouch #mainmenu_desktop.menuu .nav-item .nav-link.mlink:hover,
  #mainmenu_desktop.menuu .nav-item .nav-link.mlink:focus,
  #mainmenu_desktop.menuu .nav-item.active .nav-link.mlink {
    /*color: #4faa9b;*/
    color: #4faa9b;
  }
  #mainmenu_desktop.menuu .nav-item.dropdown.active > a {
    color: #4faa9b;
  }
  #mainmenu_desktop.menuu .nav-item.dropdown.active > a:hover,
  #mainmenu_desktop.menuu .nav-item.dropdown.active.open > a {
    color: #FFFFFF;
  }
  #headertop {
    background-color: #ffffff;
  }
  #mainmenu_1024 {
    background-color: #ffe800;
    border-radius: 0 0 24px 24px;
  }

  #agendahome .meerblok.agenda a {
    color: #4faa9b;
  }
  /*== hovers ==*/
  .notouch .newsblock:hover,
  .notouch .volg.news .newsblock:hover,
 .notouch .volg.news .newsblock:hover .p,
 .notouch .volg.news .newsblock:hover .tekst:hover,
  .notouch .newsblock a:hover
 {
    color: #4faa9b;
  }

  .newsblock .newsblock a.stretched-link:hover .mvicon {
    color: #4faa9b;
  }
  .notouch .meerblok a:hover,
  .notouch #agendahome .meerblok.agenda a:hover {
    color: #ffe800;
  }
  .notouch .homeblock.speerpuntenblock a.leesmeer:hover {
    color: #ffe800;
  }
  .notouch .calblock.plusmodal:hover .icon-cplus,
  .notouch .calblock.plusmodal:hover .txt .title {
    color: #4faa9b;
  }
  .notouch .calblock.plusmodal:hover .thumbdate {
    background-color: #4faa9b;
  }
  .notouch .directnaar a:hover .maskcircle {
    background: #1a2162;
  }
  .notouch .directnaar a:hover .subject {
    color: #ffffff;
  }
  .notouch .social-network-icon:hover i::before {
    color: #4faa9b;
  }
  .volg h2,
  .inleiding,
  .volg .tekst {
    font-weight: 700;
/*    color: #1a2162; */
  }
  .volg .tekst {
    font-weight: 400;
  }
}