@charset "utf-8";
body {
	font: Calibri;
	font-size:13px;
	line-height: 20px;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #003652;
	background-image: url(../img/bg.jpg);
	background-repeat: repeat-x;
}
.oneColFixCtrHdr #container {
	width: 835px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #FFFFFF;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
	padding: 30px;
}

.oneColFixCtrHdr #header {
	  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
	
	background-image: url(../img/headerimg.jpg);
	height: 185px;
	
}

#logo {
	width:160px;
	height:185px;
	float: left;
	
}
/* menu slash bedrijven*/
.oneColFixCtrHdr #bedrijven {
	/* remember that padding is the space inside the div box and margin is the space outside the div box */
	width: 237px;
	height: 185px;
	float: left;
	
	
	
	
}
.oneColFixCtrHdr #bedrijven ul {
	list-style-type: none;
	line-height:31px;
	font-family:Calibri;
	margin:0px;
	padding:0px;
}
#bedrijven li{
	margin-bottom: 0px;
	
	
	
}
	
#bedrijven li a{
	display:block;
	font-family: Calibri, Arial;
	font-size: 13px;
	text-decoration: none;
	text-align:left;
	color:#fff;
	width:226px;
	height:30px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #FFF;
	border-bottom-color: #FFF;
	padding-left:10px;
	
	
	
}
#bedrijven li a:hover{
	display:block;
	font-family: Calibri, Arial;
	font-size: 13px;
	text-decoration: none;
	text-align:left;
	color:#fff;
	width:226px;
	height:30px;
	background-color:#009de0;
	
	
	
}
/* eind slash menu*/

.oneColFixCtrHdr #project{
	float: left;
	width: 144px;
	height:185px;
	margin-left:2px;
	
	
}
.oneColFixCtrHdr #project a{
	font-family: Calibri;
	font-size:12px;
	color: #fff;
	text-decoration:none;
	width:95px;
	height:110px;
	display:block;
	padding-top:75px;
	padding-left:50px;	
}
.oneColFixCtrHdr #project a:hover{
	font-family: Calibri;
	font-size:12px;
	color: #fff;
	text-decoration:none;
	background-color:#009de0;
	width:95px;
	height:110px;
	display:block;
	padding-top:75px;
	padding-left:50px;
}
.oneColFixCtrHdr #contacthome{
	float: left;
	width:144px;
	height:185px;
	
	
	
}
.oneColFixCtrHdr #contacthome a{
	font-family: Calibri;
	font-size:12px;
	color: #fff;
	text-decoration:none;
	width:95px;
	height:110px;
	display:block;
	padding-top:75px;
	padding-left:50px;	
		
}
.oneColFixCtrHdr #contacthome a:hover{
	font-family: Calibri;
	font-size:12px;
	color: #fff;
	text-decoration:none;
	background-color:#009de0;
	width:95px;
	height:110px;
	display:block;
	padding-top:75px;
	padding-left:50px;		
	
}
/* menu rechts*/
.oneColFixCtrHdr #navright {
	/* remember that padding is the space inside the div box and margin is the space outside the div box */
	width: 144px;
	height:185px;
	float:left;
	margin-left:1px;
	
	
	
		
}
.oneColFixCtrHdr #navright ul {
	list-style-type: none;
	line-height:30px;
	font-family:Calibri;
	margin:0px;
	padding:0px;
	
	
}
#navright li{
	margin-bottom: 0px;
}
	
#navright li a{
	display:block;
	font-family: Calibri, Arial;
	font-size: 13px;
	text-decoration: none;
	text-align:left;
	color:#fff;
	width:135px;
	height:30px;
	border-left-width: 1px;
	border-bottom-width: 1px;
	border-left-style: solid;
	border-bottom-style: solid;
	border-left-color: #FFF;
	border-bottom-color: #FFF;
	padding-left:10px;
	
	
}
#navright li a:hover{
	display:block;
	font-family: Calibri, Arial;
	font-size: 13px;
	text-decoration: none;
	text-align:left;
	color:#fff;
	width:135px;
	height:30px;
	background-color:#009de0;
	border-left-width: 1px;
	border-bottom-width: 1px;
	border-left-style: solid;
	border-bottom-style: solid;
	border-left-color: #FFF;
	border-bottom-color: #FFF;
	padding-left:10px;
}
/* eind menu rechts*/


.oneColFixCtrHdr #mainContent {
	padding: 0 0px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	background: #FFFFFF;
}
#casus {
	float: left;
	width:520px;
	padding-top: 30px;
}

