@charset "utf-8";

html,body {
	margin:0;
	padding:0;
	font-family:arial, sans-serif;
	background-color: #090a0c;
	font-size: 12px;
	background-image: url(layout/test2_bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
		}
	
#containerHome {
	width: 996px;
	height: 791px;
		background-image: url(bg/homeD.jpg);
	background-repeat: no-repeat;
	margin: 0 auto;
	padding-left: 27px;
	background-position: left top;
}

#containerVacatures {
	width: 996px;
	height: 791px;
	background-image: url(bg/homeD.jpg);
	background-repeat: no-repeat;
	margin: 0 auto;
	padding-left: 27px;
}
#containerContact {
	width: 996px;
	height: 791px;
	background-image: url(bg/homeD.jpg);
	background-repeat: no-repeat;
	margin: 0 auto;
	padding-left: 27px;
}
#containerBewoners {
	width: 996px;
	height: 791px;
	background-image: url(bg/homeE.jpg);
	background-repeat: no-repeat;
	margin: 0 auto;
	padding-left: 27px;
}
#containerOpdrachtgevers{
	width: 996px;
	height: 791px;
	background-image: url(bg/homeE.jpg);
	background-repeat: no-repeat;
	margin: 0 auto;
	padding-left: 27px;
}

#containerLinks{
	width: 996px;
	height: 791px;
	background-image: url(bg/homeE.jpg);
	background-repeat: no-repeat;
	margin: 0 auto;
	padding-left: 27px;
}
#header{
float:left;
height: 133px;
width: 946px;

}

#logo{
float:left;
display: inline;
height: 133px;
width: 300px;
}
#topmenu{
	float:left;
	display: inline;
	height: 83px;
	width: 646px;
	margin-top:50px;
	text-align: right;
}

#main{
float:left;
height: 552px;
width: 946px;

}

#nav{
	float:left;
	display: inline;
	width: 260px;
	margin-left: 140px;
	margin-top: 103px;
	}
	#navB{
	float:left;
	display: inline;
	width: 300px;
	margin-left: 100px;
	margin-top: 103px;
	}
#navlinks a{
	background-image: url(layout/arrow.jpg);
	background-repeat: no-repeat;
	padding-left: 20px;
	color: #FFFFFF;
	text-decoration: none;
	font-size: 14px;
	height: 25px;
	float:left;
	width: 170px;	
	background-position: 0px 2px;
}
#navlinks a:hover{color: #848080;}

#navlinksB a{
	background-image: url(layout/arrowB.jpg);
	background-repeat: no-repeat;
	padding-left: 20px;
	color: #FFFFFF;
	text-decoration: none;
	font-size: 14px;
	height: 25px;
	float:left;
	width: 170px;	
	background-position: 0px 2px;
}
#navlinksB a:hover{color: #848080;}

#navlinksC a{
	background-image: url(layout/arrowC.jpg);
	background-repeat: no-repeat;
	padding-left: 30px;
	color: #848080;
	text-decoration: none;
	font-size: 14px;
	height: 25px;
	float:left;
	width: 160px;
	background-position: 10px 2px;
}
#navlinksC a:hover{color: #FFFFFF;}
#content{
	float:left;
	display: inline;
	width: 545px;
	height: 465px;	
	color: #FFFFFF;
	margin-top: 50px;
	}

#kop{
	color: #f47920;
	float:left;
	font-size: 24px;
	height: 25px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 25px;
	margin-left: 0px;
	font-weight: normal;
}
#kop2{
	color: #f47920;
	float:left;
	font-size: 18px;
	height: 25px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 25px;
	margin-left: 0px;
	font-weight: normal;
}
#flow{
	float:left;
	width: 525px;
	height: 400px;
	overflow:auto;
	color: #ffffff;
	line-height: 20px;
	padding: 10px;
	scrollbar-arrow-color: #a39f9f;
	scrollbar-face-color: #3b3a3a;
	scrollbar-highlight-color: #3b3a3a;
	scrollbar-3dlight-color: #3b3a3a;
	scrollbar-shadow-color: #3b3a3a;
	scrollbar-darkshadow-color: #3b3a3a;
	scrollbar-track-color: #222222;
	
	
	}
	#flowBR{
	float:left;
	width: 525px;
	height: 400px;
	overflow:auto;
	color: #ffffff;
	line-height: 0px;
	padding: 0px;
	scrollbar-arrow-color: #a39f9f;
	scrollbar-face-color: #3b3a3a;
	scrollbar-highlight-color: #3b3a3a;
	scrollbar-3dlight-color: #3b3a3a;
	scrollbar-shadow-color: #3b3a3a;
	scrollbar-darkshadow-color: #3b3a3a;
	scrollbar-track-color: #222222;
	
	
	}
	
	#flowB{
	float:left;
	width: 525px;
	height: 450px;
	color: #ffffff;
	line-height: 20px;
	padding: 10px;
	
	
	}
#flow a{
	color: #f47920;
	text-decoration: none;
}
#flow a:hover{
	color: #f47920;
	text-decoration: underline;
}
#subnav{
padding-top: 13px;
float:left;
height: 37px;
width: 946px;
}
#subnav a{
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: none;
	margin-right: 20px;
}
#subnav a:hover{
	color: #f47920;
	}
	
#footer{
	float:left;
	width: 946px;
	margin-top: 13px;
	font-size: 10px;
	color: #c4c2c2;
	text-align: left;
}
#footer a{
	color: #c4c2c2;
	text-decoration: none;
	
}
#textfield{
	font-family: Arial, Helvetica, sans-serif;
	background-color: #ffffff;
	font-size: 12px;
	width: 175px;
	height: 16px;
	color: #222222;
	border: 1px solid #222222;
	margin-top: 3px;
	margin-bottom: 3px;
}
#textarea{
	font-family: Arial, Helvetica, sans-serif;
	background-color: #ffffff;
	font-size: 12px;
	width: 175px;
	height: 75px;
	color: #222222;
	border: 1px solid #222222;
	margin-top: 3px;
	margin-bottom: 3px;
}
#button{
	font-family: Arial, Helvetica, sans-serif;
	background-color: #222222;
	font-size: 12px;
	width: 180px;
	height: 20px;
	color: #FFFFFF;
	border: 1px solid #FFFFFF;
	margin-top: 3px;
	margin-bottom: 3px;
}

#selectfield{
	font-family: Arial, Helvetica, sans-serif;
	background-color: #000000;
	font-size: 12px;
	width: 180px;
	height: 20px;
	color: #FFFFFF;
	border: 1px solid #222222;
	margin-top: 3px;
	margin-bottom: 3px;
}

h1{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: normal;
	color: #f47920;
	margin: 0px;
	padding: 0px;
}