@charset "UTF-8";
/* CSS Document */

/* Standaard CSS import */
@import url("reset.css");
@import url("text.css");

body {
	font-family: Arial, Helvetica, sans-serif;
	background:#FFFFFF url(../images/layout/bg-wolken.jpg) fixed top center no-repeat;
}
.websiteContainer {
	position: relative; overflow:hidden;
	width: 990px; margin: 0 auto;
}

.volgons {
	display:block; position:fixed; top:134px; right:-21px;
	width:57px; height:193px;
	background:url(../images/btn-volgons.png) top left no-repeat;
}

/* ----------------------------------------- HEADER --------------------------------------------- */ 

.header { 
	float: left;
	width: 990px; height: 139px;
	background: url(../images/layout/bg-header.png) top left no-repeat;
}

.logo { 
	float: left; display:block;
	width: 240px; height: 111px; margin: 22px 0 0 32px;
	background: url(../images/logo.gif) no-repeat;
}

a.klantenlogin {
	float: right; display:block;
	width:140px; height:25px; margin:28px 30px 0 0;
	background-image:url(../images/btn-klanten-inlog.png); background-position:top left; background-repeat:no-repeat;
	text-indent:-3999em;
}
a.klantenlogin:hover {
	background-position:bottom left;
}

.menu { 
	float: right;
	width: 690px; height: 138px;
}

ul.hoofdmenu {
	margin: 21px 0 0 20px; padding: 0;
}

.hoofdmenu li {
	float: left; display:inline-block; 
	margin: 0 3px 0 3px;
	background-position:top left; background-repeat:no-repeat;
}
li.home {
	background: url(../images/nav-home.png);
}		
li.aanbod {
	background: url(../images/nav-aanbod.png);
}	
li.onzediensten {
	background: url(../images/nav-onzediensten.png);
}	
li.leeronskennen {
	background: url(../images/nav-leeronskennen.png);
}	
li.inschrijven {
	background: url(../images/nav-inschrijven.png);
}	
li.links {
	background: url(../images/nav-links.png);
}				
li.contact {
	background: url(../images/nav-contact.png);
}

.hoofdmenu li:hover, .hoofdmenu li.active {
	display: block;
	
	background-position:left bottom;
}

.hoofdmenu li a {
	display: block;
	height: 35px;
	text-indent:-3999em;
}
li.home a {
	 width: 57px;
}
li.aanbod a {
	 width: 74px;
}
li.onzediensten a {
	 width: 121px;
}
li.leeronskennen a {
	width: 137px;
}
li.inschrijven a {
	 width: 100px;
}
li.links a {
	width: 54px;
}
li.contact a {
	 width: 78px;
}

/* dropdown */
.dropdown {
	width:auto!important; padding:10px!important;
	border-bottom:1px solid #284b6e; border-left:1px solid #284b6e; border-right:1px solid #284b6e;
	background: #214873;
	color:#FFF;
	
}
.active:hover
{
	*display:inline-block;
*position:relative;
}
.dropdown li {
	border-bottom:1px dotted #FFFFFF;
}
.dropdown .dropdownTitel {
	padding:10px; *width:200px;
	font-weight:bold; color:#FE510D;
}
.dropdown a {
	display:inline-block;
	height:auto!important; width:auto!important; padding:10px 20px 10px 20px!important; *width:180px!important;
	background:url(../images/layout/bg-dropdown-pijl.png) 10px 12px no-repeat;
	font-size:13px; color:#FFFFFF!important; text-decoration:none!important; text-indent:0!important; line-height:normal;
}
.dropdown a:hover {
	color:#CCC!important;
}

.contact .dropdown {
	margin:0 0 0 -78px;
	margin:0 0 0 -76px\0/;
	*margin:0 0 0 -157px;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	/* Safari 3.0 and Chrome rules here */
	.contact .dropdown {
		margin:0 0 0 -76px;
	}
}

/* dropdowns*/
.dropdown {
	display: block; display: none;	position: absolute;	z-index: 999; overflow:hidden;
	margin: 0;	padding: 0; height:auto;
}
.hoofdmenu li:hover .dropdown {
	display:block;
}

.dropdown li {
	margin: 0; padding: 0;
	position: relative; float: none;
	list-style: none; display: block;
}

/* ----------------------------------------- SLIDER  --------------------------------------------- */ 

.homepageSlider {
	float:left;
	background:url(../images/layout/bg-slider.png) top left no-repeat;
	padding:4px 6px 13px 5px; margin:15px 0 0 28px;
}

.slides_container {
	display:none;
	width:633px;
}

.slides_container div {
	display:block;
	width:633px; height:316px;
}

