﻿




/*
     FILE ARCHIVED ON 7:01:35 May 21, 2014 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 3:27:58 Dec 24, 2014.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
body {
	font-family: "Helvetica", "Arial", sans-serif;
	font-size: 13px;
	margin: 0px;
	color: #424b5d;
	background-color: #51596a;
	/*
	background-image: url( /images/BG_Blokje_Blauw.jpg );
	background-repeat: repeat-x;
	background-position: top left;
	*/
}


html {
	
}

div,
span {
	position: relative;
}

table {
	border-collapse: collapse;
	border-spacing: 0px;
}

th,td {
	padding: 0px;
	font-size: 12px;
	vertical-align: top;
	text-align: left;
}

form {
	padding-top: 5px;
	padding-bottom: 5px;
	margin: 0px;
}

img {
	border: 0px;
}

hr {
	border: 1px solid #01642e;
	border-bottom: 1px solid #ffffff;
	margin-top: 20px;
	margin-bottom: 20px;
	height: 1px;
	overflow: hidden;
}

a:link,a:hover,a:active,a:visited {
	color: #3ebae9;
	text-decoration: none;
	outline: 0 none;
}

a:hover {
	text-decoration: underline;
}

h1,h2,h3,h4,h5,h6 {
	font-family:  "Helvetica",  "Arial", sans-serif;
	font-size: 20px;
	font-weight: normal;
	padding: 0px;
	margin: 0px;
	color: #1899bc;
}

h1,h2,h3 {
	font-family: 'SegoeScript', 'Arial', sans-serif;
}

h2 {
	font-family: 'SegoeScript', 'Arial', sans-serif;
	padding-bottom: 10px;
	font-size: 19px;
	line-height: 21px;
}

div.content span.kop {
	font-family: 'SegoeScript', 'Arial', sans-serif;
	padding: 10px 0;
	display: inline-block;
	font-size: 19px;
	line-height: 21px;
	color: #1899bc;
	width: 450px;
}

h3 {
	font-size: 18px;
	padding-bottom: 10px;
}

h4 {
	font-size: 16px;
	padding-bottom: 10px;
}

h5 {
	font-size: 14px;
	color: #1899bc;
	padding-bottom: 5px;
	font-weight: bold;
}

h6 {
	
}

p {
	margin: 0px;
	padding-bottom: 15px;
}

dl {
	margin: 0px;
}

dl dt {
	color: #3ebae9;
	float: left;
	font-weight: bold;
	margin-right: 10px;
	padding: 0px;
	width: 100px;
}

dl dd {
	padding: 0px;
}

label {
	display: inline-block;
	margin-bottom: 5px;
}
/*
input:focus {
	box-shadow: 0 0 3px #37b1d3;
    -webkit-box-shadow: 0 0 3px #37b1d3; 
    -moz-box-shadow: 0 0 3px #37b1d3; 
}
*/
input:focus {
	box-shadow: 0 !important;
    -webkit-box-shadow: 0 !important; 
    -moz-box-shadow: 0 !important; 
	outline: none;
}
.italic {
	font-style: italic;
}

.grey {
	color: #aeb5c4;
}

.blue {
	color: #0899c2;
}

.pullright {
	float: right !important;
}

.margin-right20 {
	margin-right: 20px;
}

.margin-top5 {
	margin-top: 5px;
}

.margin-bottom10 {
	margin-bottom: 10px;
}

.padding-bottom10 {
	padding-bottom: 10px;
}

.padding-top5 {
	padding-top: 5px;
}

.padding-top10 {
	padding-top: 10px !important;
}

.padding-left10 {
	padding-left: 10px;	
}

a.arrow:link,
a.arrow:hover,
a.arrow:active,
a.arrow:visited {
	width: 94px;
	padding-right: 20px;
	text-decoration: none;
	background: url( /images/menu/arrow.png ) transparent center right no-repeat;
}

/* Width's */

div.width155padding {
	width: 155px;
	padding-right: 20px;
}

div.width164 {
	width: 164px;
}

div.width175 {
	width: 175px;
}

div.width218 {
	width: 218px;
}

div.width218.margin {
	width: 203px;
	margin-left: 15px;
	margin-top: 10px;
}

div.width240margin {
	width: 240px;
	margin-right: 20px;
}

div.width420 {
	width: 420px;
	padding-top: 70px;
}
div.width450 {
	width: 450px;
}
 
div.width454padding {
	width: 445px;
	padding-right: 9px;
}
 
div.width506 {
	width: 506px;
}

div.width540 {
	width: 540px;
}

div.width566 {
	width: 566px;
}

div.width566.margin {
	width: 551px;
	margin-left: 15px;
	margin-top: 10px;
}

div.width785 {
	width: 785px;
}

div.width796 {
	width: 796px;
}

.min-height-400 {
	min-height: 400px;
	height: auto !important;
	height: 400px;
}

/*DIVS*/
div.container {
	margin: 0 auto;
    width: 960px;
}

div.line {
	height: 9px;
	background-color: #c2ce39;
}

body.Site2 div.line {
	background-color: #0497c2;
}

div.header {
	height: 98px;
	background-color: white;	
	
}

/*Banner*/

#header {
	width:980px;
	height:264px;
	position:relative;
}

/*
	Slideshow
*/

body.Page1 #slides {
	position:absolute;
	top:0px;
	left:0px;
	z-index:100;
}

/*
	Slides container
	Important:
	Set the width of your slides container
	Set to display none, prevents content flash
*/

body.Page1 .slides_container {
	width:100%;
	overflow:hidden;
	position:relative;
	display:none;
}

body.Page1 .slides_container div.slide {
	width:2600px;
	height:215px;
	display:block;
}
body.Page1 .slides_container div.slide img{
	min-width:100%;
	min-height:215px;
	height:auto;
}
div.banner {
	overflow: hidden;
	width: 100%;
	height: 215px;
	text-align: center;
	-webkit-box-shadow: inset 0px 75px 75px -17px rgba(0,0,0,0.35);
-moz-box-shadow: inset 0px 75px 75px -17px rgba(0,0,0,0.35);
box-shadow: inset 0px 75px 75px -17px rgba(0,0,0,0.35);
}

