/* --------------------------------------------------------------------------------------------------------
html en body
---------------------------------------------------------------------------------------------------------*/

html {
	/* voor het tonen van de (non)actieve scrolbar, zodat de pagina niet verschuift */
	height: 					100%;
	overflow: 				-moz-scrollbars-vertical; 
}

body {
	background:				#FFF url("../images/bg.gif") repeat-y scroll 0 0;
	text-align:				center; /* voor het centreren van de pagewrapper tov de achtergrond */
	height: 					100%;
	margin:					0px; /* de afstand tussen de randen van browser en de pagewrapper */
	font:						normal 0.7em/1.4em Trebuchet MS, Arial, Verdana, Tahoma; /* geldt voor de hele pagina */
}

/* --------------------------------------------------------------------------------------------------------
container (de ruimte waarin alle onderdelen komen binnen de achtergrond)
---------------------------------------------------------------------------------------------------------*/

div.container {
	margin:					auto; /* voor het centreren van de container tov de achtergrond in FF */
	width:					895px; /* dit is de breedte van de container, voor 800x600 -> 760px, voor 1024x768 -> 984px */
	height:					100%;
	border:					0;
	background-color:		#FFF;
	text-align:				left; /* zonder deze zou alles IN de pagewrapper ook gecentreerd worden */
}


/* --------------------------------------------------------------------------------------------------------
basis, onderstaande geldt voor alle benoemde tags in het html document
---------------------------------------------------------------------------------------------------------*/

table {
	border:					0;
	border-collapse:		collapse;
	margin:					0;
	padding:					0;
}

td {
	vertical-align:		top;
}

form {
	margin:					1em 0;
	padding:					0;
}

a, a:visited {
	color:					#00ABE6;
	text-decoration:		underline;
}

a:hover, a:active {
	color:					#004990;
	text-decoration:		underline;
}

img {
	border:					0;
}

ul {
	/* dit zorgt ervoor dat lijsten in FF en IE er hetzelfde uitziet en netjes links aan de pagina lijnt, zonder inspringen */
	/* voor de navigatie zijn andere instellingen */
	margin:					0 0 0 15px;
	padding:					0;
}

p {
	/* zorgt ervoor dat de default padding en margin van P in FF en IE gelijk is (hoop ik) */
	margin:					1em 0;
}

/* --------------------------------------------------------------------------------------------------------
basis layout hulpmiddelen
---------------------------------------------------------------------------------------------------------*/

.left {
	/* hieromheen altijd een div met class=wrapper (zie hieronder) plaatsen */
	/* op meerdere plaatsen te gebruiken */
	float:					left;
}

.right {
	/* hieromheen altijd een div met class=wrapper (zie hieronder) plaatsen */
	/* op meerdere plaatsen te gebruiken */
	float:					right;
}

.wrapper {
	/* deze 'wrapper' zorgt ervoor dat de float=left en float=right 's die hierin staan netjes worden afgesloten en alles wat eronder komt weer gewoon links daaronder begint (flowt)! */
	width:					100%;
	overflow:				hidden;
}

.clear {
	/* hoef je niet te gebruiken als je 3 bovenstaande declaraties GOED gebruikt. Clear kan je eventueel toevoegen aan opvolgend element als daarvoor een float is gebruikt. float zegt iets over aangrenzende elementen namelijk. clear cleart dus alle daarvoor gedefinieerde floats */
	clear:					both;
}

/* --------------------------------------------------------------------------------------------------------
headings
---------------------------------------------------------------------------------------------------------*/

h1, h2, h3, h4, h5, h6 {
	margin:					0;
	padding:					0;
}

h1 {
	color:					#004990;
	font-size:				1.9em;
	font-weight:			bold;
	margin:					0 0 10px 0;
}

h2 {
	color:					#004990;
	font-size:				1.6em;
	font-weight:			normal;
	margin:					15px 0 5px 0;
}

h3 {
	color:					#004990;
	font-size:				1.3em;
	font-weight:			bold;
	margin:					0 0 12px 0;
	background:				#FFF url("../images/bg_dotted_h3.gif") repeat-x scroll 0 bottom;
	padding-bottom:		6px;
}

h4 {
	color:					#004990;
	font-size:				1.1em;
	font-weight:			bold;
	margin:					10px 0 0 0;
}

