/* ##########          Standaard          ########## */

body, html
{
	height: 100%;
}

body
{
	text-align: center;
	margin: 0px;
}

div, span, p, td, ul, li
{
	font-family: "Trebuchet MS", Helvetica, Arial;
	color: #4e4e4e;
	font-size: 12px;
}

p
{
	margin-top: 10px;
	margin-bottom: 20px;
}

ul
{
	list-style: none;
	margin-top: 10px;
	margin-bottom: 20px;
	margin-left: 0px;
	padding-left: 0px;
}

li
{
	margin-left: 5px;
	padding-left: 25px;
	background: url(../images/template/bullet.gif) no-repeat left center;
}

*
{
	outline: none;
}

h1
{
	font-size: 18px;
	line-height: 50px;
	color: #00477f;
	margin-top: 20px;
	margin-bottom: 20px;
	padding: 0;
}

h2
{
	font-size: 17px;
	line-height: 30px;
	color: #00477f;
	margin-top: 0px;
	margin-bottom: 20px;
	padding: 0;
}

h3
{
	font-size: 15px;
	line-height: 22px;
	color: #00477f;
	margin: 0;
	padding: 0;
}

strong
{
	color: #00477f;
}

a
{
	color: #00477f;
	text-decoration: none;
}

img
{
	border: none;
}

input, select
{
	font-family: "Trebuchet MS", Helvetica, Arial;
	font-size: 11px;
	color: #7b7c7d;
}

/* ##########          Template          ########## */

#container
{
	text-align: center;
	width: 100%;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	position: relative;
	z-index: 1;
}

#site
{
	margin: 0 auto;
	width: 983px;
	height: auto;
	padding-bottom: 150px;
	position: relative;
	z-index: 1;	
}

#site:after
{
	clear: both;
	display: block;
	font: 1px/0px serif;
	content: ".";
	height: 0;
	visibility: hidden;
}

#left
{
	width: 741px;
	height: auto;
	float: left;
	position: relative;
	z-index: 1;
}

#header
{
	width: 741px;
	height: 206px;
	background: url(../images/template/header_bg.jpg);
	position: relative;
	float: left;
}

#logo
{
	width: 180px;
	height: 180px;
	position: absolute;
	top: 15px;
	left: 5px;
}

#snelzoeken
{
	text-align: left;
	width: 275px;
	height: 150px;
	position: absolute;
	left: 447px;
	top: 60px;
}

.snelzoeken_label
{
	height: 30px;
	width: 105px;
	font-size: 11px;
	color: #ffffff;
	font-weight: bold;
}

.snelzoeken_value
{
	width: 170px;
	height: 30px;
}

.snelzoeken_select
{
	width: 168px;
	height: 21px;
}

.snelzoeken_button
{
	width: 168px;
	height: 27px;
	border: none;
	background: url(../images/template/zoeken.gif);
}

#menu
{
	width: 741px;
	height: 84px;
	margin-top: 5px;
	float: left;
	background: url(../images/template/menu_bg.gif) repeat-x;
	position: relative;
	z-index: 1;
}

.menu_item
{
	height: 84px;
	float: left;
	background: url(../images/template/menu_lijn.gif) no-repeat right bottom;	
	position: relative;
	z-index: 1;	
}

.menu_item a
{
	margin-top: 36px;
	display: block;
	padding-left: 17px;
	padding-right: 19px;
	height: 48px;
	color: #ffffff;
	line-height: 48px;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	float: left;
}

.menu_item a:hover
{
	color: #719ec2;
	text-decoration: none;
}

.menu_item_active
{
	height: 48px;
	float: left;
	margin-top: 36px;
	background: url(../images/template/menu_active_left.gif) no-repeat left #ffffff;
	position: relative;
}

.menu_item_active span
{
	display: block;
	padding-left: 17px;
	padding-right: 19px;
	height: 48px;
	color: #8f8f8f;
	line-height: 48px;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	background: url(../images/template/menu_active_right.gif) no-repeat right;
	float: left;
}

