/* CSS Document */

body {margin:0; padding:0; }
#menuLog { margin:20px; }
#news-items.hidden { position:absolute; top:0; left:-9999px; width:1px; height:1px; overflow:hidden; }

.fg-button { clear:left; margin:5px 0 0 35px; padding: .4em 1em; text-decoration:none !important; cursor:pointer; position: relative; text-align: center; zoom: 1; }
.fg-button .ui-icon { position: absolute; top: 50%; margin-top: -8px; left: 50%; margin-left: -8px; }
a.fg-button { float:left;  }
button.fg-button { width:auto; overflow:visible; } /* removes extra button width in IE */

.fg-button-icon-left { padding-left: 2.1em; }
.fg-button-icon-right { padding-right: 2.1em; }
.fg-button-icon-left .ui-icon { right: auto; left: .2em; margin-left: 0; }
.fg-button-icon-right .ui-icon { left: auto; right: .2em; margin-left: 0; }
.fg-button-icon-solo { display:block; width:8px; text-indent: -9999px; }	 /* solo icon buttons must have block properties for the text-indent to work */	

.fg-button.ui-state-loading .ui-icon { background: url(spinner_bar.gif) no-repeat 0 0; }


.nlkaart{
	background:url(../images/contact/nl.png) no-repeat;
	position: absolute;
	display: block;
	margin: 0;
	padding: 0;
	left: 10px;
	top: 40px;
	width: 184px;
	height: 214px;
	}
	
.dpmcontact{
	position: relative; 
	display: block; 
	width: 602px; 
	height: 259px; 
	background:url(../images/contact/contact-bg.png) no-repeat; 
	margin: 0 auto;
	margin-top: 20px;
	margin-bottom: 10px;	
	line-height: 120%;
	}	
	

.loc{
	display: block;
	position: absolute;
	width: 10px;
	height: 10px;	
	background: transparent url(../images/contact/vestiging-off.png) no-repeat;	
	}
	
.loc:hover{	
	background: transparent url(../images/contact/vestiging-on.png) no-repeat;	
	cursor: pointer;
	}	


.loc.active{
	background: transparent url(../images/contact/vestiging-on.png) no-repeat;	
	}
	
	

.makelaarwrapper{
	display:none;
	}
		
#hq{
	display:block;
	}

.contactstatus{
	display: block;
	width: 294px;
	height: 16px;
	position: absolute;
	left: 248px;
	top: 10px;
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	}

.dpmcontact a.prev, .dpmcontact a.next {
	display: block;
	position: absolute;
	width: 19px;
	height: 19px;
	text-decoration: none;
	background: url(../images/contact/contact-arrow-l.png) no-repeat;
	z-index: 7;
	left: 218px;
	top: 8px;
}
	
.dpmcontact a.next {
	background: url(../images/contact/contact-arrow-r.png) no-repeat;
	left: 554px;
}
		
.dpmcontact a.next:hover {
	background-image: url(../images/contact/contact-arrow-r-on.png);
}
			
.dpmcontact a.prev:hover {
	background-image: url(../images/contact/contact-arrow-l-on.png);
}
			    
.dpmcontact a.prev:hover, .dpmcontact a.prev:active, .dpmcontact a.next:hover, .dpmcontact a.next:active {
	border: none;
	outline: none;
}


.carousel{
	margin: 0;
	padding: 0;
	}


.carousel .jCarouselLite {
	float: left;
	background-color: #fff;
	margin: 34px 0 0 48px;
	padding: 0;
	/* Needed for rendering without flicker */
	position: relative;
	visibility: hidden;
	left: -5000px;
		width: 364px !important; 
}
	
.carousel ul {
	margin: 0;
}

.carousel ul li {
	height: 220px;
	background: transparent url(../images/contact/li-bg.png) repeat-x;
    padding: 0;
}
		

.carousel ul li div {
    width: 364px;
	position: relative;
	border: 0;
}
    
.carousel ul li div{
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	color: #333;
	font-size: 12px;
	padding: 0;
	height: 190px;
	margin: 0;
}



.makelaarinfo{

	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;	
	float: left;	
	}		
.makelaarfooter{
	margin: 1px 0 0 0;
	padding: 0;
	float: left;
	border-top: solid 1px #dedede;
	color: #7a7a7a;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:700;
	line-height: 28px;
	width: 364px;
	}	
	
.makelaarinfo h3{
	margin: 16px 0 8px 0;
	padding: 0;
	color: #ff6600;
	}

.makelaarinfo p{
	margin: 4px 0;
	padding: 0;
	}

.makelaarcheck{
	float: left;
	clear: left;
	margin: 0;
	padding: 0 0 0 20px;
	background: transparent url(../images/contact/makelaar-check.png) no-repeat;
	}
	
.makelaarcheck.first{
	margin: 8px 0 0 0;
	}