/*
VW COMMON STYLESHEET
*/

@import url("reset.css");
@import url("forms.css");
@import url("style.css");


body {
	font-size: 62.5%;
	font-family: Arial, Helvetica, sans-serif;
	color: #858585;
}
strong {
	font-weight: bold;
}
p {
	font-size: 1.2em;
	margin: 0.1em 0 0.6em 0;
	line-height: 140%;
}
p.cleared {
	margin: 0;
}
a {
	color: #369;
}
a.button {
	margin: 1px 8px 0 3px;
	width: 142px;
	color: #a4a4a4;
	background-color: #f8f8f8;
	border: solid 1px #e7e7e7;
	border-left:  solid 4px #e7e7e7;
	padding: 5px 5px 3px 5px;
	text-align: left;
	cursor: pointer;
	cursor: hand;
	height: 12px;
	font-size: 0.9em;
	text-decoration: none;
}
a.button:hover, a.button:active {
	background-color: #f8f8f8;
	border: solid 1px #858585;
	border-left:  solid 4px #858585;
	color: #858585;
}

iframe{border:0px;}

table.tableList {}
table.tableList tr th,
table.tableList tr td {
	font-size: 1em;
	padding: 5px 3px;
}
table.tableList tr th {
	font-weight: bold;
	font-size: 1.1em;
	color: #369 !important;
	background-color: #EDEDED;
}

.borderedcontent ul {
	list-style-type: disc;
	margin: 5px;
	font-size: 1.1em;
	line-height: 140%;
}
.borderedcontent ul li {
	margin: 5px 5px 5px 15px;
}
.borderedcontent ol {
	list-style-type: decimal;
	margin: 5px 5px 5px 8px;
	font-size: 1.1em;
	line-height: 140%;
}
.borderedcontent ol li {
	margin: 5px 5px 5px 18px;
}

#container {
	position: relative;
	width: 960px;
	margin: 10px auto;
	padding-left:10px;
}
#siteheader{
	position: relative;
	height: 94px;
	border: solid 1px #858585;
	border-right: none;
	border-bottom: none;
	margin-right: 10px;
	background: #FFF  url("../Images/Design/bckgr_siteheader.gif") no-repeat right bottom;
}
	#siteheader h1,
	#siteheader div.logo {
		position: absolute;
		width: 350px;
		height: 80px;
		left: 24px;
		top: 12px;
	}
	#siteheader h1 a,
	#siteheader div.logo a{
		display: block;
		text-indent: -9000px;
		width: 350px;
		height: 80px;
	}
	
	#siteheader #loggedin {
		position: absolute;
		top: 22px;
		right: 168px;
		font-size: 1.1em;
	}
	#siteheader #loggedin a {
		color: #666666;
		text-decoration: underline;
	}
	#siteheader #loggedin a:hover {
		text-decoration: none;
	}
	
	#siteheader #endorsement {
		float: right;
		position: absolute;
		right: 20px;
		top: 35px;
	}
	

#hoofdnav{
	position: relative;
	width: 100%;
	border-top: solid 8px #369;
	border-bottom: solid 2px #e6e6e6;
	padding: 12px 0 3px 0;
	font-size: 1.1em;
	height: 1.5em;
	margin: 0px;
	background: #858585 url("../Images/Design/border_hoofdnav.gif") repeat-x left top;
}
	#hoofdnav li {
		float: left;
		padding: 1px 6px;
		border-right: solid 1px #FFF;
	}
		#hoofdnav li.last {
			border-right: none;
		}
		#hoofdnav li a, #hoofdnav li a:link, #hoofdnav li a:visited {
			color: #FFF;
			text-decoration: none;
		}
		#hoofdnav li a:hover, #hoofdnav li a:active {
			color: #FFF;
			text-decoration: underline;
		}
		#hoofdnav li.this a {
			text-decoration: underline;
		}

#searchnav { /* search in hoofdnav*/
	position: absolute;
	right: 10px;
	top: 112px;
	width: 148px;
	height: 15px;
	margin: 0;
	padding: 1px 0 0 0;
	text-align: right;
	font-size: 1.1em;
	color: #FFF;
}
	#searchnav form {
		margin: 0;
		padding: 0;
		width: 148px;
		height: 15px;
	}
	#searchnav form input {
		float: left;
		width: 120px;
		height: auto;
		border: none;
		padding: 2px;
		margin:  0;
		font-size: 10px;
	}
	#searchnav form button {
		float: right;
		width: 13px;
		height: 13px;
		margin: 0;
		padding: 0;
		border: none;
		background: url("../Images/Design/Icons/zoeken_button.gif") no-repeat left bottom;
		text-indent: -1000em;
		cursor: pointer; /* hand-shaped cursor */
		cursor: hand; /* for IE 5.x */
	}
	#searchnav.wide, #searchnav.wide form {
		width: 290px;
	}
	* html #searchnav.wide, * html #searchnav.wide form {
		width: 293px; /* for IE6*/
	}
	#searchnav.wide form button {
		float: right;
		width: 67px;
		height: 16px;
		margin: 0 0 0 5px;
		padding: 0 0 0 14px;
		border: none;
		background: url("../Images/Design/Icons/zoeken_button.gif") no-repeat left;
		text-indent: 0em;
		text-align: left;
		font-size: 10px;
		font-family: Arial,Helvetica,sans-serif;
		color: #FFF;	
		cursor: pointer; /* hand-shaped cursor */
		cursor: hand; /* for IE 5.x */
	}
	#searchnav.wide form button.last {
		width: 86px;
		padding-left: 24px;
		background: url("../Images/Design/Icons/zoeken_button_pipe.gif") no-repeat left;
	}
		
