html{font-size: 62.5%;}
body{
	margin:0;
	font:1.2em/25px Arial, Helvetica, sans-serif;
	color:#fff;
}
a{color:#fff;}
img{display:block;border:none;}
#pagewidth{
	width:902px;
	overflow:hidden;
	margin:0 auto;
}
#footer{
	font-size:1em;
	width:902px;
	text-align:center;
	color:#828282;
}
#footer ul{
	margin:0;
	padding:0;
	list-style:none;
}
#footer ul li{
	display:inline;
	padding:0 10px 0 13px;
	background:url(/images/divider.gif) no-repeat left;
}
#footer ul li.first{
	background:none;
}
#footer a{
	color:#000;
	line-height:74px;
	text-decoration:none;
}
#footer a:hover{text-decoration:underline;}
#main{
	width:902px;
	overflow:hidden;
	padding:1px 0 0;
}
#right{
	float:right;
	width:671px;
	background:url(/images/bg-right.gif);
}
#right .frame{
	background:url(/images/bg-right-b.gif) no-repeat 0 100%;
}
#right .bg{
	width:639px;
	margin:0 auto;
	padding:20px 15px;
	background:url(/images/bg-bg.gif) repeat-x 0 0;
}
#left{
	float:left;
	width:230px;
}
#right h1 {
	margin:0;
	font-size:1.7em;
	font-weight:normal;
        letter-spacing: 1px;
padding-bottom: 5px;
	background:url(/images/x.gif) repeat-x bottom;
}
#right p{
	margin:10px 0 0 0;
}
#right h2 {
	font-size:1.4em;
	color:#ffeb9c;
	font-weight:bold;
        letter-spacing: 1px;
	margin:0;
        text-transform: none;
        margin-top: 10px;
}

.h2{
	background:url(/images/x.gif) repeat-x 0 50%;
	width:629px;
	padding:0 0 0 10px;
	margin:26px 0 0 0;
	overflow:hidden;
}
.h2 h2{
	float:left;
	background:#0096d1;
	padding:0 6px;
}



