/* -- resetten ---------------------------------------------------------------------------------------- */
body,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,blockquote,th,td,p{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;font-size:inherit;font-size:100%;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:normal;}
ul {margin:0 0 0 15px;padding:0;} ol {margin:0 0 0 30px;padding:0;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
form {display: inline;}
*:focus {outline:none;}

/* ----------------------------------------------------------------------------------------------------- */
/* -- basic  ------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------- */

html {
	/* voor het tonen van de (non)actieve scrolbar, zodat de pagina niet verschuift */
	height: 100%;
	overflow: scroll;
	overflow: -moz-scrollbars-vertical;
}

body {
	background: #FFF url("../images/bg.gif") repeat scroll 0 0;
	color: #505050;
	font: normal 0.75em/140% Arial, Verdana, Tahoma, Trebuchet MS;
	text-align: center;
}

div.container {
	width: 984px;
	margin: 0 auto;
	border: 0;
	background-color: #fff;
	text-align: left;
	min-height: 500px;/*zie lt_ie7.css*/
}

/* ----------------------------------------------------------------------------------------------------- */
/* -- basic link --- do change! ------------------------------------------------------------------------ */
/* ----------------------------------------------------------------------------------------------------- */

a {color:#505050;}
a:visited {color:#505050;}
a:hover {color:#505050; text-decoration: none;}
a:active {color:#505050; text-decoration: none;}

/* ----------------------------------------------------------------------------------------------------- */
/* -- Text elements ------------------------------------------------------------------------------------ */
/* ----------------------------------------------------------------------------------------------------- */

h1, h2, h3, h4, h5, h6 {}
h1 {							
	font:						Arial, Verdana, Tahoma, Trebuchet MS;
	font-size: 				1.8em;
	color:					#22c4e9;
	padding-bottom: 		15px;
}
h2 {font-size: 1.5em; margin-bottom: 15px; color: #22c4e9; line-height: 110%;}
h3 {font-size: 1.2em; margin-top: 15px; background: transparent url(../images/bg_h3.gif) no-repeat scroll 0 4px; padding: 0 0 0 10px;}

h4, h5, h6 {font-size: 1em;}

p {margin-bottom:15px;}

/* ----------------------------------------------------------------------------------------------------- */
/* -- form specifications ------------------------------------------------------------------------------ */
/* ----------------------------------------------------------------------------------------------------- */

select, input, textarea {
	font:						normal 100% Arial, Verdana, Tahoma, Trebuchet MS;
	color:					#000;
}

input.textfield-search {
	border: 					none;
	height: 					19px;/*24*/
	width: 					166px;/*141*/
	padding:					5px 5px 2px 5px;	
	background-color: 	#fff;
	font-size:				15px;
	font-weight:			normal;
}

select.select {
	border:					solid 1px #aaa;
	padding:					2px;
}

/* ----------------------------------------------------------------------------------------------------- */
/* -- Basic layout elements --- dont change! ----------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------- */

div.wrapper {overflow:hidden;width:100%;}

/* ----------------------------------------------------------------------------------------------------- */
/* -- kolommen (gebruiken voor layout) ----------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------- */

div.main {padding: 30px 0;}

div.main-sub {
	margin: 30px 0;
	background: transparent url(../images/bg_content_sub.gif) repeat-y scroll 0 0;
}

div.col1-left {
	width:					288px;
	float:					left;
	padding: 				0 20px;
	background:				url(../images/spacer.gif) repeat-y scroll top right;
}

div.col2-left {
	width:					288px;
	float:					left;
	padding: 				0 20px;
	background:				url(../images/spacer.gif) repeat-y scroll top right;
}

div.col1-right {
	width:					288px;
	float:					left;
	padding: 				0 20px;
}

div.col1-sub-left {
	width:					177px;
	float:					left;
	margin-right:			41px;
}

div.col2-sub-left {
	width:					465px;
	float:					left;
}

div.col1-sub-right {
	width:					262px;
	float:					right;
}

/* ----------------------------------------------------------------------------------------------------- */
/* -- navigation --------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------- */

ul.nav {
	margin: 					72px 0 0 178px;
	padding:					0px;
	list-style:				none;
	background-color: 	#FFF;
}

ul.nav li {float: left;}

ul.nav a, ul.nav a:visited {
	float:					left;
	margin:					0;
	padding:					0 10px;
	background-color:		#FFF;
	font-size:				16px;
	color:					#6f6f6f;
	font-weight:			normal;
	text-decoration: 		none;
}

ul.nav a:hover, ul.nav a:active {color: #22c4e9;}

/* ----------------------------------------------------------------------------------------------------- */
/* -- subnavigatie ------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------- */

ul.subnav {
	margin: 					10px 0 0 0;
	padding:					0px;
	list-style:				none;
	width: 					177px;	
}

ul.subnav li {

	height: 					26px;
	margin-bottom:			5px;
}

ul.subnav a, ul.subnav a:visited {
	float:					left;
	margin:					0;
	padding: 				5px;
	font-size:				1.3em;
	color: 					#00bbe5;
	font-weight:			normal;
	text-decoration: 		none;
	padding: 				4px 0 0 11px;
}

ul.subnav a:hover, ul.subnav a:active {
	color: 					#fff;
	background: 			transparent url(../images/bg_subnav.gif) no-repeat scroll 0 0;
	width: 					177px;
	height: 					26px;
	padding: 				4px 0 0 11px;
}

ul.subnav li.true {
	color: 					#fff;
	background: 			transparent url(../images/bg_subnav.gif) no-repeat scroll 0 0;
	width: 					177px;
}

ul.subnav li.true a {
	color: 					#fff;
	height: 					26px;
	padding: 				4px 0 0 11px;	
}

/* ----------------------------------------------------------------------------------------------------- */
/* -- specific elements -------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------- */

div.col1-left a, div.col1-left a:visited{
	color:					#505050;
	text-decoration: 		underline;
}

div.col1-left a:hover{text-decoration: none;}

div.col1-right a, div.div.col1-right a:visited{
	color:					#505050;
	text-decoration: 		underline;
}

div.col1-right a:hover {text-decoration: none;}

div.col2-left ul{
	list-style:				none;
	padding:					0px;
	margin:					0px;			
}

div.col2-left li{
	display:					block;
	height:					22px;
	padding-left:			7px;
}

div.col2-left li.balk{background: url(../images/data_bg.gif) no-repeat scroll top left;}

div.btn a, div.btn a:visited {
	float: 					left;
	padding-top:		 	2px;
	padding-left:			12px;
	height: 					24px;
	color:	 				#FFF;
	width:					84px;
	background:				url(../images/btn_leesmeer.gif) no-repeat scroll top left;
}

/* ----------------------------------------------------------------------------------------------------- */
/* -- header ------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------- */

div.menu {
	height:					126px;
	width:					584px;
	float:					left;
	background:			 	url(../images/dakwater_logo.gif) no-repeat top left;
}

div.search {
	height:					126px;
	width:					400px;
	float: 					right;
	background: 			#b4b5b9 url(../images/search_schuin.gif) no-repeat top left;
}

div.search div {
	float:					right;
	height: 					23px;/*33*/
	padding: 				65px 5px 30px 4px;
	list-style: 			none;
}

div.search img{padding: 2px 20px 0 0;}

div.search div.search-text {
	font-size:				16px;
	color:					#FFF;
	font-weight:			normal;
	padding-top: 			72px;
}

div.header img {display: block;}

/* ----------------------------------------------------------------------------------------------------- */
/* -- subpage ------------------------------------------------------------------------------------------ */
/* ----------------------------------------------------------------------------------------------------- */

div.image {
	float: right;
	margin: 0 0 15px 15px;
	border: #939499 1px solid;
}

ul.streep {
	list-style: none;
	margin: 0;
}

/* ----------------------------------------------------------------------------------------------------- */
/* -- footer ------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------- */

div.footer {
	height:					32px;
	width: 					984px;
	margin: 					0 auto;
	background: 			#b4b5b9 url(../images/footer_schuin.gif) no-repeat center right;
}

div.footer p {
	padding: 				0 5px;
	display: 			   inline;
	color:					#FFF;
}

div.footer a, div.footer a:visited {
	padding: 				0 5px;
	display: 			   inline;
	color:					#FFF;
	text-decoration: 		none;
}

div.footer a:hover {
	padding: 				0 5px;
	display: 			   inline;
	color:					#FFF;
	text-decoration: 		underline;
}

div.footerbox {
    padding-top: 7px; 
    color: #fff;
    margin-right: 150px;
}