﻿/* CSS Document */
@import url("reset.css");
body {
	font-family:Arial;
	font-size:12px;
}
/* wrap */

#vids
{
margin: 10px 0px 10px 0px;
}

#wrap {
	margin:0px auto;
	width:1000px;
	position:relative;
	background: #FFFFFF;
	padding: 0;
	min-height:100%;
}
#innerwrap {
	margin:0px auto;
	width:945px;
	position:relative;
	background: #FFFFFF;
	padding-top:26px;
}
ul.social {
	position:absolute;
	right:0;
	top:450px;
}
ul.social li {
	float:left;
	margin-left:10px;
	list-style:none;
	}
/* end wrap */

/* header */

#header {
	background:url(../../images/headerBgr-vervolg.jpg) no-repeat top right;
	width:945px;
	height: 226px;
	display:block;
	position: relative;
}
.home #header {
	background:url(../../images/headerBgr.jpg) no-repeat top right;
	height: 199px;
}
#header #logotyp {
	display:block;
	width:308px;
	height: 188px;
	background:url(../../images/logotyp.gif) no-repeat top right;
}
#header #logotyp a {
	display:block;
	height:83px;
	left:16px;
	position:absolute;
	top:105px;
	width:291px;
	border-bottom:none;
}
ul.tabsInvert {
	float:right;
	display:block;
	height:27px;
	margin:12px 0 0;
	}
ul.tabsInvert li {
	float:left;
	display:block;
	margin-left:30px;
	}
ul.tabsInvert li a {
	display:block;
	width:182px;
	height:27px;
	text-align:center;
	font-size:12px;
	font-weight:bold;
	line-height:27px;
	text-decoration:none;
	color:#fff;
	text-indent:-9000px;
	}
ul.tabsInvert li a.makelaardij {
	background:url(/images/bg-tabsinvert.gif) no-repeat 0 0;
	}
ul.tabsInvert li a.hypotheken {
	background:url(/images/bg-tabsinvert.gif) no-repeat 0 -27px;
	}
ul.tabsInvert li a.verzekeringen {
	background:url(/images/bg-tabsinvert.gif) no-repeat 0 -54px;
	}
ul.tabsInvert li a.makelaardij:hover {
	background:url(/images/bg-tabsinvert.gif) no-repeat 0 -81px;
	}
ul.tabsInvert li a.hypotheken:hover {
	background:url(/images/bg-tabsinvert.gif) no-repeat 0 -108px;
	}
ul.tabsInvert li a.verzekeringen:hover {
	background:url(/images/bg-tabsinvert.gif) no-repeat 0 -135px;
	}
#partLogo
{
position:absolute;
top: 158px;
right: 7px;
padding: 0px;
margin: 0px;
width: 135px;
height: 38px;
}

#part1
{
display:block;
float: left;
}

#part2
{
display:block;
float: left;
margin: 5px 3px 0px 3px;
}

#part3
{
display:block;
float: left;
}
/* header Menu */

ul.mainMenu {
	list-style-type:none;
	color:#7f7f7f;
	font-size: 11px;
	text-align: right;
	display:block;
	padding: 20px 10px 0px 0px;
	margin: 0px;	
}
ul.mainMenu li {
	margin: 0px;
	padding: 0px;
	display: inline;
}
ul.mainMenu li a:link, ul.mainMenu li a:visited {
	font-size: 11px;
	text-decoration: none;
	color:#7f7f7f;
}
ul.mainMenu li a:hover {
	text-decoration: underline;
}
/* end header */

/* content */
#content {
	padding: 0px 20px;
	line-height: 18px;
	overflow:hidden;
}
.home #content {
	padding: 0px 0 0px 20px;
	overflow:visible;
}
.demensen #content {
	padding:0;
	line-height: 18px;	
}
.demensen #content h1 {
	padding:0 0 0 20px;
}
.demensen #content .overOnsBackground {
	background:#F1F1F1 url(/images/deMensenTop.gif) no-repeat;
	margin:0 0 0 8px;
	padding:20px;
	overflow:hidden;
	}
