<!--
* {
	margin: 0;
	padding: 0;
}
body, html {
	background-color: #C7C7C7;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#base {
	position:absolute;
	width:900px;
	left:50%;
	margin: 30px 0 0 -450px;
	background-color: #FFFFFF;
}


/*
============================== HEADER
*/

#header #logo {
	float: right;
	height: 88px; /* -12px  padding */
	padding: 12px 19px 0 0;
}

#header #visual {
	width: 900px;
	background: url('img/gradient.jpg');
}
#header #breadCrumbs {
	position: relative;
	float: left;
	padding: 30px 0 0 20px;
	font-size: 10px;
	color: #999999;
}
	#header #breadCrumbs a {
		color: #999999;
		font-weight: normal;
		text-decoration: none;	
	}
	#header #breadCrumbs a:hover {
		text-decoration: underline;
	}


/*
============================== HOOFDNAVIGATIE
*/
#header #mainNav {
	width: 900px;
	height: 24px;
	background: #767B7F;
	font-size: 11px;
	font-weight: bold;
	border-bottom: 1px solid #FFFFFF;
	margin-top: 100px;
}
	#header #mainNav ul {
		white-space: nowrap;
	}
	#header #mainNav li {
		display: inline;
		list-style-type: none;
	}
	#header #mainNav li a {
		width: 120px;
		height: 20px;	/* -4px padding*/
		padding: 4px 0 0 8px;
		display: block;
		float: left;
		color: #FFFFFF;
		text-decoration: none;
		background: url('img/hoekje.gif') top right no-repeat;
		border-right: 1px solid #FFFFFF;
	}
	#header #mainNav a:hover {
		
		background: #919599 url('img/hoekje.gif') top right no-repeat;
	}
	#header #mainNav li.active a {
		background: #C8D72D url('img/hoekje.gif') top right no-repeat;
	}


#content #mainColumn {
	position: relative;
	float: left;
	width: 560px;	/* -40px padding */
	padding: 15px 20px 0 20px;
	border-right: 1px solid #CCCCCC;
}
#content #columnOne {
	position: relative;
	float: left;
	width: 275px;	/* -5 px padding */
	padding: 15px 5px 0 15px;
}	
#content #columnTwo { 
	position: relative;
	float: left;
	width: 280px;	/* -5 px padding */
	padding: 15px 5px 0 15px;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
}
#content #columnThree { 
	position: relative;
	float: left;
	width: 275px;	/* -5 px padding */
	padding: 15px 5px 0 15px;
}
#content #columnOneOfTwo {
	position: relative;
	float: left;
	width: 420px;	/* -30px padding */
	padding: 15px 15px 0 15px;
}
#content #columnTwoOfTwo {
	position: relative;
	float: right;
	width: 434px;	/* -15px padding */
	padding: 15px 0 15px 15px;
	border-left: 1px solid #CCCCCC;
}
#content #thumbnailColumn {
	position: relative;
	float: left;
	width: 888px;	/* -12px padding */
	padding: 0 0 0 12px;
}
#content #thumbnailColumn p {
	font-size: 10px;
	color: #999999;
	margin: -10px -5px 0 5px;
}


/*
============================== RECHTERKOLOM
*/
#content #rightColumn {
	position: relative;
	float: right;
	width: 259px;	/* -40px padding */
	padding: 20px 20px 0 20px;
}
	#content #rightColumn p {
		font-size: 11px;
		line-height: 16px;
	}
	#content #rightColumn h3 {
		font-size: 18px;
		font-weight: normal;
		margin: 0 0 7px 0;
		color: #B7C521;
		
	}
	#content #rightColumn ul {
		list-style: none;
		margin: 0 0 2px 0;
	}
		#content #rightColumn ul li {
			font-size: 11px;
			padding: 0 0 4px 12px;
			display: inline;
			width: 259px;
			float: left;
			background: url('img/arrow2.gif') 0 3px no-repeat;
		}
		*html #content #rightColumn ul li {	/* ie6 fix */
			width: 247px;
		}
		#content #rightColumn a:link, #content #rightColumn ul li a:visited {
			color: #666666;
			text-decoration: none;
		}
		#content #rightColumn ul li a:hover{
			text-decoration: underline;
		}
		#content #rightColumn a.more:link ,#content #rightColumn a.more:visited {
			font-size: 11px;
			color: #B7C521;
		}

	#content a:link, #content a:visited {
		font-weight: bold;
		color: #666666;
		text-decoration: none;
	}
	#content a:hover {
		text-decoration: underline;
	}
	#content a.more:link, #content a.more:visited {
		background: url(img/arrow.gif) right 3px no-repeat;
		padding: 0 10px 0 0;
		color: #B7C521;
		
	}
	#content p, #content #mainColumn li {
		font-size: 12px;
		line-height: 20px;
		color: #4A4A4A;
		margin: 0 0 20px 0;
	}
	#content #mainColumn ul {
		margin: 0 0 0 0;
	}
	#content #mainColumn li {
		margin: 0 0 0 0;
	}
	#content h1 {
		font-size: 26px;
		font-weight: normal;
		color: #B7C521;
		margin: 0 0 6px 0;
	}
	#content h1 a:link, #content h1 a:visited {
		font-weight: normal;
		color: #B7C521;
	}
	#content h1 a:hover {
		text-decoration: none;
	}
	#content h2 {
		font-size: 18px;
		font-weight: normal;
		color: #B7C521;
		margin: 0 0 2px 0;
	}


