@import url('css-reset.css');

body {
	font:					normal 11px/18px Verdana, Arial, Helvetica, sans-serif;
	background:				#f5f5f5 url('../images/layout/body-bg.gif') repeat-x top left;
	text-align:				center;
	color:					#222;
	}

#wrapper {
	width:					950px;
	margin:					0 auto;
	text-align:				center;
	}

#header {
	height:					100px;
	}

#header h1 {
	display:				block;
	width:					100%;
	height:					100%;
	text-indent:			-3000px;
	background:				url('../images/layout/logo-gnm-large.gif') no-repeat 0 33px;
	}

#container {
	margin:					0 auto;
	background:				#fff;
	border:					1px solid #dedede;
	padding:				5px;
	text-align:				left;
	}

#top {
	height:					240px;
	margin:					0 auto;
	background:				#54889a;
	position:				relative;
	}

strong {
	font-weight:			bold;
	}
	
em {
	font-style:				italic;
	}

/*
*		SLOGANS
*
*
****************************************/

#slogans {
	position:				absolute;
	top:					0;
	left:					0;
	height:					203px;
	width:					100%;
	overflow:				hidden;
	z-index:				20;
	}

/*
*		SEARCH FORM
*
*
****************************************/

#search-small {
	display:				none;
	height:					29px;
	width:					330px;
	background: 			url('../images/layout/top-nav-tab.png') no-repeat;
	background-position: 	100% -100px;
	position:				absolute;
	left:					600px;
	top:					175px;
	z-index:				26;
	}

#search-small div {
	background: 			url('../images/layout/top-nav-tab.png') no-repeat;	
	width:					100%;
	height:					28px;
	line-height:			28px;
	padding: 				1px 8px 0 8px;
	font-weight:			bold;
	color:					#496b79;
	}

#search-small div a,
#search-small div a:visited {
	font-weight:			normal;
	font-size:				90%;
	color:					#4e899d;
	text-decoration:		none;
	}

#search-small div a:hover {
	text-decoration:		underline;
	}

#search-small div form input.text-input {
	color:					#888;
	font-size:				11px;
	padding:				3px;
	background:				#fff;
	width:					125px;
	border:					1px solid #ccc;
	border-bottom:			2px solid #ccc;
	}

#search-extend {
	position:				absolute;
	right:					6px;
	top:					7px;
	z-index:				25;
	padding:				15px 10px 10px 10px;
	height:					165px;
	background:				url('../images/layout/search-bg.png') no-repeat top left;
	width:305px;
	}

#search-extend .form-item {
	margin:					0 0 5px 0;
	width:					100%;
	clear:					both;
	}

#search-extend input.text-input {
	border:					1px solid #bbb;
	border-bottom-width:	2px;
	font:					normal 11px/18px Arial, Helvetica, sans-serif;
	background:				#fff;
	padding:				4px;
	float:					left;
	width:					195px;
	}

#search-extend .form-description {
	color:					#666;
	line-height:			20px;
	margin:					2px;
	font-size:				10px;
	margin-left:			90px;
	}

#search-extend .form-item label {
	display:				block;
	font-size:				11px;
	width:					80px;
	line-height:			20px;
	font-weight:			bold;
	color:					#444;
	float:					left;
	text-align:				right;
	padding-right:			10px;
	}

#search-extend .form-item select.select-input {
	border:					1px solid #bbb;
	border-bottom-width:	2px;
	padding:				3px;
	color:					#333;
	height:					24px;
	width:					202px;
	float:					left;
	font-size:				11px;
	background: 			#fff url('../images/layout/input-bg.gif') repeat-x top left;
	}

#search-extend .form-item select.price {
	width:					91px;
	}

#search-extend .form-item .price-label {
	width:					20px;
	text-align:				center;
	padding:				0;
	}

#search-extend .form-item .submit-button {
	height:					2em;
	padding-bottom:			2px;
	margin-right:			3px;
	margin-left:			90px;
	font-weight:			bold;
	color:					#333;
	overflow: 				visible;	/* IE fix */
	padding:				0 10px;
	}

/*
*		NAVIGATION
*
*
****************************************/

#top-navigation {
	position:				absolute;
	top:					175px;
	left:					5px;
	z-index:				30;
    list-style: 			none;
    margin:					0;
    padding: 				0 0 0 4px;
	}

#top-navigation:after { /* clearing without presentational markup, IE gets extra treatment */
    display: 				block;
    clear: 					both;
    content: 				" ";
	}