h5 {
	color:					#004990;
	font-size:				1em;
	font-weight:			bold;
	margin:					10px 0 0 0;
	margin-bottom:			0;
}


/* --------------------------------------------------------------------------------------------------------
buttons met border (btnb) en zonder border (btn)
---------------------------------------------------------------------------------------------------------*/

/* button met border woningaanbod (oranje) --------------------------------------------------------------*/
a.btnb-woningaanbod, a.btnb-woningaanbod:visited, a.btnb-woningaanbod:hover {
	padding:					2px 18px 2px 8px;
	border-top:				solid 1px #CCC;
	border-right:			solid 1px #999;
	border-bottom:			solid 1px #999;
	border-left:			solid 1px #CCC;
	color:					#E2790B;
	font-weight:			bold;
	font-size:				1.2em;
	text-decoration:		none;
	background:				#FFF url("../images/bg_arrow_btn_woningaanbod.gif") no-repeat scroll right 3px;
	margin:					5px;
}

a.btnb-woningaanbod:active {
	padding:					1px 18px 3px 8px;
	border-top:				solid 1px #999;
	border-right:			solid 1px #CCC;
	border-bottom:			solid 1px #CCC;
	border-left:			solid 1px #999;
	background:				#FFF url("../images/bg_arrow_btn_woningaanbod.gif") no-repeat scroll right 2px;
}

/* button met border nieuws (rood) --------------------------------------------------------------*/
a.btnb-nieuws, a.btnb-nieuws:visited, a.btnb-nieuws:hover {
	padding:					2px 18px 2px 8px;
	border-top:				solid 1px #CCC;
	border-right:			solid 1px #999;
	border-bottom:			solid 1px #999;
	border-left:			solid 1px #CCC;
	color:					#C60000;
	font-weight:			bold;
	font-size:				1.2em;
	text-decoration:		none;
	background:				#FFF url("../images/bg_arrow_btn_nieuws.gif") no-repeat scroll right 3px;
	margin:					5px;
}

a.btnb-woningaanbod:active {
	padding:					1px 18px 3px 8px;
	border-top:				solid 1px #999;
	border-right:			solid 1px #CCC;
	border-bottom:			solid 1px #CCC;
	border-left:			solid 1px #999;
	background:				#FFF url("../images/bg_arrow_btn_woningaanbod.gif") no-repeat scroll right 2px;
}

/* button met border overvathorst (groen) --------------------------------------------------------------*/
a.btnb-overvathorst, a.btnb-overvathorst:visited, a.btnb-overvathorst:hover {
	padding:					2px 18px 2px 8px;
	border-top:				solid 1px #CCC;
	border-right:			solid 1px #999;
	border-bottom:			solid 1px #999;
	border-left:			solid 1px #CCC;
	color:					#7BA712;
	font-weight:			bold;
	font-size:				1.2em;
	text-decoration:		none;
	background:				#FFF url("../images/bg_arrow_btn_overvathorst.gif") no-repeat scroll right 3px;
	margin:					5px;
}

a.btnb-woningaanbod:active {
	padding:					1px 18px 3px 8px;
	border-top:				solid 1px #999;
	border-right:			solid 1px #CCC;
	border-bottom:			solid 1px #CCC;
	border-left:			solid 1px #999;
	background:				#FFF url("../images/bg_arrow_btn_woningaanbod.gif") no-repeat scroll right 2px;
}

/* button zonder border algemeen (blauw) --------------------------------------------------------------*/
a.btn-algemeen, a.btn-algemeen:visited {
	padding:					2px 18px 2px 0px;
	color:					#004990;
	font-weight:			bold;
	font-size:				1.2em;
	line-height:			16px;
	text-decoration:		none;
	background:				transparent url("../images/bg_arrow_btn_algemeen.gif") no-repeat scroll right 4px;
}

a.btn-algemeen:hover, a.btn-algemeen:active {
	text-decoration:		underline;
}

/* button zonder border woningaanbod (oranje) ------------------------------------------------------------*/
a.btn-woningaanbod, a.btn-woningaanbod:visited {
	padding:					2px 18px 2px 0px;
	color:					#E2790B;
	font-weight:			bold;
	font-size:				1.2em;
	line-height:			16px;
	text-decoration:		none;
	background:				transparent url("../images/bg_arrow_btn_woningaanbod.gif") no-repeat scroll right 4px;
}

