html {
     overflow: -moz-scrollbars-vertical;
}


body {
	background-color: 		#ededed;
	background-image: 		url(../img/body_bg.gif);
	background-repeat: 		repeat-x;
	font-family:			arial;
	font-size:				12px;
	color:					#163f77;
}

#container {
	width:					960px;
	margin: 				auto;
	position:				relative;
}

#back {
	background-color:		#163f77;
	height:					669px;
	width:					960px;
	top:					119px;
	position:				relative;
	background-image:		url(../img/navigatie_back.jpg);
	background-position:	bottom left;
	background-repeat:		no-repeat;
}

#front {
	width:					787px;
	background-image:		url(../img/shadow.png);
	background-repeat:		repeat-y;
	position:				absolute;
	right:					11px;
	top:					28px;
}

#topshadow {
	background-image: 		url(../img/top_shadow.gif);
	height: 				12px;
}
#bottomshadow {
	background-image: 		url(../img/bottom_shadow.gif);
	background-repeat:		no-repeat;
	background-position: 	bottom;
	height: 				12px;
	margin-top: 			0px;
}

#back ul {
	width:					150px;
	font-size:				11px;
	font-weight: 			bold;
	padding-left: 			15px;
	padding-top: 			15px;
}

#back ul li {
	border-bottom: 			1px dotted #fff;
	padding-top: 			4px;
	padding-bottom: 		4px;
}

#back ul li a:link, #back ul li a:active, #back ul li a:visited {
	text-decoration: 		none;	
	color:					#fff;
	padding-left:			6px;
	display: 				block;
}

#back ul li a:hover {
	background-image:		url(../img/menuhover.gif);
	background-repeat:		no-repeat;
	background-position:    0px;
}

#back ul li ul {
	padding: 				0px;
	padding-left: 			10px;
}

#back ul li ul li {
	border-bottom: 			none;
	padding-top: 			2px;
	padding-bottom: 		2px;
	font-weight:			normal;
}

#back ul li ul li a:link, #back ul li ul li a:active, #back ul li ul li a:visited {
	background-image:		url(../img/navplus.gif);
	background-repeat: 		no-repeat;
	background-position:	0 6px;	
	text-decoration: 		underline;
	color:					#c3ddff;
	padding-left:           10px;
}

#back ul li ul li a:hover {
	color: 					#fff;
}

#contact {
	font-family:			Verdana, Geneva, sans-serif;
	font-size:				9px;
	color:					#c3ddff;
	line-height:			14px;
	padding-top: 			45px;
	padding-left: 			21px;
}

#contact strong {
	font-size:				10px;
	text-transform:			uppercase;
}

#contact a:link, #contact a:visited, #contact a:active {
	color:					#c3ddff;
	text-decoration:		none;
}
#contact a:hover {
	text-decoration:		underline;	
}

#content_container {
	width:					773px;
	min-height:				800px;
	height:					auto !important;
	height:					800px;
	background-color:		#fff;
	margin-left: 			7px;
	padding-bottom: 		22px;
}

#topbar {
	overflow: 				hidden;
}

#topbar h1 {
	width:					262px;
	height:					61px;
	background-image:		url(../img/logo.gif);
	background-repeat:		no-repeat;
	text-indent:			-999px;
	float: 					left;
}

#topbar ul {
	float: 					right;
	right:					0px;
	padding: 	            8px;
}

#topbar ul li {
	float: 					left;
	padding-left:			6px;
}

#topbar ul li a {
	text-indent: 			-99999px;
	width:					18px;
	height:					10px;
	display:				block;
}

a.nl {
	background-image:		url(../img/vlag_nl.gif);
	background-repeat:		no-repeat;
}
a.en {
	background-image:		url(../img/vlag_en.gif);
	background-repeat:		no-repeat;
}
#topbar a:hover, #topbar a:active, #topbar a:visited, #topbar a:link {
	text-decoration:		none;	
}

#header
{
	clear:					both;
	width:					769px;
	height:					234px;
	margin-left:			2px;
	overflow:				hidden;
	position:				relative;
}

#header h1 {
	font-size:				17px;
	font-weight:			bold;
	color:					#fff;
}
#header p {
	color: 					#fff;
	line-height: 			21px;
}

#header ul {
	height:					234px;
	width:					99999px;
}

#header ul li {
	float: 					left;
	width:					769px;
	height:					234px;
	position:				relative;
}

.carouselInner {
	position:				absolute;
	width:					288px;
	height:					234px;
	background:				url(../img/carousel_text.png) no-repeat right;
	background-position:	right;
	background-repeat:		no-repeat;
	right:					0px;
}

#header ul li div h1 {
	display: 				block;
	margin-top: 			28px;
	margin-left:			30px;
}

