<!--

CViews/Totta kleuren, eenvoudig te vervangen met find-replace:
achtergrond, wit: #fff
tekst, zwart: #000
accentkleur, totta-roze: #051D2E
steunkleur 1, lichtblauw (inverse van totta-roze): #008ceb
steunkleur 2, totta-lichtgrijs: #f6f6f6
steunkleur 3, totta-mediumgrijs: #c6c6c6

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:#000;
	font-size:12px;
	font-family: Arial, Verdana, Sans-Serif;
}

.highlight-color {
	color:#051D2E !important;
}

.highlight-bg {
	background-color:#051D2E !important;
}

.mainmenu span,
.sitecontent .nav.subnav ul li,
.submenu,
.benchmarkname,
.securemenu
{
	font-size:12px;
	font-family: Arial, Verdana, Sans-Serif;
}

h1,
.extralargetext {
	color:#051D2E;
	font-size:26px;
	font-family: Arial, Verdana, Sans-Serif;
}

h2.highlight {
	color:#051D2E;
	font-size:16px;
	font-family: Arial, Verdana, Sans-Serif;
}

h2,
.largetext {
	color:#000;
	font-size:16px;
	font-family: Arial, Verdana, Sans-Serif;
}

h3, h4  {
	color:#000;
}

a:link,
a:visited,
a:hover {
	color:#051D2E;
}

.mainmenu span {
	color:#000;
}

.mainmenu a:hover span {
	color:#051D2E;
}

.mainmenu .active a {
	background-color:#051D2E;
}
.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:#051D2E; }

.submenu a:link,
.submenu a:visited,
.submenu a:hover {
	color:#051D2E;
	text-decoration:none;
	font-weight:bold;
}

.submenu .active  {
	background-color:#051D2E;
}

.submenu .active a:link span,
.submenu .active a:visited span,
.submenu .active a:hover span {
	color:#ffffff;
}

/* – table: column border color */
table.default, table.default th , table.default td
{ border-color: #c6c6c6; }

/* – table: header background and font color */
table.default th
{ background-color: #051D2E; color:white; /* font-weight:normal; */ }

/* – table: odd rows background color – */
table.default tr:nth-child(odd) td
{ background: #f6f6f6; }

/* – table: odd columns background color – */
table.default.odd-columns tr td:nth-child(odd)
{ background: #f6f6f6; }

/* – table: first column color background color – */
table.default.highlight-first-column tr td:first-child
{ background: #c6c6c6; }

/* – table: last row color background color – */
table.default.highlight-last-row tr:last-child td
{ background: #c6c6c6; }

/* — default block — */
table.dashboard-grid > tbody > tr > td
{ border-radius:6px; }

/* — divider line — */
table.dashboard-grid .divider-t
{ border-top:1px solid #c6c6c6; }

/* — block color 1 — */
table.dashboard-grid td.color1
{ background-color:#051D2E; 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:#f6f6f6; color:black; }
table.dashboard-grid td.color3,
table.dashboard-grid td.color3 *
{ background-color:#f6f6f6; color:black; }
table.dashboard-grid td.color3.divider-t
{ border-color:black; }

table.dashboard-grid
{background-color:#c6c6c6;}

.dashboard-block-image table th.col1
{ width:33%; }