a.btn-woningaanbod:hover, a.btn-woningaanbod:active {
	text-decoration:		underline;
}

/* button zonder border nieuws (rood) --------------------------------------------------------------------*/
a.btn-nieuws, a.btn-nieuws:visited {
	padding:					2px 18px 2px 0px;
	color:					#C60000;
	font-weight:			bold;
	font-size:				1.2em;
	line-height:			16px;
	text-decoration:		none;
	background:				transparent url("../images/bg_arrow_btn_nieuws.gif") no-repeat scroll right 4px;
}

a.btn-nieuws:hover, a.btn-nieuws:active {
	text-decoration:		underline;
}

/* button zonder border overvathorst (groen) --------------------------------------------------------------*/
a.btn-overvathorst, a.btn-overvathorst:visited {
	padding:					2px 18px 2px 0px;
	color:					#7BA712;
	font-weight:			bold;
	font-size:				1.2em;
	line-height:			16px;
	text-decoration:		none;
	background:				transparent url("../images/bg_arrow_btn_overvathorst.gif") no-repeat scroll right 4px;
}

a.btn-overvathorst:hover, a.btn-overvathorst:active {
	text-decoration:		underline;
}


/* --------------------------------------------------------------------------------------------------------
header (logo en zoeken)
---------------------------------------------------------------------------------------------------------*/

div.header {
	width:					895px;
	height:					105px;
}

div.zoek {
	display:					none;
}

div.logo {
	float:					none;
}

/* --------------------------------------------------------------------------------------------------------
primary navigation (de bovenste tabjes in de pagina (WONINGAABOD | NIEUWS | OVER VATHORST))
---------------------------------------------------------------------------------------------------------*/

div.primnav {
	display:					none;
}

/* --------------------------------------------------------------------------------------------------------
sub navigation (de linker navigatie in de kleuren van de tabjes)
---------------------------------------------------------------------------------------------------------*/

ul.subnav {
	display:					none;
}
div.subnav-woningaanbod {
	display:					none;
}

div.subnav-nieuws {
	display:					none;
}

div.subnav-overvathorst {
	display:					none;
}

/* --------------------------------------------------------------------------------------------------------
sub3nav (tabjes in de content)
---------------------------------------------------------------------------------------------------------*/

div.sub3nav {
	display:					none;
}

/* --------------------------------------------------------------------------------------------------------
sub4nav (in content gedeelte)
---------------------------------------------------------------------------------------------------------*/

div.sub4nav {
	border:					solid 1px #CFDDEA;
	padding:					3px 0;
	margin:					20px 0;
}

ul.sub4nav {
	list-style-type:		none;
	margin:					0;
	padding:					0 0 0 5px;
}

ul.sub4nav li a, ul.sub4nav li a:visited {
	font-size:				1.2em;
	line-height:			160%;
}

/* --------------------------------------------------------------------------------------------------------
subnav nieuws
---------------------------------------------------------------------------------------------------------*/

div.sub5nav-nieuws {
	border:					solid 1px #CFDDEA;
	padding:					3px 0;
	margin:					0 0 20px 0;
}

ul.sub5nav-nieuws {
	list-style-type:		none;
	margin:					0;
	padding:					0 0 0 5px;
}

ul.sub5nav-nieuws li a, ul.sub5nav-nieuws li a:visited {
	font-size:				1.3em;
	line-height:			160%;
	font-weight:			bold;
}

/* --------------------------------------------------------------------------------------------------------
veelgestelde vragen top 5
---------------------------------------------------------------------------------------------------------*/

div.vgvragentop5 {
	padding:					2px 0;
	margin:					0 0 20px 0;
}

ol.vgvragentop5 {
	margin:					0;
	padding:					0 0 0 25px;
}

ol.vgvragentop5 li a, ol.vgvragentop5 li a:visited {
	font-size:				1.2em;
	line-height:			160%;
}


/* --------------------------------------------------------------------------------------------------------
sidebar left
---------------------------------------------------------------------------------------------------------*/

div.sidebarleft {
	display:					none;
}

/* --------------------------------------------------------------------------------------------------------
sidebar right
---------------------------------------------------------------------------------------------------------*/

div.sidebarright {
	display:					none;
}

div.sidebarrighttabs {
	display:					none;
}


/* --------------------------------------------------------------------------------------------------------
content
---------------------------------------------------------------------------------------------------------*/

