body {
	margin:  0;
	padding: 0;
	text-align: left;
	font: 16px/22px arial;
	color: #000;
}

img {
	border: 0px;
}

a, a:visited, a:active {
	color: #000;
	text-decoration: underline;
}

h1 {
	margin: 0 0 20px 0;
	font: bold 16px arial;
}

h3 {
	margin: 0 0 10px 0;
	font: 9px/12px arial;
}

td {
	font: 11px/16px arial;
}

img.logo {
	position: absolute;
}

/* ........................................... */

.container {
	width: 850px;
	height: 553px;
	left: 50%;
	top: 50%;
	margin-top: -290px;
	margin-left: -425px;
	border: 1px #000 solid;
	position: absolute;
}

.menu {
	width: 175px;
	height: 250px;
	margin-left: 30px;
	margin-top: 200px;
	position: absolute;
}

.content {
	width: 315px;
	height: 310px;
	padding-right: 15px;
	margin-left: 215px;
	margin-top: 185px;
	overflow-x: hidden;
	overflow-y: auto;
	position: absolute;
}

.content-right {
	font: 13px/18px arial;
	width: 225px;
	height: 385px;
	padding-right: 15px;
	margin-left: 600px;
	margin-top: 120px;
	overflow-x: hidden;
	overflow-y: auto;
	position: absolute;
}

.popup {
	width: 600px;
	height: 433px;
	margin-left: 210px;
	margin-top: 65px;
	background-color: #dff1fd;
	position: absolute;
}

.popup a:link, .popup a:visited {
	text-decoration: none;
}

.popup img {
	margin: 32px 32px 0px 32px;
}

/* ........................................... */

.menu a {
	height: 26px;
	font-size: 13px;
	text-decoration: none;
	vertical-align: middle;
	padding-left: 27px;
	margin-bottom: 5px;
	display: block;
}

.menu a:hover {
	text-decoration: underline;
	color: #000;
}

a.rood {
	background: url(/ENGINE/IMAGES/SANHAVELD/menu/rood.jpg) 0px -2px no-repeat;
}

a:hover.rood, a.rood-active {
	background: url(/ENGINE/IMAGES/SANHAVELD/menu/rood-over.jpg) 0px -2px no-repeat;
	font-weight: bold;
	text-decoration: none;
}

a.oranje {
	background: url(/ENGINE/IMAGES/SANHAVELD/menu/oranje.jpg) 0px -2px no-repeat;
}

a:hover.oranje, a.oranje-active {
	background: url(/ENGINE/IMAGES/SANHAVELD/menu/oranje-over.jpg) 0px -2px no-repeat;
	font-weight: bold;
	text-decoration: none;
}

a.geel {
	background: url(/ENGINE/IMAGES/SANHAVELD/menu/geel.jpg) 0px -2px no-repeat;
}

a:hover.geel, a.geel-active {
	background: url(/ENGINE/IMAGES/SANHAVELD/menu/geel-over.jpg) 0px -2px no-repeat;
	font-weight: bold;
	text-decoration: none;
}

a.licht-groen {
	background: url(/ENGINE/IMAGES/SANHAVELD/menu/licht-groen.jpg) 0px -2px no-repeat;
}

a:hover.licht-groen, a.licht-groen-active {
	background: url(/ENGINE/IMAGES/SANHAVELD/menu/licht-groen-over.jpg) 0px -2px no-repeat;
	font-weight: bold;
	text-decoration: none;
}

a.groen {
	background: url(/ENGINE/IMAGES/SANHAVELD/menu/groen.jpg) 0px -2px no-repeat;
}

a:hover.groen, a.groen-active {
	background: url(/ENGINE/IMAGES/SANHAVELD/menu/groen-over.jpg) 0px -2px no-repeat;
	font-weight: bold;
	text-decoration: none;
}

a.blauw {
	background: url(/ENGINE/IMAGES/SANHAVELD/menu/blauw.jpg) 0px -2px no-repeat;
}

a:hover.blauw, a.blauw-active {
	background: url(/ENGINE/IMAGES/SANHAVELD/menu/blauw-over.jpg) 0px -2px no-repeat;
	font-weight: bold;
	text-decoration: none;
}

a.licht-blauw {
	background: url(/ENGINE/IMAGES/SANHAVELD/menu/licht-blauw.jpg) 0px -2px no-repeat;
}

a:hover.licht-blauw, a.licht-blauw-active {
	background: url(/ENGINE/IMAGES/SANHAVELD/menu/licht-blauw-over.jpg) 0px -2px no-repeat;
	font-weight: bold;
	text-decoration: none;
}

a.paars {
	background: url(/ENGINE/IMAGES/SANHAVELD/menu/paars.jpg) 0px -2px no-repeat;
}

a:hover.paars, a.paars-active {
	background: url(/ENGINE/IMAGES/SANHAVELD/menu/paars-over.jpg) 0px -2px no-repeat;
	font-weight: bold;
	text-decoration: none;
}