div.slide {
	position: relative;
	top: 0;
	left: 50%; 
	margin-left: -1300px;
	width: 2600px;
	height: 215px;
	z-index:7;
}

body.Template1 div.banner,
body.Template2 div.banner,
body.Template3 div.banner,
body.Template6 div.banner,
body.Template7 div.banner,
body.Template8 div.banner,
body.Template1 .slides_container div.slide,
body.Template2 .slides_container div.slide,
body.Template3 .slides_container div.slide,
body.Template6 .slides_container div.slide,
body.Template7 .slides_container div.slide,
body.Template8 .slides_container div.slide,
body.Template1 div.banner img,
body.Template2 div.banner img,
body.Template3 div.banner img,
body.Template6 div.banner img,
body.Template7 div.banner img,
body.Template8 div.banner img { 
	height: 150px;
}


body.Template5 div.banner,
body.Template5 .slides_container div.slide,
body.Template5 div.banner img {
	height: 169px;
}

div.wrapper-holder {
	background-color: white;
	width: 100%
}

div.wrapper {
	
}

div.column {
	float: left;
	min-height: 20px;
	height: auto !important;
	height: 20px;
}

div.column div.negativetop { 
	margin-top: -50px;	
}

div.column div.negativetop { 
	margin-top: -50px;	
}

div.column div.content {
	padding: 20px 20px 20px 35px;
	width: 730px;
	background: url( /images/content/bg-center.jpg ) #ffffff top left repeat-y;
}

body.Template5 div.column div.content {
	width: 410px;
	padding-left: 0;
}

body.Template7 div.content {
	padding-bottom: 0;
}

body.Template7 div.content.last {
	padding-top: 0;
}

div.column div.content p {
	line-height: 20px; 
}

body.Template5 div.column div.content p {
	line-height: 22px;
}

div.column div.content.clean {
	background: none;
}

div.column div.content.dark {
	background: url( /images/content/bg-center-dark.jpg ) #f5f5f6 top left repeat-y;
}

div.column div.content.first {
	background: url( /images/content/bg-top.jpg ) #ffffff top left no-repeat;
}

div.column div.content.last {
	background: url( /images/content/bg-bottom.jpg ) #ffffff top left no-repeat ;
}

div.column div.content.dark.last { 
	background: url( /images/content/bg-bottom-dark.jpg ) #f5f5f6 top left no-repeat;
}

div.column div.content.notfirst div.text {
	overflow: hidden;	 
}

div.column div.content.first div.text.withimage.alignleft {
/*
	width: 410px;
	padding-left: 320px;
*/
}

div.column div.content.first div.text.withimage.all-left {
	width: 410px;
	padding-left: 320px;
}

div.column div.content.first div.text.withimage.alignright {
	width: 410px;
	padding-right: 320px;	
}

div.column div.content.first div.text.withimage.all-right {
	width: 410px;
	padding-right: 320px;
}


div.column div.content.first div.text.withimage.withbutton.all-right {
	width: auto;
	padding-right: 0;
}

div.column div.content.first div.text.withimage img {
	position: absolute; 
	bottom: 20px; 
	bottom: 0px; 
	right: 0;
}

div.column div.content.first div.text.withimage.alignleft img,
div.column div.content.first div.text.withimage.all-left img {
	left: 0;
}

div.column div.content div.text img,
div.column div.content div.text a.button:link,
div.column div.content div.text a.button:hover,
div.column div.content div.text a.button:active,
div.column div.content div.text a.button:visited {
	position: relative;
	display: block;
	float: left;	
	margin: 0 30px 30px 0;
}

div.column div.content div.text a.button:link,
div.column div.content div.text a.button:hover,
div.column div.content div.text a.button:active,
div.column div.content div.text a.button:visited {
	width: 220px;
	height: 122px;
	border: solid 2px #bec2c9;
	background-repeat: no-repeat; 
	background-position: center center;
}

div.column div.content div.text.withimage.alignright img, 
div.column div.content div.text.withimage.alignright a.button:link,
div.column div.content div.text.withimage.alignright a.button:hover,
div.column div.content div.text.withimage.alignright a.button:active,
div.column div.content div.text.withimage.alignright a.button:visited {
	float: right;
	margin: 0px 0px 10px 30px;
}

div.column div.content div.text.withimage img {
	float: left; 
}

div.column div.content div.text a.button:link span,
div.column div.content div.text a.button:hover span,
div.column div.content div.text a.button:active span,
div.column div.content div.text a.button:visited span {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 220px;
	height: 45px;
	line-height: 45px;
	display: block;
	background: url("/images/content/bg-button-span.png") transparent left top no-repeat;
	color: white;
}

div.column div.content div.text.all-right.withimage img,
div.column div.content.first div.text.withimage.all-right a.button:link,
div.column div.content.first div.text.withimage.all-right a.button:hover,
div.column div.content.first div.text.withimage.all-right a.button:active,
div.column div.content.first div.text.withimage.all-right a.button:visited {
	float: right;
	margin: 0 0px 30px 30px;
}

/* Nieuws */
div.column div.content div.Item {
	margin-bottom: 10px;
	width: 708px;
	border-bottom: solid 1px #e6e6e6;
}

div.column div.content div.Item img {
	float: left;
	margin-right: 10px;
	width: 98px;
}

div.column div.content div.Item div.text {
	float: left;
	width: 600px;
}
/* Agenda */
div.column div.content div.AgendaItem {
	margin-bottom: 10px;
	border-bottom: solid 1px #e6e6e6;
}

div.column div.content div.AgendaItem div.Datum {
	color: #3EBAE9;
	text-style: italic; 
}

div.column div.tabs {
	width: 506px;
	/*margin-bottom: -5px;*/
}

div.column.width796 div.tabs {
	width: 796px;
	/*margin-bottom: -5px;*/
}

div.column div.tabs div.left,
div.column div.tabs div.tab,
div.column div.tabs div.right {
	width: 8px;
	height: 31px; 
	line-height: 31px;
	padding-top: 5px; 
	background: url("/images/tabs/tabsleft.png") transparent left top no-repeat;
	float: left; 
}

