/* Design & Code (c) ABOVO Media */
html, body { 
	padding			: 0; 
	margin			: 0; 
}

body {
	font			: normal 12px "Arial", "Verdana", sans-serif;
	background-color: #e1eaf3;
	color			: #767676; 
}	

#wrapper {
	margin			: 30px auto 0 auto;
	width			: 900px;
}

#top {
	position		: relative;
	float			: left;
	width			: 900px;
	height			: 39px;
	background		: #254c7c url('../_images/top_background.gif') no-repeat top left;
	text-align		: right;
	padding			: 9px 0 0 0;
	z-index			: 2;
}

	#home #top {
		width			: 870px;
		height			: 31px;
		padding			: 17px 30px 0 0;
	}

#header {
	position		: relative;
	float			: left;
	width			: 900px;
	height			: 265px;
	background-repeat: no-repeat;
	background-position: top left;
	z-index			: 1;
}

	#home #header {
		height      : 266px;
      padding     : 214px 0 0 14px;
      width       : 886px;
	}

	#header #overlay_top {
		position		: absolute;
		width			: 900px;
		height			: 75px;
		top				: 0;
		left			: 0;
		background		: transparent url('../_images/header_top.png') no-repeat top left;
	}

	#header #logo {
		position			: absolute;
		top				: 79px;
		left				: 53px;
		width				: 371px;
		height			: 58px;
		background		: transparent url('../_images/logo_background.png') no-repeat top left;
	}

		#header #logo img {
			width			: 361px;
			height			: 48px;
		}

	#header .block {
		float			: left;
		width			: 178px;
		height			: 168px;
		margin			: 0 59px 0 36px;
		padding			: 15px 0 0 25px;
		background		: transparent url('../_images/block.png') no-repeat top left;
	}

		#header .block img {
			margin			: 0 0 0 -10px;
		}	

	#header #overlay_bottom {
		position		   : absolute;
		width			   : 900px;
		height			: 43px;
		bottom			: 0;
		left			   : 0;
		background		: transparent url('../_images/header_bottom.png') no-repeat top left;
	}

   #header #nieuwbouw.block {
      margin-right: 0px;
   }

#menu {
	float			: left;
	width			: 870px;
	height			: 41px;
	padding			: 0 0 0 30px;
	background		: #254c7c url('../_images/menu_background.gif') no-repeat bottom left;
}