.submenu
{
	background: #ffffff;
	position: absolute;
	top: 84px;
	left: -1px;
	width: 200px;
	text-align: left;
	border-left: 1px solid #0059a1;
	border-right: 1px solid #0059a1;
	border-bottom: 1px solid #0059a1;
	padding-top: 10px;
	padding-bottom: 10px;
	z-index: 2;
}

.submenu_item
{
	height: 27px;
}

.submenu_item a
{
	display: block;
	width: 200px;
	height: 27px;
	background: url(../images/template/bullet.gif) no-repeat 18px center;
	text-indent: 25px;
	color: #8f8f8f;
	line-height: 27px;
	margin: 0;
	font-size: 13px;
	font-weight: normal;
}

#content
{
	width: 983px;
	height: auto;
	margin-top: 35px;
	float: left;
	text-align: left;
}

#tekst
{
	width: 690px;
	height: auto;
	margin-top: 25px;
	margin-left: 18px;
	float: left;
	text-align: left;
	display: inline;
}

#tekst td, #tekst div, #tekst p, #tekst span, #tekst ul
{
	font-family: "Trebuchet MS", Helvetica, Arial;
	color: #4e4e4e;
	font-size: 12px;
	line-height: 22px;
}

#tekst_left {
	width: 325px;
	height: auto;
	float: left;
	position: relative;
}

#tekst_breed
{
	width: 690px;
	height: auto;
	float: left;
}

#tekst_right
{
	width: 325px;
	height: auto;
	float: right;
}

#partners
{
	width: 325px;
	height: 27px;
}

.logo
{
	float: left;
}

.logo img
{
	float: left;
}

.buttons
{
	width: 690px;
	height: 90px;
	position: relative;
	float: left;
	margin-top: -7px;
}

.button
{
	width: 325px;
	height: 39px;
	position: relative;
	float: left;
}

.woningaanbod
{
	margin-top: 45px;
}

#content_left 
{
	width: 232px;
	height: auto;
	float: left;
}

#content_left_titel
{
	width: 232px;
	height: 50px;
	background: #d1d1d1;
	font-size: 17px;
	line-height: 50px;
	text-indent: 13px;
	font-weight: bold;
}

#content_right
{
	width: 700px;
	height: auto;
	float: right;
	margin-right: 5px;
}

#right
{
	width: 242px;
	height: auto;
	float: right;
	background: #ffffff;
	text-align: center;
}

#right_content
{
	width: 232px;
	height:auto;
	margin: 0 auto;
}

#bg_left
{
	width: 50%;
	height: 295px;
	background: url(../images/template/bg_left.gif) repeat-x;
	position: absolute;
	top: 0px;
	left: 0px;
}

#bg_right
{
	width: 50%;
	height: 295px;
	background: url(../images/template/bg_right.gif) repeat-x;
	position: absolute;
	top: 0px;
	right: 0px;
}

#footer
{
	position: absolute;
	left: 0px;
	bottom: 0px;
	width: 100%;
	height: 126px;
	background: url(../images/template/footer_bg.gif) repeat-x;
	font-family: "Trebuchet MS", Helvetica, Arial;
	font-size: 11px;
	color: #80a3bf;
	line-height: 50px;
}

#footer a
{
	color: #80a3bf;
	text-decoration: none;
	font-weight: normal;
}

#footer a:hover
{
	text-decoration: underline;
}

/* ##########          Blueliving          ########## */

#blueliving
{
	width: 242px;
	height: 295px;
	float: right;
	background: #ffffff;
}

#blueliving_sfeer
{
	width: 232px;
	height: 360px;	
}

#blueliving_aanbod
{
	width: 232px;
	height: 238px;
	margin-top: 25px;
	background: url(../images/template/blueliving_bg.gif);
	position: relative;
	text-align: left;
	cursor: pointer;
}	

.blueliving_afbeelding
{
	width: 226px;
	height: 168px;
	position: absolute;
	top: 3px;
	left: 3px;
	overflow: hidden;
}

