﻿html, body {
	font:90% Arial, Helvetica, sans-serif;
	height: 100%; /* nodig voor sticky footer */;
	margin: 0px;
	padding: 0px;
	background: #ccc;
}
div#pageframe {
	position: relative;
	min-height: 100%; /* For Modern Browsers */;
	height: auto !important; /* For Modern Browsers, overrules height for IE */;
	height: 100%; /* For IE */ /* overflow: hidden; */;
	margin-left: auto;
	margin-right: auto;
	width: 90%;
	background-color:white;
}
/* div#pagemain bevat alles behalve de footer en de zijkant-marges */
div#pagemain {
	padding-bottom: 32px;  /* ruimte voor de footer */
}
div#footerspace {
	clear: both;
	height: 12px;
}
div#pagefooter {
	/* laat blauwe kolom rechts visueel doorlopen */
	clear: both; /* centreer footer met vaste breedte */;
	margin-left: auto;
	margin-right: auto;
	width: 974px; /* sticky footer techniek */;
	position: relative;
	height: 32px; /* bepaal hoogte van footer */;
	margin-top: -32px;  /* trek footer onderaan in beeld */
}
/* header met logo, doorstuur- en afdruk-links */
div#pageheader {
	color: #acabab;
	background-color: #fff;
	height: 90px;
	position: relative;
	padding: 7px;
}
img#logo {
	height: 38px;
	width: 267px;
	margin: 29px 500px 19px 23px;
}
div#headerlinks {
	position: absolute;
	top: 28px;
	right: 25px;
	font-size: 0.85em;
}
div#pageframe div#headerlinks a {
	color: #22539f;
}
div#headerlinks a#afdruklink {
	padding-left: 16px;
}
div#bannerbar {
	background-color: #e53517;
}
div#pageframe div#menubar {
	color: #fff;
	background-color: #427e76;
	height: 30px;
}
dt {
	font-family: Tahoma, Arial, Helvetica;
	font-size: 11px;
	font-weight: bold;
	color: #003366;
}
div#menubar dl, div#menubar dt, div#menubar dd, div#menubar ul, div#menubar li {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
div#menubar {
	position: relative;  /* voor positionering submenu's */
}
div#menubar dl.menu dt {
	float: left;
	height: 30px;
	background-color: #427e76;
}
a:link {
	text-decoration: none;
	color: #003366;
}
a:visited {
	text-decoration: none;
	color: #003366;
}
a:active {
	text-decoration: none;
	color: #003366;
}
a:hover {
	text-decoration: underline;
	color: #ff0000;
}