#metanav{
	position: absolute;
	right: 0px;
	top: -1px;
	height: 14px;
}
* html #metanav {
	right: -1px;
}
#metanav li {
	float:right;
	padding: 0 8px;
	height: 14px;
	background: #FFF url("../Images/Design/border_metanav.gif") repeat-x left top;
}
	a.mail, a.print, a.photo {
		color: #858585;
		text-decoration: none;
		padding-left: 15px;
		display:block;
	}
	a:hover.mail, a:hover.print {
		color: #333;
	}
	#metanav li a, #metanav li a:link, #metanav li a:visited {
		color: #a4a4a4;
		text-decoration: none;
		padding-left: 15px;
		display:block;
	}
	#metanav li a:hover, #metanav li a:active, #metanav li.this a {
		color: #333;
	}
	#metanav #firstmetanav {
		background: #FFF url("../Images/Design/corner_down.gif") no-repeat left top;
		padding-left: 14px;
	}
	#metanav li.this a {
		color: #000 !important;
	}
		#metanav li a.home {background: url("../Images/Design/Icons/home.gif") no-repeat left center; text-transform: lowercase;}
			#metanav li.this a.home, #metanav li a:hover.home {background: url("../Images/Design/Icons/home_000.gif") no-repeat left center;}	
		#metanav li a.zoeken {background: url("../Images/Design/Icons/zoeken.gif") no-repeat left center; text-transform: lowercase;}
			#metanav li.this a.zoeken, #metanav li a:hover.zoeken {background: url("../Images/Design/Icons/zoeken_000.gif") no-repeat left center;}
		#metanav li a.login {background: url("../Images/Design/Icons/login.gif") no-repeat left center; padding-left: 20px !important; text-transform: lowercase;}
			#metanav li.this a.login, #metanav li a:hover.login, #metanav li.this a:hover.login  {background: url("../Images/Design/Icons/login_000.gif") no-repeat left center; padding-left: 20px;}
		#metanav li a.sitemap {background: url("../Images/Design/Icons/sitemap.gif") no-repeat left center; text-transform: lowercase;}
			#metanav li.this a.sitemap, #metanav li a:hover.sitemap, #metanav li.this a:hover.sitemap {background: url("../Images/Design/Icons/sitemap_000.gif") no-repeat left center;}
		#metanav li a.reageer, a:hover.mail {background: url("../Images/Design/Icons/reageer.gif") no-repeat left center; text-transform: lowercase;}
			#metanav li.this a.reageer, #metanav li a:hover.reageer, #metanav li.this a:hover.reageer, a.mail {background: url("../Images/Design/Icons/reageer_000.gif") no-repeat left center;}
		#metanav li a.print, a:hover.print {background: url("../Images/Design/Icons/print.gif") no-repeat left center; text-transform: lowercase;}
			#metanav li.this a.print, #metanav li a:hover.print, #metanav li.this a:hover.print, a.print {background: url("../Images/Design/Icons/print_000.gif") no-repeat left center;}
		#metanav li a.photo, a:hover.photo {background: url("../Images/Design/Icons/photo.gif") no-repeat left center; text-transform: lowercase;}
			#metanav li.this a.photo, #metanav li a:hover.photo, #metanav li.this a:hover.photo, a.photo {background: url("../Images/Design/Icons/photo_000.gif") no-repeat left center;}
		#metanav li a.vr, a:hover.vr {background: url("../Images/Design/Icons/vr_service.gif") no-repeat left center; text-transform: lowercase;}
			#metanav li.this a.vr, #metanav li a:hover.vr, #metanav li.this a:hover.vr, a.vr {background: url("../Images/Design/Icons/vr_service_active.gif") no-repeat left center;}

		#metanav li a.en {background: url("../Images/Flags/en.gif") no-repeat left center; padding-left:0px; text-indent:-9000px; width: 15px;}
		#metanav li a.nl {background: url("../Images/Flags/nl.gif") no-repeat left center; padding-left:0px; text-indent:-9000px; width: 15px;}
		#metanav li a.de {background: url("../Images/Flags/de.gif") no-repeat left center; padding-left:0px; text-indent:-9000px; width: 15px;}
		#metanav li a.fr {background: url("../Images/Flags/fr.gif") no-repeat left center; padding-left:0px; text-indent:-9000px; width: 15px;}
		#metanav li a.ee {background: url("../Images/Flags/ee.gif") no-repeat left center; padding-left:0px; text-indent:-9000px; width: 15px;}
		#metanav li a.ru {background: url("../Images/Flags/ru.gif") no-repeat left center; padding-left:0px; text-indent:-9000px; width: 15px;}
		#metanav li a.pl {background: url("../Images/Flags/pl.gif") no-repeat left center; padding-left:0px; text-indent:-9000px; width: 15px;}
		#metanav li a.fi {background: url("../Images/Flags/fi.gif") no-repeat left center; padding-left:0px; text-indent:-9000px; width: 15px;}
		#metanav li a.se {background: url("../Images/Flags/se.gif") no-repeat left center; padding-left:0px; text-indent:-9000px; width: 15px;}


#pageheader {
	position: relative;
	clear: both;
	padding: 0px;
}
	#pageheader h2 {
		color: #FFF;
		font-size: 1.6em;
		font-weight: bold;
		
		clear: both;
		padding: 0px;
	}
	


/*start: default breadcrumbs */
#breadcrumbs, .breadcrumbs {
	background: #369 url("../Images/Design/bckgr_pageheader.gif") no-repeat left top;
	height: 15px;
	padding: 16px 0 0 10px;
}
* html #breadcrumbs, * html .breadcrumbs {
	padding-left: 15px;
}
	#breadcrumbs ul, .breadcrumbs ul {
		position: relative;
		height: 1%; /* needed for IE6*/
	}
		#breadcrumbs ul li, .breadcrumbs ul li {
		float: left;
		padding: 0px 10px 0px 0px;
		background: url("../Images/Design/Icons/rasquo_white.gif") no-repeat right center;
		}
		#breadcrumbs ul li.last, .breadcrumbs ul li.last {
			background: none;
		}
			#breadcrumbs ul li a, .breadcrumbs ul li a, #pageheader ul li a:link, #pageheader ul li a:visited {
				color:#adc2d6;
				text-decoration:none;
			}
			#breadcrumbs ul li a:hover, .breadcrumbs ul li a:hover, #pageheader ul li a:active {
				color:#FFF;
			}


/*start: focusbanner: hide background of #breadcrumbs */
#breadcrumbs.focusbanner {
	background: #369 !important;
	padding-top: 10px;
}
#breadcrumbs.ph_grey.focusbanner {
	background: #eee !important;
	padding-top: 10px;
}
/*end: focusbanner */


/*start: pageheader-grey: if the pageheader is grey instead of colored */
.ph_grey {
	background: #eee url("../Images/Design/bckgr_pageheader_grey.gif") no-repeat left top !important;
	height: 15px;
	padding: 16px 0 0 10px;
}
* html #breadcrumbs.ph_grey {
	padding-left: 15px;
}
#breadcrumbs.ph_grey ul li a{
	color: #666 !important;
}
#breadcrumbs.ph_grey ul li a:hover{
	color: #333 !important;
}
/*end: pageheader-grey */


/*start: pageheader-darkgrey: if the pageheader is darkgrey instead of colored */
.ph_darkgrey {
	background: #858585 url("../Images/Design/bckgr_pageheader_grey.gif") no-repeat left top !important;
	height: 15px;
	padding: 16px 0 0 10px;
}
* html #breadcrumbs.ph_darkgrey {
	padding-left: 15px;
}
#breadcrumbs.ph_darkgrey ul li a{
	color: #DDD !important;
}
#breadcrumbs.ph_darkgrey ul li a:hover{
	color: #FFF !important;
}
/*end: pageheader-darkgrey */


/*start: banner: for topbanner images */		
#banner {
	position: relative;
	padding: 0px;
	margin: -2px 0px 0px 0px;
}
#banner img {
	z-index: -1;
	margin: 0px 0px 50px 0px;
}
#banner h2 {
	color: #FFF;
	font-size: 1.6em;
	font-weight: bold;
	background-image: url("../Images/Design/bckgr_pageheader_new.gif");
	background-position: bottom left;
	background-repeat: no-repeat;
	
	clear: both;
	width: 745px;
	height: 60px;
	line-height: 60px;
	padding: 0px 10px 0px 205px;
	position: absolute;
	bottom: 0px;
	left: 0px; /* IE */
	z-index: 999;
}
#banner img.cleared {
	z-index: -1;
	margin: 0px 0px -3px 0px;
}
/*end: banner */