div.column div.tabs div.tab {
	width: 135px;
	padding-top: 8px;
	background: url("/images/tabs/tabscenter.png") transparent left top repeat-x; 
}

body.Site2 div.column div.tabs div.tab {
	width: 95px; 
}

div.column div.tabs div.tab a:link,
div.column div.tabs div.tab a:hover,
div.column div.tabs div.tab a:active,
div.column div.tabs div.tab a:visited {
	display: block;
	width: 132px;
	height: 26px;
	line-height: 26px;
	text-decoration: none;
	text-align: center;
	color: white;
	margin: 0 3px 0 0;
	background: url("/images/buttons/button132x26.png") transparent left bottom repeat-x; 
}

body.Site2 div.column div.tabs div.tab a:link,
body.Site2 div.column div.tabs div.tab a:hover,
body.Site2 div.column div.tabs div.tab a:active,
body.Site2 div.column div.tabs div.tab a:visited {
	width : 92px;
	overflow: hidden;
}

div.column div.tabs div.tab a.active:link,
div.column div.tabs div.tab a.active:hover,
div.column div.tabs div.tab a.active:active,
div.column div.tabs div.tab a.active:visited {
	background-position: top left;
}

div.column div.tabs div.tab a:hover {
	background-position: left top;
}

div.column div.tabs div.tab a.disabled:link,
div.column div.tabs div.tab a.disabled:hover,
div.column div.tabs div.tab a.disabled:active,
div.column div.tabs div.tab a.disabled:visited {
	background-position: top right;
	cursor: default !important;
}

div.column div.tabs div.right { 
	background: url("/images/tabs/tabsright.png") transparent right top no-repeat;
	width: 7px; 
}

div.column div.box {
	position: relative;
	background-image: url("/images/box/shadow490top.png");
	background-position: left top;
	background-repeat: no-repeat;
	width: 490px;
	padding-top: 10px;
	overflow: hidden;
	padding-bottom: 15px;
}

div.column div.box.width796 {
	background-image: url("/images/box/shadow796top.png");
	width: 796px;	
}

div div.box.width249 {
	background-image: url("/images/box/shadow249top.png");
	width: 249px;	
}

div.column div.negativetop div.tabs {
	/*margin-bottom: -10px;*/
	background: url("/images/tabs/bg-tabs490.png") transparent left bottom no-repeat;
}
div.column.width796 div.negativetop div.tabs {
	/*margin-bottom: -10px;*/
	background: url("/images/tabs/bg-tabs796.png") transparent left bottom no-repeat;
}
div.column div.negativetop div.box.width490,
div.column.width796 div.negativetop div.box.width796 { 
	background-image: none;
	padding-top: 0;
}

div.column div.box div.body {
	background-image: url("/images/box/shadow490middle.png");
    background-repeat: repeat-y;
	padding-left: 5px;
	padding-right: 7px;
}

div.column.width796 div.box div.body {
	width: 784px;
	background-image: url("/images/box/shadow796middle.png");
}

div.width249 div.box div.body {
	width: 236px;
	padding: 0 8px;
	background-image: url("/images/box/shadow249middle.png");
}

div.width249 div.box div.body.padding {
	width: 209px;
	padding: 0 20px;
	background-image: url("/images/box/shadow249middle.png");
}
div.column div.box.width490 div.body.padding25 {
	width: 459px;
	padding: 10px 10px 10px 20px; 
}

div.column div.box div.body div.padding {
	padding: 0 5px;
}

div.column div.box.width796 div.body div.padding {
	padding: 5px 5px 0 5px
}

div.column div.box div.body div.scroll400 {
	overflow-y: auto;
	margin-bottom: 5px;
	height: 400px;
}

div.column div.box div.body div.scroll445 {
	overflow-y: auto;
	margin-bottom: 5px;
	height: 536px;
}

div.column div.box div.bottom {
	background-image: url("/images/box/shadow490bottom.png");
	background-position: top left !important;
	height: 10px;
	margin:0;
	overflow: hidden;
}

div.column.width796 div.box div.bottom {
	background-image: url("/images/box/shadow796bottom.png");
}

div.width249 div.box div.bottom {
	background-image: url("/images/box/shadow249bottom.png");
}

div.column div.box div.bottom.gradient {
	background-image: url("/images/box/shadow490bottom-gradient.png");
}

div.column.width796 div.box div.bottom.gradient {
	background-image: url("/images/box/shadow796bottom-gradient.png");
}

div.column div.box.width461 {
	background-image: url("/images/box/shadow461top.png") !important;
	background-color: transparent;
	width: 461px;
	padding: 13px 0 6px 0;
}

div.column div.box.width541 {
	background-image: url("/images/box/shadow541top.png") !important;
	width: 541px;
	padding: 13px 0 6px 0;
	margin-left: 10px;	
}

div.column div.box.width461 div.body {
	width: 461px;
	height: 100px;
	overflow: hidden;
	background-image: url("/images/box/shadow461middle.png");
}

div.column div.box.width541 div.body {
	width: 529px;
	background-image: url("/images/box/shadow541middle.png");
}

div.column div.box.width461 div.body div.padding {
	padding: 0 5px;
	width: 451px;
}

div.column div.box.width541 div.body div.padding {
	padding: 0 5px;
	width: 519px;
}

div.column div.box.width541 div.body div.padding17 {
	padding: 0 11px 0 17px;
	width: 501px;
}

div.column div.box.width461 div.bottom {
	width: 461px;
	background-image: url("/images/box/shadow461bottom.png");	
	height: 7px;
}

div.column div.box.width541 div.bottom {
	width: 541px;
	background-image: url("/images/box/shadow541bottom.png");	
	height: 7px;
}

div.column div.box.width461 img {
	/*width: 94px;*/
	margin: 0 15px 3px 0;
	float: left;
}

div.column div.box.width541 img {
	/*width: 160px;*/
	margin: 0 15px 3px 2px;
	float: left;
}

div.column div.box.width461 div.text {
	float: left;
	width: 320px;
	margin-right: 8px;
	line-height: 18px;
}

