/* CSS Document */
/* verschillende stylen resetten */
img, object{
	border: none;
	outline:none; 

}
object{
	display:block;
}
h1{
	font-size:100%;
	color:#FFFFFF;
	font-weight:normal;
	margin:0 0 21px 0;
	paddign:0;
}

h2{
	font-size:70%;
	color:#FFFFFF;
	font-weight:bold;
	margin:0 0 2px 0;
	paddign:0;
}

#bedrijf h2{
	color:#586972;
	padding:0;
	margin:0;
	font-size:60%;
	line-height:170%;
	font-weight:normal;	
}

h3{
	color:#FFFFFF;
	font-size:130%;
}

h4, h5, h6{
}

p{
	font-size:65%;
	line-height:170%;
	margin:0 0 15px 0;
	padding:0;
}
	.blok_links p{
		padding:0;
	}

ul, ol{
	font-size:65%;
	line-height:170%;
	margin:0 0 15px 0;
	padding:0 0 0 20px;
	list-style:none;
}

li{

}

ul li ul, ul li ol, ol li ul, ol li ol{
	font-size:100%;
}

table{
}

tr{
}

td{
}

input, select, textarea{
}

input[type="submit"], input.submit{

}

input[type="radio"], input.radio{
	border:none;
}

label{
	font-size:65%;
	line-height:170%;
	padding:0;
}

a{
	color:#FFFFFF;
	text-decoration:none;
}

a:hover{
	color:#FFFFFF;
	text-decoration:underline;
}

/* standaard layout stylen */
body {
	margin: 0;
	background-color:#ffffff;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
	html, body{
		height: 100%;	
		min-height: 100%;
	}
	html>body{
		height: auto;
	}


/* Boven */
#top{
	height:71px;
}
	#top #header{
		position:relative;
		left:50%;
		width:1000px;
		margin-left:-500px;
	}
		#header #logo img{
			margin:17px 0 0 41px;
			position:relative;
			z-index:1;
			}	
	
	#top #menu{
		position:absolute;
		top:0;	
		width:1000px;
		margin-left:-500px;
		left:50%;
	}
		#top #menu ul{
			margin:0 0 0 346px;
			padding:0;
			list-style:none;
			height:40px;
			border-bottom:1px solid #ECEDEF;
			width:652px;
		}
		#top #menu ul li{
			margin:0;		
			float:left;
			color:#91ACBD;
			font-variant:small-caps;
			font-size:12px;
			font-weight:bold;
		}	
		#top #menu ul li img{
			padding:19px 36px 12px 0;	
		}
		#top #menu ul li img.taal{
			padding:19px 16px 10px 0;
		}
		
	#top #submenu{
		position:absolute;
		margin-left:-500px;
		top:41px;	
		width:1000px;
		left:50%;
	}
		#top #submenu ul{
			margin:0 0 0 346px;
			padding:0;
			list-style:none;
			height:40px;
			width:652px;
		}
		#top #submenu ul li{
			margin:0;		
			float:left;
			color:#91ACBD;
			font-variant:small-caps;
			font-size:12px;
			font-weight:bold;
		}	
		#top #submenu ul li img{
			padding:10px 26px 12px 0;	
		}
		#top #submenu ul li img.taal{
			padding:0px 16px 10px 0;
		}


/* Midden */
#container {
	background-color:#91ACBD;	
}
	#container #main {
		position:relative;
		left: 50%;
		width:1000px;
		min-height:500px;
		margin:0 0 0 -500px;
		background:url(../images/background_container.gif) 0 0 repeat-y;
	}
	
	
	#content{
		padding:0 0 0 41px;
		margin:0;
	}
	
#home #container {
	background-color: #FFFFFF;
}
#home #container #main {
		background:none;
	}

/* Bedrijf, concepten themas detail */