#content {
	position: relative;
	xwidth: 100%; /* needed for IE6*/
	margin: 0px;
	border: solid 1px #CCC;
	border-top: none;
	padding: 10px 0px 0px 0px;
}

	#content.lyteframe {
		border: none;
	}

	#content h1,
	#content h2 {
		font-weight: bold;
		font-size: 1.7em;
		color: #369;
		padding: 0px 10px 8px 15px; /*paddingleft: see h2.maintitle below, minus navigation, minus 1x leftmargin*/
		clear: both;
	}
	#content h1.maintitle,
	#content h2.maintitle {
		font-weight: bold;
		font-size: 1.7em;
		color: #369;
		padding-top: 3px;
		padding-right: 230px;
		padding-left: 200px;
	}
	#content h1.resetpadding,
	#content h2.resetpadding {
		font-weight: bold;
		font-size: 1.7em;
		color: #369;
		padding: 0px;
		clear: both;
	}
	#content h1.componenttitle,
	#content h2.componenttitle {
		background-color: #369;
		border: none;
		clear: both;
		color: #FFF;
		font-size: 1.3em;
		font-weight: bold;
		margin: 0px 0px 0px 10px;
		padding: 4px 10px;
	}
	
	#content .borderedcontent h2.componenttitle {
		margin: -10px -10px 10px -10px;
	}
	 * html #content .borderedcontent h2.componenttitle {
	 	/* margin-right:-40px;  DISABLED 20100422 PK */
	}
	* html #content .forcesingle h2.componenttitle {
            /* width: 158px;  DISABLED 20080924 PK */  /*breedte van .forcesingle */
    }

	
	#content h3 {
		font-weight: bold;
		font-size: 1.3em;
		color: #369;
		clear: both;
		margin: 0 0 5px 0;
		line-height: 140%;
	}
	#content h3.componenttitle {
		padding: 0 10px 0 20px;
	}
	
	#content .borderedcontent h3 {
		margin: 5px 0;
	}
	
	#content h4,
	#content h4 a {
		font-weight: bold;
		font-size: 1.1em;
		color: #369 !important;
		clear: both;
		/*padding-bottom: 3px;*/
		margin: 0 0 5px 0;
		line-height: 140%;
	}
	
	#content h5,
	#content h5 a {
		font-weight: bold;
		font-size: 1.1em;
		color: #000;
		clear: both;
		/*padding-bottom: 3px;*/
		margin: 0 0 5px 0;
		line-height: 140%;
	}
	
	
#contextnav{
	position: relative;
	float: left;
	border: solid 1px #CCC;
	border-left: none;
	border-bottom: none;
	width: 170px; /* 180 - 8padding - 2x1px border */
	margin: 25px 0 0 10px;
	padding: 8px 8px 14px 0;
	font-size: 1.1em;
	background: transparent url("../Images/Design/bckgr_contextnav.gif") no-repeat left bottom;
	margin-bottom:10px;
}

#contextnav.grey{
	background: transparent url("../Images/Design/bckgr_contextnav_grey.gif") no-repeat left bottom !important;
}

#contextnav.grey a{
	color:#FFFFFF !important;
}

	* html #contextnav {
		margin-left: 5px;
		margin-bottom:10px;
	}
	#contextnav li {
		padding: 3px 0 3px 10px;
		font-weight: bold;
	}
		#contextnav li.this {}
		
		#contextnav li ul{
			display: none;
			margin: 3px 0 0 -10px;
		}
		#contextnav li.this ul {
			display: block;
			border-bottom: solid 1px #ccc;
		}
		
		#contextnav li.last ul {
			border-bottom: none !important;
		}
		
		#contextnav li.this li.this ul,
		#contextnav li.this li.this li ul,
		#contextnav li.this li.this li.this ul  {
			display: block;
			margin: 3px 0 0 0;
			border: none;
		}
		#contextnav li.this li ul,
		#contextnav li.this li.this ul li ul {
			display: none;
			margin: 3px 0 0 -10px;
		}
	
	#contextnav li li {
		font-weight: normal;
	}
		
		#contextnav li a, #contextnav li a:link, #contextnav li a:visited {
			color: #369;
			text-decoration: none;
			display: block;
		}
		#contextnav li a:hover, #contextnav li a:active {
			text-decoration: underline;
		} 
		#contextnav li.this a, #contextnav li.this a:link, #contextnav li.this a:visited {
			color: #369;
		}
		#contextnav li.this li a, #contextnav li.this li a:link, #contextnav li.this li a:visited {
			color: #999;
			padding-left: 10px;
			text-decoration: none;
		}
		#contextnav li.this li a:hover {
			text-decoration: underline;
		}
		#contextnav li.this li.this li a, #contextnav li.this li.this li a:link, #contextnav li.this li.this li a:visited {
			color: #666;
			padding-left: 10px;
			text-decoration: none;
		}
		#contextnav li.this li.this li a:hover {
			text-decoration: underline;
		}
		* html #contextnav li.this li.this a {
			height: 1%;
		}
		
		#contextnav .active {
			text-decoration: underline !important;
		}
		
#contentarea {
	float: left;
	width: 760px;
	position: relative;
	min-height: 300px; /*just to give it some height */
}	
	#contentarea a, #contentarea a:link {
		color: #000;
		text-decoration: underline;
	}
	#contentarea a:visited {
		color:#333;
		text-decoration: underline;
	}
	#contentarea a:hover, #contentarea a:active {
		color: #666;
		text-decoration: none;
	}

.column {
	position: relative;
	float: left;
}



#inlinesearch form { /* zoeken in header*/
	display: inline;
	margin:0;
	padding: 0;
	width: auto;
}
#inlinesearch form input, #inlinesearch form label  {
	width: auto;
	font-size: 0.8em;
}
#inlinesearch form input  {
	width: 115px;
	font-size: 0.9em;
	margin-left: 0px;
	padding: 0 2px;
	margin-bottom:4px;
}
#inlinesearch form label  {
	padding: 3px 0;
}
#inlinesearch form button  {
	width: 25px;
	height: 15px;
	margin-bottom: 0px;
	.margin-bottom: 3px;
	margin-left: 2px !important
	padding: 0;
	border: solid 1px #a9a9a9;
	background: #858585 url("../Images/Design/Icons/zoeken_button.gif") no-repeat center center;
	text-indent: -1000em;
	cursor: pointer; /* hand-shaped cursor */
	cursor: hand; /* for IE 5.x */
}
	
	
/* below:
	- wider than actual content, to give room for margin(10px) on bordered-content
	- rather use margin on .borderedcontent then on .column self, because of .forcesingle (see below) that needs to float within column
*/
.single {width:190px;}
.single.half {width: 285px;}
.double {width:380px;}
.triple {width:570px;}
.quadruple {width:760px;}


/* below:
	-be very specific about width for .borderedcontent, because of borders(2px), margin(10px) and padding(20px); 
	-'width:auto' doesn't do the trick, 'cause it keeps the border-width in mind...
	-'width: 100%' doesn't do the trick, 'cause it keeps nothing in mind...
*/
.single .borderedcontent {width:158px;}
.single.half .borderedcontent {width:253px;}
.double .borderedcontent{width:348px;}
.triple .borderedcontent{width:536px;}
.quadruple .borderedcontent{width:728px;}


.borderedcontent{
	clear: left;
	position: relative;
	font-size: 1em;
	color: #000;
	padding: 10px 10px 12px 10px;
	margin-bottom: 10px;
	border: solid 1px #CCC;
	margin-left: 10px;
	min-height: 1%;
}
	* html .firstbc {
		margin-left: 5px;
	}

.borderedcontent.half {
	clear: none;
	width: 85px !important;
	min-width: 85px !important;
}