.prev { position:relative; display: block; z-index:300; float: left;
	width: 30px; height: 29px; margin-top: -40px; left:275px;
	background: url(../images/btn-previous.png) no-repeat top;
	border: 0;
	text-decoration: none; text-indent:-3999em;
}
.prev:hover  {
	background: url(../images/btn-previous.png) no-repeat bottom;
}
.next {
	position:relative; display: block; float: left;  z-index:310;
	width: 30px; height: 29px; margin-top: -40px; left:340px;
	background: url(../images/btn-next.png) no-repeat top;
	border: 0;
	text-decoration: none; text-indent:-3999em;
}
.next:hover {
	background: url(../images/btn-next.png) no-repeat bottom;
}

/*#loopedslider {
	background:url(../images/layout/bg-slider.png) top left no-repeat;
	padding:4px 6px 13px 5px;
}

.container {
	overflow:hidden; position:relative; cursor:pointer;	
	width:633px; height:316px;
}
.slides {
	position:absolute;	top:0;	left:0;
}
.slides > div {
	position:absolute;
	top:0;
	width:633px;
	display:none;
}
#loopedslider { z-index: 10;
}
#loopedslider .container { z-index: 10;
}
#loopedslider .container .slides { z-index: 10;
}
#loopedslider .container .slides div { z-index: 10;
}
#loopedslider .container .slides div img { z-index: 10;
}
*/



/* ----------------------------------------- CONTENT  --------------------------------------------- */ 

.contentContainer {
	float: left;
	width: 990px; margin-top:10px;
}
.contentContainer .homeContent { 
	float: left;
	width: 990px; min-height: 600px;
	background: url(../images/layout/bg-content-home.png) top left no-repeat;
	margin-top:-10px; padding-bottom:25px;
}
.contentContainer .content { 
	float: left;
	width: 990px; min-height: 600px;
	background-image:url(../images/layout/bg-content.png);
	background-position:top left;
	background-repeat:no-repeat;
	margin-top:-10px;
}

.inhoud {
	float:left;
	width:604px; padding:37px 30px 30px 30px;
}
.inhoud img {
	display:inline-block; float:left;
	margin:0 15px 15px 0;
	border:2px solid #dbdbdb;
}

.sliderContainer {
	float: left;
	width: 650px; margin: 15px 0 13px 18px;
}

/* ----------------------------------------- CONTENT  --------------------------------------------- */ 



/* ----------------------------------------- ZOEKFILTER --------------------------------------------- */ 

.zoekForm {
	float: left;
	width: 300px; height: 256px; margin: 35px 0 0 18px;

}	

/* ----------------------------------------- HOME AANBOD --------------------------------------------- */ 

.recentAanbodWoningen {
	float: none; clear:both;
	width: 937px; height: 250px; margin:25px 0 0 28px;
}

/* ----------------------------------------- FORMULIER --------------------------------------------- */ 

.formulierLinks {
	display:inline-block; float:left;
	width:50%; margin:0 5% 0 0;
}
.formulierRechts {
	display:inline-block; float:left;
	width:45%;
}

.formulier {
	display:block; clear:both;
	line-height:20px;
	padding:0 0 15px 0;
}

.formulier h2 {
	margin:0 0 8px 0; padding:0;
}

.formLinks {
	float:left; margin:0 3% 10px 0; width:47%;
}
.formRechts {
	float:left; margin:0 0 10px 3%; width:47%;
}
.formVol{
	clear:both; margin:0;
}
.formPostcode {
	float:left; margin:0 3% 10px 0; width:23%;
}
.formPlaats {
	float:left; margin:0 0 10px 3%; width:71%;
}
.formLinks input, .formRechts input, .formVol input, .formVol textarea, .formPlaats input  {
	width:100%;
	clear:both;
	float:none;
}
.formLinks input, .formPostcode input  {
	
}
.formRechts input  {
	
}
 .formPlaats input  {
	
}

.info_koop
{
	margin-left:25px;
	*margin-left:20px;
}
.info_koop_vanaf
{	margin-left:25px;
*margin-left:20px;
display:block;
width:125px;
}

.formLinks .checkbox, .formRechts .checkbox, .formVol .checkbox {
	width:14px!important; border:0;
}
.formVol .submit {
    float: left!important;
}
.verplicht {
	font-size:12px;
	color: #db165e;
}
label.error {
	color:#db165e; display:block; line-height:14px; margin:3px 0 0 0;
}
input.error  {
	border:1px solid #db165e!important;
}
.afspraak label.error {
	display:blok!important;
	margin-top:-12px;
	font-size:10px;
	margin-bottom:4px;
}

.verplichtmelding
{
	font-size:12px;
	padding-top:5px;
	display:inline-block;
}
/* ----------------------------------------- FOOTER TOP --------------------------------------------- */ 