div.content {
	width:					455px;
	float:					none;
}

div.content-large {
	width:					675px;
	float:					none;
}

/* woningenzoeken ---------------------------------------------------------------------------------------*/

div.woningenzoeken a {
	display:					block;
}

/* wijken -----------------------------------------------------------------------------------------------*/

div.wijken {
	padding:					20px 0;
}

div.wijken a, div.wijken a:visited {
	font-size:				0.9em;
	color:					#004990;
	text-decoration:		none;
}

div.wijken a:hover, div.wijken a:active {
	text-decoration:		underline;
}

div.wijken div div {
	border:					solid 1px #CFDDEA;
	margin-right:			1px;
}

div.wijken div div img {
	border:					solid 2px #FFF;
}

/* wijken-breed ------------------------------------------------------------------------------------------*/

div.wijken-breed {
	padding:					20px 0;
}

div.wijken-breed a, div.wijken-breed a:visited {
	font-size:				1em;
	color:					#004990;
	font-weight:			bold;
	text-decoration:		none;
}

div.wijken-breed a:hover, div.wijken-breed a:active {
	text-decoration:		underline;
}

div.wijken-breed div div {
	border:					solid 1px #CFDDEA;
	margin-right:			1px;
}

div.wijken-breed div div img {
	border:					solid 2px #FFF;
}


/* wijken details ---------------------------------------------------------------------------------------*/

div.sfeerbeeld {
	margin:					0 0 20px 0;
	border:					solid 1px #CFDDEA;
}

div.sfeerbeeld img {
	border:					solid 2px #FFF;
}

div.beschrijving {
	width:					232px;
	padding-bottom:		20px;
}

div.beschrijving-breed {
	width:					455px;
	padding-bottom:		20px;
}

div.video {
	width:					202px;
	padding-bottom:		20px;
}

/* typeopsomming ----------------------------------------------------------------------------------------*/

div.typeopsomming {
	margin:					20px 0;
}

div.typeopsomming div.type {
	margin:					5px 0;
}

div.typeopsomming div.type-image {
	margin-right:			10px;
	border:					solid 1px #CFDDEA;
}

div.typeopsomming div.type-image img {
	border:					solid 2px #FFF;
}

div.typeopsomming div.type-tekst {
	width:					369px;
}

div.typeopsomming div.type-tekst a {
	font-size:				1.3em;
	font-weight:			bold;
	margin-right:			10px;
}

div.typeopsomming div.type-tekst span.vanafprijs {
	font-size:				1.2em;
	font-weight:			bold;
}

span.inwijk {
	color:					#888;
}

span.status {
	text-transform: 		uppercase;
	color:					#FFF;
	font-size:				90%;
	letter-spacing:		0.1em;
	padding:					0 5px;
	margin-right:			5px;
	font-weight:			bold;
}

.tekoop {
	background-color:		#ACAF6F;
}

.binnenkort {
	background-color:		#BA8762;
}

.verkocht {
	background-color:		#BDC9D5;
}

div.afbeelding {
	margin:					0 0 20px 0;
	border:					solid 1px #CFDDEA;
}

div.afbeelding img {
	border:					solid 2px #FFF;
}

/* projectopsomming --------------------------------------------------------------------------------------*/

div.projectopsomming-small {
	margin:					20px 0;
}

div.projectopsomming-small div.column {
	width:					220px;
}

div.projectopsomming-small div.project {
	width:					220px;
	margin:					3px 0;
}

div.projectopsomming-small div.project-image {
	margin-right:			5px;
	border:					solid 1px #CFDDEA;
}

div.projectopsomming-small div.project-image img {
	border:					solid 2px #FFF;
}

div.projectopsomming-small div.project-tekst {
	width:					155px;
}

div.projectopsomming-small div.project-tekst a {
	font-size:				1.2em;
/*	line-height:			50px;*/
}


/* tabel planning --------------------------------------------------------------------------------------*/

div.tabel-planning {
	border:					solid 1px #CFDDEA;
	margin:					0.5em 0;
}

div.tabel-planning table {
	border:					solid 2px #FFF;
	table-layout:			fixed;
	border-collapse:		separate;
}

div.tabel-planning table th {
	background-color:		#004990;
	color:					#FFF;
	padding:					3px 10px;
}

