/* Css reset
------------------------------------------------------------------------------*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, button,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video { border: 0; font-size: 100%; margin: 0; outline: 0; padding: 0; vertical-align: baseline; font: inherit; }
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary { display: block; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
ul, ol { list-style: none; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
pre, code, kbd, samp { font-family: monospace, sans-serif; }
table { border-collapse: collapse; border-spacing: 0; }
a:hover, a:active { outline: none; }

.label, label, input, select { vertical-align: middle; }
button { width: auto; overflow: visible; }
textarea { overflow: auto; }
input[type="radio"] { vertical-align: text-bottom; }
input[type="checkbox"] { vertical-align: bottom; }
label, input[type="button"], input[type="submit"], input[type="image"], button { cursor: pointer; }

/* Helper styles
------------------------------------------------------------------------------*/

.accessibility { position: absolute; top: -999em; left: -999em; height: 1px; width: 1px; }
html,body { height: 100%; }

/* Common styles
------------------------------------------------------------------------------*/

/* Default styles */
a,a:visited { color: #156686; text-decoration: none; }
a:focus,a:hover { xborder:1px solid #51BB47; }
body {color: #000; font: 14px Tahoma,Geneva,sans-serif; background: #fff ;background-size:100%;}
.clear{clear:both;}
button,input,select,textarea { font: 12px Arial,Helvetica,sans-serif; }

/* Common elements and containers
------------------------------------------------------------------------------*/

/* wrapper */
.wrapper { width:90%; margin: 0 auto; padding: 0;}


/* header */
.header { position: relative;  background: rgba(255, 243, 64, 0.66);height:5px; border-top:1px solid #8AD083;}
.header .top {   xoverflow: hidden; padding: 12px 0;}
.hamburger{display:none;}
.bellen{display:none;}
.mailen{display:none;}

.zegel,
 .zegel:visited {float:left; display: block; position: absolute;top:100px;left:5%;z-index:100;  }
 .zegel img { display: block;width:140px; height:auto; }
.header .logo {  display: block; padding:10px; position:absolute; top:0; left:45%;background:#fff;z-index:1000; margin:0 auto;border-radius:3px;  }
#header .logo img{width:160px; height:auto;}
.header .lang { display: block; width: 36px; height: 23px;  text-indent: -9999em; background: url(../images/ico-lang.png); position:absolute;right:5%; top:17px;}

/* navslider */
.navslider {position:relative;overflow:hidden; clear: both;  margin: 0 auto; padding:0;width:100%; max-height:505px;}
.navslider img{-webkit-filter: brightness(1.1) contrast(1.1) saturate(1.1);}
/* nav */
.nav {  height: 44px; font: bold 16px "Century Gothic", Arial, Helvetica, sans-serif; color: #fff;  background: #28A0CF; overflow: hidden;text-align:center;width:100%; z-index:1000;}
.nav li { display:inline-block; margin: 0 26px; }
.nav li.logo{width:180px;}
.nav a,
.nav a:visited { display: block; color: #fff; padding: 14px 0 0; }
.nav a.active,
.nav a:hover { color: #F8EB42; text-decoration: none; }

/* sliderbox */


/* slider */
.slider {  }
.slider li { width:100%;}
.slider .caption {  }
.slider img{width:100%;}

/* content */
.content {  background: #fff; }

/* footer */
.footer { background:#fff; float:left; width:100%;border-top:1px dotted #9CD1E6; }
.footer .pad {  color: #696963; margin: 0 auto; padding: 25px 0 ; overflow: hidden; }
.footer .block { float: left; width: 22%; margin-right: 4%; }
.footer .block:last-child{margin-right:0;}
.footer h3,
.footer h3 a { font: bold 14px "Century Gothic", Arial, Helvetica, sans-serif; margin-bottom: 5px; color: #434343; }
.footer li { margin-bottom: 5px; }
.footer a,
.footer a:visited { color: #696963; }

/* footer-bot */
.footer-bot {  }

/* bcrumbs */
.bcrumbs { text-align:left; margin: 0 auto; font-size: 13px; color: #444; padding: 15px 5%; }
.bcrumbs li { display: inline; }
.bcrumbs a,
.bcrumbs a:visited { color: #444;  }
.bcrumbs a:hover { text-decoration: none; }

/* sidemenu */
.sidemenu { font-size: 14px; }
.sidemenu ul ul { font-size: 14px; padding-top: 8px; }
.sidemenu li { font-weight: bold; padding: 12px 0; border-top: 1px dotted #434343; }
.sidemenu li.first { padding-top: 0; border-top: 0; }
.sidemenu li li { font-weight: normal; padding: 5px 0; border-top: 0; }
.sidemenu li a,
.sidemenu li a:visited { color: #434343; }
.sidemenu li a:hover,
.sidemenu li a.active { text-decoration:underline; }


/* subheader */
.subheader {  height: 41px; font-size: 18px; color: #156686; margin: 0 auto 30px; background: #FFF781; padding:0 5%;}
.subheader h2 { float: left; font: 18px/40px "Century Gothic", Arial, Helvetica, sans-serif; padding: 0 ; line-height: 45px; vertical-align: middle; font-weight:600;}

/* Homepage styles
------------------------------------------------------------------------------*/

/* spotlights */
.spotlights { width: 90%; margin: 0 auto; overflow: hidden; background: #fff; padding:25px 0;}
.spotlights .blocks { position: relative; float: left; width: 31%; font-size: 14px; color: #444;  }
.spotlights .spot1 {  margin-right:3%;  }
.spotlights .spot2 {  margin-right:3%;}
.spotlights h2 { color: #156686; margin-bottom: 15px; font: 18px "Century Gothic", Arial, Helvetica, sans-serif; font-weight:600;}
.spotlights h3 { font-weight:bold; font-size: 15px; margin-bottom: 3px; }
.spotlights img {border-radius:3px; width:100%;display: block; margin-bottom: 20px; }
.spotlights p { line-height: 150%; }
.spotlights a,
.spotlights a:visited { color: #444; text-decoration: underline; }
.spotlights a:hover { text-decoration: none; color: #239ECF; }
.spotlights ul { margin-bottom: 25px; }
.spotlights li { margin-bottom: 5px; }
.spotlights li:hover { color: #28A0CF; }
.spotlights li a:hover { color: #239ECF; text-decoration: underline; }
.spotlights .more,
.spotlights .more:visited {padding-top:15px; display:block; font-weight: bold; color: #156686; text-decoration: none; }
.spotlights .more:hover {  color: #28A0CF; }

/* subcontent */
.subcontent { position: relative; border-top: 1px dashed #eaeae1; background: #FFF781; width:100%;}

.subcontent .winnaar,
.subcontent .winnaar:visited { position: absolute; bottom: 20px; right: 20px; display: block; }
.subcontent .winnaar img { display: block; }
.subcontent .pad { margin: 0 auto; padding: 25px 0 15px; overflow: hidden; }
.subcontent .left { float: left; width:16%; font-size: 14px; font-weight: bold; margin-right:4%; }
.subcontent .left li {margin-bottom:10px; }
.subcontent .left li.first { padding-top: 0; border-top: 0; }
.subcontent .left a,
.subcontent .left a:visited {font-size:14px;border-radius:3px; text-align:right;color: #156686;display:block; background:#fff; padding: 15px 15px 15px 0; }
.subcontent .left a:hover { color: #239ECF; text-decoration: none; }
.subcontent .mid { float: left; width:60%; font-size: 14px; }
.subcontent .mid h2 {text-align:center;color: #156686; font: 20px "Century Gothic", Arial, Helvetica, sans-serif; margin-bottom: 10px; font-weight:600;}
.subcontent .mid p { font-size:16px;text-align:center;margin-bottom: 15px; line-height: 20px; }
.subcontent .right { float: right; width: 16%; font-size: 14px; font-weight: bold; }
.subcontent .right li {  margin-bottom:10px;}
.subcontent .right li.first { padding-top: 0; border-top: 0; }
.subcontent .right a,
.subcontent .right a:visited {font-size:14px;border-radius:3px; color: #156686;display:block; background:#fff; padding:  15px 0 15px 15px;}
.subcontent .right a:hover { color: #239ECF; text-decoration: none; }

.subcontent .xright { float: right; width: 220px; font-weight: bold; }
.subcontent .xright li { margin-bottom: 12px; line-height: 18px; list-style-image: url(../images/bullet-arrow.png); }
.subcontent .xright a,
.subcontent .xright a:visited { color: #434343; text-decoration: underline; }
.subcontent .xright a:hover { text-decoration: none; }

/* Subpage1 styles
------------------------------------------------------------------------------*/

/* filter */
.subheader .filter { float: right; font-size: 14px;  }
.subheader .filter li { position: relative; float: left; color: #444; margin-left: 25px; }
.subheader .filter a,
.subheader .filter a:visited { display: block; color: #156686; padding: 10px 0; }
.subheader .filter .drop { padding-right: 15px; background: url(../images/ico-arrowdown.png) no-repeat 100% 20px; }
.subheader .filter li ul { position: absolute; display: none; width: 90px; background: #FFF781; z-index: 2000; padding: 5px 8px; margin: -2px 0 0 -14px; }
.subheader .filter li:hover ul { display: block; }
.subheader .filter li ul li { float: none; margin: 0; }
.subheader .filter li ul a,
.subheader .filter li ul a:visited { width: 80px; padding: 5px 5px; color: #585757; font: 14px Arial, Helvetica, sans-serif; }
.subheader .filter li ul a:hover {text-decoration:underline;}
/* vakant */
.vakant .info { xmargin: 0 0 0 55px; }
.vakant .info b { font-weight:bold; }

.vakant { padding: 0 5%; position:relative;}
.vakant li { position: relative;  padding: 20px 0 18px; border-bottom: 1px dotted #9CD1E6; overflow: hidden; }
.vakant li.first { padding-top: 0; }
.vakant li:last-child { border-bottom: 0; padding-bottom: 0; }
.vakant li li { width: auto; padding: 0; border-bottom: 0; }
.vakant .photo { float: left; width: 25%; margin-right: 5%; position: relative; }
.vakant .photo img { display: block; width:100%; }
.vakant .text { float: left; width: 70%; padding: 5px 0 0; }
.vakant h2 a { color: #434343; font-weight:bold; font-size: 16px; margin-bottom: 2px; }
.vakant h3 { font-size: 16px; font-weight: normal; margin-bottom: 8px; }
.vakant p { margin-bottom: 5px; line-height: 18px; }
.vakant .more,
.vakant .more:visited { display: block; font-weight: bold; color: #444; margin-bottom: 18px; }
.vakant .links { color: #bab49d;right:0; bottom:15px; position:absolute;}
.vakant .links li { margin:0 10px 0 0;float:left; }
.vakant .links a,
.vakant .links a:visited {font-size:13px;border-radius:3px; color:#28A0CF ;font-weight:600;display:inline-block;padding:8px 15px;border:1px solid #28A0CF; text-transform:lowercase; }
.vakant .links a:hover {color:#fff;background:#259FCF;}
.vakant .badge,
.vakant .badge:visited { position:absolute; right:0; top:25px;  }
.vakant .badge img { position: absolute; right:5%; top:-10px;  display: block;  margin:0px 0 0 0; }

.links2 { margin:25px 0 0 0;padding:0 5%;overflow:hidden;float:left; }
.links2 li { float:left; margin: 0 10px 0 0; line-height:22px; text-align:center;  }
.links2 a,
.links2 a:visited { font-weight:bold; color: #259FCF; padding:8px 15px;display:block;border:1px solid #259FCF;text-transform:lowercase;}
.links2 a:hover{background:#259FCF;color:#fff;}


/* Subpage2 styles
------------------------------------------------------------------------------*/

/* subpage */
.subpage { line-height:150%; font-size: 14px; margin: 0 auto; padding-bottom: 30px; overflow:hidden;}
.subpage .column { padding:0 5%; margin: 0 auto;  }
.subpage .maincol {   padding: 0; width:75%;float:left;}
.subpage .maincol p { margin-bottom: 20px; line-height: 150%; font-size:14px; }
.subpage .maincol font { font-size:14px; }
.subpage .maincol b { font-weight:bold; }
.subpage .maincol i { font-style:italic; }
.subpage .maincol u { text-decoration:underline; }
.subpage .maincol a:hover { text-decoration:underline; }
.subpage .maincol .pic { margin: 45px 0 0; display: block; -webkit-border-top-right-radius: 20px; -moz-border-radius-topright: 20px; border-top-right-radius: 0 20px 0 0; -o-border-top-right-radius: 20px; -ms-border-top-right-radius: 20px; -khtml-border-top-right-radius: 20px; border-top-right-radius: 20px; }

.subpage .maincol h2 { font: lighter 16px "Century Gothic", Tahoma; margin:25px 0 15px 0; }
.subpage .rightcol { float: right;width:20%; }

ul.fotos {float:left;margin:0; padding:0; list-style:none; display:inline; }
ul.fotos li { float:left;  width:175px; height:131px; text-align:center; margin:0 10px 10px 0; }
ul.fotos li img { border:1px solid #cccccc; }
/* Print styles
------------------------------------------------------------------------------*/

@media print {
	* { background: transparent !important; color: #000 !important; text-shadow: none !important; filter: none !important; -ms-filter: none !important; }
	a,a:visited { color: #444 !important; text-decoration: underline; }
	a[href]:after { content: " (" attr(href) ")"; }
	abbr[title]:after { content: " (" attr(title) ")"; }
	a[href^="javascript:"]:after,a[href^="#"]:after { content: ""; }
	pre,blockquote { border: 1px solid #999; page-break-inside: avoid; }
	thead { display: table-header-group; }
	tr,img { page-break-inside: avoid; }
	@page { margin: .5cm; }
	p,h2,h3 { orphans: 3; widows: 3; }
	h2,h3 { page-break-after: avoid; }
}

/* Media queries
------------------------------------------------------------------------------*/

/* Opera Mobile,Mobile Safari,Android Chrome */
@media screen and (max-device-width: 480px) {
	html { -webkit-text-size-adjust: none; -ms-text-size-adjust: none; }
}

/* Safari/Chrome fixes
------------------------------------------------------------------------------*/

@media screen and (-webkit-min-device-pixel-ratio: 0) {
	
}

/* Common IE fixes
------------------------------------------------------------------------------*/

/* IE8 fixes
------------------------------------------------------------------------------*/

.ie8 .subheader .filter li ul { margin: 0 0 0 -14px; }
.ie8 .spotlights img,
.ie8 .subpage .maincol .pic,
.ie8 .vakant .photo img { border-radius: 0 20px 0 0; behavior: url(PIE.htc); position: relative; }

/* IE7 fixes
------------------------------------------------------------------------------*/

.ie7 .subheader .filter li ul { margin: 0 0 0 -14px; }
.ie7 .spotlights img,
.ie7 .subpage .maincol .pic,
.ie7 .vakant .photo img { border-radius: 0 20px 0 0; behavior: url(PIE.htc); position: relative; }
.ie7 input[type="checkbox"] { vertical-align: baseline; }
.ie7 img { -ms-interpolation-mode: bicubic; }

.div1 {
height:367px; !important;
* height:392px;
width:656px; !important;
* width:696px;
 padding-left:20px; padding-right:20px; padding-top:0px; padding-bottom:20px;}
.nieuwsbrief1{font-weight:bold; font-size:12px;}

.form14_1{font-weight:bold; height:25px; width:150px;}
.form14_2{ width:150px;}
.form14_3{ width:600px; padding:0; margin:0;}

.tab14_1{padding:3px 15px; text-align:center;}
.tab14_2{padding:3px 15px; text-align:center;}

.calender td
{
	padding:6px;
}

.legenda td 
{
	vertical-align:middle;
}

table.table_share td div
{
	z-index:30000;
}


.maand { width:200px; display:inline-block; min-height:270px; float:left; margin-right:15px; }

@media only screen and (max-width:1469px) {
.links2{float:none;}
.links2 li {width:24%;margin-right:1.33%;}
.links2 li:last-child{margin-right:0;}
.header .lang{right:25px;}
.vakant .links{position:inherit;}
.vakant .links a, .vakant .links a:visited{display:block;padding:8px 0;text-align:center;}
.vakant .links li{width:23.5%;margin-right:2%;}
.vakant .links li:last-child{margin-right:0;}
}

@media only screen and (max-width:1269px) {
.nav li{margin:0 15px;}
.header .logo{left:42%;}	
.subcontent .mid{float:right;width:90%;padding:0 5%;margin-top:25px;}
.subcontent{width:100%;}
.subcontent .right,
.subcontent .left{width:48%;}
.subcontent .left{margin-right:4%;}
.subcontent .mid h2{text-align:left;}
.subcontent .mid p{text-align:left;}
.subcontent .left a,
.subcontent .right a{padding-left:20%;}
.subcontent .left a, .subcontent .left a:visited{text-align:left;padding:15px 0 15px 20%;}
.vakant .links li{width:49%;}
.vakant .links li.second{margin-right:0;margin-bottom:15px;}
.vakant .links li:first-child{margin-bottom:15px;}
}

@media only screen and (max-width:1159px) {
	.nav{font:bold 15px "Century Gothic", Arial, Helvetica, sans-serif;}
	.nav li{margin:0 11px;}
	.header .lang{right:15px;}
}

@media only screen and (max-width:1023px) {
	.nav{font:bold 16px "Century Gothic", Arial, Helvetica, sans-serif}
	.header .lang{right:130px;}
	.spotlights .blocks{width:48.5%;margin-bottom:35px;min-height:350px;}
	.spotlights .spot2{margin-right:0;}
	.hamburger{display: block; background: url(/websites/templates/132c/images/hamburger.png) no-repeat top left; width: 50px; height: 50px; position: absolute; top: 1px; left: 8px; }
	.bellen{display: block; background: url(/websites/templates/132c/images/contact.png) no-repeat top left; width: 50px; height: 50px; position: absolute; top: 12px; right: 55px; z-index: 1200;}
	.mailen{display: block; background: url(/websites/templates/132c/images/emailheader.png) no-repeat top left; width: 50px; height: 50px; position: absolute; top: 12px; right: 8px; }
	.header{height:50px;background:#fff;border-top:none;}
	.header .logo{left:40%;}
.header .zegel img{display:none;}
.footer .block{width:48%;}
.footer .block.last{margin-right:0;}
.footer .block.top{margin-bottom:25px;}
body{background:none;}
.nav{display:none;}
.vakant .photo{width:35%;}
.vakant .text{width:60%;}
.nav{height:auto;position:absolute; z-index:1000;text-align:left;}
.nav li{width:100%;border-bottom:1px solid #fff;margin:0;padding-left:25px;}
.nav li:last-child{border-bottom:none;}
.nav a, .nav a:visited{padding:18px 0;}
.links2 li{width:49%;margin-right:2%;}
.links2 li.second,
.links2 li.fourth{margin-right:0;}
.links2 li.first,
.links2 li.second{margin-bottom:15px;}
.subheader .filter{width:100%;margin-bottom:20px;border-bottom:1px solid #FFFB42;}
.subheader .filter li{float:right;}
.vakant{clear:both;}
.subpage .maincol{width:100%;}
.subpage .rightcol{width:100%;}
.nav li.logo{display:none;}

	.zegel { top:80px; }
	.zegel img { width: 120px; }
	
	.calendar_button { display:none; }
}

@media only screen and (max-width:768px) {
	.zegel img { width: 80px; }
}

@media only screen and (max-width:799px) {
	.header .logo{left:35%;}
	.vakant .links{display:none;}
}

@media only screen and (max-width:599px) {
	.spotlights .blocks{width:100%; margin-right:0;border-bottom:1px solid #ccc;}
	.vakant .text{width:100%;}
	.vakant .photo{width:100%; margin-right:0;margin-bottom:25px;}
	.links2 li{margin-right:0;width:100%;margin-bottom:15px;}
	.links2 a, .links2 a:visited{padding:8px 0;}
	ul.fotos li{width:100%;height:auto;margin-right:0;}
	ul.fotos li img{width:100%;height:auto;}
	.header .logo{position:relative;width:140px;xbackground:none; xpadding:0;left:auto; top:auto;     margin-top: -20px;}
	#header .logo img{width:140px;}
	.header{xheight:auto;}
	.subcontent .right,
	.subcontent .left{width:100%;margin:0;}
	.subcontent .left a,
	.subcontent .right a{padding-left:5%;}
	.subheader{height:auto;overflow:hidden;}
	.form14_1{ width:100%;}
.form14_2{ width:50%;}
.form14_3{ width:100%;}
.header .lang{xdisplay:none;top:70px;right:25px;    z-index: 20;}
.zegel { display:none; }

.bcrumbs { display:none; }
.filter{ display:none; }

}

@media only screen and (max-width:480px) {
	.footer .block{width:100%;margin-right:0;margin-bottom:25px;}
	.vakant .links li{width:100%;display:block;}
	
	.bellen { right:40px; }
	.mailen { right:0; }
}