div.column div.box.width541 div.text {
	float: left;
	width: 314px;
	margin-right: 10px;
	line-height: 18px;
}

div.column div.box.width461 div.woning-info {
	float: left;
	width: 264px;
	margin-right: 10px;
	line-height: 18px;	
}

div.column div.box.width461 div.text p {
	padding: 0px;	
	color: #51596a;
}

div.column.width566 a.woning:link,
div.column.width566 a.woning:hover,
div.column.width566 a.woning:active,
div.column.width566 a.woning:visited {
	position: relative;
	display: block;
	overflow: hidden;
	width: 490px;    
	height: 110px;
	padding: 12px 38px 12px 13px;
	text-decoration: none;
	color: #424b5d;
	font-size: 13px;
	cursor: pointer;
	background: url("/images/box/box541x134.png") transparent left top no-repeat;
}

div.column.width566 a.woning:hover {
	background-position: 0 -134px;
}

div.column.width566 a.woning:link img.image,
div.column.width566 a.woning:hover img.image,
div.column.width566 a.woning:active img.image,
div.column.width566 a.woning:visited img.image {
	float: left;
	width: 160px;
	height: 96px;
	margin-right: 10px;
	border: solid 2px #e6e6e6; 
}

div.column.width566 a.woning:link img.Label,
div.column.width566 a.woning:hover img.Label,
div.column.width566 a.woning:active img.Label,
div.column.width566 a.woning:visited img.Label {
	position: absolute;
	/*top: 14px;
	left: 15px;/**/
	top: 2px;
	left: 2px;/**/
	width: 68px;
	height: 68px;
}

div.box.width461 a:link img.Label,
div.box.width461 a:hover img.Label,
div.box.width461 a:active img.Label,
div.box.width461 a:visited img.Label {
	position: absolute;
	top: 0px;
	left: 5px;
	width: 68px;
	height: 68px;	
}

div.column.width566 a.woning:link span.text,
div.column.width566 a.woning:hover span.text,
div.column.width566 a.woning:active span.text,
div.column.width566 a.woning:visited span.text {
	float: left;
	width: 300px;
	height: 117px;
	overflow: hidden;
}

div.column.width566 a.woning:link span.title,
div.column.width566 a.woning:hover span.title,
div.column.width566 a.woning:active span.title,
div.column.width566 a.woning:visited span.title,
div.column.width566 a.woning:link span.teaser,
div.column.width566 a.woning:hover span.teaser,
div.column.width566 a.woning:active span.teaser,
div.column.width566 a.woning:visited span.teaser {
	padding-bottom: 8px;
	display: block;
	line-height: 15px;
}

div.column.width566 a.woning:link span.title,
div.column.width566 a.woning:hover span.title,
div.column.width566 a.woning:active span.title,
div.column.width566 a.woning:visited span.title {
	font-size: 14px;
}

