/* voor de divs van de menu-buttons */
.clickme{
	z-index:		50;
	position:		absolute; 
	width:			110px;
	height:		24px; 
	top:			121px;
	cursor:		pointer;
	cursor:		hand;
	font-size:		500px;
}
body, td, xfont, input, textarea, select {
	font:			normal 10pt Arial, Helvetica;
	color:			black;
	text-align:		left;
	
	scrollbar-face-color: #C0D0DF;
	scrollbar-shadow-color: #0E0397;
	scrollbar-highlight-color: #0E0397;
	scrollbar-3dlight-color: #D0E0EF;
	scrollbar-darkshadow-color: #D0E0EF;
	scrollbar-track-color: #D0E0EF;
	scrollbar-arrow-color: #0E0397;
}
a:visited{
  color: #0000FF;
}
a, a:active
{
  outline: none;
}
div {
	-moz-box-sizing:	border-box;
	box-sizing:		border-box;
}
input, textarea, select, option {
	border:			solid 1px black;
}
input.noborder {
	border:			none;
}
input.button {
	text-align:			center;
}
p {
	padding:			0px;
	margin:			0px;
}
body {
	padding:			0px;
	margin:			0px;
/*	background-color:		#0E0397; */
 	background-color:		#FFF;
}
ul {
	margin:			0px;
	margin-left:		36px;
	margin-bottom:		12px;
	margin-top:		12px;
	padding-left:		px;
	text-align:			left;
}
li ul {
	margin-bottom:		0px;
	margin-top:		0px;
}
xul, xli {
	margin:			0px;
	margin-left:		36px;
	padding-left:		px;
	text-align:			left;
}
/* ================ de content ================== */
#content {
  background-color:		#FFF;
  position:			absolute;
  left:			170px;
  top:				190px;
  width:			622px;
  height:			490px;
  padding:			5px;
  padding-bottom:		20px;
  overflow:			auto;
  z-index:250;
}
div.titel {
	color:			#002560;
	font:			bold 12pt Arial, Helvetica;
	padding-top:		2px;
	padding-bottom:		5px;
}
span.subtitel {
	font:			bold 11pt Arial, Helvetica;
	padding-top:		3px;
	padding-bottom:		3px;
}
div.inhoud {
}
.rem	{ ================ de views ================== }
#viewcontent {
	background-color:		#FFF;
	position:			absolute;
	left:			170px;
	top:			160px;
	width:			622px;
	height:			490px;
	padding:			5px;
	overflow-y:		auto;
}
div.viewcontent table {
	width:			100%;
}
div.viewcontent th {
	background-color:		red;
}
div.viewheader {
	width:			100%;
	x-background-color:		green;
	margin:			1px;
	padding:			2px;
	font:			bold 8pt Arial, Helvetica;
	border-bottom:		solid 1px black;
}
div.viewrow {
	width:			100%;
	background-color:		#FFF;
	margin:			1px;
	padding:			1px;
	cursor:			pointer;	// firefox
	cursor:			hand;
}
div.viewrow-selected {
	width:			100%;
	background-color:		#C0D0DF;
	margin:			1px;
	padding:			1px;
	cursor:			pointer;	// firefox
	cursor:			hand;
}
.rem	{ ================ de hoofdstructuur ================== }
img.logo-print {
	display:			none;
}
img.mask {
	position:			absolute;
	left:			170px;
	top:			32px;
	z-index:			1;
}
div.zoeken {
	position:		absolute;
	left:			55px;
	top:			166px;
	width:			170px;
	height:			30px;
	padding-top:		5px;
	padding-left:		2px;
	font:			bold 8pt Arial, Helvetica;
	z-index:		200;
}
div.zoekenbutton {
	position:		absolute;
	left:			5px;
	top:			170px;
	width:			50px;
	height:		17px;
	z-index:		200;
	cursor:		pointer;
	cursor:		hand;
}
div.waarbenik {
	position:		absolute;
	left:			170px;
	top:			160px;
	width:			100%;
	height:			15px;
	padding-left:		4px;
	font:			bold 8pt Arial, Helvetica;
	z-index:10;
	color: #002560;
}
div.home {
	position:		absolute;
	top:			100px;
	left:			3px;
	width:			35px;
	height:			20px;
	cursor:			pointer;
	cursor:			hand;
	z-index:		20;
}
div.terug {
	position:		absolute;
	top:			100px;
	left:			45px;
	width:			53px;
	height:			20px;
	cursor:			pointer;
	cursor:			hand;
	z-index:		20;
}
div.terug a {
	font:			bold 8pt Arial, Helvetica;
	color:			#0E0397;
	text-decoration:	none;
}
div.gewijzigd {
	font:			normal 7pt Arial, Helvetica;
	width:			100%;
	text-align:			center;
	padding-top:		50px;
	display:	none;
}
/* ================ het top-menu ================== */
div.topmenu {
  position:         absolute;
  left:             0px;
  top:              0px;
  width:            790px;
  height:           190px;
  z-index:          1;
  background-image: url('bollen-totaal.gif');
  background-color: #FFF;
}
.rem	{ ================ het menu ================== }
table.menu {
	padding:			0px;
	margin:			0px;
	border-collapse:		collapse;
	border:			solid 0px green;
}
tr.tr1 {
	height:			15px;
	background-color:		#589498;
}
tr.tr2 {
	height:			15px;
	background-color:		#70B8F0;
}
tr.tr3 {
	height:			15px;
	background-color:		#B8E878;
}
div.menu {
	margin-top:		10px;
	position:		absolute;
	left:			0px;
	top:			180px;
	width:			170px;
	overflow-y:		scroll;
  	z-index:1;
	background-color:	#0070B9;
}
div.menu-item-onder {
	padding:		2px;
	color:			#E0F0FF;
	font:			bold 8pt Arial, Helvetica;
	width:			100%;
	cursor:			pointer;	// firefox
	cursor:			hand;
	border-bottom:		solid 1px #F9B900;
}
div.menu-item {
	padding:		2px 2px 2px 8px;
	color:			#FFF;
	font:			8pt Helvetica, Arial;
	width:			100%;
	cursor:			pointer;	// firefox
	cursor:			hand;
}
div.menu-item-selected {
	padding:		2px 2px 2px 8px;
	color:			black;
	font:			8pt Helvetica, Arial;
	width:			100%;
	color:			#F9B900;
	cursor:			pointer;	// firefox
	cursor:			hand;
}
div.menu-subitem-hidden {
	display:			none;
}
div.menu-subitem {
	padding:			1px;
	padding-left:		10px;
	color:			#FFF;
	font:			bold 8pt Arial, Helvetica;
	width:			100%;
	cursor:			pointer;	// firefox
	cursor:			hand;
}
div.menu-subitem-selected {
	padding:			1px;
	padding-left:		10px;
	color:			black;
	font:			bold 8pt Arial, Helvetica;
	width:			100%;
	cursor:			pointer;	// firefox
	cursor:			hand;
}
div.menu-topic {
	background-color:		#70B8F0;
}
div.lijn{
  width: 155px;
  height: 900px;
  background-image: url('lijn.gif');
  position: absolute;
  top: 10px;
  z-index:0;
}
.rem	{ ================ gerelateerde paginas ================== }
table.related {
	float:			right;
	width:			140px;
	x-height:			100%;
	padding:			0px;
	margin-left:		5px;
	margin-bottom:		5px;
	border-collapse:		collapse;
	border-left:		solid 1px #70B8F0;
}
table.related td {
	font:			bold 10pt Arial, Helvetica;
}
div.related {
	width:			150px;
	flow:			right;
	background-color:		#FFF;
	margin-top:		5px;
	padding-top:		1px;
}
div.related-item {
	background-color:		#FFF;
	padding:			2px;
	color:			#0E0397;
	font:			bold 8pt Arial, Helvetica;
	border-bottom:		solid 1px #70B8F0;
	width:			100%;
}
div.related-item-selected {
	background-color:		#70B8F0;
	padding:			2px;
	color:			black;
	font:			bold 8pt Arial, Helvetica;
	border-bottom:		solid 1px #70B8F0;
	width:			100%;
	cursor:			pointer;	// firefox
	cursor:			hand;
}
.rem	{ ================ printen ================== }
@media print {
frameset {
	border:			0px;
}
frame {
	height:			100%;
	overflow:			visible;
}
body {
	background-color:		white;
}
#content {
	background-color:		white;
	position:			absolute;
	left:			0px;
	top:			120px;
	width:			640px;
	height:			100%;
	padding:			0px;
	padding-bottom:		5px;
	overflow:			visible;
z-index: 4;
}
#viewcontent {
	background-color:		white;
	position:			absolute;
	left:			0px;
	top:			120px;
	width:			640px;
	height:			100%;
	padding:			0px;
	overflow:			visible;
}
div.titel {
	position:			absolute;
	left:			115px;
	top:			-40px;
}
img.logo,
img.mask,
div.fotos,
div.zoeken,
div.topmenu,
div.menu,
table.menu {
	display:			none;
}
img.logo-print {
	display:			block;
}
div.viewrow {
	width:			100%;
	background-color:		white;
	margin:			1px;
	padding:			1px;
	border-bottom:		solid 1px #999999;
}
}