/* <!-- */
	/* General styles */
	* { padding:0; margin:0; border="0"} 
	#wrap { 
		
		width : 1000px;
		margin-left : auto;
		margin-right : auto;
		margin-top : 10px;
		padding : 0;
		color : #ff3;
		} 
    body {
        margin:0;
        padding:0;
        border:0;			/* This removes the border around the viewport in old versions of IE */
        width:100%;
        background:#D8D9DF;
        min-width:600px;    /* Minimum width of layout - remove line if not required */
							/* The min-width property does not work in old versions of Internet Explorer */
		
		font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    }
	a {
    	color:#ffff00;
		border="0";
	}
	a:hover {
		color:#ffffff;
		background:#372C78;
			border: 0px;
		
	}
    h1, h2, h3, h4, h5, h6 {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #372C78;
	text-align: left;
	padding: 0;
}
	 h1{
	 	font-size: 16px;
	 }
	 h2{
	 	font-size: 15px;
	 }
	 h3{
	 	font-size: 14px;
	 }
	 h4{
	 	font-size: 13px;
	 }
	 h5{
	 	font-size: 12px;
	 }
	 h6{
	 	font-size: 11px;
	 }
    p {
     
        padding:0;
		color:#fff;
    }
	table { 
	border: 0px solid #000;
	font: 10px;
	color: #000;
		}
	td {
	border: 0px solid #342977;
	padding: 2px;
	font-size: 10px;
	color: #000;
	text-align: left;
	
}
	img {
		margin:10px 0 5px;
	}
	li {
	font-size: 12px;
	font-weight: bold;
	color: #342977;
	
}
	ul {
		text-align: left;
		list-style-type: square;
		color:#342977;
		margin-left: 25px;
	}
	/* Header styles */
    #header {
        clear:both;
		width:100%;
		height:150px;
		background:#372C78;    	/* Left column background colour */
		background: URL(../images/logoheader.jpg) no-repeat 0px;
   		border-bottom:0px solid #000;
	}
	#header h1{
		text-align: left;
		margin-top: 40px;
		margin-left: 210px;
		font-size: 22px;
		color: #F4EE0B;
	}
	#header h2{
		padding: 0px;
		text-align: left;
		margin-top: 5px;
		margin-left: 210px;
		font-size: 14px;
		color: #F4EE0B;
	}
	#header h3{
		text-align: left;
		margin-top: 5px;
		margin-left: 210px;
		font-size: 12px;
		color:#F4EE0BF; 
	}
	#header p{
		text-align: left;
		margin-top: 5px;
		margin-left: 210px;
		font-size: 12px;
		color:#FFFFFF; 
	}
	/* column container */
	.colmask {
		position:relative;		/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
	    clear:both;
	    float:left;
        width:100%;				/* width of whole page */
		overflow:hidden;		/* This chops off any overhanging divs */
	}
	/* holy grail 3 column settings */
	.holygrail {
	    background:#372C78;    	/* Right column background colour */
	}
    .holygrail .colmid {
        float:left;
        width:200%;
		margin-left:-200px; 	/* Width of right column */
        position:relative;
        right:100%;
        background:#FFFF55;    	/* Centre column background colour */
    }
    .holygrail .colleft {
        float:left;
        width:100%;
        margin-left:-50%;
        position:relative;
        left:400px;         	/* Left column width + right column width */
        background:#372C78;    	/* Left column background colour */
	    }
    .holygrail .col1wrap {
        float:left;
	    width:50%;
	    position:relative;
	    right:200px;        	/* Width of left column */
	    padding-bottom:1em; 	/* Centre column bottom padding. Leave it out if it's zero */
	}
	.holygrail .col1 {
        margin:0 215px;     	/* Centre column side padding:
                            	Left padding = left column width + centre column left padding width
                            	Right padding = right column width + centre column right padding width */
        position:relative;
	    left:200%;
	    overflow:hidden;
		}
	.holygrail .col1 p{
		margin-top: 10px;
		text-align: left;
		font-size: 11px;
		color: #000;
		}
	.holygrail .col1 a{
		margin-top: 10px;
		text-align: justify; text-align-last: left;
		font-size: 11px;
		color: #0000ff;
		font-weight: bolder;
			border: 0px;
		
		}
	.holygrail .col1 a:hover{
		margin-top: 10px;
		text-align: justify; text-align-last: left;
		font-size: 11px;
		color: #ff3300;
		background:#FFFF55;
			border: 0px;
		}
	.holygrail .col1 h1{
		margin-top: 10px;
		text-align:left;
		font-size: 16px;
		color: #000;
		}
	.holygrail .col1 h2{
		margin-top: 5px;
		margin-left: -6px;
		text-align:left;
		font-size: 14px;
		color: #000;
		}
	.holygrail .col1 h3{
		margin-top: 5px;
		text-align:left;
		font-size: 12px;
		color: #000;
		}
	.holygrail .col1 h4{
		margin-top: 5px;
		text-align:left;
		font-size: 11px;
		color: #000;
		}
	.holygrail .col1 h5{
		margin-top: 5px;
		text-align:left;
		font-size: 10px;
		color: #000;
		}
	.holygrail .col1 h6{
		margin-top: 5px;
		text-align:left;
		font-size: 9px;
		color: #000;
		}
	.holygrail .col1 hr{
		color: #ffAC2D;
		}
			
    .holygrail .col2 {
        /*float:left;*/
        float:right;			/* This overrides the float:left above */ 
        width:200px;        	/* Width of left column content (left column width minus left and right padding) */
        position:relative;
        left:0px;         	/* Width of the left-had side padding on the left column */
		background:#372C78;    	/* Left column background colour */
    }
