:root
{
	--menu-bg:		#061b3a;	/* donkerblauw */
	--menu-txt:		#98A8C5;	/* grijs */
	--menu-txt-hover:	#fff;		/* wit */
	--zwart: 		#000;		/* zwart */
	--blauw:		#5b6693;	/* blauw */
	--goud:			#a6915d;	/* goud */
	--main-bg:		#98A8C5;	/* lichtgrijs */
	--main-txt:		#061b3a;	/* donkerblauw ook */
	--lichtgrijs:		#f3f4f5;	/* licht */
	--donkergrijs:		#515f75;	/* donkergrijs */
	--oranje:		#ffa500;        /* oranje */
	--border:		#b6bac2;	/* licht */
	--body-bg:		#4c575f;	/* neutraal grijs */
	--headerheight:		90px;
	--headerheight_plus:	91px;
	--negative_headerheight_plus:	-91px;
	--headerheight_min:	89px;
	--padding_mainnav:	34px;		/* (headerheight-22)/2) */
	--headerheight320:	60px;
	--headerheight320_plus:	61px;
	--headerheight320_min:	59px;

	--controls-background-color: #665939;
	--controls-color: #f3f4f5;

	/* about header */
	--header-controls-color-5: #595b5e;
	--header-controls-color-6: #73767a;
	--header-controls-hover-color:   #173e77;

	/* about main */
	--main-background-color: #ffffff;
}

/* about header  */
body > div > header,
body > ul
{
	--header-background-color: #f3f4f5;
	--header-controls-background-color: #061b3a;
	--header-controls-color: #406eb8;
	--header-controls-color-2: #ffffff;
	--header-controls-color-3: #5794f7;
	--header-controls-color-4: #a6915d;
}

/* about main */
main
{
	/* background, ... */
	--main-background-color-2: #f3f4f5;
	--main-background-color-3: #061b3a;
	--main-background-color-4: #a6915d;

	/* foreground, text, ... */
	--main-color: #000000;
	--main-color-2: #061b3a;
	--main-color-3: #8f9399;
	--main-color-4: #ffffff;

	/* links, buttons, input fields, ... */
	--main-controls-background-color: #061b3a;
	--main-controls-background-color-2: #f3f4f5;
	--main-controls-background-color-3: #ffffff;
	--main-controls-color: #4576c4;
	--main-controls-color-2: #85744a;
	--main-controls-color-2-darker: #665939;
	--main-controls-color-3: #ffffff;
	--main-controls-color-4: #5794f7;
	--main-controls-color-5: #a6915d;
	--main-controls-color-6: #000000;
	--main-controls-color-7: #8f9399;
	--main-controls-color-7-darker: #73767a;
	--main-controls-color-8: #909399;
	--main-controls-color-9: #595b5e;
}

/* about footer */
main > div > article > footer
{
	--footer-background-color: #061b3a;
	--footer-background-color-2: #a6915d;

	--footer-color: #5794f7;

	--footer-controls-color: #a6915d;
	--footer-controls-color-2: #000000;
}