/* CSS STYLE SCREEN Waterlaboratorium Noord (WLN) version 1.0 */

/* T A B L E   O F   C O N T E N T S */

	/* GENERAL STYLES */
	/* METANAVIGATION */
	/* MAIN NAVIGATION */
	/* SERVICENAV */
	/* HOMEPAGE */
	/* BREADCRUMBS */
	/* PAGE UTILITIES */
	/* FOOTER AND BOTTOMNAVIGATION */
	/* TYPOGRAPHY */
	/* SUPER LINK */
	/* FORMS */
	/* GOOGLEMAPS */
	/* SEARCH  */
	/* GALLERY */
	/* SITEMAP */



/*================*/
/* GENERAL STYLES */
/*================*/
/* Colors and such */

body {
	font:62.5%/1.8em Tahoma, Arial, Helvetica, sans-serif;
}

div#header {
	background:url(../../Images/wln/header-back.gif) no-repeat 100% 0;
/*	height:114px;*/
	position:relative;

}

div#header img.logo {
	margin-top:10px;
	margin-bottom:18px;
}

/*================*/
/* METANAVIGATION */
/*================*/
div#metaNav {
	position:absolute;
	bottom:-29px;

	right:0;
	font-size:1.1em;
}


div#metaNav a:link,
div#metaNav a:visited {
	color:#fff;
}

div#metaNav a:link,
div#metaNav a:visited {
}

/*=================*/
/* MAIN NAVIGATION */
/*=================*/

div#mainNavContainer {
	background:url(../../Images/wln/menu-back.gif) repeat-x 0 0;
	font-size:1.5em;
	
}

ul#mainNav {
}

ul#mainNav li {
	background:url(../../Images/wln/menu-divider.gif) no-repeat 100% 8px;
	margin:2px 0 0 0;
	padding:0 8px;
}

ul#mainNav li a {
	text-decoration:none;
}

ul#mainNav li a span {
	display:block;
	padding:9px 5px;
}

ul#mainNav li a:link,
ul#mainNav li a:visited {
	color:#fff;
}

ul#mainNav li a:hover,
ul#mainNav li a:focus,
ul#mainNav li a:active,
ul#mainNav li.active a:link,
ul#mainNav li.active a:visited {
	color:#fff;
	background:url(../../Images/wln/menu-back-right.gif) no-repeat 100% 0;
}

ul#mainNav li a:hover span,
ul#mainNav li a:focus span,
ul#mainNav li a:active span,
ul#mainNav li.active a:link span,
ul#mainNav li.active a:visited span {
	background:url(../../Images/wln/menu-back-left.gif) no-repeat 0 0;
}



div.column h2.navHoofdItem {
	margin:50px 0 10px 0;
}

div#subNavContainer {
	min-height:100px;
}

ul#subNav {
	margin:0 20px 0 0;
	font-weight:bold;
}

ul#subNav li {
	border-bottom:1px solid #d9e3ea;
}

ul#subNav li a {
	padding:2px 2px 2px 15px;
	display:block;
	text-decoration:none;
}

ul#subNav li a:link,
ul#subNav li a:visited {
	color:#004571;
	background: url(../../Images/wln/subnav-arrows.gif) no-repeat 3px 7px;
}

ul#subNav li a:hover,
ul#subNav li a:focus,
ul#subNav li a:active,
ul#subNav li.active a:hover,
ul#subNav li.active a:focus,
ul#subNav li.active a:active {
	background: #d6e8ec url(../../Images/wln/subnav-arrows.gif) no-repeat 3px 7px;

}

ul#subNav li.active a {
	background-color:#e5eced;
}


ul#subNav li ul li {
	font-size: 1em ;
}
/*============*/
/* SERVICENAV */
/*============*/
div#metaNav ul#serviceNav li {
	background:url(../../Images/wln/menu-divider-small.gif) no-repeat 0 4px;
	padding:0 5px 0 7px;
}
div#metaNav ul#serviceNav li a {
	text-decoration:none;
}
	div#metaNav ul#serviceNav li a:hover {
	text-decoration:underline;
	}
