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

body {
	font			: normal 11px "Lucida Sans Unicode", "Tahoma", "Verdana", sans-serif;
	color			: #4d4d4d; 
	background		: #0e3459 url('../_images/background.gif') repeat-x top left;
}	

#wrapper {
	margin			: 0 auto;
	width			: 100%;
	min-height		: 100%;
	min-width		: 790px;
	background		: transparent url('../_images/body_background.png') repeat-y center;
}

#body {
	width			: 790px;
	margin			: 0 auto;
}

#top {
	width			: 750px;
	width			: 750px;
	height			: 109px;
	padding			: 19px 17px 0 23px;
	background		: transparent url('../_images/top_background.gif') repeat-x top left;
}

	#top #menu {
		float			: right;
		margin			: 31px 0 0 0;
		height			: 35px;	
	}

		#top #menu #menu_left, #top #menu #menu_right {
			float			: left;
			width			: 5px;
			height			: 35px;
			background		: transparent url('../_images/menu_left.gif') no-repeat top left;
		}

		#top #menu #menu_right {
			background-image: url('../_images/menu_right.gif');
		}

#header {
	position		: relative;
	width			: 780px;
	height			: 94px;
	padding			: 161px 5px 0 4px;
	background-position: center;
	background-repeat: no-repeat;
	background-color: transparent;
}

	#header #header_top {
		position		: absolute;
		top				: 0;
		left			: 0;
		width			: 790px;
		height			: 11px;
		background		: transparent url('../_images/header_top.gif') no-repeat top left;
	}
	
	#search2, #search2 table, #search2 form, #search2 form table, #search2 form table td
	{
/*		z-index: 1;*/
/*			position: relative;*/
	}

 #search2 form table td .field
	{
/*		z-index: 1;*/
			position: relative;
	}

	#header #search, #header #search2{
		width			: 780px;
		height			: 94px;
		color			: #323232;
		background		: transparent url('../_images/header_overlay.png') repeat-x top left;
	}

		#header #search .field, #header #search2 .field  {
			position		: relative;
			float			: left;
			height			: 75px;
		}

		#header #search .bar, #header #search2 .bar {
			float			: left;
			height			: 75px;
			width			: 1px;
			padding			: 0 30px;
			background		: transparent url('../_images/search_bar.gif') repeat-y top center;
			opacity			: .25;
			filter			: alpha(opacity=25);
		}

	#header #news {
        position		: absolute;
        top				: 126px;
		right			: 20px;
        width			: 232px;
		height			: 237px;
        padding			: 45px 5px 0 5px;
		background		: transparent url('../_images/news_background.png') no-repeat top left;
	}

		#header #news .bar {
			float			: left;
			width			: 232px;
			height			: 2px;
			margin			: 10px 0;
			background		: transparent url('../_images/news_bar.gif') repeat-x center;
			opacity			: .05;
			filter			: alpha(opacity=5);
		}
	
		#header #news .date {
			font-size		: 12px;
			font-weight		: normal;
			color			: #fff;
			margin			: 0;
			padding			: 15px 0 0 12px;
			float			: left;
			width			: 50px;
		}

		#header #news .post {
			float			: left;
			width			: 150px;
			padding			: 0 20px 0 0;
		}

#main {
	padding			: 20px 20px 220px 25px;
	float			: left;
	width			: 745px;
/*	position: relative;*/
/*		z-index: 1;*/
}

	#home #main {
		width			: 740px;
		padding-right	: 25px;
	}	

	#left {
		float			: left;
		width			: 483px;