#top-navigation li {
	float:					left;
    margin:					0 4px 0 0;
	}

#top-navigation a, 
#top-navigation li.active a {
    display: 				block;
	height:					28px;
	background:				#ff8800;
    padding: 				1px 8px 0 8px;
	line-height:			26px;
    background: 			url('../images/layout/top-nav-tab.png') no-repeat;
	}

#top-navigation li a,
#top-navigation li a:visited {
    z-index: 				2;
	color:					#496b79;
	margin-right:			3px;
    font-size: 				11px;
    font-weight: 			bold;
    text-align: 			center;
    text-decoration: 		none;
    white-space: 			nowrap; /* nodig IE 6 */  
	}

#top-navigation li {
	background: 			url('../images/layout/top-nav-tab.png') no-repeat;
	background-position: 	100% -100px;
	text-indent:			4px;
	}

#top-navigation li a {
	background: 			url('../images/layout/top-nav-tab.png') no-repeat;
	background-position: 	0 0;
	}
	
#top-navigation li.active {
	background: 			url('../images/layout/top-nav-tab.png') no-repeat;
	background-position: 	100% -150px;
	color:					#fff;
	}

#top-navigation li.active a,
#top-navigation li.active a:visited,
#top-navigation li.active a:hover {
	background: 			url('../images/layout/top-nav-tab.png') no-repeat;
	background-position: 	0 -50px;
	color:					#fff;
	text-decoration:		underline;
	}	

#top-navigation li a:hover, 
#top-navigation li a:focus, 
#top-navigation li a:active {
    background-position: 	0 -50px;
	color:					#fff;
	text-decoration:		underline;
	}

/* Additional IE specific bug fixes... */
* html #top-navigation { /* auto clear, @ IE 6 & IE 7 Quirks Mode */
    display: 				inline-block;
	}
	
*:first-child+html #top-navigation  { /* @ IE 7 Standards Mode - do not group selectors, otherwise IE 6 will ignore complete rule (because of the unknown + combinator)... */
    display: 				inline-block;
	}

#sub-navigation {
	height:					37px;
	background: 			url('../images/layout/sub-nav-bg.gif') repeat-x top left;
	position:				absolute;
	bottom:					0;
	left:					0;
	width:					100%;
	}

#sub-navigation ul {
	margin: 				0 20px;
	padding-top:			14px;
	}

#sub-navigation ul li {
	float:					left;
	height:					12px;
	line-height:			8px;
	padding:				0 15px;
	border-left:			1px solid #899ea7;
	}

#sub-navigation ul li:first-child {
	border-left:			0;
	}

#sub-navigation ul li a, 
#sub-navigation ul li a:visited {
	color:					#ccc;
	text-decoration:		none;
	line-height:			14px;
	display:				block;
	margin-top:				-2px;
	}

#sub-navigation ul li a:hover,
#sub-navigation ul li.active a, 
#sub-navigation ul li.active a:visited,
#sub-navigation ul li.active a:hover {
	color:					#fff;
	text-decoration:		underline;
	}

/*
*		BREADCRUMB
*
*
****************************************/

#breadcrumb {
	height:					35px;
	margin:					0 auto;
	padding:				0 15px;
	background: 			#fff url('../images/layout/breadcrumb-bg.gif') repeat-x top left;
	line-height:			34px;
	color:					#333;
	}

#breadcrumb a,
#breadcrumb a:visited {
	color:					#4e899d;
	}

#breadcrumb a:hover {
	text-decoration:		none;
	}

#breadcrumb span {
	color:					#6b6b6b;
	}

#breadcrumb span.separator {
	font-size:				90%;
	padding:				0 6px;
	}

#middle-bar {
	width:					100%;
	height:					14px;
	background: 			#fff url('../images/layout/middle-bar-bg.gif') repeat-x top left;
	}

/*
*		CONTENT
*
*
****************************************/

#contents {
	margin:					0 auto;
	padding:				8px;
	background:				 #fff url('../images/layout/content-bg.gif') repeat-x top left;
	}

#contents h2 {
	font:					normal 28px/28px Arial, Helvetica, sans-serif;
	color:					#308da4;
	font-weight:			normal;
	letter-spacing:			-1px;
	padding:				5px 0;
	}

#contents .page-description {
	line-height:			18px;
	color:					#555;
	margin: 				0 5px 10px 0;
	}

.holder {
	background:				#fff;
	border:					1px solid #dedede;
	padding:				5px;
	}

