/* --------------------------------------------------------------------------------------------------------
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;
	display: 				inline;
}

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;
	width:					187px;
}

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-nieuws: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_nieuws.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-overvathorst: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_overvathorst.gif") no-repeat scroll right 2px;
}

/* button zonder border algemeen (blauw) --------------------------------------------------------------*/
a.btn-algemeen, a.btn-algemeen:visited {
	padding:					2px 18px 2px 0px;
	color:					#114981;
	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;
	color:					#114981;	
}

/* 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;
	color:					#E2790B;	
}

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

a.btn-woningaanbod2:hover, a.btn-woningaanbod2:active {
	text-decoration:		underline;
	color:					#E2790B;
}

/* 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;
	color:					#C60000;	
}

/* 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;
	color:					#7BA712;	
}


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

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

div.zoek {
	padding-top:			20px;
}

/* zwaluw animatie in subpages */
div.zwaluw {position: relative;}
div.zwaluw object {position: absolute; top: 17px; left: 1px;}
div.zwaluw.large object {position: absolute; top: -8px; left: -28px;}

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

div.primnav {
	width:					795px; /* 895 - 100 */
	height:					27px; /* 32 - 5 */
	padding-left:			100px;
}

div.algemeen-bb {
	/* border-bottoms primanav algemeen, als geen van de pagina's true is, zoals bij 'stuur door' */
	border-bottom:			solid 5px #114981;
}

div.woningaanbod-bb {
	/* border-bottoms primanav woningaanbod */
	border-bottom:			solid 5px #E2790B;
}

div.nieuws-bb {
	/* border-bottoms primanav nieuws */
	border-bottom:			solid 5px #C60000;
}

div.overvathorst-bb {
	/* border-bottoms primanav over vathorst*/
	border-bottom:			solid 5px #7BA712;
}

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

ul.subnav {
	/* haalt de default ingestelde paddings en margins weg en haalt het stipje ervoor weg */
	list-style-type:		none;
	margin:					0;
	padding:					0;
}

ul.subsubnav {
	/* haalt de default ingestelde paddings en margins weg en haalt het stipje ervoor weg */
	list-style-type:		none;
	margin:					0;
	padding:					0;
}

ul.subnav a, ul.subnav a:visited {
	height:					25px;
	line-height:			25px; /* lijnt de tekst vertikaal in het midden uit */
	display:					block; /* de hyperlink bestrijkt hierdoor de hele regel en wordt in FF ook echt 25px */
	color:					#FFF;
	padding:					0 10px;
	text-decoration:		none;
	font-weight:			bold;
}

ul.subnav a:hover, ul.subnav a:active {
	text-decoration:		underline;
	color:					#FFF;
}

div.subnav-woningaanbod ul.subnav a, div.subnav-woningaanbod ul.subnav a:visited {
	background:				#E2790B url("../images/bg_dotted_woningaanbod.gif") repeat-x scroll left bottom;
}	

div.subnav-nieuws ul.subnav a, div.subnav-nieuws ul.subnav a:visited {
	background:				#C60000 url("../images/bg_dotted_nieuws.gif") repeat-x scroll left bottom;
}

div.subnav-overvathorst ul.subnav a, div.subnav-overvathorst ul.subnav a:visited {
	background:				#7BA712 url("../images/bg_dotted_overvathorst.gif") repeat-x scroll left bottom;
}	

div.subnav-algemeen ul.subnav a, div.subnav-algemeen ul.subnav a:visited {
	background:				#4179b1 url("../images/bg_dotted_algemeen.gif") repeat-x scroll left bottom;
}

/* Navigatieblok */
div.subnav-woningaanbod, div.subnav-nieuws, div.subnav-overvathorst, div.subnav-algemeen {
	min-height: 265px;	
}
div.subnav-woningaanbod {
	background-color: #E2790B;
}
div.subnav-nieuws {
	background-color: #C60000;
}
div.subnav-overvathorst {
	background-color: #7BA712;
}
div.subnav-algemeen {
	background-color: #4179b1;
}		