/*===========*/
/* HOMEPAGE  */
/*===========*/

/* INTRODUCTION */
div#introduction {
	background:url(../../Images/wln/introduction-back.gif) no-repeat 100% 0;
	height:134px;
	overflow:hidden;
	position:relative;
	padding:10px 0 10px 10px;
	margin-top:15px;
	margin-bottom:15px;
	border-bottom:1px solid #eaeaea;
	/*font-size:2.1em; - removed for font change function*/
	line-height:1.7em;
}

div#introduction h2 {
	font-size:30px;
	font-weight:100;
	margin-top:5px;

}
div#introduction p {
	clear:both;
	margin:7px 0 0 0;
	font-size:14px;
}

div#introduction ul {
	list-style-type:none;
	margin:0;
	padding:0;
	font-size:14px;

}

div#introduction ul li {
	margin:0 5px 0 0;
	padding:3px 0;
	float:left;
}


div#introduction ul.mainEntries {
	font-size:20px;
	margin:7px 0;
	overflow:hidden;
	font-weight:normal;
}

div#introduction ul.mainEntries li {
	margin-right:15px;
}



div#introduction a.readmore {
	font-size:11px;
	position:absolute;
	right:10px;
	bottom:20px;
	background:url(../../Images/wln/readmore-bttn-l.gif) no-repeat 0 0;
	display:block;	
	padding:0 0 0 9px;
	cursor:hand;
	text-decoration:none;
	color:#fff;
	line-height:1.7em;
}

div#introduction a,
div.referencesList a {
	text-decoration: none;
}

div#introduction a.readmore:link,
div#introduction a.readmore:visited {
}
div#introduction a.readmore:hover,
div#introduction a.readmore:focus,
div#introduction a.readmore:active {
	text-decoration:underline;
}



div#introduction a.readmore span {
	background:url(../../Images/wln/readmore-bttn-r.gif) no-repeat 100% 0;
	display:block;	
	height:36px;
	padding:7px 10px 0 0;
}


/* REFERENCES */
div.box.references {
	margin:15px 0 0 0;
}

ul.referencesList {
	margin: 0 0 0 10px;
}

div.box.references span.readmore {
	display: block;
	font-weight: bold;
	text-align: right;
}

/* WELCOME */
div#welcome {
	border-bottom:1px solid #eaeaea;
}

/* NEWS */

div.box.news h2 {
	margin:0;
}

div.box.news ul.newsList {
	list-style-type:none;
	margin:0;
	padding:0;
}

div.box.news ul.newsList li {
	margin:0 0 15px 0;
}

div.box.news ul.newsList h3 {
	font-size:1.083em;
	color:#3a8679;
	margin:7px 0 0 0;
}

div.box.news ul.newsList p.date {
	color:#909090;
	font-size:0.9167em;	
	margin:0;
}

div.box.news ul.newsList p.readmore {
	font-weight:bold;
	margin:0;
}

/* FAQ */
div.box.faq {
	margin:15px 0 0 0;
}


/* ARTICLES */
div.article {
	border-bottom:1px solid #eaeaea;
	padding-bottom:10px;
	margin:0 0 10px 0;	
}

div.wrapper div.article p,
div.wrapper p.intro {
	margin:0;
}


/* CONTENT OVERVIEW LISTS */
div.column.content ul.contentOverview {
	list-style-type:none;
	margin:0;
	padding:0;
}

div.column.content ul.contentOverview li {
	margin:10px 0 0 0;
	padding:0 0 10px 0;
	border-bottom:1px solid #eaeaea;
}

div.column.content ul.contentOverview li span.newsdate {
	color:#909090;
	display:block;
	font-size:0.9167em; /*11px*/
}