.blueliving_gegevens
{
	width: 198px;
	height: 42px;
	position: absolute;
	left: 22px;
	top: 185px;
	overflow: hidden;
}

.blueliving_gegevens .adres
{
	font-size: 15px;
	color: #002f61;
	font-weight: bold;
	line-height: 21px;
	margin: 0px;
}

.blueliving_gegevens .prijs
{
	font-size: 14px;
	color: #4d4d4d;
	font-weight: bold;
	line-height: 21px;
	margin: 0px;
}

.blueliving_gegevens .plaats
{
	font-size: 15px;
	color: #002f61;
	text-transform: uppercase;
}

#blueliving_button
{
	width: 232px;
	height: 39px;
	margin-top: 25px;
}

/* ##########          Details          ########## */

#details_header
{
	width: 700px;
	height: 50px;
	background: #d1d1d1;
}

.details_plaats
{
	font-size: 17px;
	font-weight: bold;
	line-height: 50px;
	float: left;
	padding-left: 25px;
	padding-right: 25px;
	background: url(../images/template/lijn.gif) no-repeat right center;
	height: 50px;	
}

.details_adres
{
	font-size: 13px;
	line-height: 50px;
	float: left;
	padding-left: 25px;
	padding-right: 25px;
	height: 50px;		
}

.details_prijs
{
	font-size: 14px;
	font-weight: bold;
	line-height: 50px;
	float: right;
	padding-left: 25px;
	padding-right: 25px;	
	height: 50px;
}

#details
{
	padding-top: 15px;
	padding-bottom: 10px;
	padding-left: 14px;
	padding-right: 14px;
	border-left: 1px solid #d3d2d3;
	border-right: 1px solid #d3d2d3;
}

#details:after
{
	clear: both;
	display: block;
	font: 1px/0px serif;
	content: ".";
	height: 0;
	visibility: hidden;
}

#foto
{
	width: 670px;
	height: 335px;
	position: relative;
}

.foto
{
	width: 447px;
	height: 335px;
	float: left;
	overflow: hidden;
}

#thumbs
{
	width: 222px;
	height: 335px;
	position: absolute;
	overflow: hidden;
	right: 0px;
	top: 0px;
}

#slide
{
	position: relative;
	top: 0; 
	left: 0; 
	width: 100%; 
	
}

.thumb
{
	width: 107px;
	height: 80px;
	float: left;
	margin-left: 4px;
	margin-bottom: 5px;
	display: inline;
	overflow: hidden;
	cursor: pointer;
}

#foto_opties
{
	margin-top: 5px;
	width: 670px;
	height: 50px;
	background: #d1d1d1;
}

.foto_overzicht
{
	float: left;
	line-height: 50px;
	text-indent: 20px;
	width: 452px;
	font-size: 13px;
}

.foto_overzicht a
{
	color: #4e4e4e;	
	font-weight: bold;
	text-decoration: underline;
}

.foto_overzicht a:hover
{
	text-decoration: none;
}

.foto_up
{
	width: 107px;
	height: 50px;
	background: url(../images/template/foto_up.gif);
	cursor: pointer;
	float: left;
	margin-left: 4px;
	display: inline;
}

.foto_down
{
	width: 107px;
	height: 50px;
	background: url(../images/template/foto_down.gif);
	cursor: pointer;
	float: left;
}

#opties
{
	margin-top: 15px;
	width: 670px;
	height: 50px;
	float: left;
	background: url(../images/template/dotted_lijn_hor.gif) repeat-x bottom;
}

#opties a
{
	font-weight: bold;
	text-decoration: none;
	color: #a6a6a6;	
}

#opties .reageer
{
	font-size: 13px;
	margin-left: 20px;
	float: left;
	display: inline;
	line-height: 50px;
	text-indent: 50px;
	background: url(../images/template/icons/reageer_wit.gif) no-repeat left center;
}

#opties .mail_bekende
{
	font-size: 13px;
	margin-left: 45px;
	float: left;
	display: inline;
	line-height: 50px;
	text-indent: 50px;
	background: url(../images/template/icons/mail_bekende_wit.gif) no-repeat left center;
}

