@charset "utf-8";

/*  COPYRIGHT 2008 BEELDSPRAAK BV
	DATE: 2008-07-22
	AUTHOR: Terence Hersbach
*/

/* general tag styles */
* {	margin: 0px; padding: 0px; }
html { font-size:100%; }
body { 
	color: #000; 
	background: #fff; 
	font-family: Arial, Helvetica, sans-serif; 
	font-size:62.5%; 
	line-height:1.125em; 
	height: 100%; 
}
a img { border:0px;display:block; }
#lightbox a img { display:inline; }
a { color:#0018a8; }
#exclusief a { color:#000; }
a:hover { color:#c60c31; }
#exclusief a:hover { color:#d0a40f; }
input { font-family: Arial, Helvetica, sans-serif;  }
.content {font-size:1.2em}

/**
 * clearfix hack
 * slightly enhanced, universal clearfix hack 
 */
.clearfix:after { visibility: hidden; display: block;font-size: 0;content: " ";clear: both;height: 0; }
.clearfix { display: inline-block; }

/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* stop commented backslash hack */

/* some default */
.left { float:left; }
.right { float:right; }
.quartercolumn { width:240px; }
.halfcolumn { width:460px; }
.threequartercolumn { width:696px;padding-right:16px; }
.halfcolumn.small {width:420px }
.quartercolumn.small { width:179px;  }
.backleft { background-position:left; }
.backcenter { background-position:center; }
.backright { background-position:right; }
.textcenter { text-align:center; }
.red { color:#c60c31; }
.grey { color:#c00c30; }

/* container */
.container { width:720px; margin:0 auto; }

/* header */
.container .header { height:160px; position:relative; }
.header .logo { position:absolute; top:20px; height:82px; width:82px; left:10px; }
#exclusief .header .menu { left:300px; }
.header .menu {	position:absolute; top:55px; width:775px; height:2em; left:100px; font-size:1.2em; }
.header .menu ul { list-style:none; }
.header .menu ul li { float:left; border-left:1px solid #0018a8; }
.header .menu ul li.first { border-left:0px; }
.header .menu ul li a { display:block; padding:1px 15px; color:#0018a8; text-decoration:none; } 
#exclusief .header .menu ul li a { color:#000; } 
.header .menu ul li a:hover { text-decoration:underline; } 
.header .menu ul li.selected a { color:#c60c31; }
#exclusief .header .menu ul li.selected a { color:#d0a40f; }

/* portal */
.portal { padding:0px 0px 30px 0px; }
.portal div a {	display:block; height:210px; width:210px;margin:0 auto; background:url(../images/portal_sprite.jpg) no-repeat; text-decoration:none; color:#0018a8;}
.portal div.buy a { background-position:top left; }
.portal div.buy a:hover { background-position:left bottom; }
.portal div.sell a { background-position:top center; }
.portal div.sell a:hover { background-position:bottom center; }
.portal div.benefits a { background-position:top right; }
.portal div.benefits a:hover { background-position:bottom right; }
.portal div a:hover { color:#c60c31; }
.portal .searchmorehouses a { border-bottom:1px solid #828282;display:block; background:url(../images/banner_zoek_meer_huizen.jpg) no-repeat left top; height:20px; padding-top:60px; line-height:10px; width:178px; text-align:left; margin-bottom:10px }
.portal .whosearches a {  border-bottom:1px solid #828282;display:block; background:url(../images/banner_wie_zoekt_mijn.jpg) no-repeat left top; height:20px; padding-top:60px; line-height:10px; width:178px; text-align:left; margin-bottom:10px }

/* sidebar */
.sidebar { padding:0px 0px 30px 0px; }
.sidebar .noborder { border:0px; }
.sidebar .banners { padding:10px 0px; }
.sidebar .banners img { padding-bottom:7px; }
.sidebar div div { border-bottom:0px; }
.sidebar div { border-bottom:1px solid #828282; }
.sidebar div a { margin:0 auto; line-height:1.5em; text-decoration:none; color:#0018a8;}
.sidebar div a { margin:0 auto; line-height:1.5em; text-decoration:none; color:#0018a8;}
#exclusief .sidebar div a { color:#000;}
.sidebar div a:hover { color:#c60c31; }
#exclusief .sidebar div a:hover { color:#d0a40f; }
.sidebar div a span.image { cursor:pointer;background-image:url(../images/portal_../images.jpg); height:136px; width:210px; display:block; margin-bottom:10px; }
#exclusief .sidebar div a span.image { cursor:pointer;background-image:url(../images/portal_../images.jpg); height:136px; width:210px; display:block; margin-bottom:10px; }
.sidebar div a span.small { cursor:pointer;display:block; height:20px; line-height:20px; font-size:1.3em; }
#exclusief .sidebar div a span.small { cursor:pointer;display:block; height:20px; line-height:20px; font-size:1.3em; }
.sidebar div a span.large { cursor:pointer;display:block;width:210px; font-size:2.5em; height:30px; line-height:30px; }
#exclusief .sidebar div a span.large { cursor:pointer;display:block;width:210px; font-size:2.5em; height:30px; line-height:30px; }
.sidebar .searchmorehouses a { border-bottom:1px solid #828282;display:block; background:url(../images/banner_zoek_meer_huizen.jpg) no-repeat left top; height:20px; padding-top:60px; line-height:10px; width:178px; text-align:left; margin-bottom:10px }
#exclusief .sidebar .searchmorehouses a { border-bottom:1px solid #828282;display:block; background:url(../images/banner_zoek_meer_huizen.jpg) no-repeat left top; height:20px; padding-top:60px; line-height:10px; width:178px; text-align:left; margin-bottom:10px }
.sidebar .whosearches a  {  display:block; background:url(../images/banner_wie_zoekt_mijn.jpg) no-repeat left top; height:15px; padding-top:60px; line-height:10px; width:178px; text-align:left; margin-bottom:10px }
#exclusief .sidebar .whosearches a  {  display:block; background:url(../images/banner_wie_zoekt_mijn.jpg) no-repeat left top; height:15px; padding-top:60px; line-height:10px; width:178px; text-align:left; margin-bottom:10px }
.sidebar .options { padding:4px 0px; }
.sidebar .options.high { padding:8px 0px; }
.sidebar .options a { border-left:1px solid #0018a8; padding:0px 5px; }
#exclusief .sidebar .options a { border-left:1px solid #000; }
.sidebar .options a.first ,
#exclusief .sidebar .options a.first { border-left:0px; }
.sidebar .erabroker a { display:block;width:150px;color:#c60c31;padding:9px 0px 9px 0px; background:url(../images/arrow_white_red.jpg) no-repeat right; }
#exclusief .sidebar .erabroker a { color:#d0a40f;background:url(../images/arrow_white_gold.jpg) no-repeat right; }

/* snelzoeker */
.snelzoeker { width:469px; margin:0 auto 24px auto; }
.snelzoeker .sztop { height:53px; background: url(../images/snelzoeker.jpg) no-repeat top left; position:relative }
.snelzoeker .sztop h2 { position: absolute; top:13px;height:20px; font-size:1.3em; left:0px; width:182px; text-align:center; color:#fff; line-height:20px; }
.snelzoeker .sztop a { position:absolute; right:30px; top:5px;width:300px; height:23px; line-height:20px; font-size:1.2em; padding-right:15px; background:url(../images/arrow_blue_white.jpg) no-repeat right; text-align:right; color:#0018a8; font-style:italic; text-decoration:none}
.snelzoeker .sztop a { position:absolute; right:30px; top:5px;width:300px; height:23px; line-height:20px; font-size:1.2em; padding-right:15px; background:url(../images/arrow_blue_white.jpg) no-repeat right; text-align:right; color:#0018a8; font-style:italic; text-decoration:none}
.snelzoeker .sztop a:hover { text-decoration:underline; }
.snelzoeker .szbody { height:153px; background: url(../images/snelzoeker.jpg) no-repeat;background-position:0px -53px ; padding:10px 0px;}
.snelzoeker .szbody div { width:370px; margin:0 auto; padding-right:5px;}
.snelzoeker .szbody select { width:365px; display: block;margin:0 auto 7px auto;border:1px solid #0018a8;color:#0018a8;height:20px;line-height:20px;height:25px }
.snelzoeker .szbody select option { padding:2px 2px 2px 5px; }
.snelzoeker .szbody div select{ width:180px; float:left; margin-left:5px;}
.snelzoeker .szbody div input, .redbutton { color:#fff; background:#c60c31; border:1px solid #0018a8; width:55px; line-height:20px; height:22px; color:#fff;}
.snelzoeker .szfooter { height:24px; background: url(../images/snelzoeker.jpg) no-repeat bottom left;  }

/* google maps api */
.gmaps {  margin:0 auto; background-color:#cecece; }
.gmaps.blue { background-color:#aebcd1; margin-top:10px }
.gmaps .firstrow { padding:10px 0px 5px 0px; width: 440px; margin:0 auto; }
.gmaps .firstrow input.field { width:368px; display: block;margin:0 5px 0px 0px;border:1px solid #0018a8;color:#0018a8;line-height:20px;height:16px; padding:2px;}
.gmaps .secondrow { padding:0px 0px 5px 0px; width: 440px; margin:0 auto; }
.gmaps .secondrow select{ width:185px; float:left; margin-right:5px;border:1px solid #0018a8;color:#0018a8;height:20px;line-height:20px;}
.gmaps .secondrow select option { padding:2px 2px 2px 5px; }
.gmaps .map { width:440px; margin:0 auto; padding-bottom:5px;}

/* 3rd column content */
.blockred { background: #c60c31 url(../images/gratis_waardebepaling.jpg) center no-repeat;}
#exclusief .blockred { background: #d0a40f url(../images/gratis_waardebepaling_exclusief.jpg) center no-repeat; }
.blockred.home { width:202px; margin:0 auto;}
.blockred a { display:block;height:64px; }

.blockblue { margin:5px 0px 0px 0px; background: #0018a8 url(../images/10voordelen_van.jpg) no-repeat center; }
#exclusief .blockblue { background: #000 url(../images/10voordelen_van_exclusief.jpg) no-repeat center; }
.blockblue a { display:block;height:64px;}


/* news */
.news { width:202px; margin:0 auto; padding:15px 5px; line-height:16px;}
.news h2 { color:#0018a8; padding:0px 0px 5px 0px; border-bottom:1px solid #828282 }
.news strong { font-weight:bold;color:#0018a8; padding-top:5px;display:block; }
.news a { padding-right:13px; background:url(../images/arrow_blue_white.jpg) right no-repeat; color:#c60c31; text-decoration:none;}
.news a:hover { text-decoration:underline; }

.smallbanners {  margin:0 auto; padding:15px 0px; text-align:center; }
.smallbanners a { display:block; width:72px; height: 120px;margin-left:5px; }
.smallbanners a.wide { display:block; width:76px; height: 120px }

.era_earth { text-align:center }

/* 4th column content */
.navigationright ul { list-style:none; }
.navigationright ul li { padding:0px 0px 10px 0px;}
.navigationright ul li a { padding-right:15px; background:url(../images/arrow_blue_white.jpg) right no-repeat; text-decoration:none; color:#0018a8; }
#exclusief .navigationright ul li a { padding-right:15px; background:url(../images/arrow_trans_black.gif) right no-repeat; text-decoration:none; color:#000; }
.navigationright ul li a:hover { text-decoration:underline }
#exclusief .navigationright ul li a:hover { text-decoration:underline;background:url(../images/arrow_white_gold.jpg) right no-repeat; }
.sidebar .navigationright { padding-top:10px; font-size:1em; }

/* footer */
.footer { height:47px;  margin:15px 0px 5px 0px;font-size:1.1em; }
.footer ul { list-style:none; width:700px; border-color:#d5d5d5; border-width:1px 0px; border-style:solid; }
.footer ul li { float:left;padding:15px 10px 15px 0px; }
.footer ul li a { padding:1px 1px 1px 10px; display:block;color:#5767a5; text-decoration:none; border-left:#5767a5 1px solid;}
#exclusief .footer ul li a { color:#000; border-left:#000 1px solid;}
.footer ul li a:hover { text-decoration:underline; }
#exclusief .footer ul li.first a, .footer ul li.first a { border-left:0px;}
.footer div { height:43px; border-color:#d5d5d5; border-width:1px 0px; border-style:solid;margin-left:20px;}
.footer div a { height:47px; display:block; color:#8f8f8f; line-height:47px; text-decoration:none; padding-left:5px;}
#exclusief .footer div a { color:#8f8f8f; }
.footer div a:hover { text-decoration:underline; }
#exclusief .footer div a:hover { text-decoration:underline; }

/* footerbottom */
.footerbottom { height:47px;  margin:0px 0px 20px 0px;font-size:1.1em; }
.footerbottom ul { list-style:none; width:700px; }
.footerbottom ul li { float:left;padding:0px 10px 0px 0px;border-bottom:1px solid #d5d5d5;line-height:40px;height:40px; }
.footerbottom ul li a { padding:1px 1px 1px 10px; display:block;color:#5767a5; text-decoration:none;}
.footerbottom ul li a:hover { text-decoration:underline; }
.footerbottom ul li.first a { border-left:0px;}
.footerbottom div { height:43px; margin-left:20px;}
.footerbottom div a { height:47px; display:block; color:#8f8f8f;  text-decoration:none; padding-left:5px;}
#exclusief .footerbottom div a { height:47px; display:block; color:#8f8f8f;  text-decoration:none; padding-left:5px;}
.footerbottom div a:hover { text-decoration:underline; }
#exclusief .footerbottom div a:hover { text-decoration:underline; }

/* searchresultpage */
.searchresbox {color:#000; border-top:#828282 1px solid; border-bottom:#828282 1px solid; padding:7px 0px; }
.searchresbox span.orderbox { color:#c00c30 }
.searchresbox span.orderbox a.arrowup img { display:inline; }
.searchresbox span.orderbox a.arrowdown img {  display:inline; }
.searchresbox span.orderbox { color:#c00c30 }
.searchresbox span.countbox { padding-right: 5px; }

.criteriabox { padding:12px 0px;  }

.searchresult { color:#0018a8;border-top:1px solid #c3cde6; border-bottom:4px solid #c3cde6; margin-bottom:5px; padding:10px 0px; line-height:1.5em;}
#exclusief .searchresult { color:#000;}
.searchresult .image { padding-right:20px;position:relative }
#exclusief .searchresult .image { background:url(../images/goud_vlak.jpg) repeat-y top left;padding-bottom:5px }
.searchresult .image a.zoom { position:absolute; right:20px; bottom: 5px; height:20px; width:20px; display:block; background:url(../images/zoombutton.png) no-repeat;}
#exclusief .searchresult .image a.zoom { position:absolute; right:20px; bottom: 5px; height:20px; width:20px; display:block; background:url(../images/zoombutton.png) no-repeat;}
.searchresult .image .status { height:30px;width:100px;top:0px;right:20px;z-index:90;position:absolute;}
.searchresult .image .status.sold { background:url(../images/overlay_sold.png) no-repeat right }
.searchresult .image .status.new { background:url(../images/overlay_new.png) no-repeat right }
.searchresult .image .status.openhouse { background:url(../images/overlay_openhouse.png) no-repeat right }
.searchresult .image .status.soldovb { background:url(../images/overlay_soldovb.png) no-repeat right }
.searchresult .image img { margin-top:12px; }
.searchresult .info { width:320px; }
.searchresult .info p { padding:0px 10px 0px 0px }
.searchresult .info div { font-size:0.9em; }
.searchresult h4 { font-size:1.1em; }
.searchresult .logos { width:50px; }

.iconlist ul { list-style:none;border-bottom:1px solid #828282;}
.iconlist ul li { padding:2px 0px;border-top:1px solid #828282; }
.iconlist ul li a {  background:#fff url(../images/option_sprite.jpg) no-repeat right; color:#0018a8;text-decoration:none;display:block;line-height:33px;height:33px; padding-right:50px;}
#exclusief .iconlist ul li a { color:#000}
.iconlist ul li a:hover { color:#c60c31; }
#exclusief .iconlist ul li a:hover { color:#d0a40f; }
.iconlist ul li.maps a { background-position:100% -42px; }
.iconlist ul li.video a { background-position:100% -123px; }
.iconlist ul li.brochure a { background-position:100% -163px; }
.iconlist ul li.mailfriend a { background-position:100% -202px; }
.iconlist ul li.houseview a { background-position:100% -3px; }
.iconlist ul li.housemap a { background-position:100% -85px; }
.iconlist ul li.rate a { background-position:100% -243px; }
.iconlist ul li.favo a { background-position:100% -283px; }

/* read info about house */
.pagehouseinfoiconholder a { display:block;width:65px;height:65px;float:left; margin:3px;background-image:url(../images/pagehouseinfo_icons_sprite.jpg); background-repeat:none }
#exclusief .pagehouseinfoiconholder a { background-image:url(../images/pagehouseinfo_icons_sprite_exl.jpg); }
.pagehouseinfoiconholder a.details { background-position:left top }
.pagehouseinfoiconholder a.details.selected { background-position:left bottom }
.pagehouseinfoiconholder a.see { background-position:right top }
.pagehouseinfoiconholder a.see.selected { background-position:right bottom }
.pagehouseinfoiconholder a.read { background-position:top }
.pagehouseinfoiconholder a.read.selected { background-position:bottom }

.houseinfo .image { position:relative;display:block; width:137px; margin-top:20px; }
.houseinfo .image a { position:absolute;bottom:5px;background:url(../images/zoombutton.png) no-repeat;width:20px;height:20px;right:0px;}
.houseinfo ul { border-bottom:1px solid #828282; list-style:none;padding-bottom:15px;margin-bottom:15px; }
.houseinfo ul li { padding:0px 0px; }
.houseinfo ul li div { height:20px;line-height:20px; display:block; }
#exclusief .houseinfo ul li div { color:#828282 }
.houseinfo ul li div.answer { float:right; margin-top:-20px;margin-bottom:-20px; color:#0018a8; text-align:right;}
#exclusief .houseinfo ul li div.answer { color:#000; }

.halfcolumn .openhuizenbanner { display:block;margin-top:5px; background:url(../images/openhuizenbanner_groot.jpg) left no-repeat;height:64px;padding-left:80px; text-align:center;padding-top:10px;}
.quartercolumn .openhuizenbanner { display:block;margin-top:5px; background:url(../images/openhuizenbanner.jpg) left no-repeat;height:64px;padding-left:80px; text-align:center;padding-top:10px;}

.smallbannerrow { padding:5px 0px 0px 0px }
.smallbannerrow a { margin-right:12px; float:left;}

.heading { margin:0px 20px; border-bottom:1px solid #828282; height:62px; }
.heading.noborder { border-bottom:0px; }
.heading h3 { line-height:1.5em; color:#0018a8;}
#exclusief .heading h3 { line-height:1.5em; color:#000;}
.heading div span {  color:#0018a8; }
#exclusief .heading div span {  color:#000; }
.heading div { font-size:1.2em;line-height:1.4em; }

.abouthouse { margin:5px 20px; line-height:1.5em;font-size:1em; }
.abouthouse h4 { font-size:1.2em; color:#0018a8; line-height:1.5em;}
#exclusief .abouthouse h4 { color:#d0a40f; }
.abouthouse p { padding-bottom:30px; }

.quartercolumn.small.status { text-align:center; border:0px; height:26px; padding-top:10px; }
.quartercolumn.small.status.high { height:36px;  }
.quartercolumn.small.office { padding:10px 0px; color:#0018a8; line-height:1.3em; overflow:hidden}
#exclusief .quartercolumn.small.office { color:#000;  }
.quartercolumn.small.office.allhouses { background:url(../images/singlehouse.jpg) left no-repeat;  }
.quartercolumn.small.office.allhouses a { padding:0px 10px 0px 45px;background:url(../images/arrow_blue_white.jpg) no-repeat; background-position:130px 22px;display:block; }
#exclusief .quartercolumn.small.office.allhouses a { padding:0px 10px 0px 45px;background:url(../images/arrow_trans_black.gif) no-repeat; background-position:130px 22px;display:block; }
.quartercolumn.small.office.allhouses a:hover { background:url(../images/arrow_white_red.jpg) no-repeat; background-position:131px 21px; }
#exclusief .quartercolumn.small.office.allhouses a:hover { background:url(../images/arrow_white_gold.jpg) no-repeat; background-position:130px 21px; }
.quartercolumn.small.googleads { padding:5px 0px; }
.quartercolumn.padding { padding-left:20px; }

.slider .background { background:#0018a8;padding:10px 10px 10px 8px;margin:10px 0px 10px 0px;} 
#exclusief .slider .background { background:#000;} 
.slider .quartercolumn { width:220px; background:#fff;} 
.slider .quartercolumn .houseinfo { padding-top:5px;} 
.slider .quartercolumn  ul { margin:0px 10px;padding-bottom:5px; border-bottom:0px;}
.slider .quartercolumn ul li div { padding:0px 0px} 
.slider .halfcolumn { width:460px;} 

.imageslider .largeimageholder { height:320px; background:#fff; margin-right:10px; overflow:hidden; border:1px solid #fff; width:440px}
.imageslider #fotoholder { width:100000px; }
.imageslider .largeimageholder .largeimage { float:left; height:331px; width:450px;background:#fff;}
.imageslider #slider { overflow:hidden; padding:10px 0px 0px 0px; width:400px; height:70px;}
.imageslider #slider .thumbnailholder { height:100px; width:2000px;}
.imageslider #slider .thumbimage { cursor:pointer;border:1px solid #fff; float:left; height:67px; width:90px;background:#fff; margin-right:10px;}
.imageslider .button_left { display:block; background:url(../images/pagarrow_left.gif) no-repeat center; width:20px; height:67px; float:left;margin:10px 0px 0px 5px }
.imageslider .button_right { display:block; background:url(../images/pagarrow_right.gif) no-repeat center; width:20px; height:67px; float:left;margin:10px 0px 0px 0px }
.imageslider a:hover { color:#0018a8; }
#exclusief ./imageslider a:hover { color:#0018a8; }
.imageslider .message { height:360px; padding:20px; background:#fff;line-height:20px; }

.housedescription h4 { color:#0018a8; font-size:1.2em;line-height:1.5em; padding:5px}
#exclusief .housedescription h4 { color:#d0a40f;}
.housedescription p { line-height:1.5em; padding:15px 5px 5px}
.housedescription {  border: 1px solid  #0018a8; width:694px; margin-right:10px}

.imagegallery { border:1px solid #0018a8; padding:5px; width:668px; }
#exclusief .imagegallery { border:0px; background:#000 }
.imagegallery .image { height:150px; width:212px; border:5px solid #fff; float:left;}
#exclusief .imagegallery .image { border:5px solid #000;}
.imagegallery .image a { display:block; margin:0px; background:url(../images/zoombutton.png) no-repeat 97% 95%; height:150px }

.gallerypage .quartercolumn { width:230px;padding:10px 0px 5px 0px;}
.gallerypage .quartercolumn .blockblue { width:230px; }
.gallerypage .quartercolumn .blockred {  width:220px; margin:5px 10px 0px 0px;}
.quartercolumn.gallerypage { padding:10px 0px 0px 20px }
.quartercolumn.gallerypage .navigationright { padding-top:5px; }
.gallerypage.sidebar { margin:0px 0px 0px 10px; width:190px;   }
.sidebar.gallerypage .quartercolumn { width:190px; }
.sidebar.gallerypage .quartercolumn.searchmorehouses { padding-top:0px; }
.gallerypage.halfcolumn { width:460px; padding:0px; }
.test { background:#f00; }

/* sterconsult styles */
a.pagnav:link 		{ font-weight: bold; color: #003399; text-decoration: none }
a.pagnav:active 	{ font-weight: bold; color: #003399; text-decoration: none }
a.pagnav:visited 	{ font-weight: bold; color: #003399; text-decoration: none }
a.pagnav:hover 		{ font-weight: bold; color: #003399; text-decoration: underline }

a.actpagnav:link 	{ font-weight: bold; color: #CC0000; text-decoration: none }
a.actpagnav:active 	{ font-weight: bold; color: #CC0000; text-decoration: none }
a.actpagnav:visited 	{ font-weight: bold; color: #CC0000; text-decoration: none }
a.actpagnav:hover 	{ font-weight: bold; color: #CC0000; text-decoration: underline }