#main {
	float			: left;
	width			: 840px;
	height			: auto;
	padding			: 20px 30px;
	background		: #fff url('../_images/main_background.gif') no-repeat bottom left;
}

	#main #left {
		float			: left;
		width			: 541px;
		height			: auto;
		padding			: 5px 20px 5px 0;
		border-right	: 1px solid #e1e9f3;
	}

		#main #left #breadcrums {
			margin			: 0 0 15px 0;
		}

		#main #left .object {

		}

			#main #left .object .image {
				float			: left;
				width			: 177px;
				height			: 132px;
				margin			: 0 15px 0 0;
				position		: relative;
			}

				#main #left .object .image .overlay {
					position		: absolute;
					width			: 177px;
					height			: 24px;
					color			: #fff;
					font-weight		: bold;
					text-align		: center;
					bottom			: 0;
					left			: 0;
					padding			: 22px 0 0 0;
					background		: transparent url('../_images/object_overlay.png') no-repeat top left;
				}

				#main #left .object .price,
				#main #right .object .price {
					color			: #f7941e;
				}

		#main #left #nav { }

			#main #left #nav span {
				float			: left;
				padding			: 6px 0 0 0;
			}

		#main #left #object { }

			#main #left #object #tabs { 
				margin			: 0 0 15px 0;
			}

			#main #left #object #details { 
				margin			: 0 0 15px 0;
			}

				#main #left #object #details .image {
					float			: left;
					width			: 260px;
					/*height		: 190px;*/
					position		: relative;
					margin		: 0 15px 0 0;
				}

					#main #left #object #details .image .overlay {
						position		: absolute;
						width			: 260px;
						height			: 24px;
						color			: #fff;
						font-weight		: bold;
						text-align		: center;
						bottom			: 0;
						left			: 0;
						padding			: 22px 0 0 0;
						background		: transparent url('../_images/object_overlay_large.png') no-repeat top left;
					}

				#main #left #object #details .price {
					display			: block;
					margin			: 0 0 20px 0;
					font-weight		: bold;
					color			: #f7941e;
				}

				#main #left #object #details table {
					margin			: 0 0 20px 0;
				}

				#main #left #object #details td {
					padding			: 3px 0;
				}

			#main #left #object #image {
				float			: left;
				/*width			: 416px;
				height			: 312px;*/
			}

			#main #left #object #images {
				float			: left;
				width			: 110px;
				margin			: 0 0 0 15px;
			}

				#main #left #object #images #up, #main #left #object #images #down {
					float			: left;
					width			: 110px;
					height			: 22px;
					cursor			: pointer;
				}

					#main #left #object #images #up a, #main #left #object #images #down a {
						display			: block;
						width			: 110px;
						height			: 22px;
						background		: transparent url('../_images/up.gif') no-repeat center;
					}

					#main #left #object #images #down a {
						background		: transparent url('../_images/down.gif') no-repeat center;
					}

					#main #left #object #images #up a:hover {
						background		: transparent url('../_images/up_active.gif') no-repeat center;
					}

					#main #left #object #images #down a:hover {
						background		: transparent url('../_images/down_active.gif') no-repeat center;
					}

				#main #left #object #images #slider {
					float			: left;
					width			: 110px;
					height			: 268px;
					overflow		: hidden;
					position		: relative;
				}

					#main #left #object #images #slider #thumbs {
						width			: 110px;
						text-align		: center;
						position		: absolute;
						top				: 0;
						left			: 0;
					}

						#main #left #object #images #slider #thumbs img {
							width			: 106px;
							height			: 80px;
							padding			: 2px;
							margin			: 0 0 5px 0;
						}

						#main #left #object #images #slider #thumbs a.active img {
							padding			: 0;
							border			: 2px solid #254c7c;
						}

	#main #right {
		float			: left;
		width			: 258px;
		height			: auto;
		padding			: 5px 0 5px 20px;
		border-left		: 1px solid #e1e9f3;
		margin-left		: -1px;
	}

		#main #right #options {
			float			: left;
			width			: 258px;
			height			: auto;
		}

			#main #right #options .top {
				float			: left;
				width			: 231px;
				height			: 32px;
				background		: transparent url('../_images/options_top.gif') no-repeat top left;
				padding			: 17px 0 0 27px;
			}

			#main #right #options .middle {
				float			: left;
				padding			: 10px 0 5px 27px;
				width			: 231px;
				background		: transparent url('../_images/options_middle.gif') repeat-y top left;
			}

			#main #right #options .bottom {
				float			: left;
				width			: 258px;
				height			: 13px;
				background		: transparent url('../_images/options_bottom.gif') repeat-y top left;
			}

#bottom {
	float			: left;
	width			: 840px;
	color			: #fff;
	padding			: 10px 30px 15px 30px;
	background		: #254c7c url('../_images/bottom_background.gif') no-repeat bottom left;
}

	#bottom #left {
		float			: left;
		width			: 517px;
		padding			: 10px 35px 10px 0;
		border-right	: 1px solid #3b5e89;
	}

	#bottom #right {
		float			: left;
		width			: 262px;
		height			: auto;
		padding			: 10px 0 10px 25px;
		border-left		: 1px solid #3b5e89;
		margin-left		: -1px;
	}

		#bottom #right #dossier {
			position		: relative;
			width			: 152px;
			height			: 105px;
			background		: transparent url('../_images/dossier.gif') no-repeat left;
			margin-left		: -20px;
			padding			: 0 0 0 110px;
		}

			#bottom #right #dossier img {
				margin			: 10px 0 0 -3px;
			}

#footer {
	float			: left;
	width			: 840px;
	color			: #767676;
	padding			: 15px 30px 20px 30px;
}

	#footer #address {
		float			: left;
		width			: 280px;
		border-right	: 1px solid #cbd8e7;
	}

	#footer #open {
		float			: left;
		width			: 240px;
		border-left		: 1px solid #cbd8e7;
		border-right	: 1px solid #cbd8e7;
		padding			: 0 20px;
		margin-left		: -1px;
	}

	#footer #file {
		float			: left;
		width			: 240px;
		padding			: 0 0 0 20px;
		margin-left		: -1px;
		border-left		: 1px solid #cbd8e7;
	}

	#footer #copyright {
		float			: left;
	}

	#footer #sitemap {
		float			: right;
	}

	#footer .hr {
		height			: 1px;
		margin			: 15px 0 10px 0;
		background		: transparent url('../_images/footer_hr.gif') repeat-x left;
	}

   #footer #subFooter {
      font-size      : 10px;
      float          : left;
   }