/*		position: relative;
		z-index: 1;*/
	}

		#aanbodView
		{
			width			: 220px;
			margin			: 0px 0 0 0;
		}
		
		#left #aanbod {
			width			: 483px;
			margin			: 20px 0 0 0;
		}

			#left #aanbod .top, #aanbodView .top {
				width			: 100%;
				height			: 30px;
				background		: transparent url('../_images/aanbod_top.gif') no-repeat top left;
			}
	   	 #aanbodView .top h2 {
	   	 	padding-top: 8px;
	   	 	margin-top: 0px;
	   	 	margin-left: 35px;
	   	 }
			#left #aanbod .middle, #aanbodView .middle {
				width			: 457px;
				padding			: 17px 19px 3px 5px;
				border-right	: 1px solid #c2c2c2;
				border-left		: 1px solid #c2c2c2;
			}
			#aanbodView .middle 
			{
				width: 210px;
				padding: 4px;
			}
	
			#left #aanbod .bottom, #aanbodView .bottom {
				width			: 483px;
				height			: 4px;
				background		: transparent url('../_images/aanbod_bottom.gif') no-repeat bottom center;			
			}
			#aanbodView .bottom {
				width			: 220px;
				height			: 1px;
				margin-bottom: 5px;
			}	
			#left #aanbod .aanbod, #aanbodView .aanbod  {	
				float			: left;
				position		: relative;
				cursor			: pointer;
				margin			: 0 0 14px 14px;
			}
			#aanbodView .aanbod  {	
				margin			: 0 0 4px 4px;
			}
				#left #aanbod .aanbod img, #aanbodView .aanbod img {
					width			: 94px;
					height			: 70px;
					border			: 3px solid #214466;
				}

				#left #aanbod .aanbod .hover, #aanbodView .aanbod .hover  {
					position		: absolute;
					top				: 3px;
					left			: 3px;
					width			: 94px;
					height			: 65px;
					padding			: 5px 0 0 0;
					display			: none;
					text-align		: center;	
					color			: #fff;				
					background		: transparent url('../_images/woning_hover.png') repeat top left;
				}

				#left #aanbod .aanbod .hover strong, #aanbodView .aanbod .hover strong  {
					display			: block;
				}
				#aanbodView .pagination {
					padding: 5px;
				}

		#left #overview {
			margin			: 0 0 15px 0;
		}

			#left #overview img {
				float			: left;
				border			: 1px solid #ccd4dc;
				padding			: 1px;
				margin-right	: 15px;
			}

		#left #sections {
			width			: 100%;
			height			: 32px;
			background		: transparent url('../_images/sections.gif') no-repeat left;
		}

			#left #sections div {
				float			: left;
				height			: 24px;
				padding			: 8px 15px 0 15px;
				cursor			: pointer;
			}

			#left #sections .selected {
				background		: transparent url('../_images/sections_background.gif') repeat-x top left;
			}

			#left #sections .first {
				padding-left	: 16px;
			}

			#left #sections .first-selected {
				padding-left	: 16px;
				background		: transparent url('../_images/sections_first.gif') no-repeat left;
			}

		#left .section	{
			width			: 453px;
			min-height		: 75px;
			padding			: 12px 15px 0 15px;
			margin			: 10px 0 25px 0;
			background		: transparent url('../_images/section_background.gif') no-repeat top left;
		}

			#left .section img {
				border			: 1px solid #ccd4dc;
				padding			: 1px;
				width			: 100px;
				height			: 76px;
				margin			: 2px 7px 5px 0;			
			}

		#left #description	{
			padding			: 10px;
		}

		#left #image {
			position		: relative;

		}

			#left #image img {
				border			: 1px solid #ccd4dc;
				padding			: 1px;
				margin			: 10px 0;
			}


			#left #image #previmg {
				display			: none;
				position		: absolute;
				top				: 0;
				left			: 2px;
				width			: 60px;
				height			: 350px;
				cursor			: pointer;
				background		: transparent url('_images/spacer.gif') repeat top left;
			}

			#left #image #nextimg {
				display			: none;
				position		: absolute;
				top				: 0;
				right			: 0;
				width			: 60px;
				height			: 350px;
				cursor			: pointer;
				background		: transparent url('_images/spacer.gif') repeat top left;
			}

			#left #image #prevhover {
				margin			: 140px 0 0 0;
				border			: 0px;
				padding			: 0px;
/*				display			: none;*/
				width			: 60px;
				height			: 60px;
				background		: transparent url('../_images/previmg.png') no-repeat left;
			}

			#left #image #nexthover {
				margin			: 140px 0 0 0;
				border			: 0px;
				padding			: 0px;
/*				display			: none;*/
				width			: 60px;
				height			: 60px;
				background		: transparent url('../_images/nextimg.png') no-repeat right;
			}




		#left #images {
			float			: left;
			width			: 441px;
			height			: 80px;
			overflow		: hidden;
			white-space		: nowrap;
			margin			: 0 0 15px 0;
		}

		#left #images img {