#opties .overzicht
{
	font-size: 13px;
	margin-right: 20px;
	float: right;
	display: inline;
	line-height: 50px;
	text-indent: 50px;
	background: url(../images/template/icons/overzicht_wit.gif) no-repeat left center;
}

#gegevens
{
	width: 670px;
	height: auto;
}

.gegevens
{
	width: 190px;
	float: right;
	margin-right: 15px;
	margin-top: 30px;	
}

.gegevens_label
{
	width: 100px;
	height: 30px;	
	font-size: 12px;		
}

.gegevens_value
{
	width: 90px;
	height: 30px;
	font-size: 12px;		
}

.toolbox
{
	width: 190px;
	float: right;
	margin-right: 15px;
	margin-top: 30px;
	font-size: 12px;
	line-height: 27px;	
}

.toolbox a
{
	display: block;
	width: 175px;
	height: 30px;
	background: url(../images/template/toolbox.gif);
	color: #4e4e4e;
	text-indent: 30px;
}



#kenmerken
{
	width: 420px;
	margin-top: 30px;
	display: inline;
	float: left;
	background: url(../images/template/dotted_lijn_ver.gif) repeat-y right;
}

.kenmerken_tekst
{
	padding-left: 20px;
	padding-right: 20px;
}

.kenmerken_tekst td, .kenmerken_tekst p, .kenmerken_tekst div, .kenmerken_tekst span
{
	font-size: 12px;
	line-height: 22px;	
}

#details_footer
{
	margin-top: -5px;
	width: 700px;
	height: 50px;
	background: #d1d1d1;
}

#details_footer a
{
	font-weight: bold;
	text-decoration: none;
	color: #a6a6a6;	
}

#details_footer .reageer
{
	font-size: 13px;
	margin-left: 35px;
	float: left;
	display: inline;
	line-height: 50px;
	text-indent: 50px;
	background: url(../images/template/icons/reageer_grijs.gif) no-repeat left center;
}

#details_footer .mail_bekende
{
	font-size: 13px;
	margin-left: 45px;
	float: left;
	display: inline;
	line-height: 50px;
	text-indent: 50px;
	background: url(../images/template/icons/mail_bekende_grijs.gif) no-repeat left center;
}

#details_footer .overzicht
{
	font-size: 13px;
	margin-right: 35px;
	float: right;
	display: inline;
	line-height: 50px;
	text-indent: 50px;
	background: url(../images/template/icons/overzicht_grijs.gif) no-repeat left center;
}

#locatie
{
	width: 232px;
	height: 282px;
	margin-top: 15px;
	float: left;
}

#interesse
{
	width: 232px;
	height: 78px;
	margin-top: 30px;
	background: url(../images/template/interesse.gif);
	float: left;
}

#categorie
{
	width: 232px;
	height: 160px;
	margin-top: 30px;
	float: left;
}

#presentatie
{
	width: 232px;
	height: 80px;
	float: left;
	margin-top: 30px;
}

/* ##########          Aanbod          ########## */

#zoeken
{
	width: 206px;
	margin-left: 13px;
	margin-top: 50px;
	float: left;
}

.zoeken_label
{
	width: 103px;
	font-size: 12px;
	font-weight: bold;
	height: 32px;
}

.slide_prijs
{
	width: 103px;
	font-size: 12px;
	height: 32px;
}

.minimum
{
	width: 103px;
	font-size: 10px;
	text-align: left;
	font-family: Tahoma;
}

.maximum
{
	width: 103px;
	font-size: 10px;
	text-align: right;
	font-family: Tahoma;
}

.slide
{
	height: 36px;
}

.slide_bar
{
	width: 206px;
	height: 16px;
	background: url(../images/template/slide_bar.gif);
	cursor: pointer;
	line-height: 16px;
}

.slide_button
{
	width: 16px;
	height: 16px;
	background: url(../images/template/slide_button.gif) no-repeat;
	cursor: pointer;
	line-height: 16px;	
}

