/* --------------------------------------- */
/* 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; }

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

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;
	min-height: 330px;
	margin-left: 174px;
	}

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

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: 220px;
	}

.headerphoto1					{ background-image: url(/grfx/mainphoto_1.jpg); }

#header_print					{ display: none; }

#addressbar
	{
	position: absolute;
	width: 174px;
	left: 0px;
	}

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

#languages ul
	{
	list-style: none;
	line-height: 1;
	width: 80px;
	float: right;
	}

#languages li
	{
	width: 27px;
	height: 18px;
	margin-left: 8px;
	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; }

#addresbox
	{
	position:relative;
	background: url(/grfx/background-address.gif) repeat-y;
	font-size: 11px;
	height: auto;
	min-height: 236px;
	float: right;
	}

#addresbox h1
	{
	background: url(/grfx/logo.gif) no-repeat;
	text-indent: -9999px;
	width: 81px;
	height: 71px;
	margin-left: 12px;
	margin-bottom: 15px;
	}

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

#addresbox p
	{
	margin-bottom: 10px;
	padding: 0px 5px 0px 15px;
	}

#addresbox b					{ color: #009bcf; }

#addresbox #topbar,
#addresbox #botbar
	{
	background-repeat: no-repeat;
	background-color: #b7d4f1;
	font-size: 1px;
	width: 171px;
	height: 10px;
	}

#addresbox #topbar
	{
	position: relative;
	background-image: url(/grfx/addressbar-top.png);
	}

#addresbox #botbar
	{
	position: absolute;
	background-image: url(/grfx/addressbar-bot.png);
	bottom: 0px;
	}

#sponsors
	{
	position: absolute;
	width: 148px;
	top: 574px;
	right: 8px;
	}

#sponsors ul
	{
	list-style: none;
	margin-top: 10px;
	}

#sponsors ul li
	{
	background-repeat: no-repeat;
	text-indent: -9999px;
	height: 50px;
	float: left;
	}

#iso							{ background-image: url(/grfx/logo-iso.png); width: 40px; }
#anbi							{ background-image: url(/grfx/logo-anbi.png); width: 65px; }


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

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

#navigation
	{
	position: relative;
	background: url(/grfx/background-navigation.png) no-repeat;
	font-size: 12px;
	text-align: left;
	width: 767px;
	height: 29px;
	margin: 0px auto;
	margin-bottom: 15px;
	z-index: 2;
	}

#navigation ul
	{
	position: relative;
	list-style: none;
	height: 29px;
	}

a#m1, a#m2, a#m3, a#m4, a#m5, a#m6,
a#m1:hover, a#m2:hover,	a#m3:hover, a#m4:hover, a#m5:hover, a#m6:hover,
a#m1_on, a#m2_on, a#m3_on, a#m4_on, a#m5_on, a#m6_on
	{
	background-image: url(/grfx/navigation.png);
	background-repeat: no-repeat;
	text-indent:-9999px;
	height: 29px;
	display: block;
	}

a#m1							{ background-position: 0px 0px; width: 101px; }
a#m2							{ background-position: -101px 0px; width: 167px; }
a#m3							{ background-position: -268px 0px; width: 197px; }
a#m4							{ background-position: -465px 0px; width: 91px; }
a#m5							{ background-position: -556px 0px; width: 94px; }
a#m6							{ background-position: -650px 0px; width: 117px; }

a#m1:hover, a#m1_on				{ background-position: 0px -29px; width: 101px; }
a#m2:hover,	a#m2_on				{ background-position: -101px -29px; width: 167px; }
a#m3:hover, a#m3_on				{ background-position: -268px -29px; width: 197px; }
a#m4:hover, a#m4_on				{ background-position: -465px -29px; width: 91px; }
a#m5:hover,	a#m5_on				{ background-position: -556px -29px; width: 94px; }
a#m6:hover,	a#m6_on				{ background-position: -650px -29px; width: 117px; }

#navigation ul a
	{
	color: #fff;
	text-decoration: none;
	display: block;
	}

#navigation ul li
	{ /* all list items */
	height: auto;
	min-height: 29px;
	float: left;
	}