/*			width			: 100px;*/
			height			: 76px;
			border			: 1px solid #ccd4dc;
			padding			: 1px;
			margin-right	: 4px;
		}

		#left #images img.selected {
			border			: 1px solid #0e3459;
		}
			
		#left #track {
			clear			: both;
			width			: 400px;
			height			: 13px;
			margin			: 0 0 20px 10px;
			background		: transparent url('../_images/track.gif') no-repeat center;
		}
			
		#left #handle {
			width			: 37px;
			height			: 13px;
			background-color: #0e3459;
			cursor			: move;
			background		: transparent url('../_images/handle.png') no-repeat top left;
		}

		#left #spacer {
			width			: 100%;
			height			: 10px;
			display			: none;
		}

	#right {
		float			: left;
		width			: 242px;
		padding			: 0 0 0 20px;
	}

		#home #right {
			width			: 232px;
			padding			: 149px 0 0 25px;
		}

		#right .banner {
			width			: 232px;
			margin			: 0 0 14px 0;
		}

		#right #opties {
			width			: 242px;
			height			: auto;
			margin-top		: -5px;
		}

			#right #opties .top {
				width			: 100%;
				height			: 35px;
				background		: transparent url('../_images/opties_top.gif') no-repeat top left;
			}

			#right #opties .middle {
				width			: 198px;
				height			: auto;
				min-height		: 200px;
				padding			: 15px 22px 11px 22px;
				background		: transparent url('../_images/opties_background.gif') no-repeat bottom left;
			}

			#right #opties .optie {
				margin			: 0 0 12px 0;
				cursor			: pointer;
			}

				#right #opties .optie img {
					border			: 0;
					margin			: 0;
					width			: 30px;
					height			: 22px;
				}

	.bar {
		width			: 100%;
		height			: 32px;
		background		: transparent url('../_images/bar_background.gif') repeat-x top left;
	}

		.bar .left, .bar .right {
			float			: left;
			width			: 3px;
			height			: 32px;
			background		: transparent url('../_images/bar_left.gif') no-repeat top left;
		}

		.bar .right { 
			float			: right;
			background-image: url('../_images/bar_right.gif');
		}

		.bar .middle {
			float			: left;
			font-size		: 11px;
			padding			: 8px 0 0 12px;
			color			: #0d3153;
		}

	.woning, .woning-alt {
		width			: 740px;
	}

		.woning .top, .woning-alt .top, .woning .bottom, .woning-alt .bottom {
			height			: 3px;
			width			: 100%;			
		}

		.woning-alt .top {
			background		: transparent url('../_images/woning_top.gif') no-repeat top left;
		}

		.woning-alt .bottom {
			background		: transparent url('../_images/woning_bottom.gif') no-repeat top left;
		}

		.woning .middle, .woning-alt .middle {
			width			: 720px;
			height			: auto;
			padding			: 7px 10px;
			cursor			: pointer;
		}

		.woning-alt .middle {
			background-color: #f0f0f1;
		}

		.woning .middle img, .woning-alt .middle img {
			float			: left;
			border			: 1px solid #ccd4dc;
			padding			: 1px;
			margin-right	: 15px;
		}

	#nav {
		margin			: 10px 0 30px 0;
		padding			: 10px 10px;
		border-top		: 1px solid #e0e0e0;
	}

		#nav #prev {
			float			: left;
			width			: 90px;
			padding			: 3px 0 0 0;
		}

		#nav #pages {
			float			: left;
			width			: 540px;
			text-align		: center;
		}

		#nav.navSmall #pages {
			width			: 200px;
		}

		#nav #next {
			float			: left;
			width			: 90px;
			text-align		: right;
			padding			: 3px 0 0 0;
		}

