* {
	margin:0;
	padding:0;
}
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-image: url(images/bg_site.gif);
	background-repeat:repeat-x;
	background-color:#07529f;
	margin: auto; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: left; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
	line-height:110%;
}
#container {
	width: 776px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	left:50%;
	margin: auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
}
form {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
}
img {
	padding:0;
	margin:0;
}
p, table, td, label {
	font:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#2b2f2f;
}
a {
	font:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#007ab3;
	text-decoration:underline;
}
a:hover {
	font:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#007ab3;
	text-decoration:none;
}
h1 {
	margin-top:7px;
	font:Verdana, Arial, Helvetica, sans-serif;
	font-size:20px;
	color:#40536c;
	line-height:200%;
}
h2 {
	margin-top:7px;
	font:Verdana, Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#2b2f2f;
}
h3 {
	margin-top:7px;
	font:Verdana, Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#2b2f2f;
	line-height:200%;
}
h4 {
	margin-top:7px;
	font:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#2b2f2f;
	line-height:200%;
}
h5 {
	margin-top:7px;
	font:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#2b2f2f;
	font-weight:bold;
	line-height:200%;
}
h6 {
	margin-top:7px;
	font:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#2b2f2f;
	line-height:200%;
}
#header {
	text-align:left;
	width:776px;
	height:85px;
	position: relative;
}
#header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
}
#logo {
	float:left;
	padding-top:10px;
}
#footer2 {
	float:right;
	color:#FFFFFF;
}
#footer2 a {
	font-size:13px;
	color:#FFFFFF;
}
#nav {
	text-align:left;
	position: relative;
	height:34px;
	overflow:hidden;
	padding-left:28px;
}
#nav img {
	margin-right:3px;
	padding:0;
}
#nav a {
	padding-top:10px;
	text-align:center;
}
#nav li {
	display:inline;
}
ul {
	list-style: none;
}
a.level1-no {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#000000;
	text-decoration:none;
}
a.level1-act {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#000000;
	text-decoration:none;
}
.level1-no {
	background-image:url(images/bt_no.gif);
	height:34px;
	width:116px;
	display:inline-block;
	margin-right:3px;
}
.level1-act {
	background-image:url(images/bt_act.gif);
	height:34px;
	width:116px;
	display:inline-block;
	margin-right:3px;
}
#banner {
	text-align:left;
	position: relative;
	/*	top:-10px;*/
	width:776px;
	height:196px;
}
#bedrijfslogos li {
	display:inline;
	padding-right:0px;
}
#bedrijfslogos {
	padding:17px 0px 0px 0px;
	height:196px;
	width:430px;
	background:url(images/header-links.gif) no-repeat;
	float:left;
}
#header-rechts {
	background:url(images/header-rechts.gif) no-repeat;
	float:left;
	height:196px;
	width:346px;
	overflow:hidden;
}
#mainContent {
	text-align:left;
	padding:0; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	background-color:#CCCCCC;
	position: relative;
	width:100%;
	background-image:url(images/content-normal-middle.gif);
}

/*#kleur {
	position: relative;
	background-color:#edf0f4;
	width:776px;
	top:394px;
}*/
#overloop1 {
    background:url(images/overloop1.gif) no-repeat;
	position: relative;
	height:19px;
	background-color:#CCCCCC;
	/*border-top:#EDF0f4 solid 10px;*/
}
#wrap {
	background:url(images/content-normal-middle.gif) repeat;
	width:776px;
}
#wrap:after {
	content:" ";
	display:block;
	clear:both;
}
#content-rechts {
    background-image:url(images/rechts1px.gif);
	background-repeat:repeat-y;
	float:left;
	width:460px;
	min-height:180px;
	padding:0px 30px 0px 30px;
}
#content-rechts p {
	margin:3px 0px 12px 0px;
}
#content-links p {
	margin:3px 0px 12px 0px;
}
#content-normal p {
	margin:3px 0px 12px 0px;
}
#content-border p {
	margin:3px 0px 12px 0px;
}
#content-links {
	background-image:url(images/content-1px.gif);
	background-repeat:repeat-y;
	width:400px;
	min-height:180px;
	float:left;
	padding:0px 30px 0px 30px;
}
#overloop2 {
	background-image:url(images/overloop2.gif);
	height:19px;
	width:100%;
}
#overloop3 {
	background-image:url(images/overloop3.gif);
	background-repeat: no-repeat;
	height:29px;
	width:100%;
	border-top:#EDF0f4 solid 17px;
}
#content-normal {
	background-image:url(images/content-normal-middle.gif);
	width:716px;
	min-height:300px;
	padding:0px 30px 0px 30px;
}
#content-normal:after {
	content:" ";
	display:block;
	clear:both;
}
#content-normal ul {
	list-style:disc;
	font-size:11px;
	/*color:#007ab3;*/
	color:#2b2f2f;
	margin-bottom:5px;
}
#content-normal li {
	margin-left:15px;
}
#content-normal ol {
	font-size:11px;
	color:#2b2f2f;
	margin-left:5px;
	margin-bottom:5px;
}
#content-border ul {
list-style:disc;
	font-size:11px;
	color:#2b2f2f;
	margin-bottom:5px;
}
#content-border ol {
	font-size:11px;
	color:#2b2f2f;
	margin-left:5px;
	margin-bottom:5px;
}
#content-border li {
	margin-left:15px;
}

#overloop4 {
	background-image:url(images/overloop4.gif);
	height:32px;
}
#toprightmenu, #footer-menu1, #footer-menu2 {
	font-size: 12px;
	color:#FFFFFF;
	padding:10px 0px;
	bottom:10px;	
}
#toprightmenu {
	float:right;
}
#toprightmenu a:hover  {
	font-size: 12px;
	color:#FFFFFF;
	text-decoration:underline;
}
#toprightmenu a, #footer-menu1 a {
	font-size: 12px;
	color:#FFFFFF;
	text-decoration:none;
}
#footer-menu1 a:hover {
	color:#FFFFFF;
	text-decoration:underline;
}
#footer-menu2 a {
	text-decoration:underline;
	font-size: 12px;
	color:#FFFFFF;
}
#footer-menu2 a:hover {
	text-decoration:none;
	font-size: 12px;
	color:#FFFFFF;
}
#footer-menu1 {
	position:relative;
    top:5px;
}
legend {
	border            : none;
}
fieldset {
	border            : none;
}
.radiolayout {
	width             : 60%;
	border            : none;
}
.formu {
	width             : 80%;
	padding-top       : 10px;
	padding-bottom    : 10px;
	border            : none;
}
.mf-input {
	margin-bottom     : 5px;
	vertical-align    : middle;
}
.mf-text {
	margin-bottom     : 5px;
	vertical-align    : top;
}
.mf-select {
	margin-bottom     : 5px;
	vertical-align    : middle;
}
.mf-check {
	border            : none;
	margin-bottom     : 5px;
	vertical-align    : middle;
}
.mf-radio {
	border            : none;
	margin-bottom     : 5px;
	vertical-align    : middle;
}
.mf-file {
	margin-bottom     : 5px;
	vertical-align    : middle;
}
.mf-submit {
	margin-bottom     : 5px;
	vertical-align    : middle;
}