/* sub navigatie TRUE versie die NIET uitklapt ---------------------------------------------------------*/
div.subnav-woningaanbod ul.subnav a.true0, div.subnav-woningaanbod ul.subnav a.true0:visited {
	background:				#D75B07 url("../images/bg_arrowright_woningaanbod.gif") no-repeat scroll right top;
}

div.subnav-nieuws ul.subnav a.true0, div.subnav-nieuws ul.subnav a.true0:visited {
	background:				#B20000 url("../images/bg_arrowright_nieuws.gif") no-repeat scroll right top;
}

div.subnav-overvathorst ul.subnav a.true0, div.subnav-overvathorst ul.subnav a.true0:visited {
	background:				#5D8C0C url("../images/bg_arrowright_overvathorst.gif") no-repeat scroll right top;
}

div.subnav-algemeen ul.subnav a.true0, div.subnav-algemeen ul.subnav a.true0:visited {
	background:				#114981 url("../images/bg_arrowright_algemeen.gif") no-repeat scroll right top;
}

/* sub navigatie TRUE versie die WEL uitklapt ---------------------------------------------------------*/
div.subnav-woningaanbod ul.subnav a.true, div.subnav-woningaanbod ul.subnav a.true:visited {
	background:				#D75B07 url("../images/bg_arrow_woningaanbod.gif") no-repeat scroll right top;
}

div.subnav-nieuws ul.subnav a.true, div.subnav-nieuws ul.subnav a.true:visited {
	background:				#B20000 url("../images/bg_arrow_nieuws.gif") no-repeat scroll right top;
}

div.subnav-overvathorst ul.subnav a.true, div.subnav-overvathorst ul.subnav a.true:visited {
	background:				#5D8C0C url("../images/bg_arrow_overvathorst.gif") no-repeat scroll right top;
}

div.subnav-algemeen ul.subnav a.true, div.subnav-algemeen ul.subnav a.true:visited {
	background:				#114981 url("../images/bg_arrow_algemeen.gif") no-repeat scroll right top;
}

ul.subnav ul.subsubnav a, ul.subnav ul.subsubnav a:visited {
	background-color:		#FFF;
	height:					20px;
	line-height:			20px;
	display:					block;
	padding:					0 10px;
	text-decoration:		none;
	font-weight:			normal;
}

ul.subnav ul.subsubnav a:hover, ul.subnav ul.subsubnav a:active {
	text-decoration:		underline;
}

div.subnav-woningaanbod ul.subnav ul.subsubnav a, div.subnav-woningaanbod ul.subnav ul.subsubnav a:visited {
	background:				#FFF url("../images/bg_dotted_woningaanbod-sub.gif") repeat-x scroll left bottom;
	color:					#D75B07;
}

div.subnav-nieuws ul.subnav ul.subsubnav a, div.subnav-nieuws ul.subnav ul.subsubnav a:visited {
	background:				#FFF url("../images/bg_dotted_nieuws-sub.gif") repeat-x scroll left bottom;
	color:					#C60000;
}

div.subnav-overvathorst ul.subnav ul.subsubnav a, div.subnav-overvathorst ul.subnav ul.subsubnav a:visited {
	background:				#FFF url("../images/bg_dotted_overvathorst-sub.gif") repeat-x scroll left bottom;
	color:					#7BA712;
}

div.subnav-algemeen ul.subnav ul.subsubnav a, div.subnav-algemeen ul.subnav ul.subsubnav a:visited {
	background:				#FFF url("../images/bg_dotted_algemeen-sub.gif") repeat-x scroll left bottom;
	color:					#004990;
}

ul.subnav ul.subsubnav a.true, ul.subnav ul.subsubnav a.true:visited {
	font-weight:			bold;
	background:				#FFF none;
}


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