.demensen #content .overOnsBackgroundBottom {
	background:#F1F1F1 url(/images/deMensenBottom.gif) no-repeat;
	height:19px;
	margin:0 0 20px 8px;
	}
.demensen #content .demensenImage {
	display:block;
	float:right;
	margin:30px 0 6px 30px;
	}
	.demensen #content p {
	clear:left;
	}
.demensen #content h2 .sIFR-flash {
	float:left;
	width:300px !important;
	}
#sideimages {
	float:right;
	width:200px;
	margin:0 0 0 12px;
	}
#sideimages  img{
	display:block;
	margin-bottom:30px;
	}
#aboutBlock {
	width: 300px;
	float: left;
	padding: 0px 0px 0px 5px;
	margin-top:-20px;	
}
#aboutBlock h1#zag {
	display: inline-block;
	font-size: 20px;
	font-weight: bold;
	padding: 0px 0px 10px 0px;
}
#aboutBlock p {
	font-size:11px;
	line-height:1.45;
}
ul.photoGallery {
	list-style-type:none;
	margin: 15px 0px 15px 12px;
	float: right;
}
.home ul.photoGallery {
	list-style-type:none;
	margin: 15px 0px;
	float: right;
	width:608px;
}
ul.photoGallery li {
	position: relative;
	width: 182px;
	float: left;
	margin:0 10px 0 0;
	padding: 0;
}
.home ul.photoGallery li {
	position: relative;
	width: 182px;
	float: left;
	margin:0 31px 0 0;
	padding: 0;
}
ul.photoGallery li.photo1 {
	background:url(../../images/photo1.jpg) no-repeat bottom;
}
ul.photoGallery li.photo2 {
	background:url(../../images/photo2.jpg) no-repeat bottom;
}
ul.photoGallery li.photo3 {
	background:url(../../images/photo3.jpg) no-repeat bottom;
	margin-right:0px;
}
ul.photoGallery li img {
	margin: 0px;
}
ul.photoGallery li a:link, ul.photoGallery li a:visited {
	background: url(../../images/photoBgr1.png) left top no-repeat;
	height: 147px;
	width: 162px;
	display: block;
	line-height: 27px;
	padding-left: 20px;
	color: #ffffff;
	font-size: 12px;
	font-weight: bold;
	float:left;
	text-indent:-9000px;
}
ul.photoGallery li.photo2 a:link, ul.photoGallery li.photo2 a:visited {
	background: url(../../images/photoBgr2.png) left top no-repeat;
}
ul.photoGallery li.photo3 a:link, ul.photoGallery li.photo3 a:visited {
	background: url(../../images/photoBgr3.png) left top no-repeat;
}
/* mainMenu2 */
#mainMenuBlock2 {
	padding: 29px 0px 0px 7px;
	margin: 0px;
}
#mainMenuBlock2 a
{
	border-bottom:none;
}
#mainMenuBlock2 ul.mainMenu2 {
	list-style-type:none;
	padding: 0px;
	margin: 0px 0px 10px 0px;
	border-bottom: 1px #c1c3c4 solid;
}
#mainMenuBlock2 ul.mainMenu2 li, 
#mainMenuBlock3 ul.mainMenu3 li {
	display:inline;
}
#mainMenuBlock2 ul.mainMenu2 li a, 
#mainMenuBlock3 ul.mainMenu3 li a {
	background:#c1c3c4 url(../../images/btnCityLft.jpg) no-repeat left top;
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
	font-size: 12px;
	display:block;
	float: left;
}
#mainMenuBlock2 ul.mainMenu2 li a:link, ul.mainMenu2 li a:visited, #mainMenuBlock3 ul.mainMenu3 li a:link, ul.mainMenu3 li a:visited {
	background:#c1c3c4 url(../../images/btnCityLft.jpg) no-repeat left top;
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
	display:block;
	float: left;
	font-size: 12px;
}
#mainMenuBlock2 ul.mainMenu2 li.active a.active, #mainMenuBlock3 ul.mainMenu3 li.active a.active {
	background:#f5822c url(../../images/btnCityLft2.jpg) no-repeat left top;
}
#mainMenuBlock2 ul.mainMenu2 li.active a.active span.active, #mainMenuBlock3 ul.mainMenu3 li.active a.active span.active {
	background:url(../../images/btnCityRht2.jpg) no-repeat right top;
}
#mainMenuBlock2 ul.mainMenu2 li a span, #mainMenuBlock3 ul.mainMenu3 li a span {
	display: block;
	background:url(../../images/btnCityRht.jpg) no-repeat right top;
	line-height: 26px;
	padding: 0px 15px 0px 10px;
}
/* mainMenu3 */
#mainMenuBlock3 {
	padding: 0px 0px 0px 0px;
}
#mainMenuBlock3 ul.mainMenu3 {
	list-style-type:none;
	padding: 0px;
	border-bottom: 1px #c1c3c4 solid;
	margin: 0px;
}
/* prevMenu */
ul.prevMenu {
	list-style-type:none;
	padding: 0px 0px 0px 0px;
	float: right;
	margin: -30px 0px 0px 0px;
}
ul.prevMenu li, ul.prevMenu2 li {
	margin: 0px;
	display: inline;
}
ul.prevMenu li a:link, ul.prevMenu li a:visited, ul.prevMenu2 li a:link, ul.prevMenu2 li a:visited {
	color: #000000;
	font-size: 11px;
	text-decoration: underline;
}
/* prevMenu2 */
ul.prevMenu2 {
	list-style-type:none;
	display:block;
	margin: 10px 0px 0px 0px;
	float: right;
}
/* content overOnsBlock */
.overOnsBlock  {
	background: #f1f1f1;
	padding: 0px 10px 0px 10px;
}
.overOnsBlock2 {
	padding: 0px 0px 0px 10px;
}
.topBgr {
	display:block;
	background: url(../../images/topBgr.jpg) no-repeat bottom left;
	width: 933px;
	height: 14px;
	margin: 0px 0px 0px 0px;
}
.bottomBgr {
	display:block;
	background:url(../../images/bottomBgr.jpg) no-repeat top right;
	width: 933px;
	height: 14px;
	margin: 0px 0px 15px 0px;
}

