::-webkit-scrollbar { height:16px; width:16px; background: #006288;}
::-webkit-scrollbar-thumb {background: #008abe; -webkit-border-radius:1ex; -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.75); height:16px;}
::-webkit-scrollbar-corner {background: #006288; }
::-webkit-overflow-scrolling {touch; overflow-x:hidden;}

@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,700);

* { margin:0; padding:0; } 

/* FOCUS / ACTIVE — geen zwarte rand */
a,
a:focus,
a:active,
a:hover,
button,
button:focus,
button:active,
button:hover,
.btn,
.btn:focus,
.btn:active,
.btn:hover,
.btn-link,
.btn-link:focus,
.btn-link:active,
.btn-link:hover,
.logo a,
.logo a:focus,
.logo a:active,
.logo a:hover,
.act-more-link,
.act-more-link:focus,
.act-more-link:active,
.act-more-link:hover,
.knoppenrij a,
.knoppenrij a:focus,
.knoppenrij a:active,
.knoppenrij a:hover,
div.popup div.act a,
div.popup div.act a:focus,
div.popup div.act a:active,
div.popup div.act a:hover,
.navbar-default .navbar-nav>li>a,
.navbar-default .navbar-nav>li>a:focus,
.navbar-default .navbar-nav>li>a:active,
.navbar-default .navbar-nav>li>a:hover{
	outline:0 !important;
	outline:none !important;
	box-shadow:none !important;
	-webkit-box-shadow:none !important;
}

button::-moz-focus-inner,
input::-moz-focus-inner{
	border:0;
}

body {font-family:'Open Sans', sans-serif; font-size:16px; line-height:20px; background:#006288; padding-bottom:4em; min-height:100%; -webkit-text-size-adjust: none;top:0!important;}
body ul, body li {list-style-type:none; margin:0; }
body p, menu {margin:0; }

td {vertical-align:top; }
img, iframe{
	max-width:100%;
}

ul.twocolumns{
	-webkit-columns:2;
	-moz-columns:2;
	columns:2;
}

ul.twocolumns>li>a{
	padding:0px;
	margin:0px;
}

ul.threecolumns{
	-webkit-columns:3;
	-moz-columns:3;
	columns:3;
}

header{
	position:relative;
}

header .logo {border-bottom:1px solid #008abe; margin-bottom: 20px; display:block;}

header .logom {color:#0095be; }

header .google-translate{
	position:absolute;
	right: 80px;
	bottom: -47px;
	z-index: 9999999;
}

body.has-favorites header .google-translate{
	right:115px;
}

.goog-te-gadget-icon{
	display:none;
}

.goog-te-gadget-simple{
	border:0!important;
	background:transparent!important;
}

.goog-te-gadget-simple .goog-te-menu-value {
	color: #fff!important;
}

.goog-te-gadget-simple .goog-te-menu-value span{
	border:0!important;
	color:#fff!important;
}

.goog-te-banner-frame{
	display:none;
}

@media (min-width: 500px){
	header .logo{
		margin-bottom:10px;
	}

	header .google-translate{
		right:0!important;
		bottom:10px;
	}
}

.nummer a {text-decoration:none; position:absolute; right:0em; top:0.1em; color:#fff; }

#addthis { background:#fff; position:relative; top:10px; width:670px; } 

.container { max-width:670px; }

.navbar{
	margin-bottom:0;
}

.navbar-default {
	background-color:transparent;
	border-color:transparent;
}

.navbar-default .navbar-nav>li>a,
.navbar-default .navbar-nav>li>a:hover {
	color: #fff;
	background: transparent;
	font-size: 20px;
	padding: 6px 10px;
}

.navbar-default .navbar-nav > li > a:focus,
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:focus,
.navbar-default .navbar-nav>.open>a:hover {
	color: #fff;
	background-color: #0092cc;
}

/* navbar-right iconen */
.navbar-default .navbar-left>li>a,
.navbar-default .navbar-right>li>a {
	color: #fff;
	text-transform:lowercase;
	background: transparent;
	font-size: 24px;
	padding: 2px 4px;
}

.navbar-default .navbar-left>li>a:hover,
.navbar-default .navbar-right>li>a:hover {
	color: #0095be;
	text-transform:lowercase;
	background: transparent;
	font-size: 24px;
	padding: 2px 4px;
}

.navbar-right .link-favorieten .badge{
	background-color: #e7711b;
	top: -0.5em;
	position: absolute;
	right: -0.5em;
}

.navbar-nav>li>.dropdown-menu{
	border:0;
	padding:35px 35px 400px 35px;
	border-top-left-radius:4px;
	border-top-right-radius:4px;
	color:#006288;
	font-size: 16px;
}

/* Desktop: dropdownmenu openen bij hover */
@media (min-width: 768px){
	.navbar-nav>li.dropdown:hover>.dropdown-menu,
	.navbar-nav>li.dropdown:focus-within>.dropdown-menu{
		display:block;
	}

	.navbar-default .navbar-nav>li.dropdown:hover>a,
	.navbar-default .navbar-nav>li.dropdown:focus-within>a{
		color:#fff;
		background-color:#0092cc;
	}

	.navbar-nav>li.dropdown>.dropdown-menu{
		margin-top:0;
		top:100%;
		position:absolute;
	}

	.navbar-nav>li.dropdown>.dropdown-menu:before{
		content:"";
		position:absolute;
		left:0;
		right:0;
		top:-22px;
		height:22px;
		background:transparent;
		display:block;
	}
}

.navbar-nav>li>.dropdown-menu>li>a{
	padding:0px;
	margin:0px;
	color:#006288;
	font-size: 16px;
	line-height:25px;
	text-transform:lowercase;
}

.yamm .dropdown.yamm-fw .dropdown-menu{
	left:-1px;
	right:-1px;
}

@media (max-width: 767px){
	.navbar-nav .open .dropdown-menu {
		background-color:#f5f5f5;
	}

	.navbar-nav{
		margin: 0;
	}
}

@media (min-width: 768px){
	.mmenu{
		display:none;
	}

	body{
		padding-top:1.5em;
	}
}

.navbar-default .navbar-nav>li>a,
.navbar-default .navbar-nav>li>a:hover {
	margin-right: 6px;
	border-radius:4px;
}

.navbar-collapse{
	padding-left:0;
}

.navbar-nav>li{
	float:left;
}

.logo,
.menulist ul a,
.actbloknaam,
.actblokinfo {font-weight:normal; }

.clearfix:after {content:"."; display:block; clear:both; visibility:hidden; line-height:0; height:0; }

.clearfix {display:inline-block; }

.logo a { 
	color:#fff;
	text-decoration:none;
	letter-spacing:3px; 
	font-weight:normal;
	font-size: 36px;
	padding-left: 50px;
	background: url(/images/icon-36.png) no-repeat left center;
	background-size: 36px;
	line-height: 60px;
	display: block;
}

.capitalize {text-transform:capitalize; }

.hidden {display:none; }

/* menu */

.contact {line-height: 25px;}

.contact a,
.contact a:focus,
.contact a:hover {
	color:#006288;
	text-decoration:underline;
}

.menulist { left:0; margin:0; padding:0; z-index:100; color:#fff; }

.menulist ul li { font-size:20px; margin:0; list-style:none; padding:0; line-height:26px;}

.menulist ul li a { font-size:22px; padding:0 12px 0.625em 0; text-decoration:none; color:#fff; cursor:pointer; font-weight:normal;}

.menulist > ul > li {float:left; display:block; position:relative; z-index:100; font-size:20px;}

.menulist ul li ul li a {color:#fff; white-space:nowrap; font-weight:normal; font-size:20px;}

.menulist ul ul a:hover {text-decoration:underline; }

.menulist ul li > ul {position:absolute; top:1.875em; left:-1.2em; width:370px; padding:15px 5px 15px 1.250em; border:1px solid #fff; overflow-y:hidden; overflow-x:hidden; display:none; background:#006288; margin-bottom:3em;}

/* .menulist ul li:hover > ul {display:block; } */

.zoekform,
.navbar-nav>li img { padding: 0px; }

.mmzoekform { padding: 10px 0px 10px 20px}

.zoekeninput {height:22px; border:0px solid #fff; font-size:16px; color:#fff; background:#008abe; }

.zoekenbutton {position:absolute; top: 4px; right:10px; width: 30px; height:30px; border:0px; cursor:pointer; border-radius:4px; background:#fff url(/images/search-small.png) no-repeat center; background-size:14px; }

/* radius */
.internelinks,
.youtubewidget,
.menulist ul li > ul,
.pageitem,
img,
.actblokbio,
.more,
.zoekeninput,
select,
input,
textarea,
ul.pageitem .button input,
div.popup .actbloktekst,
div.popup .actbloktekst_link,
.menusearch,
div.popup img,
span.actname,
div.popup div.act,
body.aanvraag img,
.mediacontent,
.menucontent {
	border-radius:4px;
}

/* teksten algemeen */

.pageitem { background-color:#fff; color:#006288; padding:35px; margin-bottom:30px;}

@media (max-width: 767px){
	.pageitem{
		padding:15px;
	}
}

.pageitem a:not(.btn),
.pageitem a:not(.btn):hover {
	cursor:pointer;
	text-decoration:underline;
	color:#006288;
	margin-bottom:30px;
}

h1,
h2,
.pageitem strong,
.pageitem b,
ul.dropdown-menu strong,
ul.dropdown-menu b,
.pageitem strong a,
.pageitem strong a:hover,
.pageitem b a,
.pageitem b a:hover {
	position:relative;
	text-decoration:none;
	font-weight:normal;
	font-size:20px;
	text-transform: lowercase;
	text-align: start;
} 

h1,
h2 { 
	margin-top:0;
	margin-bottom:20px;
}

/* Video slide */
.slidesjs-pagination {padding:10px 1.250em; float:right; }

.slidesjs-pagination .slidesjs-pagination-item { float:left; }

.slidesjs-pagination .slidesjs-pagination-item a {text-decoration:none; color:#fff; background:#008abe; padding:0 9px; }

.slidesjs-pagination .slidesjs-pagination-item a.active {color:#008abe; background:#fff; }

#slidesnavigation {height:2em; }

/* act */
.embed-responsive-act{
	padding-bottom: 68.75%;
}

ul#repertoiretekst,
ul#reactiestekst,
ul#persberichtentekst,
ul#techniektekst,
ul#englishtekst,
ul#deutschtekst,
ul#beschikbaarheidtekst,
ul#kostentekst {
	display:none;
}

/* Knoppenrij instellingen */
.knoppenrij {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	justify-content: flex-start;
	align-items: center;
	margin-top: 15px;
	margin-bottom: 15px;
	line-height: 32px;
}

/* Iconen binnen de knoppen */
.knoppenrij .fa {
	color: #fff;
	font-size: 2em !important;
	transition: color 0.15s;
}

/* Hover effect voor iconen */
.knoppenrij .fa:hover {
	color: #0092cc;
}

/* Knoppenstijl en algemene opmaak */
.knoppenrij .btn,
.knoppenrij .btn-link,
.knoppenrij .slideknop {
	padding-left: 6px !important;
	padding-right: 6px !important;
	margin: 0 !important;
	min-width: 0;
	box-sizing: border-box;
	border-radius: 4px;
	background: none;
	border: none;
	cursor: pointer;
}

/* Specifieke opmaak voor de knoppen als ze actief zijn */
.knoppenrij .slideknop .fa {
	color: #fff;
	transition: color 0.15s ease;
}

/* Hover- en active kleur voor de knoppen */
.knoppenrij .slideknop:hover .fa,
.knoppenrij .slideknop.active .fa {
	color: #0092cc;
}

/* Stop-circle kleur voor de video */
.knoppenrij .fa-stop-circle {
	color: #e74c3c !important;
}

.vervolgen{float:right;}

.vervolgen a { color:#006288; text-decoration:none; padding:2px 10px; font-size:20px; background:#fff; border-radius:4px; margin:0 0 0 10px; }

.internelinks,
.internelinks a { white-space:nowrap; color:#006288; }

.kostenaanvraag {width:580px; height:220px; border:0; padding:0; overflow:hidden; }

body.aanvraag {border:0; padding:0; overflow:hidden; background-color:#fff; color:#006288; line-height:20px; }

/* favo selectie */

.aanvraag {line-height:2em;}

.right {float:right; padding:10px: width:300px;}

.verwijder {text-decoration:underline; cursor:pointer; float:right}

input,
select,
textarea { color:#006288; font-family:inherit; font-size:16px; border:1px solid #006288; padding-left:8px; }

select,
.submit { -webkit-appearance: none;}

select,
.submit,
.radio { cursor:pointer; }

select { width:80px; cursor:pointer; background-color:#fff; }

.submit {width:140px; color:#fff; font-family:inherit; font-size:16px; border:1px solid #006288; background:#008abe; }

.radio {width:20px;}

label{text-transform:lowercase;}

label.error {display:none!important; }

input.error {border-color:red; }

select.error {border-color:red; }

textarea {width:580px; height:100px;}

.opmerkingen {margin-top:5px; }

/* categorie */  

div.popup {}

div.popup div.act {list-style:none; white-space:nowrap; margin-bottom:30px;}

div.popup div.act a {text-decoration:none; border:0px; }

div.popup div.act img { border:0px; z-index:90; max-width:100%; width:100%; border-bottom-left-radius:0; border-bottom-right-radius:0; }

div.popup .actbloktekst {
	text-transform: lowercase;
	font-size:18px;
	line-height:24px;
	color:#fff;
	z-index:90;
	padding:8px 10px 5px 10px;
	font-weight:normal;
	margin-top:0;
	border-top-left-radius:4px;
	border-top-right-radius:4px;
	display: block;
}

div.popup .description1,
div.popup .description2 { font-size:14px; line-height:18px; font-weight:normal; }

.author { font-style:italic; margin-left:5px;}

div.popup .actbloktekst_link {position:absolute; right:0px; top:218px; z-index:90; padding:4px 12px; color:#006288; background:#fff url(/images/search-small.png) no-repeat center; background-size:14px; }

.gradient,
.actbloktekst {
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXQ9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjklIiBzdG9wLWNvbG9yPSIjMDA4YWJlIiBzdG9wLW9wYWNpdHk9IjAiLz4KICAgIDxzdG9wIG9mZnNldD0iNDUlIiBzdG9wLWNvbG9yPSIjMDA4YWJlIiBzdG9wLW9wYWNpdHk9IjAuNCIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMDA4YWJlIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
	background: -moz-linear-gradient(top, rgba(0,138,190,0) 9%, rgba(0,138,190,0.4) 45%, rgba(0,138,190,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(9%,rgba(0,138,190,0)), color-stop(45%,rgba(0,138,190,0.4)), color-stop(100%,rgba(0,138,190,1)));
	background: -webkit-linear-gradient(top, rgba(0,138,190,0) 9%,rgba(0,138,190,0.4) 45%,rgba(0,138,190,1) 100%);
	background: -o-linear-gradient(top, rgba(0,138,190,0) 9%,rgba(0,138,190,0.4) 45%,rgba(0,138,190,1) 100%);
	background: -ms-linear-gradient(top, rgba(0,138,190,0) 9%,rgba(0,138,190,0.4) 45%,rgba(0,138,190,1) 100%);
	background: linear-gradient(to bottom, rgba(0,138,190,0) 9%,rgba(0,138,190,0.4) 45%,rgba(0,138,190,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00008abe', endColorstr='#008abe',GradientType=0 );
}

/* video */

#lbOverlay { z-index:150; width:100%; cursor:pointer; }

#lbCenter,
#lbBottomContainer { z-index:150; border-radius:4px; position:absolute; left:50%; overflow:hidden; border:5px solid #fff; }

#lbPrevLink,
#lbNextLink { display:block; position:absolute; width:50%; outline:none; }

#lbCloseLink { display:block; float:right; width:40px; height:40px; background:transparent url(/images/videoClose.png) no-repeat center; }

#lbBottom {background:#fff; }

/* Swiper */

.swiper-container {
	width: 100%;
	height: 100%;
}

#actslider{
	width: 100%;
	border-radius:4px;
}

#fotoslider{
	position:relative;
	left:0;
	top:0;
	padding:0;
	width: 100%;
	height: 100%;
	border-radius:4px;
}

#fotoslider img,
#videoslide,
#videoslide iframe {
	max-height:100%;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	-khtml-border-radius:4px;
	border-radius:4px;	
}

.embed-responsive .layer{
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	width:100%;
	height:100%;
	z-index:100;
}

.embed-responsive .layer:hover{
	background-color:rgba(0,98,136,0.2);
}

#btnSluitVideo{
	position:absolute;
	right:0;
	top:0px;
	z-index: 999;
}

/* HELPER CLASSES */
.margin-top{margin-top:20px;}
.margin-top-sm{margin-top:10px;}
.margin-top-md{margin-top:30px;}
.margin-top-lg{margin-top:50px;}
.margin-top-none{margin-top:0;}

.margin-bottom{margin-bottom:20px;}
.margin-bottom-sm{margin-bottom:10px;}
.margin-bottom-md{margin-bottom:30px;}
.margin-bottom-lg{margin-bottom:50px;}
.margin-bottom-none{margin-bottom:0;}

/* Animation */
.forever{
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count:infinite;
}

/* RATINGS */
.star-ratings-sprite {
	background: url("/images/star-rating-sprite.png") repeat-x;
	background-size:16px;
	font-size: 0;
	height: 16px;
	line-height: 0;
	overflow: hidden;
	text-indent: -999em;
	width: 80px;
}

.star-ratings-sprite-rating {
	background: url("/images/star-rating-sprite.png") repeat-x;
	background-size:16px;
	background-position: 0 100%;
	float: left;
	height: 16px;
	display: block;
}

/* Bootstrap overrides */
.btn-default {
	color: #333;
	background-color: #fff;
	border-color: #adadad;
}

.btn-default:hover {
	color:#006288;
	background-color: #fff;
	border-color: #ccc;
}

.btn-primary {
	background-color: #006288;
}

.btn-beschikbarheid{
	background-color: #e7711b;
	color:#fff;
}

.btn-beschikbarheid:hover {
	background-color: #0092cc;
	color:#fff;
}

.radio-inline{
	padding-bottom: 7px;
}

.checkbox-inline+.checkbox-inline,
.radio-inline+.radio-inline{
	margin-left:0;
}

/* mmenu */
.mm-menu {
	--mm-color-background: #006288;
	--mm-color-text: #fff;
	--mm-color-text-dimmed: #ccc;
	--mm-color-button: #ccc;
	--mm-color-border: rgba(51, 51, 51, 0.2);
	--mm-size:280px;
}

.mm-menu a{
	text-transform:lowercase;
}

.mm-menu_offcanvas{
	width:280px;
	min-width:280px;
	max-width:280px;
}

@media (max-width: 360px){
	.mm-menu{
		--mm-size:82%;
	}

	.mm-menu_offcanvas{
		width:82%;
		min-width:0;
		max-width:280px;
	}
}

.mainmenu { display: block; }
.mobilemenu { display: none; }

@media (max-width: 767px) {
	.mainmenu { display: none; }
	.mobilemenu { display: block; }
}