div.sub3nav {
	border-bottom:			solid 2px #DDD;
	padding:					2px 0;
	margin:					20px 0;
}

ul.sub3nav {
	list-style-type:		none;
	margin:					0;
	padding:					0;
}

ul.sub3nav li {
	display:					inline;
}

ul.sub3nav a, ul.sub3nav a:visited {
	color:					#666;
	padding:					2px 10px;
	margin:					0 3px 0 0;
	text-decoration:		none;
	border-top:				solid 1px #CCC;
	border-right:			solid 1px #CCC;
	border-left:			solid 1px #CCC;
}

ul.sub3nav a:hover, ul.sub3nav a:active {
	text-decoration:		underline;
}

ul.sub3nav a.true, ul.sub3nav a.true:visited {
	border-bottom:			solid 2px #FFF;
	background-color:		#FFF;
	font-weight:			bold;
}

ul.sub3nav a.true:hover, ul.sub3nav a.true:active {
	text-decoration:		underline;
}


/* --------------------------------------------------------------------------------------------------------
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;
}

ul.sub5nav-nieuws li div.newsdate {
	color: #999999;
	display: inline;
	margin-left: 5px;
}

/* --------------------------------------------------------------------------------------------------------
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%;
}


/* --------------------------------------------------------------------------------------------------------
secondairy navigation
---------------------------------------------------------------------------------------------------------*/

div.secnac {

}

/* --------------------------------------------------------------------------------------------------------
main
---------------------------------------------------------------------------------------------------------*/

div.main {
	
}



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

div.sidebarleft {
	width:					200px;
	padding-right:			20px;
	padding-top:			26px;
}

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

div.sidebarright {
	width:					200px;
	padding-top:			27px;
}

div.sidebarrighttabs {
	width:					200px;
}

/* sidebar-element ---------------------------------------------------------------------------------*/

div.sidebar-element {
	margin-bottom:			20px;
}

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

div.belangrijkemomenten {
	margin-bottom:			20px;
}

div.belangrijkemomenten div {
	padding-bottom:		8px;
}

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

div.evenementen {
	margin-bottom:			20px;
}

div.evenementen div {
	padding-bottom:		8px;
}

/* nieuws archief categorieen ---------------------------------------------------------------------------*/

div.archiefcategorieen {
	margin-bottom:			20px;
}

div.archiefcategorieen a {
	display:					block;
}


/* informatiecentrum ------------------------------------------------------------------------------------*/

div.informatiecentrum {
	background:				#004990 url("../images/bg_informatiecentrum.jpg") no-repeat scroll 0 0;
	margin-bottom:			20px;
	color:					#FFF;
	height:					201px; /* 221 - 10*2 */
	padding:					10px;
	line-height:			14px;
}

div.informatiecentrum a, div.informatiecentrum a:visited {
	font-weight:			bold;
	text-decoration:		none;
	display:					block;
	color:					#FFF;
}

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

/* feiten en cijfers ------------------------------------------------------------------------------------*/

div.feitenencijfers {
	margin-bottom:			20px;
}

/* bestanden en links -----------------------------------------------------------------------------------*/

div.bestandenenlinks {
	margin-bottom:			20px;
}

div.bestandenenlinks a.link, div.bestandenenlinks a.link:visited {
	background:				transparent url("../images/i_link.gif") no-repeat scroll 0 3px;
	padding:					0 0 0 17px;
	margin:					6px 0;
	display:					block;
}

div.bestandenenlinks a.download, div.bestandenenlinks a.download:visited {
	background:				transparent url("../images/i_download.gif") no-repeat scroll 0 3px;
	padding:					0 0 0 17px;
	margin:					6px 0 0 0;
	display:					block;
}

div.download-beschrijving {
	color:					#999;
	padding:					0 0 0 17px;
	margin:					0 0 6px 0;
}

/* nieuwsbrief -----------------------------------------------------------------------------------------*/