.borderedcontent.news, .borderedcontent.news a {
	color: #000000 !important;
}
.darkgrey .borderedcontent.news, .darkgrey .borderedcontent.news a {
	color: #FFFFFF !important;
}
	
.nobordercontent {
	clear: left;
	position: relative;
	margin: 0;
	border: none !important;
	padding: 0px 10px 14px 20px;
	font-size: 1em;
	color: #666;
}
* html .nobordercontent {
	margin-top: -5px;
}

	.borderedcontent span.back {
		color: #858585 !important;
		display: block;
		margin:-2px 0px 5px 0px;
		position:relative;
		text-align:right;
	}
	.borderedcontent span.back a {
		color: #858585 !important;
		text-decoration: none !important;
		display:inline;
	}
	.borderedcontent span.back a:hover {
		color: #333;
	}
	.borderedcontent span.back.left {
		margin-top: -14px;
		text-align:left;
	}
	
	.borderedcontent p, .transparentcontent p, .greycomponent p, .fixedcomponent p {
		font-size: 1.1em;
		margin-left: 0px;
	}
	p table p, p table h4, p table h5, p table ul, p table ol{
		font-size: 1.0em !important;
	}
	
	.borderedcontent li p {
		font-size: 1.0em;
	}
	
	span.borderedcontentfooter,
	span.borderedcontentheader {
		position: absolute;
		left: -1px;
		bottom: -1px;
		height: 12px;
		width: 12px;
		background:  url("../Images/Design/content_corner.gif") no-repeat left bottom;
	}
		* html span.borderedcontentheader {
			bottom: -2px;
		}
		
	span.borderedcontentheader {
		bottom: auto;
		top: 0px;
		background:  url("../Images/Design/content_corner_up.gif") no-repeat left top;
	}
		* html span.borderedcontentheader {
	     bottom: auto;
	     top: -1px;
		}
		* html span.borderedcontentfooter {
	     bottom: -2px;
		}
		
	.forcesingle{
		width: 158px !important;	/* for white sites 160px - 2px for borders */
		float: left;
		clear: none;
	}
	.grey .forcesingle {
		width: 160px !important;	/* for grey sites 160px  */
	}
	* html .forcesingle {
		overflow: hidden;
	}
	
	.forcesinglehalf{
		width: 253px !important;	/* for white sites 275px - 2px for borders */
		float: left;
		clear: none;
	}
	.decorativeimage.forcesinglehalf {
		width: 273px !important;	/* for white sites 275px - 2px for borders */
	}
	.grey .forcesinglehalf {
		width: 255px !important;	/* for grey sites 255px  */
	}
	.grey .decorativeimage.forcesinglehalf {
		width: 275px !important;	/* for white sites 275px - 2px for borders */
	}
	* html .forcesinglehalf {
		overflow: hidden;
	}
	
	* html h2.forcesinglehalf {
		float: none;
	}
	
	* html .grey .column.single.half div.decorativeimage {
		overflow: visible;
	}
	
	* html .firstelement {
		margin-left: 9px;
	}
		
	.forcedouble{
		width: 350px !important;
		float: left;
		clear: none;
	}
	* html .forcedouble {
		width: 348px !important; /* for white sites in IE6 */
		overflow: hidden;
	}
	* html .grey .forcedouble {
		width: 350px !important;
	}
	
	.forcetriple{
		width: 540px !important;
		float: left;
		clear: none;
	}
	* html .forcetriple {
		width: 538px !important; /* for white sites in IE6 */
		overflow: hidden;
	}
	* html .grey .forcetriple {
		width: 540px !important;
	}
	
	.forcequadruple{
		width: 730px !important;
		float: left;
		clear: none;
	}
	* html .forcequadruple {
		width: 728px !important;
		overflow: hidden;
	}
	
	
.transparentcontent {
	clear: left;
	position: relative;
	font-size: 1em;
	color: #000;
	padding: 10px 10px 12px 10px;
	margin-bottom: 10px;
	border: none;
	margin-left: 10px;
	min-height: 1%;
}
.decorativeimage {
	text-align: left;
	/* width: 180px !important; */
	min-width: 180px;
	border: none;
	float: left;
	position: relative;
	padding: 0px !important;
}
* html .decorativeimage {
	margin-left: 5px !important;
}
.decorativeimage span.borderedcontentfooter {
	background: url("../Images/Design/decorativeimagecorner.gif") no-repeat left bottom;
	height: 9px;
	width: 9px;
	left: 0px;
	bottom: 0px;
}
* html .decorativeimage span.borderedcontentfooter {
	bottom: -1px;
}


.single .decorativeimage {
	width: 180px;
	overflow: hidden;
}

/* floating images with flexible width, text floats AROUND image, caption has fixed width  */
 
.floatingimage {
	margin-top: -10px;
	margin-bottom: 0px; /* used to be -12px, but that gave an issue with wrapping text.*/
}
*+html .floatingimage  {margin-bottom: 0px; /* see above, was: -22px*/}
* html .floatingimage  {margin-bottom: 0px; /* see above, was: -25px*/}

.single .floatingimage {
	width: 178px;
	overflow: hidden;
	margin-bottom: 5px;
}

.single.half .floatingimage {
	width: 273px;
	overflow: hidden;
	margin-bottom: 5px;
}

.forcesingle .floatingimage  {
	width: 180px;
	overflow: hidden;
}
.forcesingle .forcesinglehalf  {
	width: 275px;
	overflow: hidden;
}
.forcedouble .floatingimage .full  {
    width: 368px;
    overflow: hidden;
}
* html .forcedouble .floatingimage .full  {
    width: 346px;
    overflow: hidden;
}

.fi h4 {
	clear: none !important;
}

.floatingimage .caption {
	margin-top: 2px;
	line-height: 140%;
	/* width: 170px; REMOVED BY PK 20080925 */
	float: left;
	display: block;
	color: #369;
	padding-bottom: 0px;
}
.single .floatingimage .caption {
	width: 160px;
	padding-bottom: 0px;
}
.single.half .floatingimage .caption {
	width: 255px;
	padding-bottom: 0px;
}
.forcesingle .caption {
	width: 158px;
	padding-bottom: 5px;
}
.forcesinglehalf .caption {
	width: 253px;
	padding-bottom: 5px;
}
.double .floatingimage .caption {
	/* width: 348px; REMOVED BY PK 20080925 */
	padding-bottom: 5px;
}
.triple .floatingimage .caption {
	/* width: 538px; REMOVED BY PK 20080925 */
	padding-bottom: 5px;
}
.quadruple .floatingimage .caption {
	/* width: 728px; REMOVED BY PK 20080925 */
	padding-bottom: 5px;
}


.fi_left {
	float: left;
	margin-left: -10px;
	margin-right: 10px;
}
* html .fi_left {margin-left: -5px; margin-right: 5px;}
* html .single .fi_left {margin-right:-5px;}
* html .single.half .fi_left {margin-right:-5px;}

.fi_right {
	float: right;
	margin-left: 10px;
	margin-right: -10px;
}
* html .fi_right {margin-right: -5px; margin-left: 5px;}


.fi_left .caption {
	margin-left: 10px;
	font-size: 1em;
}
* html .fi_left .caption {margin-left: 5px;}

.fi_right .caption {
	margin-right: 10px;
	font-size: 1em;
 }
 * html .fi_left .caption {margin-right: 5px;}

.push {
	clear:both;
	height: 0px;
}
* html .push {display: none;}



