body {
	font-family: Arial, sans-serif;
	font-size: 12px;
	margin: 0px;
	color: #7c7c7c;
	background-color: #F1F1F1;
	background-image: url(../images/BodyBG.jpg);
	background-repeat: no-repeat;
	background-position: top center;
	line-height: 15px;
}

html {
	height: 100%;
}

table {
	border-collapse: collapse;
	border-spacing: 0px;
}

th, td {
	padding: 0px;
	font-size: 11px;
}

form {
	margin: 0px;
}

img {
	border: 0px;
}

hr {
	border: 1px solid white;
	border-bottom: 1px solid #38abda;
	margin-bottom: 20px;
	height: 2px;
}

.BlueText {
	color: #38abda;
}

a:link, 
a:hover, 
a:active, 
a:visited {
	color: #0063a9;
	text-decoration: none;
	outline-style: none;
	outline-width: 0;
}

a:hover {
	text-decoration: none;
	color: #e5ad53;
}

h1, h2, h3, h4, h5, h6 {
	font-family: Arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #0062a8;
	padding: 0px;
	margin: 0px;
	padding-bottom: 10px;
	padding-top: 0px;
}

h2 {
	font-size: 11px;
	color:#333;
}

h3 {
	font-size: 13px;
}

h3, h4, h5, h6 {
	font-size: 12px;
}

p {
	margin: 0px;
	padding-top: 2px;
	padding-bottom: 10px;
}

ul {
	margin: 0px;
	padding: 0px;
	padding-left: 25px;	
}



/*DIVS*/
div.ContentHolder {
	margin: 0px auto;
	width: 912px;
	position: relative;
	padding-top: 198px; /*184*/
	background-color: white;
	padding-left: 27px;
	padding-right: 27px;
	padding-bottom: 10px;
}

div.ContentHolder ul#Menu {
	list-style-type: none;
	width: 600px;
	margin: 0px;
	padding: 0px;
}

div.ContentHolder ul#Menu li {
	float: left;
	width: 176px;
	height: 155px;
	display: block;
	position: relative;
	margin-right: 21px;
	margin-bottom: 20px;
}

div.ContentHolder ul#Menu li.MenuBlock {
	background-repeat: no-repeat;
	background-position: 1px 1px; /* WxH = 174x131 */
}

div.ContentHolder ul#Menu li a {
	padding-top: 135px;
	line-height: 18px;
	height: 20px;
	text-align: center;
	display: block;
	color: white;
	font-weight: bold;
	font-size:13px;
}

div.ContentHolder ul#Menu li a:hover {
	color: #e5ad54;
}

div.ContentHolder div.HomepageRight {
	position: absolute;
	right: 0px;
	top: 198px;
	width: 299px;
	height: 290px;
	background-image: url(../images/HomepageBig.jpg);
	background-repeat: no-repeat;
	overflow: hidden;
	padding: 15px;
	padding-top: 25px;
	margin-right: 25px;
	font-size: 12px;
	line-height: 17px;
}

div.ContentHolder div.HomepageRight h1 {
	padding-bottom: 2px;
}

div.ContentHolder div.HomepageFooter {
	width: 884px;
	height: 137px;
	padding: 15px;
	background-image: url(../images/HomepageFooter.jpg);
	background-repeat: no-repeat;
	overflow: hidden;
	position: relative;
	line-height: 20px;
}

div.ContentHolder div.HomepageFooter div.Text {
	width: 550px;
}

div.ContentHolder div.HomepageFooter div#Images {
	position: absolute;
	right: 10px;
	top: 10px;
	width: 325px;
	text-align: right;
	height: 147px;
	overflow: hidden;
}

div.ContentHolder div.HomepageFooter div#Images img,
div.ContentHolder div.HomepageFooter div#Images a {
	max-height: 147px;
	max-width: 325px;
	position: absolute;
	right: 0px !important;
	left: auto !important;
	width: auto !important;
	height: auto !important;
}

div.ContentHolder div#Leftmenu {
	float: left;
	text-align: center;
}

div.ContentHolder div#Leftmenu ul {
	display: block;
	list-style-type: none;
	width: 205px !important;
	margin: 0px;
	padding: 0px;
	text-align: left;
}

