html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

body, html {
	/*max-width:1150px;*/
	/*max-height:var(--bannerHeight);*/

	--bannerHeight : 275px;
	--yellow : #ffd504;
}

.asset {
	position: absolute;
}

img {
	image-rendering: auto;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-user-drag: none;
	user-drag: none;
	-webkit-touch-callout: none;
}

#banner {
	position: relative;
	display: block;
	
	box-sizing: border-box;
	background-color: #ffffff;
	width: 100%;
	height: var(--bannerHeight);
	max-width: 1150px;
/*	overflow: hidden;*/
	cursor: pointer;

	--stickerSize_l: 100px;
	--stickerColor_l:#ec6504;
	--stickerTop_l: 25px;
    --stickerRight_l:25px;
    
    --stickerSize_s: 80px;
	--stickerColor_s:#ec6504;
	--stickerTop_s: 15px;
    --stickerLeft_s: 108px;
    --stickerRight_s: 15px;
}

#large, #small {
	position: absolute;
	width: 100%;
	height: var(--bannerHeight);
/*	opacity:0;*/
	overflow: hidden;
}
#small {
/*	top: var(--bannerHeight);*/
	max-width: 600px;
/*	top: var(--bannerHeight);*/
}
#border {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 1px solid #ccc;
	box-sizing: border-box;
}

.cover_l {
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: var(--yellow);
}

#yellowShape_l {
	position: absolute;
	top: 0;
	left: 32px;
	width: 61%;
	height: var(--bannerHeight);
	background-color: var(--yellow);
	transform: skew(-15deg);
	border-left: 6px solid #fff;
	border-right: 6px solid #fff;
	box-sizing: border-box;
}

#halfWidthHolder {
	position: absolute;
	width: 50%;
	height: 100%;
	right: 0px;
	top: 0px;
	/*background-color: rgba(255, 255,255,0.2);*/
	overflow: hidden;
}

#bgImageHolder_l {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 45%;
	height: var(--bannerHeight);
	background-color: rgba(100, 100,100,0.5);
	/*transform: translate(-50%, 0);*/
}
.bgImage_l {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 100%;
	height: var(--bannerHeight);
	background-position:55% 50%;
	background-repeat: no-repeat;
	background-size: cover;
}
#bgImg0_l {
	background-image: url("../images/bgImg-0.jpg");
	background-position:55% 0%;
}

#bgImg1_l {
	background-image: url("../images/bgImg-1.jpg");
	background-position:70% 50%;
}

#centerCopyHolder_l {
	position: absolute;
/*	left: calc(80px + 30%);*/
/*	left: calc(60px + 25%);*/
	left: 35%;
	width: 40%;
	height: var(--bannerHeight);
	/*background-color: rgba(255, 255,255,0.2);*/
	transform: translate(-50%, 0);
}
.centerCopy_l {
	position: absolute;
	width: 100%;
	height: var(--bannerHeight);
}

#centerCopyHolderLarge_l {
	position: absolute;
/*	left: calc(80px + 30%);*/
/*	left: calc(60px + 25%);*/
	left: 35%;
	width: 50%;
	height: var(--bannerHeight);
	/*background-color: rgba(255, 255,255,0.2);*/
	transform: translate(-50%, 0);
}

.gratisBora-0_l {
	background-image: url("../images/gratisBora-0_l.png");
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}
.gratisBora-1_l {
	background-image: url("../images/gratisBora-1_l.png");
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}
.gratisBora-2_l {
	background-image: url("../images/gratisBora-2_l.png");
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}

.gegarandeerd_l {
	background-image: url("../images/gegarandeerd_l.png");
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}
.gegarandeerd-main_l {
	background-image: url("../images/gegarandeerd_l.png");
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}

.nu-10procent-korting-0_l {
	background-image: url("../images/nu-10procent-korting-0_l.png");
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}
.nu-10procent-korting-1_l {
	background-image: url("../images/nu-10procent-korting-1_l.png");
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}
.nu-10procent-korting-2_l {
	background-image: url("../images/nu-10procent-korting-2_l.png");
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}

.tweedepinksterdag-staand-0_l {
	background-image: url("../images/tweedepinksterdag-staand-0_l.png");
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}
.tweedepinksterdag-staand-1_l {
	background-image: url("../images/tweedepinksterdag-staand-1_l.png");
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}
.tweedepinksterdag-staand-2_l {
	background-image: url("../images/tweedepinksterdag-staand-2_l.png");
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}

