@charset "utf-8";

/*colors:
roze	#e23387
geel	#f7cd0e
blauw	#009ede
oranje	#f08e01
groen	#019534
*/

html,body{position: relative;height:100%}

/*wrap*/
body{width:100%;margin:0;padding:0;font-size:16px;line-height:24px;font-family:'Open Sans',sans-serif;color:#81725e;background:#fff;-webkit-text-size-adjust:none;overflow:hidden}

/*html tags*/
hr{background-color:#e23387;border:0;color:#e23387;height:2px;margin:12px 0 12px 0}
a{color:#81725e;text-decoration:underline}
a:hover{color:#e23387;text-decoration:underline}
.geel a:hover{color:#f7cd0e}
.blauw a:hover{color:#009ede}
.oranje a:hover{color:#f08e01}
.groen a:hover{color:#019534}
h1{font-size:20px;margin:0;padding:0 0 12px 0;line-height:28px;font-weight:600}
h2{font-size:16px;margin:0;padding:0 0 0 0;line-height:24px;font-weight:normal;color:#e23387}
.geel h2{color:#f7cd0e}
.blauw h2{color:#009ede}
.oranje h2{color:#f08e01}
.groen h2{color:#019534}
h3,
h4,
h5,
h6{font-size:16px;margin:0;padding:0 0 6px 0;line-height:24px;font-weight:600}
p{margin:0;padding:0 0 24px 0}
ul{margin:0;padding:0 0 24px 0}
ol{margin:0;padding:0 0 24px 0}
li{margin:0 0 0 24px;padding:0}
img{border:0}
sub,sup{position:relative;height:0;line-height:1;vertical-align:baseline}
sup{bottom:1ex}
sub{top:.5ex}
strong{font-weight:600}
*{-webkit-tap-highlight-color: rgba(0,0,0,0);}
#mainmenu ul li a{-webkit-tap-highlight-color: rgba(0,0,0,0.1);}

/*common classes*/
.clearer{height:1px;overflow:hidden;margin-top:-1px;clear:both}

/*main structure*/
header{position:relative;width:100%;display:none}
header .container{position:relative;width:100%;margin:0 auto}
nav{position:fixed;left:0;top:0;display:block;z-index:2000;width:100%;height:calc(50vh - 33.33vw);min-height:14vh;padding-left:0;box-sizing:border-box}
nav .container{position:relative;width:100%;height:100%;margin:0 auto}
div[role=main]{position:relative;width:100%; height: 100%}
div[role=main] .container{position:relative;height:100%;margin:0 auto}

/*mainmenu*/
#mainmenu{display:none;position:absolute;top:0;right:0;width:100%;height:100vh;border:0;background:#fff;z-index:999}
#mainmenu ul{position:absolute;left:0;top:0;width:100%;display:block;list-style-type:none;margin:0 0 0 0;padding:0 0 0 0;padding-top:calc(50vh - 75px)}
#mainmenu ul li{display:block;margin:0;padding:0}
#mainmenu ul li a{display:block;padding:3px 20% 3px 20%;color:#81725e;text-decoration:none;line-height:24px;letter-spacing:1px;font-size:16px;text-align:center;text-transform:lowercase}
#mainmenu ul .current a{color:#e23387}
.geel #mainmenu ul .current a{color:#f7cd0e}
.blauw #mainmenu ul .current a{color:#009ede}
.oranje #mainmenu ul .current a{color:#f08e01}
.groen #mainmenu ul .current a{color:#019534}

#logo{display:block;position:absolute;top:10px;left:10px;z-index:1000;width:100px;height:100px;padding:10px;box-sizing:border-box}
#logo img{display:block;width:100%;margin:0}

/*button menu*/
#btnmenu{display:block;position:absolute;top:20px;right:20px;z-index:1000;width:80px;height:80px;padding:0px;box-sizing:border-box;background:url(/images/design/btn-menu.png) 0 0 no-repeat;background-size:cover;cursor:pointer}

/*swiper*/
.swiper-container{width: 100%;height: 100%}
.swiper-wrapper{z-index:-1}
.swiper-slide{text-align: center;font-size:16px;background:transparent;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}

.swiper-button-prev-main{display:block;position:absolute;left:calc(50% - 54vh);bottom:0;width:27vh;height:16vh;background:url(/images/design/left-roze.png) 50% 50% no-repeat;background-size:32px;cursor: pointer;z-index:10}
.swiper-button-next-main{display:block;position:absolute;right:calc(50% - 54vh);bottom:0;width:27vh;height:16vh;background:url(/images/design/right-roze.png) 50% 50% no-repeat;background-size:32px;cursor: pointer;z-index:10}

.geel .swiper-button-prev-main{background-image:url(/images/design/left-geel.png)}
.blauw .swiper-button-prev-main{background-image:url(/images/design/left-blauw.png)}
.oranje .swiper-button-prev-main{background-image:url(/images/design/left-oranje.png)}
.groen .swiper-button-prev-main{background-image:url(/images/design/left-groen.png)}

.geel .swiper-button-next-main{background-image:url(/images/design/right-geel.png)}
.blauw .swiper-button-next-main{background-image:url(/images/design/right-blauw.png)}
.oranje .swiper-button-next-main{background-image:url(/images/design/right-oranje.png)}
.groen .swiper-button-next-main{background-image:url(/images/design/right-groen.png)}

.swiper-button-prev-main.swiper-button-disabled{opacity:1;background:url(/images/design/left-grey.png) 50% 50% no-repeat;background-size:32px}
.swiper-button-next-main.swiper-button-disabled{opacity:1;background:url(/images/design/right-grey.png) 50% 50% no-repeat;background-size:32px}

.swiper-button-prev2{display:block;position:absolute;left:calc(50% - 27vh);bottom:0;width:27vh;height:16vh;background:url(/images/design/up-roze.png) 75% 50% no-repeat;background-size:40px;cursor:pointer;z-index:10}
.swiper-button-next2{display:block;position:absolute;left:50%;bottom:0;width:27vh;height:16vh;background:url(/images/design/down-roze.png) 25% 50% no-repeat;background-size:40px;cursor:pointer;z-index:10}

.geel .swiper-button-prev2{background-image:url(/images/design/up-geel.png)}
.blauw .swiper-button-prev2{background-image:url(/images/design/up-blauw.png)}
.oranje .swiper-button-prev2{background-image:url(/images/design/up-oranje.png)}
.groen .swiper-button-prev2{background-image:url(/images/design/up-groen.png)}

.geel .swiper-button-next2{background-image:url(/images/design/down-geel.png)}
.blauw .swiper-button-next2{background-image:url(/images/design/down-blauw.png)}
.oranje .swiper-button-next2{background-image:url(/images/design/down-oranje.png)}
.groen .swiper-button-next2{background-image:url(/images/design/down-groen.png)}

.swiper-button-prev2.swiper-button-disabled{opacity:1;background:url(/images/design/up-grey.png) 75% 50% no-repeat;background-size:40px}
.swiper-button-next2.swiper-button-disabled{opacity:1;background:url(/images/design/down-grey.png) 25% 50% no-repeat;background-size:40px}

/*domezslide*/
.domezslide{position:relative}
.domezslide-txt{position:relative;height:72vh;margin:0;padding:0;box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}

.domezslide img{display:block;width:108vh;height:72vh;margin:auto;max-width:100vw;max-height:66.67vw;z-index:0}
.domezslide .txt{display:block;width:100%;height:auto;margin:auto;max-width:105vh;padding:0 20px 0 20px;box-sizing:border-box;text-align:left;line-height:20px;font-size:14px}
.domezslide .txt h2{padding:0 0 0 0}
.domezslide .txt p{padding:0}
.domezslide .kop{position:absolute;left:0;bottom:0;width:108vh;text-align:center;margin:0;padding:0;overflow:hidden;text-transform:lowercase;padding:0 24px;box-sizing:border-box;font-size:16px;line-height:30px;max-width:100vw;color:#fff;text-shadow: 0px 0px 4px rgba(0, 0, 0, 1);}
.domezslide .kop2{text-transform:none}
.domezslide .kop br{display:none}

/*DefaultForm*/
.DefaultForm{position:relative;margin:0;padding:24px 0 0 0}
.DefaultForm fieldset{border:0;margin:0;padding:0 0 0 0}
.domezslide .txt .DefaultForm fieldset p{padding:0 0 10px 0}
.DefaultForm legend{height:1px;overflow:hidden}
.DefaultForm legend span{position:absolute;left:0;top:10px;display:block;font-weight:bold;font-size:120%}
.DefaultForm label{display:block;padding:0 0 5px 0;margin:0;line-height:24px}
.DefaultForm input{font-family:'Open Sans',sans-serif;font-size:100%;margin:0 0 10px 0;color:#81725e}
.DefaultForm .input1{width:100%;border:1px solid #81725e;padding:3px 5px;background:#fff;box-sizing:border-box}
.DefaultForm .btn{text-align:center;padding-top:14px}
.DefaultForm .submit{border:1px solid #e23387;background:#e23387;color:#fff;cursor:pointer;margin:0 auto;padding:5px 10px;-webkit-appearance:none}
.DefaultForm .input1_error{width:100%;border:1px solid #333;padding:3px 5px;background:#fff;box-sizing:border-box}
.DefaultForm .error{color:#f1940f}
.DefaultForm .required{color:#f1940f}

@media (min-height: 480px) and (min-width:320px) { 
	
	.domezslide .txt{line-height:24px;font-size:16px;padding:24px 20px 0 20px}
	.domezslide .txt h2{padding:0 0 0 0}
	.domezslide .txt p{padding:0 0 24px 0}

}

@media (min-width: 850px) and (orientation: landscape) { 
	
	.domezslide-txt{border:2px solid #e23387;border:0}
	.geel .domezslide-txt{border:2px solid #f7cd0e;border:0}
	.blauw .domezslide-txt{border:2px solid #009ede;border:0}
	.oranje .domezslide-txt{border:2px solid #f08e01;border:0}
	.groen .domezslide-txt{border:2px solid #019534;border:0}

	#logo{width:calc(50vw - 54vh - 20px);height:calc(50vw - 54vh - 20px);min-width:100px;min-height:100px;top:calc(14vh - 10px)}
	#btnmenu{width:calc(50vw - 54vh - 40px);height:calc(50vw - 54vh - 40px);min-width:80px;min-height:80px;top:calc(14vh - 10px)}

}

@media (orientation: portrait) { 
	
	.swiper-button-prev-main{left:calc(50% - 50vw);width:25vw}
	.swiper-button-next-main{right:calc(50% - 50vw);width:25vw}
	.swiper-button-prev2{left:calc(50% - 25vw);width:25vw}
	.swiper-button-next2{left:50%;width:25vw}

	.domezslide .kop{bottom:-40px;color:#81725e;text-shadow:none}

}

@media (min-width: 640px) { 
}

@media (min-width: 768px) { 
}

@media (min-width: 992px) and (orientation: landscape) { 

	.domezslide-txt{height:60vh;border:0}
	.geel .domezslide-txt{border:0}
	.blauw .domezslide-txt{border:0}
	.oranje .domezslide-txt{border:0}
	.groen .domezslide-txt{border:0}
	.domezslide img{width:90vh;height:60vh}
	.domezslide .txt{padding:24px 80px 0 80px}
	.domezslide .kop{left:90vh;bottom:0;width:calc(50vw - 45vh);text-align:left;color:#81725e;text-shadow:none}
	.domezslide .kop br{display:inline}


	.swiper-button-prev-main{left:calc(50% - 45vh);width:22.5vh;height:20vh;background-size:60px}
	.swiper-button-next-main{right:calc(50% - 45vh);width:22.5vh;height:20vh;background-size:60px}
	.swiper-button-prev2{left:calc(50% - 22.5vh);width:22.5vh;height:20vh;background-size:60px}
	.swiper-button-next2{left:50%;width:22.5vh;height:20vh;background-size:60px}
	.swiper-button-prev-main.swiper-button-disabled{background-size:60px}
	.swiper-button-next-main.swiper-button-disabled{background-size:60px}
	.swiper-button-prev2.swiper-button-disabled{background-size:60px}
	.swiper-button-next2.swiper-button-disabled{background-size:60px}	
	
	nav{position:fixed;left:0;top:0;display:block;background:#fff;z-index:2000;width:calc(50vw - 45vh - 24px);height:100%;padding-left:0;box-sizing:border-box}
	#mainmenu{display:block;position:absolute;top:calc(50% - 30vh);right:0;width:calc(100% - 2px);height:60vh;border:0;border-right:2px solid #e23387}
	.geel #mainmenu{border:0;border-right:2px solid #f7cd0e}
	.blauw #mainmenu{border:0;border-right:2px solid #009ede}
	.oranje #mainmenu{border:0;border-right:2px solid #f08e01}
	.groen #mainmenu{border:0;border-right:2px solid #019534}
	#mainmenu ul{position:absolute;left:0;top:auto;bottom:0;width:100%;display:block;list-style-type:none;margin:0 0 0 0;padding:0 0 0 0;padding-top:35vh}
	#mainmenu ul li{display:block;margin:0;padding:0}
	#mainmenu ul li a{display:block;padding:3px 0 3px 20%;color:#81725e;text-decoration:none;line-height:24px;letter-spacing:1px;font-size:16px;text-align:left}

	#logo{display:block;position:absolute;top:calc(50% - 30vh);left:auto;right:12px;z-index:1000;width:calc(100% - 12px);padding:0 30px;box-sizing:border-box}
	#logo img{display:block;width:100%;height:auto;margin:0 auto;max-width:30vh}

	#btnmenu{display:none}

}

@media (min-width: 1200px) and (min-aspect-ratio: 16/9) and (orientation: landscape){ 

	.domezslide-txt{height:70vh}
	.domezslide img{width:105vh;height:70vh}
	.domezslide .txt{padding:36px 80px 0 80px;font-size:20px;line-height:36px}
	.domezslide .txt h2{padding:0 0 0 0}
	.domezslide .txt p{padding:0 0 36px 0}
	.domezslide .kop{left:105vh;width:calc(50vw - 52.5vh)}

	.swiper-button-prev-main{left:calc(50% - 52.5vh);width:26.25vh;height:15vh}
	.swiper-button-next-main{right:calc(50% - 52.5vh);width:26.25vh;height:15vh}
	.swiper-button-prev2{left:calc(50% - 26.25vh);width:26.25vh;height:15vh}
	.swiper-button-next2{left:50%;width:26.25vh;height:15vh}

	#logo{top:calc(50% - 35vh);width:calc(100% - 62px)}
	#logo img{max-width:35vh}
	nav{width:calc(50vw - 52.5vh - 24px)}
	.domezslide .kop{font-size:20px;line-height:36px}
	#mainmenu{top:calc(50% - 35vh);height:70vh}
	#mainmenu ul{width:calc(100% - 50px)}
	#mainmenu ul li a{font-size:20px;padding:3px 0 3px 14%;line-height:30px}
	#mainmenu ul{left:50px}

	h2{font-size:20px;padding:0 0 0 0;line-height:36px}
    .swiper-slide {font-size:20px;line-height:36px}

}


@media (orientation: landscape) and (max-width: 850px) { 
	
	/*domezslide*/
	.domezslide{position:relative;width:100vw;height:100vh;overflow:hidden;background:#000;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}
	.domezslide-txt{position:relative;width:100vw;height:100vh;margin:0;padding:0;box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;background:#fff}

	.domezslide img{display:block;width:auto;height:100vh;margin:auto;max-width:100vw;max-height:66.67vw}
	.domezslide .txt{display:block;width:100%;height:auto;margin:auto;max-width:150vh;padding:40px 15px 0 15px;box-sizing:border-box;text-align:left;line-height:24px;font-size:16px}
	.domezslide .txt h2{padding:0 0 0 0}
	.domezslide .txt p{padding:0}
	.domezslide .kop{display:none}


	#logo{width:80px;height:80px;min-width:80px;top:0;left:calc(50% - 75vh + 5px)}
	#btnmenu{width:80px;height:80px;min-width:80px;top:0;right:calc(50% - 75vh + 5px)}

	nav{height:0;min-height:0;background:green}

	.swiper-button-prev-main{left:0;width:50px;height:100vh;background-size:32px}
	.swiper-button-next-main{right:0;width:50px;height:100vh;background-size:32px}
	.swiper-button-prev2{position:absolute;left:50px;top:0;bottom:auto;width:calc(100vw - 100px);height:50px;background-position:50% 50%;background-size:32px}
	.swiper-button-next2{position:absolute;left:50px;top:auto;bottom:0;width:calc(100vw - 100px);height:50px;background-position:50% 50%;background-size:32px}
	.swiper-button-prev2.swiper-button-disabled{background-position:50% 50%;cursor:default;background-size:32px}
	.swiper-button-next2.swiper-button-disabled{background-position:50% 50%;cursor:default;background-size:32px}


}
@media (orientation: landscape) and (max-width: 850px) and (max-aspect-ratio: 3/2) { 
	#logo{left:40px;top:calc(10px - 33.33vw + 50vh)}
	#btnmenu{right:40px;top:calc(0px - 33.33vw + 50vh)}

}