html, body {
	height: 100%;
	margin: 0px;
	padding: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	background: url(images/achtergrond.jpg) no-repeat top center;
}

/* * * * * * * * * * BEGIN CONTAINERS * * * * * * * * * */

.container {
	position: relative;
	margin: 0px auto;
	width: 956px;
	z-index: 1;
}

.containerboven {
	position: absolute;
	top: 0px;
	left: 0px;
	margin: 0px;
	width: 956px;
	height: 180px;
	z-index: 1;
}

.containerbovennavigatie {
	position: absolute;
	top: 140px;
	left: 291px;
	width: 665px;
	height: 40px;
	z-index: 1;
}

.containeronder {
	position: absolute;
	top: 180px;
	left: 0px;
	margin: 0px 46px 0px 46px;
	width: 865px;
	z-index: 1;
}

.containernavigatie {
	position: absolute;
	left: 0px;
	top: 0px;
	margin: 0px;
	width: 218px;
	z-index: 1;
	background-color: #d5df2c;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetiva, sans-serif;
	font-size: 15px;
	line-height: 25px;
	font-weight: bold;
}

.logosondernavigatie {
	margin-top: 250px;
	float: left;
}

.containerwerkveld {
	position: absolute;
	left: 237px;
	top: 0px;
	margin: 0px;
	width: 416px;
	z-index: 1;
	display: block;
	min-height: 10px;
	background: url(images/achtergrond-midden.gif);
}

.containerrechterkant {
	position: absolute;
	left: 652px;
	top: 0px;
	width: 211px;
	z-index: 2;
	background: url(images/achtergrond-rechts.gif);
}

/* * * * * * * * * * BEGIN CONTAINERS HOMEPAGE * * * * * * * * * */

.homeBlock1 {
	margin: 0px;
	width: 208px;
	display: table;
	float: left;
}

.homeBlock2 {
	margin: 0px;
	width: 207px;
	float: left;
}

/* * * * * * * * * * BEGIN STANDAARDEN * * * * * * * * * */

.LichtBlauweAchtergrond {
	background: #e5edee url(images/achtergrond-midden.gif);
}

.DonkerBlauweAchtergrond {
	background: #00505c url(images/achtergrond-rechts.gif);
	color: #ffffff;
}

.smallfont {
	font-size: 12px;
}

.smallfont ul {
	margin: 0px 0px 0px 10px;
	padding: 0px 0px 0px 10px;
	list-style-type: disc;
}

.smallfont li {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background: none;
}

.smallfont a:link, .smallfont a:visited, .smallfont a:active {
	font-weight: normal;
	color: #00505c;
}

.smallfont a:hover {
	text-decoration: none;
}


.DonkerBlauweAchtergrond ul {
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	list-style-type: none;
	
}

.DonkerBlauweAchtergrond li {
	margin: 6px 0px 0px 0px;
	padding: 0px 0px 0px 15px;
	background: url(images/list-icon-rechts.gif) top left no-repeat;
	
}

.DonkerBlauweAchtergrond a:link, .DonkerBlauweAchtergrond a:visited, .DonkerBlauweAchtergrond a:active {
	font-weight: normal;
	color: #d2e000;

}

.DonkerBlauweAchtergrond a:hover {
	text-decoration: none;
}

a:link, a:visited, a:active {
	color: #00505c;
	font-weight: bold;
}

a:hover {
	text-decoration: none;
}

ul {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	list-style-type: none;
}

li {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 15px;
	background: url(images/list-icon.gif) top left no-repeat;
}

input.knop {
	border: 1px solid;
	margin: 0px 0px 0px 0px;
	padding: 3px 3px 3px 3px;
	background: none;
	color: #00505c;
	font-weight: bold;
	text-decoration: underline;
}

.Thumbnail {
	border: 1px solid #00505c;
	display: table;
	float: right;
}

div.hr {
	margin: 10px 0px 5px 0px;
	height: 1px;
	background: url(images/border-horizontal.gif);
}

div.hr hr {
	display: none;
}

h1 {
	font-family: "Trebuchet MS", Verdana, Arial, Helvetiva, sans-serif;
	font-size: 17px;
	font-weight: normal;
	color: #00505c;
	margin: 0px 0px 0px 0px;
}

.kop1 {
	font-family: "Trebuchet MS", Verdana, Arial, Helvetiva, sans-serif;
	font-size: 17px;
	font-weight: normal;
	color: #00505c;
	margin: 0px 0px 0px 0px;
}

h2 {
	font-family: Verdana, Arial, Helvetiva, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #7fa7ad;
	margin: 0px;
}

.kop2 {
	font-family: Verdana, Arial, Helvetiva, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #7fa7ad;
	margin: 0px;
}

p {
	margin: 0px;
	padding: 0px;
}

form {
	margin: 0px;
	padding: 0px;
}

input, textarea {
	font-family: Verdana, Arial, Helvetiva, sans-serif;
	font-size: 12px;
	color: #00505c;
}

.inputzoeken {
	font-size: 9px;
	font-family: Arial, Helvetica, sans-serif;
	width: 86px;
	height: 12px;
	border: 0px;
	margin: 0px;
	padding: 0px;
}

.lijn {
	clear: both;
	width:100%;
	height:1px;
	overflow:hidden;
	background: url(images/border-horizontal.gif);
}

.padding15px {
	padding: 15px;
}

/* * * * * * * * * * BEGIN MENU * * * * * * * * * */

.clCMEvent {
	position: relative;
	width: 99%;
	height: 99%;
	clip: rect(0,100%,100%,0);
	left: 0;
	top: 0;
	visibility: visible;
}

.clCMAbs {
	position: relative;
	visibility: hidden;
	left: 0;
	top: 0;
}

.clBar {
}

.clLevel0,.clLevel0over {
	position: absolute;
	padding: 2px;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetiva, sans-serif;
	font-size: 15px;
	line-height: 15px;
	font-weight: normal;
}

.clLevel0 {
	background-color: #d5df2c;
	color: #3f5c66;
}

.clLevel0over {
	background-color: #d5df2c;
	color: #ffffff;
	cursor: pointer;
}

.clLevel0border {
	position: absolute;
	visibility: hidden;
	background-color: #d5df2c;
	background: url(images/menu-border0.gif);
}

.clLevel1, .clLevel1over {
	position: absolute;
	padding: 2px;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetiva, sans-serif;
	font-size: 15px;
	line-height: 15px;
	font-weight: normal;
}

.clLevel1 {
	background-color: #3f5c66;
	color: white;
}

.clLevel1over {
	background-color: #3f5c66;
	color: #d5df2c;
	cursor: pointer;
}

.clLevel1border {
	position:absolute;
	visibility:hidden;
	background-color:#3f5c66;
	background: url(images/menu-border1.gif);
}


.clLevel2, .clLevel2over {
	position:absolute;
	padding:2px;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetiva, sans-serif;
	font-size:15px;
	line-height: 15px;
	font-weight:normal;
}

.clLevel2 {
	background-color:#81949a;
	color:#3f5c66;
}

.clLevel2over {
	background-color:#81949a;
	color:#d5df2c;
	cursor:pointer;
}

.clLevel2border {
	position:absolute;
	visibility:hidden;
	background-color:#81949a;
	background: url(images/menu-border2.gif);
}