.holygrail .col2 p{
	text-align: left;
	font-size: 12px;
	color: #F4EE0B;
	margin-top: 30px;
	margin-left: 10px;
	}
.holygrail .col2 h1{
	float:left;
	font-size: 14px;
	color: #FFF;
	margin-top: 10px;
	margin-left: 10px;
	}
.holygrail .col2 h2{
	float:left;
	font-size: 12px;
	color: #ffffff;
	margin-top: 2px;
	margin-left: 10px;
	}
.holygrail .col2 h3{
	float:left;
	font-size: 10px;
	color: #ffffff;
	margin-top: 2px;
	margin-left: 10px;
	}
.holygrail .col3 {
        /*float:left;*/
        float:right;			/* This overrides the float:left above */
        width:200px;        	/* Width of right column content (right column width minus left and right padding) */
        margin-right:0px;  	/* Width of right column right-hand padding + left column left and right padding */
        position:relative;
        left:50%;
		background:#372C78;    	/* Left column background colour */
    }

.holygrail .col3 h1{
	float:left;
	font-size: 14px;
	color: #FFF;
	margin-top: 20px;
	margin-left: 10px;
	}
.holygrail .col3 h2{
	float:left;
	font-size: 12px;
	color: #ffffff;
	margin-top: 4px;
	margin-left: 5px;
	}
	
.holygrail .col3 h3{
	float:left;
	font-size: 10px;
	color: #ffffff;
	margin-top: 4px;
	margin-left: 5px;
	}
.holygrail .col3 h4{
	float:left;
	font-size: 10px;
	color: #ffffff;
	margin-top: 4px;
	margin-left: 5px;
	}
.holygrail .col3 h5{
	float:left;
	font-size: 10px;
	color: #ffffff;
	margin-top: 4px;
	margin-left: 5px;
	}
.holygrail .col3 h6{
	float:left;
	font-size: 10px;
	color: #ffffff;
	margin-top: 4px;
	margin-left: 5px;
	}
.holygrail .col3 p{
	text-align:left;
	font-size: 11px;
	color: #F4EE0B;
	margin-top: 40px;
	margin-left: 10px;
	}
.holygrail .col3 a{
	text-align:left;
	font-size: 11px;
	color: #ffffff;
	margin-top: 14px;
	margin-left: 0px;
		border: 0px;
	}
	/* Footer styles */
#footer {
        clear:both;
        float:left;
        width:100%;
		height:46px;
		border-top:0px solid #F4EE0B;
		background:#372C78;    	/* Left column background colour */
		background: URL(../images/footer.jpg) no-repeat 0px;
    }
    
#footer p{
	float: center;
	margin-top: 20px;
	
	font-size: 9px;
	color: #F4EE0B;
		}
#footer a{
	font-size: 9px;
	color: #F4EE0B;
	}
#footer a:hover{
	font-size: 9px;
	color: #FF3300;
	}
#footer a:active{
	font-size: 9px;
	color: #FFFFFF;
	}
    /* --> */
   
    <!--[if lt IE 7]>
    <style media="screen" type="text/css">
    .col1 {
	    width:100%;
	}

    /* style voor rounded kaders */
.fixedround {
border:1px solid #F4EE0B;
width: 170px;
background: #322B74 url(../images/grad3.gif) repeat-x;
color: #fff;
}
.fixedround1 {
margin-top: 20px;
margin-left: 0px;
border:1px solid #F4EE0B;
width: 170px;
background: #322B74 url(../images/grad2.gif) repeat-x;
}

.fluidroundblack {
border:1px solid #F4EE0B;
width: 100%;
background: #000000 url(../images/grad1.gif) repeat-x;
color: #000;
}

.fixedround p , .fluidround p{
margin: 6px ;
padding: 6px;
}
.fixedround h1, h2 , .fluidround h1, h2{
/*margin: 6px ;*/
/*padding: 6px;*/
padding: 6px;
}


.topfiller, .bottomfiller, .roundtop, .roundtopright,.roundbottom, .roundbottomright {
height:6px;
font-size:1px;
line-height:1px;
}

.bottomfiller, .topfiller {
width: 100%;
clear:both;
position:relative;
}

.roundtop {
background: url(../images/circle1.gif) no-repeat top left;
width:6px;
float:left;
position:relative;
top:-1px;
left:-1px;   
}

.roundtopright {
background: url(../images/circle1.gif) no-repeat top right;
float:right;
width:6px;
position:relative;
top:-1px;
left:1px;   
}

.roundbottom {
background: url(../images/circle1.gif) no-repeat top left;
background-position: 0 -6px ;
width:6px;
float:left;
position:relative;
top:1px;
left:-1px;
}

.roundbottomright {
background: url(../images/circle1.gif) no-repeat top right;
background-position: -6px -6px ;
width:6px;
float:right;
position:relative;
top:1px;
left:1px;
}

.navigatie a {
	font: bold;
	font-size: 13px;
	color: #ffff55;
	text-decoration: none;
		border: 0px;
}
.navigatie a:hover {
	font: bold;
	font-size: 13px;
	color: #342977;
	text-decoration: none;
	background: #ffff55;
		border: 0px;
}
.navigatie a:active {
	font: bold;
	font-size: 13px;
	color: #ffffff;
	text-decoration: none;
		border: 0px;
}
.tabel_blauw table { 
	border: 0px solid #F4EE0B;
	font: 10px;
	color: #F4EE0B;
		}
.tabel_blauw td {
	border: 0px solid #F4EE0B;
	padding: 2px;
	font-size: 10px;
	color: #F4EE0B;
	text-align: left;
	}
.tabel_blauw p{
	text-align: left;
	font-size: 10px;
	color: #F4EE0B;
		}
	<![endif]-->