#navigation ul li ul
	{ /* second-level lists */
	position: absolute;
	background: url(/grfx/background-subnavigation.png) no-repeat 0px bottom;
	font-weight: normal;
	width: 215px; /* width */
	height: auto;
	margin-top: 0px;
	padding-bottom: 10px;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	}

#navigation ul li li			{ width: 100%; }

#navigation ul li ul a
	{
	height: auto;
	min-height: 20px;
	padding-top:9px;
	padding-left: 10px;
	padding-bottom:1px;
	padding-right:0.25em;
	}

#navigation li ul li a:hover
	{ /* lists nested under hovered list items */
	background: #0093D0;
	}


#navigation li ul ul
	{ /* third-and-above-level lists */
	background: #66bee2;
	border: 1px solid #0093D0;
	margin: -1.8em 0 0 14em;
	}

#navigation li:hover ul ul, #navigation li:hover ul ul ul, #navigation li.sfhover ul ul, #navigation li.sfhover ul ul ul
	{
	left: -999em;
	}

#navigation li:hover ul, #navigation li li:hover ul, #navigation li li li:hover ul,
#navigation li.sfhover ul, #navigation li li.sfhover ul, #navigation li li li.sfhover ul
	{ /* lists nested under hovered list items */
	left: auto;
	}



/* Support for the "iehover-fix.js" */

ul.nav iframe
	{
	position: absolute;
	/* account for the border */
	left: -0.25em;
	top: -0.25em;
	z-index: -1;
	filter: progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0);
	}

* html ul.nav li				{ z-index: 201; }

/* this is for IE 5.0
select.hide 					{ visibility: hidden; }

/* End Support for the "iehover-fix.js" */


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

/* --------------------------------------- */
/* 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;
	min-height: 330px;
	margin-bottom: 10px;
	}

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

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

#banner
	{
	position: absolute;
	width: 100%;
	top: 210px;
	left: 0px;
	}

#banner img
	{
	margin-left: 10px;
	}

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

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

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

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

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

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

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

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

#content .box, #sidebar2 .box
	{
	position: relative;
	background-image: url(/grfx/background-box.png);
	background-repeat: repeat-y;
	width: 555px;
	padding: 10px;
	padding-bottom: 16px;
	}

#content .botbox, #sidebar2 .botbox
	{
	position: absolute;
	background-image: url(/grfx/background-botbox.png);
	background-repeat: no-repeat;
	width: 575px;
	height: 16px;
	bottom: 0px;
	left: 0px;
	z-index: 1;
	}


#content .box h4
	{
	font-size: 12px;
	margin-bottom: 5px;
	}

#content .box hr, #sidebar2 .box hr
	{
	background: none;
	border: 0px;
	border-top: 1px dotted #6d6f71;
	height: 1px;
	}

#content .box hr				{ margin-top: 10px; }

#sidebar .sidebox
	{
	border: 1px solid #6d6f71;
	margin-bottom: 10px;
	}

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

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

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

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

#partners
	{
	position: relative;
	height: auto;
	min-height: 110px;
	padding: 5px;
	}

#partners h4
	{
	font-weight: normal;
	font-size: 12px;
	color: #0066cc;
	margin-bottom: 10px;
	}

#partners .prev,
#partners .next
	{
	position: absolute;
	background: transparent url(/grfx/background-button.png) no-repeat;
	border: 0px;
	color: #fff;
	width: 30px;
	height: 30px;
	top: 30px;
	cursor: pointer;
	}

#partners .prev					{ left: 10px; }
#partners .next					{ right: 10px; }

.carousel
	{
	width: 800px;
	margin: auto;
	}

.carousel li					{ height: auto; min-height: 80px; margin-right: 10px; }
.carousel img					{ height: auto; }

.addthis_toolbox
	{
	float: right;
	}



/* 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; }



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

/* --------------------------------------- */
/* FOOTER */
/* --------------------------------------- */

#footer
	{
	position: relative;
	height: auto;
	min-height: 30px;
	clear: both;
	}

#footer p						{ text-align: center; width: 786px; margin-top: 5px; float: right; }

#footer a						{ color: #009bcf; }

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