#footer{
	clear: both;
	padding: 6px 9px 3px 9px;
	margin: 3px 0;
}
	#footer p {
		font-size: 1em;
	}
	#footer p span.right {
		text-align: right;
		float: right;
	}
	* html #footer p span.right {
		position: absolute;
		margin-left:580px;
	}
	* html .grey #footer p span.right, * html .darkgrey #footer p span.right {
		margin-left:870px;
	}
	#footer a {
		color: #369;
		text-decoration: none;
	}

/* start: css for tooltips, see: http://www.knusperpixel.com/playground/more-more-links.php*/
.icons a span
{
	/*
	Use 'position:absolute' to push the span inside the anchor
	way off the screen
	*/
	position: 		absolute;
	left: 			-9999px;
	xwidth: 			900px;
}
	.icons a:hover,
	.icons a:focus,
	.icons a:active
	{
	  /*
	  On 'hover' set the anchor to 'position:relative' to get a
	  measuring point. Somehow IE doesn't like it when this is
	  in the '.icons a' declaration...
	  */
	  position: relative;
	}
	.icons a:hover span,
	.icons a:focus span,
	.icons a:active span
	{
	  /*
	  Take the previously hidden span and display it near the anchor
	  */
	  left: auto;
	  right: 20px;
	  top: -3px;
	  min-width: 20px;
	  z-index: 99;
	  text-indent: 0;
	  display: block;
	  white-space: nowrap;
	  /*
	  This is just for looks...
	  */
	  padding: 5px;
	  line-height: 1;
	  font-size: 1.1em;
	  background: #ededed;
	  border: 1px solid #CCC;
	  color: #858585 !important;
	  text-decoration: none !important;
	}
	* html .icons a:hover span,
	* html .icons a:focus span,
	* html .icons a:active span
	{ width: 20px;}

/* end: css for tooltips */


/* start: downloadlijsten */
ul.downloadlist {
	list-style-type: none;
	margin: 8px 0;
}
ul.downloadlist li {
	margin: 3px 0;
	background: url("../Images/Icons/default.gif") no-repeat left top;
	padding: 0 0 0 20px !important;
	line-height: 140%;
	color: #369;
	min-height: 0px !important;
	border:0px !important;
}
* html ul.downloadlist li {
	height: 16px;
}
ul.downloadlist li.xls,
ul.downloadlist li.csv {
	background: url("../Images/Icons/xls.gif") no-repeat left top;
}
ul.downloadlist li.pdf {
	background: url("../Images/Icons/pdf.gif") no-repeat left  top;
}
ul.downloadlist li.doc {
	background: url("../Images/Icons/doc.gif") no-repeat left  top;
}
ul.downloadlist li.jpg,
ul.downloadlist li.jpeg, 
ul.downloadlist li.gif, 
ul.downloadlist li.png, 
ul.downloadlist li.bmp, 
ul.downloadlist li.ai, 
ul.downloadlist li.psd {
	background: url("../Images/Icons/jpg.gif") no-repeat left top;
}
ul.downloadlist li.mpg,
ul.downloadlist li.mpeg, 
ul.downloadlist li.mov, 
ul.downloadlist li.avi, 
ul.downloadlist li.flv, 
ul.downloadlist li.wmv {
	background: url("../Images/Icons/mpg.gif") no-repeat left top;
}
ul.downloadlist li.ppt {
	background: url("../Images/Icons/ppt.gif") no-repeat left  top;
}
ul.downloadlist li.zip {
	background: url("../Images/Icons/zip.gif") no-repeat left  top;
}
ul.downloadlist li a {
	
}

.grey ul.downloadlist li a {
	color: #333;
}


/* start: address list */
ul.addresslist {
	font-size: 1.1em;
	list-style-type: none;
	margin: 0;
}
ul.addresslist ul {
	font-size: 1em;
	list-style-type: none;
	margin: 0;
}
ul.addresslist li {
	padding-left: 15px;
	clear: left;
	min-height: 1.5em;
	position: relative;
	margin: 3px 0;
}
* html ul.addresslist li, * html ul.addresslist dl {
	height: 1.5em;
}
ul.addresslist dl {
	position: relative;
	line-height: 120%;
	
}
ul.addresslist dl dt, ul.addresslist dl dd {
	display: block;
	float: left;
	position: relative;
	height: 1.5em;
	margin: 2px 0;
}

ul.addresslist dl dt {
	padding-left: 20px;
	font-weight: bold;
}
ul.addresslist dl dd.al_info {
	position: absolute;
	left: 0px;
	top: 0px;
}

	ul.addresslist dl dd.al_info a {
		text-indent: -9000px;
		display: block;
		width: 15px;
		height: 15px;
		background: #9a9a9a url("../Images/Design/Icons/i_icon.gif") no-repeat 6px 3px;
	}
	ul.addresslist dl dd.al_info a:hover {
		background: #ececec url("../Images/Design/Icons/i_icon_hover.gif") no-repeat 6px 3px;
	}
	ul.addresslist dl dd.al_www a {
		color: #7094b8 !important;
		width: auto;
		height: 15px;
		text-decoration: none !important;
		padding: 1px 2px;
		
	}
	ul.addresslist dl dd.al_www a:hover {
		color: #fff !important;
		background-color: #369 !important;
	}
	
	ul.addresslist dl dd.al_links  {
  	float: right;
  }
  ul.addresslist dl dd.al_links a {
  	display: block;
    float: left;
    margin-left: 4px;
    width: 16px;
    height: 16px;
    text-indent: -9000px;
  }
  ul.addresslist dl dd.al_links a.orderUp {
  	background: url(../../Images/Icons/up.gif) no-repeat left top;
  }
  ul.addresslist dl dd.al_links a.orderDown {
  	background: url(../../Images/Icons/down.gif) no-repeat left top;
  }
  ul.addresslist dl dd.al_links a.details {
  	background: url(../../Images/Icons/view.gif) no-repeat left top;
  }
  ul.addresslist dl dd.al_links a.checkout {
  	background: url(../../Images/Icons/checkout.gif) no-repeat left top;
  }
  ul.addresslist dl dd.al_links a.checkin {
  	background: url(../../Images/Icons/checkin.gif) no-repeat left top;
  }
  ul.addresslist dl dd.al_links a.edit {
  	background: url(../../Images/Icons/edit.gif) no-repeat left top;
  }
  ul.addresslist dl dd.al_links a.verwijder {
  	background: url(../../Images/Icons/delete.gif) no-repeat left top;
  }
  ul.addresslist dl dd.al_links span.inbewerking {
	  display: block;
	  width: auto;
	  font-size: 0.9em; 
	  color: #aaa;
	  margin-left: 4px;
	  float: left;
  }
	
ul.addresslist li a.al_children {
	display: block;
	width: 15px;
	height: 15px;
	position: absolute !important;
	left: 0px;
	top: 0px;
	text-indent: -9000px;
	background: url("../Images/Design/Icons/has_child.gif") no-repeat 2px 4px;
}
ul.addresslist li.al_closed a.al_children {
	background: url("../Images/Design/Icons/has_child.gif") no-repeat 2px 4px !important;
}
ul.addresslist li.al_opened a.al_children {
	background: url("../Images/Design/Icons/has_child_open.gif") no-repeat 2px 4px;
}
ul.addresslist dl dd.al_www {
	float: right;
}
* html ul.addresslist dl dd.al_links {
	right: 0px;
	width: auto;
}
ul.addresslist li.al_closed ul {
	display: none !important;
}
ul.addresslist li.al_opened ul {
	display: block;
}
	* html ul.addresslist dl dt, * html ul.addresslist dl dd {
		position: absolute;
	}
	* html ul.addresslist dl dt{
		position: absolute;
		left: 14px;
	}
	* html ul.addresslist dl dd.al_www {
		right: 0px;
		width: 30px;
	}
