.blockwidget-holder {
	padding: 0;
	margin-bottom: 40px;
}
.bw-wrap {
	margin: 0;
	padding: 0;
}
.blockwidgetpage .intro {
	padding-bottom: 100px;	
}
.blockwidgetpage .graphicsubmenu + .intro {
	padding-bottom: 20px;	
}
.bw header h2 + h3 {
	margin-top: -0.5em;	
}
/**
 * The leaderboard banner widget
 */
.leaderboardwidget .bg {
	background: #FAFAFA;
	padding: 40px;
	border: 1px solid #EEE;	
}
.leaderboardwidget .banner {
	display: block;
	margin: 0 auto;
	max-width: 728px;
	border: 1px solid #EEE;	
	background: #FFF;
	position: relative;
	border-radius: 3px;
}
.leaderboardwidget a img {
	border-radius: 2px;
}
.leaderboardwidget .banner .image {
	float: left;
	width: 140px;
}
.leaderboardwidget img {
	width: 100%;
	height: auto;	
}
.leaderboardwidget h3 {
	font-size: 100%;
	font-weight: bold;
	color: #23A4C3;
	padding-top: 
}
.leaderboardwidget h3,
.leaderboardwidget p {
	white-space: nowrap;
	margin:  0 150px;
	overflow: hidden;
	text-overflow: ellipsis;
	line-height: 23px;
	height: 23px;
}
.leaderboardwidget .body {
	padding: 21px 0;	
}
.leaderboardwidget footer {
	position: absolute;
	right: 24px;
	height: 46px;
	top: 24px;
	bottom: 24px;	
}
.leaderboardwidget .button {
	height: 40px;
	line-height: 40px;
}	



/**
 * The video block widget
 */
.videowidget {
	margin-bottom: 100px;
	position: relative;
}
.videowidget .double {
	width: 50%;
	box-sizing: border-box;
	float: left;
	padding: 0 20px 0 0 ;	
}