.gradient {  
	/* fallback */
	background-color: #ffffff; 
	background: url(/images/box/gradient.jpg );
	background-position: bottom left;
	background-repeat: repeat-x; /* Safari 4-5, Chrome 1-9 */ 
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffffff), to(#f3f3f3)); 
	
	/* Safari 5.1, Chrome 10+ */ 
	background: -webkit-linear-gradient(top, #ffffff, #f3f3f3); 
	
	/* Firefox 3.6+ */ 
	background: -moz-linear-gradient(top, #ffffff, #f3f3f3); 
	
	/* IE 10 */ background: -ms-linear-gradient(top, #ffffff, #f3f3f3); 
	
	/* Opera 11.10+ */ 
	background: -o-linear-gradient(top, #ffffff, #f3f3f3);
}

div.column div.box.width490 div.body a.Woning:link,
div.column div.box.width490 div.body a.Woning:hover,
div.column div.box.width490 div.body a.Woning:active,
div.column div.box.width490 div.body a.Woning:visited {
	width: 142px;
	display: block;
	margin-right: 8px;
	text-decoration: none;
	float: left;
}

div.column div.box.width490 div.body a.Woning:link img,
div.column div.box.width490 div.body a.Woning:hover img,
div.column div.box.width490 div.body a.Woning:active img,
div.column div.box.width490 div.body a.Woning:visited img {
	border: solid 2px #e7e7e7;
	margin-bottom: 5px;
}

div.column div.box.width490 div.body a.Woning:link span,
div.column div.box.width490 div.body a.Woning:hover span,
div.column div.box.width490 div.body a.Woning:active span,
div.column div.box.width490 div.body a.Woning:visited span {
	color: #909a49;
	line-height: 18px;
	display: block;	
}

div.column div.box.width490 div.body a.Woning:link span.price,
div.column div.box.width490 div.body a.Woning:hover span.price,
div.column div.box.width490 div.body a.Woning:active span.price,
div.column div.box.width490 div.body a.Woning:visited span.price {
	color: #545c6d;
}

/* FAQ */
div.column  div.FaqHolder h2 {
	padding-top: 20px;
	padding-bottom: 10px;
	font-size: 18px;
}

div.column  div.FaqHolder div.VraagHolder {
	border-bottom: 1px solid #0098D1;
	padding-top: 3px;
	padding-bottom: 3px;
	margin-right: 10px;
}

div.column  div.FaqHolder div.Open,
div.column div.FaqHolder div.Close {
	font-weight: bold;
	cursor: pointer;
	padding-bottom: 3px;
	padding-top: 3px;
	color: #1899BC;
}

div.column  div.FaqHolder div.Close {
	
}

div.column  div.FaqHolder div.Open {
	display: block;
}

div.column  div.FaqHolder div.NotDetails {
	display: none;
	padding-left: 10px;
	padding-bottom: 10px;
}

/*END FAQ */

/* Zoeken */
div.Zoeken {
	position: absolute;
	top: 30px;
	right: 18px;
	width: 185px;
	height: 29px;
	z-index: 10; 
}
 
body.Template1 div.Zoeken,
body.Template2 div.Zoeken,
body.Template3 div.Zoeken,
body.Template6 div.Zoeken,
body.Template7 div.Zoeken,
body.Template8 div.Zoeken {
	top: 137px;
	right: 23px;
}

body.Template5 div.Zoeken {
	right: 23px;
	top: 152px;
}

div.Zoeken form {
	padding: 0px;
	margin: 0px;
}

div.Zoeken input.SearchInput {
	font-size: 12px;
	border: 0 none;
	display: block;
	margin: 0px;
	padding: 0px;
	padding-left: 5px;
	height: 27px;
	line-height: 27px;
	width: 150px;
	color: #979797;
	border: solid 1px #c2ce3a;
}

body.Site2 div.Zoeken input.SearchInput {
	border: solid 1px #1aa3c9;
}

div.Zoeken input.SearchSubmit {
	position: absolute;
	top: 0px;
	right: 0px;
	background-image: url( /images/buttons/search.jpg );
	background-repeat: no-repeat;
	background-position: top left;
	display: block;
	border: 0 none;
	background-color: white;
	padding: 0px;
	margin: 0px;
	width: 31px;
	height: 29px;
	float: right;
}

div.Zoeken input.SearchSubmit:hover {
	background-position: bottom left;
}

body.Site2 div.Zoeken input.SearchSubmit {
	background-position: top right;
}

body.Site2 div.Zoeken input.SearchSubmit:submit {
	background-position: bottom right;	
}

ul.Zoekresultaten span {
	color: #FF8D00;
}

ul.Zoekresultaten span.Searchstring {
	background-color: #FF8D00;
	padding-left: 2px;
	padding-right: 2px;
	color: white;
}

a.woningArrow:link,
a.woningArrow:hover, 
a.woningArrow:active,
a.woningArrow:visited {
	position: absolute;
	display: block;
	top: 540px;
	left: 483px;
	width: 24px;
	height: 40px;
	text-decoration: none;
	background: url( /images/buttons/woningArrow.png ) transparent top left no-repeat;
}
/* Social media */
div.Social {
	position: relative;
	padding-top: 10px;
	padding-bottom: 20px;
}

div.Social div.Share {
	position: relative;
	margin: 0px;
	padding: 0px;
	display: inline-block;
	overflow: hidden;
	float: left;
}

div.Social div.Share iframe {
	margin: 0px;
	width: 130px !important;
}

div.Social div.ShareGoogle {
	width: 80px;
}

div.Social div.ShareTwitter {
	width: 100px;
}

div.Social div.ShareFacebook {
	width: 103px;
}

div.footer {
	padding: 35px 0 25px 0;
	color: #d5d7db;
	border-bottom: solid 1px #777e8e;
	margin-bottom: 10px;
}

div.footer h3 {
	font-family: 'SegoeScript', 'Arial', sans-serif;
	color: #D5D7DB;
	font-weight: normal;
	padding-bottom: 20px;
}

div.footer div.handige-links ul {
	margin: 0 0 20px 0;
	padding: 0;
	list-style-type: none;
}

div.footer div.handige-links ul li {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

div.footer div.handige-links ul li a:link,
div.footer div.handige-links ul li a:hover,
div.footer div.handige-links ul li a:active,
div.footer div.handige-links ul li a:visited {
	padding-left: 15px;
	line-height: 26px;
	display: block;
	text-decoration: none;
	color: #D5D7DB;
}	

div.footer div.handige-links ul li a:hover {
	background: url( /images/footer/arrow.jpg ) transparent center left no-repeat;	
}

div.footer div.handige-links a.social:link,
div.footer div.handige-links a.social:hover,
div.footer div.handige-links a.social:active,
div.footer div.handige-links a.social:visited {
	position: relative;
	display: inline-block;
	width: 28px;
	height: 24px;
	background: url( /images/footer/facebook.png ) transparent top left no-repeat;	
	text-decoration: none;
	margin-left: 15px;
}

div.footer div.handige-links a.social.twitter:link,
div.footer div.handige-links a.social.twitter:hover,
div.footer div.handige-links a.social.twitter:active,
div.footer div.handige-links a.social.twitter:visited {
	margin-left: 10px;
	background: url( /images/footer/twitter.png ) transparent top left no-repeat;
}

div.footer div.handige-links a.social:hover {
	background-position: bottom left !important;
}

div.footer div.laatste-nieuws div.item,
div.footer div.agenda div.item {
	width: 240px;
	margin-bottom: 10px;	
}

div.footer div.laatste-nieuws div.item img {
	border: solid 2px #656b79;
	width: 43px;
	height: 43px;
	margin-right: 3px;
	float: left;
}

div.footer div.laatste-nieuws div.item p,
div.agenda div.item p {
	position: relative;
	width: 180px;
	padding-left: 12px;
	float: left; 
}

div.agenda div.item p {
	padding-left: 0;
	width: 192px;
}

div.agenda div.item div.date {
	width: 43px;
	float: left;
}

div.agenda div.item div.date span.day {
	width: 25px;
	height: 25px;
	line-height: 25px;
	background-color: #a0a4ad;
	border: solid 2px #656b79;
	color: #52596b;
	text-align: center;
	display: block;
	font-weight: bold;
	font-size: 16px;
}

div.agenda div.item div.date span.month {
	width: 25px;
	height: 14px;
	line-height: 14px;
	color: #bec1c7;
	text-align: center;
	display: block;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 11px;
}

div.footer div.impressie {
	padding: 12px 12px 12px 12px;
	width: 216px;
	margin: 40px 0 0 0; 
	background-color: #636a79;
	text-align: center;	
}

div.footer div.impressie div.impressie-holder p {
	padding: 0;
}

div.footer div.impressie p img {
	width: 62px;
	height: 62px;
	margin: 4px;
	border: solid 1px white; 
	float: left;
}

div.footer a.arrow:link,
div.footer a.arrow:hover,
div.footer a.arrow:active,
div.footer a.arrow:visited {
	padding-left: 20px;
	background: url( /images/menu/arrow.png ) transparent top left no-repeat;
}

div.footer div.tekst {
	background: url( /images/footer/bg-tekst.png ) transparent top left no-repeat;
	padding: 80px 15px 30px 15px; 
	width: 210px;
}

div.copyright {
	color: #d5d7db;
	font-size: 11px;
	text-align: center;
}

/* LEFT COLUMN */
div.column.width164 ul {
	padding: 40px 0 0 0;
	margin: 0;
	list-style-type: none;
}

div.column.width164 ul li {
	position: relative;
	text-align: right;
}

div.column.width164 ul li a:link,
div.column.width164 ul li a:hover,
div.column.width164 ul li a:active,
div.column.width164 ul li a:visited {
	position: relative;
	line-height: 30px;
	display: block;
	width: 135px;
	padding-right: 40px;
	color: #51596a;
	font-size: 14px;
}

div.column.width164 ul li.Active a:link,
div.column.width164 ul li.Active a:hover,
div.column.width164 ul li.Active a:active,
div.column.width164 ul li.Active a:visited {
	color: #3d9ab5;
}

div.column.width164 ul li ul,
div.column.width164 ul li ul li {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

/* NU IN DE VERKOOP */
div.now-available {
	text-align: right;
	margin: 60px 0 20px 0;
	padding-right: 32px;
}

div.now-available h5 {
	margin-bottom: 14px;
}

div.now-available a:link,
div.now-available a:hover,
div.now-available a:active,
div.now-available a:visited {
	position: relative;
	border: solid 2px #e6e6e6;
	margin: 0 0 8px 0;
	display: block;
	width: 138px;
	height: 82px; 
	overflow: hidden;
}

div.now-available a:link img.Label,
div.now-available a:hover img.Label,
div.now-available a:active img.Label,
div.now-available a:visited img.Label {
	border: 0 none;
	position: absolute;
	top: 0px;
	left: 0px;
	margin: 0;
	width: 68px;
	height: 68px;
}
	
/* WONING DETAIL */
div.woningdetail div.images {
	width: 497px;
	margin-bottom: 15px;
}

div.woningdetail div.images img.Label {
	border: 0 none;
	position: absolute;
	top: 2px;
	left: 4px;
	margin: 0;
	width: 68px;
	height: 68px;	
}

div.woningdetail div.images img {
	border: solid 2px #e6e6e6;
}

div.woningdetail div.images div.large {
	width: 273px;
	height: 179px; 
	margin-right: 4px;
	float: left;
}

div.woningdetail div.images ul.thumbnails {
	padding: 0;
	margin: 0;
	width: 220px;
	float: left;
}

div.woningdetail div.images ul.thumbnails li {
	padding: 0;
	margin: 0;
	list-style-type: none;
	float: left;
	width: 110px;
}

div.woningdetail div.images ul.thumbnails img {
	margin: 0 0 6px 6px;
}

div.woningdetail div.column.width218 {
	margin-bottom: 120px;
}

div.woningdetail div.column.width218 p {
	padding-bottom: 15px;
	line-height: 18px;
}

div.woningdetail div.column.width218 h5 {
	padding-bottom: 0px;
	line-height: 30px;
}

/* HOMEPAGE */
img.group {
	position: absolute;
	top: -161px;
	left: 0px;
	width: 492px;
	height: 345px;
	z-index: 100;
}

img.Label-NieuwWonen {
	position: absolute;
	bottom: 0px;
	left: 300px;
	width: 212px;
	height: 98px;
	z-index: 100;
}

div.selection {
	position: absolute;
	top: -70px;
	right: 0;
	z-index: 100;
	width: 420px;
	height: 132px;
}

div.selection a:link,
div.selection a:hover,
div.selection a:active,
div.selection a:visited {
	position: relative;
	width: 190px;
	height: 124px;
	display: inline-block;
	margin-right: 12px;
	overflow: hidden; 
	background: url( /images/balloon197x132.png ) transparent top left no-repeat; 
	float: left;
	text-decoration: none;
	padding: 8px 0 0 7px; 
}

div.selection a:link span.title,
div.selection a:hover span.title,
div.selection a:active span.title,
div.selection a:visited span.title {
	display: block;
	width: 183px;
	height: 36px;
	background: url( /images/buttons/label184x36.png ) transparent top left no-repeat; 
	color: white;
	line-height: 36px;
	text-align: center;
	font-size: 16px;
}

div.selection a.part3:link span.title,
div.selection a.part3:hover span.title,
div.selection a.part3:active span.title,
div.selection a.part3:visited span.title {
	background-position: top right;
}

div.selection a.part3:hover span.title {
	background-position: bottom right;
}

div.selection a.part2:link span.title,
div.selection a.part2:hover span.title,
div.selection a.part2:active span.title,
div.selection a.part2:visited span.title {
	background-position: top left;
}

div.selection a.part2:hover span.title {
	background-position: bottom left;
}


div.selection a:link span.description,
div.selection a:hover span.description,
div.selection a:active span.description,
div.selection a:visited span.description {
	width: 164px;
	height: 42px;
	padding: 10px;
	line-height: 20px;
	color: #424b5d;
	font-size: 14px;   
	text-align: center;
	display: block;
}

body.Template4 div.wrapper-holder {
	color: #424b5d;
	font-size: 15px;
	line-height: 24px;
	-webkit-box-shadow: 0px -43px 75px -17px rgba(0,0,0,0.35);
	-moz-box-shadow: 0px -43px 75px -17px rgba(0,0,0,0.35);
	box-shadow: 0px -43px 75px -17px rgba(0,0,0,0.35);
	z-index:10;
}

/* Buttons */
a.button:link,
a.button:hover,
a.button:active,
a.button:visited {
	display: block;
	text-align: center;
	width: 132px;
	height: 31px;
	line-height: 31px;	
	color: white; 
	text-decoration: none;
}

a.button.s192x31:link,
a.button.s192x31:hover,
a.button.s192x31:active,
a.button.s192x31:visited {
	background: url( /images/buttons/button192x31.png ) transparent top left no-repeat;
	width: 192px;
	height: 31px;
	line-height: 31px; 
}

a.button.s192x31:hover {
	background-position: bottom left;
}

a.button.s192x31.green:link,
a.button.s192x31.green:hover,
a.button.s192x31.green:active,
a.button.s192x31.green:visited {
	background-position: top right;	
}

a.button.s192x31.green:hover {
	background-position: bottom right;
}

a.button.s132x26:link,
a.button.s132x26:hover,
a.button.s132x26:active,
a.button.s132x26:visited {
	background: url("/images/buttons/button132x26.png") transparent top left repeat-x;
	width: 132px;
	height: 26px;
	line-height: 26px;
}

a.button.s132x26:hover {
	background-position: bottom left;
}

a.button.s138x26:link,
a.button.s138x26:hover,
a.button.s138x26:active,
a.button.s138x26:visited {
	background: url("/images/buttons/button138x26.png") transparent top left repeat-x;
	width: 138px;
	height: 26px;
	line-height: 26px;
}

a.button.s138x26:hover {
	background-position: bottom left;
}

a.button.s142x26:link,
a.button.s142x26:hover,
a.button.s142x26:active,
a.button.s142x26:visited {
	background: url("/images/buttons/button142x26.png") transparent top left repeat-x;
	width: 142px;
	height: 26px;
	line-height: 26px;
}

a.button.s142x26:hover {
	background-position: bottom left;
}

a.button.s233x36:link,
a.button.s233x36:hover,
a.button.s233x36:active,
a.button.s233x36:visited {
	background: url( /images/buttons/button233x36.png ) transparent top right no-repeat;
	width: 233px;
	height: 36px;
	line-height: 36px; 
}

/* Search column */
div.search-column h2,
div.search-column h6 {
	font-family: 'Helvetica', 'Arial', sans-serif;
	font-size: 14px;
	margin-left: 10px;
}

div.search-column h6 {
	font-size: 12px;
	color: #52596b;
	font-weight: normal;
	padding-bottom: 8px;	
}

div.search-column select {
	width: 186px;
	height: 23px;
	margin-bottom: 8px;
	border: solid 1px #0497C2;
}

img.logo-bottom-right {
	position: absolute;
	width: 198px;
	height: 98px;
	bottom: 15px;
	right: 10px;
	z-index: 5;
}

/**
 * DEFAULTS
 */
.Clear,
.clear {
	overflow: hidden;
	height: 0px;
	width: 0px;
	clear: both;
}

.hide {
	display: none !important;
}

.show {
	display: block !important;
}

.Open {
	display: block !important;
}

.Closed {
	display: none !important;
}
.Error{
	color: red;
	display: none;
}
.error {
	color: red;
	font-size: 11px;
}

/* OVERLAY POPUP */
div#PopupHolder {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	z-index: 5000;
}

div#DarklayerPopup {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background-color: #000000;
}
 
div#WrapperPopup {
	position: absolute;
	top: 50%;
	left: 50%; 
	width: 980px;
	height: 690px;
	margin-left: -480px;
	margin-top: -350px;
	background: url( /images/overlay/overlay_bg.jpg ) #ffffff bottom right no-repeat; 
	border: 0 none;
	overflow: auto;
}

div#WrapperPopup a.Close:link,
div#WrapperPopup a.Close:hover,
div#WrapperPopup a.Close:active,
div#WrapperPopup a.Close:visited {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 30px;
	height: 30px;
	display: block;
	background-image: url( /images/Close.png );
	background-position: top left;
	background-repeat: no-repeat;		
}

ul.topmenu {
	position: absolute;
	padding: 0;
	margin: 0;
	top: 0px;
	right: 0px;
	width: 650px;
	height: 100px;
	list-style-type: none;	
}

ul.topmenu li {
	float: left;
	display: inline-block;
	width: 130px;
	padding: 0px 10px 15px 20px;	
}

ul.topmenu li a:link,
ul.topmenu li a:hover,
ul.topmenu li a:active,
ul.topmenu li a:visited {
	padding: 15px 0 0 0;
	font-size: 16px;
	color: #c2ce39;
	line-height: 26px;
	display: block;
	text-decoration: none;
}

body.Site2 ul.topmenu li a:link,
body.Site2 ul.topmenu li a:hover,
body.Site2 ul.topmenu li a:active,
body.Site2 ul.topmenu li a:visited {
	color: #0497c2;
}

ul.topmenu li a.active:link,
ul.topmenu li a.active:hover,
ul.topmenu li a.active:active,
ul.topmenu li a.active:visited {
	background: url( /images/menu/top-active.png ) transparent top right no-repeat; 
}

body.Site2 ul.topmenu li a.active:link,
body.Site2 ul.topmenu li a.active:hover,
body.Site2 ul.topmenu li a.active:active,
body.Site2 ul.topmenu li a.active:visited {
	background: url( /images/menu/top-active.png ) transparent top left no-repeat; 
}

ul.topmenu li a:link span.subtitle,
ul.topmenu li a:hover span.subtitle,
ul.topmenu li a:active span.subtitle,
ul.topmenu li a:visited span.subtitle {
	display: block;
	font-size: 12px;
	color: #424b5d;
	line-height: 16px;
}

/* MENU */
ul#menu {
	padding: 40px 0 0 0;
	margin: 0;
	list-style-type: none;
	background: url( /images/menu/menu-top.jpg ) transparent top right no-repeat; 
}

ul#menu li {
	position: relative;
	text-align: right;
	padding: 6px 0;
}

