:root{

/* ### Achtergrond ### */

  --cnvs-body-bg: #FFF;

/* ### Topmenu / Achtergrond ### */

  --menu-boven-container: #efefef;

/* ### Topmenu / Standaard knop ### */

  --menu-boven-btn-bg: #fff;
  --menu-boven-btn-color: #000;
  --menu-boven-btn-bg-hi: #ccc;
  --menu-boven-btn-color-hi: #fff;

/* ### Topmenu / Contact knop ### */

  --menu-boven-contact-btn-bg: #924C8A;
  --menu-boven-contact-btn-color: #FFFFFF;
  --menu-boven-contact-btn-bg-hi: #B169A9;
  --menu-boven-contact-btn-color-hi: #FFFFFF;

/* ### Header ### */

  --cnvs-header-bg: #FFF;
  --cnvs-themecolor: #072566;

/* ### Hoofdmenu / Standaard desktop ### */

  --hoofdmenu-btn-bg: none;
  --hoofdmenu-btn-color: #221053;
  --hoofdmenu-btn-bg-hi: #69c1cd;
  --hoofdmenu-btn-color-hi: #fff;

/* ### Hoofdmenu / Afwijkend desktop ### */

  --hoofdmenu-btn-different-color-bg: #EC6600;
  --hoofdmenu-btn-different-color: #FFF;
  --hoofdmenu-btn-different-color-bg-hi: #000;
  --hoofdmenu-btn-different-color-hi: #FFF;

/* ### Hoofdmenu / Standaard mobiel ### */

  --mob-hoofdmenu-btn-color: #000673;
  --mob-hoofdmenu-btn-color-hi: #69c1cd;
  --mob-hoofdmenu-hamburger-color: #000;
  --cnvs-primary-menu-color: #000673;

/* ### Hoofdmenu / Afwijkend mobiel ### */

  --mob-hoofdmenu-btn-different-color: #909E24;
  --mob-hoofdmenu-btn-different-color-hi: #924C8A;

/* ### Submenu / Desktop ### */

  --submenu-btn-color: #000673;
  --submenu-btn-color-hi: #2cb4e7;
  px solid #efefef;

/* ### Submenu / Mobiel ### */

  --mob-submenu-btn-color: #000;
  --mob-submenu-btn-color-hi: #2cb4e7;
  px solid #efefef;

/* ### Subnavigatie rechts ### */

  --subnavrechts-color-bg: #69c1cd;
  --subnavrechts-color: #fff;
  --subnavrechts-color-bg-hi: #566c94;
  --subnavrechts-color-hi: #FFF;

/* ### Titels ### */

  --cnvs-heading-color: #000;

/* ### Links ### */

  --cnvs-link-color: #1ba7dd;
  --cnvs-link-color-hi: #31B3CC;

/* ### Standaard knoppen ### */

  --knop-bgkleur: #a6839f;
  --knop-kleur: #fff;
  --knop-bgkleurhi: #000;
  --knop-kleurhi: #FFF;
  
	--carrousel-knop-bgkleur:#1ba7dd;/*carrousel knoppen achtergrondkleur*/
	--carrousel-knop-kleur:#fff;/*carrousel knoppen tekstkleur*/
	--carrousel-knop-bgkleurhi:#4DBEEA;/*carrousel knoppen hi achtergrondkleur*/
	--carrousel-knop-kleurhi:#fff;/*carrousel knoppen hi tekstkleur*/

/* ### Footer ### */

  --footer-bg-kleur: #5baed9;
  --footer-kleur: #FFF;

:root{

  /* ### Submenu / Desktop ### */
  --submenu-tussen-lijn: 1px solid #ccc;

  /* ### Submenu / Mobiel ### */
  --mob-submenu-tussen-lijn: 1px solid #fff;
}