#footer {
	position		: relative;
	margin			: -200px auto 0 auto !important;
	width			: 100%;
	min-width		: 740px;
	height			: 200px;
	background		: transparent url('../_images/footer_background.gif') no-repeat top center;
}

	#footer #container {
		position		: absolute;
		width			: 100%;
	}

	#footer #container #center {
		width			: 710px;
		margin			: 0 auto;
		position		: relative;
	}

	#footer .kantoor {
		float			: left;
		margin			: 10px 0 0 0;
		padding			: 2px 23px 0 0;
		min-height		: 20px;
		background		: transparent url('../_images/kantoor.png') no-repeat top left;
	}

	#footer #wado {
		position		: absolute;
		width			: 160px;
		height			: 138px;
		top				: -30px;
		left			: 310px;
		background		: transparent url('../_images/wado.png') no-repeat top left;
		cursor: pointer;
	}

	#footer #wado_info {
		float			: left;
		min-height		: 35px;
		width			: 202px;
		margin			: 16px 0 0 175px;
		padding			: 42px 0 0 0;
		background		: transparent url('../_images/wado_info.png') no-repeat top left;
	}

	#footer #kantoor {
		float			: left;
		width			: 500px;
		padding			: 8px 0 8px 0;
	}

.clear {
	clear			: both;
}
	
/* Headings H1-H6 */
h1 { }

	#main h1 {
		color			: #0e345a;
		font-weight		: normal;
		text-transform	: uppercase;
		margin			: 0;
		padding			: 0;
		font-size		: 14px;
	}

	#aanbod .top h1 {
		color			: #0e345a;
		font-weight		: normal;
		text-transform	: uppercase;
		margin			: 0;
		font-size		: 11px;
		padding			: 7px 0 0 34px;
	}

	#main .woning h1, #main .woning-alt h1 {
		float			: left;
		text-transform	: none;
		font-size		: 13px;
		width			: 268px;
		padding			: 3px 0 0 0;
	}

	#overview h1 {
		text-transform	: none;
	}

h2 {
		color			: #fff;
        color            : #0e345a;
		font-weight		: normal;
		text-transform	: uppercase;
		margin			: 0;
		padding			: 0;
		font-size		: 11px;
 }

	#news h2 {
		color			: #fff;
		font-weight		: normal;
		text-transform	: uppercase;
		margin			: 0;
		padding			: 0;
		font-size		: 11px;
	}

	#overview h2 {
		font-size		: 11px;
		font-weight		: normal;
		text-transform	: uppercase;
		margin			: 0 0 30px 0;
		padding			: 2px 0 0 0;
	}

h3 {
	color			: #0e3459;
	font-weight		: normal;
	text-transform	: uppercase;
	margin			: 3px 0 7px 0;
	padding			: 0;
	font-size		: 12px;
}

	#search h3, #search2 h3  {
		color			: #0e3459;
		font-weight		: normal;
		text-transform	: uppercase;
		margin			: 3px 0 7px 0;
		padding			: 0;
		font-size		: 12px;
	}

	#footer h3 {
		color			: #4d4d4d;
		font-weight		: normal;
		text-transform	: uppercase;
		margin			: 0;
		padding			: 0;
		font-size		: 11px;
	}
    
    #footer h1 {
        color            : #4d4d4d;
        font-weight        : normal;
        text-transform    : uppercase;
        margin            : 0;
        padding            : 0;
        font-size        : 11px;
    }

	#left .section h3 {
		font-weight		: normal;
		text-transform	: uppercase;
		margin			: 0 0 8px 0;
		padding			: 0;
		font-size		: 12px;
		color			: #0e3459;
	}

h4 { }

	#right #opties .optie h4 {
		font-size		: 12px;
		font-weight		: normal;
		padding			: 0;
		margin			: 0;
		color			: #fff;
		text-transform	: uppercase;
	}

h5 { }

h6 { }


/* Paragraph and Link Styles */
p { }

	#news p {
		color			: #99b3bd;
		font-size		: 10px;		
		margin			: 0;
		padding			: 0;
		line-height		: 14px;
	}

	#main p {
		color			: #4d4d4d;
		line-height		: 17px;
		margin			: 0;
		padding			: 7px 0 3px 0;
	}

	#footer p {
		margin			: 10px 0 0 0;
		padding			: 0;
	}

	#footer .kantoor p {
		margin			: 7px 0 0 0;
		padding			: 0;
	}

