/*******************************************************************************
	GENERAL
*******************************************************************************/

* {
	margin: 0;
	padding: 0;
	font-family: helvetica, arial, sans-serif;
	font-size: 12px;
	line-height: 1.3em;
	color: #000000;
}

body {
	
	background-color: #ffffff;
}

img { border: none; }

var { display: none !important; }

a { 
	color: #282e60; 
	text-decoration: none;	
}

a:hover { text-decoration: underline; }

h1, 
h2,
h3, 
h4 { 
	font-weight: bold;			
	text-transform: uppercase;
	color:  #282e60; 
}

h1 { font-size: 2.0em; }
h2 { font-size: 1.8em; }
h3 { font-size: 1.4em; }
h4 { font-size: 1.2em; }


/*******************************************************************************
	HEADER 
*******************************************************************************/

.headerContainer {
	background-image: url(../images/header_tile.gif);
	background-repeat: repeat-x;
	height: 133px;	
	overflow: hidden;
}

/*******************************************************************************
	SERVICE BAR
*******************************************************************************/

.serviceContainer {
	float: right;
	overflow: hidden;
	margin-top: 1px;	
}

.serviceContainer form {
	float: left;
	margin-right: 1em;	
}

.serviceContainer .searchQuery {
	border: none;
	font-size: 0.9em;	
} 

.serviceContainer .submit {
	vertical-align: text-top;
	margin-top: 0.1em;
}

.serviceContainer a,  
.serviceContainer label {
	font-size: 0.9em;
	float: left;
	text-decoration: none;
	color: #000000;
	margin-right: 1em;
	margin-top: 2px;
}

.serviceContainer a img {
	margin-right: 1ex;
	vertical-align: text-top;	
	margin-top: 2px;
}

.serviceContainer a:hover { text-decoration: underline; }

/*******************************************************************************
	VISUAL
*******************************************************************************/

.visualContainer {	
	background-repeat: repeat-x;
	height: 260px;	
	margin: 0;		
}

.visualContainer a { text-decoration: underline; }

#visual { height: 100%; }

/*******************************************************************************
	CONTENT
*******************************************************************************/

.contentContainer {
	margin-left: 100px;
	width: 894px;	
	margin-top: 10px;		
}

.contentContainer h1 {
	font-size: 1.2em;
	padding-left: 20px;
	margin-bottom: 0.7em;
}

.contentContainer ul { 	 
	list-style: none;	
	margin-left: 20px;
}

.contentContainer a { font-weight: bold; }

.contentContainer li { margin-bottom: 14px; }
.contentContainer li.last { margin-bottom: 0; }

.navigationContainer,
.newsContainer,
.projectContainer {
	float: left;		
	background-image: url(../images/dots_vertical.gif);
	background-repeat: repeat-y;		
	margin-top: 10px;	
	overflow: visible;
	min-height: 250px;
}

.navigationContainer { width: 22%; }
.newsContainer { width: 54%; }
.projectContainer { width: 23.9%; }


.navigationContainer h1 { display: none; }
.navigationContainer a {	
	font-size: 1.2em;			
	text-transform: uppercase;	
}

.newsContainer .nieuwsitems h1 { display:none; }

.newsContainer h1 a {
	color:#282E60;
	font-weight:bold;
}
.newsContainer a { 
	color: #000000;
	font-weight: normal;
}

.newsContainer li {
	margin-bottom: 17px;
	list-style: none;
}
.newsContainer li.last {
	margin-top: 20px;
}

.newsContainer .last a {
	font-style: italic;
	font-weight: bold;
	color: #282e60;	
}

.projectContainer li {
	overflow: hidden;
	display: block;
	clear: both;
}

.projectContainer a img {
	float: left;
	vertical-align: text-top;
	margin-right: 1em;
	border:1px solid #ddd; /* kleine grijze rand */
}