#right .im-right{
	margin:18px 0 0 10px;
	float:right;
}
.hr{
	display:block;
	width:635px;
	height:2px;
	overflow:hidden;
	margin:6px 0 0 0;
	background:url(/images/x.gif);
}
.visual .hr{width:408px;}
#left a{
	color:#0096d1;
	text-decoration:none;
}
#left a:hover{
	color:#7f2149;
}
#leftnav{
	margin:18px 0 0 14px;
	padding:0;
	width:215px;
	overflow:hidden;
	list-style:none;
	font:1.42em/21px "Trebuchet MS",arial,sans-serif;
}
#leftnav a.active{
	color:#7f2149;
}
#leftnav ul ul a.active{
	background:url(/images/bg-active-down.gif) no-repeat left;
}
#leftnav ul{
	padding:0;
	overflow:hidden;
	background:url(/images/bg-ul.gif) repeat-y 0 0;
}
#leftnav ul a{
	padding:0 0 0 14px;
}
#leftnav ul a.active{font-weight: bold;}
#leftnav ul ul a.active{font-weight: normal;padding: 0 0 0 19px;}
#leftnav li{
	width:225px;
	float:left;
}
#leftnav ul{
	margin:0 0 0 1px;
	width:210px;
}
#leftnav ul li{width:210px;}
#leftnav ul li a{
	background:url(/images/bg-a.gif) no-repeat left;
}
#leftnav ul ul{
	width:194px;
	margin:0 0 0 16px;
}
#leftnav ul ul li{width:194px;}
#leftnav ul{font-size:.71em;}
#leftnav ul ul{font-size: 1em;}
#header{
	height:104px;
	position:relative;
	width:902px;
	background:url(/images/bg-header.gif) no-repeat 100% 100%;
}
a.logo{
	display:block;
	overflow:hidden;
	text-indent:-9999px;
	width:231px;
	height:53px;
	background:url(/images/logo.gif);
	position:absolute;
	top:50px;
	left:0;
}
#nav{
	margin:0;
	padding:0;
	list-style:none;
	top:58px;
	right:82px;
	position:absolute;
	font:15px "Trebuchet MS",arial,sans-serif;
}
#nav li{
	float:left;
	display:inline;
	margin:0 0 0 22px;
}
#nav a{
	color:#0096d1;
	text-decoration:none;
}
#nav a:hover{
	color:#7f2149;
}
ul.fonts{
	margin:0;
	padding:0;
	list-style:none;
	position:absolute;
	top:57px;
	right:7px;
}
ul.fonts li{
	float:left;
	padding:0 9px 0 0;
}
ul.fonts a{
	color:#4f4f4f;
	font-size:14px;
	display:block;
	width:20px;
	height:20px;
	border:1px solid #e5e5e5;
	background:#f5f5f5;
	line-height:20px;
	text-decoration:none;
	text-align:center;
}
ul.fonts a#decrease{font-size: 12px;}
.hulp{
	width:230px;
	color:#6a6a6a;
	font-size:1em;
	margin:97px 0 0 0;
	background:url(/images/bg-hulp.gif);
}
.hulp .frame{
	background:url(/images/bg-hulp-t.gif) no-repeat 0 0;
}
.hulp .bg{
	background:url(/images/bg-hulp-b.gif) no-repeat 0 100%;
	width:203px;
	padding:15px 10px 13px 17px;
	overflow:hidden;
}
.hulp p{
	margin:4px 0 0;
}
.hulp .bg div{
	background: url(/images/separator.gif) repeat-x 0 50%;
	width: 202px;
	overflow: hidden;
}
.hulp h3{
	margin:0;
	background: #f5f5f5;
	float: left;
	font-size:14px;
	color:#373737;
        padding-right: 10px;
}
#left .hulp a.more{
	padding:0 0 0 8px;
	color:#373737;
	text-decoration:underline;
	background:url(/images/bullet.gif) no-repeat left;
}
#left .hulp a.more:hover{
	text-decoration:none;
}
#right .more{
	padding:0 0 0 8px;
	background:url(/images/bullet2.gif) no-repeat left;
}
.visual{
	width:671px;
	overflow:hidden;
	position: relative;
	margin:0 -15px -20px -16px;
	padding:0 0 8px 0;
	background:url(/images/bg-visual.gif) no-repeat 0 100%;
}
* html .visual{margin:0 -15px -20px -15px;}
.visual .c{
	width:671px;
	overflow:hidden;
	background:url(/images/bg-c.gif) repeat-y 100% 0;
}
.visual .right{
	width:232px;
	float:right;
	padding:7px 0 0;
	background:url(/images/bg-right-t.gif) no-repeat 0 0;
}
.visual .right div.gr{
	width:231px;
	background:url(/images/gradient.gif) repeat-x 0 0;
	overflow:hidden;
}
.visual .right div.gr h2{
padding-left: 15px;
}
.visual .right .im{
	width:206px;
	margin:0 auto;
}


.visual .left{
	float:left;
	width:397px;
	padding:0 0 0 15px;
}
.visual .right ul{
	margin:5px 0 0 15px;
	width:202px;
	overflow:hidden;
	padding:9px 0 7px;
	list-style:none;
	line-height:normal;
	background:url(/images/x.gif) repeat-x 0 0;
}
.visual .right ul li{
	float:left;
	width:190px;
	padding:0 0 4px;
	overflow:hidden;
}
.visual .right ul a{text-decoration:none;}
.visual .right ul a:hover{text-decoration:underline;}
.visual .right ul strong{
	float:left;
	font-weight:normal;
	width:51px;
}
.visual .right a.more{
	margin:0 0 0 14px;
}
.middle{
	width:902px;
	overflow:hidden;
	margin:26px 0 0;
	background:url(/images/bg-middle.gif);
}
.middle .frame{
	background:url(/images/bg-middle-t.gif) no-repeat 0 0;
}
.middle ul{
	margin:0;
	padding:0;
	list-style:none;
	width:902px;
	overflow:hidden;
	color:#000;
	line-height:20px;
	background:url(/images/bg-midle.gif) no-repeat 0 100%;
}
.middle ul li{
	float:left;
	margin:0 1px;
	position:relative;
	cursor: pointer;
	background:#e6e6e6 url(/images/bg-li.gif) repeat-x 0 0;
	display:inline;
}
.middle ul li .cnt {
	padding:11px 0;
	width:100%;
	overflow:hidden;
}
.middle ul li.hover,
.middle ul li:hover{
	background:#ececec url(/images/bg-li-hover.gif) repeat-x 0 0;
}
.middle ul p{
	margin:5px 15px 0;
}
.middle ul li.col1{
	float:left;
	width:226px;
}
.middle ul li.col2{
	float:left;
	width:221px;
}
.middle ul li.col3{
	float:left;
	width:218px;
}
.middle ul li.col4{
	float:left;
	width:229px;
}
.middle ul li.col1 .in{background: url(/images/col1-t.gif) no-repeat 0 0;}
.middle ul li.col4 .in{background: url(/images/col4-t.gif) no-repeat 100% 0;}
.middle ul li.col1 .cnt{background: url(/images/col1-b.gif) no-repeat 0 100%;}
.middle ul li.col4 .cnt{background: url(/images/col4-b.gif) no-repeat 100% 100%;}
.middle ul h2{
	font-size:18px;
	font:18px "Trebuchet MS",arial,sans-serif;
	margin:0 0 10px 15px;
}
.middle ul span{
	display:block;
	margin:8px 0 0;
}
.middle ul h2 a{
	color:#7f2149;
	text-decoration:none;
}
.middle ul .hover h2 a{
	color:#006cac;
}
.middle embed,.middle object{
	display:block;
	margin:0 auto;
}
.middle img{
	margin: 0 auto;
}