.footerTop {
	position: relative; overflow:hidden; clear:both;
	width: 991px; height:360px; margin: 0 auto;
	background: url(../images/layout/bg-footer.png) top right no-repeat;
}

.footerTop .afspraak { 
	float: left;
	margin:13px 72px 0 28px;
}
.footerTop .afspraak .titel { 
	height: 65px; width: 270px; margin-bottom: 15px;
	background: url(../images/maak-een-afspraak.png) no-repeat;
}
.footerTop .afspraak .content { 
	height: 140px; width: 270px;
}
.footerTop .afspraak .content input{
	height: 18px; width: 250px; margin-bottom: 13px;
}
.submit {
	float:right!important;
	height: 24px!important; width: 69px!important; margin-right: 13px!important;
	background: url(../images/btn-verstuur.png) no-repeat top!important; text-indent: -999px!important; border: 0!important; cursor: pointer!important;
}
.submit:hover {
	background: url(../images/btn-verstuur.png) no-repeat bottom!important;
}

.footerTop .adresgegevens {
	float: left;
	margin:13px 72px 0 0;
}
.footerTop .adresgegevens .titel { 
	height: 65px; width: 270px; margin-bottom: 10px;
	background: url(../images/adresgegevens.png) no-repeat;
}
.footerTop .adresgegevens .content { 
	height: 140px; width: 270px;
	font-size: 12px; color: #195390; line-height: 1.5;	
}

.footerTop .twitter {
	float: left;
	margin:13px 0 0 0;
}
.footerTop .twitter .titel { 
	height: 65px; width: 270px; margin-bottom: 10px;
	background: url(../images/twitter.png) no-repeat;
}
.footerTop .twitter .content { 
	height: 140px; width: 270px;
	font-size: 12px; color: #195390;
	background: url(../images/quote.png) no-repeat;
}

.tweet_first {
	width:200px;
}
.tweet_time {	display: none;
}
.tweet_list { list-style: none; margin-left:18px; margin-top:-4px;
}
.tweet_text {
	line-height: 1.9;
}

.twitter .query {
	height:112px;
}

.tweetbutton {
	display:block; float:right;
	width:140px; height:19px; padding:6px 0 0 0; margin:0 33px 0 0; 
	background:url(../images/layout/but_twitter.png) top left no-repeat;
	text-decoration:none; text-align:center;
}
.tweetbutton:hover {
	background:url(../images/layout/but_twitter.png) bottom left no-repeat;
}

/* ----------------------------------------- FOOTER BOTTOM --------------------------------------------- */ 

.footerBottom {
	height: 61px; margin-left: 8px; padding:3px 0 0 0; *padding:15px 0 0 0;
	font-size: 11px;
}

.footerBottom .copyright {
	width: 316px;
	float: left;
	padding:25px 0 0 23px;
}
.footerBottom .copyright a{ 
	color: #000000; text-decoration: none;
}
.footerBottom .copyright a:hover{
	color: #000000; text-decoration: underline;
}

.footerBottom .share {
	width: 120px;
	float: left;
	padding:25px 0 0 23px;
}
.footerBottom .share2 {
	width: 190px;
	float: left;
	padding: 15px 0 0 10px;
}

.footerBottom .links {
	width: 230px; height: 30px; margin:12px 16px 0 0;
	float: right;	
}

/*ADD this*/
.addthis_toolbox {
	width: 190px;
}
.addthis_default_style .at300b, .addthis_default_style .at300m {
	padding-right: 12px;
}

.footerBottom .links .nvm {
	float: left; display:inline-block; text-indent: -9999px; cursor:pointer;
	width: 41px; height: 40px;
	background: url(../images/logo-nvm.png) no-repeat bottom left;
}
.footerBottom .links .nvm:hover {
	background: url(../images/logo-nvm.png) no-repeat top left;	


}

.footerBottom .links .funda {
	float: left; display: inline-block; text-indent: -9999px; cursor:pointer;
	width: 91px; height: 40px;
	background: url(../images/logo-funda.png) no-repeat bottom left;	
}
.footerBottom .links .funda:hover {
	background: url(../images/logo-funda.png) no-repeat top left;	

}

.footerBottom .links .nwwi {
	float: left; display: inline-block; text-indent: -9999px; cursor:pointer;
	width: 73px; height: 40px;
	background: url(../images/logo-nwwi.png) no-repeat bottom;	
}
.footerBottom .links .nwwi:hover {
	background: url(../images/logo-nwwi.png) no-repeat top left;	

}

/* ----------------------------------------- FOOTER SCHADUW --------------------------------------------- */ 

.footerschaduw {
	width: 980px; height: 54px;
	background: url(../images/footer-schaduw.png) no-repeat bottom;	
	float: left;
}