/* end: address list */

/* start: project list */
ul.projectlist {
	margin: 0 0 0 10px;
	clear:both;
}

ul.projectlist li {
	background-color: #FFF;
	position: relative;
	padding: 5px 5px 5px 0px;
	_padding: 5px 5px 0px 1px;
	margin: 0 0 10px 0;
	_height:110px;
	min-height:110px;
	border:1px solid #CCCCCC;
}

.darkgrey ul.projectlist li {
	background-color: transparent;
}


ul.projectlist li h3, ul.projectlist li ul, ul.projectlist li label {
	padding-left: 190px;
	width: 240px;
	font-size: 1.1em !important;
}
ul.projectlist li p {
	font-size: 1.1em !important;
}
ul.projectlist li div.value {
	width: 240px;
}

ul.projectlist li label {
	font-size 1.0em !important;
	font-weight: bold;
	width: 100px;
	clear:both;
	:margin-bottom:-10px;
	border:0px solid black;
}

.grey ul.projectlist li label{
	color: #000;
}


.darkgrey ul.projectlist li label{
	color: #FFF;
}

ul.projectlist li h3 {
	font-weight: bold;
}
ul.projectlist li h3 a {
	color: #369 !important;
}

.darkgrey ul.projectlist li h3 a{
	color: #fff !important;
}

ul.projectlist li h3 a:hover {
	color: #666 !important;
}
ul.projectlist li p.plaats {
      position: absolute;
      right: 85px;
      _right:90px;
     top: 5px;
      min-height: 80px;
      padding-left: 0px;      
     width: 85px;
}
ul.projectlist li p.prijs {
      position: absolute;
      right: 5px;
      _right:10px;
      top: 5px;
      min-height: 80px;
      padding-left: 0px;      
      width: 73px;
}
ul.projectlist li p span.werksoort {
	font-weight: bold;
}
ul.projectlist li div.image {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 180px;
	height: 100%;
	overflow: hidden;
	border:0px solid red;
	
}

ul.projectlist li div.text{
	width:285px;
	padding-left:290px;
	border:0px solid blue;
	padding-bottom:2px;
}

ul.projectlist li div.text p{
	margin:0;
	
	margin-top:-2px;
	:margin-top:-4px;
}


.grey ul.projectlist li div.text p{
	color:#000;
}

.darkgrey ul.projectlist li div.text p{
	color:#FFF;
}

.darkgrey ul.projectlist li p.plaats{
	color:#FFF;
}


ul.projectlist ul.downloadlist{
	padding-left:190px;
	margin:2px 0;
}


.projectlist .borderedcontentfooter{
	border:0px solid black;
	padding:0px;
	margin:0px 0px 0px 0px;
	display:block;
	margin-top:40px;
	_height:45px;
}


.prj_divider{
	clear:both;
	_margin-top:0px;
	border:1px solid blue;
}


.borderedcontent.project_sort {
	background-color: #858585 !important;
	color: #FFF;
	overflow:hidden;
}
.borderedcontent.project_sort p {
	font-weight: bold;
}
.borderedcontent.project_sort a {
	color: #FFF;
}
.borderedcontent.project_sort a:hover {
	color: #000;
}
.borderedcontent.project_sort ul {
	font-size: 1.1em;
	margin-left: 12px;
}
*+html .borderedcontent.project_sort ul {
	margin-left: 15px;
}
.borderedcontent.project_sort ul li {
	margin: 0 0 3px 0;
	list-style-image: url('../../../../Static/Common/VolkerWessels/Images/Icons/stripe.gif');
	:list-style-image: url('../../../../Static/Common/VolkerWessels/Images/Icons/stripeIE.gif');
}
.borderedcontent.project_sort ul li.this a {
	font-weight: normal;
	text-decoration: none;
	color:#ccc;
}

.project_sort ul li a{
	text-decoration: none;
}

.project_sort ul li a:hover{
	text-decoration: none;
	color:#fff !important;
}

.borderedcontent.project_sort ul li.this a:hover {
	color: #FFF;
}

.project_sort table tr td{
	font-size: 11px;
	padding:3px 5px 0px 0px;
}
.project_sort .spanValue{
	color:#CCCCCC;
}
.project_sort .line{
	border-bottom:1px solid white;
}

.listnavigation {
	margin: 0 0 0 10px;
}
.listnavigation ul.paging {
	padding-left: 125px;
	height: 1.3em;
}

.listnavigation .sorting {
			color: #000;
			font-size: 1.1em;
      float: left;
      margin: 5px;
}
.listnavigation .sorting li {
      float: left;
      font-weight:bold;
 
}
.listnavigation .sorting li a {
      padding-left: 15px;
      text-decoration:none !important;
      
}
.listnavigation .sorting li a.sortUp {
      background: url("../../../../Static/Common/VolkerWessels/Images/Icons/orderbyArrow.gif") no-repeat 0px 2px;
}
.listnavigation .sorting li a.sortDown {
      background: url("../../../../Static/Common/VolkerWessels/Images/Icons/orderbyArrow2.gif") no-repeat 0px 2px;
}

li.srt{
	width:85px;
	_width:80px;
	color:#888;
}

li.srtPrj{
	padding-left:100px;
	width:390px;
}

li.srtLoc{
	width:90px;
}

li.srtVal{
	width:50px;

}




/* end: project list */
/* start: paging */
ul.paging {
	margin: 10px 0;
}
ul.paging li {
	list-style-type: none;
	float: left;
	position: relative;
	padding: 0;
	margin: 0 10px 0 0;
	font-size: 1.1em;
	color: #000;
}
	ul.paging li.prev, ul.paging li.next {
		width: 5px;
		text-indent: -9000px;
	}
		ul.paging li.next a {
			display: block;
			background: url("../Images/Design/Icons/tiny_arrow_a4a4a4.gif") no-repeat right center;			
		}
		ul.paging li.prev a {
			display: block;
			background: url("../Images/Design/Icons/tiny_arrow_a4a4a4_left.gif") no-repeat left center;			
		}
	ul.paging li.this a, ul.paging li.this {
		font-weight: bold;
		text-decoration: none !important;
	}
ul.paging li a {
	color: #000;
	text-decoration: underline;
}

.borderedcontent ul.paging li {
	font-size: 1.0em;
}


/* end: paging */