.overOnsCont {
	padding: 0px 0px 0px 0px;
	float: left;
	width: 655px;
	margin: 0px;
}

.overOnsCont p
{
font-size: 12px;
}

p
{
font-size: 12px;
}

ul.textCont
{
list-style-type: none;
margin: 0px;
padding: 0px 0px 10px 0px;
}

ul.textCont li
{
margin: 0px;
padding: 0px 0px 2px 0px;
font-size: 12px;
}

.overOnsBlock 2 .overOnsCont {
	padding: 5px 0px 0px 0px;
	float: left;
	width: 675px;
	display:block;
}
.overOnsPhot {
	display:block;
	float: right;
	padding: 30px 0px 30px 0px;
	margin: 0px;
}

.overOnsPhot2 {
	display:block;
	float: right;
	padding: 30px 0px 30px 50px;
	margin: 0px;
	height: 332px;
}

.overOnsPhot img
{
padding: 0px 0px 0px 0px;
}

.overOnsPhot2 .img_conteiner
{
display:block;
padding: 0px 0px 30px 0px;
text-align: right;
}

/* serachBlock */
#sortBlock {
	background:url(../../images/sortBlock.jpg) no-repeat;
	width: 539px;
	height: 66px;
	margin: 20px 0px 0px 0px;
}
#sortBlock form {
	padding: 0px 0px 0px 20px;
}
#sortBlock form select#jumpMenu1,
#sortBlock form select#jumpMenu2 {
	width: 137px;
	display:block;
	float: left;
	height: 20px;
	margin: 0px 10px 0px 0px;
	font-size: 11px;
}