.videowidget .double + .double {
	padding: 0 0 0 20px;	
}
.videowidget .body {
	padding: 20px;
	font-size:  179%;
	line-height: 1.4;
	color: #23A4C3;
}
.videowidget:after {
	content: "";
	display: block;
	width: 2px;
	background-image: linear-gradient(#FFCC4D 20%, rgba(255,255,255,0) 0%);
	background-position: right top;
	background-size: 2px 10px;
	background-repeat: repeat-y;
	position: absolute;
	left: 50%;
	top: 0;
	bottom: 0;
	margin-left: -1px;
}

@media (max-width: 600px) {
	.videowidget .double + .double {
		padding: 20px 0 0 0;
		border-top: 1px solid #EEE;
		margin-top: 20px;	
	}
	.videowidget .double {
		width: 100%;
		box-sizing: border-box;
		float: none;
		padding: 0;	
	}
	
	.videowidget + .videowidget .double:first-child {
		padding: 20px 0 0 0;
		border-top: 1px solid #EEE;
	}
}	


.videowidget .body blockquote {
	margin: 0 auto;
	padding: 0;
	white-space: pre-line;
	min-width: 320px;
	width: 62.857142857%;
	font-family: GrandHotel, sans-serif;
}
.videowidget .body blockquote p {
	display: inline;
	position: relative;
}
.videowidget .body blockquote p:before {
	content: "“";
	position: absolute;
	transform: translate(-100%,0);
}
.videowidget .body blockquote p:after {
	content: "” ";
} 
.videowidget .body cite {
	display: block;
	font-size: 18px;
	font-weight: bold;
	color: 	#005A60;
	font-style: normal;
	white-space: nowrap;
	vertical-align: baseline;
}

.videowidget .single {
	padding-left: 50%;	
	position: relative;
}
.videowidget .single figure {
	margin-left: 20px;
}	
.videowidget .single .body {
	position: absolute;
	top: 50%;
	width: 50%;
	left: 0;
	transform: translate(0,-50%);	
}

.videowidget figure.clicktoplay a::after {
	width: 60px;
	height: 60px;	
}
.eventswidget,
.topxwidget {
	padding-top: 50px;	
}
.topxwidget header:empty {
	height: 60px;
}	
.topxwidget header h3 {
	color: #23A4C3;
}	

.blogwidget h2 {
	margin-bottom: 60px;
	text-align: center;
		
}

.blogwidget .bloglisting {
	padding: 0;	
}

.poimapwidget {
	padding-top: 80px;	
}

.poimapwidget .mapcontainer {
	position: relative;
	z-index: 5;	
}
.poimapwidget .mapcontainer .poimap {
	height: 700px;	
}
.poimapwidget .mapcontainer .poimap .map {
	width: 100%;
	height: 100%;	
}
.poimapwidget {
	position: relative;	
}
.poimapwidget:before {
	content: "";
	display: block;
	position: absolute;
	right: 50%;
	margin-right: 650px;
	width: 315px; 
	height: 400px;
	z-index: 3;
	top: 160px;
	background: url("graphic/Ballonnen.png") 0 0 no-repeat;
	background-size: 100% auto;
	
}
.poimapwidget .highlights:before {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	right: 50%;
	top: 0;
	bottom: 0;
	z-index: 4;
	background: #e60003 url("img/texture.png");	
}
.poimapwidget .highlights:after {
	content: "";
	display: block;
	position: absolute;
	left: 50%;
	right: 0;
	margin-left: 700px;
	top: 0;
	bottom: 0;
	z-index: 4;
	background: #FFF;
}
.poimapwidget .highlights {
	margin-top: -20em;
	padding-top: 20em;
	position: relative;
	
}
.poimapwidget .highlights .innersize:after {
	clear: both;
	content: "";
	display: block;
}
.poimapwidget .highlights .links {
	width: 50%;
	float: left;
	color: #FFF;
	position: relative;
	font-size: 17px;
	z-index: 5;	
}
.poimapwidget .highlights .links h3 {
	padding: 30px 0 20px;
	letter-spacing: 2px;
	font-size: 20px;
	text-transform: uppercase;	
}
.poimapwidget .highlights .links li {
	margin-right: 40px;	
}
.poimapwidget .highlights .links a {
	color: #FFF;
	line-height: 40px;
	display: block;
	position: relative;
	border-bottom: 1px solid rgba(0,0,0,0.1);
}
.poimapwidget .highlights .links a:after {
	display: block;
	vertical-align: top;
	font-weight: normal;
	width: 1em;
	content: "\e622";
	font-size: 19px;
	width: 20px;
	position: absolute;
	top: 0;
	color: #FFF;
	right: 10px	;
	font-family: icomoon;
	transition: right 0.2s ease;
}
.poimapwidget .highlights .links a:hover:after {
	right: 4px;	
}

.poimapwidget .highlights .eventslider {
	width: 50%;
	float: right;
}
.poimapwidget .eventslider .body {
	padding: 20px 40px;	
}
.poimapwidget .eventslider h4 {
	font-size: 13px;
	line-height: 1.2;
	text-transform: uppercase;
	color:	#e60003;
}
.poimapwidget .eventslider h3 {
	font-size: 19px;
	font-family: inherit;
	white-space: nowrap;
	overflow: hidden;
	font-weight: normal;
	text-overflow: ellipsis;	
}
.poimapwidget .eventslider p {
	font-size: 15px;	
}
.poimapwidget .buttonbox .prevnextbuttons {
	z-index: 11;
	bottom: 0;
}
.poimapwidget .boxslider {
	padding: 0;
}
.poimapwidget .boxslider li {
	width: 350px;
	margin: 0;
}
.poimapwidget .boxslider li  .body {
	border: 1px solid rgba(0,0,0,0.1);
}
.poimapwidget .boxslider li+li .body {
	border-left: 0;		
}



.bookingbanner {
	margin: 100px 0;
	padding: 20px 0;
	min-height: 380px;
	background-position: center center;
	background-color: #EEE;
	background-size: cover;
	position: relative;
}
.bookingbanner:after {
	position: absolute;
	left: 50%;
	bottom: 0;
	height: 17px;
	width: 41px;
	margin-left: -21px;
	content: "";
	display: block;
	background: url("img/article_arrow.png") center bottom no-repeat;
}
.bookingbanner h2 {
	color: #FFF;	
}
.bookingbanner .button {
	background: #F17C00;
}
.bookingbanner .button:before {
	background: #FFCC4D;
}
.bookingbanner .innersize {
	position: relative;
	margin-top: 100px;
	text-align: center;
}
.bookingbanner header {
	text-align: center;
	position: relative;
	z-index: 5;
}
.bookingbanner .formholder {
	display: inline-block;
	background: #FFF;
	position: relative;
	z-index: 5;
	border-radius: 4px;	
}
.bookingbanner form {
	display: block;	
	padding: 20px 20px 40px 20px;
	margin: 0 auto;
}
.bookingbanner form ul {
	overflow: hidden;
	width: 680px;	
}
.bookingbanner form li {
	clear: none;
	width: 25%;
	float: left;
	box-sizing: border-box;
	padding-right: 20px;
}
.bookingbanner form li.nolabel {
	padding-top: 23px;
	padding-right: 0;
	box-sizing: content-box;

}
.bookingbanner form li .selectbox,
.bookingbanner form li input {
	width: 100%;	
}
.bookingbanner form label {
	display: block;
	font-weight: bold;
	float: none;
	width: auto;
	color: #23A4C3;
	font-size: 100%;
	line-height: 23px;
}
.bookingbanner form label:first-letter {
	text-transform: uppercase;	
}
.bookingbanner .icon {
	position: absolute;
	left: 100px;
	z-index: 4;
	transform: translate(0,-70%);
	width: 230px;
}
.bookingbanner .icon img {
	width: 100%;
	height: auto;	
}




.routeswidget {
	padding-bottom: 120px;	
}
.routeswidget .intro {
	overflow: hidden;
	margin-bottom: 2em;
}
.routeswidget .intro .image {
	width: 680px;
	float: left;	
}
.routeswidget .intro .image img {
	width: 100%;
	height: auto;
	border-radius: 2px;	
}
.routeswidget .intro .text {
	width: 680px;
	margin: 0 auto;
}
.routeswidget .intro  .textwrap {
	padding: 0 40px;	
}
.routeswidget .intro .image + .text {
	float: right;
	margin: 0;
}
.routeswidget .intro h2 {
	font-size: 50px;
	
}
.routeswidget .buttonbox {
	position: absolute;
	bottom: -40px;
	left: 50%;
	transform: translate(-50%,0);	
}

.routeswidget .button {
	background: #F17C00;
}
.routeswidget .button:hover {
	background: #F17C00;	
}
.routeswidget .button:before {
	background: #23A4C3;
}



.routeswidget .buttonbox .prevnextbuttons {
	position: relative;
	left: auto;
	right: auto;
	bottom: auto;
	top: auto;	
}


.logolistwidget {
	text-align: center;	
}
.logolistwidget li {
	display: inline-block;
	vertical-align: top;
	padding: 10px;
}
.logolistwidget li .image {
	height: 120px;	
}
.logolistwidget li .image img {
	width: auto;
	height: 100%;
}
.logolistwidget a:hover span {
	color: #005A60;
}	


.logolistwidget li span {
	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;	
}
@media (max-width: 1440px) {
	.highlighted .blogwidget header {
		margin: 0 auto;
		width: 1040px;
	}
	
	
	.routeswidget .intro .image,
	.routeswidget .intro .text,
	.routeswidget .intro .image + .text {
		width: auto;
		max-width: 680px;
		margin: 0 auto 2em auto;
		float: none;

	}
	.routeswidget .intro {
		margin-bottom: 0;	
	}

}
@media (max-width: 1080px) {
	.highlighted .blogwidget header {
		width: 680px;
	}
}
@media (max-width: 800px) {
	
	.videowidget:after {
		display: none;
	}
	
	.videowidget .single {
		padding-left: 0;
	}	
	.videowidget .single .body {
		width: auto;
		
		position: static;
		transform: translate(0,-0);
	}
	.videowidget .single figure {
		margin-left: 0;	
	}
	
	

	.leaderboardwidget .bg {
		padding: 20px;
		margin: 0 -20px;
	}
	.leaderboardwidget h3,
	.leaderboardwidget p {
		margin-right: 0;	
	}
	
	.bookingbanner .icon {
		display: none;	
	}
	.bookingbanner .innersize {
		position: relative;
		margin-top: 100px;
	}

	.bookingbanner form li {
		width: 33.3333%;	
	}
}



.siblingtopicwidget {
	margin: 120px 0 170px;
}
.siblingtopicwidget header {
	text-align: center;
	padding-bottom: 60px;	
}
.siblingtopicwidget h2 {
	font-size: 	
}
#siblingtopics {
	position: relative;
	background:	#005A60;
	color: #FFF;
}
#siblingtopics .innersize {
	position: relative;
	padding: 0;
	
}
#siblingtopics .innersize nav {
	display: block;
	min-height: 450px;
	margin-right: 680px;
	background: #005A60;
}
#siblingtopics.Steenwijk { background: #F17C00; }
#siblingtopics.Steenwijk .innersize nav { background: #F17C00 url("img/bg_steenwijk.png") right top no-repeat; background-size: auto 100%; }