div.nieuwsbrief {
	margin-bottom:			20px;
}


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

div.verfijnen {
	margin-bottom:			20px;
}

div.verfijnen a {
	display:					block;
}

div.verfijnen a.Active{
	display:					block;
	color:Black;
	text-decoration:none;
}

/* makelaars en woningtypes -----------------------------------------------------------------------------*/

div.makelaarsentypes {
	margin-bottom:			20px;
}

div.makelaarsentypes ul.woningtypes {
	list-style-type:		none;
	margin:					0;
	padding:					0;
}

div.makelaarsentypes ul.woningtypes li {
	margin:					0 0 2px;
}
/*
div.makelaarsentypes ul.woningtypes a {
	font-size:				1.2em;
	line-height:			150%;
	margin-right:			10px;
}

div.makelaarsentypes ul.woningtypes span.vanafprijs {
	font-size:				1.1em;
	font-weight:			normal;
	line-height:			150%;
}*/

/* routeplanner -----------------------------------------------------------------------------------------*/

div.routeplanner {
	margin-bottom:			20px;
}

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

div.content {
	width:					455px;
}

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


/* 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;
}

.tehuur {
	background-color:		#a085ab;
}

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, 
div.evenementdetail {
	margin:					20px 0;
}

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

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

div.evenementopsomming div.evenement-datum div.maand,
div.evenementdetail 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,
div.evenementdetail 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,
div.evenementdetail 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 NIEUW juni 2007 */
div.newsimg {
	margin:					0 10px 5px 0;
	border:					solid 1px #CFDDEA;
	float:					left;
}
div.newsimg img {
	border:					solid 2px #FFF;
}
div.newsitem-l h2 {
	line-height: 120%;
}
div.newsitem-l div.newsdate {
	color: #999999;
}
div.newsitem-s h3 {
	border: none;
	background: none;
	margin: 0;
	padding: 0;
	display: inline;
}
div.newsitem-s p {
	margin: 0.4em 0 1em 0;
}
div.newsitem-s div.newsdate {
	color: #999999;
	display: inline;
	margin-left: 5px;
}


/* 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 35px;
}

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 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;
}

div.form-routeplanner {
	width:					190px;
	padding:					1em 0;
}

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

/* --------------------------------------------------------------------------------------------------------
afbeeldingen bij wijken en woningaanbod
---------------------------------------------------------------------------------------------------------*/
div.thumbnails {
	min-height:				320px;
}
div.thumbs {
	overflow: 				hidden;
	width: 					100%;
}

div.thumb {
	margin:					0 10px 10px 0;
	border:					solid 1px #CFDDEA;
	padding: 				2px;
	float:					left;
}

div.overlay {
	position: 				relative;
	display:             none;
}
div.whitebg {
	position: 				absolute;
	background-color: 	#fff;
	width:					675px;
	height: 					320px;
	filter:					alpha(opacity=95);
	-moz-opacity:			.95;
	opacity:					.95;
}
div.imglarge {
	position: 				absolute;
	width:					675px;
}
div.imglarge img {
	border:					solid 1px #CFDDEA;
	padding: 				2px;
	display: 				block;
	float:					left;
	background-color:		#fff;
}

div.prev-next {
	float:					right;
	width: 					210px;
}
div.prev-next a {
	margin:					50px 15px 0 0;
	float:					left;
	display:					block;
}
a.btn-close, a.btn-close:visited {
	position: 				absolute;
	right: 					30px;
	top:						7px;
	line-height: 			12px;
	text-decoration: 		none;
}

/* --------------------------------------------------------------------------------------------------------
over vathorst in engels en frans
---------------------------------------------------------------------------------------------------------*/
.en, .en:visited {
/*	background:				transparent url("../images/en.gif") no-repeat scroll 0 4px;*/
	background:				transparent url("../images/en_true.gif") no-repeat scroll 0 4px;	
	padding:					0 0 0 17px;
}