embed,object{
	margin:0;
	padding:0;
}
a.go{
	width:13px;
	height:13px;
	overflow:hidden;
	text-indent:-9999px;
	position:absolute;
	right:17px;
	top:18px;
	background:url(/images/a-go.gif) no-repeat 0 0;
}
li.hover a.go,li:hover a.go{background:url(/images/a-go.gif) no-repeat -13px 0;}
.middle ul span.im{
	width: 191px;
	height: 79px;
	overflow: hidden;
	display: block;
	margin: 0 auto;
}
.im .image2{display: none;}
.middle ul .hover span.im .image2{display: block;}
.middle ul .hover span.im .image1{display: none;}
.middle h2{padding: 7px 0 5px;}
.middle h2.woningaanbod{padding: 7px 0 0;}
.middle h2 a{
	display: block;
	overflow: hidden;
	text-indent: -9999px;
}
.woningaanbod a{
	width: 114px;
	height: 17px;
	background: url(/images/text-woningaanbod.gif) no-repeat 0 0;
}
.huren a{
	width: 44px;
	height: 12px;
	background: url(/images/text-huren.gif) no-repeat 0 0;
}
.kopen a{
	width: 45px;
margin-bottom: -3px;
	height: 16px;
	background: url(/images/text-kopen.gif) no-repeat 0 0;
}
.actueel a{
	width: 58px;
	height: 13px;
	background: url(/images/text-actueel.gif) no-repeat 0 0;
}
.col1:hover .woningaanbod a, .hover .woningaanbod a{background: url(/images/text-woningaanbod.gif) no-repeat 0 -17px;}
.col2:hover .huren a, .hover .huren a{background: url(/images/text-huren.gif) no-repeat 0 -12px;}
.col3:hover .kopen a, .hover .kopen a{background: url(/images/text-kopen.gif) no-repeat 0 -16px;}
.col4:hover .actueel a, .hover .actueel a{background: url(/images/text-actueel.gif) no-repeat 0 -13px;}

.col3 .cont {
margin-bottom: -5px;
}

#contactformulier ul {
	list-style-type: none;
        padding-left: 0px;
        margin-left: 0px;
}

#contactformulier label {
width: 200px;
display: block;
float: left;
font-weight: bold;
cursor: pointer;
}

#contactformulier li {
margin-bottom: 10px;
}

#contactformulier input, #contactformulier textarea {
border: 1px solid #fff;
padding: 5px;
width: 427px;
font-family: Arial, Helvetica, Verdana;
font-size: 12px;
}

#contactformulier input:focus, #contactformulier textarea:focus {
border: 1px solid #005b8a;
background: #e2f5ff;
}

#contactformulier button {
margin-left: 200px;
padding: 5px;
}

#contactformulier .verplicht input, #contactformulier .verplicht textarea {
background: #fff url(/images/error.gif) no-repeat 7px 8px;
text-indent: 20px;
}

#contactformulier .noinput input {
width: auto;
border: 0px;
}

#contactformulier div {
margin-left: 200px;
}

#contactformulier span {
width: 100px;
display: block;
font-weight: bold;
float: left;
}

#legenda a {
	color:#000;
	}