#siblingtopics.Giethoorn { background: #23A4C3; }
#siblingtopics.Giethoorn .innersize nav { background: #23A4C3 url("img/bg_giethoorn.png") right top repeat-y; background-size: 100% auto; }

#siblingtopics.Zuiderzee { background: #005A60; }
#siblingtopics.Zuiderzee .innersize nav { background: #005A60 url("img/bg_zuiderzee.png") right top no-repeat; background-size: auto 100%; }

#siblingtopics.Nationaalpark { background: #ffcc4d; }
#siblingtopics.Nationaalpark .innersize nav { background: #ffcc4d url("img/bg_natpark.svg") right top no-repeat; background-size: auto 100%; }
#siblingtopics.Nationaalpark dt a:hover { color: #23A4C3; }

#siblingtopics:before {
	background: #FFF;
	content: "";
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 50%;	
}
#siblingtopics dl {
	padding: 90px 40px 90px 0;
    column-count: 2;
    column-gap: 40px;
}
#siblingtopics dt:hover + dd {
	z-index: 10;	
}

#siblingtopics dt a {
	display: block;
	color: #FFF;
	position: relative;
	border-bottom: 1px solid rgba(0,0,0,0.1);	
}
#siblingtopics dt a:hover {
	color: 	#FFCC4D;
}
#siblingtopics dt a:before {
	content: "\e622";
	font-size: 17px;
	display: block;
	position: absolute;
	right: 5px;
	top: 50%;
	transform: translate(0, -50%);
	font-family: icomoon;
}
#siblingtopics dd {
	z-index: 9;
	position: absolute;
	top: 0;
	right: 0;
	background: #FAFAFA;
	overflow: hidden;
	width: 680px;
	height: 100%;
}
#siblingtopics dd figcaption {
	display: none;	
}
.tpcollage .image1 {
	width: 100%:	
}
.tpcollage .image1 img {
	width: 100%;
	height: auto;
}
html[lang=nl] .tpcollage .icon {
	display: block;	
}
.tpcollage .icon {
	display: none;
	position: absolute;
	top: 360px;
	left: 30px;
	height: 60px;
}
.tpcollage .icon img {
	height: 100%;
	width: auto;
}






