* { font-family: 'Muli', sans-serif; margin:0; padding:0; border:0; }
body { background:url(../images/bckgrheader.gif) no-repeat 0px 150px; }
body#s { background:url(../images/bckgrheader-s.gif) no-repeat 0px 150px; }
h1 { font-size:36px; font-weight:200; color:#000 }
h2 { font-size:18px; font-weight:400; margin:0 0 50px 0; color:#000 }
	#homeh2 { word-spacing:0.24em; }
	#partnerh2 { word-spacing:0.24em; }
h3 { font-size:24px; font-weight:100; margin:60px 0 0 0; width:980px; float:left; }
p { margin:0 0 20px 0; }
form { float:left; margin:0 0 20px 0; }
input { border:1px solid #BBB; width:316px; float:left; padding:0 2px; margin:10px 40px 0 0; float:left; height:20px; color:#666; }
label { display:inline-block; width:127px; float:left; margin:9px 0 0 0; float:left; height:22px; }
textarea { width:978px; height:150px; margin:20px 0 0 0; float:left; border:1px solid #BBB; color:#666; }

/*#container { width:1060px; margin:40px auto; position:relative; }
#wrapper { width:1060px; padding:0 20px 0 60px; position:relative; float:left; }*/

#container { width:1060px; margin:20px auto; position:relative; }
#wrapper { width:1060px; padding:0 40px 0 40px; position:relative; float:left; }

#navigatie { list-style:none; margin:60px 0 0 0; height:40px; font-size:16px; float:left; padding:0; }
#navigatie li { display:inline-block; zoom: 1;
    *display: inline; }
#navigatie a { text-decoration:none; color:#000; display:block; margin:0 30px 0 0; padding:10px 10px 10px 0;  }
#ahome { width:55px; }
#aoverons { width:90px; }
#awonen { width:65px; }
#awerken { width:70px; }
#acontact { width:75px; }
.selected,#navigatie a:hover { font-weight:bold; font-size:15px; /*padding:10px 7px 10px 0;*/  }
/*#logo { position:absolute; top:0; left:840px; z-index:99999; }*/
#logo { position:absolute; top:0; left:820px; z-index:99999; }

#headerfotowrapper{ margin:30px 0 0 0; float:left; position:relative; height:640px; width:980px; }
#headerfotowrapper-s{ margin:30px 0 0 0; float:left; position:relative; height:490px; width:980px; }
#headerfoto{ float:left; }
.cycle-next { display:inline-block; width:50px; height:50px; background:url(../images/right.png) no-repeat; position:absolute; top:295px; right:-25px; z-index:999; }
.cycle-prev { display:inline-block; width:50px; height:50px; background:url(../images/left.png) no-repeat; position:absolute; top:295px; left:-25px; z-index:999; }

#text { width:980px; float:left; margin:30px 0 0 0; }
#text p { text-align:justify; }
.texthalf { width:50%; float:left; font-size:16px; text-align:justify; }
.grey { color:#666; }
.thumbwrapper { width:310px; height:245px; overflow:hidden; margin:20px 20px 0 0; float:left; }
.thumbwrappernomr { width:310px; height:245px; overflow:hidden; margin:20px 0px 0 0; float:left; }
#text a { text-decoration:none; }
/*#text img { margin:20px 0px 0 0; }
#text img.mr { margin:20px 20px 0 0; }*/

#partners { width:980px; float:left; margin:30px 0 0 0; }
#partners a { text-decoration:none; color:#000; float:left; margin:0 0 40px 0; }
#partners img { display:block; float:left; margin:0 25px 0 0; }

#footer { height:20px; width:980px; float:left; margin:100px 0 0 0; font-size:20px; }
#phone { display:inline-block; width:230px; padding:0 0 0 20px; background:url(../images/phone.gif) no-repeat left; }
#mail { display:inline-block; width:352px; padding:0 0 0 25px; background:url(../images/mail.gif) no-repeat left; }
#house { display:inline-block; width:330px; padding:0 0 0 22px; background:url(../images/house2.png) no-repeat 0px 4px; }

#social { height:40px; width:160px; float:left; margin:30px 0 0 0; padding:0 0 0 875px; }
#pinterest { display:inline-block; width:40px; height:40px; background:url(../images/pinterest.png); text-decoration:none; margin:0 10px 0 0; }
#facebook { display:inline-block; width:40px; height:40px; background:url(../images/facebook.png) no-repeat; text-decoration:none; margin:0 15px 0 0; }
#linkedin { display:inline-block; width:40px; height:40px; background:url(../images/linkedin.png) no-repeat; text-decoration:none; }

#bottom { margin:130px 0 75px 0; width:980px; float:left; height:412px; }
#wonen { display:inline-block; width:435px; height:412px; background:url(../images/wonen.jpg); margin:0 52px 0 0; text-decoration:none; }
#werken { display:inline-block; width:435px; height:412px; background:url(../images/werken.jpg); margin:0 0 0 52px; text-decoration:none; }
#copy { float:left; margin:0 0 50px 0; width:980px; }

#naam, #voornaam, #land, #telefoon, #email { margin:10px 528px 0 0; }
#submit { width:120px; color:#FFF; background:#BBB; padding:5px 20px; border:0px; margin:20px 0 0 0; height:40px; font-weight:bold; -webkit-appearance: none }
#verplichtevelden { float:left; }

#btt { position:fixed; bottom:40px; left:20px;}
.btt { text-decoration:none; }
#btt a.btt, #btt a:visited, .btt { color:#666; text-decoration:none; }
#bttup { display:inline-block; width:100px; background:url(../images/up.png) no-repeat right; font-size:16px; letter-spacing:normal; }
#bttcontact { display:inline-block; width:100px; background:url(../images/rechts.png) no-repeat right; font-size:16px; letter-spacing:4px; }

@media only screen and (device-width: 768px) {
	
  	#container { width:1000px; margin:20px auto; position:relative; }
	#wrapper { width:1000px; padding:0 0px 0 30px; position:relative; float:left; }
	#logo { position:absolute; top:0; left:810px; z-index:99999; }
	.cycle-next { display:inline-block; width:40px; height:40px; background:url(../images/right40.png) no-repeat; position:absolute; top:300px; right:-17px; z-index:999; }
	.cycle-prev { display:inline-block; width:40px; height:40px; background:url(../images/left40.png) no-repeat; position:absolute; top:300px; left:-17px; z-index:999; }
}