body 
	{
		margin:0;
		padding: 0;
		background-color: #fff;
		font-family: Tahoma, Verdana, sans-serif;
		font: 75%/160% Tahoma, Verdana, sans-serif;
	}

	img
	{
		border: 0;
	}

	a
	{
		color: #f39;
	}

	#Container
	{
		position: relative;
	}
		#HeaderContainer
		{
			position: relative;
			height: 84px;
			padding-bottom: 9px;
			z-index: 2;
			background: url(images/barschaduw.gif) repeat-x left 84px;
		}
			#Logo
			{
				margin-top: 1px;
			}
			#ContactMenu 
			{
				position: absolute;
				right: 10px;
				top: 12px;
				font-size: 10px; 
				font-family: Tahoma, Verdana, sans-serif;
				color: #73808e;
			}
				#ContactMenu a
				{
					color: #73808e;
					text-decoration: none;
				}
					#ContactMenu a:hover
					{
						text-decoration: underline;
					}
			#MenuContainer
			{
				position: absolute;
				top: 42px;
				left: 0;
				width: 100%;
				height: 42px;
				background: #FEF200 url(images/geelzwartpijl.gif) no-repeat right top;
				
			}
				#Menu
				{
					font-size: 100%;
					padding: 0 22px;
					margin: 0;
					z-index: 2;
					list-style-type: none;
				}
					#Menu li
					{
						display: inline;
						position: relative;
						margin: 0;
						padding: 0 3px 0 12px;
						line-height: 3.5em;
						background: url(images/menudivider.gif) no-repeat 1px 60%;
						font-family: Tahoma, Verdana, sans-serif;
						font-size: 12px;
						color: #000;
						cursor: pointer;
					}
					#Menu li a
					{
						text-decoration: none;
						color: #000;
					}
					#Menu li ul
					{
						background: #FEF200 url(images/menuschaduw.gif) repeat-x left top;
						padding: 5px 12px 10px 12px;
						margin: 0;
						position: absolute;
						z-index: 100;
						left: 1px;
						top: 28px;
						border-left: 1px solid #000;
						list-style-type: none;
						display: none;
					}
					#Menu li.visible ul
					{
						display: block;
					}
					#Menu li.hidden ul
					{
						display: none;
					}
					#Menu li li
					{
						background: none;
						padding: 0;
						line-height: 1.8em;
						display: block;
						white-space:nowrap;
						font-family: Tahoma, Verdana, sans-serif;
						font-size: 12px;
					}
					#Menu li li a
					{
					}
		#ContentContainer
		{
			z-index: 1;
			position: relative;
			margin-bottom: 2em;
		}

	/* Homepage blocks */

			#VacancyNewsBlock
			{
				padding: 0 10px 0 21px;
				width: 222px;
				height: 500px;
				text-align: right;
				position: relative;
			}
				#VacancyNewsBlock h1, 
				#VacancyNewsBlock strong
				{
					color: #75818F;
					font-size: 11px;
					font-family: Tahoma, Verdana, sans-serif;
					margin: 0;
					line-height: 1.4em;
				}
				#VacancyNewsBlock p
				{
					margin: 0 0 1.4em 0;
					font-family: Tahoma, Verdana, sans-serif;
					font-size: 11px;
					color: #000;
				}
				#VacancyNewsBlock a
				{
					color: #000;
					text-decoration: none;	
					padding-right: 8px;
					background: url(images/pinkRaquo.gif) no-repeat right 0.45em;
				}
				#VacancyNewsBlock .hyperlinkIcon
				{
					color: #F39;
				}
				
				#RandomSpecial
				{
					position: absolute;
					bottom: 36px;
					left: 20px;
				}
					#RandomSpecial p
					{
						padding: 0;
						margin: 0.5em;
						
					}
					#RandomSpecial a
					{
						background-image: none;
					}

				#ProjectsOnMapMenu
				{
					position: absolute;
					bottom: 0;
					left: 0;
					width: 100%;
					font-family: Tahoma, Verdana, sans-serif;
					font-size: 11px;
				}
				
				
			#GoogleMapsBlock
			{
				position: absolute;
				left: 265px;
				top: 0;
				width: 612px;
				background-color: #666;
				height: 500px;
			}
				#GoogleMap
				{
					position: absolute;
					left: 0;
					top: 0;
					width: 612px;
					height: 500px;
				}
				#GoogleMapLegend
				{
					background: #fff url(/images/legend_bg.gif) no-repeat right bottom;
					border: 1px solid #000;
					position: absolute;
					right: 7px;
					bottom: 22px;
					padding: 0 5px;
					font-size: 0.9em;
				}
			#RandomFlashBlock
			{
				position: absolute;
				left: 577px;
				top: 0;
				background-color: #ccc;
				width: 300px;
				height: 500px;
				overflow: hidden;
			}

	/* Project list blocks */

		#ProjectViewFilterBlock
		{
			background-color: #919BA6;
			margin: 0;
			padding: 0 23px 0 10px;
			width: 232px;
			height: 500px;
			text-align: right;
			position: relative;
			font-family: Tahoma, Verdana, sans-serif;
			font-size: 12px;
			color: #FFF;
		}
			#ProjectViewFilterBlock h1
			{
				padding-top: 20px;
				color: #fff;
				font-size: 25px;
				margin: 0;
			}
			#ProjectViewFilterBlock ul
			{
				list-style-type: none;
			}
			#ProjectViewFilterBlock a
			{
				color: #DFE2E6;
				text-decoration: none;
			}
			#ProjectViewFilterBlock a.selected
			{
				color: #fff;
				text-decoration: underline;
			}
			
			
		#ProjectListBlock, 
		#ProjectThumbnailBlock, 
		#ProjectMapBlock
		{
			background-color: #fff;
			position: absolute;
			left: 292px;
			top: 0;
			width: 576px;
			height: 500px;
		}
			#ProjectMap
			{
				background-color: #fff;
				position: absolute;
				left: 0;
				top: 0;
				width: 576px;
				height: 500px;
			}
			#ProjectMapLegend
			{
				background: #fff url(/images/legend_bg.gif) no-repeat right bottom;
				border: 1px solid #000;
				position: absolute;
				right: 7px;
				bottom: 22px;
				padding: 0 5px;
				font-size: 0.9em;
			}
			.projectThumbItem
			{
				float: left;
				height: 107px;
				width: 255px;
				position: relative;
				padding: 5px 0 0 5px;
				margin-right: 28px;
			}
				.projectThumbItem h2
				{
					color: #75818F;
					font-size: 11px;
					font-family: Tahoma, Verdana, sans-serif;
					margin: 0;
					line-height: 2em;
					color: #333;
					
				}
				.projectThumbItem h2 a
				{
					text-decoration: none;
					color: #333;
				}	
				.projectThumbItem .hyperlinkIcon
				{
					color: #F39;
				}
				.projectThumbItem img
				{
					position: absolute;
					right: 0;
					bottom: 0;
				}
				.projectThumbItem p
				{
					font-size: 11px;
					font-family: Tahoma, Verdana, sans-serif;
					line-height: 1.8em;
					width: 160px;
					padding: 0;
					margin: 0;
					color: #999;
				}



			.projectListItem
			{
				position: relative;
				padding: 5px 0 0 5px;
				margin-right: 28px;
			}
				.projectListItem h2
				{
					color: #75818F;
					font-size: 11px;
					font-family: Tahoma, Verdana, sans-serif;
					margin: 0;
					line-height: 2em;
					color: #333;
					
				}
				.projectListItem h2 a
				{
					text-decoration: none;
					color: #333;
				}	
				.projectListItem .hyperlinkIcon
				{
					color: #F39;
				}
				.projectListItem p
				{
					font-size: 11px;
					font-family: Tahoma, Verdana, sans-serif;
					line-height: 1.8em;
					padding: 0;
					margin: 0;
					color: #333;
				}
				.projectListItem p .listDescription
				{
					color: #999;
				}

	/* Project detail blocks */
		#ProjectDetailKeysBlock
		{
				width: 222px;
				padding: 0 23px 0 20px;
				height: 1010px;
				text-align: right;
				position: relative;
				background-color: #f7f8f9;
		}
			#ProjectDetailKeysBlock h1 
			{
				padding-top: 20px;
				color: #FF5C0F;
				font-size: 25px;
				margin: 0;
				line-height:1em;
			}
			#ProjectDetailKeysBlock p
			{
				font-family: Tahoma, Verdana, sans-serif;
				font-size: 11px;
				color: #000;
			}
			#ProjectDetailKeysBlock dl{}
			#ProjectDetailKeysBlock dt
			{
				font-family: Tahoma, Verdana, sans-serif;
				font-size: 11px;
				color: #FF5C0F;
			}
			#ProjectDetailKeysBlock dd
			{
				font-family: Tahoma, Verdana, sans-serif;
				font-size: 11px;
				color: #000;
			}
		#ProjectDetailBigPictureBlock
		{
			position: absolute;
			left: 265px;
			top: 0;
			width: 300px;
			}
			#ProjectDetailBigPictureBlock img
			{
				padding-bottom: 10px;
			}
		#ProjectDetailTextAndThumbsBlock
		{
			position: absolute;
			left: 575px;
			top: 0;
			width: 300px;
		}
			#ProjectDetailTextBlock
			{
				height: 500px;
				overflow: auto;
				margin-bottom: 10px;
				padding-right: 10px;
				
			}
				#ProjectDetailTextBlock p
				{
					margin-top: 5px;
					font-family: Tahoma, Verdana, sans-serif;
					font-size: 11px;
				}
			#ProjectDetailThumbsBlock
			{
				width: 300px;
			}
				#ProjectDetailThumbsBlock .ProjectDetailThumb
				{
					width: 150px;
					float: left;
					height: 125px;
					overflow: hidden;
				}
				#ProjectDetailThumbsBlock .ProjectDetailThumb img{}
				#ProjectDetailThumbsBlock .ProjectDetailThumb p
				{
					text-align: right;
					line-height: 1.6em;
					font-family: Tahoma, Verdana, sans-serif;
					font-size: 11px;
					margin-top: 2px;
				}
	/* Special blocks */
		#SpecialBlock
		{
			position: absolute;
			left: 265px;
			top: 0;
			width: 612px;
			height: 500px;
		}
			#SpecialBackground
			{
				width: 612px;
				height: 500px;
				overflow: hidden;
				background-color: #000;
			}
			#SpecialDescriptionBlock
			{
				position: absolute;
				width: 226px;
				right: 0;
				padding: 15px;
				color: #fff;
				font-family: Arial;
				z-index: 20;
			}
				#SpecialHead, 
				#SpecialDescriptionBlock #SpecialHead p
				{
					font-size: 14px;
					font-weight: bold;
					padding: 0;
					margin: 0;
				}
				#SpecialHead a p
				{
					display: inline;
				}
				#SpecialDescriptionBlock  a
				{
					color: #fff;
					background:transparent url(images/pinkRaquo.gif) no-repeat scroll right 0.45em;
					padding-right:8px;
					text-decoration:none;
				}
				#SpecialDescriptionBlock  h2
				{
					font-size: 28px;
					font-weight: normal;
					line-height: 30px;
				}
				#SpecialDescriptionBlock p
				{
					font-size: 14px;
					line-height: 18px;
				}	
			#SpecialDescriptionBackgroundBlock
			{
				position: absolute;
				background-color: #777;
				right: 0;
				z-index: 19;
			}
		#FiledropContainer
		{
			padding: 0 20px;
			width: 600px;
		}
			#FiledropContainer h1
			{
				color:#FF5C0F;
				font-size:25px;
				line-height:1em;
				margin:0pt;
				padding-top:20px;
			}	
			
		#FooterContainer{}
		
		
		
		
		
		
		
/* lightbox */
#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

#overlay{ background-image: url(overlay.png); }

* html #overlay{
	background-color: #333;
	back\ground-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="overlay.png", sizingMethod="scale");
	}