/*	#main .woning p, #main .woning-alt p {
		margin-top		: 18px;
	}

/*	#main .woning p.opp, #main .woning p.prijs, #main .woning-alt p.opp, #main .woning-alt p.prijs {
		float			: left;
		padding			: 3px 0 0 0;
		margin			: 0;
		width			: 100px;
		color			: #363738;
	}*/

	.objectContent
	{
		float: left;
		width: 540px;
	}

	.woonoppervlakte, .perceeloppervlakte, .prijs, .adres {
		float			: left;
		padding			: 3px 0 0 0;
		margin			: 0px;
		color			: #363738;
		overflow: hidden;
	}
	.woonoppervlakte, .perceeloppervlakte, .prijs {
		padding-top: 7px;
	}
	.adres { width: 210px; }
	.woonoppervlakte { width: 100px; }
	.perceeloppervlakte { width: 100px; }
	.prijs { width: 125px;}

	.beschrijving
	{
		clear: both;
	}

	#overview p {
		margin			: 0;
		padding			: 0;
	}

	#left p.description {
		padding			: 10px;
	}

	#right #opties .optie p {
		margin			: -1px 0 0 0;
		padding			: 0;
		color			: #99b3bd;
		font-size		: 10px;
	}

a { }	

	a {
		color			: #264767;
	}

	#menu ul.main li a {
		color			: #fff;
		font-size		: 13px;
		text-decoration	: none;
	}

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

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

	#menu ul.submain li a {
		font-size		: 11px;		
	}

	#news h2 a {
		color			: #fff;
		text-decoration	: none;
	}

	#news h2 a:hover {
		text-decoration	: underline;
	}

	.bar a {
		color			: #0d3153;
		text-decoration	: none;
	}

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

	#nav a {
		text-decoration	: underline;
	}

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

	#nav #pages a {
		padding			: 4px 9px;
		color			: #888;
		border			: 1px solid #dedede;
		line-height		: 30px;
	}

	#nav.navSmall #pages a {
		padding			: 0px 4px;
		color			: #888;
		border			: 1px solid #dedede;
		font-size: 10px;
	}

	#nav #pages a:hover, #nav #pages a.selected  {
		text-decoration	: none;
		background-color: #f3f3f3;
	}

	#right #opties .optie h4 a {
		color			: #fff;
		text-decoration	: none;
	}	

	#right #opties .optie h4 a:hover, #right #opties .optie:hover a {
		text-decoration	: underline;
	}                                                                                                    

	#sections div a {
		text-decoration	: none;
	}

	#sections div:hover a, #sections div.selected a, #sections div.selected-first a {
		color			: #4d4d4d;
	}

	#sections div:hover {
		background		: transparent url('../_images/sections_background.gif') repeat-x top left;
	}

	#sections div.first:hover {
		background		: transparent url('../_images/sections_first.gif') no-repeat top left;
	}
	
	
/* Lists and Navigation */

ul { }

	#menu ul.main {
		margin			: 0;
		float			: left;
		height			: 27px;
		padding			: 8px 5px 0 5px;
		background		: transparent url('../_images/menu_background.gif') repeat-x top left;
	}

	#menu ul.main li {
		display			: inline;
		list-style-type	: none;
		padding			: 0 8px;
	}

	#menu ul.main li .submenu {
		position		: absolute;
		visibility		: hidden;
		float			: none;
		padding			: 7px 0 0 0;
		background		: transparent url('../_images/submenu_background.gif') no-repeat center top;
		margin			: 3px 0 0 -50px;
	}

	/* safari hack */
	body:first-of-type #menu ul.main li .submenu {
		margin			: 0 0 0 -50px;
	}

	#menu ul.main li .submenu .side {
		float			: left;
		width			: 1px;
		height			: 25px;
		background		: transparent url('../_images/submenu_side.gif') no-repeat top left;
	}

	#menu ul.main li .submenu .mid {
		float			: left;
		height			: 25px;
		background		: transparent url('../_images/sublink_background.gif') repeat-x top left;
		padding			: 4px 3px 0 3px;
	}

	#menu ul.submain {
		margin			: 0 0 0 -40px;
	}

	#menu ul.submain li {
		padding			: 0 8px 0 7px;
		border-right	: 1px solid #126e97;
	}

	#menu ul.submain li.last {
		border-right	: 0;
		padding-right	: 7px;
	}

	#nav ul {
		margin			: 0;
		padding			: 0;
	}

	#nav ul li {
		list-style-type	: none;
		display			: inline;
		padding			: 0 2px;
	}

	#nav.navSmall ul li {
		padding			: 0 1px;
	}

	#footer ul {
		margin			: 0;
		padding			: 0;
	}

	#footer ul li {
		list-style-type	: none;
		padding			: 3px 0 3px 21px;
		background		: transparent url('../_images/vink.png') no-repeat left;
	}

