/* Reset
-------------------------------------------------------------- */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	list-style-type: none;
}

a img { border:none; }

/* Some default classes
-------------------------------------------------------------- */
html.js .hide  { display:none; }

.left  { float:left; }
.right { float:right; }
.clear { clear:both; }
.clearChildren { width:auto; overflow:auto; }
.no-print {display:none;}
.page-break {page-break-before:always}

.gmap { height:300px; }

#gmap-route-direction { border-bottom:none; display:none; }
#gmap-route-direction .time { background-color:#757575; padding:5px;  font-size:1.1em; color:#fff; }
#gmap-route-direction .step { border-bottom:1px solid #757575; padding:8px 3px; font-size:1.1em;}
#gmap-route-direction .step.even { background-color:#eee; }

/* Grid -- undone for print. Gecko-based browsers have problems with printing 
floated elements over multiple pages
------------------------------------------------------------------------ */
	/* 
		basis grid 
		4 koloms grid
	*/ /*
	#page { margin: 0 auto; padding-left: 20px; width: 960px;}

	#header {}
	
	#contentwrapper { width: 100%; overflow: hidden; clear:left;}
	#maincontent {float: left; width: 720px; }
	
	.wrapper {float: left; width: 100%; overflow: hidden;}
	.wrapper-two { float: left; overflow: hidden; width: 480px;}
		.wrapper-two.right {float:right;}
	
	.columns-four {width: 940px;}
	.columns-three { width: 700px;}
	.basis .columns-two { width: 460px; }
	.column { float: left; margin-right: 20px; width:220px;}
	
	#aside {}
	
	/* 
		variant grid 
		Grid met twee brede kolommen en 1 smalle
	*/ /*
	.variant #maincontent .column { float: left; margin-right: 20px; width:340px;}
	.variant .columns-two { float:left; width: 700px; }
	*/
	
	.right { float:none; }
