/*
* Layout styles
*/

body {
	text-align: center;
	padding: 0px; margin: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 76%;
}

strong, em, b, i {
    font-family: Verdana, Arial, Helvetica, sans-serif;
}

.clearboth	{ clear: both; }
.nobr		{ white-space: nowrap; }

#container {
	position: relative;
	margin: 0px auto;
	width: 900px;
	background: transparent;
}

#logo {
	position: absolute;
	top: 0px; left: 0px;
	width: 100%; height: 88px;
	text-align: left;
	border-bottom: 2px solid #7fa2c0;
}

#header-image {
	position: absolute;
	top: 90px; left: 0px;
	width: 100%; height: 160px;
	background: #fff url(../images/header-bg.jpg) no-repeat top left;
}

#content {
	width: 100%;
	margin-bottom: 4px;
	padding: 313px 0px 30px 0px;
	border-bottom: 2px solid #7fa2c0;
	background: transparent;
	text-align: left;
}

#content.underconstruction {
	padding: 153px 0px 30px 0px;
}

	div.content-text {
		float: left;
		width: 450px;
	}
	
	div.content-text ul, div.content-text-wide ul {
		font-size: 100%;
		line-height: 140%;
		margin: 0px 10px 0px 25px;
		list-style: disc;
		color: #333;
	}
	
	div.content-text-wide {
		float: left;
		width: 900px;
	}	
	
	div.content-text#contact {
		width: 220px;
	}	
	
	div.content-image {
		float: left;
		width: 450px;
		text-align: right;
	}
	div.content-image div {	display: block; border-left: 1px solid #004582; padding: 7px 0px 7px 0px; margin-top: 10px; }

	div.content-links {
		float: left;
		width: 450px;
	}
	
	div.content-links#links-right {
		float: left;
		width: 449px;
		text-align: left;
		border-left: 1px solid #004582;
	}	

	div.content-nieuwslist {
		float: left;
		width: 449px;
		text-align: left;
		border-left: 1px solid #004582;
	}

#footer {
	width: 100%;
	background: #d7e0e8;
}

/*
* Slideshow stuff
*/

div#slideshow {
	position: relative;
	display: block;
	width: 450px;
	height: 320px;
	overflow: hidden;
	border-left: 1px solid #004582;	
}

div#slideshow img {
	position: absolute;
	z-index: 9998;
	margin: 7px 0px 7px 10px;
}

#slidenav { margin: 0px 0px 0px 12px; }
#slidenav li { width: 50px; float: left; margin: 2px; list-style: none }
#slidenav a { width: 50px; padding: 3px; display: block; }
#slidenav a.activeSlide { background: #d7e0e8 }
#slidenav a:focus { outline: none; }
#slidenav img { border: none; display: block }

/*
* Homepage banners
*/

div.banner-row1 {
	display: block;
	float: left;
	width: 224px; height: 165px;
	overflow: hidden;
	border-right: 1px solid #004582;
}
div.banner-row1 img { margin-top: 10px; float: right; }
div.banner-row1#banner-row1-last { border-right: none; width: 225px; }

div.banner-row1 h2 {
	font-size: 130%;
	line-height: 130%;
	margin: 10px 10px 0px 10px;
	padding: 0px;
	color: #004582;
}