/* Forms */
form { }

	#search form, #search2 form  {
		margin			: 0;
		padding			: 10px 0 0 30px;
	}

#searchform {
		margin			: 0;
		padding			: 10px 0 0 30px;
}

input { 
	vertical-align	: middle;
}

	#search input, #search select, #search2 input, #search2 select  {
		margin			: 4px 2px 4px 0;
		padding			: 0;
		vertical-align	: middle;
		font			: normal 11px "Lucida Sans Unicode", "Tahoma", "Verdana", sans-serif;
		color			: #323232; 
	}

	#search2 input, #search2 select  {
		margin			: 2px 2px 2px 0;
	}

	#search select, #search2 select  {
		margin			: 0 0 2px 0;
		width			: 100px;
	}

	#search .check, #search2 .check  {
		margin			: 4px 2px 6px 0;
	}

	#search2 .check  {
		margin			: 2px 2px 2px 0;
	}

	#search .text, #search2 .text {
		margin-top		: 7px;
		padding			: 2px 3px;
		border			: 1px solid #8e8f8e;
		width			: 130px;
		overflow		: hidden;
		height			: 15px;
		z-index			: 1;
		background		: #fff url('../_images/dropdown.gif') no-repeat right;
	}

	#search .dropdown, #search2 .dropdown  {
		position		: absolute;
		display			: none;
		border			: 1px solid #8e8f8e;
		background-color: #fff;
		top				: 46px;
		left			: -148px;
		width			: 260px;
		z-index			: 10;
		opacity			: 0.9;
		filter			: alpha(opacity=90);
		padding			: 7px 12px;
	}
	#search2 .dropdown  
	{
		top				: 0px;
		left			: 146px;
	}

	#search .dropdown .close, #search2 .dropdown .close  {
		position		: absolute;
		right			: 5px;
		top				: 0px;
		font-size		: 14px;
	}

	#header #search #submit, #header #search2 #submit {
		width			: 69px;
		height			: 27px;
		position		: absolute;
		top				: 49px;
		left			: 72px;
		background		: transparent url('../_images/search.png') no-repeat top left;
		cursor: pointer;
	}
    
#contactformulier input, #contactformulier textarea, #contactformulier select,
.contactformulier input, .contactformulier textarea, .contactformulier select  
{
    width: 350px;
/*    height: 16px; */
    margin: 1px;
    font            : normal 11px "Lucida Sans Unicode", "Tahoma", "Verdana", sans-serif;    
    border: 1px solid gray;
}

.contactformulier input
{
   height: 18px; 
}

.contactformulier select
{
	margin-top: 6px;
}

input.button
{
	width: auto;
	height: auto;
	cursor: pointer;
}

#contactformulier #verz {
    width: 70px;
    height: 20px;
    border            : 1px solid #8e8f8e; 
    margin: 5px;
    font            : normal 11px "Lucida Sans Unicode", "Tahoma", "Verdana", sans-serif;     
    background-color: #fff;  
}

#contactformulier select {
    height: 20px; 
    font            : normal 11px "Lucida Sans Unicode", "Tahoma", "Verdana", sans-serif;    
}

h2 p {
		color			: #fff;
		font-weight		: normal;
		text-transform	: uppercase;
		margin			: 0;
		padding			: 0;
		font-size		: 11px;
 }
h2
{
	margin-top: 10px;
}

ul
{
	margin-top: 6px;
}

table.multipleSelect td
{
	padding-left: 4px;
}

table.kenmerken td 
{
	vertical-align: top;
}

.objectSmall
{
	width: 200px;
}

.objectSmall img
{
	border: 1px solid #214466;
}

/* Footer Logos */

.logos{
	text-align:center;
	padding-top: 10px;
	border-top: 1px solid #adadad;
	margin-top: 10px;
}
.logos .logo_image{
	padding-left:	50px;
}