.select_checkbox
{
	width: 30px;
	text-align: center;
	height: 24px;
}

.select_plaats
{
	width: 176px;
	font-size: 10px;
	text-align: left;
	font-family: Tahoma;
	height: 24px;	
}

.aanbod_header
{
	width: 700px;
	height: 50px;
	background: #d1d1d1;
}

.sorteren_label
{
	font-size: 12px;
	line-height: 50px;
	text-indent: 20px;
	width: 100px;
	font-weight: bold;
}

.sorteren
{
	width: 400px;
}

.sorteren_select
{
	width: 145px;
	height: 21px;
}

.aanbod_footer
{
	width: 700px;
	height: 50px;
	background: #d1d1d1;
}


.volgende_pagina
{
	font-size: 12px;
	line-height: 50px;
	text-indent: 20px;
	width: 200px;
}

.volgende_pagina a
{
	font-weight: bold;
	text-decoration: underline;
	color: #4e4e4e;
}

.volgende_pagina a:hover
{
	text-decoration: none;
}

.objecten
{
	width: 300px;
	text-align: center;
	font-size: 11px;
	font-weight: bold;
}

.pagina
{
	width: 200px;
	height: 50px;
	font-size: 11px;
	text-align: right;
	padding-right: 20px;
}

.pagina a 
{
	font-weight: bold;
	text-decoration: underline;
	color: #4e4e4e;
	padding-left: 3px;
	padding-right: 3px;
}

#aanbod
{
	padding-left: 15px;
	padding-right: 15px;
	border: 1px solid #d3d2d3;
}

.aanbod
{
	background: #ffffff;
	width: 670px;
	height: 156px;
	cursor: pointer;
	z-index: 1;	
}

.aanbod_afbeelding .label
{
	width: 207px;
	height: 156px;
	position: absolute;
	left: 0px;
	top: 0px;
}	

.aanbod_grijs
{
	background: #ebebeb;
	width: 670px;
	height: 156px;
	cursor: pointer;
	z-index: 1;	
}	

.aanbod_afbeelding
{
	width: 207px;
	height: 156px;	
	float: left;	
}

.aanbod_gegevens
{
	width: 200px;
	height: 100px;
	float: left;
	margin-left: 30px;
	margin-top: 30px;
}

.aanbod_plaats
{
	font-size: 15px;
	line-height: 20px;
	margin: 0;
	font-weight: bold;	
	text-transform: uppercase;
}

.aanbod_adres
{
	font-size: 13px;
	line-height: 20px;
	margin: 0;
}

.aanbod_prijs
{
	line-height: 20px;
	font-size: 14px;
	margin-top: 30px;
	font-weight: bold;
}

.presentatie
{
	width: 214px;
	height: 54px;
	margin-right: 0px;
	margin-top: 70px;
	z-index: 1;
	float: right;
}


/* ##########          Overig          ########## */

#naw
{
	width: 232px;
	background: #d3d2d3;
	height: 272px;
	margin-top: 25px;
	text-align: left;
	position: relative;
}

.naw
{
	padding: 25px;
	position: absolute;
	top: 1px;
	left: 1px;
	width: 180px;
	background: #ffffff;
	font-size: 12px;
	line-height: 22px;
}

.form {
	background: #FFFFFF;
	border: 1px solid #00477f;
	font-family: "Trebuchet MS", Helvetica, Arial;
	font-size: 11px;
	width: 200px;
}

.form-textveld {
	background: #FFFFFF;
	border: 1px solid #00477f;
	font-family: "Trebuchet MS", Helvetica, Arial;
	font-size: 11px;
	width: 200px;
}

.form-knop {
	background: #FFFFFF;
	border: 1px solid #00477f;
	font-family: "Trebuchet MS", Helvetica, Arial;
	font-size: 11px;	
}

.pngoverlay
{
	position: absolute;
	z-index: 10;
	left: 0;
	top: 0;
	height: 210px;
	overflow: hidden;
}

.afbonderpng
{
	position: absolute;
	z-index: 5;
	left: 0;
	top: 0;
}