div.column.content ul.contentOverview h2 a {
	text-decoration:none;
}

/* IMAGE BEHAVIOUR */

img.contentImage {
	float:left;
	margin:4px 10px 0 0;
		
}

div.column div.column {
}


/*=============*/
/* BREADCRUMBS */
/*=============*/

ol#breadcrumbs {
	margin:15px 0;
	font-weight:bold;
	color:#328e9e;
	font-size:1.1em;
	clear:right;
}


ol#breadcrumbs li {
	background:url(../../Images/wln/breadcrumbs-arrow.gif) no-repeat 100% 5px;
	padding-right:15px;
	margin-right:5px;
}

ol#breadcrumbs li a {
	font-weight:normal;
}

ol#breadcrumbs a:link,
ol#breadcrumbs a:visited {
	color:#328e9e;
}



/*================*/
/* PAGE UTILITIES */
/*================*/

div.column.content div.pageUtils {
	border-top:1px solid #ccdae3;	
	padding:10px 0 0 0;
	margin:20px 0 0 0;
	clear:both;
	font-size:0.9167em; /* 11px */
}

div.column.content div.pageUtils ul {
	list-style-type:none;
	margin:0;
	padding:0;
}

div.column.content div.pageUtils ul li {
	float:left;
}

div.column.content div.pageUtils ul li a {
	display:block;
	padding:0 0 0 20px;
	background:url(../../Images/std/ico-print.gif) no-repeat 0 0;
}




div#metaColumn img {	
	padding:3px;
	border:1px solid #d9e3ea;
	
}

/*=============================*/
/* FOOTER AND BOTTOMNAVIGATION */
/*=============================*/
div#bottomnav { 

}

div#footer {
	background:url(../../Images/wln/footer-back.gif) no-repeat 0 0;
	color:#909090;
	padding-top:100px;
	margin:0 0 40px 0;
}
	
div#footer img.logo {
	float:left;
}
	
div#footer ul {
	padding:0 2px 0 0;
	text-align:right;
	font-size:1.1em;
}

div#footer ul.linkbar {
	padding-top:5px;
}
div#footer ul li {
	display:inline;
	padding:0px;
}
div#footer a {
color:#909090;
}
/*============*/
/* TYPOGRAPHY */
/*============*/

div.content {
	color:#212121;
	min-height:400px;
}

div.column h1 {
	font-size:2.166em;/*26px*/
	margin:0 0 5px 0px;
	color:#00434f;
	line-height:1.1em;
}

div.column h2 {
	font-size:1.333em;/*16px*/
	line-height:1.1667;
	color:#00434f;
	font-weight:bold;
	margin:15px 0 0 0;
}

h3 {
}
h4 {
}

h1, h2 {
	clear:both;
}

div.column div.box h1,
div.column div.article h1,
div.column div.box h2,
div.column div.article h2 {
	margin:0;
}

.wrapper p {
	margin:10px 0;
}

.wrapper h1+p,.wrapper h2+p,.wrapper h3+p,.wrapper h4+p,.wrapper h5+p,.wrapper h6+p {
	margin-top:0;
}

div.column ul {
	list-style-type:square;	
	margin:10px 0 0 15px;
}

div.column a:link,
div.column a:visited {
	color:#328e9e;
}

div.column a:hover,
div.column a:focus,
div.column a:active {
	color:#08463b;
} 

div.column a.readmore {
	font-weight:bold;
}

/*============*/
/* SUPER LINK */
/*============*/ 

/* Default colors */

div.superlink {
	color:#fff;
	min-height:70px;
	margin:0 0 15px 0;
}


div.superlink a {
	display:block;
	background:url(../../Images/wln/superlink-standaard-bottom.gif) no-repeat 0 100%;
	padding: 0 0 10px 0;
}