div.tabel-planning table td {
	padding:					3px 10px;
	background:				#DAEEF7 url("../images/bg_dotted_tabel-planning.gif") repeat-y scroll top right;
}

/* tabel kenmerken -------------------------------------------------------------------------------------*/

div.tabel-kenmerken {
	border:					solid 1px #CFDDEA;
	margin:					0.5em 0;
	width:					70%;
}

div.tabel-kenmerken table {
	border:					solid 2px #FFF;
	border-collapse:		separate;
	table-layout:			fixed;
}

div.tabel-kenmerken table th {
	color:					#FFF;
	padding:					3px 10px;
	background:				#004990 url("../images/bg_dotted_tabel_kenmerken.gif") repeat-x scroll 0 bottom;
}

div.tabel-kenmerken table td {
	padding:					3px 10px;
	background:				#DAEEF7 url("../images/bg_dotted_tabel_kenmerken.gif") repeat-x scroll 0 bottom;
}

/* tabel blauw -------------------------------------------------------------------------------------*/

div.tabel-blauw {
	border:					solid 1px #CFDDEA;
	margin:					0.5em 0;
}

div.tabel-blauw table {
	border:					solid 2px #FFF;
	border-collapse:		separate;
	table-layout:			fixed;
}

div.tabel-blauw table th, div.tabel-blauw table td {
	padding:					3px 10px;
	vertical-align:      top;
}

div.tabel-blauw table th {
	color:					#FFF;
	background:				#004990 url("../images/bg_dotted_tabel_kenmerken.gif") repeat-x scroll 0 bottom;
}

div.tabel-blauw table td {
	background:				#DAEEF7 url("../images/bg_dotted_tabel_kenmerken.gif") repeat-x scroll 0 bottom;
}




/* sorteren zoekresultaat  ------------------------------------------------------------------------------*/

div.sorteren {
	background-color:		#DDD;
	padding:					5px 10px;
	margin:					10px 0;
}

div.sorteren a, div.sorteren a:visited {
	color:					#666;
}

div.sorteren a:hover, div.sorteren a:active {
	color:					#333;
}

/* belangrijke momenten opsomming ------------------------------------------------------------------------*/

div.momentopsomming {
	margin:					20px 0;
}

div.momentopsomming div.moment {
	margin:					7px 0;
}

div.momentopsomming div.moment-datum {
	width:					70px;
	border:					solid 1px #DAEEF7;
}

div.momentopsomming div.moment-datum div.maand {
	background-color:		#004990;
	text-align:				center;
	color:					#FFF;
	font-weight:			bold;
	line-height:			170%;
	border-left:			solid 2px #FFF;
	border-right:			solid 2px #FFF;
	border-top:				solid 2px #FFF;
}

div.momentopsomming div.moment-datum div.dag {
	background-color:		#DAEEF7;
	text-align:				center;
	color:					#004990;
	font-weight:			bold;
	line-height:			2em;
	font-size:				1.9em;
	border-left:			solid 2px #FFF;
	border-right:			solid 2px #FFF;
	border-bottom:			solid 2px #FFF;
}

div.momentopsomming div.moment-tekst {
	width:					369px;
}

div.momentopsomming div.moment-tekst a {
	font-size:				1.3em;
	font-weight:			bold;
	margin-right:			10px;
	display:					block;
}



/* evenementen opsomming ------------------------------------------------------------------------*/

div.evenementopsomming {
	margin:					20px 0;
}

div.evenementopsomming div.evenement {
	margin:					7px 0;
}

div.evenementopsomming div.evenement-datum {
	width:					70px;
	border:					solid 1px #DAEEF7;
}

div.evenementopsomming div.evenement-datum div.maand {
	background-color:		#004990;
	text-align:				center;
	color:					#FFF;
	font-weight:			bold;
	line-height:			170%;
	border-left:			solid 2px #FFF;
	border-right:			solid 2px #FFF;
	border-top:				solid 2px #FFF;
}

div.evenementopsomming div.evenement-datum div.dag {
	background-color:		#DAEEF7;
	text-align:				center;
	color:					#004990;
	font-weight:			bold;
	line-height:			2em;
	font-size:				1.9em;
	border-left:			solid 2px #FFF;
	border-right:			solid 2px #FFF;
	border-bottom:			solid 2px #FFF;
}

div.evenementopsomming div.evenement-tekst {
	width:					369px;
}