.static {
	margin: 				0;
	line-height:			24px;
	color:					#333;
	}

.static h3 {
	font: 					bold 16px/24px Verdana, Arial, Helvetica, sans-serif;
	color:					#333;
	}
	
.static h4 {
	font: 					bold 12px/20px Verdana, Arial, Helvetica, sans-serif;
	color:					#333;
	}

.static a,
.static a:visited {
	color:					#4e899d;
	text-decoration:		underline;
	}
	
.static a:hover {
	text-decoration:		none;
	}

.static p {
	margin-bottom:			15px;
	}

.static strong {
	font-weight:			bold;
	}

.static em {
	font-style:				italic;
	}

.static ul,
.static ol {
	margin-left:			25px;
	}
	
.static ul {
	list-style:				disc;
	}

.static ol {
	list-style:				decimal;
	}
	
.static ul li,
.static ol li {
	margin-bottom:			10px;
	}


/*
*		OBJECT LIST
*
*
****************************************/

#objects-list {
	width:					100%;
	}

#objects-list thead tr {
	height:					18px;
	line-height:			18px;
	vertical-align:			top;
	}

#objects-list thead tr th{
	background:				#eee;
	border-bottom:			1px solid #ccc;
	padding:				6px;
	vertical-align:			top;
	font-weight:			bold;
	}

	
#objects-list tbody tr {
	height:					118px;
	vertical-align:			top;
	}


#objects-list tbody tr td {
	border-bottom:			1px solid #ccc;
	padding:				6px;
	vertical-align:			middle;
	height:					118px;
	overflow:				hidden;
	}

#objects-list tbody tr td.thumb {
	line-height:			8px;
	width:					130px;
	}
	
#objects-list tbody tr td.address {
	width:					180px;
	vertical-align:			top;
	}

#objects-list tbody tr td.address a,
#objects-list tbody tr td.address a:visited {
	color:					#4e899d;
	font-size:				12px;
	text-decoration:		none;
	font-weight:			bold;
	}

#objects-list tbody tr td.address a:hover {
	text-decoration:		underline;
	}

#objects-list tbody tr td.description {

	}

#objects-list tbody tr td.price {
	font-weight:			bold;
	width:					120px;
	}

#objects-list tbody tr.odd td {
	background:				#f8f8f8;
	}

#objects-list tbody tr.sold td {
	background:				#fcffb9;
	}

a.object-list-mail,
a:visited.object-list-mail {
	display:				block;
	line-height:			26px;
	float:					left;
	color:					#4e899d;
	text-decoration:		underline;
	text-indent:			22px;
	margin-left:			3px;
	background:				url('../images/icons/mail.png') no-repeat 0 6px;
	}
	
a:hover.object-list-mail {
	text-decoration:		none;
	background:				url('../images/icons/mail2.png') no-repeat 0 5px;
	}

/*
*		PAGINATE LAYOUT
*
*
****************************************/

#pagination-links {
	padding: 				0;
	font-size:				10px;
	height:					20px;
	padding: 				4px 0;
	float:					right;
	width:					550px;
	}

#pagination-links span {
	font-size:				10px;
	float:					right;
	color:					#666;
	}

#pagination-links ul {
	float:					right;
	list-style-type: 		none;
	}

#pagination-links li.spacer {
	line-height:			26px;
	color:					#777;
	}

#pagination-links li {
	float: 					left;
	display: 				inline;
	margin: 				0 0 0 5px;
	display:				block;
	}

#pagination-links li a {
	color: 					#294b6e;
	padding: 				0 4px 1px 4px;
	border: 				1px solid #ccc;
	text-decoration: 		none;
	float: 					left;
	}

#pagination-links li a:hover {
	color: 					#294b6e;
	background: 			#f7f9fa;
	border: 				1px solid #294b6e;
	}

#pagination-links li.nolink {
	color: 					#CCC;
	border: 				1px solid #F3F3F3;
	padding: 				0 4px 1px 4px;
	}

#pagination-links li.current {
	color: 					#FFF;
	border: 				1px solid #6292c4;
	padding: 				0 4px 1px 4px;
	background: 			#a2c0e0;
	}


/*
*		OBJECT DETAILS
*
*
****************************************/

#object-left-column {
	width:					495px;
	float:					left;
	}

#object-left-column #object-options{
	float:					right;
	margin:					0 0 0 10px;
	}