.slideshowwidget .head {
	padding-top: 2vw;
	position: relative;
	text-align: center;
}
.slideshowwidget .head:before {
	content: "";
	position: absolute;
	right: 0;
	bottom: 0;
	height: 20vw;
	width: 20vw;
	min-height: 200px;
	min-width: 200px;
	background: url("img/corner_rb.png") right bottom no-repeat;
	background-size: contain;
	z-index: -1;
}




@media (max-width: 1080px) {
	
	#siblingtopics {
		margin-top: 130px;	
	}
	#siblingtopics dl {
		column-count: 1;
		column-gap: 0;
	}
	
	#siblingtopics dd {
		top: 70px;	
	}
	.tpcollage .icon {
		bottom: auto;
		top: 30px;	
	}
}


@media (max-width: 900px) {
	#siblingtopics dd {
		width: 70%;
		background: transparent;
		height: 100%;
	}
	#siblingtopics .innersize nav {
		margin-right: 70%;
	}
}
@media (max-width: 800px) {
	.routeswidget {
		padding-bottom: 0;	
	}
	.routeswidget .buttonbox {
		bottom: 50px;
		left: auto;
		transform: none;
		
	}
}
@media (max-width: 720px) {
	.highlighted .blogwidget header {
		width: auto;
	}
	
	
	.leaderboardwidget h3,
	.leaderboardwidget p {
		margin: 0;	
	}
	.leaderboardwidget .body {
		padding: 20px;	
	}
	.leaderboardwidget .banner .image {
		display: none;
	}
	
	#siblingtopics {
		margin: 40px 0;	
	}
	#siblingtopics .innersize nav {
		margin: 0;
		padding: 20px 0;
		min-height: 100px;	
	}
	#siblingtopics dl {
		min-height: auto;
		padding: 0;
		max-width: 440px;
		margin: 0 auto;
	}	
	#siblingtopics .innersize {
		padding-top: 0;
		padding-bottom: 58%;
	}
	#siblingtopics dd {
		width: 100%;
		bottom: 0;
		left: auto;
		right: -20px;
		top: auto;
		height: auto;
		padding: 0;
		transform: translate(0, 0);
		background: #FFF;
	}
	#siblingtopics figcaption {
		display: none;
	}	
}

@media (max-width: 500px) {
	
	.routeswidget .intro  .textwrap {
		padding: 0;	
		text-align: center;
	}
	
	.leaderboardwidget footer {
		position: static;
		padding: 0 20px 20px 20px;
		margin-top: -10px;
	}
	
	.bookingbanner .innersize {
		position: relative;
		margin-top: 50px;
	}

	.bookingbanner form li {
		width: auto;
		float: none;
		padding: 10px 0 0 0;	
	}
		
	.bookingbanner form li .button {
		width: 100%;
	}
}