/* start: basis html elements */
html, body, div,
applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dd, dl, dt, li, ol, ul,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	vertical-align: top;
}
a img, :link img, :visited img {border: 0;}
strong{font-weight:bold;}

ol, ul {list-style: none;}
q:before, q:after,blockquote:before, blockquote:after {content: "";}

body{color: #000;background: #DDDDDD url(/gfx/bg.gif) repeat-x;text-align: center;font-size: 11px;}
.clear{clear:both;overflow: hidden;height: 1px;}
input.text{
	padding: 2px 5px;
	border: 1px solid #CACCC1;
	color: #6F7068;
}
/* end: basis html elements */
img {
	float: right;
}

.diensten li {
	margin-left: 25px;
	list-style-type: decimal;
}

/* start: container */
div#container{
	width: 940px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}
	/* start: header */
	div#container div#header{
		height: 126px;
		background: url(/gfx/header_bg.gif) no-repeat 601px bottom;
		position: relative;
	}
		/* start: logo */
		div#container div#header img#logo{
			position: absolute;
			left: 42px;
			top: 32px;
		}
		
		/* start: top nav */
		div#container div#header ul#top_nav{
			position: absolute;
			right: 7px;
			top: 31px;
		}
			div#container ul#top_nav li{
				float: left;
				padding-left: 30px;
				padding-right: 9px;
				color: #FFF;
			}
			div#container ul#top_nav li#icon_home{
				background: url(/gfx/icon_home.gif) no-repeat left 2px;
			}
			div#container ul#top_nav li#icon_sitemap{
				background: url(/gfx/icon_sitemap.gif) no-repeat left 2px;
			}
			div#container ul#top_nav li#icon_contact{
				background: url(/gfx/icon_contact.gif) no-repeat left 2px;
			}
				div#container ul#top_nav li a{
					color: #FFF;
					text-decoration: none;
				}
					div#container ul#top_nav li a:hover{
						text-decoration: underline;
					}
		/* end: top nav */
		
		/* start: zoeken */
		div#container div#header form#zoeken{
			left: 700px;
			top: 52px;
			position: absolute;
		}
			div#container div#header form#zoeken input#zoeken_input{
				border: 0px;
				background: url(/images/zoeken_input.gif) no-repeat;
				width: 173px;
				height: 14px;
				color: #FFF;
				font-size: 11px;
				padding: 4px 10px;
				float: left;
			}
			div#container div#header form#zoeken input#zoeken_submit{
				border: 0px;
				background: url(/images/zoeken_submit.gif) no-repeat;
				width: 32px;
				height: 22px;
				font-size: 0px;
				cursor: pointer;
				position: absolute;
				top: 0px;
				left: 193px;
				color: #fff;
			}
		/* end: zoeken */
		
		/* start: language */
		div#container div#header div#language{
			color: #73A0B3;
			position: absolute;
			right: 12px;
			top: 90px;	
			width: 110px;
		}
			div#container div#header div#language span{
				padding-right: 5px;
			}
			div#container div#header div#language img{
				margin-left: 10px;
			}
		/* end: language */
	/* end: container */
	
	/* start: primaire navigatie */
	div#container div#pnav{
		height: 69px;
		width: 737px;
		margin-left: 93px;
		background: url(/gfx/nav_bg.gif) no-repeat;
	}
		div#container div#pnav ul{}
			div#container div#pnav ul li{
				float: left;
				padding: 12px 12px 0px 0px;
			}
			/* IE fix */
			div#container div#pnav ul li#nav1{padding-right: 11px;}
			div#container div#pnav ul li#nav2{padding-right: 9px;}
			div#container div#pnav ul li#nav3{padding-right: 10px;}
			div#container div#pnav ul li#nav4{padding-right: 9px;}
			div#container div#pnav ul li#nav5{}
			
			/* Good Browsers fix */
			html>body div#container div#pnav ul li#nav1{padding-right: 12px;}
			html>body div#container div#pnav ul li#nav2{padding-right: 10px;}
			html>body div#container div#pnav ul li#nav3{padding-right: 11px;}
			html>body div#container div#pnav ul li#nav4{padding-right: 11px;}
			html>body div#container div#pnav ul li#nav5{}
			
				div#container div#pnav ul li a{
					float: left;
					display: block;
					width: 125px;
					height: 40px;
					text-decoration: none;
					font-size: 16px;
					color: #E8E8EA;
					font-weight: bold;
					padding: 8px 0px 0px 10px;
					line-height: 18px;
					margin-left: 1px;
				}
				div#container div#pnav ul li#nav1{margin-left: -1px;}
				html>body div#container div#pnav ul li#nav1{margin-left: 0px;}
				div#container div#pnav ul li a span{
					font-size: 11px;
					color: #6DA7CC;
					font-weight: normal;
				}
				div#container div#pnav ul li a:hover span{
					color: #3187B8;
				}
				div#container div#pnav ul li#nav1 a:hover{
					background: url(/gfx/nav1_over.gif) no-repeat;
				}
				div#container div#pnav ul li#nav2 a:hover{
					background: url(/gfx/nav2_over.gif) no-repeat;
				}
				div#container div#pnav ul li#nav3 a:hover{
					background: url(/gfx/nav3_over.gif) no-repeat;
				}
				div#container div#pnav ul li#nav4 a:hover{
					background: url(/gfx/nav4_over.gif) no-repeat;
				}
				div#container div#pnav ul li#nav5 a:hover{
					background: url(/gfx/nav5_over.gif) no-repeat;
				}
	/* end: primaire navigatie */	
	
	/* start: main */
	div#container div#breadcrumbs{
		padding: 15px 10px 0px 0px;
		margin-bottom: -10px;
		text-align: right;
		color: #A1A1A1;
	}
		div#container div#breadcrumbs span{
			font-weight: bold;
		}
		div#container div#breadcrumbs a{
			color: #A1A1A1;
		}
	
	/* start: main */
	div#container div#main{
		
	}
		/* start: block */
		div#container div#main div.block{
			margin-top: 15px;
			background: url(/gfx/block_bg.gif) repeat-y;
			color: #808080;
			width: 100%;
		}
			div#container div#main div.block div.top{
				height: 17px;
				overflow: hidden;
				background: url(/gfx/block_top.gif) no-repeat;
			}
			div#container div#main div.block div.body{
				padding: 25px 40px;
				font-size: 12px;
			}
			div#container div#main div.block div.watermerk{
				height: 200px;
				min-height: 200px;
				background: url(/gfx/logo_watermerk.gif) no-repeat 665px bottom;
			}

			html>body div#container div#main div.block div.watermerk{
				height: auto;
			}
				div#container div#main div.block div.body h1{
					color: #318DBE;
					font-size: 18px;
					font-weight: normal;
					padding-bottom: 15px;
				}
				div#container div#main div.block div.body h2{
					color: #318DBE;
					font-size: 15px;
					font-weight: bold;
					padding-bottom: 7px;
				}
				
				div#container div#main div.block div.body p{
					line-height: 20px;					
					padding-bottom: 18px;					
				}
				div#container div#main div.block div.body li{
					line-height: 20px;

				}
				div#container div#main div.block div.body img.image{
					border: 1px solid #C3C3C3;
					padding: 2px;
					margin: 5px;
					float: right;
				}
				div#container div#main div.block div.body a{color: #3289BE}

				div#container div#main div.block div.body div.hr{
					background-image: url(/gfx/hr.gif);
					height: 4px;
					overflow: hidden;
					clear: both;	
				}
					div#container div#main div.block div.body div.hr hr{display: none;}
			div#container div#main div.block div.bottom{
				height: 9px;
				overflow: hidden;
				background: url(/gfx/block_bottom.gif) no-repeat;
			}
		/* end: block */
	/* end: main */
	
	/* start: footer */
	div#container div#footer {
		padding: 15px 15px 0px 15px;
		color: #989898;
		font-size: 11px;
	}
	div#container div#footer a{
		color: #989898;
	}
	div#container div#footer a:hover{
		color: #000;
	}
		div#container div#footer div{
			font-weight: bold;
		}
		div#container div#footer ul{
			clear: both;
			margin-left: -5px;
			padding-top: 5px;
		}
			div#container div#footer ul li{
				float: left;
				padding-left: 5px;
				padding-bottom: 10px;
			}
	/* end: footer */
/* end: container */