div.ContentHolder div#Leftmenu li {
	display: block;
	height: 22px;
	width: 205px;
	background-image: url(../images/MenuItem.jpg);
	background-position: 32px 0px;
	background-repeat: no-repeat;
	margin-bottom: 8px;
}

div.ContentHolder div#Leftmenu li.HasSubs {
	height: auto;
	margin-bottom: 3px;
}

div.ContentHolder div#Leftmenu li a {
	display: block;
	width: 165px;
	font-weight: bold;
	padding-top: 1px;
	line-height: 20px;
	padding-left: 40px;
	background-image: url(../images/MenuInactive.jpg);
	background-repeat: no-repeat;
	background-position: center left;
}

div.ContentHolder div#Leftmenu li a#Active,
div.ContentHolder div#Leftmenu li a:hover {
	background-image: url(../images/MenuActive.jpg);
	color: #E5AD53;
}

div.ContentHolder div#Leftmenu li ul {
	margin-left: 41px;
	margin-top: 4px;
}

div.ContentHolder div#Leftmenu li ul li {
	background-image: none;
	width: 100px;
	margin: 0px;
	padding: 0px;
}

div.ContentHolder div#Leftmenu li ul li a {
	background-image: none;
	margin: 0px;
	padding: 0px;
}

div.ContentHolder div#Leftmenu li ul li a.Active,
div.ContentHolder div#Leftmenu li ul li a:hover {
	background-image: none;
	color: #E5AD53;
}

div.ContentHolder div#Leftmenu img#RandomImage {
	margin-top: 40px;
}

div.ContentHolder div#Leftmenu div#SmallText {
	display: relative;
	width: 200px;
	margin-top: 40px;
	text-align: left;
	color: #e8ab54;	
}

div.ContentHolder div.Content {
	float: right;
	background-image: url(../images/ContentBackground.jpg);
	background-repeat: repeat-y;
	width: 619px;
	position: relative;
	padding-top: 30px;
	padding-left: 32px;
	padding-right: 32px;
	padding-bottom: 40px;
	color: #7c7c7c;
	line-height: 20px;
	font-size: 12px;
	margin-bottom: 20px;
}

div.ContentHolder div.Content h1,
div.ContentHolder div.Content h2,
div.ContentHolder div.Content h3,
div.ContentHolder div.Content h4,
div.ContentHolder div.Content h5,
div.ContentHolder div.Content h6 {
	color: #7c7c7c;
}

div.ContentHolder div.Content div.ContentHeader {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 683px;
	height: 19px;
	background-image: url(../images/ContentHeader.jpg);
	background-repeat: no-repeat;
}

div.ContentHolder div.Content div.ContentFooter {
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 683px;
	height: 14px;
	background-image: url(../images/ContentFooter.jpg);
	background-repeat: no-repeat;
}

div.Footer {
	position: relative;
	background-color: #dbe9f3;
	height: 20px;
	width: 912px;
	margin: 10px auto 10px auto;
	padding-left: 27px;
	padding-right: 27px;
	overflow: hidden;
	line-height: 15px;
	color: #0063A9;
	font-size: 9px;
}

div.Footer a#Colofon {
	position: absolute;
	right: 45px;
	top: 2px;
	font-size: 9px;
}

div.Header {
	position: absolute;
	top: 0px;
	left: 0px;
	height: 184px;
	width: 100%;
	background-image: url(../images/HeaderBackground.jpg);
	background-repeat: repeat-x;
}

div.Header div.Content {
	background-image: url(../images/HeaderBG.jpg);
	background-repeat: no-repeat;
	margin: 0px auto;
	width: 966px;
	height: 180px;
	padding-top: 4px;
	position: relative;
}

div.Header div.Content div.Topmenu {
	position: absolute;
	right: 0px;
	text-align: right;
	top: 4px;
	z-index: 10;
}

div.Header div.Content div.Topmenu ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

div.Header div.Content div.Topmenu ul li {
	display: inline-block;
	margin-left: 8px;
	background-image: url(../images/TopmenuBG.jpg);
	height: 20px;
	text-align: center;
	background-repeat: repeat-x;
	position: relative;
	zoom:1;
	*display:inline;
}

