/*****************************************************************
BODY EN BOX DECLARATIONS
*****************************************************************/

body
{
	text-align: center;
	padding: 0px; margin: 0px;
	background-color: #fff;
	font-family: arial, helvetica, verdana, sans-serif;
	font-size: 76%;
}

.clearboth 	{ clear: both; }
.clearline {
	float: left; 
	height: 1px; 
	width: 440px; 
	background: #ededed; 
	margin-left: 20px;
	margin-right: 20px;
}
.dontbreak	{ white-space: nowrap; }

hr {
	size: 1px;
	color: #ccc;
	margin-left: 20px;
	margin-right: 20px;
	margin-bottom: 15px;
}

#container	
{
	position: relative;
	width: 884px;
	background: transparent url(/images/container_bg.gif) repeat-y 0px 0px;
	padding: 0px;
	margin: 20px auto 0px auto;
}

#container.nieuws	{ background: transparent url(/images/container_bg_wit.gif) repeat-y 0px 0px; }

#column_left
{
	float: left;
	background: transparent;
	width: 199px;
	margin: 138px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align: center;
}

#column_left img.solo	{ border-bottom: 2px solid #fff; }

	#slideshow 		{ position: relative; border-bottom: 2px solid #fff; display: block; width: 191px; background: #eee; margin: 0px auto 0px auto; }
	#slideshow img	{ position: absolute; top: 0px; left: 0px; display: none; }
	
	#newsblock
	{
		display: block;
 		width: 191px; height: 165px;
 		margin: 0px auto 0px auto;
		border-bottom: 2px solid #fff; 
		background: #fff; 
		text-align: left;	
	}
	
	ul#newslist
	{
		margin: 0px 0px 0px 0px; padding: 15px 0px 5px 0px;
		list-style-type: none;
		font-size: 90%;
		border: 1px solid #ccc;
		border-top: none;
		height: 144px;
		overflow: hidden;
	}
	
	ul#newslist li	{ padding: 5px 5px 0px 20px; background: url(/images/raquo.gif) no-repeat 7px 9px; }
	
	ul#newslist A		{ color: #666666; text-decoration: none; }
	ul#newslist A:hover	{ color: #948d00; text-decoration: underline; }

#column_right
{
	float: left;
	text-align: left;
	background: transparent;
	width: 200px;
	margin: 138px 0px 0px 0px;
}

	#zoeken {
		float: left;
		padding: 14px 0px 14px 0px;
		width: 194px;
		text-align: right;
		background: #fff;
	}
	
	#zoeken a {
		margin-right: 6px;
		text-decoration: none;
		font-weight: bold;
		color: #000;
	}
	
	form#zoekform {
		padding: 0px;
		margin: 0px;
		background: url(/images/shadow_zoeken.gif) no-repeat 114px 23px;
	}

	input.zoeken {
		border: 2px solid #b4af4c;
		width: 154px;
		padding: 1px;
		_padding: 1px;
	}
	
	#projectinfo
	{
		margin: 10px 0px 0px -1px;
	}

	#column_synergie
	{
		background: #b4af4c;
		margin: 36px 6px 0px 2px; 
	}

	ul#groupnav
	{
		margin: 0px 0px 0px 0px; padding: 5px 0px 15px 0px;
		list-style-type: none;
		font-size: 115%;
		border: 2px solid #b4af4c;
		background: #fff;
	}
	
	ul#groupnav ul
	{
		display: none;
		list-style-type: none;
		margin: 0px; padding: 0px;
	}
	
	ul#groupnav li		{ padding: 10px 5px 0px 7px; }
	ul#groupnav li.hassub { 
		padding: 10px 5px 0px 7px; 
		background-image: url(/images/opendicht_grijs.gif);
		background-repeat: no-repeat;
		background-position: 165px 7px;
		cursor: pointer;
		cursor: hand;	
	}
	ul#groupnav ul li	{ padding: 5px 0px 0px 17px; }
	
	ul#groupnav A		{ color: #999999; text-decoration: none; }
	ul#groupnav A:hover	{ color: #948d00; text-decoration: none; }