#object-left-column #object-options a,
#object-left-column #object-options a:visited {
	display:				block;
	width:					127px;
	height:					29px;
	line-height:			29px;
	margin-bottom:			5px;
	margin-top:				5px;
	clear:					both;
	text-align:				center;
	color:					#fff;
	text-decoration:		none;
	background:				url('../images/layout/object-option-bg.gif') no-repeat top left;
	}
#object-left-column #object-options a:hover {
	color:					#fff;
	text-decoration:		underline;
	background-position:	0 -29px;
	}


#object-left-column h2.object-title {
	color:					#195361;
	font-size:				34px;
	line-height:			38px;
	padding:				0 0 4px 0;
	}

#object-left-column h2.object-title span {
	color:					#308da4;
	font-size:				24px;
	line-height:			40px;
	display:				block;
	}

#object-left-column .object-price {
	font-weight:			bold;
	color:					#666;
	font-size:				140%;
	padding-bottom:			10px;
	}

#object-right-column {
	width:					412px;
	float:					right;
	}

#object-right-column .img-holder {
	width:					400px;
	}

#object-right-column .object-top-image {
	width:					400px;
	}

#object-specs {
	width:					98%;
	margin:					10px 0 10px 0;
	}

#object-specs thead tr {
	height:					18px;
	line-height:			18px;
	vertical-align:			top;
	}

#object-specs thead tr th{
	background:				#eee;
	border-bottom:			1px solid #ccc;
	text-indent:			6px;
	vertical-align:			top;
	font-weight:			bold;
	width:					49.9%;
	height:					32px;
	line-height:			32px;
	}

#object-specs tbody tr {
	vertical-align:			middle;
	}

#object-specs tbody tr td {
	height:					32px;
	line-height:			32px;
	width:					49.9%;
	text-indent:			6px;
	border-bottom:			1px solid #eee;
	}
	
#object-specs tbody tr td.specs-key {
	color:					#555;
	}

a#toggle-specs,
a#toggle-specs:visited {
	color:					#4e899d;
	text-decoration:		underline;
	float:					right;
	padding-right:			10px;
	padding-bottom:			15px;
	}

a#toggle-specs:hover {
	text-decoration:		none;
	}

/*
*		RECENT
*
*
****************************************/

#recent {
	border:					1px solid #ccc;
	background:				#fff url('../images/layout/recent-container-bg.gif') repeat-x top left;
	margin:					10px auto;
	padding:				6px;
	}

/*
*		AANBOD OP LOCATIE
*
*
****************************************/

#gmap-filter-options {
	background:				#f9f9f9;
	border: 				1px solid #ddd;
	border-bottom-width:	0;
	border-top-width:		2px;
	}

#gmap-filter-options .filter-notice {
	float:					left; 
	padding:				5px 6px 0 12px;
	color:					#666;
	}

#gmap-filter-options ul {
    list-style: 			none;
    margin: 				0;
    padding: 				0 0 0 2px;
	height:					28px;
	}

#gmap-filter-options ul:after { /* clearing without presentational markup, IE gets extra treatment */
    display: 				block;
    clear: 					both;
    content: 				" ";
	}

#gmap-filter-options ul li {
    float: 					left;
    margin: 				2px 0 0 1px;
    min-width: 				84px; /* be nice to Opera */
	}
	
#gmap-filter-options ul a, 
#gmap-filter-options ul a span {
    display: 				block;
    padding: 				0 15px;
    background: 			url('../images/layout/tab-gmap.png') no-repeat;
	}

#gmap-filter-options ul a,
#gmap-filter-options ul a:visited {
    margin: 				1px 0 0; /* position: relative makes opacity fail for disabled tab in IE */
    padding-left: 			0;
    font-weight: 			normal;
    line-height: 			1.2;
    text-align: 			center;
    text-decoration: 		none;
    white-space: 			nowrap; /* required in IE 6 */    
    outline: 				0; /* prevent dotted border in Firefox */
	}


#gmap-filter-options ul a span {
    width: 					50px; /* IE 6 treats width as min-width */
    min-width: 				50px;
    height: 				18px; /* IE 6 treats height as min-height */
    min-height: 			18px;
    padding-top: 			7px;
    padding-right: 			0;
	}

*>#gmap-filter-options ul a span { /* hide from IE 6 */
    width: 					auto;
    height: 				auto;
	}

#gmap-filter-options ul a, 
#gmap-filter-options ul a:visited {
    background-position: 	100% -100px;
	color:					#888;
	}