.en:hover, .en:active {
	background:				transparent url("../images/en_true.gif") no-repeat scroll 0 4px;
}

.fr, .fr:visited {
/*	background:				transparent url("../images/fr.gif") no-repeat scroll 0 4px;*/
	background:				transparent url("../images/fr_true.gif") no-repeat scroll 0 4px;
	padding:					0 0 0 17px;
}

.fr:hover, .fr:active {
	background:				transparent url("../images/fr_true.gif") no-repeat scroll 0 4px;
}

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

div.footer {
	width:					895px;
	height:					18px;
	line-height:			18px;
	margin:					20px 0;
	color:					#999;
	font-size:				1em;
}

div.footer a, div.footer a:visited {
	color:					#999;
	text-decoration:		none;
}

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

div.footer-algemeen {
	border-top:				solid 2px #004990;
}

div.footer-woningaanbod {
	border-top:				solid 2px #E2790B;
	background:				#FFF url("../images/bg_footer-woningaanbod.gif") repeat-x scroll 0 top;
}

div.footer-nieuws {
	border-top:				solid 2px #C60000;
	background:				#FFF url("../images/bg_footer-nieuws.gif") repeat-x scroll 0 top;
}

div.footer-overvathorst {
	border-top:				solid 2px #7BA712;
	background:				#FFF url("../images/bg_footer-overvathorst.gif") repeat-x scroll 0 top;
}

/* --------------------------------------------------------------------------------------------------------
mediatheek
---------------------------------------------------------------------------------------------------------*/

div.zoek-mediatheek {
	padding:					10px;
	margin:					20px 0 20px 0;
	background-color: 	#ecf1f7;
}

select.mediaselect {
	border:					solid 1px #004990;
	margin:					0;
	margin-bottom:			5px;
	width: 					350px;
}

div.type-mediatheek {
	padding-left:			5px;
	vertical-align: 		bottom;
}

a.kopje-foto {
	font-size:				1.3em;
	font-weight:			bold;
	margin-right:			10px;
}

a.btnb-mediatheek, a.btnb-mediatheek:visited, a.btnb-mediatheek: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:					#004990;
	font-weight:			bold;
	font-size:				1.2em;
	text-decoration:		none;
	background:				#FFF url("../images/bg_arrow_btn_algemeen.gif") no-repeat scroll right 3px;
	margin:					5px;
}

div.omschrijf-download {
	width:					60%;
	padding-left: 			40px;
}

div.foto-select {
	width: 					20px;
	padding-right:			20px; 
}

/*end*/
/* Mediatheek */
div.formlabel {
   width:180px;
}
div.forminput {
   width:200px;
/*end mediatheek */
}
span.woning-trail            {

            line-height:                                2em;

}

/* --------------------------------------------------------------------------------------------------------
error popup (validatie) voor FireFox
---------------------------------------------------------------------------------------------------------*/

#Error
{
   font: icon;
   position:         absolute;
   margin-left:      0px;
   text-align:       center;
   background-color: #ECE9D8;
   border:           solid 2px #245EDC;
   width:            250px;
   display:          none;
   
}

#Error table
{
   margin: 10px;
}

#Error td
{
   text-align:       left;
}
#Error td font
{
   color: black;
}

.winButton
{
   font: icon;
   margin-top: 5px;
   margin-bottom: 5px;
   background-color: buttonface;
}
.ErrorHeader
{
   background-color: #0054E3;
   padding:          5px;
   text-align:       left;
   font: icon;
   color: white;
   font-weight: bold;
}


/* --------------------------------------------------------------------------------------------------------
knipselkrant
---------------------------------------------------------------------------------------------------------*/
img.knipsel {
	border:		1px solid #CFDDEA;
	padding:	2px;	
}

select.knipselselect 
{
	width: auto;
}

input.knipselzoekbox
{
	width: 200px;
}