html, body {
text-align:center;
height:100%;
}

body {
background:#eeeeee;
}

#placeholder {
background:#ffffff;
width:960px;
text-align:left;
margin:0 auto;
position:relative; /* needed for footer positioning*/
margin:0 auto; /* center, not in IE5 */
height:auto !important; /* real browsers */
height:100%; /* IE6: treaded as min-height*/
min-height:100%; /* real browsers */
}

* html #placeholder {
height:100%; top:0; bottom:0;
}

#header {
position:relative;
height:120px;
width:100%;
}

	#logo {
	padding-top:40px;
	margin-left:60px;
	display:inline;
	float:left;
	width:270px;
	background:url(../../assets/templates/custom/img/vr.gif) no-repeat right top;
	}

#mainmenu {
float: left;
position: relative;
padding:60px 0 0 20px;
margin-bottom:10px;
}

	#mainmenu ul {
	display: block;
	}
	
	#mainmenu li {
	float: left;
	display: inline;
	margin-right:10px;
	}
	
	#mainmenu a {
	float: left;
	display:block;
	height:23px;
	line-height:22px;
	margin:0!important;
	padding: 0 15px 0 15px;
	color: #000000;
	text-decoration: none;
	}
	
		#mainmenu a:hover {
		position: relative;
		color: #000000;
		background-color:#eeeeee;
		}
		
		#mainmenu .active a {
		position: relative;
		background-color:#669900;
		color: #fff;
		}
		
		#mainmenu .tab_right {
		position: absolute;
		top: 0;
		right: 0;
		display: block;
		width: 2px;
		height: 23px;
		background: url(../../assets/templates/custom/img/tab-menu-bgwhite-right.png) top right;
		}
		
		#mainmenu .tab_left {
		position: absolute;
		top: 0;
		left: 0;
		display: block;
		width: 2px;
		height: 23px;
		background: url(../../assets/templates/custom/img/tab-menu-bgwhite-left.png) top left;
		}
		
		#mainmenu .nav_br {
		position: absolute;
		bottom: 0;
		right: 0;
		display: block;
		width: 4px;
		height: 4px;
		background: url(nav_br.gif) bottom right;
		}
		
		#mainmenu a span {
		display: none;
		}
		
		#mainmenu a:hover span, #mainmenu .active a span {
		display: block;
		}

#concept {
height:238px;
overflow:hidden;
background:url(../../assets/templates/custom/img/lutra-waterzuivering-milieu.jpg) no-repeat;
}

	#streamer {
	padding:25px 0 0 56px;
	float:left;
	}

#main {
background:url(../../assets/templates/custom/img/lutra-waterzuivering-water.jpg) no-repeat;
}

	#breadcrumb {
	line-height:42px;
	height:44px;
	background: url(../../assets/templates/custom/img/hr-breadcrumb.gif) no-repeat bottom;
	color:#000000;
	font-size:11px;
	font-weight:bold;
	padding-left:60px;
	}
	
		#breadcrumb a {
			color:#000000;
			text-decoration:none;
			font-size:11px;
			font-weight:bold;
		}
	
	#contentwrapper {
	width:100%;
	float:right;
	display:inline;
	position:relative;
	
	min-height: 200px;
	height: auto !important; /* voor moderne browsers */
	height: 200px; /* voor IE */	
	}
	
		#border {
		width:300px;
		margin:125px 0 0 100px;
		float:right;
		position:relative;
		}
		
			#submenu {
				width:200px;
			}
			
				#submenu ul {
				margin:0 0 25px 0;
				}
				
				#submenu li {
				display:block;				
				border-bottom:1px solid #e4e4e4;
				padding: 2px 0 2px 13px;
				}
				
					#submenu li.last {
						border:none;
					}
								
				#submenu a {
				font-size:11px;
				line-height:14px;
				margin:0!important;
				color: #7f7f7f;
				text-decoration: none;
				}
				
					#submenu ul li.active:before {
					content: "\00BB \0020";
					color:#669900;
					}
				
					#submenu a:hover {
					position: relative;
					color: #000000;
					}
					
					#submenu .active {
					padding-left:0;
					}
					
					#submenu .active a {
					color: #000000;
					font-weight:bold;
					}
					
				#contentborder {
					margin-bottom:25px;
				}
				
				#globalborder {
					width:240px;
				}
					
		#content {	
		float: left;
		display:inline;
		position: relative;
		width:500px;
		margin-left: 60px;
		margin-top:30px;
		}
		
		#contentfull {	
		position: relative;
		margin-left: 60px;
		margin-top:30px;
		}

#footer {
clear:both;
padding: 40px 52px;
}

	#footer ul {
	margin:0;
	}
	
	#footer ul li {
	float:left;
	border-right: 1px solid #cccccc;
	height:15px;
	line-height:12px;
	}
	
	#footer ul li a {
	margin: 0 8px;
	text-decoration:none;
	color:#808080;
	font-size: 11px;
	line-height:11px;		
	}	
	
		#footer ul .last {
		border:0;
		}	
		
		#footer ul li a:hover {
			color:#000000;
		text-decoration: underline;
		}



/* ARTICLES */

.articleholder {
height:100px;
margin-bottom:15px;
}

	.thumbnail {
	width: 130px;
	float:left;
	}
			
	.article {
	margin-left: 145px;
	padding-top:2px;
	}	


/* CLASSES */

.callMeBack {
}

	.callMeBack .buttonholder {
	margin-top:7px;
	}

/* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.clearfix {
display: inline-block;
}

/* Hides from IE-mac \*/
* html .clearfix {
height: 1%;
}

.clearfix {
display: block;
}
/* End hide from IE-mac */  


 
 /*printer styles*/ 
 @media print {

/*hide the left column when printing*/ 
#leftcol {
display:none;
}

/*hide the right column when printing*/ 
#rightcol {
display:none;
}

#twocols, #maincol {
width:100%;
float:none;
}
}