#gmap-filter-options ul a:hover,
#gmap-filter-options ul li.active a,
#gmap-filter-options ul li.active a:visited,
#gmap-filter-options ul li.active a:hover {
    background-position: 	100% -150px;
	text-decoration:		none;
	color:					#396797;

	}

#gmap-filter-options ul a:hover span,  
#gmap-filter-options ul li.active a span,
#gmap-filter-options ul li.active a:visited span,
#gmap-filter-options ul li.active a:hover span {
    background-position: 	0 -50px;
	text-decoration:		none;
	color:					#194254;
	padding-bottom:			1px;
	}

/*
*		INSCHRIJVEN
*
*
****************************************/

#inschrijven {
	margin:					10px auto 0 0;
	width:					930px;
	height:					510px;
	background:				url('../images/layout/inschrijven-bg.gif') no-repeat top left;
	position:				relative;
	}

#inschrijven #inschrijven-form {
	position:				absolute;
	top:					130px;
	left:					330px;
	width:					570px;
	}

#inschrijven #inschrijven-form p.inschrijven-description {
	color:					#555;
	margin-bottom:			20px;
	}

#inschrijven-form .form-item {
	margin:					0 0 5px 0;
	width:					100%;
	clear:					both;
	margin-bottom:			5px;
	}

#inschrijven-form input.text-input {
	border:					1px solid #bbb;
	border-bottom-width:	2px;
	font:					normal 13px/18px Arial, Helvetica, sans-serif;
	background:				#fff url('../images/layout/input-bg.gif') repeat-x top left;
	padding:				4px;
	float:					left;
	width:					360px;
	}

#inschrijven-form .form-description {
	color:					#666;
	line-height:			20px;
	margin:					2px;
	font-size:				11px;
	margin-left:			160px;
	}

#inschrijven-form .form-item label {
	display:				block;
	font-size:				12px;
	width:					160px;
	line-height:			24px;
	font-weight:			bold;
	color:					#444;
	float:					left;
	}

#inschrijven-form .form-item select.select-input {
	border:					1px solid #bbb;
	border-bottom-width:	2px;
	padding:				3px;
	color:					#333;
	height:					28px;
	width:					300px;
	float:					left;
	background: 			#fff url('../images/layout/input-bg.gif') repeat-x top left;
	}

#inschrijven-form .form-item select.price {
	width:					100px;
	}

#inschrijven-form .form-item .price-label {
	width:					40px;
	text-align:				center;
	}

#inschrijven-form .form-item .submit-button {
	height:					2.4em;
	padding-bottom:			2px;
	margin-right:			3px;
	margin-left:			160px;
	margin-top:				10px;
	font-weight:			bold;
	color:					#333;
	overflow: 				visible;	/* IE fix */
	padding:				0 10px;
	}

/*
*		NOTIFICATION
*
*
****************************************/

#notification {
	margin:					0 auto 0 auto;
	line-height:			26px;
	padding:				6px 8px;
	font-size:				12px;
	border-bottom-width:	2px;
	font-weight:			normal;
	text-align:				center;
	}

#notification strong {
	font-weight:			bold;
	}
	
.secure {
	background: 			#ffffc4;
	border:					1px solid #e4e482;
	color:					#46400c;
	font-weight:			bold;
	}

.success {
	background: 			#edffe4;
	border:					1px solid #9cd580;
	color:					#386522;
	font-weight:			bold;
	}
	
.error {
	background: 			#ffe1d3;
	border:					1px solid #cd6951;
	color:					#842310;
	font-weight:			bold;
	}
	
.info {
	background: 			#f7f9fa;
	border:					1px solid #afd1f5;
	color:					#294b6e;
	}

/*
*		FOOTER
*
*
****************************************/

#footer {
	width:					100%;
	height:					48px;
	line-height:			48px;
	color:					#fff;
	text-indent:			15px;
	margin:					0 auto;
	background:				url('../images/layout/footer-bg.gif') repeat-x top left;
	}
	
#logos {
	margin:					5px auto 30px auto;
	background:				#fff;
	border:					1px solid #dedede;
	padding:				5px 5px 0 5px;
	height:					40px;
	text-align:				right;
	}

#logos span {
	float:					right;
	display:				block;
	line-height:			32px;
	padding-right:			10px;
	color:					#888;
	}
	
#logos a,
#logos a:visited {
	float:					right;
	padding:				0 6px;
	}

/*
*		OVERIGE
*
*
****************************************/
	
.clearer {
	width:					100%;
	height:					1px;
	clear:					both;
	}