.banner {
	width			: 239px;
	float			: left;
	height			: 84px;
	padding			: 9px 0 0 20px;
	margin			: 0 11px 11px 0;
	cursor			: pointer;
	background		: transparent url('../_images/banner.gif') no-repeat top left;
}
.banner .klik_hier{
	position		: absolute;
	top				: 60px;
}

.hr {
	height			: 1px;
	margin			: 15px 0 15px 0;
	background		: transparent url('../_images/hr.gif') repeat-x left;
}

.clear {
	clear			: both;
}
/* Nieuw blok */

.block_side{
	width			: 260px;
	float			: left;
	margin			: 10px 0 10px 0;
}
.block_side .block_text{
	color			: #767676;
	margin-top		: 5px;
	padding			: 0 5px 0 5px;
}

.block_side .block_text p{
	line-height:18px;
	margin:0 0 0 0;
}

	
/* Headings H1-H6 */
h1 { }

	#main h1 {
		font-size		: 18px;
		padding			: 0 0 0 30px;
		margin			: 0 0 15px 0;
		background		: transparent url('../_images/icon.gif') no-repeat left;
	}

h2 { }

	.block h2 {
		font-size		: 18px;
		color			: #254c7c;
	}

	#main h2 {
		font-size		: 18px;
		padding			: 0 0 0 30px;
		margin			: 0 0 10px 0;
		background		: transparent url('../_images/icon.gif') no-repeat left;
	}

	#main h2.search {
		background-image: url('../_images/search.gif');
	}

	#main h2.news {
		background-image: url('../_images/news.gif');
	}

h3 { }

	#bottom h3 {
		font-size		: 18px;
		color			: #fff;
		margin			: 0 0 10px 0;
	}

	#footer h3 {
		font-size		: 16px;
		margin			: 0 0 5px 0;
	}

h4 { }

	.block h4 {
		font-size		: 18px;
		color			: #f7941e;
	}

	.banner h4 {
		font-size		: 18px;
		color			: #f7941e;
		margin			: 0 0 0px 9px;
	}
	.block_side h4{
		font-size		: 18px;
		color			: #f7941e;
		margin			: 5px 0 0px 5px;
	}

h5 { }

h6 { }


/* Paragraph and Link Styles */
p { }

	.block p {
		padding			: 5px 0 8px 0;
		line-height		: 18px;
	}

	#bottom p {
		line-height		: 18px;
	}	

	#main p {
		line-height		: 18px;
		margin			: 0 0 15px 0;
	}

	#footer p {		
		line-height		: 18px;
	}

	#address p {
		float			: left;
		width			: 140px;
	}

	#news p {
		margin			: 0 0 10px 0;
	}

	#main .object p {
		margin			: 0 0 10px 0;
	}