div.superlink span.heading {
	display:block;
	background:url(../../Images/wln/superlink-standaard-top.gif) no-repeat 0 0;
	color:#fff;
	margin: 0 0 0 0;
	min-height:25px;
	font-size:1.33em;
	font-weight:bold;
}


/* DARK GREEN */
div.superlink.type01 a { 
	background-image:url(../../Images/wln/superlink-darkgreen-bottom.gif);
}
div.superlink.type01 span.heading {
	background-image:url(../../Images/wln/superlink-darkgreen-top.gif);
}

/* LIGHT BLUE */
div.superlink.type02 a { 
	background-image:url(../../Images/wln/superlink-lightblue-bottom.gif);
}
div.superlink.type02 span.heading {
	background-image:url(../../Images/wln/superlink-lightblue-top.gif);
}

/* LIGHT GREEN */
div.superlink.type03 a { 
	background-image:url(../../Images/wln/superlink-lightgreen-bottom.gif);
}
div.superlink.type03 span.heading {
	background-image:url(../../Images/wln/superlink-lightgreen-top.gif);
}

div.superlink a:link,
div.superlink a:visited {
	color:#fff;
	text-decoration: none;
}

div.superlink span.heading,
div.superlink img {
	padding:7px 0 0 10px;
}

div.superlink p,
div.superlink .readMore {
	padding:0 0 0 10px;

}

div.superlink p {
	margin:5px 0 0 0;
}






div.column.content ul.contentOverview {
	margin: 0 0 10px;
}


/*=======*/
/* FORMS */
/*=======*/

div.wrapper div.form {
	border: 1px solid #ccd9dc;
	border-width: 1px 0 0 0;
	margin-top:10px;
	padding-top:5px;
}
div.wrapper div.form fieldset legend {
	color: #00434F;
	font: bold 15px Tahoma;
}
div.wrapper div.formRow label {
	border-top: 1px solid #d9e3ea;
	font-weight:bold;
}
div.wrapper div.formRow div.formw {
	background: #e5eced;
}



div.wrapper div.formRow div.formw label {
	font-weight: normal;
	background: none;	
	border: 0;
}

div.wrapper div.formRow div.formw input, 
div.wrapper div.formRow div.formw textarea, 
div.wrapper div.formRow div.formw select {
	border: 1px solid #ccd9dc;
}
div.wrapper div.formRow div.formw  input.checkradio {
	border: 0;
}
div.wrapper div.content div.formRow img.captcha {
	border: 1px solid #d9e3ea;
}

.validationError {
	color: #c90000;
	font-weight: bold;
}

.wrapper div.formRow div.formw div.description {
	display: block;
	clear:both;
	font-weight: normal;
	margin:0 0 10px 0;
	color:#558086;
/*	margin-left:-154px;
	width:140px;
	*/
}


/*============*/
/* GOOGLEMAPS */
/*============*/
#to_select_feedback {
	background: #e5eced;
	padding-bottom:4px;
}
#result #route_map {
	border: 10px solid #e5eced;
	}
div.googleRoutePlannerBox {
	border-bottom:none;
}

div.googleRoutePlannerBox img {
	margin:3px 0 0 0;
}

/*========*/
/* SEARCH */
/*========*/

div.searchResultBox {
	background:#E5ECED;
	padding:10px;
	border:1px solid #d9e3ea;
}

div.searchResultBox div {
	float:left;
	margin:0 10px 0 0;
}


div.searchResultBox select {
	margin:0 15px 0 10px;
}

div.searchResultBox input {
	border:1px solid #CCD9DC;
	width:200px;
}

div.searchResultBox input.button {
	border-top:1px solid #89bec7;
	border-right:1px solid #205a64;
	border-bottom:1px solid #153c42;
	border-left:1px solid #5da6b3;
	background:#328e9e;

}

div#zoekResultaten ul.searchtabs {
	list-style-type:none;
	margin:10px 0;
	padding:0;
	background:url(../../Images/wln/border.gif) repeat-x 0 100%;
}

