<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,opsz,wght@0,6..12,200..1000;1,6..12,200..1000&display=swap" rel="stylesheet"><!--
CViews kleuren, eenvoudig te vervangen met find-replace:
achtergrond: #F0F0F2
tekst: #000
accentkleur Grijs: #6A6B7B (h1, h2)
steunkleur 1grijs: #6A6B7B (p)
steunkleur 2oranje: #FF6700 (link, button)
steunkleur 3grijs: #EDEDED
steunkleur 4grijs2: #F1F1F1 
Steunkleur 4grijs: #6A6B7B (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:#F0F0F2;
	color:#F0F0F2;
}

div,p,td,th, fieldset,input, textarea, select {
	color:#6A6B7B;
	font-size:14px;
	line-height: 1.4em;
	font-family: Arial, Helvetica, sans-serif;

}
table, tr, td {
	color:#6A6B7B;
	font-size:14px;
	line-height: 1.4em;
	font-family: Arial, Helvetica, sans-serif;
}
div.sitecontent{
	background-color:#F0F0F2;
}
div.button a {
	background-color:#FF6700;
}

div.button.blue a {
	background-color:#FF6700;
}

div.button.toggle a {
	background-color:#FF6700;
}
div.button input[type="submit"]{
	background-color:#FF6700;
}

div.button input[type="button"]{
	background-color:#FF6700;
}


.highlight-color {
	color: #ff6900; !important;
}

.highlight-bg {
	background-color:#6A6B7B !important;
}

.mainmenu span,
.sitecontent .nav.subnav ul li,
.submenu,
.benchmarkname,
.securemenu
{
	font-size:14px;
	font-family: Arial, Helvetica, sans-serif;
	}

.mainmenu ul li span {
	font-size:14px;
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	font-weight:700;
	letter-spacing: 0.05em;
	color:#6A6B7B;
}

.mainmenu ul li a:hover span {
	background-image:none;
	color:#FF6700;
}

.mainmenu ul li.active a span {
	background-image:none;
	color:#FF6700;
}
h1,
.extralargetext {
	font-family: Arial, Helvetica, sans-serif;
	font-size:1.25rem;
    line-height: 15pt;
	color:#FF6700;
    font-weight:600;
    text-transform: uppercase;
}

h2.highlight {
	font-family: Arial, Helvetica, sans-serif;
	font-size:1.125rem;
   	color:#6A6B7B;
    font-weight:600;
    text-transform: uppercase;
}

h2,
.largetext {
	font-family: Arial, Helvetica, sans-serif;
	font-size:1.125rem;
   	color:#6A6B7B;
    font-weight:600;
    text-transform: uppercase;
}

h3, h4  {
	color:#000;
}


a:link,
a:visited  {
	color:#FF6700;
}

a:link,
a:hover {
	color:#FF6700;
}

.mainmenu span {
	color:#6A6B7B;
}

.mainmenu a:hover span {
	color:#6A6B7B;
}

.mainmenu .active a {
	background-color:#6A6B7B;
}
.mainmenu .active a span,
.mainmenu .active a:hover span {
	color:#ffffff;
}

.sitecontent .nav.subnav ul li:not(.active) a
{ font-weight:normal; color:#6A6B7B; }
.sitecontent .nav.subnav ul li.active a
{ font-weight:normal; color:#6A6B7B; }

.submenu a:link,
.submenu a:visited,
.submenu a:hover {
	color:#6A6B7B;
	text-decoration:none;
	font-weight:bold;
}

.submenu .active  {
	background-color:#6A6B7B;
}

.submenu .active a:link span,
.submenu .active a:visited span,
.submenu .active a:hover span {
	color:#ffffff;
}
	
.sitefooter {
	padding-top: 15px;
	background-color: #FF6801;
}

.sitefooter .clearfix a {
	font-size: 12px;
    float: right;
	background-color: #FF6801;
}

.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: #6A6B7B; 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:#6A6B7B; 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%; }