/* CSS ? by Marten Wilmink - www.martenwilmink.com */

* {
 margin: 0;
 padding: 0;
 }

/* Basic HTML redefines */

	body {
		text-align:		left;
		position:		absolute;
		margin-left: 		0px;
		margin-top: 		0px;
		margin-right: 		0px;
		margin-bottom: 		0px;
		width:			100%;
		height:			100%;
		background-image:	url(../images/body.gif);
		background-repeat:	repeat-x;
		background-color:	#FFF;
		font-size: 12px;
		font-family: Arial, Helvetica, sans-serif;
		}

	h1 {
	font-size:		12px;
	font-family: 		Arial, Helvetica, sans-serif;
	font-style: 		bold;
	color: 			#000000;
	margin-bottom:		6px;

		}

	h2 {
	font-size:		12px;
	font-family: 		Arial, Helvetica, sans-serif;
	font-style: 		bold;
	color: 			#000;
	margin-top: 12px;
	margin-bottom:		6px;

		}

	p {
	text-align: justify;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	color: #083167;
	margin: 6px;
	line-height: 14pt;
	letter-spacing: 1px;

		}

 ul.content {
 	line-height: 18pt;
	letter-spacing: 1px;
	}


ol {
margin-left: 20px;
}
	
	a {
	font-size:		12px;
	font-family: 		Arial, Helvetica, sans-serif;
	font-style: 		normal;
	color: 			#000000;

		}

	h6 {
	font-size:		14px;
	font-family: 		Arial, Helvetica, sans-serif;
	font-style: 		bold;
	color: 			#FFFFFF;
	margin:			8px;
 	}

		
/* Layout containers */


	#header {
		position:		absolute;
		margin-left: 		0px;
		margin-top: 		0px;
		width:			375px;
		height:			90px;
		}		
	
		img.werk {
			position:		absolute;
			margin-left: 		0px;
			margin-top: 		0px;
			width:			240px;
			height:			56px;
			}	

		img.nvm {
			position:		absolute;
			margin-left: 		350px;
			margin-top: 		0px;
			width:			60px;
			height:			56px;
			}	

    img.verkoop {
    float: left;
	  margin-left: 20px;
    margin-right: 10px;
	  margin-bottom: 10px;
    border: 1px solid #083167;
    }
	img.thumb {
	width: 65px;
	height: 48px;
	border: 1px solid #003366;
}
	
	#leftmenu {
		position:		absolute;
		margin-left: 		0px;
		margin-top: 		100px;
		width:			180px;
		height:			260px;
		background-color:	#519B82;
		}
		
	#copyright {
		position:		absolute;
		margin-left: 		0px;
		margin-top: 		360px;
		width:			180px;
		height:			100px;
		padding-top:		10px;
		background-image:	url(../images/menu_bg.gif);
		background-repeat:	no-repeat;
		background-color:	#FFFFFF;
		}	
		


	#content {
		position:		absolute;
		margin-left: 		180px;
		margin-top: 		90px;
		width:			580px;
		height:			100%;
		background-image:	url(../images/head_con.gif);
		background-repeat:	no-repeat;
		}		

				#content	h1 {
				font-size:		12px;
				font-family: 		Geneva, Arial, Helvetica, sans-serif;
				font-style: 		normal;
				font-weight: 		bold;
				color: 			#F7F7EF;
				margin-left:		8px;
				margin-top:		6px;
			
					}

				#content	h2 {
				font-size:		12px;
				font-family: 		Geneva, Arial, Helvetica, sans-serif;
				font-style: 		normal;
				font-weight: 		bold;
				color: 			#083167;
				margin-left:		20px;
				margin-top:		20px;
			
					}

			
				#content	h3 {
				font-size:		14px;
				font-family: 		Geneva, Arial, Helvetica, sans-serif;
				font-style: 		normal;
				font-weight: 		bold;
				font-color: 		#083167;
			
					}
			
				#content	p {
				font-size:		12px;
				font-family: 		Geneva, Arial, Helvetica, sans-serif;
				font-style: 		normal;
				color: 			#083167;
				margin-left:		20px;
				margin-top:		20px;
				margin-right:		20px;
			
					}
					
				#content p.realworks {
				color: #FF0000;
				}
				
				#content p.fout {
				color: #FF0000;
				}
				
				#content p.rood {
				color: #990000;
				}

				#content	a {
				font-size:		12px;
				font-family: 		Geneva, Arial, Helvetica, sans-serif;
				font-style: 		normal;
				color: 			#083167;
			
					}


				#content	ul, li {
				font-size:		12px;
				font-family: 		Geneva, Arial, Helvetica, sans-serif;
				font-style: 		normal;
				color: 			#083167;
				margin-left: 30px;
				margin-top: 5px;
				margin-bottom: 5px;
      	letter-spacing: 1px;

			
					}

				#team {
				border-top: 1px solid #083167;
				margin-left: 20px;
				width: 500px;
				heigth: 160px;
				}
				
				#team img.wiefoto {
				float: left;
				margin-right: 20px;
				margin-bottom: 40px;
				border-left: 1px solid #083167; 
				border-right: 1px solid #083167;
				border-bottom: 1px solid #083167;

				width: 120px;
				height: 120px;
				}

							img.teamfoto {
							margin-left: 20px;
							margin-top: 20px;
							border: 1px solid #083167;
							}
				
	#subcontent {
	position:		absolute;
	margin-left: 		760px;
	margin-top: 		134px;	
	width: 220px;
	height: 400px;
	border-top: 1px solid #083167;
	border-left: 1px solid #083167;
	padding-left: 10px;
	}
				
				#subcontent p.realworks {
				color: #FF0000;
				}


