/* --------------------------------------- */
/* WANDELEN VOOR WATER 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: url(/grfx/background.gif) #54b8e7;
	margin: 0px;
	}

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

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

div#innerwrapper
	{
	position: relative;
	width: 975px;
	margin: 0px;
	}

.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; }

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

h3
	{
	background-repeat: no-repeat;
	font-weight: bold;
	font-size: 1.2em;
	text-indent: -9999px;
	height: 33px;
	margin: 0px;
	}

h3#hdr1							{ background-image: url(/grfx/hdr-menu1.gif); }
h3#hdr2							{ background-image: url(/grfx/hdr-menu2.gif); }
	h3#hdr21					{ background-image: url(/grfx/hdr-menu21.gif); }
	h3#hdr22					{ background-image: url(/grfx/hdr-menu22.gif); }
	h3#hdr23					{ background-image: url(/grfx/hdr-menu23.gif); }
	h3#hdr24					{ background-image: url(/grfx/hdr-menu24.gif); }

h3#hdr3							{ background-image: url(/grfx/hdr-menu3.gif); }
	h3#hdr25					{ background-image: url(/grfx/hdr-menu25.gif); }
	h3#hdr26					{ background-image: url(/grfx/hdr-menu26.gif); }
	h3#hdr27					{ background-image: url(/grfx/hdr-menu27.gif); }
	h3#hdr28					{ background-image: url(/grfx/hdr-menu28.gif); }

h3#hdr4							{ background-image: url(/grfx/hdr-menu4.gif); }
h3#hdr5							{ background-image: url(/grfx/hdr-menu5.gif); }
	h3#hdr29					{ background-image: url(/grfx/hdr-menu29.gif); }
	h3#hdr30					{ background-image: url(/grfx/hdr-menu30.gif); }
	h3#hdr31					{ background-image: url(/grfx/hdr-menu31.gif); }

h3#hdr6							{ background-image: url(/grfx/hdr-menu6.gif); }
	h3#hdr32					{ background-image: url(/grfx/hdr-menu32.gif); }
	h3#hdr33					{ background-image: url(/grfx/hdr-menu33.gif); }
	h3#hdr34					{ background-image: url(/grfx/hdr-menu34.gif); }

h3#hdr7							{ background-image: url(/grfx/hdr-menu7.gif); }
h3.hdr7-side					{ background-image: url(/grfx/hdr-menu7-sidebar.gif); }
h3#hdr8							{ background-image: url(/grfx/hdr-menu8.gif); }
h3#hdr35						{ background-image: url(/grfx/hdr-menu35.gif); }
h3#hdr36						{ background-image: url(/grfx/hdr-menu36.gif); }


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

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

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

.headerphoto1					{ background-image: url(/grfx/mainphoto_1.png); }
.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-image: url(/grfx/logo.png);
	_background-image: url(/grfx/logo.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	width: 160px;
	height: 149px;
	margin: 0px;
	right: 25px;
	top: 50px;
	}

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

#header_print					{ display: none; }

#specialnavigation
	{
	position: absolute;
	width: 630px;
	height: 85px;
	top: 195px;
	left: 185px;
	}

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

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

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

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

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

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


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

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

#languages						{ position: relative; height: 320px; }

#navigation
	{
	position:relative;
	height: auto;
	_height: 236px;
	min-height: 236px;
	margin: 0px;
	padding:0px;
	float: left;
	}

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

ul.nav							{ _height: 248px; min-height: 248px; }
ul.nav ul 						{ margin:-1px; }
ul.nav li						{ text-indent:30px; }
ul.nav li a,
ul.nav li a:visited
	{
	line-height:20px;
	text-decoration:none;
	color:#000;
	width:191px;
	height:20px;
	display:block;
	}

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

ul.nav li ul li a
	{
	background: url(/grfx/bullet-subnav.gif) no-repeat 12px 3px;
	font-size: 11px;
	}

ul.nav li:hover ul li:hover a,
ul.nav li a:hover ul li a:hover
	{
	text-decoration:none;
	color:#fff;
	}

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#m7							{ background:url(/grfx/navigation.gif) 0px -120px no-repeat; text-indent:-9999px; }
a#m8							{ background:url(/grfx/navigation.gif) 0px -140px no-repeat; text-indent:-9999px; }

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

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

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

#breadcrumb						{ font-size: 11px; color: #fff; margin-bottom: 10px; }
#breadcrumb a					{ font-weight: normal; color: #fff; 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: 191px;
	margin-right: 200px;
	_margin-right: 198px;
	}

#content p						{ margin-bottom: 15px; }

div#content table td			{ font-size: 12px; }

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

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

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

#content .bluebox
	{
	position: relative;
	background: url(/grfx/background-bluebox.gif) #badbf0;
	width: 552px;
	margin: 0px;
	padding: 10px;
	}

#content .bluebox .bluebox-botbar
	{
	position: absolute;
	background: url(/grfx/background-bluebox-bottombar.gif) no-repeat;
	font-size: 0.1em;
	width: 100%;
	height: 13px;
	left: 0px;
	bottom: 0px;
	}

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

#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; }

.projectblock
	{
	position: relative;
	background: url(/grfx/background-project.gif) repeat-y;
	width: 180px;
	margin: 0px;
	margin-bottom: 10px;
	padding: 0px 1px 0px 1px;
	}

.projectblock-topbar,
.projectblock-botbar
	{
	position: absolute;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	font-size: 0.1em;
	width: 180px;
	left: 0px;
	}

.projectblock-topbar
	{
	background-image: url(/grfx/background-project-topbar.png);
	_background-image: url(/grfx/background-project-topbar.gif);
	height: 10px;
	top: 0px;
	}

.projectblock-botbar
	{
	background-image: url(/grfx/background-project-botbar.png);
	_background-image: url(/grfx/background-project-botbar.gif);
	height: 6px;
	bottom: 0px;
	}

.form_combo						{ width: 400px; }

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

/* --------------------------------------- */
/* BROWSE */
/* --------------------------------------- */

.buttons						{ padding-top: 5px; padding-bottom: 5px; }

.browse_table					{ width: 100%; }

.browse_subject					{ background-color: #000; }

.browse_desc98-0				{ font-weight: bold; color: #fff; padding: 4px; }
.browse_desc98-1				{ font-weight: bold; color: #fff; width: 25%; padding: 4px; }
.browse_desc98-2				{ font-weight: bold; color: #fff; width: 25%; padding: 4px; }
.browse_desc99-0				{ font-weight: bold; color: #fff; padding: 4px; }
.browse_desc99-1				{ font-weight: bold; color: #fff; width: 35%; padding: 4px; }

.browse_line0					{}
.browse_line1					{}

.browse_data					{ border-bottom: 1px dotted #000; padding: 4px; }

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

/* --------------------------------------- */
/* LOGIN */
/* --------------------------------------- */

#loginbox						{ width: 500px; }
#loginbox .login_desc			{ width: 120px; }
#loginbox .textinput
	{
	background: url(/grfx/background-input.gif) no-repeat;
	border: 1px solid #ccc;
	font-size: 12px;
	width: 125px;
	padding-top: 5px;
	padding-left: 5px;
	}

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