.nugratis-0_l {
	background-image: url("../images/nugratis-0_l.png");
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}
.nugratis-1_l {
	background-image: url("../images/nugratis-1_l.png");
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}

#ankeiler1_l, #ankeiler2_l, #ankeiler3_l {
	position: absolute;
	width: 26%;
	height: var(--bannerHeight);
	top: 0px;
	right: 0px;
	min-width: 200px;
}
.ankeilerItem_l {
	position: absolute;
	width: 100%;
	height: var(--bannerHeight);
}

#ankeiler3Bg_l {
	background-image: url("../images/ankeiler3Bg_l.png");
	background-position: 0% 15%;
	background-repeat: no-repeat;
	background-size: contain;
}
#ankeiler1Icon_l {
	background-image: url("../images/ankeiler1Icon_l.png");
	background-position: 0% 15%;
	background-repeat: no-repeat;
	background-size: contain;
}
#ankeiler3Copy_1_l {
	background-image: url("../images/ankeiler3Copy_1_l.png");
	background-position: 0% 15%;
	background-repeat: no-repeat;
	background-size: contain;
}

#ankeiler2Bg_l {
	background-image: url("../images/ankeiler2Bg_l.png");
	background-position: top;
	background-repeat: no-repeat;
	background-size: contain;
}
#ankeiler2Copy_1_l {
	background-image: url("../images/ankeiler2Copy_1_l.png");
	background-position: top;
	background-repeat: no-repeat;
	background-size: contain;
}
#ankeiler2Copy_2_l {
	background-image: url("../images/ankeiler2Copy_2_l.png");
	background-position: top;
	background-repeat: no-repeat;
	background-size: contain;
}
#ankeiler2Underline_l {
	background-image: url("../images/ankeiler2Underline_l.png");
	background-position: top;
	background-repeat: no-repeat;
	background-size: contain;
}

#sloganHolder_l {
	position: absolute;
	width: 45%;
	top: 50%;
	left: 50%;
	height: var(--bannerHeight);
	/*background-color: rgba(255, 255,255,0.2);*/
	transform: translate(-50%, -50%);
}
.sloganItem_l {
	position: absolute;
	width: 100%;
	height: var(--bannerHeight);
}


.finaleWeekend_l {
	background-image: url("../images/finaleWeekend_l.png");
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}

.slogan_ongekend_l {
	background-image: url("../images/slogan_ongekend.png");
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}
.slogan_van_l {
	background-image: url("../images/slogan_van.png");
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}
.slogan_keuken_l {
	background-image: url("../images/slogan_keuken.png");
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}
.slogan_concurrent_l {
	background-image: url("../images/slogan_concurrent.png");
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}

#sloganLogoHolder_l {
	position: absolute;
	top: -83px;
	left: 10px;
	width: 150px;
	height: var(--bannerHeight);
}
.sloganLogoItem_l {
	position: absolute;
	width: 100%;
	height: var(--bannerHeight);
}

#large #button {
	position: absolute;
    width: 156px;
    height: 32px;
    bottom: 24px;
    left: calc(59% - 156px);
/*	right: 24px;*/
    cursor: pointer;
}
#large .orangeBut {
	position: absolute;	 
	top:0px;
	left:0px;
	width: 156px;
    height: 32px;
	border: 0 none;
	background-color: #ed6608;
	border-radius: 20px;
	cursor: pointer;
}
#large .but_text {
	position: absolute;
	top: 7px;
	left: 0px;
	width: 156px;
	color:#ffffff;
	text-align: center;
	font-weight: 700;
	font-size:14px;
	font-family: sans-serif;
}

.stickerWrapper_l,
.sticker_l,
.stickerBack_l,
.stickerCopyHolder_l,
.stickerTxt_l,
.stickerTxtCntdwn_l,
.stickerInside_l,
.stickerInside_l img, .stickerTxt_l img { width: var(--stickerSize_l); height: var(--stickerSize_l); }
.stickerBack_l { border-radius: 50%; background: var(--stickerColor_l); border:3px solid #ffffff; box-sizing: border-box;}
.stickerTxt_l, .stickerTxtCntdwn_l { opacity:0; }
.stickerWrapper_l { top: var(--stickerTop_l); right: var(--stickerRight_l);} /*transform: translate(-50%, -50%);*/

@media only screen and (max-width: 820px) {
	/*.stickerWrapper_l {
		transform: scale(.8);
	}

	#banner {
		--stickerTop_l:100px;
		--stickerRight_l:15px;
	}*/
}

@media only screen and (min-width: 601px) {
	#small {
/*		display: none;*/
		opacity:0;
/*		visibility:hidden;*/
	}

	/*#small .button {
		transform: scale(1);
	}*/
}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (max-width: 600px) {
	#banner {
/*		max-width: 600px;*/
	}

	#large {