div.Header div.Content div.Topmenu ul li span.Left {
	position: absolute;
	left: 0px;
	top: 0px;
	display: block;
	height: 20px;
	width: 4px;
	background-image: url(../images/TopmenuLeft.jpg);
	background-repeat: no-repeat;
}

div.Header div.Content div.Topmenu ul li span.Right {
	position: absolute;
	right: 0px;
	top: 0px;
	display: block;
	height: 20px;
	width: 4px;
	background-image: url(../images/TopmenuRight.jpg);
	background-repeat: no-repeat;
}

div.Header div.Content div.Topmenu ul li a {
	display: inline-block;
	padding-top: 2px;
	height: 18px;
	font-size: 11px;
	padding-left: 15px;
	padding-right: 15px;
}

div.Header div.Content div.Topmenu ul li a:hover {
	color: #e5ad53;
}

div.Header div.Content div.Kruimelpad {
	position: absolute;
	bottom: 5px;
	left: 27px;
}

div.Header div.Content div.Kruimelpad a {
	font-size: 9px;
	color: #bdbdbd;
}

div.Header div.Content div.Kruimelpad a:hover {
	color: #e5ad54;
}

div.Header div.Content div.Kruimelpad a.Actief {
	color: #0063A9;
}

div.Header div.Content a#Logo {
	z-index: 10;
	position: absolute;
}

div.Header div.Content div.HeaderFix {
	position: absolute;
	top: 0px;
	left: 966px;
	width: 83px;
	height: 71px;
	background-image: url(../images/HeaderFix.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	
}

div.Header div.Content div.Data {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1;
	height: 150px;
	width: 965px; 
	text-align: right;
	overflow: hidden;
}


.DoClear {
	clear: both;
}
div.Clear {
	clear: both;
	border: 0px;
	margin: 0px;
	padding: 0px;
	width: 0px;
	overflow: hidden;
	height: 0px;
}


/* MAILFORMULIER */

.MFKop {
  color: #030303;
  font-size: 18px;
}

.MFErrorMessage {
  color: red;
}

.MFSubmitButton, .MFCancelButton, .MFConfirmButton {
  width: 100px;
  padding: 0px;
  margin: 0px;
  padding-left: 10px;
  padding-right: 10px;
  height: 18px;
  line-height: 14px;
  color: #ffffff;
  font-size: 11px;
  background-color: #38ABDA;
  border: 0px solid #e8ab54;
  text-align: center;
}

.MFConfirmButton {
	height: 20px;
	line-height: 20px;
	width: 150px;
}

.MFSubmitTD {
  text-align: right;
}

.MFDataTD {
  text-align: left;
  width: 150px;
}

.MFTD {
  width: 180px;
  vertical-align: top;
  font-weight: normal;
}

.MFMedium, .MFSmall, .MFLarge,
.MFNaamType, .MFEmailType, .MFFileType {
  border: 1px solid #e8ab54;
  width: 250px;
  margin: 0px;
  padding: 0px;
  padding-left: 3px;
  padding-top: 1px;
  padding-bottom: 1px;
  font-family: "Verdana", sans-serif;
  font-size: 10px;
  margin-bottom: 3px;
  color: #0063A9;
}

.MFSmall {
	width: 50px;
}

.MFMedium {
	width: 120px;
}

.MFLarge {
	width: 190px;
}

.MFExtraUitleg {
  font-weight: normal;
  font-style: italic;
  padding-bottom: 10px;
}

.MFVerplichtTD {
  color: #174297;
  font-weight: bold;
  vertical-align: top;
  padding-top: 3px;
  width: 10px;
}

.MFFileType {
  color: #7b797a;
  border: 1px solid black;
  margin: 2px;
  padding-left: 3px;
  padding-right: 3px;
  width: 304px;
}

/* DEBUG CONSOLE */
div.DebugConsole {
	position: absolute;
	top: 50px;
	left: 250px;
	width: 600px;
	border: 1px solid black;
	overflow: auto;
	background-color: white;
	padding: 50px;
	z-index: 3000;
}

span.Dot {
	background-image: url(../images/Dot.jpg);
	background-repeat: no-repeat;
	background-position: center 7px;
	width: 6px;
	height: 6px;
}