div#zoekResultaten ul.searchtabs li {
	float:left;
}

div#zoekResultaten ul.searchtabs li.selected {
	background:#fff;
}

div#zoekResultaten ul.searchtabs li a {
	margin:0 3px 0px 0;
	display:block;
	float:left;
	padding:3px 5px;
	text-decoration:none;
	border-top:1px solid #d9e3ea;
	border-right:1px solid #d9e3ea;
	border-left:1px solid #d9e3ea;
}

div#zoekResultaten ul.searchtabs li a:link,
div#zoekResultaten ul.searchtabs li a:visited {
	background:#e5eced;
}
div#zoekResultaten ul.searchtabs li a:hover,
div#zoekResultaten ul.searchtabs li a:focus,
div#zoekResultaten ul.searchtabs li a:active {
	background:#d6e8ec;
}

/* no. of resultst indicator in tabs */
div#zoekResultaten ul.searchtabs li a:link span,
div#zoekResultaten ul.searchtabs li a:visited span,
div#zoekResultaten ul.searchtabs li a:hover span,
div#zoekResultaten ul.searchtabs li a:focus span,
div#zoekResultaten ul.searchtabs li a:active span {
	color:#84bbc5;
}


div#zoekResultaten ul.searchtabs li.selected  a:link,
div#zoekResultaten ul.searchtabs li.selected  a:visited {
	background:#fff;
	font-weight:bold;
}


div#zoekResultaten p.pageresults {
	margin:10px 0;
	clear:both;
	color:#909090;
}

div#zoekResultaten ul.pages {
	list-style-type:none;
	margin:0;
	padding:0;
}

/* Paging */
div#zoekResultaten ul.pages {
	padding:2px 0;
	margin:0;
	overflow:hidden;
}

div#zoekResultaten ul.pages li {
	float:left;
	margin:0 5px 0 0;
}

div#zoekResultaten ul.pages li.selected,
div#zoekResultaten ul.pages li a {
	display:block;
	float:left;
	text-decoration:none;
}

div#zoekResultaten div.zoekresultaten {
	clear:both;
	padding:7px 0;
}


div#zoekResultaten div.zoekresultaten p {
	margin:0;
}


div#zoekResultaten div.zoekresultaten ul {
	list-style-type:none;
	margin:0;
	padding:0;
}

div#zoekResultaten div.zoekresultaten ul li {
	margin:0 0 10px 0;
	padding:0 0 10px 0;
	border-bottom:1px solid #eaeaea;
}

div#zoekResultaten div.zoekresultaten ul li p.searchTitle {
	font-weight:bold;
}

div#zoekResultaten div.zoekresultaten ul li span.datum{
	color:#909090;
}

/*=========*/
/* GALLERY */
/*=========*/

div.column div.gallery ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

div.column div.gallery ul li {
	display:block;
	float:left;
	height:90px;
	margin:0 5px 5px 0;
}

div.column div.gallery ul li img {
	border:#CCD9DC 1px solid;
	float: none;
	margin: 0;
	padding: 2px;
}

/*=========*/
/* SITEMAP */
/*=========*/

ul.sitemap, ul.sitemap ul {
     background: url(../../Images/wln/sitemapvline.png) repeat-y;
}
   
ul.sitemap li {
    background: url(../../Images/wln/sitemapnode.png) no-repeat;
}

ul.sitemap li.sitemapLast {
	background: #fff url(../../Images/wln/sitemaplastnode.png) no-repeat;
}

#languageNav {
	position:absolute;
	right:0;
	
					
}

#languageNav li {
	font-weight:bold;
	display:inline;
}

#languageNav li a {
	font-weight:normal;
	color:#000;
	text-decoration:none;
	margin:0 5px;
}

#languageNav li a:hover {
	text-decoration:underline;
}

#languageNav li.active a {
	font-weight:bold;			
}