#column_content
{
	float: left;
	background: #fff;
	width: 480px;
	margin: 138px 4px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align: left;
}	

	#column_content ul	
	{
		line-height: 150%;
		color: #4F4F4F;
	}

	#projectfoto_container
	{
		width: 464px; height: 341px;
		margin: 0px 0px 0px 10px;
		background: #fff url(/images/projectfoto_bg.gif) no-repeat top left;
	}
	
	#projectfoto_container img
	{
		margin: 0px 0px 0px 4px;
	}
	
	/* 
	DOWNLOADS
	*/
	

	
	div.blok0 {
		background-color: #e9e9e9;
		padding: 10px;
		display: block;
		margin: 6px 20px 6px 20px;
	}

	div.blok1 {
		background-color: #f2f1df;
		padding: 10px;
		display: block;
		margin: 6px 20px 6px 20px;
	}
	
	#column_content ul.downloads {
		margin: 0px 0px 0px 0px; padding: 5px 0px 0px 0px;
		list-style-type: none;
		color: #948d00;
	}
	
	#column_content ul.downloads a {
		color: #666;

	}
	
	#column_content ul.downloads li {
		padding: 2px 0px 2px 0px;
	}
	
	#column_content ul.downloads li ul {
		margin: 0px 0px 0px 20px; padding: 5px 0px 5px 0px;
		list-style-type: none;
		color: #948d00;
	}
	
	/*
	 PERSONEN
	 */

	#column_content div.persoon_info {
		float: left;
		width: 444px;
	}

	
	#column_content div.persoon_foto {
		float: left;
		width: 144px; 
	}
	
	#column_content div.persoon_info img {
		padding: 10px;
	}

#footer
{
	position: relative;
	float: left;
	background: transparent url(/images/footer/footer-bg.gif) no-repeat 2px 0px;
	width: 877px; height: 102px;
	margin: 2px 0px 0px 0px;
}

#header
{
	position: absolute;
	top: 0px; left: 0px;
	width: 680px; height: 136px;
	background: #fff;
	border-top: 2px solid #ededed;
	border-left: 2px solid #ededed;
	z-index: 1;
}

#header_right
{
	position: absolute;
	top: 0px; right: 7px;
	height: 136px; width: 195px;
	border-top: 2px solid #ededed;
	background: #948d00 url(/images/headers/header-right-bg.gif) no-repeat 0px 0px;
}


#logo	
{
	position: absolute;
	top: 33px; left: 20px;
	height: 47px;
	z-index: 10;
	background: transparent;
}

#navbar
{
	position: absolute;
	top: 138px; right: 2px;
	display: block;
	width: 689px; height: 39px;
	background-color: transparent;
	background-image: url(/images/navbar_bg.png);
	background-repeat: no-repeat;
	z-index: 2;
}

/*****************************************************************
GOOGLE MAPS and DEALERLOCATOR DECLARATIONS
*****************************************************************/


/*****************************************************************
TEXT DECLARATIONS
*****************************************************************/

h1
{
	font-weight: bold;
	font-size: 190%;
	line-height: 100%;
	color: #999900;
	padding: 70px 0px 10px 0px; margin: 0px 20px 0px 20px;
	background: transparent;
}