div.evenementopsomming div.evenement-tekst a {
	font-size:				1.3em;
	font-weight:			bold;
	margin-right:			10px;
	display:					block;
}





/* woningaanbod per wijk, gegroepeerd per project -------------------------------------------------------*/

div.woningaanbod {
	padding:					0 0 30px 0;
}

div.woningaanbod a, div.woningaanbod a:visited {
	font-size:				1.3em;
	line-height:			160%;
	font-weight:			bold;
	display:					block;
}

div.woningaanbod div.type {
	margin:					0 9px 10px 0;
}

div.woningaanbod div.type div {
	border:					solid 1px #CFDDEA;
	margin-right:			1px;
}

div.woningaanbod div.type div img {
	border:					solid 2px #FFF;
}

div.woningaanbod span {
	font-size:				1.2em;
	font-weight:			bold;
}



/* zelftestresultaat -------------------------------------------------------------------------------------*/

div.zelftestresultaat {
	margin:					20px 0;
}

div.zelftestresultaat div.type {
	margin:					5px 0;
}

div.zelftestresultaat div.percentage {
	width:					50px;
	line-height:			200%;
	font-size:				1.6em;
	color:					#888;
	text-align:				center;
}

div.zelftestresultaat div.type-image {
	margin-right:			10px;
	border:					solid 1px #CFDDEA;
}

div.zelftestresultaat div.type-image img {
	border:					solid 2px #FFF;
}

div.zelftestresultaat div.type-tekst {
	width:					319px;
}

div.zelftestresultaat div.type-tekst a.type {
	font-size:				1.3em;
	font-weight:			bold;
	margin-right:			10px;
}

.vanafprijs {
	font-size:				1.2em;
	font-weight:			bold;
}

span.inwijk a, span.inwijk a:visited {
	color:					#AAA;
	text-decoration:		none;
	font-weight:			normal;
	font-size:				0.9em;
	margin-right:			0;
}



/* zelftest ---------------------------------------------------------------------------------------------*/

div.zelftest {
	margin:					0 0 20px 0;
	border:					solid 1px #CFDDEA;
}

div.zelftest img {
	border:					solid 2px #FFF;
}


/* project detailpagina ---------------------------------------------------------------------------------*/

div.vanafprijsenbeschikbaarheid {
	margin:					20px 0;
}

/* nieuws -----------------------------------------------------------------------------------------------*/

div.nieuws {
	margin:					20px 0;
}

div.nieuws div.nieuwsbericht {
	margin:					10px 0;
}

div.nieuws div.nieuws-image {
	margin-right:			10px;
	border:					solid 1px #CFDDEA;
}

div.nieuws div.nieuws-image img {
	border:					solid 2px #FFF;
}

div.nieuws div.nieuws-tekst a.nieuwstitel {
	font-size:				1.3em;
	font-weight:			bold;
	margin-right:			10px;
}


/* nieuws archief jaar navigatie ------------------------------------------------------------------------*/

div.jaar {
	background-color:		#DDD;
	padding:					5px 10px;
	margin:					10px 0;
}

div.jaar a, div.jaar a:visited {
	color:					#666;
}

div.jaar a:hover, div.jaar a:active {
	color:					#333;
}

/* evenementen maand/jaar navigatie ---------------------------------------------------------------------*/

div.jaarmaand {
	background-color:		#DDD;
	padding:					5px 10px;
	margin:					10px 0;
	text-align:				center;
}

div.jaarmaand a, div.jaarmaand a:visited {
	color:					#666;
}

div.jaarmaand a:hover, div.jaarmaand a:active {
	color:					#333;
}

div.jaarmaand a.btn-event, div.jaarmaand a.btn-event:visited, div.jaarmaand a.btn-event:hover {
	padding:					0 5px;
	border-top:				solid 1px #CCC;
	border-right:			solid 1px #999;
	border-bottom:			solid 1px #999;
	border-left:			solid 1px #CCC;
	color:					#666;
	font-weight:			bold;
	font-size:				1em;
	text-decoration:		none;
	margin:					5px;
}

div.jaarmaand a.btn-event:active {
	padding:					0 5px;
	border-top:				solid 1px #999;
	border-right:			solid 1px #CCC;
	border-bottom:			solid 1px #CCC;
	border-left:			solid 1px #999;
}