a { 
	color			: #f7941e;
}	

	#top ul.main li a span {
		display			: none;
	}	

	#top ul.main li a {
		float			: left;
		width			: 115px;
		height			: 55px;
		background-position: top left;
		background-repeat: no-repeat;
	}

	#top ul.main li.amsterdam a {
		background-image: url('../_images/nav_amsterdam.gif');
	}

	#top ul.main li.haarlem a {
		width			: 92px;
		background-image: url('../_images/nav_haarlem.gif');
	}

	#top ul.main li.haarlemmermeer a {
		width			: 161px;
		background-image: url('../_images/nav_haarlemmermeer.gif');
	}

	#top ul.main li.nieuwbouw a {
		width			: 119px;
		background-image: url('../_images/nav_nieuwbouw.gif');
	}

	#top ul.main li.active a {
		background-position: bottom left;
	}

	#home #top ul.main li a {
		width			: auto;
		height			: auto;
		color			: #fff;
		text-decoration	: none;
	}

	#home #top ul.main li a:hover {
		text-decoration	: underline;
	}

	.block a {
		color			: #f7941e;
	}

	#menu ul.main li a {
		color			: #fff;
		font-weight		: bold;
		text-decoration	: none;
		padding			: 9px 20px 0 11px;
		float			: left;
		height			: 25px;
	}

	#menu ul.main li a:hover {
		text-decoration	: underline;
	}

	#menu ul.main li.active a {
		color			: #f7941e;
		background		: #fff url('../_images/menu_right.gif') no-repeat right;		
	}

	#menu ul.main li.active a:hover {
		text-decoration	: none;
	}

	#menu ul.submain li a, #menu ul.main li.active ul.submain li a {
		padding			: 5px 25px 5px 10px;
		float			: none;
		display			: block;
		height			: auto;
		font-weight		: normal;
		color			: #fff;
		background		: transparent url('../_images/submenu_list.gif') no-repeat left;
	}

	#menu ul.submain li a:hover, #menu ul.main li.active ul.submain li a:hover {
		text-decoration	: underline;
	}

	#bottom a {
		color			: #fff;
	}

	#footer a {
		color			: #f7941e;
	}

	#sitemap ul.main li a {
		color			: #767676;
		text-decoration	: none;
	}

	#sitemap ul.main li a:hover {
		text-decoration	: underline;
	}

	a.arrow {
		color			: #254c7c;
		font-weight		: bold;
		padding			: 0 10px 0 0;
		cursor			: pointer;
		background		: transparent url('../_images/arrow.gif') no-repeat right;
	}

	#news strong a {
		color			: #254c7c;
		text-decoration	: none;
		padding			: 0 0 3px 0;
		display			: block;
	}

	#news strong a:hover {
		text-decoration	: underline;
	}
	
	.banner a {
		color			: #fff;
		text-decoration	: none;
	}

	.banner a:hover, .banner:hover a {
		text-decoration	: underline;
	}

	.object strong a {
		color			: #254c7c;
		text-decoration	: none;
		padding			: 0 0 3px 0;
		display			: block;
	}

	.object strong a:hover {
		text-decoration	: underline;
	}

	.object .more a {
		color			: #254c7c;
		font-weight		: bold;
		float			: right;
		background		: transparent url('../_images/arrow.gif') no-repeat right;
		padding			: 0 10px 0 0;
		text-decoration	: none;
	}

	.object .more a:hover {
		text-decoration	: underline;
	}

	#nav ul li a {
		display			: block;
		float			: left;
		color			: #767676;
		text-decoration	: none;
		padding			: 5px 8px;
		border			: 1px solid #fff;
		margin			: 0 2px 0 0;
	}

	#nav ul li a:hover {
		border			: 1px solid #f7941e;
		color			: #f7941e;
	}

	#nav ul li a.active {
		border			: 1px solid #e1e9f3;
		font-weight		: bold;
		color			: #254c7c;
	}

	#nav ul li.button a { }

	#nav ul li.button a:hover {
		color			: #f7941e;
		border-color	: #f7941e;
	}

	#result ul li a {
		color			: #254c7c;
		font-weight		: bold;
		text-decoration	: none;
		padding			: 0 0 0 12px;
		background		: transparent url('../_images/result_list.gif') no-repeat left;
	}

	#result ul li a:hover {
		text-decoration	: underline;
	}

	#tabs ul li a {
		float			: left;
		height			: 21px;
		background		: transparent url('../_images/tab_right.gif') no-repeat right;
		padding			: 5px 15px 0 15px;
		color			: #767676;
		text-decoration	: none;
	}

	#tabs ul li.active a, #tabs ul li:hover a {
		color			: #fff;
		background		: transparent url('../_images/tab_active_right.gif') no-repeat right;
	}

	strong a {
		color			: #254c7c;
		text-decoration	: none;
	}

	strong a:hover {
		text-decoration	: underline;
	}

	#options ul li a {
		color			: #767676;
		text-decoration	: none;
		font-weight		: bold;
	}

	#options ul li a img {
		vertical-align	: middle;
		padding			: 0 5px 0 0;
	}

	#options ul li a:hover span {
		text-decoration	: underline;
	}