div#menubar dl.menu dt a {
	color: #fff;
	text-decoration: none;
	float: left;
	position: relative;
	height: 30px;
	line-height: 30px;
	padding: 0px 12px 0px 12px;
	border-right: solid 1px #fff;
	text-transform: uppercase;
}
div#menubar dl.menu dt a.breadcrumb, div#menubar dl.menu dt a:hover {
	background-color: #d55c2f;
}
dl.menu dd {
	display: none;
	position: absolute;
	background-color: #d55c2f;
	padding: 4px;
	border: solid 1px #f97b68;
	z-index: 100;
}
div#menubar dl.menu dd ul li {
	line-height: 1.2em;
	padding: 4px 12px 4px 12px;
}
div#menubar dl.menu dd ul li a {
	color: #fbe8e4;
}
div#menubar dl.menu dd ul li a:hover {
	color: #fbe8e4;
	text-decoration: none;
}
div#footertext, div#footerlinks {
	font-size: 0.8em;
}
div#pagefooter div#footertext {
	color: #949494;
	line-height: 30px; /* plaats tekst verticaal in het midden */;
	padding-left: 20px;
	text-align: center;
}
div#pagefooter div#footerlinks {
	border-top: solid 1px #3864a8;
	color: #6b8dc2;
	position: absolute;
	width: 196px;
	height: 31px;
	left: 766px;
	top: 0px;
	line-height: 30px;  /* plaats tekst verticaal in het midden */
}
div#pagefooter div#footerlinks a {
	color: #bdcdde;
	padding: 0px 4px 0px 4px;
}
div#pagefooter div#footerlinks a:hover {
	color: #fff;
}
div#crumbbar {
	background-color: #d55c2f;
	color: #22539f;
	height: 20px;
	line-height: 20px;
	padding: 0px 0px 0px 20px;
	font-size: 0.85em;
	text-align: right;
	padding-right: 20px;
}
div#pageframe div#crumbbar a.rootcrumb {
	color: #22539f;
}
div#pageframe div#crumbbar a.breadcrumb, div#pageframe div#crumbbar span.currentpage {
	background: url(images/breadcrumb-separator.gif) 3px 3px no-repeat;
	color: #22539f;
	padding: 0px 0px 0px 16px;
}
div.contentpane {
	padding:20px;
	font-family:Verdana, Helvitica, Arial, Sans-Serif;
	font-size:1em;
	font-weight:normal;
	line-height:20px;
}
body div#pageframe, body div#pagefooter, body textarea {
	font-family: Verdana, Helvitica, Arial, Sans-Serif;
}
img {
	border-style: none;
}
span#loginLink {
	display: none;
}
/* Kop stijlen */
/* GENERIC */
H1, H2, H3, H4, H5, H6, TFOOT, THEAD, TH {
	font-family: Verdana, Helvetica, Arial, Sans-Serif;
	color: #19416c;
}
H1 {
	font-size: 17px;
	font-weight: bold;
}
H2 {
	font-size: 14px;
	font-weight: bold;
}
H3, H4, H5, H6 {
	font-weight: bold;
	font-size: 1em;
	padding-bottom: 0px;
}
/* link stijlen */
div#pageframe a, div#pageframe a:link, div#pageframe a:visited, div#pageframe a:active {
	color: #c11d01;
	text-decoration: none;
}
div#pageframe a:hover {
	text-decoration: underline;
}
div#pageframe a.bullet-wit, div#pageframe a.bullet-wit:link, div#pageframe a.bullet-wit:visited, div#pageframe a.bullet-wit:active {
	color: #fff;
	background: url(images/bullet-wit.gif) 0px 4px no-repeat;
	padding-left: 12px;
}
div#pageframe a.bullet-blauw, div#pageframe a.bullet-blauw:link, div#pageframe a.bullet-blauw:visited, div#pageframe a.bullet-blauw:active {
	background: url(images/bullet-blauw.gif) 0px 4px no-repeat;
	padding-left: 12px;
}
div#pageframe a.currentpage {
	color: #000;
	font-weight: bold;
}
div#pageframe h3#themakop a, div#pageframe h3#themakop a:link, div#pageframe h3#themakop a:visited {
	color: #1665a7;
}
/* menu */
div#menubar li {
	clear:both;
}
div#menubar div.menu img {
	vertical-align: middle;
}
div#menubar div.menu {
	float:left;
	margin-top:30px;
	visibility: hidden;
	position: absolute;
	border: 1px solid #deaa08;
	border-top-style:none;
	background-color: #427e76;
	white-space: nowrap;
	z-index:1000;
}
div#menubar dl.menu dt div.menu a {
	font: 12px;
	height: auto;
	text-indent: 0;
	background: none;
	line-height: 2em;	
	border-style:none;
	text-transform:none;
}
div#menubar dt:hover > div.menu {
	visibility: visible;
}
div#menubar ul a:hover div.menu {
	visibility: visible;
}

/* 20220606 */
#form1 {
	max-width: 100em;
	margin-left: auto;
	margin-right: auto;
}

.casemenu li {
	margin-bottom: 1em;
}

.caseoverview {
	width:auto;
}

.caseoverview td {
	padding:2px;
	cursor: pointer;
}