#info{
	position:absolute;
	width:280px;
	left:42px;
	top:0;
	padding:46px 0 0 0;
}
	#info p, #info2 p, #info3 p{
		padding:0;
		font-size:65%
	}
	#info .vervolg{
		padding-top:40px;
	}
	#info ul, #info2 ul, #info3 ul{
		padding-left:0;
	}
	
	#info li, #info2 li, #info3 li{
		background:url(../images/li.gif) 0 6px no-repeat;
		padding:0 0 0 15px;
	}

#info2{
	position:absolute;
	width:280px;
	left:346px;
	top:0;
	margin:85px 0 0 0;
}

#info3{
	position:absolute;
	width:280px;
	left:650px;
	top:0;
	margin:85px 0 0 0;
}

#foto1{
	position:absolute;
	left:42px;
	top:0;
	margin:13px 0 0 0;
}

#foto2{
	position:absolute;
	left:346px;
	top:0;
	margin:13px 0 0 0;
}

#foto3{
	position:absolute;
	left:650px;
	top:0;
	margin:13px 0 0 0;
}

#citaat{
	position:absolute;
	margin:85px 0 0 0;
	top:0;
}

#flash_info{
	height:500px;
	width:941px;
	/*	border:1px solid #000000;*/
}	

#flash_info #flash{ 
	position:absolute;
	top: 0;
}

#overzicht{
	position:relative;
	height:500px;
	/*padding-bottom:11px;*/
}
	
	#overzicht_kolom_1{
		float:left;
		width:305px;
		padding-top:468px;
	}
		#navigatie{
			background:url(../images/title_pagina.gif) 0 0 no-repeat #91acbc;
			height:17px; 
			width:182px; 
			color:#e9eef2; 
			border:1px solid #bdcdd7;
		}
		#nieuws #navigatie{
			position:absolute;
			top:468px;
			width:65px;
		}
		#archief #navigatie{
			position:absolute;
			top:468px;
			width:220px;
		}
		#concept #navigatie, #bureau #navigatie{
			position:absolute;
			top:468px;
		}
		#concept #navigatie.right{
			left:829px;
		}
		#navigatie p{
			margin:0;
			padding:2px 0 0 55px;
			line-height:normal;
		}
		#arrows{
			float:right;
		}
		#arrows img{
			margin:0;
			padding:0;
		}
	
	#overzicht_kolom_2{
		/*float:left;
		width:149px;
		padding-top:14px;*/
		
		
		float: left;
		padding-top: 14px;
		width: 650px;
	}
	#overzicht_kolom_3{
		/*float:left;
		width:149px;
		padding-left:14px;
		padding-top:14px;*/
		
		
		float: left;
		/*padding-top: 14px;*/
		width: 650px;
	}
	
	#overzicht_kolom_4{
	/*	float:left;
		width:149px;
		padding-left:14px;
		padding-top:14px;*/
		
		
		float: left;
		/*padding-top: 14px;*/
		width: 650px;
	}
	
	#overzicht_kolom_5{
		/*margin:0 0 0 794px;
		padding-top:14px;*/
		
		
		float: left;
		padding-top: 14px;
		width: 650px;
	}

	/*----------------------------------------------------*/
	/*Large blokken*/	
	#overzicht_kolom_7{
		float:left;
		width:215px;
		margin-top:19px;
	}
	
	#overzicht_kolom_8{
		float:left;
		width:215px;
		margin-top:19px;
	}
	
	#overzicht_kolom_9{
		margin:0 0 0 735px;
		padding-top:19px;
	}
	
	.blok_large{
		width:204px;
		height:220px;
		/*margin:14px 14px 0 0;*/
		/*background-color:#839AAA;*/
		margin-bottom:19px;
	}
	
	.blok_large a{
		display:block;
		/*width:204px;
		height:220px;*/
	}
	/*--------------------------------------------------------*/
	
	
	
	.blok{
		/*width:149px;
		height:149px;
		background-color:#839AAA;
		margin-bottom:13px;*/
		
	    background-color: #839AAA;
		float: left;
		height: 149px;
		margin-bottom: 13px;
		margin-right: 14px;
		width: 149px;
	}
	
	.blok a{
		display:block;
		width:149px;
		height:149px;
	}
	.blok a:hover{
		text-decoration:none;
	}


	/*------------------------2011--------------------------------*/
	#overzicht_kolom_left{
		float:left;
		width:307px;