/* achtergrond en concept -------------------------------------------------------------------------------*/

div.achtergrondconcept {
	margin:					20px 0;
}

div.achtergrondconcept div.ac-onderdeel {
	margin:					10px 0;
}

div.achtergrondconcept div.ac-onderdeel-image {
	margin-right:			10px;
	border:					solid 1px #CFDDEA;
}

div.achtergrondconcept div.ac-onderdeel-image img {
	border:					solid 2px #FFF;
}

div.achtergrondconcept div.ac-onderdeel-tekst a.ac-onderdeel-titel {
	font-size:				1.3em;
	font-weight:			bold;
	margin-right:			10px;
	line-height:			40px;
}


/* links -----------------------------------------------------------------------------------------------*/

div.linkscolumn {
	width:					145px;
	margin:					-20px 15px 15px 0;
}

div.links {
	border:					solid 1px #CFDDEA;
	padding:					3px 0;
	margin:					20px 0;
	width:					145px;
}

ul.links {
	list-style-type:		none;
	margin:					0;
	padding:					0 0 0 5px;
}

ul.links li a, ul.links li a:visited {
	font-size:				1em;
	line-height:			160%;
}

/* zoekresultaat ----------------------------------------------------------------------------------------*/

div.zoekresultaat {
	padding:					2px 0;
	margin:					0 0 20px 0;
}

ol.zoekresultaat {
	margin:					0;
	padding:					0 0 0 25px;
}

ol.zoekresultaat li {
	margin:					10px 0;
}

ol.zoekresultaat li a, ol.zoekresultaat li a:visited {
	font-size:				1.2em;
	line-height:			160%;
}

div.gezochtop {
	background-color:		#DDD;
	padding:					5px 10px;
	margin:					10px 0 0 0;
	font-size:				1.2em;
}

div.gezochtop a, div.gezochtop a:visited {
	color:					#666;
}

div.zoek-zoekwoningaanbod {
	border:					solid 1px #CFDDEA;
	padding:					10px;
	margin:					20px 0 40px 0;
}


/* --------------------------------------------------------------------------------------------------------
clickpath
---------------------------------------------------------------------------------------------------------*/

div.clickpath {
	width:					875px; /* 895 -10*2 */
	height:					22px;
	line-height:			22px;
	padding:					0;
	margin-bottom:			10px;
	color:					#9A9A9A;
}

div.clickpath a, div.clickpath a:visited {
	color:					#9A9A9A;
	text-decoration:		none;
}

div.clickpath a:hover, div.clickpath a:active {
	text-decoration:		underline;
}


/* --------------------------------------------------------------------------------------------------------
forms
---------------------------------------------------------------------------------------------------------*/

input, select, textarea {
	font:						normal 1em/1.4em Trebuchet MS, Arial, Verdana, Tahoma;
	color:					#777;
	width:					95%;
	border:					solid 1px #AAA;
	padding:					1px 2px;
	margin:					3px 0;
}

input.zipcode {
	width:					35%;
}

input.radio {
	width:					20px;
	border:					0;
	padding:					0;
	margin:					0;
	line-height:			0%;
}

input.checkbox, span.checkbox input {
	width:					20px;
	border:					0;
	padding:					0;
	margin:					0;
	line-height:			0%;
}

input.zoek {
	border:					solid 1px #004990;
	width:					150px;
	height:					1.4em;
	margin:					0;
}

input.zoekzoek {
	border:					solid 1px #004990;
	width:					350px;
	height:					1.4em;
	margin:					0;
}

div.form-woningaanbodzoeken {
	width:					455px;
	padding:					1em 0;
}

div.form-woningaanbodzoeken table th {
	margin:					0;
	padding:					5px 0 0 0;
	vertical-align:		top;
	font-weight:			normal;
}

select.prijsklasse {
	width:					40%;
	margin:					0;
	padding:					0;
	line-height:			0;
}

div.form-contact {
	width:					455px;
	padding:					1em 0;
}

div.form-contact table th {
	margin:					0;
	padding:					5px 0 0 0;
	vertical-align:		top;
	font-weight:			normal;
}

div.opmerking {
	color:					#999;
	font-size:				0.9em;
	line-height:			1em;
}

/* --------------------------------------------------------------------------------------------------------
footer
---------------------------------------------------------------------------------------------------------*/

div.footer {
	display:					none;
}