/* Lists and Navigation */
ul { }	

	#main ul {
		margin			: 15px 0 15px 25px;
	}

	#main ul li {
		list-style-type	: disc;
		padding			: 3px 0;
	}

	#top ul.main {
		/*width			: 496px;*/
		position		: absolute;
		right			: 8px;
		top				: 9px;
	}

	#top ul.main li {
		float			: left;
	}

	#home #top ul.main { 
		width			: auto;
		right			: 20px;
		top				: 17px;
	}

	#home #top ul.main li {
		float			: left;
		height			: auto;
		display			: inline;
		padding			: 0 8px 0 10px;
		border-right	: 1px solid #7994b4;
	}

	#home #top ul.main li.last {
		border			: 0;
		padding-right	: 0;
	}

	#menu ul.main { 
		margin			: 7px 0 0 0;
	}

	#menu ul.main li {
		float			: left;
		height			: 34px;
		padding			: 0 0 0 7px;
		margin-left		: -2px;
		background		: transparent url('../_images/menu_bar.gif') no-repeat right;
	}

	#menu ul.main li.last {
		background		: none;
		padding-right	: 0;
	}

	#menu ul.main li.active {
		background		: #fff url('../_images/menu_left.gif') no-repeat left;
	}

	#menu ul.submain { 
		position		: absolute;
		visibility		: hidden;
		margin			: 0 0 0 -5px;	
		background-color: #254c7c;
		padding			: 0 0 8px 17px;
		z-index			: 10000;
	}

	#menu ul.main li.active ul.submain {
		margin-left		: -7px;
	}

	#menu ul.submain li, #menu ul.submain li.last, #menu ul.submain li.active {
		float			: none;
		display			: block;
		padding			: 0;
		margin			: 0;
		background		: none;
		height			: auto;
	}

	#sitemap ul.main { }

	#sitemap ul.main li {
		display			: inline;
		padding			: 0 8px 0 10px;
		border-right	: 1px solid #ababab;
	}

	#sitemap ul.main li.last {
		border			: 0;
		padding-right	: 0;
	}

	#nav ul { 
		float			: left;
		margin			: -4px 0 0 10px;
	}

	#nav ul li { 		
		list-style-type	: none;
		float			: left;
	}

	#result ul {
		margin			: 0 0 0 10px;
	}

	#result ul li { 
		padding			: 0 0 6px 0;
		list-style-type	: none;
	}

	#tabs ul { 
		float			: left;
		border-bottom	: 1px solid #e1e9f3;
		width			: 100%;
		margin			: 0;
	}

	#tabs ul li {
		float			: left;
		height			: 26px;
		background		: transparent url('../_images/tab_left.gif') no-repeat top left;
		margin			: 0 0 0 5px;
		padding			: 0;
		list-style-type	: none;
	}

	#tabs ul li.active, #tabs ul li:hover {
		background		: #f7941e url('../_images/tab_active_left.gif') no-repeat top left;
	}

	#options ul { 
		margin			: 0;
	}

	#options ul li {
		padding			: 4px 0;
		list-style-type	: none;
	}

/* Forms */
form { }

input, select, textarea {
	font			: normal 12px "Arial", "Verdana", sans-serif;
	color			: #767676; 
	padding			: 3px;
	margin			: 3px 0;
	border			: 1px solid #e3e9ef;
	border-top		: 1px solid #abadb3;
	width			: 177px;
	background-color: #fff;
	vertical-align	: middle;
}

	select.city {
		background		: #fff url('../_images/city.gif') no-repeat 6px 4px;
		padding			: 3px 3px 3px 27px;
	}

	select.price {
		background		: #fff url('../_images/price.gif') no-repeat 6px 4px;
		padding			: 3px 3px 3px 27px;
		margin-bottom	: 10px;
	}

ul.crossfade {
   padding: 0;
   margin: 0;
   list-style: none;
   position: relative;
   margin-top:20px;
}
ul#slide {
   margin:0 auto;
   margin-top:45px;
   position: absolute;
   left:50%;
   margin-left:-450px;
}
ul#slide li {
   position: absolute;
   top: 60;
   left: 0;

   background-color: #FFF;
   visibility: hidden;
}	

div.share p {
border-bottom:1px solid #E1E9F3;
margin-bottom:5px;
padding:0;
font-weight: bold;
}	

div.share{
   clear: both;
   margin-top: 10px;
   padding:10px 0 5px 27px;
   width:150px;
   
}
