/* lay-out */

/* hack voor dreamweaver editor */
body {
	background-image : url(../images/body_back_purple_wysiwyg.gif);
	background-repeat : repeat-y;
}
	body.green {
		background-image : url(../images/body_back_green_wysiwyg.gif);
		background-repeat : repeat-y;
	}
	body.blue {
		background-image : url(../images/body_back_blue_wysiwyg.gif);
		background-repeat : repeat-y;
	}
	body.home {
		background-image : url(../images/body_back_home_wysiwyg.gif);
		background-repeat : repeat-y;
	}

#gotonav0,
#gotohome0 {
	position : absolute;
	top : -100px;
}
#canvas0 {
	position : relative;
	font-size : 100%;
	width : 100%;
	height : 100%;
}
	#canvas0 img {
		border : none;	
	}
	#canvascol0 {
		height : 100%;
		height/*no msie 5.0*/ : auto;
		margin-right : 166px;
		border-right : solid 1px #B2BEC3;
	}
		#header0 {
			background-image : url(../images/header_back.gif);
			background-repeat : repeat-x;
			background-position : 100% 0px;
			height : 72px;
		}
			#headermargin0 {
				position : absolute;
				left : 0px;
				top : 0px;
				z-index : 128;
/*				cursor : hand; */
			}
			html>body #headermargin0 {
				cursor : pointer;
			}
/* VVE 23012007: teaser eruit gesloopt
			#headerteaser0 {
				position : absolute;
				left : 15px;
				top : 50px;
				z-index : 128;
				width : 175px;
				padding : 8px 8px 8px 8px;
				background-color : #FFFFFF;
				border : solid 1px #6D057C;
				filter:alpha(opacity='70',enabled=1);
			}
			html>body #headerteaser0 {
				background-color : transparent;
				background-image : url(../images/teaser_back.png);
			}
*/
			#meta0 {
				position : relative;
/*dreamweaver WYSIWYG hack*/
width : 400px;
				height : 50px;
			}
				#meta0 img {
					float : left;
					margin-left : 15px;
				}
				#meta0 ul {
					position : absolute;
					top : 0px;
					right : 10px;
					text-align : right;
				}
					#meta0 ul li {
						padding-right : 14px;
						list-style-type : none;
						list-style-image : none;
						background-image : url(../images/bullet_meta.gif);
						background-repeat : no-repeat;
						background-position : 100% 2px;
						margin : 4px 0px 0px 0px;
					}
					#meta0 a:link,
					#meta0 a:visited {
						font-weight : bold;
						color : #000000;
						text-decoration : none;
					}
					#meta0 a:hover,
					#meta0 a:active {
						font-weight : bold;
						color : #6D057C;
						text-decoration : none;
					}
			#decoration0 {
				position : absolute;
				top : 50px;
				height : 100px;
				clear : both;
			}
				#decoimage0 {
					float : left;
/*dreamweaver WYSIWYG hack*/
margin-left : 6px;
					/*margin-left : 15px;*/
				}
				#decoration0 ul {
					float : left;
					margin : 3px 0px 0px 16px;
					padding : 0px 0px 0px 0px;
					width : 20em;
				}
				body.home #decoration0 ul {
					display : none;
				}
					#decoration0 ul li {
						float : left;
						list-style-type : none;
						list-style-image : none;
						margin : 0px 8px 0px 0px;
					}
						#decoration0 ul li.last {
							border-left : solid 1px #BECAD0;
							padding-left : 8px;
						}
					#decoration0 ul img {
						margin : 0px 4px 0px 0px;
					}
					#decoration0 a:link,
					#decoration0 a:visited {
						font-weight : bold;
						color : #000000;
						text-decoration : none;
					}
					#decoration0 a:hover,
					#decoration0 a:active {
						font-weight : bold;
						color : #6D057C;
						text-decoration : none;
					}
		#navigation0 {
			position : absolute;
			left : 0px;
			top : 150px;
			width : 194px;
			overflow : hidden;
			background-color : #6D057C;
		}
		#content0 {
			padding  : 0px 0px 16px 194px;
			font-size : 110%;
		}
			.contentrow0 {
				position/*no msie 5.0*/ : relative;
				padding  : 8px 16px 16px 16px;
/*dreamweaver WYSIWYG hack*/
width : 400px;
padding-right : 200px;
padding-right : 16px;
			}
				#content0 h1 {
					margin : 0px 0px 14px 210px;
					height : 66px;
				}
				#content0 .title,
				#content0 h1.content {
					display : block;
					margin : 0px 0px 16px 0px;
					height : auto;
				}
			/* homepage */
				.contentcol0 {
					position : absolute;
					margin : 70px 0px 0px -16px;
					width : 213px;
					background-image : url(../images/faq_background.gif);
					background-repeat : no-repeat;
					background-color : #FFFFFF;
					padding : 34px 0px 0px 0px;
					border-top : solid 12px #EEF1FD;
				}
					#homeintro0 {
						margin-top : -2px;
					}
				.contentcol1 {
					margin-top : 78px;
					margin-top/* no msie5 */ : 70px;
					padding : 0px 0px 0px 218px;
					padding/* no msie5 */ : 0px 0px 0px 208px;
					border-top : solid 12px #EEF1FD;
				}
					.contentcol1 .date {
						display : block;
						font-size : 100%;
						color : #6D057C;
						font-weight : normal;
						margin : 1.33em 0px 0px 0px;
					}
				body.home #listmenu0 img {
					border-right : solid 1px #9950A4;
				}
			/* actueel */
				dl.actueel {
					margin-top : 1em;
				}
					dl.actueel dt {
						font-weight : normal;
						color : #6D057C;
						padding : 0px 0px 0px 12px;
					}
					dl.actueel dd {
						margin-bottom : 0px;
						padding : 0px 0px 0px 12px;
						background-image : url(../images/bullet_arrow_small.gif);
						background-repeat : no-repeat;
						background-position : 0px 0px;
					}
			/* faq wizzard */
			div.faqoption {
				/*position : relative;*/
				padding : 2px 0px 2px 24px;
			}
				div.faqprogress {
					float : right;
				}
				div.faqoption img {
					position : absolute;
					left : 214px;
					left/* no msie5*/ : 0px;
				}
				html>body div.faqoption img {
					left : 14px;
				}
			/* download */
			div.download img {
				margin-right : 1em;
			}
			/* columns */
			div.textrow {
				clear : both;
				width : 100%;
				margin-bottom : 1em;
			}
				div.twocolumns {
					background-image : url(../images/textrow_back.gif);
					background-repeat : repeat-y;
					background-position : 50% 0%;
				}
				div.textcol0 {
					float : left;
					width : 48%;
				}
				div.textcol1 {
					float : right;
					width : 48%;
				}
					div.textrow h2 {
						text-transform : uppercase;
						padding-left : 16px;
					}
					div.textrow p {
						padding-left : 16px;
					}
					div.textrow ul.arrow li {
						list-style-image : url(../images/bullet_arrow_small.gif);
						
					}
					div.textrow em {
						font-style : normal;
						color : #6D057C;
					}
					/*
						body.purple div.textrow em {
							color : #6D057C;
						}
						body.green div.textrow em {
							color : #07867E;
						}
						body.blue div.textrow em {
							color : #31558D;
						}
					*/
	#canvascol1 {
		position : absolute;