#contentlinksalg {
	float: left;
	width:520px;
	padding-top: 30px;
	font-family: Calibri, Arial;
	font-size: 12px;
	
}
#beeldproject {
	float: left;
	width:260px;
	height: 336px;
	margin-top: 0px;
	
}
#beeld {
	width:250px;
	height: 201px;
	
	
}
#title {
	width:230px;
	height: 25px;
	background-color:#009de0;
	padding-left: 10px;
	padding-top: 5px;
	padding-right: 10px;
	color: #FFF;
	font-family: Calibri, Arial;
	font-size: 12px;
}
#tekst {
	width:240px;
	padding-left: 0px;
	padding-top: 10px;
	padding-right: 10px;
	font-family: Calibri, Arial;
	font-size: 12px;
	color: #009de0;
	height:115px;
}
#tekst a{
	color:#009de0;
	text-decoration:none;
}
#tekst a:link{
	color:#009de0;
	text-decoration:none;
}
#tekst a:visited{
	color:#009de0;
	text-decoration:none;
}
#tekst a:active{
	color:#009de0;
	text-decoration:none;
}
#tekst a:hover{
	color:#009de0;
	text-decoration:underline;
}



#beeldprojectgroot {
	float: left;
	width:510px;
	margin-top: 0px;
	padding-bottom:20px;
	
}
#lijst {
	float: left;
	width:290px;
	padding-top: 30px;
	padding-left: 25px;
	font-family: Calibri, Arial;
	font-size: 14px;
	color:#003652;
	
}
#infoalg {
	float: left;
	width:290px;
	padding-top: 30px;
	padding-left: 25px;
	font-family: Calibri, Arial;
	font-size: 12px;
	color:#003652;
	
}
h1{
	font-family: Calibri, Arial;
	font-size: 20px;
	color: #003652;
	margin-top:0px;
	font-weight:normal;
}
h2{
	font-family: Calibri, Arial;
	font-size: 20px;
	color: #003652;
	margin-top:0px;
	margin-bottom: 2px;
	font-weight:normal;
}
hr{
	color: #009de0;
	height: 1px;
	width: 290px;
}
.oneColFixCtrHdr #footer {
	clear: left;
	 /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background:#fff;
	padding-top:20px;
}
.oneColFixCtrHdr #bright{
	float:left;
	width: 160px;
}
.oneColFixCtrHdr #fraaiedingen{
	float:left;
	width: 160px;
}
.oneColFixCtrHdr #hertogs{
	float:left;
	width: 160px;
}
.oneColFixCtrHdr #nickfranken{
	float:left;
	width: 160px;
}
.oneColFixCtrHdr #kortenbondig{
	float:left;
	width: 160px;
}
.oneColFixCtrHdr #footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}
.blauw:link{
	
}
.inputfield {
	border: solid 1px #009de0; padding: 2px; width: 300px;
}
.tkstblauw{
	color: #009de0;
	font-size:12px;
	font-family: Calibri;
}
#bright a{
	color:#009de0;
	text-decoration:none;
}
#bright a:link{
	color:#009de0;
	text-decoration:none;
}
#bright a:visited{
	color:#009de0;
	text-decoration:none;
}
#bright a:active{
	color:#009de0;
	text-decoration:none;
}
#bright a:hover{
	color:#009de0;
	text-decoration:underline;
}
#hertogs a{
	color:#009de0;
	text-decoration:none;
}

#hertogs a:link{
	color:#009de0;
	text-decoration:none;
}
#hertogs a:visited{
	color:#009de0;
	text-decoration:none;
}
#hertogs a:active{
	color:#009de0;
	text-decoration:none;
}
#hertogs a:hover{
	color:#009de0;
	text-decoration:underline;
}

#hertogs a:visited{
	color:#009de0;
	text-decoration:none;
}
#fraaiedingen a{
	color:#009de0;
	text-decoration:none;
}

#fraaiedingena:link{
	color:#009de0;
	text-decoration:none;
}
#fraaiedingena:visited{
	color:#009de0;
	text-decoration:none;
}
#fraaiedingena:active{
	color:#009de0;
	text-decoration:none;
}
#fraaiedingen a:hover{
	color:#009de0;
	text-decoration:underline;
}

#fraaiedingen a:visited{
	color:#009de0;
	text-decoration:none;
}
#nickfranken a{
	color:#009de0;
	text-decoration:none;
}

#nickfranken a:link{
	color:#009de0;
	text-decoration:none;
}
#nickfranken a:visited{
	color:#009de0;
	text-decoration:none;
}
#nickfranken a:active{
	color:#009de0;
	text-decoration:none;
}
#nickfranken a:hover{
	color:#009de0;
	text-decoration:underline;
}

#nickfranken a:visited{
	color:#009de0;
	text-decoration:none;
}
#kortenbondig a{
	color:#009de0;
	text-decoration:none;
}

#kortenbondig a:link{
	color:#009de0;
	text-decoration:none;
}
#kortenbondig a:visited{
	color:#009de0;
	text-decoration:none;
}
#kortenbondig a:active{
	color:#009de0;
	text-decoration:none;
}
#kortenbondig a:hover{
	color:#009de0;
	text-decoration:underline;
}

#kortenbondig a:visited{
	color:#009de0;
	text-decoration:none;
}
#infoalg a{
	color:#009de0;
	text-decoration:none;
}

#infoalg a:link{
	color:#009de0;
	text-decoration:none;
}
#infoalg a:visited{
	color:#009de0;
	text-decoration:none;
}
#infoalg a:active{
	color:#009de0;
	text-decoration:none;
}
#infoalg a:hover{
	color:#009de0;
	text-decoration:underline;
}