@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,400;0,600;0,700;1,400&display=swap');
<!--
CViews kleuren, eenvoudig te vervangen met find-replace:
achtergrond: #fff
tekst: #000
accentkleur lichtblauw: #42B7E4 (h1, h2)
steunkleur 1donkerblauw: #20315c (p)
steunkleur 2oranje: #F29200 (link, button) of #FCB900?
steunkleur 3grijs: #EDEDED
steunkleur 4grijs2: #F1F1F1 
Steunkleur 4blauw: #034177 (footer)
lettertype aanpasbaar in font-family en px voor
h1, extralargetekst, h2, largetext,
mainmenu, subnav, benchmarkname en securemenu
kies hiervoor 1 lettertype en pas eventueel
font-size in samenhang aan
body en div/p niet aanpassen
-->

body {
	background-color:#fff;
	color:#000;
}

div,p,td,th, fieldset,input, textarea, select {
	color:#20315c;
	font-size:16px;
	line-height: 1.65em;
	font-family: 'Open Sans', Helvetica, sans-serif;

}
table, tr, td {
	color:#20315c;
	font-size:16px;
	line-height: 1.65em;
	font-family: 'Open Sans', Helvetica, sans-serif;
}
div.button a {
	background-color:#F29200;
}

div.button.blue a {
	background-color:#F29200;
}

div.button.toggle a {
	background-color:#F29200;
}
div.button input[type="submit"]{
	background-color:#F29200;
}

div.button input[type="button"]{
	background-color:#F29200;
}


.highlight-color {
	color: #ff6900; !important;
}

.highlight-bg {
	background-color:#42B7E4 !important;
}

.mainmenu span,
.sitecontent .nav.subnav ul li,
.submenu,
.benchmarkname,
.securemenu
{
	font-size:12px;
	font-family: 'Open Sans', Helvetica, sans-serif;
	}

.mainmenu ul li span {
	font-size:14px;
	font-family: 'Open Sans', Helvetica, sans-serif;
	text-transform: uppercase;
	font-weight:700;
	letter-spacing: 0.05em;
}

.mainmenu ul li a:hover span {
	background-image:none;
	color:#F29200;
}

.mainmenu ul li.active a span {
	background-image:none;
	color:#F29200;
}
h1,
.extralargetext {
	font-family: 'Open Sans', Helvetica, sans-serif;
	font-size:1.25rem;
    line-height: 15pt;
	color:#42B7E4;
    font-weight:800;
    text-transform: uppercase;
}

h2.highlight {
	font-family: 'Open Sans', Helvetica, sans-serif;
	font-size:1.10rem;
   	color:#42B7E4;
    font-weight:500;
    text-transform: uppercase;
}

h2,
.largetext {
	font-family: 'Open Sans', Helvetica, sans-serif;
	font-size:1.125rem;
   	color:#42B7E4;
    font-weight:800;
    text-transform: uppercase;
}

h3, h4  {
	color:#42B7E4;
}


a:link,
a:visited  {
	color:#ff6900;
}

a:link,
a:hover {
	color:#42B7E4;
	text-decoration: underline;
}

.mainmenu span {
	color:#000;
}

.mainmenu a:hover span {
	color:#42B7E4;
}

.mainmenu .active a {
	background-color:#42B7E4;
}
.mainmenu .active a span,
.mainmenu .active a:hover span {
	color:#ffffff;
}

.sitecontent .nav.subnav ul li:not(.active) a
{ font-weight:normal; color:#000; }
.sitecontent .nav.subnav ul li.active a
{ font-weight:normal; color:#42B7E4; }

.submenu a:link,
.submenu a:visited,
.submenu a:hover {
	color:#42B7E4;
	text-decoration:none;
	font-weight:bold;
}

.submenu .active  {
	background-color:#42B7E4;
}

.submenu .active a:link span,
.submenu .active a:visited span,
.submenu .active a:hover span {
	color:#ffffff;
}
	
.sitefooter {
	padding-top: 15px;
	background-color: #034177;
}

.sitefooter .clearfix a {
	font-size: 12px;
    float: right;
	background-color: #034177;
}

.sitefooter p {
	font-size: 12px;
	color: #ffffff;	
}

/* – table: column border color */
table.default, table.default th , table.default td
{ border-color: #F1F1F1; }

/* – table: header background and font color */
table.default th
{ background-color: #42B7E4; color:white; /* font-weight:normal; */ }

/* – table: odd rows background color – */
table.default tr:nth-child(odd) td
{ background: #EDEDED; }

/* – table: odd columns background color – */
table.default.odd-columns tr td:nth-child(odd)
{ background: #EDEDED; }

/* – table: first column color background color – */
table.default.highlight-first-column tr td:first-child
{ background: #F1F1F1; }

/* – table: last row color background color – */
table.default.highlight-last-row tr:last-child td
{ background: #F1F1F1; }

/* — default block — */
table.dashboard-grid > tbody > tr > td
{ border-radius:6px; }

/* — divider line — */
table.dashboard-grid .divider-t
{ border-top:1px solid #F1F1F1; }

/* — block color 1 — */
table.dashboard-grid td.color1
{ background-color:#42B7E4; color:white; }
table.dashboard-grid td.color1,
table.dashboard-grid td.color1 *
{ color:white; }
table.dashboard-grid td.color1.divider-t
{ border-color:white; }

/* — block color 2 — */
table.dashboard-grid td.color2
{ background-color:#008ceb; color:white; }
table.dashboard-grid td.color2,
table.dashboard-grid td.color2 *
{ color:white; }
table.dashboard-grid td.color2.divider-t
{ border-color:white; }

/* — block color 3 — */
table.dashboard-grid td.color3
{ background-color:#EDEDED; color:black; }
table.dashboard-grid td.color3,
table.dashboard-grid td.color3 *
{ background-color:#EDEDED; color:black; }
table.dashboard-grid td.color3.divider-t
{ border-color:black; }

table.dashboard-grid
{background-color:#F1F1F1;}

.dashboard-block-image table th.col1
{ width:33%; }

.question .qinput label {
    padding-top: 0px;
line-height: 1.65em;
font-size:16px;
}

@media print {
  .submenu,
  .subnav,
  .mainmenu,
  .benchmarkname,
  .securemenu {
    display: none !important;
    visibility: hidden !important;
  }
}