/*		display: none;*/
		opacity:0;
/*		visibility:hidden;*/
	}

	/*#small #button {
		transform: scale(.75);
		transform-origin: 100% 100%;
	}*/
}

#yellowShape_s {
	position: absolute;
	top: 0;
	left: -20%;
	width: 40%;
	height: var(--bannerHeight);
	background-color: var(--yellow);
	transform: skew(-15deg);
	border-left: 6px solid #fff;
	border-right: 6px solid #fff;
	box-sizing: border-box;
}

#bgImageHolder_s {
	position: absolute;
	top: 0px;
	right: 0px;
	width:100%;
	height: var(--bannerHeight);
/*		background-color: rgba(100, 100,100,0.5);*/
}
.bgImage_s {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 100%;
	height: var(--bannerHeight);
	background-position: center 20%;
	background-repeat: no-repeat;
	background-size: cover;
}
#bgImg1_s {
	background-image: url("../images/bgImg-1.jpg");
}
#bgImg0_s {
	background-image: url("../images/bgImg-0.jpg");
}


#sloganHolder_s {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 60%;
	height: var(--bannerHeight);
	transform: translate(-50%, -50%);
}
.sloganItem_s {
	position: absolute;
	width: 100%;
	height: var(--bannerHeight);
}

.slogan_ongekend_s {
	background-image: url("../images/slogan_ongekend.png");
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}
.slogan_van_s {
	background-image: url("../images/slogan_van.png");
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}
.slogan_keuken_s {
	background-image: url("../images/slogan_keuken.png");
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}
.slogan_concurrent_s {
	background-image: url("../images/slogan_concurrent.png");
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}

.finaleWeekend_s {
	background-image: url("../images/finaleweekend_l.png");
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}

.gegarandeerd_s {
	background-image: url("../images/gegarandeerd_l.png");
/*	background-position: center center;*/
	background-repeat: no-repeat;
	background-size: contain;
}

.sloganItem_s {
	background-position: center;
}

.finaleWeekend-topleft_s {
	background-image: url("../images/finaleWeekend-topleft_s.png");
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}

.nugratis-0_s {
	background-image: url("../images/nugratis-0_s.png");
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}
.nugratis-1_s {
	background-image: url("../images/nugratis-1_s.png");
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}


.nu-10procent-korting-0_s {
	background-image: url("../images/nu-10procent-korting-0_s.png");
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}
.nu-10procent-korting-1_s {
	background-image: url("../images/nu-10procent-korting-1_s.png");
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}


.topLeftCopy_s {
	background-position: left top;
}

.tweedePaasdag-0_s {
	background-image: url("../images/tweedePaasdag-0_l.png");
	background-position: center top;
	background-repeat: no-repeat;
	background-size: contain;
}
.tweedePaasdag-1_s {
	background-image: url("../images/tweedePaasdag-1_l.png");
	background-position: center top;
	background-repeat: no-repeat;
	background-size: contain;
}

#centerCopyHolder_s {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100%;
	height: var(--bannerHeight);
	transform: translate(-50%, -50%);
}
.centerCopy_s {
	position: absolute;
	width: 70%;
	left: 15%;
	height: var(--bannerHeight);
}

#topLeftCopyHolder_s {
	position: absolute;
	top: 10px;
	left: 10px;
	width: calc(55% - 10px);
	height: calc(var(--bannerHeight) - 2 * 10px);
/*	transform: translate(-50%, -50%);*/
}
.topLeftCopy_s {
	position: absolute;
	width: 100%;
	left: 0px;
	height: var(--bannerHeight);
	min-width: 110px;
	max-width: 200px;
}

#topLeftCopyHolderLarge_s {
	position: absolute;
	top: 10px;
	left: 10px;
	width: calc(42% - 10px);
	height: calc(var(--bannerHeight) - 2 * 10px);
/*	transform: translate(-50%, -50%);*/
}
.topLeftCopyLarge_s {
	position: absolute;
	width: 100%;
	left: 0px;
	height: var(--bannerHeight);
	min-width: 100px;
}