#content div.thumbscontainer img {
	border: 1px solid #CCCCCC;
}


.galleryPicture {
	float: left;
	margin: 0 12px 12px 0;
}
	.galleryPicture img {
		border: none;
	}


/*
============================== LIJST
*/

	ul.list {
		list-style: none;
		margin: 0 0 2px 0;		
	}
		ul.list li {
			font-size: 11px;
			padding: 0 0 4px 12px;
			background: url('img/arrow2.gif') 0 6px no-repeat;
		}
		ul.list a:link, ul.list li a:visited {
			color: #666666;
			text-decoration: none;
		}
		ul.list li a:hover{
			text-decoration: underline;
		}
		ul.list a.more:link, ul.list a.more:visited {
			font-size: 11px;
			color: #B7C521;
		}


/*
============================== FOOTER
*/
#footer {
	width: 900px;
	padding: 8px 0 0 0;
	font-size: 10px;
	background: #c7c7c7;
}
	#footer #metaNav {
		position: relative;
		float: right;
		padding: 0 10px 0 0;
	}
		#footer #metaNav ul {
			white-space: nowrap;
		}
		#footer #metaNav li, #header {
			display: inline;
			list-style-type: none;
		}
		#footer #metaNav li a {
			float: left;
			color: #999999;
			text-decoration: none;
			padding: 0 10px 0 10px;
			border-right: 1px solid #999999;
		}
		#footer #metaNav li.last a {
			border-right: none;
		}
		#footer #metaNav a:hover {
			text-decoration: underline;
		}			
	
	#copyright {
		position: relative;
		float: left;
		padding: 0 0 0 10px;
	}
		#copyright a {
			font-size: 10px;
			color: #999999;
			text-decoration: none;
		}


/*
============================== CONTACT
*/

#contact form fieldset {
	border: none;
}
#contact form label {
	font-size: 12px;
	font-weight: normal;
	color: #4A4A4A;
}
#contact form input {
	width: 300px;
	margin: 5px 0 15px 0;
}
#contact form input.button {
	margin: -20px 0 0 0;
	width: 150px;
}
#contact form textarea {
	width: 550px;
	height: 150px;
	margin: 5px 0 15px 0;
}
#contact div.errors {
	font-size: 12px;
	line-height: 18px;
	color: #CC0000;
	border: 1px solid #CC0000;
	padding: 10px;
	margin: 0 0 20px 0;
}

/*
============================== ZOEKMODULE
*/
#zoekModule {
	margin: -4px 0 0 0;
}
#zoekModule form fieldset {
	border: none;
}
	#zoekModule input#ajaxSearch_input {
		width: 195px;
	}
	#zoekModule input#ajaxSearch_submit{
		width: 50px;
	}


/*
============================== ZOEKPAGINA
*/
#ajaxSearch_input {
	height: 18px;
	width: 300px;
	padding: 2px 0 0 2px;
	margin: 0;
}
#ajaxSearch_submit {
	height: 25px;
	width: 50px;
	padding: 2px 0;
	margin: 5px 0 0 0;
}
#ajaxSearch_output {
	margin: 25px 0 0 0;
	font-size: 12px;
}
.ajaxSearch_resultsInfo , .ajaxSearch_resultsIntroFailure {
	font-size: 12px;
	line-height: 20px;
	color: #4A4A4A;
	padding: 10px 0 10px 0;
}
.ajaxSearch_highlight {
	color: #B7C521;
	font-weight: bold;
}
div.AS_ajax_result, div.AS_ajax_result {
	padding: 10px 0 0 0;
}
	.AS_ajax_resultDescription, .ajaxSearch_resultDescription {
		font-size: 12px;
		line-height: 20px;
		color: #4A4A4A;
		margin: 0 0 0 0;
	}
	a.AS_ajax_resultLink, a.ajaxSearch_resultLink {
		font-size: 12px;
		font-weight: bold;
		color: #666666;
		text-decoration: none;
	}
	a.AS_ajax_resultLink:hover, a.ajaxSearch_resultLink:hover {
		text-decoration: underline;
	}