/*********** Welkom Containers **************/

#bod {
width: 530px;
height: 370px;
margin-left: 20px;
margin-top: 20px;
}

#blokverkoop {
position: relative;
top: 0px;
left: 0px;
float: left;
width: 260px;
height: 180px;
padding: 0px;
background-image: url(../images/verkoopbg.gif);
}

#blokverkoop img.verkoopbut {
position: absolute;
top: 130px;
left: 12px;
}

#blokverhuur img.verhuurbut {
position: absolute;
top: 130px;
left: 6px;
}

#blokverhuur img.hurenbut {
position: absolute;
top: 130px;
left: 130px;
}


#blokaankoop img.aankoopbut {
position: absolute;
top: 130px;
left: 12px;
}

#bloktaxaties img.taxatiebut {
position: absolute;
top: 130px;
left: 12px;
}

#blokverhuur {
position: relative;
top: 0px;
left: 0px;
float: right;
width: 260px;
height: 180px;
padding: 0px;
background-image: url(../images/verhuurbg.gif);
}


#blokaankoop {
position: relative;
top: 10px;
left: 0px;
float: left;
width: 260px;
height: 180px;
padding: 0px;
background-image: url(../images/aankoopbg.gif);
}

#bloktaxaties {
position: relative;
top: 10px;
left: 0px;
width: 260px;
height: 180px;
float: right;
padding: 0px;
background-image: url(../images/taxatiesbg.gif);
}

#bod h3 {
	font-size:		12px;
	font-family: 		Arial, Helvetica, sans-serif;
	font-style: 		bold;
	color: 			#fff;
	margin-left: 12px;
	margin-top: 8px;
	}

#bod	a {
	font-size:		12px;
	font-family: 		Arial, Helvetica, sans-serif;
	font-style: 		normal;
	color: 			#fff;
	text-decoration: none;

		}

#marked {
	background-color: #e3efeb;
	border: 1px solid #083167;
	padding-right: 10px;
	padding-bottom: 15px;
		}

/* Header Menu */
	
	
	#navcontainer
		{
		position:		absolute;
		margin-left: 		365px;
		margin-top: 		64px;
		padding: 		0;

		height: 		20px;
		}


	#navlist
		{
		margin: 0px;
		padding: 0px 0px;
		display: block;
		}

#navlist li
{
list-style: none;
float: left;
}

#navcontainer a, #navlist li, #navlist ul
{
margin: 0px;
display: block;
padding: 2px 8px;
text-decoration: 	none;
font-family: 		Geneva, Arial, Helvetica, sans-serif;
font-size:		12px;
font-style: 		normal;
color: 			#990000;
}

#navcontainer a:hover, #navcontainer 
{
padding: 3px 8px;
text-decoration: 	underline;
font-family: 		Geneva, Arial, Helvetica, sans-serif;
font-size:		12px;
font-style: 		normal;
color: 			#990000;
}





/* Linker menu */


	#navcontainerleft
		{
		position:		absolute;
		margin-left: 		0px;
		margin-top: 		14px;
		padding: 		0px;

		}


#navlistleft
	{
	width: 176px;
        margin: 0px 0px 0px 0px;
	padding: 0px 0px;
	overflow: hidden;
	}

#navlistleft li
{
float: left;
list-style-type: none;
margin: 0px 0 0px 0;
padding: 0;
width: 200px;
white-space: nowrap;
overflow: hidden;
}

#navlistleft a {
display: block;
padding: 5px 100px 8px 20px;
background-color: #519B82;
background-image:  url(../images/men_but.gif);
background-repeat: no-repeat;
background-position: 0% 50%;
overflow: hidden;
}

