/* 
STANDAARD CSS BESTAND 
DATUM: 02-11-2007
*/

/* BODY */
html, body {
overflow:hidden; 
}

body{		
	margin:			0;
	font-family:	Trebuchet MS, "Helvetica", sans-serif; 
	color:			#000000;
	height:			100%;
	font-size:		11px;
	background:		#717171;
}

a {
	color:			#fff;
	text-decoration:underline;
}

a:hover {
	text-decoration:none;
}

p {
	padding: 		0;
	margin:			0;
}

li {
	list-style:		none;
}

/* LAYERS */
div#shadow {
	background:		url(/images/bg.jpg) no-repeat;
	position:		absolute; 
	width:			1015px; 
	left:			50%; 
	margin-left:	-507.5px;
	height:			600px;
	top:			50%;
	margin-top:		-300px;
}

div#container {	
	position:		absolute; 
	width:			995px; 
	left:			50%; 
	margin-left:	-497.5px;
	height:			580px;
	top:			50%;
	margin-top:		-290px;
}

	div#container div#nav {
		height:			205px;
		width:			223px;
		float:			left;
		margin:			0;
		padding:		0;
		position:		relative;
		left:			20px;
		top:			20px;
	}

		div#container div#nav ul {
			margin:			0;
			padding:		0;
			width:			145px;
			float:			left;
		}
		
		div#container div#nav ul li {
			display:		block;
			float:			left;
			width:			145px;
			padding:		0;
			margin:			0 0 10px 0;
			color:			#999;
			text-align:		left;
			height:			20px;
			line-height:	20px;
		}
		
			div#container div#nav ul li a {
				color:			#999;
				font-size:		24px;
				text-transform:	uppercase;
				text-decoration:none;
				letter-spacing:	1px;
			}
			
			div#container div#nav ul li a:hover {
				color:			#fff;
			}
			
	div#container div#content {
		float: 			left;
		position:		relative;
		width:			772px;
		height:			580px;
		margin:			0;
		padding:		0;
		color:			#fff;
	}
	
		div#container div#content h1 {
			color:			#999;
			font-size:		24px;
			text-transform:	uppercase;
			text-decoration:none;
			letter-spacing:	1px;
			margin:			0;
			padding:		0;
			text-align:		left;
			position:		relative;
			top:			40px;
			left:			50px;
		}
			
	div#container div#content div#logo {
		position:		absolute;
		bottom:			20px;
		right:			20px;
		height:			45px;
		width:			116px;
	}
	
		div#container div#content div#logo img {
			margin:			0;
			padding:		0;
			border:			none;
		}


	div#contactGegevens {
		float: 			left;
		position:		relative;
		text-align:		right;
		width: 			164px;
		padding-right:	10px;
		top:			125px;
	}
	
		div#contactGegevens ul {
			margin:			0;
			padding:		0;
		}
		
		div#contactGegevens ul li {
			margin:			0;
			padding:		0;
			line-height:	16px;
			color:			#fff;
			list-style:		none;
			font-size:		12px;
		}
		
			div#contactGegevens ul li a {
				color:			#fff;
				text-decoration:underline;
			}
			
			div#contactGegevens ul li a:hover {
				text-decoration:none;
			}
			
	div#contactLinks {
		float:			left;
		position:		relative;
		text-align:		right;
		width:			230px;
		padding:		0 5px 0 0;
		margin:			0;
		top:			350px;
	}
	
		div#contactLinks a {
			color:			#999;
			font-size:		20px;
			text-transform:	uppercase;
			text-decoration:none;
			letter-spacing:	1px;
			line-height:	20px;
		}
		
		div#contactLinks a:hover {
			color:			#fff;
		}

.contactBackground {
	background: url(/images/contact_bg.jpg) repeat-y top left !important;
}

.routeBackground {
	background: url(/images/route_bg.jpg) repeat-y top left !important;
}

ul.details {
	margin:			0;
	padding:		0;
	position:		relative;
	float:			right;
	right:			20px;
	top:			20px;
}

	ul.details li {
		list-style:		none;
		padding:		0;
		line-height:	16px;
		color:			#fff;
		text-align:		left;
	}
	
ul.links {
	margin:			0;
	padding:		0;
	position:		relative;
	float:			left;
	left:			0;
	top:			40px;
}

	ul.links li {
		list-style:		none;
		padding:		0;
		line-height:	16px;
		color:			#fff;
		text-align:		left;
	}
	
div.item {
	float: 			left;
	position:		relative;
	margin:			20px 0 0 0;
	padding:		10px 10px 0 10px;
	width:			171px;
	border-right:	1px solid #fff;
	min-height:		450px;
	height:			auto;
	overflow:		auto !important;
	text-align:		left;
}

* html div.item {
	height:			450px;
}

	div.item h2 {
		margin:			0;
		padding:		0;
		color:			#999;
	}
	
	div.item h3 {
		margin:			0 0 5px 0;
		padding:		0;	
		color:			#fff;
		font-size:		20px;
	}
	
	div.item p {
		margin: 		0;
		padding: 		0;
	}
	
	div.item a {
		top:			10px;
		position:		relative;
		font-weight:	bold;
		text-decoration:none;
	}
	
div#taalKeuze {
	color: 			#fff;
	position: 		absolute;
	text-align: 	right;
	right: 			10px;
	top: 			10px;
	width: 			60px;
}

	div#taalKeuze a {
		text-decoration:none;	
	}
	div#taalKeuze a:hover {
		text-decoration:underline;	
	}
	
div#geenJavascript {
	-moz-opacity:	0.85;
	opacity: 		0.85;
	color:			#333;
	background:		#fff;
	width:			100%;
	height:			20px;
	position:		absolute;
	z-index:		10;
	text-align:		center !important;
	font-size:		10px;
	letter-spacing:	1px;
}

	div#geenJavascript div#melding {
		color:			#333;
		width:			100%;
		height:			12px;
		margin:			0;
		padding:		4px;
	}	

.sien {
	font-family:	Trebuchet MS, "Arial", Helvetica;
	font-size:		12px; color:#595C5E
}

.box {
	background:		#D1D3D4;
	border:			none;
	font-family:	Trebuchet MS, "Arial", Helvetica;
	font-size:		12px;
	color:			#595C5E
}

div#realisatie 			{	clear: left; float: right; margin: 5px; width: 35px;}
div#realisatie a 		{	display: block; text-indent: -500px; overflow: hidden; width: 100%; height: 30px; background: url('http://www.e-sites.nl/banners/small/2.jpg') center center no-repeat}
div#realisatie a:hover 	{	background: url('http://www.e-sites.nl/banners/small/2.jpg?hover=ja') center center no-repeat;}