#sortBlock form select#jumpMenu3 {
	width: 137px;
	display:block;
	float: left;
	height: 20px;
	margin: 0px 0px 0px 0px;
	font-size: 11px;
}
#sortBlock form label {
	display: block;
	float: left;
	font-weight: bold;
	padding: 0px 10px 0px 0px;
	font-size: 11px;
	width: 137px;
	margin: 0px;
	line-height: 30px;
}
#sortBlock form label.last {
	width: 190px;
}
.btn {
	background: #c1c3c4;
	color: #000000;
	font-size: 11px;
	width: 60px;
	height: 20px;
	text-align:center;
	cursor: pointer;
	margin: 0px 0px 0px 5px;
}
/* end serachBlock */

/* houseBlock */

.houseBlock {
	border-bottom: 1px #c1c3c4 solid;
	padding: 10px 0px 10px 0px;
}
.houseBlock .hPhoto {
	display:block;
	float: left;
}
.houseBlock .hPrice {
	display:block;
	float: left;
	padding: 0px 0px 0px 50px;
}
.houseBlock .hParam {
	display:block;
	float: right;
	padding: 45px 86px 0px 0px;
}
/* end houseBlock */

/* end content */

/* footer */
#footer {
	background: url(../../images/footerBgr.gif) no-repeat right top;
	color:#7f7f7f;
	height: 38px;
	width: 945px;
	text-align:right;
	margin: 0px auto;
	padding: 0px 0px 15px 0px;
	font-size: 11px;
}
#footer #inside {
	padding: 14px 12px 0px 0px;
}
#footer a:link, #footer a:visited {
	font-size: 11px;
	text-decoration: none;
}
/* end footer */
.inloggen input
{
	border:none ;
}

/* Zoekschermpjes */
ul.zoekscherm {
	display:block;
	overflow:hidden;
	margin:0 0 0 -12px;
	padding:6px 0 0 20px;
	list-style:none;
	width:529px;
	height:66px;
	background:url(/images/bg-zoekscherm.gif) no-repeat;
	}
ul.zoekscherm li {
	float:left;
	list-style:none;
	margin:0 12px 0 0;
	padding:0;
	}
ul.zoekscherm li label {
	display:block;
	font-weight:bold;
	margin:0;
	padding:0 0 0 2px;
	}
ul.zoekscherm li select {
	border:solid 1px #aaa;
	}
ul.zoekscherm li img {
	margin-top:20px;
	}
	
#makelaarsnaam b {
	display:block;
	width:290px !important;
	}
.hypotheken #form fieldset {
	border:solid 1px #C2C3C5;
	padding:24px;
	}
.hypotheken #form legend {
	font-weight:14px;
	font-weight:bold;
	}
.hypotheken #form div {
	margin-bottom:3px;
	}
.hypotheken #form div.inputdiv {
	margin:0 0 12px 152px;
	}
.hypotheken #form label,
.hypotheken #form div p {
	display:inline-block;
	width:140px;
	margin-bottom:0;
	}
.hypotheken #form input[type="text"] {
	margin-left:4px;
	}
.hypotheken #form input#rente {
	margin-left:10px;
	}
.hypotheken p.disclaimer {
	font-style:italic;
	}
#formGen fieldset {
	padding:12px;
	border:solid 1px #C2C3C5;
	}
#formGen legend {
	font-weight:bold;
	display:block;
	}
#formGen div {
	clear:left;
	overflow:hidden;
	margin-bottom:4px;
	}
#formGen div.radio {
	margin-left:120px;
	}
#formGen div.radio label {
	float:none;
	width:auto;
	display:inline;
	}
#formGen div.radio input {
	margin-right:16px;
	}
#formGen label {
	float:left;
	display:block;
	width:120px;
	margin-bottom:0;
	}
#formGen .textarea label {
	vertical-align:top;
	}
p.versturen {
	margin-left:120px;
	}
p.verplicht {
	font-size:11px;
	font-style:italic;
	margin-left:132px;
	}