h1 span	{ color: #999999; }

.sIFR-active h1 
{
	visibility: hidden;
  	line-height: 100%;
  	font-weight: bold;
}

h2		
{
	font-size: 140%;
	font-weight: bold;
	color: #999900;
	padding: 0px; margin: 10px 20px 0px 20px;
}

h2 span	{ color: #999999; }

h2#newsblock_header
{
	font-weight: normal;
	font-size: 160%;
	display: block; width: 178px; height: 27px;
	margin: 0px auto 0px auto; padding: 3px 5px 0px 8px;
	background: #5f5f5f;
	color: #fff;
	text-align: left;
}

#column_synergie h2
{
	font-weight: normal;
	font-size: 160%;
	height: 30px;
	margin: 0px 0px 0px 0px; padding: 7px 5px 0px 5px;
	color: #fff;
	text-align: left;
}

h3		
{
	font-size: 140%;
	font-weight: bold;
	color: #00A5EF;
	padding: 0px; margin: 20px 10px 0px 45px;
}

p	
{
	line-height: 150%;
	color: #4F4F4F;
	padding: 0px; margin: 10px 20px 10px 20px;
}

#column_synergie p
{
	line-height: 110%;
	font-size: 90%;
	color: #fff;
	padding: 0px 0px 5px 0px; margin: 5px 2px 0px 7px;
}

p.projectleaflet
{
	padding: 5px 0px 0px 0px; margin: 0px 0px 0px 3px;
}

p.projectdesc
{
	color: #666;
	padding: 0px 0px 5px 0px; margin: 10px 2px 0px 7px;	
}

p.news_headerblock
{
	background: #f2f1e0;
	padding: 10px; margin: 10px 10px 10px 20px;
}

p.news_summaryblock
{
	float: left;
	width: 205px;
	overflow: hidden;
	background: #fff;
	padding: 0px 5px 3px 0px; margin: 10px 0px 10px 20px;
	display: inline;	
}

p.project_summaryblock
{
	float: left;
	width: 205px; height: 80px;
	overflow: hidden;
	background: #fff;
	padding: 0px 5px 3px 0px; margin: 10px 0px 10px 20px;
	border-bottom: 1px solid #ededed;
	display: inline;	
}

p sup		{ font-size: 100%; line-height: 100%; }
p.center	{ text-align: center; }


/*****************************************************************
LINK, hover and visited should have diversions in color.
hover should be underlined, for extra clarity a normal link
could be underlined to emphasize its linklyness.
*****************************************************************/

A 			{ text-decoration: none; color: #666; }
A:link		{ text-decoration: none; color: #666; }
A:visited	{ text-decoration: none; color: #666; }
A:active	{ text-decoration: none; color: #666; }
A:hover		{ text-decoration: underline; color: #948d00; }
A#active	{ text-decoration: underline; color: #948d00; }

#column_content A			{ color: #999900; }
#column_content A:link		{ color: #999900; }
#column_content A:visited	{ color: #999900; }
#column_content A:active	{ color: #999900; }
#column_content A:hover		{ color: #999900; text-decoration: underline; }

p.news_summaryblock A			{ font-weight: bold; color: #999900; }
p.news_summaryblock A:link		{ font-weight: bold; color: #999900; }
p.news_summaryblock A:visited	{ font-weight: bold; color: #999900; }
p.news_summaryblock A:active	{ font-weight: bold; color: #999900; }
p.news_summaryblock A:hover		{ font-weight: bold; color: #999900; text-decoration: underline; }

h2 a			{ text-decoration: none; color: #fff; }
h2 a:link		{ text-decoration: none; color: #fff; }
h2 a:visited	{ text-decoration: none; color: #fff; }
h2 a:active		{ text-decoration: none; color: #fff; }
h2 a:hover		{ text-decoration: underline; color: #fff; }

p.page_numbering				{ margin: 10px 0px 0px 18px; }
p.page_numbering span.inactive	{ font-weight: bold; padding: 0px 2px 0px 2px; color: #999; }

p.page_numbering A 			{ text-decoration: none; color: #00A5EF; font-weight: bold; padding: 0px 2px 0px 2px; }
p.page_numbering A:link		{ text-decoration: none; color: #00A5EF; }
p.page_numbering A:visited	{ text-decoration: none; color: #00A5EF; }
p.page_numbering A:active	{ text-decoration: none; color: #0066CC; }
p.page_numbering A:hover	{ text-decoration: none; color: #0066CC; }
p.page_numbering A#pnactive	{ text-decoration: underline; color: #0066CC; }

p.projectleaflet A
{
	display: block;
	width: 165px;
	padding: 4px 0px 4px 25px;
	border-top: 2px solid #ededed;
	border-bottom: 2px solid #ededed;
	background: #fff url(/images/pdf_icon_leaflet.gif) no-repeat 4px 3px;
	color: #999900;
}

p.projectleaflet A:hover { font-weight: bold; text-decoration: none; }

img#project_bigimg { cursor: pointer; cursor: hand; }

A.projectthumb
{
	float: left;
	display: inline;
	width: 99px; height: 77px;
	padding: 0px;
	background: transparent;
}

A.projectthumb img	{ }

A.projectthumb:hover
{
	background: #fff url(/images/projectthumb_bg.gif) no-repeat top left;
}

A.projectoverthumb
{
	float: left;
	display: inline;
	width: 99px; height: 77px;
	padding: 0px;
	margin-right: 12px;
	_margin-right: 6px;
	background: transparent;
}

A.projectoverthumb img	{ }

A.projectoverthumb:hover
{
	background: #fff url(/images/projectthumb_bg.gif) no-repeat top left;
}
/*****************************************************************
TABLE DECLARATIONS
*****************************************************************/


/*****************************************************************
COMMON LIST DECLARATIONS
*****************************************************************/

ul.content	
{
	line-height: 140%;
	color: #4F4F4F;
	margin: 0px 10px 15px 40px;
	padding: 0px;
}

/*****************************************************************
FOOTER NAVIGATION LIST DECLARATIONS
*****************************************************************/

#footernav {
	position: absolute;
	top: 7px; left: 3px;
	list-style: none;
	background: transparent;
	margin: 0px; padding: 0px;
}

#footernav li {
	float: left;
	padding: 5px 5px 0px 5px;
	font-weight: bold;
	font-size: 90%;
	color: #fff;	
}

#footernav li.copyright {
	margin-left: 76px;
}

#footernav a {
	color: #fff;
}

/*****************************************************************
NAVIGATION LIST DECLARATIONS
*****************************************************************/

#sfnav {
	position: absolute;
	top: 138px; right: 7px;
	z-index: 9;	
	width: 680px;
	list-style: none;

	font-weight: normal;
	padding: 0px; margin: 0px;
}


#sfnav li {
	float: left;
	position: relative;
}

#sfnav li.first {
	padding: 8px 0px 0px 0px;
}

#sfnav li.right { float: right; position: relative; }

#sfnav a {
	display: block;
	padding: 8px 10px 7px 10px;
	color: #fff;
	background: none;
}

#sfnav a:hover	{ text-decoration: none; background: url(/images/headernav_bg.gif) repeat-x; }
#sfnav li:hover a, #sfnav li.over a	{ text-decoration: none; background: url(/images/headernav_bg.gif) repeat-x; }

#sfnav li ul {
	position: absolute;
	left: -999em;
	width: 210px; height: auto;
	overflow: visible;
	margin: 0px; padding: 0px 0px 8px 0px;
	text-align: left;
	list-style-type: none;
	background: #fff;
	border: 2px solid #948d00;
	border-top: none;
}

#sfnav li li {
	width: 200px;
}

#sfnav ul a {
	position: relative;
	display: block;
	padding: 4px 10px 3px 10px;
	color: #999;
	background: none;
}

#sfnav ul a:hover	{ text-decoration: none; color: #000; background: none; }
#sfnav li:hover ul a, #sfnav li.over ul a	{ text-decoration: none; background: none; position: relative; }

#nav3 .navfxenabled li:hover ul {
			left: -999em;
}

#sfnav li:hover ul, 
#nav3 .navfxenabled li.over ul {
			left: 0px;
}

/*****************************************************************
SITEMAP LIST DECLARATIONS
*****************************************************************/

ul.sitemap	{
		  width: 40%;
		  float: left;
		  line-height: 160%;
		  color: #003366;
		  margin: 0px 0px 0px 0px;
		  padding: 0px 0px 0px 60px;
		}

ul.sitemap#special	{ float: none; }
ul.sitemap#right	{ margin: 25px 0px 0px 10px; }

ul.sitemap ul		{ margin: 0px 0px 0px 10px; padding: 0px; }
ul.sitemap li		{ font-weight: bold; list-style-type: square; padding-top: 5px; }
ul.sitemap li.header	{ list-style-type: none; margin-left: -15px; }
ul.sitemap li li	{ font-weight: normal; list-style-type: disc; margin: 0px 0px 0px 10px; padding: 0; }

table	{ 	
			padding: 0; 
			line-height: 140%;
			color: #999;
			border: 0px solid #333;}
			
table tr th,td.year_color { 
			width: 40px;
			padding-left: 3px;
			background-color: #ECECEC; }

table tr th,td.year { 
			width: 40px;
			padding-left: 3px;}

table tr th,td.line_year_color { 
			width: 40px;
			padding-left: 3px;
			background-color: #ECECEC;
			border-bottom: 1px solid #000; }

table tr th,td.line_year { 
			width: 40px;
			padding-left: 3px;
			border-bottom: 1px solid #000; }


table.kerncijfers	{ font-size: 80%; margin: 10px 20px 20px 35px; padding: 0; }
  
th.desc,td.desc	{ text-align: left; padding: 3px 20px 3px 0px; }

th.year, td.year, td.line_year		{ background: #fff; text-align: right; padding: 3px 10px 3px 10px; }
th.year_color, td.year_color, td.line_year_color	{ background: #ddd; text-align: right; padding: 3px 10px 3px 10px; }

th.year		{ font-size: 110%; }
th.year_color		{ font-size: 110%;  }