#header ul li div p {
	display: 				block;
	margin-left:			30px;
}

#header ul li div.section p {
	display: 				block;
	margin-left:			30px;
}

#header ul li div.section p img {
	margin-left:			-30px;
}

#header ul li a {
	position:				absolute;
	display:				block;
	width:					53px;
	height:					29px;
	text-indent:			-9999px;
}

#header ul.carouselVast li a {
	position:				relative;
	display: 				inline;			
	width:					180px;
	height:					19px;
	text-indent:			0px;
}

#header ul li .carLeft {
	background-image:		url(../img/car_left.gif);
	right: 					53px;
	bottom: 				0px;
}

#header ul li .carRight {
	background-image:		url(../img/car_right.gif);
	right: 					0px;
	bottom: 				0px;
}

#header .meer_informatie {
	position:				relative;
	width:					153px;
	text-indent:			0px;
	color: #b3d3ff;
}

#header .meer_informatie:hover {
	color: #ffffff;
	text-decoration: underline;
}

#content .kolom {
	line-height: 			22px;	
	float: 					left;
	margin-bottom:			95px;
	padding: 				16px;
	padding-right: 			0px;

}

#content
{
	position: 				relative;
	overflow: 				auto;
}

#content .metfoto {
	width: 					535px;	
}

#content .kolom h1, #content .kolom h2, #content .kolom h3, #content .kolom h4 {
	font-size:				17px;
	font-weight:			bold;
}

#content .fotokolom {
	float:					right;	
	padding-top:			28px;
	margin-right:			16px;
}

#content p {
	margin-bottom: 20px;
}

#content ul {
	padding: 10px;
	min-height:				420px;
	height:					auto !important;
	height:					420px;		
}

#content ul li {
	float: 					left;
	margin-right: 			10px;
	margin-bottom: 			20px;
}

#content ul li img {
	border: 				1px solid #e2e1e1;	
}

#content ul li div {
	width: 					244px;
	height: 				77px;
	background-image: 		url(../img/projectinfo.gif);
	margin-top: 			-3px;
	position:				relative;
}

#content ul li div h1 {
	color: 					#393939;
	font-family: 			arial;
	font-weight: 			bold;
	font-size: 				12px;
	border-bottom: 			1px dotted #393939;
	width: 					235px;
	height: 				20px;
	margin: 				auto;
	padding-top:			5px;
	text-indent: 			5px;
}

#content ul li div a {
	width: 					107px;
	height: 				29px;
	background-image:		url(../img/btnproject.gif);
	display: 				block;
	text-indent: 			0px;
	font-family: 			Verdana, Geneva, sans-serif;
	font-size: 				11px;
	color:					#606060;
	font-weight:			bold;
	text-decoration:		none;
	text-align: 			center;
	right: 					0px;
	bottom: 				0px;
	position: 				absolute;
	line-height:			29px;
}

.inputfield {
	background-color: 		#9daec6;
	height:					19px;
	border:					1px solid #748cae;
	padding-top:            6px;
	padding-left:           5px;
	color:					#163e76;
	margin-bottom:			2px;
}

.textfield {
	background-color: 		#9daec6;
	height:					140px;
	border:					1px solid #748cae;
	line-height:			25px;
	padding-left:           5px;
	color:					#163e76;
	margin-bottom:			2px;
	font-family:			arial, Geneva, sans-serif;
	font-size:				12px;
}

#footer {
	width:					769px;
	height:					95px;
	position:				absolute;
	background-image:		url(../img/footer_bg.gif);
	background-repeat:		no-repeat;
	bottom: 				14px;
	left: 					9px;

}

#footer ul {
	padding-top: 			27px;
	padding-left: 			15px;
	font-family: 			verdana;
	font-size: 				10px;
	color: 					#163f77;
}

#footer ul li {
	padding-top: 			2px;
	padding-bottom: 		2px;

}

#footer ul li a:link, #footer ul li a:visited, #footer ul li a:active  {
	color: 					#163f77;
	text-decoration:		none;
	background-image:		url(../img/bullet.gif);
	background-repeat:		no-repeat;
	background-position:	0px 5px;
	padding-left:			8px;
}

#footer ul li a:hover {
	color: 					#163f77;
	text-decoration:		underline;
}

#footer #btnTotop {
	height: 				25px;
	width: 					25px;
	position: 				absolute;
	right: 					0px;
	bottom: 				0px;
	background-image: 		url(../img/button_totop.gif);
	text-indent: 			-9999px;
}

a:link, a:active, a:visited {
	color: 					#163f77;
	text-decoration: 		underline;
}
a:hover {
	text-decoration: 		none;	
}

.nomargin {
	margin: 0px !important;	
}
.nomarginR {
	margin-right: 0px !important;	
}