/*
============================== SITEMAP
*/ 
#sitemap ul {
	padding: 0 0 0 20px;
	margin: 0px;
}
#sitemap a{
	font-size: 12px;
}
#sitemap ul ul li a:link, #sitemap ul ul li a:visited {
	font-weight:normal;
}
#sitemap li {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

ul#sitemap > li {
	margin-bottom: 10px;
}

#sitemap ul li {
	list-style-image: url("img/l2_normal.gif");
}

#sitemap ul ul li {
	list-style-image: url("img/l3_normal.gif");
}

#sitemap ul li.firstfollow {
	list-style-image: url("img/l2_first_follow.gif");
}

#sitemap ul li.last {
	/*list-style-image: url("img/l2_last_item.gif");*/
}

#sitemap ul ul li.firstfollow {
	list-style-image: url("img/l3_first_follow.gif");
}

#sitemap ul ul li.last {
	list-style-image: url("img/l3_last_item.gif");
}


/*
============================== CLEARFIX
*/

* html .clearfix {
	height: 1%;
}
html[xmlns] .clearfix {
	display: block;
}
.clearfix {
	display: inline-block;
}
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}


/*
============================== CORNERS
*/

.corner .lt, .corner .rt, .corner .lb, .corner .rb {
	position: absolute;
	width: 8px;
	height: 8px;
	overflow: hidden;
}
.corner .lt { top:0;left:0;background:url('img/corner_lt.png') no-repeat; }
.corner .rt { top:0;right:0;background:url('img/corner_rt.png') no-repeat; }
.corner .lb { bottom:20px;left:0;background:url('img/corner_lb.png') no-repeat; }
.corner .rb { bottom:20px;right:0;background:url('img/corner_rb.png') no-repeat; }


/*
============================== BOTTOM-CAROUSEL
*/

#bottomCaroussel {
        width: 900px;
        height: 80px;
        overflow: hidden;
        background: url('img/bottomCarouselBg.png') repeat-x;
}

    #container {
        overflow: hidden;
        padding: 0;
        margin: 0;
    }
	#container .opdrachtgeversItem {
		position: relative;
		width: 173px;
		height: 80px;
		display: inline;
		text-align: left;
		border: none;
		margin: 0;
	}
		.opdrachtgeversContent {
			position: absolute;
		}
			.opdrachtgeversContent img {
				position: absolute;
			}
		.opdrachtgeversBtn {
			position: absolute;
			width: 173px;
			height: 80px;
			top: 0;
			background: url('img/transparent.gif');
		}
			.opdrachtgeversItem a {
				width: 173px;
				height: 80px;
				display: block;
				line-height: 999px;
				overflow: hidden;
			}

.yui-carousel {
	visibility: hidden;
}
.yui-carousel.yui-carousel-visible {
	visibility: visible;
}
.yui-carousel-content {
	overflow: hidden;
	position: relative;
	margin: 0 20px;
}
.yui-carousel-element{
	margin:0;
	overflow:hidden;
	padding:0;
	position:relative;
	width:32000px;
	z-index:1;
}
.yui-carousel-element li {
	float:left;
	width: auto;
	list-style:none;
	margin:0;
	overflow:hidden;
	padding:0;
}

/* NAVIGATION */

.yui-carousel-nav {
	position: absolute;
	width: 900px;
	z-index: 50;
	left: 0;
}
 .yui-carousel-button { 
 	position: absolute;
	right: 0px;
	width: 20px;
	height: 80px;
	overflow: hidden;
	background: #cc0000 url('img/bottomCarouselBtn.png') -20px 0 no-repeat;
	cursor: pointer;
	cursor: hand;
}
	 .yui-carousel-button:hover {
		background-position: -20px -160px;
	}
.yui-carousel-button-disabled, .yui-carousel-button-disabled:hover {
	background-position: -20px -80px;
}
.yui-carousel-button input {
	background-color:transparent;
	border:0;
	padding:0 0 0 50px;
}
span.yui-carousel-first-button {
	left: 0px;
	background: url('img/bottomCarouselBtn.png') 0 0 no-repeat;
}
	span.yui-carousel-first-button:hover {
		background-position: 0 -160px;
	}
span.yui-carousel-first-button-disabled, span.yui-carousel-first-button-disabled:hover {
	background-position: 0 -80px;
}

/* INDICATOR */

 .yui-carousel-nav ul {
	display: none;
}


/*
============================== CORNERS
*/

#container .lt, #container .rt, #container .lb, #container .rb {
	position: absolute;
	width: 5px;
	height: 5px;
	overflow: hidden;
}
#container .lt { top:0;left:0;background:url('img/carousel_lt.png') no-repeat; }
#container .rt { top:0;right:0;background:url('img/carousel_rt.png') no-repeat; }
#container .lb { bottom:0;left:0;background:url('img/carousel_lb.png') no-repeat; }
#container .rb { bottom:0;right:0;background:url('img/carousel_rb.png') no-repeat; }

-->