/* start: sitemap */
ul.sitemap {
	font-size: 1.15em;
	margin: 0 0 0 9px;
}
* html ul.sitemap {
	margin: 0 0 0 3px;
}
ul.sitemap li {
	float: left;
	border: solid 1px #CCC;
	width: 158px;
	color: #369;
	font-weight: bold;
	padding: 8px 9px 20px 9px;
	margin: 5px;
	border-left: none;
	border-bottom: none;
	background: transparent url(../Images/Design/bckgr_sitemap_li.gif) repeat-y left top;
	position: relative;
}
* html ul.sitemap li {
	width: 155px;
}
.grey ul.sitemap li, .darkgrey ul.sitemap li {
	border: solid 1px #FFF;
	border-left: none;
	border-bottom: none;
	background: #FFF;
}
.borderedLIfooter {
	position: absolute;
	bottom: 0px;
	width: 177px;
	height: 13px;
	left: 0px;
	 background: transparent url("../Images/Design/footer_sitemap_li.gif") no-repeat left bottom;
}
.grey .borderedLIfooter, .darkgrey .borderedLIfooter {
	background: transparent url("../Images/Design/footer_sitemap_li_grey.gif") no-repeat left bottom;
}
ul.sitemap li a {
	color: #369;
	text-decoration: none;
	font-size: 1.1em;
}
ul.sitemap li a:hover {
	text-decoration: underline;
}
ul.sitemap li li a {
	color: #000;
	text-decoration: underline;
	font-size: 1em;
}
ul.sitemap li li a:hover {
	color: #666;
	text-decoration: underline;
}
ul.sitemap li ul {
	
}
ul.sitemap li ul li {
	border: none !important;
	color:#000;
	padding: 8px 0 0 0;
	margin: 0;
	background: none !important;
}
ul.sitemap li ul li ul li{
	font-weight: normal;
	padding-left: 8px;
	background: transparent url("../Images/Design/dash.gif") no-repeat 0.15em 1.2em;
	width: 140px;
	border: solid 1px red;
}
/* end: sitemap */



.greycomponent {
	border: solid 1px #CCC;
	background-color: #FFF;
	float: left;
	clear: left;
	position: relative;
	font-size: 1em;
	color: #000;
	padding: 0px 0px 12px 10px;
	margin-bottom: 10px;
	margin-left: 10px;
	min-height: 1%;
}
	* html .greycomponent {
		margin-left: 5px;
	}
.greycomponentheader {
	font-size: 18px;
	color: #a9a9a9;
	text-align: right;
	padding: 1px 10px 1px 0px;
	margin-top: -1px;
}
.greycomponentcontent {
	line-height: 13px;
	background-color: #dcdcdc;
	padding: 5px;
}
.greycomponent .borderedcontentfooter {
	clear:both;
	text-align: left;
	margin-left:0px;
	border: solid 0px red;
}

.fixedcomponent {
	float: left;
	clear: both;
	position: relative;
	font-size: 1em;
	color: #000;
	padding: 0px 0px 12px 10px;
	margin-bottom: 0px;
	margin-left: 10px;
	min-height: 1%;
}
	* html .fixedcomponent {
		margin-left: 5px;
		margin-bottom: 0px;
	}



/*resets for grey background-templates (add .grey to body-tag, remove and replace above by below when going live */

.grey #content {
	background-color: #EEE;
	border: none;
}
.grey #hoofdnav {
	border-bottom: solid 2px #FFF;
}

.grey #breadcrumbs ul li {
	background: url("../Images/Design/Icons/rasquo.gif") no-repeat right center;
}
.grey #breadcrumbs ul li.last {
	background: none;
}

.grey .borderedcontent {
	background-color: #FFF;
	border: none;
}

.grey .triple {width:570px;}

.grey .triple .borderedcontent{width:540px;}
.grey .quadruple .borderedcontent{width:730px;}
.grey .double .borderedcontent{width:350px;}
.grey .single.half .borderedcontent {width:255px;}
.grey .single .borderedcontent {width:160px;}

.grey .borderedcontent.half {
	clear: none;
	width: 85px !important;
	min-width: 85px !important;
}

.grey #contextnav {
	width: 172px; 
	border: none;
	background: #FFF url("../Images/Design/left_corner_grey.gif") no-repeat left bottom;
	margin-bottom:10px;
}
* html .grey #contextnav {
	margin-left: 5px;
	margin-bottom:10px;
}

.grey span.borderedcontentfooter {
	background:  url("../Images/Design/left_corner_grey.gif") no-repeat left bottom;
}
.grey span.borderedcontentheader {
	background:  url("../Images/Design/left_corner_grey_top.gif") no-repeat left bottom;
}
.grey .decorativeimage {
	width: 180px;  /* Removed !important as bugfix on 08-07-2011 by PK */
	background-color: #eeeeee;
	border: none;
}
.grey .decorativeimage span.borderedcontentfooter {
	background: url("../Images/Design/left_corner_grey.gif") no-repeat left bottom;
	height: 12px;
	width: 12px;
}
.grey #footer p {
	margin-top: 22px;
}

.grey ul.projectlist li {
      border: none;
}

.grey .greycomponent {
	border: none;
	background-color: #FFF;
}

/* end .grey */


/*resets for darkgrey background-templates (add .darkgrey to body-tag) */

.darkgrey #content {
	background-color: #858585;
	border: none;
}
.darkgrey #hoofdnav {
	border-bottom: solid 2px #FFF;
}

.darkgrey #breadcrumbs ul li {
	background: url("../Images/Design/Icons/rasquo_darkgrey.gif") no-repeat right center;
}
.darkgrey #breadcrumbs ul li.last {
	background: none;
}

.darkgrey .borderedcontent {
	border: 1px solid #FFF;
	color: #FFF;
}

.darkgrey #contextnav li a, .darkgrey #contextnav li a:link, .darkgrey #contextnav li a:visited {
	color: #FFF !important;
}
.darkgrey #contextnav li.this a, .darkgrey #contextnav li.this a:link, .darkgrey #contextnav li.this a:visited {
	color: #FFF !important;
}

.darkgrey #contentarea a, 
.darkgrey #contentarea a:link {
	color: #FFF;
}
.darkgrey #contentarea a:visited {
	color: #DDD;
}
.darkgrey #contentarea a:hover, 
.darkgrey #contentarea a:active {
	color: #DDD;
}

.darkgrey .triple {width:570px;}


.darkgrey .borderedcontent.half {
	clear: none;
	width: 85px !important;
	min-width: 85px !important;
}

.darkgrey #contextnav {
	width: 172px;
	border-color: #FFF;
	background: transparent url("../Images/Design/bckgr_contextnav_darkgrey.gif") no-repeat left bottom;
	margin-bottom:10px;
}
* html .darkgrey #contextnav {
	margin-left: 5px;
	margin-bottom:10px;
}

.darkgrey span.borderedcontentfooter {
	background:  url("../Images/Design/left_corner_darkgrey.gif") no-repeat left bottom;
}
.darkgrey span.borderedcontentheader {
	background:  url("../Images/Design/left_corner_darkgrey_top.gif") no-repeat left bottom;
}
.darkgrey .decorativeimage {
	width: 180px; 
	border: none;
}
.darkgrey .decorativeimage span.borderedcontentfooter {
	background: url("../Images/Design/left_corner_darkgrey_img.gif") no-repeat left bottom;
	height: 12px;
	width: 12px;
}
.darkgrey #footer p {
	margin-top: 22px;
	color: #DDD;
}

.darkgrey ul.projectlist li {
      border: 1px solid #fff;
}

.darkgrey .greycomponent {
	border: none;
}

.darkgrey .nobordercontent {
	color: #FFF;
}

.darkgrey .borderedcontent span.back,.darkgrey .borderedcontent span.back a {
	color: #FFF !important;
}

.darkgrey div.hr {
	background-image: url(../Images/Design/ruler_white.gif);
}

.darkgrey .bodygrijs {
	color: #DDD !important;
}