/*dreamweaver WYSIWYG hack*/
left : 620px;
		/* right : 4px; */
		top : 0px;
		width : 155px;
		background-color : #CCEDED;
	}
		body.purple #canvascol1 {
		}
		body.green #canvascol1 {
			background-color : #CCEDED;
		}
		body.blue #canvascol1 {
			background-color : #CCE3ED;
		}
		#canvascol1 h1 {
			background-color : #6D057C;
			font-size : 160%;
			margin : 0px 0px 0px 0px;
			height : 22px;
		}
			body.purple #canvascol1 h1 {
			}
			body.green #canvascol1 h1 {
				background-color : #16727B;
			}
			body.blue #canvascol1 h1 {
				background-color : #31558D;
			}
		#canvascol1 h2 {}
		#zoek0 {
			background-color : #FFFFFF;
			margin : 0px 0px 0px 0px;
			padding : 0px 0px 1em 0px;
		}
			#zoek0 input,
			#zoek0 select {
				width : 128px;
				border : solid 1px #808080;
			}
			#zoek0 input.image {
				width : auto;
				border : none;
			}
		#contact0 {
			background-color : #FFFFFF;
		}
			#contact0 ul {
				margin : 0px 0px 0px 0px;
				padding : 0px 0px 1em 0px;
			}
				#contact0 li {
					padding-right : 14px;
					list-style-type : none;
					list-style-image : none;
					padding : 2px 4px 2px 4px;
					margin : 2px 0px 0px 0px;
					background-color : #CCEDED;
				}
					body.purple #contact0 li {
					}
					body.green #contact0 li {
						background-color : #CCEDED;
					}
					body.blue #contact0 li {
						background-color : #CCE3ED;
					}
				#contact0 a:link,
				#contact0 a:visited {
					font-weight : bold;
					color : #000000;
					text-decoration : none;
				}
				#contact0 a:hover,
				#contact0 a:active {
					font-weight : bold;
					color : #6D057C;
					text-decoration : none;
				}
		#related0 {
			padding : 2px 4px 4px 4px;	
		}
			#related0 ul {
				margin : 0px 0.25em 1em 1.5em;
				padding : 0px 0px 0px 0px;
			}
				#related0 li {
					list-style-image : url(../images/bullet_purple.gif);
					padding : 0px 0px 6px 0px;
				}
					#related0 li.arrow {
						list-style-image : url(../images/bullet_arrow.gif);
					}
					#related0 li.number1 {
						list-style-image : url(../images/bullet_1.gif);
					}
					#related0 li.number2 {
						list-style-image : url(../images/bullet_2.gif);
					}
					#related0 li.number3 {
						list-style-image : url(../images/bullet_3.gif);
					}
					#related0 li.number4 {
						list-style-image : url(../images/bullet_4.gif);
					}
					#related0 li.number5 {
						list-style-image : url(../images/bullet_5.gif);
					}
				#related0 a:link,
				#related0 a:visited {
					color : #000000;
					text-decoration : underline;
				}
				#related0 a:hover,
				#related0 a:active {
					color : #6D057C;
					text-decoration : underline;
				}
/* wide body */
body.wide {
	background-image : url(../images/body_back_wide_wysiwyg.gif);
}
	body.wide #meta0 {
/*dreamweaver WYSIWYG hack*/
width : 566px;
	}
	body.wide #canvascol1 {
		display : none;
	}
	body.wide .contentrow0 {
/*dreamweaver WYSIWYG hack*/
width : 566px;
	}
	body.wide #canvascol0 {
		margin-right : 4px;
	}