body {
background-color: #1B417B;
background-image:url(images/bg.png);
font-size: 12px;
font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
color:#000000;
padding:0px;
margin:0px;
}


/* Horizontal Rule - This method will function on must browsers */ 
hr { 
	height: 0; 
	border: 0; 
	border-top: 1px solid #B7B7B7; 
}

/* Lists */ 
ul { 
	LINE-HEIGHT: 155%;
}

ol { 
	LINE-HEIGHT: 155%;
}

a {color: #3169B5; text-decoration: underline}
a:visited {color:#3169B5; text-decoration:underline}
a:hover {color: #FF6600;  text-decoration: underline}
a:active { color:#3169B5; text-decoration: underline}

h1 {
font-size: 11px;
text-align:left;
color:#FFFFFF;
background-color: #4791C5;
border-top:0px solid  #98B9E4;
border-bottom:0px solid  #98B9E4;
padding:5px 5px 7px 5px;
margin:0px }

.h1 A:link { COLOR: #FFFFFF; TEXT-DECORATION: none }
.h1 A:visited { COLOR: #FFFFFF; TEXT-DECORATION: none }
.h1 A:active { COLOR: #FFFFFF; TEXT-DECORATION: none }
.h1 A:hover { COLOR: #FFFFFF; TEXT-DECORATION: underline }

h2 {
font-size:20px;
border-bottom: #B7B7B7 0px solid;
border-top: #E0E0E0 0px solid;
font-family:Trebuchet MS;
color: #666666;
background-color:#eff4f7;
font-weight: bold;
padding: 0px 5px;
margin:0px;}

h4 {
font-size:15px;
font-weight: strong;
padding: 10px;
margin:0px;}

img.download {vertical-align:middle;}
img.center {vertical-align:middle;
	padding:3px}


/* ----------container to center the layout-------------- */
#container {
width: 100%;
margin-bottom: 5px;
margin-left: auto;
margin-right: auto;
background-color: #F7F7F7;
}


/* ----------banner for logo-------------- */
#banner {
background-color: #4791C5;
padding: 0px;
margin: 0px;
text-align: center;
}
#banner img {padding:0px 0px;} 

/* -----------------content--------------------- */
#content {
background-color: #ffffff;
padding: 0px;
margin-left: 200px;
margin-right: 0px;
border-left: #B7B7B7 1px solid;
border-right: #7F90AF 0px solid;
height: 100%;
}

div#content { 
min-height:450px;
height:expression(this.scrollHeight > 450 ? "auto":"450px"); 
height: 100%;
}

p{
padding: 8px 8px 8px 8px;
line-height:155%;
margin:0px;
}

p.menutitle{
	background-color: #B7B7B7;
	border-bottom: #B7B7B7 0px solid;
	border-top: #B7B7B7 0px solid;
	color:#ffffff;
	text-align: center;
	font-weight: bold;	
	padding:2px;
	margin-top:0px;
	font-size:11px;
	background-image:url(images/menubg.png);
}
p.menu {
	padding:0px;
	padding-left:1px;
	margin:1px;
	font-size:11px;
}



.menu A:link { COLOR: #000000; TEXT-DECORATION: none }
.menu A:visited { COLOR: #000000; TEXT-DECORATION: none }
.menu A:active { COLOR: #000000; TEXT-DECORATION: none }
.menu A:hover { COLOR: #000000; TEXT-DECORATION: underline }


/* --------------left navi------------- */
#left {
float: left;
width: 200px;
height: 100%;
margin: 0px;
padding: 0px;
border-bottom: #7F90AF 0px solid;
}

/* -----------footer--------------------------- */
#footer {
clear: both;
height: 10px;}

/* Text Boxes */ 
.important {
	background-color: #F1ABAB; 
	border: 1px solid #DFC2C2; 
	padding: 5px; font-weight: bold; 
	text-align: center;
	color:#C20000;}

.orangebox {
	background-color: #E3D5C0; 
	border: 1px solid #996D2A; 
	margin:3px;}

.redbox {
	background-color: #FFA4A4; 
	border: 1px solid #C30000; 
	margin:3px;}

.greenbox {
	background-color: #A4FFA4; 
	border: 1px solid #00C300; 
	margin:3px;}

.aquabox {
	background-color: #A4FEFF; 
	border: 1px solid #00C1C3; 
	margin:3px;}

.yellowbox {
	background-color: #FEFFA4; 
	border: 1px solid #C1C300; 
	margin:3px;}

.contact{
	background-color: #CECECE; 
	border: 0px solid #DFC2C2; 
	padding: 5px;
	font-weight: bold;}
	
.TabelKosten {
	border-collapse: collapse;
	border-style: solid;
	border-width: 1px;
	font-size: 13pt;
}

.MailForm {
	margin-left: 40px;
}

.HeaderSpacerLinks {
	/* background-color:aqua; */
	background-image: url('images/headerSpacerLinks.JPG');
}
.HeaderSpacerRechts{
	/* background-color:red; */
	background-image: url('images/headerSpacerRechts.JPG');
}

.HeaderMiddel {
	/* background-color:green; */
	background-image: url('images/headerDeelMiddel.jpg');
	width:298px;
}

.HeaderDeelLinks {
	/* background-color:green; */
	background-image:url('images/headerDeelLinks.jpg');
	width:213px;
}

.HeaderDeelRechts {
	/* background-color:green; */
	background-image:url('images/headerDeelRechts.jpg');
	width:269px;
}



.TabelLogin {
	margin-left: 40px;
	border-width: 0;
	font-size: medium;
}

.Tekst {
	font-size: 12px;
}

.OnderTekstFilterConfigureren {
	font-size: xx-small;
}