ul#menu li a:link,
ul#menu li a:hover,
ul#menu li a:active,
ul#menu li a:visited {
	position: relative;
	line-height: 24px;
	display: block;
	width: 143px;
	width: 135px;
	padding-right: 32px;
	color: #51596a;
	font-size: 14px;
	text-decoration: none;
}

ul#menu li.parent a:link,
ul#menu li.parent a:hover,
ul#menu li.parent a:active,
ul#menu li.parent a:visited {
	/*font-weight: bold;*/
}

ul#menu li img.arrow {
	position: absolute; 
	top: 0px;
	right: -3px;
	z-index: 5;
	width: 22px;
	height: 30px;
	display: none;
}

ul#menu li.active a:link,
ul#menu li.active a:hover,
ul#menu li.active a:active,
ul#menu li.active a:visited {
	color: #3d9ab5;
}

body.Template1 ul#menu li.active img.arrow,
body.Template7 ul#menu li.active img.arrow {
	display: inline-block;
}

ul#menu.HideArrow li.active img.arrow {
	display: none !important; 
}

ul#menu li ul,
ul#menu li ul li {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

/* CUSTOM RADIO + CHECKBOX */
.ez-hide { 
	opacity: 0; 
	filter:alpha(opacity=0);
}

.ez-checkbox {
	background: transparent url('/images/form/checkbox.png') 0px 0px no-repeat;
}