.gegarandeerdLaagstePrijs_0_s {
	background-image: url("../images/gegarandeerdLaagstePrijs_0_l.png");
	background-position: top;
	background-repeat: no-repeat;
	background-size: contain;
}

.gegarandeerdLaagstePrijs_1_s {
	background-image: url("../images/gegarandeerdLaagstePrijs_1_l.png");
	background-position: top;
	background-repeat: no-repeat;
	background-size: contain;
}

#ankeiler1_s, #ankeiler2_s, #ankeiler3_s {
	position: absolute;
	width: 50%;
	height: var(--bannerHeight);
	top: 0px;
	right: 0px;
	max-width: 200px;
}
.ankeilerItem_s {
	position: absolute;
	width: 100%;
	height: var(--bannerHeight);
}

#ankeiler1Bg_s {
	background-image: url("../images/ankeiler1Bg_l.png");
	background-position: 0% 15%;
	background-repeat: no-repeat;
	background-size: contain;
}
#ankeiler1Icon_s {
	background-image: url("../images/ankeiler1Icon_l.png");
	background-position: 0% 15%;
	background-repeat: no-repeat;
	background-size: contain;
}
#ankeiler1Copy_1_s {
	background-image: url("../images/ankeiler1Copy_1_l.png");
	background-position: 0% 15%;
	background-repeat: no-repeat;
	background-size: contain;
}

#ankeiler2Bg_s {
	background-image: url("../images/ankeiler2Bg_l.png");
	background-position: top;
	background-repeat: no-repeat;
	background-size: contain;
}
#ankeiler2Copy_1_s {
	background-image: url("../images/ankeiler2Copy_1_l.png");
	background-position: top;
	background-repeat: no-repeat;
	background-size: contain;
}
#ankeiler2Copy_2_s {
	background-image: url("../images/ankeiler2Copy_2_l.png");
	background-position: top;
	background-repeat: no-repeat;
	background-size: contain;
}
#ankeiler2Underline_s {
	background-image: url("../images/ankeiler2Underline_l.png");
	background-position: top;
	background-repeat: no-repeat;
	background-size: contain;
}

#ankeiler3Bg_s {
	background-image: url("../images/ankeiler3Bg_l.png");
	background-position: top;
	background-repeat: no-repeat;
	background-size: contain;
}
#ankeiler3Copy_1_s {
	background-image: url("../images/ankeiler3Copy_1_l.png");
	background-position: top;
	background-repeat: no-repeat;
	background-size: contain;
}


#sticker_s {
	position: absolute;
	width: 38%;
	height: var(--bannerHeight);
	top: 0;
	right: 0px;
}
.stickerItem_s {
	position: absolute;
	width: 100%;
	height: var(--bannerHeight);
}
#stickerBg_s {
	background-image: url("../images/stickerBg_s.png");
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}
#sticker_afspraak_txt_s {
	background-image: url("../images/sticker_afspraak_txt_s.png");
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}
#sticker_klik_txt_s {
	background-image: url("../images/sticker_klik_txt_s.png");
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}
#sticker_underline_s {
	background-image: url("../images/sticker_underline_s.png");
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}

.cover_s {
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: var(--yellow);
}

#small #button {
	position: absolute;
    width: 156px;
    height: 32px;
    bottom: 15px;
    right: 20px;
    cursor: pointer;

    transform: scale(.85);
	transform-origin: 100% 100%;
}
#small .orangeBut {
	position: absolute;	 
	top:0px;
	left:0px;
	width: 156px;
    height: 32px;
	border: 0 none;
	background-color: #ed6608;
	border-radius: 20px;
	cursor: pointer;
}
#small .but_text {
	position: absolute;
	top: 7px;
	left: 0px;
	width: 156px;
	color:#ffffff;
	text-align: center;
	font-weight: 700;
	font-size:14px;
	font-family: sans-serif;
}

/************* STICKER *************/

.stickerWrapper_s,
.sticker_s,
.stickerBack_s,
.stickerCopyHolder_s,
.stickerTxt_s,
.stickerTxtCntdwn_s,
.stickerInside_s,
.stickerInside_s img, .stickerTxt_s img { width: var(--stickerSize_s); height: var(--stickerSize_s); }
.stickerBack_s { border-radius: 50%; background: var(--stickerColor_s); border:2px solid #ffffff; box-sizing: border-box;}
.stickerTxt_s, .stickerTxtCntdwn_s { opacity:0; }
.stickerWrapper_s { top: var(--stickerTop_s); right: var(--stickerRight_s);}