/* Typography
-------------------------------------------------------------- */
body { background: #fff; font-size:62.5%; line-height:1.5em; color: #333; font-family: Verdana, Arial, Garuda, Sans-serif; padding-top:20px;}

h1,h2,h3,h4,h5,h6 { color:#333; font-weight: normal; }
h1 { font-size: 2em; line-height: 1.2em; margin-bottom: 8px; }
h2 { font-size: 1.8em; line-height: 1em; margin-bottom: 8px; }
h3 { font-size: 1.5em; font-weight: 700; line-height: 2; margin-bottom: 0.5em; }
h4 { font-size: 1.4em; line-height: 1.5; margin-bottom: .5em; }
h5, h6 { font-size: 1.1em; font-weight: 700; line-height: 1.5; }

a, a:link, a:visited { color: #333; }

blockquote {color: #666; font-size: 1.6em; line-height: 1.3em}

#content ul, #aside ul {margin-bottom: 1em; color: #666;}
li { font-size: 1.1em; line-height: 1.5em; margin: 0 0 .5em; }
	li ul li {font-size: 100%;}
	.faq li {list-style-position: outside; margin-left: 20px}
	.faq li ul li { margin-left: 0; margin-top: 3px}

p      { font-size: 1.1em; line-height: 1.5em; margin: 0 0 15px; }
p.last { margin-bottom: 0; }

table.sum td, table.sum th { font-size: 1.1em; font-weight:bold; margin: 1em 0; }
table.sum th { border-top: 1px solid #000; }

address { font-size: 1.1em; font-style:normal;}

table.datatable {margin-bottom:1em; width:auto;}
.datatable th {font-weight:bold;}
.datatable th, .datatable td {text-align:left; font-size:1.1em;}
.datatable th, .datatable td {padding:8px 11px 8px 0;}
.datatable caption {display:none;}

.thumb-overview {width:100%;overflow:hidden;}
.thumb-overview li {float:left;width:230px;margin:0 0 20px 0;padding:0;list-style:none;}
	.thumb-overview .visual {display:block;float:left;width:60px;height:7em;overflow:hidden;}
	.thumb-overview .content {display:block;width:165px;overflow:hidden;}

.area-map { overflow:hidden; }
.area-map .numberback {float:left; width:130px;}
.area-map .image-map {float:left; width:328px; border:1px solid #333;}
		.area-map .image-map img {display:block; width:328px;}
		
.imagelist {width:auto;margin:0;padding:0 0 1em 0;overflow:hidden;}
	.imagelist li {margin:0 3px 3px 0;padding:0;list-style:none;float:left;}
	.imagelist li a, .imagelist li a span {background:none;margin:0;padding:0;}
	.imagelist img {width:70px;display:block;}		

dl.stats dt { font-size:1.1em; }
dl.stats dd { font-size:1.1em; }	

.story p, .story .speaker { font-size: 0.7em; }

.thumb-list li {margin:0; padding:0; overflow:hidden; list-style:none; padding-bottom:5px; margin-bottom:20px; background:transparent url('../../images/Vestia.Branding/lines/dot3_grey_h.gif') repeat-x left bottom;}
	.thumb-list li li {margin-bottom:auto;} 
.thumb-list div {float:left; width:335px;}
.thumb-list-s div {float:left; width:150px;}
.thumb-list div.thumb {width:115px; padding-top:5px; padding-right:10px;}
.thumb-list-s div.thumb {width:50px; padding-top:5px; padding-right:10px;}
.thumb-list .wrapper, .thumb-list-s .wrapper {margin-bottom:7px; width:100%;}

table.houses-overview, table.inbox {border-collapse:collapse; font-size:1.1em;}
table.houses-overview tr th, table.inbox tr th {padding:10px;border-bottom: 1px solid #ccc;}
table.houses-overview tr td, table.inbox tr td {padding:10px; border-top: 1px solid #ccc; vertical-align: top;}
table.houses-overview tr a:link, table.houses-overview tr a:visited, table.inbox tr a:link, table.inbox tr a:visited { color:#333; text-decoration:none;  }
table.inbox th { font-weight:bold; }

h3.intro { line-height: 1.3; }

/* House for sale page
-------------------------------------------------------------- */
	.image img {margin:0 auto 20px;}
	.logos {margin-bottom:20px;}
	.logos img {margin-right:30px;}
	.images img {width:300px; margin:10px;}

/* Hiding specific elements
-------------------------------------------------------------- */

.ask, .box-download, .btns .prev, .btns .next, .close, .compare-list, .estate-offer, .estate-new, .faq hr, #filter-element, .form-steps, .go-back, .mail-vestia-opener, .mail-vestia, .callback-vestia-opener, .callback-vestia, .menu, .more, .paging, .poll, .property-selector, .recognition, .rental-offer, .rss, .text-block, .tooltip, .search, .skiplink, .story-block, .tags, ul.tabs, .user-links, .video-block { display:none; }

.contact, .memo, h4.more, .lightbox .text-block, .sitemap-container .text-block,	  #maincontent .text-block { display:block; }

#maincontent .text-block.no-print { display:none; }
#maincontent .text-block.poll { display:none; }

div.buttons {display:none;}

.hr-triple, .hr {display:none;}


/* Providing a non bg-image alternative for common elements 
-------------------------------------------------------------------- */
.emph { border: 1px solid #aaa; padding: 8px; margin: 20px 0; }
	.faq .emph { margin: 2px 0; }
#maincontent a:link, #maincontent a:visited, h4 a:link, .results, h4 a:visited { border-bottom: 1px solid #333; color: #333; text-decoration: none; }
	#maincontent .questions a { border-bottom:0; text-decoration:none; color:#333; }
.overview-list ul li { overflow:hidden; clear:both; }
	.overview-list ul li a .visual { float:left; margin-right: 15px;}
.overview-list li a:link, .overview-list li a:visited, .thumbs li a:link, .thumbs li a:visited { border-bottom: 0!important; text-decoration:none!important; color:#333!important;}
.eventlist .date { border: 1px solid #333; padding: 2px 4px;} 
.faq-content .content .link li { list-style-type: square; margin-left:40px; }
	#maincontent .faq-content .content .link a:link, #maincontent .faq-content .content .link a:visited { border-bottom: 1px solid #333; color:#333; }


/* Finetuning margins and positioning for print
-------------------------------------------------------------------- */
.questions li { margin-bottom:15px; }
.eventlist li { overflow:hidden; }
.eventlist .date {  margin-right: 10px; display:inline; width:60px; text-align: center; float:left; } 
html .story-block .story { display:block; }
.slideshow { overflow:hidden; }
	.slideshow .enlarged { width: auto; }
	.slideshow .enlarged img { float:left; margin-right: 15px; }
	.slideshow .children li { margin-right: 10px; }
	.slideshow .amount { clear: left; }
.thumbs li { float:left; }
.sitemap-container .wrapper, .sitepicker { overflow:hidden; }
.sitemap-container .wrapper .column, .sitepicker .column { width: 200px; float:left; }
.rental-min h2, .rental-plus h2, .rental-temp h2, .rental-comp h2 { font-size: 1.1em; font-weight:bold; }
.rental-min .content, .rental-plus .content, .rental-temp .content, .rental-comp .content { font-size: 1.1em; }

form .row { overflow:hidden; margin-bottom: 5px;}
	form .row label { float:left; width: 150px; font-size:1.1em; }
	.form-error { color: #FF3300; font-style:italic; margin-bottom:5px;}