div.banner-row1 h2 A { color: #004582; }
div.banner-row1 h2 A:hover { color: #333; text-decoration: none; }
div.banner-row1 p { margin: 10px; font-size: 90%; }
div.banner-row1 p.leesmeer A { color: #bfbf48; }
div.banner-row1 p.leesmeer A:hover { text-decoration: none; color: #004582; }

div.banner-row1 ul li {
	margin: 0; padding: 0;
	text-align: left;
	background: url(../images/fleches/green-white.png) no-repeat 10px 0px;
}

div.banner-row1 ul A {
	display: block;
	font-size: 90%;
	text-decoration: none;
	padding: 0px 10px 4px 30px;
	background: url(../images/fleches/green-white.png) no-repeat 10px 0px;
}

div.banner-row1 ul A:hover { text-decoration: underline; background: url(../images/fleches/blue-white.png) no-repeat 10px 0px; }

div.banner-row1 ul A.active {
	display: block;
	text-decoration: none;
	padding: 5px 10px 5px 30px;
	background: #004582 url(../images/fleches/blue-white.png) no-repeat 10px 5px;
}

div.banner-row2 {
	display: block;
	float: left;
	width: 211px; height: 142px;
	overflow: hidden;
	margin: 20px 6px 0px 4px;
}

div.banner-row2.banner-referenties {
	width: 215px;
}

div.banner-row2-footer-green {
	display: block;
	width: 215px;
	height: 10px;
	background: #eee url(../images/banner-row2-footer-green.gif) no-repeat bottom left;
}

div.banner-row2-footer-blue {
	display: block;
	width: 215px;
	height: 10px;
	background: #eee url(../images/banner-row2-footer-blue.gif) no-repeat bottom left;
}

div.routebeschrijving {
	width: 211px; height: 113px;
	margin: 10px 0px 0px 9px;
}

div.routebeschrijving img.route {
	margin: 0px 0px 10px 10px;
}

div.banner-referenties { display: block; height: auto; }

div.referentie-footer {
	margin: 10px 0px 0px 7px;
	overflow: visible;
}

div#referentie-items {
	height: auto;
	margin-bottom: 10px;
}

div.banner-row2 div.referenties-desc {
	display: block;
	height: 80px;
	margin: 0; padding: 0;
	overflow: hidden;
}

div.banner-row2 div.referenties-list {
	display: inline;
}

div.banner-row2#last {
	margin-right: none;
}

div.banner-row2-inner { 
	background: #fff;
	height: 100%;
}

div.banner-row2-innertrans {
	background: transparent;
	height: 100%;
}

div.banner-row2 h2 {
	font-size: 130%;
	line-height: 130%;
	padding: 10px 10px 0px 10px;
	color: #004582;
}

div.banner-row2 h2 A { color: #004582; }
div.banner-row2 h2 A:hover { color: #333; text-decoration: none; }
div.banner-row2 p { margin: 5px 10px 5px 10px; font-size: 90%; }
div.banner-row2 p.leesmeer A { color: #bfbf48; }
div.banner-row2 p.leesmeer A:hover { text-decoration: none; color: #004582; }

div.banner-row2.blue ul li {
	margin: 0; padding: 0;
	text-align: left;
	background: url(../images/fleches/green-white.png) no-repeat 10px 5px;
}

div.banner-row2.blue ul A {
	display: block;
	font-size: 90%;
	text-decoration: none;
	padding: 5px 10px 5px 30px;
	background: url(../images/fleches/green-white.png) no-repeat 10px 5px;
}

div.banner-row2.blue ul A:hover { text-decoration: underline; background: url(../images/fleches/white-green.png) no-repeat 10px 5px; }

div.banner-row2.green ul li {
	margin: 0; padding: 0;
	text-align: left;
	background: url(../images/fleches/blue-white.png) no-repeat 10px 5px;
}

div.banner-row2.green ul A {
	display: block;
	font-size: 90%;
	text-decoration: none;
	padding: 5px 10px 5px 30px;
	background: url(../images/fleches/blue-white.png) no-repeat 10px 5px;
}

div.banner-row2.green ul A:hover { text-decoration: underline; background: url(../images/fleches/white-green.png) no-repeat 10px 5px; }
div.banner-row2.green.no-bg ul A:hover { text-decoration: underline; background: url(../images/fleches/blue-green.png) no-repeat 10px 5px; }

div.green { background: #89892b url(../images/green-glow.gif) no-repeat bottom right; }
div.green.banner-referenties { background: #a1a138 url(../images/green-glow-top.gif) no-repeat top right; }
div.green#referentie-items { background: #89892b; }
div.green p { color: #fff; }
div.green p.leesmeer A 	  { color: #004582; }
div.green p.leesmeer A:hover { text-decoration: none; color: #fff; }
div.green h2 A:hover	{ color: #fff;  }

div.blue { background: #004582 url(../images/blue-glow.gif) no-repeat bottom right; }
div.blue.banner-referenties { background: #2d649d url(../images/blue-glow-top.gif) no-repeat top right; }
div.blue p { color: #fff; }
div.blue p.leesmeer A 	  { color: #bfbf48; }
div.blue p.leesmeer A:hover { text-decoration: none; color: #fff; }
div.blue h2 A	{ color: #bfbf48;  }
div.blue h2 A:hover	{ color: #fff;  }
div.blue ul {
	color: #bfbf48;
}

div.banner-row2-inner h2 A 			{ color: #004582; }
div.banner-row2-inner h2 A:hover 	{ color: #bfbf48; text-decoration: none; }
div.banner-row2-inner p 			{ color: #333; }
div.banner-row2-inner p.leesmeer A 	  { color: #004582; }
div.banner-row2-inner p.leesmeer A:hover { text-decoration: none; color: #bfbf48; }

div.no-bg { background-image: none; }

/*
* Quicklinks
*/

div.quicklinks-container {
	display: block;
	float: left;
	width: 214px;
	overflow: hidden;
	margin: 10px 0px 10px 0px;	
	background: #2d649d url(../images/blue-glow-top-quicklinks.gif) no-repeat top right;
}

div.quicklinks-container-footer {
	display: block;
	width: 214px;
	height: 10px;
	background: #eee url(../images/banner-quicklinks-footer-blue.gif) no-repeat bottom left;
}

ul.quicklinks {
	margin: 10px 0px 10px -1px; padding: 0;
	list-style: none;
	font-size: 90%;
}

ul.quicklinks li {
	margin: 0; padding: 0;
	text-align: left;
	background: url(../images/fleches/green-white.png) no-repeat 10px 5px;
}

ul.quicklinks li.nolink {
	margin: 0; padding: 5px 10px 5px 30px;
	text-align: left;
	background: url(../images/fleches/green-white.png) no-repeat 10px 5px;
	color: #fff;
}

ul.quicklinks li.nolink-active {
	margin: 0 0 0 5px; padding: 5px 10px 5px 25px;
	text-align: left;
	background: #004582 url(../images/fleches/blue-white.png) no-repeat 5px 5px;
	color: #fff;
	width: 200px;
}

ul.quicklinks li.active {
	margin: 0 0 0 5px; padding: 0;
	text-align: left;
	background: #004582;
	color: #fff;
	width: 230px;
}

ul.quicklinks li.active A { padding: 5px 10px 5px 30px; background: #004582 url(../images/fleches/green-white.png) no-repeat 10px 5px;  }
ul.quicklinks li.active A:hover { padding: 5px 10px 5px 30px; background: #004582 url(../images/fleches/green-white.png) no-repeat 10px 5px; text-decoration: none;  }

ul.quicklinks A { 
	display: block;
	color: #fff;
	text-decoration: none;
	padding: 5px 10px 5px 30px;
	background: url(../images/fleches/green-white.png) no-repeat 10px 5px; 
}

ul.quicklinks A:hover { color: #fff; text-decoration: underline; background: url(../images/fleches/white-green.png) no-repeat 10px 5px; }

ul.quicklinks A.active { 
	display: block;
	color: #fff;
	text-decoration: none;
	padding: 5px 10px 5px 30px;
	background: #004582 url(../images/fleches/blue-white.png) no-repeat 10px 5px; 
}

.referentie-footer.blue A.active {
	background: transparent url(../images/fleches/white-green.png) no-repeat 10px 5px;
}

/*
* Typography styles
*/

h1 {
	font-size: 230%;
	text-align: left;
	padding: 0; margin: 20px 0px 0px 430px;
	background-color: transparent;
	display: block;
	width: 450px;
}

h1.underconstruction {
	padding: 0; margin: 0px 0px 0px 210px;
	text-align: center;
	color: #b5a504;
}

h2 {
	font-size: 150%;
	color: #004582;
	padding: 20px 17px 10px 10px;
	margin: 0px;
}

h2.referenties {
	padding: 0px 17px 10px 10px;	
}

h2.blue {
	color: #b4a400;
}

h3 {
	font-size: 120%;
	color: #004582;
	padding: 20px 17px 10px 10px;
	margin: 0px;
}

h4 {
	font-size: 30px;
	color: #333;
	padding: 0px;
	margin: 0px;
}

p {
	font-size: 100%;
	line-height: 140%;
	color: #333;
	margin: 10px 20px 0px 10px;
	padding: 0px;
}

p.footer-address {
	display: block;
	width: 219px;
	font-size: 90%;
	float: left;
	color: #003399;
	text-align: left;
	margin: 0px;
	padding: 20px 0px 10px 10px;
}

div#footer p.terug {
	display: block;
	float: left;
	font-size: 90%;
	margin: 0px;
	padding: 20px 0px 0px 390px;
	font-weight: bold;
}

div#footer p.terug A { color: #003399; }

p.footer-address span.smaller {
	font-size: 80%;
}

div.text-column {
	float: left;
	width: 220px;
}

div.text-column-wide {
	float: left;
	width: 440px;
}

div.text-column p { margin: 10px 20px 20px 10px; }

p#breadcrumbs {
	padding: 10px 0px 0px 0px;
}

p#breadcrumbs A { color: #666666; }
p#breadcrumbs A:hover { color: #000; text-decoration: none; }

p.meer-referenties {
	margin: 0; padding: 0; line-height: 100%;
}

div.green p.meer-referenties {
	background: url(../images/fleches/blue-white.png) no-repeat 0px 5px;
}

div.green p.meer-referenties A { 
	display: block;
	color: #fff;
	text-decoration: none;
	padding: 5px 10px 5px 20px;
	background: url(../images/fleches/blue-white.png) no-repeat 0px 5px;
}

div.green p.meer-referenties A:hover {
	color: #fff;
	text-decoration: underline;
	background: url(../images/fleches/white-green.png) no-repeat 0px 5px;
}

div.green p.meer-referenties {
	background: url(../images/fleches/green-white.png) no-repeat 0px 5px;
}

div.blue p.meer-referenties A { 
	display: block;
	color: #fff;
	text-decoration: none;
	padding: 4px 10px 5px 20px;
	background: url(../images/fleches/green-white.png) no-repeat 0px 5px;
}

div.blue p.meer-referenties A:hover {
	color: #fff;
	text-decoration: underline;
	background: url(../images/fleches/white-green.png) no-repeat 0px 5px;
}

/*
* Anchor styles
*/

A 			{ text-decoration: none; color: #333; }
A:link		{ text-decoration: none; color: #333; }
A:visited	{ text-decoration: none; color: #333; }
A:active	{ text-decoration: none; color: #333; }
A:hover		{ text-decoration: underline; color: #333; }
A.active	{ text-decoration: underline; color: #333; }

.content-text A 			{ text-decoration: underline; color: #004582; }
.content-text A:link		{ text-decoration: underline; color: #004582; }
.content-text A:visited	{ text-decoration: underline; color: #004582; }
.content-text A:active	{ text-decoration: underline; color: #004582; }
.content-text A:hover		{ text-decoration: none; color: #004582; }
.content-text A.active	{ text-decoration: none; color: #004582; }

A.download	{ font-weight: bold; color: #666;  }
A.download:hover	{ text-decoration: none; color: #004582; }

/*
* Table styles
*/


/*
* List styles
*/

ul.nieuwslist {
	padding: 0 0 20px 0; margin: 0;
	list-style: none;
}

ul.nieuwslist li {
	margin: 0; padding: 0;
	text-align: left;
	background: url(../images/fleches/green-white.png) no-repeat 10px 5px;
}

ul.nieuwslist A { 
	display: block;
	color: #004582;
	text-decoration: none;
	padding: 5px 10px 5px 30px;
	background: url(../images/fleches/green-white.png) no-repeat 10px 5px; 
}

ul.nieuwslist A:hover, ul.nieuwslist A.active {
	background: url(../images/fleches/blue-green.png) no-repeat 10px 5px;
	color: #b4a400;
	text-decoration: none;
}


div.content-text ul.linkslist {
	padding: 0 0 20px 0; margin: 0;
	list-style-type: none;
}

div#links-right ul.linkslist {
	padding: 45px 0 20px 0;
	list-style-type: none;
}

ul.linkslist li {
	margin: 0; padding: 0px 0px 20px 0px;
	text-align: left;
	background: url(../images/fleches/green-white.png) no-repeat 10px 3px;
}

ul.linkslist li div.result {
	margin: 0; padding: 5px 20px 0px 30px;
}

ul.linkslist li div.link-desc {
	margin: 0; padding: 0px 20px 0px 20px;
}

ul.linkslist#accordion li { padding: 0px 0px 8px 0px; }

ul.linkslist li#accordion div { margin: 0px 0px 0px 20px; }

ul.linkslist A { 
	color: #004582;
	text-decoration: none;
	padding: 7px 10px 0px 30px;
	background: url(../images/fleches/green-white.png) no-repeat 10px 8px; 
}

ul.linkslist A:hover {
	background: url(../images/fleches/blue-white.png) no-repeat 10px 8px;
	text-decoration: underline;
}

ul.linkslist li.current A {
	background: url(../images/fleches/blue-green.png) no-repeat 10px 8px;
	color: #b4a400;
	text-decoration: none;
}

/*
* Accordion styles
*/

/* root element for accordion. decorated with rounded borders and gradient background image */
#accordion {
	background: transparent;
	width: 100%;
}

/* accordion pane */
#accordion div.pane {
	display:none;
	padding:0px;
}

/*
* See superfish.css for further ul#navigatie styles
*/

ul.sitemap {
	margin: 0px 0px 0px 25px; padding: 0px 0px 0px 0px;
	list-style: disc;
	line-height: 140%;
}

ul.sitemap ul {
	margin: 0px 0px 0px 25px; padding: 0px 0px 0px 0px;
	list-style: disc;
}

ul#top-nav {
	position: absolute;
	top: 43px; right: 0px;
	z-index: 1000;
	width: 220px;
	list-style: none;
	margin: 0; padding: 0;
	background: transparent;	
}

ul#top-nav.sitemap {
	display: none;
}

ul#top-nav li {
	display: inline;
	float: right;
	background: transparent;
	line-height: 100%;
}

ul#top-nav li.zoeken { width: 100%; }

ul#top-nav A { display: block; color: #666666; padding: 5px; }
ul#top-nav A:hover { text-decoration: underline; color: #333333; }

ul#top-nav li.zoeken A { display: inline; padding: 0px; }