#navlistleft a:link, #navlistleft a:visited {
text-decoration: 	none;
font-family: 		Geneva, Arial, Helvetica, sans-serif;
font-size:		11px;
font-style: 		normal;
color: 			#990000;
}

#navlistleft a:hover {
text-decoration: 	underline;
font-family: 		Geneva, Arial, Helvetica, sans-serif;
font-size:		11px;
font-style: 		normal;
color: 			#990000;
}





/*********** Verkoop bemiddeling ************/

span#fotorol{
display:inline-table;
float:left;
width:80px;
height:80px;
font:0px/0px serif;
background: url("images/fotorol.jpg") no-repeat;
margin-top: 4px;
margin-right: 2px;
}

head:first-child+body span#fotorol{
width:auto;
height:auto

}
span#fotorol:before{
content:url("images/fotorol.jpg")

}

/* Tiara */

span#tiara{
display:inline-table;
float:left;
width:80px;
height:80px;
font:0px/0px serif;
background: url("images/tiara.jpg") no-repeat;
margin-top: 4px;
margin-right: 2px;
}

head:first-child+body span#tiara{
width:auto;
height:auto
}

span#welkom:before
{
content:url("images/tiara.jpg")
}

/* Funda Logo */

span#funda{
display:inline-table;
float:left;
width:80px;
height:80px;
font:0px/0px serif;
background: url("images/funda.gif") no-repeat;
margin-top: 4px;
margin-right: 6px;
}

head:first-child+body span#funda{
width:auto;
height:auto
}

span#funda:before{
content:url("images/pandwelkom.jpg")

}

td.street {
	background-color: #e1f0eb;
	vertical-align: middle;
	padding-left: 7px;
	color: #000 !important;
}

td.img {
	background-color: #e1f0eb;
	padding: 0px;
	width: 65px;
}

/* RealWorks CsS */
TABLE.spotlight {
	width: 215px;
}

TABLE.spotlight td {
	padding: 0px;
}
td.img {
	background-color: #e1f0eb;
	padding: 0px;
	width: 65px;
}
img.thumb {
	width: 65px;
	height: 48px;
	border: 1px solid #003366;
}
td.street {
	background-color: #e1f0eb;
	vertical-align: middle;
	padding-left: 7px;
	color: #000 !important;
}
td.whitespace {
	height: 10px;
	background-color: #ffffff;
}
td.blue{
	background-color: #e1f0eb;
	padding-left: 7px;
	padding-bottom: 3px;
	padding-top: 4px;
	text-align: left;
}

TABLE.spotlight TD {
	font : 9px "MS Sans Serif", Geneva, sans-serif;
	padding: 0px;
	vertical-align: top;
	color: #fff;
}

#aanbod {
	padding-left: 15px;
}

TABLE.zoekwoning TD {
	font : 9px "MS Sans Serif", Geneva, sans-serif;
	vertical-align: top;
	color: #000;
}

TABLE.zoekwoning TD.title {
	font-size: 16px;
	font-weight: bold;
	font-family : Arial, Helvetica, sans-serif;
	padding: 0px;
	vertical-align: top;
	color: #519B82;
}

TABLE.zoekwoning TD.header {
	background-color: #519B82;
}
table.description{
	padding-bottom: 3px;
	padding-top: 4px;
	font-family: "MS Sans serif", sans-serif;
	font-size: 8pt;
}

TABLE.details td{
	padding-left: 7px;
	padding-bottom: 3px;
	padding-top: 4px;
	font-family: "MS Sans serif", sans-serif;
	font-size: 8pt;
}

TABLE#leftMenuObject td{
	padding-bottom: 13px;
}
TABLE#leftMenuObject td a{
	color: #003366;
	text-decoration: none;
}
TABLE#leftMenuObject td a:hover{
	color: #006699;
	text-decoration: underline;
}
SPAN.leftMenuSelected {
	font-weight: bold;
	color: #990000;
}
TABLE#kenmerken td{
	padding: 0px;
	padding-right: 10px;
	padding-bottom: 3px;
	padding-top: 8px;
		font-family: "MS Sans serif", sans-serif;
	font-size: 8pt;
}
TABLE#kenmerken td.kenmerk{
	padding: 0px;
	padding-bottom: 5px;
	padding-top: 5px;
	background-color: #e1f0eb;
	vertical-align: middle;
}
TABLE#reageer td{
	padding: 5px;
	padding-left: 9px;
	padding-top: 7px;
	background-color: #e1f0eb;
	vertical-align: middle;
}