.ez-radio {
	background: transparent url('/images/form/radio.png') 0px 0px no-repeat;
}

.ez-checkbox, 
.ez-radio { 
	display: inline-block;
	width: 25px;
	zoom: 1; 
	height:20px;
}
.ez-checked,
.ez-selected { 
	background-position: 0 -20px;
}

/* MAILFORMULIER */

table.MailForm {
	margin-left: 40px;
}
.MFKop {
	color: #030303;
	font-size: 12px;
}

.MFErrorMessage {
	color: red;
}

.MFSubmitButton,.MFCancelButton,.MFConfirmButton {
	padding: 0px;
	margin: 0px;
	margin-bottom: 4px;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 2px;
	line-height: 30px;
	color: #ffffff;
	font-size: 14px;
	width: 174px;
	height: 30px;
	background: url( /images/buttons/submit174x30.jpg ) transparent top left no-repeat;
	border: 0 none;
	text-align: center;
}

.MFSubmitButton:hover,.MFCancelButton:hover,.MFConfirmButton:hover {
	background-position: bottom left;
}

.MFLogin {
	padding: 0px;
	margin: 0px;
	margin-left: 4px;
	margin-bottom: 3px;
	border: 0 none;
	width: 18px;
	height: 18px;
}

.MFSearch {
	margin: 0px;
	margin-left: 4px;
	margin-bottom: 4px;
	padding-right: 10px;
	background-color: #ffdd00;
	color: black;
	border: 0 none;
	font-size: 10px;
}