.darkgrey ul.sitemap li a {
	color: #000 !important;
}

.darkgrey ul.yearlist li a {
	color: #FFF !important;
}

/* end .darkgrey */




.forge-single-in-triple {
	width: 190px; 
	margin: 0 0 10px 0;
	padding: 0;
	float: left;
}
.forge-single-in-triple .borderedcontent{
	width: 160px !important;
}

div.hr {
	height:1px;
	width: 100%;
	margin: 10px 0 10px 0;
	padding: 0px;
	background-image: url("../Images/Design/ruler.gif");
	background-position: left;
	background-repeat: repeat-x;
}
hr {
	display: none;
}


.RTE_Bold {
	font-weight: bold !important;
}
.RTE_Color {
	color: #369 !important;
}
.RTE_ColorBold {
	font-weight: bold !important;
	color: #369 !important;
}
.RTE_White {
	color: #FFF !important;
}
.RTE_WhiteBold {
	font-weight: bold !important;
	color: #FFF !important;
}
.RTE_Black {
	color: #000 !important;
}
.RTE_BlackBold {
	font-weight: bold !important;
	color: #000 !important;
}

/*-- .body --
.body, .body p, a.body	{
			font-family: Arial, Helvetica, sans-serif;
			font-size: 11px;  
			line-height: 14px; 
			font-weight: normal;
			text-decoration: none}
*/

/*-- .bodybold: gebruik deze style voor alle inleidingen en normale teksten die in bold gezet zijn --*/
.bodybold	{
			font-weight: bold;
			color: #000000;
			}
			
a.bodybold:link, a.bodybold:visited, a.bodybold:active	{
			font-weight: bold;
			color: #000000;
			text-decoration: underline}  

a.bodybold:hover	{
			font-weight: bold;
			color: #666666;
			text-decoration: underline}
			
/*-- .bodygrijs: deze style is op dit moment nog niet in gebruik:
link is niet onderlijnd als deze actief is --*/
.bodygrijs	{
			color: #666666;
			text-decoration: none}  

a.bodygrijs:link, a.bodygrijs:visited, a.bodygrijs:active	{
			color: #666666;
			text-decoration: none}

a.bodygrijs:hover	{
			color: #333333;
			text-decoration: underline}
			
/*-- . bodytussenkop: gebruik deze style voor tussenkopjes in body tekst --*/
.bodytussenkop	{
			font-weight: bold;
			color: #369;
			text-decoration: none}

a.bodytussenkop:link, a.bodytussenkop:visited, a.bodytussenkop:active	{
			font-weight: bold;
			color: #369;
			text-decoration: underline} 

a.bodytussenkop:hover	{
			font-weight: bold;
			color: #666666;
			text-decoration: underline}
			
			
/*-- .bodywit: voor gebruik op gekleurde achtergrond --*/
.bodywit, .bodywit p, .bodywit li, .bodywit a, a.bodywit	{
			color: #FFFFFF !important;
			text-decoration: none}
			
#contentarea a.bodywit, #contentarea a.bodywit:link {
	color: #FFF;
	text-decoration: underline;
}
#contentarea a.bodywit:visited {
	color:#FFF;
	text-decoration: underline;
}
#contentarea a.bodywit:hover, #contentarea a.bodywit:active {
	color: #FFF;
	text-decoration: none;
}
			
/*-- .bodyboldwit: voor gebruik op gekleurde achtergrond --*/
.bodyboldwit, .bodyboldwit p	{
			font-weight: bold;
			color: #FFFFFF !important;
			text-decoration: none}
			
/*-- .bodykleur: standaard gekleurde tekst --*/
.bodykleur, .bodykleur p	{
			color: #369;
			text-decoration: none}


/*-- Used styles for Tensing route scripts --*/
.rcEdit, .rcEditReadOnly, .rcList {
	width: 240px;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	margin: 2px 0;
	padding: 2px 0;
}
p.error {
	font-weight: bold;
}



#showMarkers{
	background:#999999;width:952px;padding-left:8px;
}

#GoogleMap_VWCG{color:#000000 !important;}
#GoogleMap_VWCG a{color:#336699 !important;}


.darkgrey .single .borderedcontent {width:160px;_width:158px;}
.darkgrey .single.half .borderedcontent {width:255px;_width:253px;}
.darkgrey .double .borderedcontent{width:350px;_width:348px;}
.darkgrey .triple .borderedcontent{width:540px;_width:536px;}
.darkgrey .quadruple .borderedcontent{width:730px;_width:728px;}
.darkgrey .triple {width:570px;}



/* tabs */
div.tabs{
	padding:0 !important;
	background:transparent !important;
	margin-bottom:0px !important;
	border:0px;
	width:558px !important;
	margin-top:21px;
	border-top:1px solid  #CCC;
	_padding-bottom:2px;
}


div.tabs ul{
	list-style:none;
	padding:0px;
	margin:0px !important;
}

div.tabs li{
	margin:0px;
	padding:0px !important;
	:float:left;
	float:left;
	height:3px;
	border:0px solid red;
	margin-top:-2px;
}

div.tabs a, div.tabs a:active, div.tabs a:visited{
	color:#336699 !important;
	font-weight: bold;
	text-decoration:none !important;
	margin: -21px 5px 0 0px;
	display:block;
	float:left;

	border-right:1px solid #7B7B7B;
	background-image:url(../Images/Design/cd_tab.gif);
	padding:4px 10px 2px 20px;
	_margin: -20px 5px 0 0px;
	height:16px;
	
}






.grey div.tabs a, .grey div.tabs a:visited, .grey div.tabs a:active,
.darkgrey div.tabs a, .darkgrey div.tabs a:visited, .darkgrey div.tabs a:active {
	background-image:url(../Images/Design/cd_tabGrey.gif);
	border-right:0px !important;
}

div.tabs li.active a{
	height:17px;
	_height:18px;
	color:#000 !important;
}





.darkgrey div.tabs{
	
	border:0px solid black;
	border-top:1px solid #FFF;
	width:562px !important;
	_width:558px !important;
}

.grey div.tabs li.active a, .darkgrey div.tabs li.active a{
	color:#000 !important;
	text-decoration:none;
	background-image:url(../Images/Design/cd_tabGreyActive.gif) !important;
}


.tabbedContent{
	position:relative;
	top:-1px;
	border-top:0 !important;
}





p.letters a, p.letters span {
	margin-right:10px;
}

.clear {
	clear: both;
}

#content.lyteframe {
	background-color: #FFF;
}


form.news_subscriptions {
	display:inline;
	width:auto;
}
form.news_subscriptions fieldset {
	float:left;
	width:168px;
	margin-right:10px;
}
.single form.news_subscriptions fieldset {
	width:158px;
}
form.news_subscriptions fieldset.last {
	margin-right:0;
}
form.news_subscriptions fieldset label {
	width:auto;
	font-size: 1.1em;
	font-weight: bold;
}
form.news_subscriptions fieldset input {
	width:168px;
}
.single form.news_subscriptions fieldset input {
	width:158px;
}
form.news_subscriptions fieldset .errorbox {
	color:#FF0000;
	margin-bottom:10px;
}
form.news_subscriptions div.submit {
	clear:both;
	width:auto;
	margin-top:10px;
	padding-left:0px;
	text-align:right;
}
form.news_subscriptions input.active {
	width:80px;
	margin-right:0px;
}