/*		padding-top:468px;*/
	}
	
	#overzicht_kolom_middle, #overzicht_kolom_right{
		float:left;
		width:307px;
		margin-left: 19px;
	}
	
	#overzicht_kolom_left .topImage, #overzicht_kolom_middle .topImage, #overzicht_kolom_right .topImage{
		float: left;
		width: 306px;
		height: 27px;
	}
	
	#overzicht_kolom_left .projectImage, #overzicht_kolom_middle .projectImage, #overzicht_kolom_right .projectImage{
		float: left;
		width: 306px;
		height: 306px;
	}
	
	
	#content hr{
		float: left;
		margin-top: 15px;
		border: 1px solid #bdcdd7;
		width: 958px;
	}
	
	.newsItem, .newsItem1{
		float: left;
		width: 306px;
		height: 130px;
		margin-left: 18px;
	}
	
	.newsItem1{
		margin-left: 0px;
	}
	
		.newsItem #title, .newsItem #_title, .newsItem1 #title, .newsItem1 #_title, .newsItem1 #title_uk, .newsItem1 #_title_uk
		{
			float: left;
			width: 188px;
			height: 24px;
			background: url('/images/news.jpg') no-repeat;
		
		}
		
			.newsItem1 #title_uk, .newsItem1 #_title_uk{
				background: url('/images/title-nieuws-uk.gif') no-repeat;
			}
			
		.newsItem #_title, .newsItem1 #_title
		{
			background: none;
		}
		
		.newsItem a, .newsItem1 a{
			font-family: Verdana;
			font-weight: bold;
			font-size: 10px; 
			float: left;
			padding-left: 15px;
			text-decoration: none;
			width: 172px;
			height: 38px;
			margin-top: 61px;
			background: url("/images/bullet.gif") no-repeat;
			background-position: left 1px;
		}
		
		.newsItem a:hover, .newsItem1 a:hover{
			text-decoration: underline;
		}
	
		.newsItem img, .newsItem1 img{
		float: right;
		width: 115px;
		height: 115px;
		background-color: #FFFFFF;
		margin-top: 10px;
	}
	
	
/* Sitemap */
#sitemap{
	padding:46px 0 46px 0;
}
	#sitemap ul{
		margin:0;
		padding:0;
	}

	#sitemap li{
		background:url(../images/li.gif) 0 6px no-repeat;
		padding:0 0 0 15px;
	}

/* Onder */
#footer {
	position:relative;
	padding:9px 0 9px 0;
	left: 50%;
	width:1000px;
	margin-left:-500px;
	background-color:#FFFFFF;
}
	
	#footer .contact{
		float:left;
		color:#91acbc;
		font-size:55%;
		padding-left:41px;
	}
	
	#footer .copyright{
		float:right;
		color:#91acbc;
		font-size:55%;
		padding-right:18px;
	}
	
	#footer .contact a, #footer .copyright a{
		color:#91acbc;
		text-decoration:none;
	}
	
	#footer .contact a:hover, #footer .copyright a:hover{
		text-decoration:underline;
	}
	
/* nieuwsitems */
#info ul.nieuws li{
	padding-bottom:5px;
	margin-bottom:7px;
	border-bottom:1px solid #bdcdd7;
}
#info ul.nieuws li a{
	display:block;
}
#info ul.nieuws li a:hover{
	text-decoration:none;
	color:#000000;
}
.margin18{
	margin-bottom:18px;
}


#clr{
	clear: both;	
}

#flash-intro{
	position:absolute;
	top:71px;
	left:50%;
	width:1000px;
	height:500px;
	margin:0 0 0 -500px;	
	z-index:3;
}