.MFConfirmButton {
	height: 20px;
	line-height: 20px;
	width: 150px;
}

.MFSubmitTD {
	text-align: right;
	padding-bottom: 10px;
}

.MFDataTD {
	text-align: left;
	width: 400px;
}

.MFTD {
	width: 140px;
	vertical-align: top;
	font-weight: normal;
}

.MFMedium,.MFSmall,.MFLarge,.MFNaamType,.MFEmailType,.MFFileType {
	border: 1px solid #1AA3C9;
	width: 397px;
	margin: 0px;
	padding: 0px;
	padding: 3px 0 3px 3px;
	text-align: left;
	font-family: "Arial", sans-serif;
	font-size: 12px;
	margin-bottom: 15px;
	color: #4a515f;
	background-color: #ffffff;
}

div#Groups {
	margin-bottom: 10px;	
}

div.nieuwsbrief .MFNaamType {
	border: 2px solid #646c7c;
	width: 171px;
	margin: 0px;
	padding: 0px;
	padding-top: 7px;
	padding-bottom: 7px;
	text-align: center;
	font-family: "Arial", sans-serif;
	font-size: 12px;
	margin-bottom: 15px;
	color: #4a515f;
	background-color: #9fa4ad;
}

.MFSmall {
	width: 50px;
}

.MFMedium {
	width: 140px;
}

.MFLarge {
	width: 190px;
}

.MFExtraUitleg {
	font-weight: normal;
	font-style: italic;
	padding-bottom: 10px;
}

.MFVerplichtTD {
	color: red;
	font-weight: bold;
	vertical-align: top;
	padding-top: 3px;
	width: 10px;
}

.MFFileType {
	color: #7b797a;
	border: 1px solid black;
	margin: 2px;
	padding-left: 3px;
	padding-right: 3px;
	width: 304px;
}

.MFWrapper {
	margin-left: 10px;
	margin-bottom: 10px;
}

/* DEBUG CONSOLE */
div.DebugConsole {
	position: absolute;
	top: 50px;
	left: 250px;
	width: 600px;
	border: 1px solid black;
	overflow: auto;
	background-color: white;
	padding: 50px;
	z-index: 3000;
}

/* OVERLAY */

div.Overlay {
	position: fixed;
	top: 140px;
	left: 50%;
	width: 798px;
	height: 410px;
	padding: 13px 15px 14px 15px;
	margin: 0 -399px;
	background: #FFFFFF;
	background: url(/images/BG_Overlay.png) no-repeat center center;
	z-index: 5000;
	display: none;
}

div.Overlay a.Close:link,
div.Overlay a.Close:hover,
div.Overlay a.Close:active,
div.Overlay a.Close:visited {
	position: absolute;
	display: block;
	top: 20px;
	left: 785px;
	width: 20px;
	height: 20px;
	background: url(/images/Icon_Close.png) no-repeat center center;
}

div.Overlay div.Holder {
	position: absolute;
	top: 60px;
	left: 620px;
	width: 180px;
	height: 300px;
}

div.Overlay div.Holder .MFWrapper {
	padding: 0px;
	margin: 0px;
}

div.Overlay div.Holder .MFWrapper .MFNaamType {
	width: 171px;
	height: 29px;
	line-height: 29px;
	color: #96979c;
	text-align: center;
	background: #eeeff1;
	border: 2px solid #d6d7dc;
}

div.Overlay div.Holder .MFWrapper .MFSubmitButton {
	background: url(/images/Button_Blue.png) no-repeat center center;
	width: 180px;
}

div.Overlay div.Holder div.Buttons {
	height: 21px;
	width: 180px;
	margin: 16px 0px 0px 0px;
}

div.Overlay div.Holder div.Buttons div.Button {
	float: left;
	overflow: hidden;
}

div.Overlay div.Holder div.Buttons div.Button.Twitter {
	width: 75px;
	margin: 0px 0px 0px 0px;
}

div.Overlay div.Holder div.Buttons div.Button.Facebook {
	width: 90px;
}
.CenterImage{
	min-width: 100%;
	min-height: 100%;
	height: auto;
	position: absolute;
	left:-50%;
}
.ResizeImage{
	min-width: 100%;
	min-height: 100%;
	height: auto;
}
