/* --------------------------------------- */
/* AQUA4ALL GENERAL css */
/* --------------------------------------- */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, a, em, font, small, strong, sub, sup, b, u, i, center, dl, dt, dd, ol, ul, li, form, label, table, caption, tbody, tr, th, td {
	margin: 0;
	padding: 0;
	outline: 0;
	}

html
	{
	overflow: -moz-scrollbars-vertical;
	}

body
	{
	background-color: #b7d4f1;
	margin: 0px;
	}

body, td
	{
	font-family: arial,helvetica;
	font-size: 12px;
	color: #1b1b1b;
	}

form							{ margin: 0px; padding: 0px; }

div#wrapper
	{
	position: relative;
	width: 962px;
	margin: 0px auto;
	}

div#innerwrapper
	{
	position: relative;
	background-color: #fff;
	border-width: 0px 1px 1px 1px;
	border-style: solid;
	border-color: #666;
	width: 786px;
	height: auto;
	_height: 330px;
	min-height: 330px;
	margin: 0px;
	margin-left: 174px;
	}

.debug							{ color: #f00; display: block; }
.clear							{ clear: both; }
.lclear							{ clear: left; }
.rclear							{ clear: right; }
.button							{ cursor: pointer; }
.hide 							{ text-indent: -9999px; margin: 0px; padding: 0px; }

a								{ color: #009bcf; text-decoration: none; }
a:hover							{ color: #000; text-decoration: underline; }

/* ======================================= */

/* --------------------------------------- */
/* HEADER */
/* --------------------------------------- */

#header
	{
	position: relative;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 290px;
	}

.headerphoto1					{ background-image: url(/grfx/mainphoto_1.jpg); }
.headerphoto2					{ background-image: url(/grfx/mainphoto_2.jpg); }
.headerphoto3					{ background-image: url(/grfx/mainphoto_3.jpg); }
.headerphoto4					{ background-image: url(/grfx/mainphoto_4.jpg); }
.headerphoto5					{ background-image: url(/grfx/mainphoto_5.jpg); }

#header h1
	{
	position: absolute;
	background: url(/grfx/logo.gif) no-repeat;
	text-indent: -9999px;
	width: 99px;
	height: 86px;
	margin: 0px;
	right: 18px;
	bottom: 26px;
	}

#header h1 a					{ text-decoration: none; height: 86px; display: block; }

#header_print					{ display: none; }

#specialnavigation
	{
	position: absolute;
	width: 612px;
	height: 49px;
	bottom: 12px;
	left: 30px;
	}

#specialnavigation ul
	{
	position: absolute
	list-style: none;
	line-height: 1;
	margin: 0px;
	padding: 0px;
	}

#specialnavigation li
	{
	position: absolute;
	list-style: none;
	width: 306px;
	height: 49px;
	margin: 0px;
	padding: 0px;
	top: 0px;
	}

#specialnavigation li a			{ text-decoration: none; text-indent: -9999px; height: 49px; display: block; }

#sn1, #sn1_on					{ left: 0px; }
#sn2, #sn2_on					{ left: 303px; }

#specialnavigation #sn1			{ background: url(/grfx/specialnavigation.gif) no-repeat -0px -0px; }
#specialnavigation #sn2			{ background: url(/grfx/specialnavigation.gif) no-repeat -303px -0px; }

#sn1 a:hover, #sn1_on 			{ background: url(/grfx/specialnavigation.gif) no-repeat -0px -49px; }
#sn2 a:hover, #sn2_on			{ background: url(/grfx/specialnavigation.gif) no-repeat -303px -49px; }


/* ======================================= */

/* --------------------------------------- */
/* NAVIGATION */
/* --------------------------------------- */

#navigationbar
	{
	position: absolute;
	width: 174px;
	margin: 0px;
	float: left;
	left: 0px;
	}

#languages						{ position: relative; height: 320px; padding-top: 10px;}

#languages ul
	{
	list-style: none;
	line-height: 1;
	width: 80px;
	_width: 86px;
	margin: 0px;
	padding: 0px;
	float: right;
	}

#languages li
	{
	width: 27px;
	height: 18px;
	margin: 0px;
	margin-left: 8px;
	padding: 0px;
	float: left;
	}

#languages li a					{ text-decoration: none; text-indent: -9999px; height: 18px; display: block; }
#languages #nl					{ background: url(/grfx/flag_nl.gif) no-repeat; }
#languages #uk					{ background: url(/grfx/flag_uk.gif) no-repeat; }

#navigation
	{
	position:relative;
	background: url(/grfx/background-navigation.gif) repeat-y;
	height: auto;
	_height: 236px;
	min-height: 236px;
	margin: 0px;
	padding:0px;
	float: right;
	}

#navigation #topnavbar,
#navigation #botnavbar
	{
	background-repeat: no-repeat;
	background-color: #b7d4f1;
	font-size: 1px;
	width: 171px;
	height: 10px;
	margin: 0px;
	}

#navigation #topnavbar
	{
	position: relative;
	background-image: url(/grfx/navbar-top.png);
	_background-image: url(/grfx/navbar-top.gif);
	}

#navigation #botnavbar
	{
	position: absolute;
	background-image: url(/grfx/navbar-bot.png);
	_background-image: url(/grfx/navbar-bot.gif);
	bottom: 0px;
	}

ul.nav, ul ul
	{
	border:0px;
	list-style-type:none;
	text-align:left;
	width:171px;
	height:auto;
	margin:0px;
	padding:0px;
	overflow:hidden;
	}

ul.nav ul 						{ margin:-1px; }
ul.nav li						{ margin: 0px; }
ul.nav li a,
ul.nav li a:visited
	{
	line-height:20px;
	text-decoration:none;
	color:#333;
	width:171px;
	height:20px;
	display:block;
	}

ul.nav li:hover ul,
ul.nav li a:hover ul
	{
	width:171px;
	height:auto;
	display:block;
	}

ul.nav li ul li a
	{
	font-size: 11px;
	padding-left: 28px;
	}

ul.nav li:hover ul li:hover a,
ul.nav li a:hover ul li a:hover,
ul.nav li ul.subnavigation li a:hover,
ul.nav li ul.subnavigation li#sub_on a
	{
	background: url(/grfx/bullet-subnav.gif) no-repeat 12px 3px;
	text-decoration:none;
	color:#000;
	}

a#m1							{ background:url(/grfx/navigation.gif) 0px 0px no-repeat; text-indent:-9999px; }
a#m2							{ background:url(/grfx/navigation.gif) 0px -20px no-repeat; text-indent:-9999px; }
a#m3							{ background:url(/grfx/navigation.gif) 0px -40px no-repeat; text-indent:-9999px; }
a#m4							{ background:url(/grfx/navigation.gif) 0px -60px no-repeat; text-indent:-9999px; }
a#m5							{ background:url(/grfx/navigation.gif) 0px -80px no-repeat; text-indent:-9999px; }
a#m6							{ background:url(/grfx/navigation.gif) 0px -100px no-repeat; text-indent:-9999px; }

a#m1:hover, a#m1_on				{ background:url(/grfx/navigation.gif) -171px 0px no-repeat; text-indent:-9999px; }
a#m2:hover,	a#m2_on				{ background:url(/grfx/navigation.gif) -171px -20px no-repeat; text-indent:-9999px; }
a#m3:hover,	a#m3_on				{ background:url(/grfx/navigation.gif) -171px -40px no-repeat; text-indent:-9999px; }
a#m4:hover,	a#m4_on				{ background:url(/grfx/navigation.gif) -171px -60px no-repeat; text-indent:-9999px; }
a#m5:hover,	a#m5_on				{ background:url(/grfx/navigation.gif) -171px -80px no-repeat; text-indent:-9999px; }
a#m6:hover,	a#m6_on				{ background:url(/grfx/navigation.gif) -171px -100px no-repeat; text-indent:-9999px; }



/* ======================================= */

/* --------------------------------------- */
/* BREADCRUMB  */
/* --------------------------------------- */

#breadcrumb						{ font-size: 11px; color: #000; margin-bottom: 10px; }
#breadcrumb a					{ font-weight: normal; color: #009bcf; text-decoration: none; }
#breadcrumb a:hover				{ font-weight: normal; color: #000; text-decoration: underline; }

/* ======================================= */

/* --------------------------------------- */
/* CONTENT */
/* --------------------------------------- */

#main
	{
	position: relative;
	height: auto;
	_height: 330px;
	min-height: 330px;
	margin: 0px;
	}

#content
	{
	position: relative;
	height: auto;
	_height: 330px;
	min-height: 330px;
	margin: 0px;
	margin-left: 10px;
	margin-right: 200px;
	_margin-right: 198px;
	}

#content h3, #sidebar h3, #sidebar2 h3
	{
	position: relative;
	background: url(/grfx/background-h3.gif) no-repeat;
	font-size: 14px;
	color: #fff;
	width: 372px;
	height: 23px;
	margin: 0px;
	padding: 0px;
	padding-top: 6px;
	padding-left: 10px;
	}

#content .ttlend, #sidebar .ttlend, #sidebar2 .ttlend
	{
	position: absolute;
	background: url(/grfx/h3-corner.gif) no-repeat;
	width: 15px;
	height: 29px;
	margin: 0px;
	top: 0px;
	right: 0px;
	}

#content p						{ margin-bottom: 15px; }
div#content table td			{ font-size: 12px; }

div#content ul, div#content ol
	{
	margin-bottom: 15px;
	margin-left: 22px;
	}


#sidebar h3, #sidebar2 h3		{ width: 170px; }

#sidebar
	{
	position: relative;
	width: 180px;
	margin: 0px;
	margin-right: 10px;
	_margin-right: 5px;
	padding: 23px 0px;
	float: right;
	right: 0px;
	}

.bluebox
	{
	position: relative;
	background: url(/grfx/background-bluebox.gif) no-repeat left bottom;
	height: auto;
	_height: 50px;
	min-height: 50px;
	margin: 0px;
	padding: 12px;
	}

.bluebox-topbar
	{
	position: absolute;
	background: url(/grfx/bluebox-topbar.gif) no-repeat;
	font-size: 1px;
	width: 180px;
	height: 10px;
	margin: 0px;
	top: 0px;
	left: 0px;
	}

.bluebox-botcorner
	{
	position: absolute;
	background: url(/grfx/bluebox-botcorner.gif) no-repeat;
	font-size: 1px;
	width: 11px;
	height: 10px;
	margin: 0px;
	padding: 0px;
	bottom: 0px;
	right: 0px;
	_right: -1px;
	}

#sidebar .sidebox, #content .box
	{
	position: relative;
	border: 1px solid #30373c;
	margin: 0px;
	margin-bottom: 8px;
	padding: 0px;
	}

#content .box					{ padding: 10px; }
#content b, #content strong
	{
	font-weight: bold;
	font-size: 12px;
	color: #06c;
	}


#sidebar .sidebox h4,
#sidebar .sidebox p
	{
	margin: 0px;
	padding: 2px 4px 0px 4px;
	}

#sidebar .sidebox h4
	{
	font-weight: bold;
	font-size: 12px;
	color: #06c;
	}

#sidebar .sidebox p img			{ width: 170px; }

#sidebar p.more,
#sidebar2 p.more,
#content p.more,
#content div.more
	{
	font-weight: bold;
	font-size: 11px;
	color: #06c;
	padding-bottom: 2px;
	}

p.date, div.date				{ font-size: 11px; color: #272627; margin: 0px; }


#content hr
	{
	border-top: 1px dashed #30373c;
	height: 1px;
	}

/* PRINT */

.print_table					{ width: 100%; }

.print_desc
	{
	font-weight: bold;
	color: #06c;
	width: 25%;
	padding-bottom: 5px;
	padding-right: 10px;
	}

.print_data_detail				{ font-weight: bold; }

/* DOWNLOAD */

table#download
	{
	border-collapse: collapse;
    border: 0;
	font-size:10px;
    color: #636563;
    width: 100%;
	}

table#download th
	{
	background-color: #CFEBFC;
	border-top:1px #1199EE solid;
	border-bottom:1px #1199EE solid;
	font-weight: bold;
	font-size: 12px;
    color: #000;
	text-align:left;
	padding: 5px 5px 5px 10px;
	}

th.dlhead1 					{ width:10%; }
th.dlhead2 					{ width:70%; }
th.dlhead3 					{}

td.dlcell1 					{ border: 1px #A5CBDE solid; border-left: 0; text-align:center; }
td.dlcell2 					{ border: 1px #A5CBDE solid; border-right: 0; }
td.dlcell3 					{ border: 1px #A5CBDE solid; border-right: 0; width:50px; }
td.dlcell4 					{ border: 1px #A5CBDE solid; border-right: 0; border-left: 0px; }

table#download tr			{ vertical-align: top; }
#content table#download td	{ font-size: 12px; padding: 10px; }

.dlr1 						{ background-color: #FFF; }
.dlr2 						{ background-color: #FFF; }

.docicon
	{
	width: 16px;
	height: 16px;
	border: 0;
	margin-top: 5px;
	}

.dlicon
	{
	width: 16px;
	height: 16px;
	border: 0;
	margin-top: -4px;
	}

/* PROJECTEN */

div#projectmap					{ position: relative; }

#p_window						{ position: absolute; float: left; top: 0px; left:0px; z-index:400; }
#projecten						{ background-color: #fff; border: 2px solid #009bcf; width: 300px; padding: 4px; }
#closewindow					{ cursor: pointer; }

ul#legend
	{
	position: relative;
	height: 25px;
	margin: 0px;
	margin-top: 15px;
	padding: 0px;
	}

ul#legend li
	{
	position: absolute;
	background-repeat:  no-repeat;
	background-position: 0px 0px;
	font-size: 11px;
	list-style: none;
	width: 120px;
	padding: 0px;
	padding-left: 15px;
	}

ul#legend li#red				{ background-image: url(/grfx/bullet-red.gif); left: 0px; }
ul#legend li#green				{ background-image: url(/grfx/bullet-green.gif); left: 135px; }
ul#legend li#blue				{ background-image: url(/grfx/bullet-blue.gif); left: 270px; }
ul#legend li#orange				{ background-image: url(/grfx/bullet-orange.gif); left: 405px; }



/* ======================================= */
/* ======================================= */
/* ======================================= */