/* FONTS */

/* roboto-regular - latin */
@font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 400;
	src: local('Roboto'), local('Roboto-Regular'),
       url('/css/fonts/roboto-v20-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('/css/fonts/roboto-v20-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
	font-display: swap;
}

/* roboto-700 - latin */
@font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 700;
	src: local('Roboto Bold'), local('Roboto-Bold'),
       url('/css/fonts/roboto-v20-latin-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('/css/fonts/roboto-v20-latin-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
	font-display: swap;
}



/* --- MAIN LAY OUT :: HEADER --- */
html,
body {
	padding: 0;
    margin: 0;
    font-size: 13px;
    font-family: Roboto, Helvetica, Arial, sans-serif;
    color: #333;
    line-height: 16px;
    background: #fff
}
html {
	scroll-behavior: smooth 
}
/* 2023-04-01: alleen als wrapper voor mobiel menu mmenu, geen hoogte, padding, margin etc. op zetten (dat kan op #proefabonnementen-body */
#bgtop {
}
	
#proefabonnementen-body {
	margin-top:10px;
    width: 1024px;
    margin-left: auto;
    margin-right: auto;
    height: auto
}
	
#lg {
    position: relative;
    top: 35px;
    width: 1024px;
    border-top: 1px solid #fff;
    box-shadow: 3px 3px 15px #90c3ec;
    border-radius: 4px
}
	
#lg_hometab {
    position: absolute;
    top: -25px;
    left: 0px;
    width: 500px;
    height: 40px;
    background: #fff;
    box-shadow: 3px 0 15px #90c3ec;
    border-radius: 4px 4px 0 0
}
	
#home {
    position: absolute;
    top: 0;
    left: 0;
    width: 520px;
    height: 45px;
    background: #fff
}
	
#logo {
	margin-top:4px;
    margin-left: 10px;
}
	
#c {
    margin-top: 68px
}
	
#s {
    position: relative;
    top: 3px;
    left: 27px;
    width: 900px;
    font-size: 14px;
    color: #005499
}
	
#bar {
    padding: 3px;
    text-align: center;
    background: #fff;
    font-size:14px;
    clear: both
}
	
#zt {
    position: absolute;
    top: -27px;
    right: 0;
    padding: 5px;
    font-size: 13px;
    color: #0B40AB
}
	
#zl {
    position: absolute;

    left: 255px;
    top: 4px;

}
	
#zl_txt {
    width: 712px;
	font-size: 15px;
    font-weight: bold;
    padding: 10px 40px 10px 10px;
    border: 1px solid #888;
    border-radius: 4px;
    color: #015689;
    background: #f6f6f6
}
	
#zl_txt:hover {
    color: #018ecb;
    border: 1px solid #999;
}
	
/* positie van live zoekresultaten via ajax vanuit de zoekbox */
#sr, #sr1 {
    background: #fff;
    font-size: 14px;
   	position:relative;
    /* altijd alles overlappen */
	z-index: 255 !important
}
/* live zoekresultaten  */
.searchrow, .searchrow:visited {
    font-size: 16px !important;
}
	
#zl_btn, #mobile_zl_btn {
    background: url(/images/zoek.png) no-repeat center -1px;
    border: 0;
    cursor: pointer;
    width: 43px;
    height: 32px;
    text-indent: -999em;
    margin: 0 0 0 -43px;
    vertical-align: middle
}
#zl_btn:hover, #mobile_zl_btn:hover{
    background: url(/images/zoek_hvr.png) no-repeat center -1px;
	transition: all .5s ease;
}
#usp {
    color: #f06834;
    left: 235px;
    top: 40px;
    position: absolute;
}

#usp ul li {
	margin:4px 0;	
}
#usp ul span {
    color: #7c7c7c;
    font-style:italic;
}


/* --- MAIN LAY OUT:: TOP NAVIGATIE --- */
/* hamburger icoon en zoekbox mobiel */
#mobilemenu{
	display: none
}

#tnav {
    position: relative;
    width: 1015px;
    top: 0;
    padding: 0 0 38px;
    margin: 0 3px;
    list-style: none;
    font-size: 15px;
	z-index: 250 !important
}

	
#tnav LI {
	float: left;
    margin: 0 1px 0 0;
    padding: 0;
    line-height: 24px
}
	
#tnav LI:first-child {
    padding-left: 11px
}
	
#tnav A, .hometnr {
    display: block;
    color: #fff;
/*
    background: #0c5e9c;
    background: linear-gradient(#0188d9, #01619b);
*/
	background:#217abf;
    text-shadow: #000 1px 1px 1px;
    
	/*text-shadow: #000 3px 4px 7px rgba(81,67,21,0.8);*/
    margin: 0 1px 0 0;
    padding: 4px 16px;
    border: 1px solid #99caed;
    border-bottom:0;
    border-radius: 4px 4px 0 0
}
	
#tnav A:hover,
#tnav A:active,
#tnav .hometnr,
#tnav A.tnr:link,
#tnav A.tnr:visited {
   text-decoration:none;
	color: #333;
    background: #f2f8fc;
    
}
	
#tnav .hometnr,
#tnav A.tnr:link,
#tnav A.tnr:visited {
    font-weight: 700;
    color: #093593;
    text-shadow: none
}
	
#tnav .hometnr:after,
#tnav A.tnr:after {
    content: "\0020\25bc";
    font-size:13px;
    color: #016dc3
}
#tnav A:hover {
    background: #429de0;
	background: linear-gradient(#0c5e9c, #094673);
    color: #fff
}
	
#tnav .hometnr,
#tnav A.tnr:link,
#tnav A.tnr:visited {
    position: relative;
}
/* laat geselecteerde main tabs over de sub tabs heen vallen zodat er geen lijn tussen zit */
.hometnr {
	z-index: 1 !important
}
#tnav UL {
    position: absolute;
    text-decoration:underline;
    left: 0;
    top: 32px;
    float: left;
    background: #f2f8fc;
    width: 1014px;
    margin: 0;
    padding: 8px 0;
    list-style: none;
    border: 1px solid #99caed;
    border-radius: 4px
}
	
#tnav UL LI {
    float: left;
    display: block;
    margin-top: 1px;
    padding: 0
}
	
#tnav UL LI:first-child {
    padding-left:18px
}
	
#tnav UL A {
    background: #f2f8fc;
    color: #0B40AB;
	display: inline;
    margin: 0;
    padding: 0 10px;
    border: 0;
    text-shadow: none
}
	
#tnav UL A:hover,
#tnav UL A:active,
#tnav UL A.tnr:link,
#tnav UL A.tnr:visited {
	background: none;
    color: #354f63;
    text-decoration: underline
}
	
#tnav ul a.tnr:link {
    text-decoration: none;
    font-weight: 700
}
	
a.tnr,
a.tnr:visited {
}


/* mega-menu onder de categorieen, standaard alleen zichtbaar op mobiel en op desktop on hover*/
.menu-mob-mega {
	display:none;
	position:relative;
	/*margin-top:10px !important;*/
	left: -1px !important;
	border-top:0 !important;
	border-radius: 0 0 4px 4px !important;

	padding-top:15px !important;	
	/* overlap de #breadcrumbs div en andere html bovenaan, maar niet de zoekresultaten */
	z-index:254 !important;
	grid-auto-columns: 1fr;
	grid-auto-flow: column;
	grid-template-columns: repeat(4, 1fr);
	grid-template-rows: repeat(6, 38px);
	grid-column-gap: 2px;
  	column-gap: 2px;
	
  	text-decoration:none !important
}

.menu-mob-mega-activecat:hover .menu-mob-mega {
  display: grid;
}
.menu-mob-mega li {
	float: none !important;
	border-left: 2px solid #99caed;
	margin:0 !important;padding:0 !important;
}
.menu-mob-mega li:nth-child(-n+5) {
  border-left: none;
}
.menu-mob-mega LI:first-child {
    padding-left: 0 !important;
}

.menu-mob-mega a:before {
    content: "\000bb\0020";
    color: #e85500;
    font-weight:bold;
} 
.menu-mob-mega-cat {
	font-weight:800;
	text-decoration:none !important;
}
.menu-mob-mega-cat:before {
    font-family: FontAwesome;
	content: "\f07c" !important;
    display: inline-block;
    padding-right: 5px;
    vertical-align: middle;

}
a.menu-mob-mega-cat_Selected, a.menu-mob-mega-cat_Selected:visited {
	text-decoration: underline #354f63 solid 2px !important;
}
.menu-mob-mega-mag {
	text-decoration:none !important;
    color: #000 !important;
    font-weight:normal;
}
.menu-mob-mega-mag:hover {
	color: #016dc3 !important;	
}
.menu-mob-mega-mag:before {
	color: #0B40AB !important;
}

/* eind mega menu */


/* custom style voor mmenu.js, het off canvas mobiele menu */
/* onzichtbaar, nodig ivm rel=preload op de css van mmenu) de close menu tekst zit in .mm-sronly, voor screenreaders dus maar wel (kort) zichtbaar in browsers die rel=preload niet ondersteunen */
/* #mm-clone-main-menu ook onzichtbaar maken want die genereert ook iets wat op desktop niet zichtbaar moet zijn */
.mm-menu, .mm-sronly, #mm-clone-main-menu {
	display:none;
}
     
/* --- MAIN LAY OUT: CONTENT --- */

#breadcrumbs {
	color:#0B40AB;
	padding: 9px 0 9px 6px;
    font-size: 16px;
    position: absolute;
	z-index:0;
    top: 144px;
    left: 210px
}

#breadcrumbs a, #breadcrumbs a:visited {
	color:#636363;	
}
	
/* classes om de positie van de trail te corrigeren in sitewide modus: 3px voor oude RF's, 210px (reguliere positie) voor de nieuwe */
.left3 {
	left:3px !important;	
}
.left210 {
	left:210px !important;	
}

#l {
    color: #000;
    width: 203px;
    overflow: hidden;
    font-size: 11px;
    padding: 45px 4px 0;
    float: left;
    margin-top: 25px
}
	
#m_top {
    float: left;
    width: 812px;
    padding: 45px 0 0;
    margin-top: 25px
}
	
#m {
    overflow: hidden;
    margin: 0;
    padding: 45px 0 0;
    float: left;
    width: 624px;
    margin-top: 25px;
}
	
#r {
    background: #fff;
    width: 183px;
    overflow: hidden;
    padding: 45px 1px 0 4px;
    float: left;
    margin-top: 25px
}
	
#r p {
    text-align: center
}

	
#btns {
    text-align: center;
    margin-bottom: 20px;
    white-space: nowrap
}
	
#prijsz {
    margin: 0;
    padding: 15px 5px;
    text-align: center
}
	

/* DEFAULT STYLING voor elementen: links, stukken tekst in paragraphs, divs en spans, headings, lists etc */
	
a:link,
a:visited {
    color: #0B40AB;
    text-decoration: none
}
a:hover {
    color: #000;
    text-decoration: underline;
}
h1,
#titlebar {
    font-size: 16px;
    font-weight:bold;
	/*color: #415f77;*/
	color: #636363;
    padding: 2px 0 2px 5px;
    line-height: 36px;
    margin: 0;
    border-bottom: 1px solid #99caed;
}
	
h2,
.topxx {
    font-size: 15px;
    font-weight:bold;
    color: #e85500;
    margin: 0 0 10px;
    padding: 18px 5px;
    background: #f0f0f4;
    background: linear-gradient(#fff 0%, #e6F3FF 100%)
}
	
.reverseh2 {
    background: linear-gradient(#e6F3FF 0%, #fff 50%)
}
	
#r h2,
.artikel_tekst h2,
.artikel_tekst h3 {
    padding: 10px 0;
    background: transparent
}
	
h2.intro,
h2.intro2,
h3.intro,
.verwant {
    font-size: 15px;
    font-weight: 400;
    color: #0060ec;
    margin: 10px 0;
    padding: 8px 0
}
	
h2.intro2 {
    font-weight: 700;
    margin-left: 4px
}
	
.intro2 a,
.intro2 a:visited {
    color: #000
}
	
h3 {
    font-size: 15px;
    font-weight: 700;
    margin-bottom: 8px;
    margin-top: 0
}
	
h3.intro,
.verwant {
    background: #f0f0f4;
    padding-left: 6px;
    margin: 1px 0;
    color: #333;
    border-bottom: 1px solid #99caed
}
	
.verwant {
    padding: 10px 6px 10px 12px;
    margin: 0 1px
}
	
.verwant_ul {
    margin: 0 26px;
    padding: 10px 0
}
	
.verwant_ul li {
    padding: 8px 0;
    font-size: 14px
}
	
h3#winnen {
    margin-left: 4px;
    text-decoration: underline
}
	
h4 {
    font-size: 12px;
    margin: 3px 0
}
hr {
    height: 1px
}
	
ul,
ol {
	margin: 0 0 0 14px;
    padding: 0 0 8px 14px;
    list-style-type: square
}
ul *, ol * {
    font-family: Roboto, Helvetica, Arial, sans-serif;
}
	
ul.nm {
    margin: 0 0 0 2px;
    padding: 0 0 8px 14px
}
	
ol {
    list-style-type: decimal
}
	
p {
    margin: 0 0 14px;
}

.intro {
    font-size: 16px;
    line-height: 24px;
    margin: 5px 5px 10px
}
.intro select {
    color: #0B40AB;
    font-weight: 700;
}
#itxt, .itxt {
    margin: 15px 10px 0 6px
}

#itxt p,
#itxt ul,
#itxt ol {
    font-size: 17px;
    line-height: 28px;
    margin-bottom:20px;
}
#itxt .dropcaps:first-letter {
    font: 62px Georgia, times, serif;
    margin: 9px 6px 0 0;
    line-height: .75em;
}
#itxt h2 {
	font-size:21px;

}
#itxt h3 {
	font-size:19px;
}
#itxt h2, #itxt h3 {
    color: inherit;
    background: none;
	line-height: 30px;
	margin:0 0 10px 0 !important;
	padding:0 !important;
}	
.atxt {
    margin: 8px 2px 2px 7px;
    cursor: pointer
}

.infotekst,
.atxt, p.atxt{
	font-size: 16px;
    line-height: 24px
}

.dropcaps:first-letter {
    font: 56px Georgia, times, serif;
    margin: 2px 6px 0 0;
    float: left;
    line-height: .75em;
    color: #354f63
}
	
	
td, th {
    vertical-align: top;
    text-align: left;
    line-height: 16px
}
img {
    border: 0;
    max-width: 100%;
    height: auto
}
.middle {
   vertical-align: middle
}
	
abbr,
acronym {
    cursor: help;
    border: 0
}
em {
    color: #666
}
	
.i {
    padding: 8px 4px
}
	
/* TABS E.D. */
.menuheader {
    font-size: 14px;
    font-weight:bold;
    color: #ec5500;
    line-height: 24px;
    padding: 8px 0 8px 8px;
    margin: 0 0 1px;
    background: linear-gradient(#fff 40%, #e4ebf0 100%);
}
	
#proefabonnement_tab_link,{
    color: #ec5500
}
#laatst_bekeken {
   padding: 7px 0 7px 5px;
}
#laatst_bekeken a {
    font-size: 14px;
    font-weight:bold;
}

.tab,
.tabr,
.tabn,
.tabg,
.tabo,
.tab_subcat {
    border-radius: 4px 4px 0 0;
    text-align: left;
    color: #fff;
    font-size: 12px;
    letter-spacing: 0px;
    font-weight: 400;
    line-height: 24px;
    margin: 1px 0;
    font-size: 15px;
    padding: 7px 0 7px 10px

}
	
.tab {
    border: 1px solid #b93030;
    background: linear-gradient(#d86a6c, #b93030)
}
	
.tabr a,
.tabr a:visited,
.tabr a:hover,
.tabg a,
.tabg a:visited,
.tabg a:hover {
    color: #fff;
    font-size: 14px
}
	
.tabr {
    text-align:center;
	border: 1px solid #3796dd;
	background: linear-gradient(#018ecb, #016f9f);
    text-shadow: #000 1px 1px 1px
}
	
.tabn {
    border: 1px solid #5c88a8;
    background: linear-gradient(#7197b3, #486d88);
    text-align: center;
    text-shadow: #000 1px 1px 1px
}
	
.tabg,
.tab_subcat {
    border: 1px solid #99caed;
    background: linear-gradient(#9BCAEA, #0C5E9C)
}
	
.tabo {
    border: 1px solid #A75F09;
    background: linear-gradient(#f48b62, #ca430e)
}
	
.tab_subcat a,
.tab_subcat a:visited {
    color: #016dc3
}
	
.tab_gift {
    width: 197px;
    overflow: hidden;
    padding: 6px 0;
    margin: 6px 2px 10px;
    border-right: 1px solid #3061C2;
    border-bottom: 1px solid #3061C2;
    border-radius: 10px 10px 0 0;
    box-sizing: border-box;
    background: linear-gradient(#018ecb, #016f9f);
    box-shadow: 3px 3px 10px #777;
    text-shadow: #000 1px 1px 1px
}
	
.tab_gift:hover {
    box-shadow: 3px 3px 10px #ccc
}
	
.tab_gift_active {
    background: #f2f8fc;
    box-shadow: 3px 3px 10px #016eaf;
    text-shadow: none
}
	
.tab_gift a {
    color: #fff
}
.tab_gift_active a {
	color:#000
}
	
/* --- VOORPAGINA --- */	
.fp_mobile_logo {
	display:none;
}
.kalender_hl_magazine {
	display:flex;
	align-items: flex-start;
	margin-bottom:20px;	
}

.kalender_cvr{
    border: 1px solid #fff;
    box-shadow: 3px 3px 5px #999;
	margin:10px 25px 0 0;
	min-width:160px;
}
	
	
/* --- INFO PAGINA --- */

#aanbiedingen_kort,
#aanbiedingen_ultra_kort,
#welkomstkado_infopagina {
    margin: 4px 0;
    padding: 4px;
}
	
#welkomstkado_infopagina,
#aanbiedingen_ultra_kort {
}
/* header boven #welkomstkado_infopagina en #aanbiedingen_ultra_kort */
/* LET OP: boven aanbiedingen_ultra_kort als h2, vandaar background transparent en margin-bottom, noodzakelijk om h2 class te overrulen */
.custom_ctr_info_hdr {
	margin-left: 23px;
	padding:10px 0 16px;
    background: transparent;
    margin-bottom:0px;
    font-size:17px;
}
/*
.custom_ctr_info_triangle {
	position:relative;
    height: 1px;
    background: #c0c0c4;
    margin-bottom:15px;
}
.custom_ctr_info_triangle:after {
    content:'';
    position: absolute;
    border-style: solid;
    border-width: 14px 20px 0;
    border-color: #fff transparent;
    display: block;
    width: 0;
    z-index: 1;
    top: 0;
    left: 18px;
}
.custom_ctr_info_triangle:before {
    content:'';
    position: absolute;
    border-style: solid;
    border-width: 14px 20px 0;
    border-color: #c0c0c4 transparent;
    display: block;
    width: 0;
    z-index: 1;
    top: 1px;
    left: 18px;
}
*/
/* prijs info met centen kleiner dan euro's */
.info_ultra_prijs_l {
	font-size:18px;	
}
.info_ultra_prijs_r {
	position: relative;
	font-size: 14px;
	top: -3px;
}
/* meest gekozen aanbieding op info pagina in #aanbiedingen_ultra_kort */
.meest_gekozen {
    background: #016dc3;
    color:#fff;
	text-shadow: #000 1px 1px 1px;
	position:absolute;
	bottom:0;
	right:0;
	border-radius:6px 0 3px 0;
    width:50%;
    text-align:center;
    font-size:13px;
    font-weight:bold;
    text-transform:uppercase;
}
.meest_gekozen_aanbiedingen_box {
	right:auto;
	left:-1px;
	top:-10px;
	bottom:auto;	
	border-radius:6px 6px 6px 0;
}
/* meeste voordeel (proef/vast en cadeau) in #aanbiedingen_ultra_kort */
.meeste_voordeel {
	border-bottom:1px solid #555;
}
/* abotype highlighter in #aanbiedingen_ultra_kort */
.abotype_hl {
	background: #f3c643;
	display:inline-block;
	padding:0 6px; 
	border-radius:4px;
}	
	
#aanbiedingen_kort {
    margin: 4px 0.8%;
    padding: 1px;
	width:98.4%;
}
#aanbiedingen_kort td {
    padding-left: 10px
}
	
#infohdr li {
    margin-bottom: 2px;
    margin-top: 2px
}
	
#welkomstkado_infopagina,
#aanbiedingen_ultra_kort {
    margin-bottom: 10px;
    position: relative
}
#aanbiedingen_ultra_kort {
	margin-bottom: 40px;	
}
	
#infohdr {
    margin: 1px 0 5px;
    padding: 6px;
}
	
#infocover {
    position:relative;
    margin: 0 6px 40px;
    padding: 6px 6px 0;
    font-size: 14px;
    text-align: center;
    color: #0B40AB;
    line-height: 16px;
    box-shadow:0 2px 8px 0 #999;
	border-radius: 6px;
    background: #fff;
    background: linear-gradient(#fff 60%, #e6F3FF 100%)
}
#info_extended {
	padding-bottom:30px;	
}
#infocover_mobile {
	display:none;	
}
.infocover_cover {
	margin-top:34px;	
    box-shadow: 0 6px 5px #999;
	border:1px solid #777;
}
.infocover_cover:hover{	
	border:1px solid #000;
}
	
/* css kortingsbol. standaard: rood*/
.kortingsbol {
    border-radius: 50%;
    height: 75px;
    width: 75px;
    background: radial-gradient(circle at 20px 20px, #df5b67, #cf0619);
    box-shadow: 1px 1px 1px 0 #fff, 4px 4px 6px 0 rgba(64, 80, 96, 1);
    text-align: center;
    display: inline-block;
    color: #fff;
    margin-left: -30px;
    margin-top: -20px
}
	
/* verticaal centreren */
.kortingsbol div {
	padding-top: 20px
}
	
.k_blauw {
    background: #3796dd;
    background: radial-gradient(circle at 20px 20px, #2285ce, #60ade4)
}
.k2_blauw {
    background: #3796dd !important;
}	
	
.k_mblauw {
    background: #0071bc;
    background: radial-gradient(circle at 20px 20px, #0071bc, #54a0d2)
}
.k2_mblauw {
    background: #0071bc !important;
}	

.k_donkerblauw {
    background: #0c5e9c;
    background: radial-gradient(circle at 20px 20px, #0c5e9c, #5b93bc)
}
.k2_donkerblauw {
    background: #0c5e9c !important;
}
	
.k_donkerrood {
    background: #b93030;
    background: radial-gradient(circle at 20px 20px, #b93030, #d07575)
}
.k2_donkerrood {
    background: #b93030 !important;
}
	
.k_donkerroze {
    background: #d3335c;
    background: radial-gradient(circle at 20px 20px, #a12343, #d3335c)
}
.k2_donkerroze {
    background: #d3335c !important;
}
	
.k_oranje {
    background: #e40;
    background: radial-gradient(circle at 20px 20px, #e40, #f48254)
}
.k2_oranje {
    background: #e40 !important;
}
/* default voor nieuwe korting implementatie in rectangle contrast_box  (vervanger voor .kortingsbol) */
.k2_rood {
    background: #cf0619 !important;
}
	
.resetmargin {
    margin: 0
}
/* kortingsbol op cover infopagina */
#korting_info {
	float:right;
	margin-right:30px;
	margin-top:-30px;
}
/* 2021-04-23 rectangle met max. korting */
#korting_info_2 {
	float:right;
	margin-top:4px;
	margin-right:28px;
}
/* eind css kortingsbol */
	
.titlehead {
    font-weight: 700;
    margin: 12px 0
}
	
.titlehead a,
.titlehead a:visited {
    color: #016dc3
}
	
.titlehead a:hover {
    color: #0B40AB
}

#aanbiedingstekst, .titlehead {
	margin-left:28px;
}
/* ook beschikbaar als cadeau tekst */
.cadeau_propositie {
	font-size:17px;	
}
/* grote bestelknop info, shared*/
.bestelknop_infopagina:link,
.bestelknop_infopagina:visited,
.bestelknop_infopagina_2:link,
.bestelknop_infopagina_2:visited {
	display: inline-block;
    border: 1px solid #f47c1f;
    border-radius: 8px;
    color: #fff;
    font: bold 16px Roboto, Helvetica, arial, sans-serif;
    margin: 25px 0 50px;
    padding: 12px 52px;
    text-align: center;
    box-shadow: #999 3px 5px 6px 0;
    text-decoration: none
}

/* a/b: versie 1 */
.bestelknop_infopagina:link,
.bestelknop_infopagina:visited {
    background: #f47c1f;
    background: linear-gradient(#f9a11a, #f47c1f);
    text-shadow: #581f00 1px 1px 1px
}

.bestelknop_infopagina:hover {
    color: #ffd
}

/* a/b: versie 2 */
.bestelknop_infopagina_2:link,
.bestelknop_infopagina_2:visited {
/*    
	border: 1px solid #fff;
*/
    background-color: #f25b0a;
    transition: all .25s linear;
    text-shadow: #000 1px 1px 3px
}

.bestelknop_infopagina_2:hover,
.bestelknop_infopagina_2:focus {
    background: #f66b20;
    border:1px solid #f25b0a;
    box-shadow: #555 3px 5px 6px 0;
}


.geschenk {
    margin-top: 3px;
    margin-right: 5px;
    float: right;
    text-align: center;
    border: 1px dotted #666;
    padding: 5px
}

/* deprecated: overkoepelende table met prijs info voor de hoofdaanbieding links en reviews en externe links rechts */
#info {
    border: 1px solid #60c6ff
}

.aanbiedingen {
    border: 1px solid #60c6ff;
    margin-bottom: 5px;
    background: #fff
}

#opties {
    margin-top: 10px;
    margin-bottom: 1px;
    padding: 10px 10px 10px 20px;
    font-size: 14px;
    background: #DFF0FF
}

#rel_c ul li {
    padding: 0;
    margin: 20px 0;
    font-size: 14px
}

/* oude uitgebreide prijstabel met aanbiedingstekst, sommige classes waarschijnlijk ook elders gebruikt */
.lvprijs,
.lvprijs2,
.paprijs,
.korting {
    font-size: 13px;
    font-weight: 700;
    white-space: nowrap;
    text-align: right
}

.lvprijs {
    text-decoration: line-through
}

.paprijs,
.korting {
    color: #016dc3
}

.paprijs2 {
    color: #06e;
    font-weight: 700
}

	
#act {
    position: absolute;
    bottom: -30px;
    right: 0
}

/* --- CATEGORIE PAGINA --- */

/* filter in menu links  */
#keuzehulp_hdr,
#subcat_hdr,
#prijszoeker_hdr,
#laatst_bekeken {
    font-size:15px;
    font-weight:bold;
	padding: 7px 0 7px 5px;
    letter-spacing:0;
    margin-bottom: 4px;
    text-shadow: #fff 1px 1px 1px, silver 2px 2px 2px
}

#prijszoeker_hdr {
    text-align: center;
    padding-left: 0
}

#filter_type div {
    padding: 1px 0
}
#filter_titel input[type="checkbox"], #filter_type input[type="checkbox"] {
	vertical-align:middle;
	transform: scale(1.2); 
}
.filter_bladtitel_container {
	padding:8px 0;
}
.filter_bladtitel:hover,
.filterabo:hover {
    text-decoration: underline;
    cursor: pointer;
    color: #0090e3
}
label.filterabo:hover {
    color: #0B40AB
}

.tick {
    font-size: 8px;
    position: absolute;
    width: 2.8em;
    margin-left: -1.4em;
    text-align: center;
    left: 0;
    top: 0
}

.ctick:link,
.ctick:visited {
    font-size: 12px;
    color: #333
}

.tickboundary:link,
.tickboundary:visited {
    font-weight: 700
}

.ctick:hover {
    color: #e85500
}
/* --- EIND FILTER --- */

	
/* knop om snel overzicht van de titels te zien op mobile */
#titel_selector_mobile {
	margin-right:5px;
	float:right;
}
#titel_selector_mobile_link {
	box-sizing:border-box;
    margin-top:3px;
}
/* arrow down op de button */
#titel_selector_mobile_link:after {
    content: "\0020\25bc";
}
	
/* 2023-03-25 grid wrapper voor de .top10_box */
#top10_container {
	display:grid;
	grid-template-columns: 25% 25% 25% 25%;
}
	
.top10 {
    box-shadow: 0 8px 12px #bbb          
}
/* top 10 in divs */
.top10_box {
/*
    width: 203px;
    */
    min-height: 100px;
    height:auto;
	text-align: center;
    float: left;
    box-sizing: border-box;
    margin:10px 0 20px;
    padding-bottom:30px;
/*
    border-right:1px solid #fff;
	border-bottom:1px solid #fff;
*/    
	display: flex;
    flex-direction: column;

}
/* 2023-03-25 de .top10_box div display flex om alles netjes horizontaal uit te kunnen lijnen */
#top10_container > div {
}
/* 2023-03-25 cta button aan de onderkant positioneren */
#top10_container > div > :last-child {
    margin-top: auto;
    margin-left:auto;
    margin-right: auto;
}
/* 20px tussen cta button en laatste tekst */
#top10_container > div > :nth-last-child(2) {
    margin-bottom: 20px;
}

/* correctie voor top10 box in jquery tabs: NOG IN PERCENTAGES!!! */
/*
.top10_box_cadeau {
	width: 201px 
}
*/
.top10_box:hover {
	box-shadow: 0 6px 20px #999;
	transition: all .5s ease;
}
.top10_cvr {
    height: 255px;
    position: relative;
    text-align: center;
    margin-bottom:5px;
    
	/*
	transition: all .4s ease;
	*/
}
.top10_cvr:hover {
	/*
    transform: scale(1.10);
	transition: all .4s ease;
	*/
}
	
.top10_cvr img {
	border:1px solid #ccc;
}
	

.top10_naam {
}
.top10_txt {
    padding: 12px 0 0px;
    line-height:22px;
}
.top10_tip {
    position: absolute;
	left: 50%;
	top:80%;
	transform: translate(-50%, -50%);
    width:85%;
    
}     
.top10_flag {
	position:absolute;top:0px;left:5px;
    border:0px !important;
}
/* 2023-11-09 addendum text onder de button. Met negatieve margin om de #top10_container > div > :nth-last-child(2) regel weer op te heffen in dit geval (margin bottom op de laatste tekst) */
.top10_addendum {
    line-height:22px;
    
	margin-top:-20px !important;
}

/* CADEAU INFO */
/* BOX met unique selling points */
.voorwie_container {
	display:grid;
	grid-template-columns: 32.333% 32.333% 32.333%;
	column-gap: 1fr;
}
.voorwie_item {
	font-size:16px;
	display: flex;
/*  	align-items: center; */
  	justify-content: center;
}

/* GEBRUIKT OP VERZAMELPAGINA CADEAU ABONNEMENTEN */
#tabs_cadeau {
	font-family: Roboto, Helvetica, Arial, sans-serif !important;
}

.top10_ul {
	border-top:1px solid #ccc;
	text-align:center;
	list-style-type:none;
	line-height:22px;
	margin-left:auto;
	margin-right:auto;
	padding-left:0;
	padding-right:0;
	padding-top:15px;
}
.cadeau_top10_aanbiedingen {
	height:125px;
	overflow-y:auto;
	-webkit-overflow-scrolling: touch;
}
/* EIND VERZAMELPAGINA CADEAU ABONNEMENTEN */ 

/* sorteer formulier */
#cat_sort {
	padding: 10px 4px;	
}


/* lijst met aanbiedingen per titel op categorie pagina */
.titel_box {
    background: linear-gradient(to right, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 63%, rgba(246, 246, 250, 1) 67%, rgba(255, 255, 255, 1) 100%);
    border: 1px solid #c0c0c4;
    margin-bottom: 30px;
    border-radius: 5px
}
	
.titel_opties {
    float: left;
    width:210px;
}
.titel_kortingbox_main {
	display:inline-block;
	margin:10px 0 0 6px;
	font-size:15px;	
}
.titel_opties >ul {
    margin: 18px 0 18px 5px;
    padding: 0
}
	
.titel_opties >ul >li {
    background: #fff;
    list-style: none;
    padding: 8px 0 8px 8px;
    margin: 0 0 20px;
    border-radius: 5px;
    box-shadow: 6px 6px 5px #999;
    font-size: 14px;
    border: 1px solid #91CDFB;
    background: linear-gradient(#fff 0%, #e6F3FF 100%)
}
	
.titel_opties .kortingbol {
    margin-left: -40px;
    margin-top: -5px
}

.titel_opties a:hover {
    color: #000
}
	
.titel_korting {
    text-align: left;
    margin: 10px 0 0 10px
}
	
.titel_cover {
    float: left;
    width: 100px;
    text-align: center
}
	
.titel_trigger {
    float: left;
    width: 285px;
    padding-right: 20px;
    margin-top: 3px
}

/* ACTIETABEL */
.aanbieding_alle_aanbiedingen {
    padding-left: 105px
}
/* alle aanbiedingen header op categoriepagina's */
.alle_aanbiedingen {
    margin: 1px 0 1px;
    display:inline-block;
}
/* CADEAU MODULE ACTIETABEL */
.cadeau_multiple ul {
	padding-left:20px;
}

/* NIEUWE ACTIELIJST in html_actietabel3() OP BASIS VAN CUSTOM CTR */
	.actielijst_ol {
		margin:25px 5px 0 0px !important;
		padding-left:0px !important;
	}
		
	.actielijst_ol li::before {
		top:18px !important;
		padding:12px !important;
		font-size:15px;
	}
	.actielijst_li {
		padding-top:30px !important;
		margin-bottom:5px;
	}
/* 
2020-02-12 verwijderd wegens DOM optimalisatie, daartoe om alles weer goed horizontaal te alignen met de blauwe li button: 
	padding-top:30px !important; toegevoegd aan actielijst_li 
	margin-top -10px aan actielijst_bestelknop 
	padding-top:12px bij de besparing weggehaald, padding-top:22px toegevoegd in mobile view
	
*/
/*
	.actielijst_aantal_prijs {
		float:left;
		padding-top:12px;
	}
*/
	.actielijst_aantal_prijs:hover {
		text-decoration:underline;	
	}
	.actielijst_bestelknop {
		float:right;
		margin:-10px 0 !important;
	}
	.actielijst_besparing {
		text-align:center;
		float:right;
		padding-right:10px;
	}
	.actielijst_kado {
		clear: both;	
	}
	.actielijst_vw_type {
		clear: both;
		padding-top:15px;
	}
	.actielijst_comments {
		margin-top:5px;
	}
	
	
	
/* EIND NIEUWE ACTIELIJST */


.ah2:link,
.ah2:visited {
    color: #354f63;
    background: linear-gradient(#fff, #dff0ff);
    border-bottom: 1px solid #999;
    display: block;
	font-family: Roboto, Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-weight: 700;
    padding: 12px 6px;
    margin-bottom: 5px;
    text-shadow: #fff 1px 1px 1px, silver 2px 2px 2px
}

.aanbiedingen_overlay {
    z-index: 1;
    position: absolute;
    left: 0;
    margin-left:26px;
    width: 685px;
}
.aanbiedingen_overlay_categorie {
	left:auto;
	right: 10px;
    width: 800px;
}
/* close button op multi aanbieding via ajax */
#aanbiedingen_box_close {
	z-index:10;position:absolute;right:-25px;top:-25px;
}
.titel_besparing {
    display: block;
    margin-top: 10px;
    margin-bottom: 10px
}

.titel_voorwaarden {
    margin: 0 0 10px 107px;
    padding:20px 0 10px;
    clear: both;
    font-size: 14px;
    font-weight:bold;
}



/* van voor prijs tabellen op categorie pagina*/
.info_prijs_l {
	font-size:28px;	
}
.info_prijs_r {
	position: relative;
	font-size: 15px;
	top: -9px;
}

/* covers top 10 en aanbieding in ct2? uitzoeken, wellicht deprecated... */
.aanbieding {
    text-align: center;
	margin: 5px;
    padding: 2px;
    background: #fff;
    box-shadow: 3px 3px 5px #666
}

/* --- ACTIEPAGINA OUD (IFRAME) --- */
.vanzelf {
    padding: 3px;
    margin: 4px 1px 2px;
    background: #ecf6ff;
    margin-bottom: 1px;
    text-align: center;
    border: 1px solid #60c6ff
}
	
#vanzelf {
    padding: 6px 0;
    margin: 0;
    text-align: center;
    font-size: 13px;
    font-weight:bold;
}
	
#aanbiedingen {
    border-top: 1px dotted #000;
    border-bottom: 1px dotted #000
}
	
#aanbiedingen_header {
    display: inline-block;
    font-size: 16px;
    color: #6c6c6c;
	padding: 12px 0 9px 6px
}
	
#aanbiedingen .aanbieding_rij {
    font-size: 13px;
    cursor: pointer;
    padding: 6px 0;
    margin:0;
    border-bottom: 1px dotted #999
}
	
.aanbieding_link,
.aanbieding_link:link {
    display: block;
    padding: 4px 0 4px 2px;
    text-decoration: none
}
	
.aanbieding_link:hover {
    text-decoration: underline
}
	
#aanbiedingen_container {
    margin-left: auto;
    margin-right: auto
}
	
#aanbiedingen_select {
    margin: 0 0 3px;
    padding-left: 0;
    border-radius: 10px 10px 0 0
}

/* --- EIND ACTIEPAGINA OUD --- */


/* --- ACTIEPAGINA IN GEBRUIK (WHITELABEL content buiten forms module om) --- */
#voorwaardenbox, .voorwaarden {
	font-size:15px;
	line-height:22px
}

#recensiebox {
    clear: both;
	line-height:20px;
    height: 140px;
    overflow: auto;
    overflow-x: hidden;
    border: 1px dotted #000;
    background: #c0e3ff;
    line-height: 16px;
	border:1px solid #ccc;
	border-radius:10px;
	padding:20px;
	margin:10px;
}
	
#recensiebox a,
#recensiebox a:visited {
    color: #06e;
    text-decoration: underline
}
	
#recensiebox a:hover {
    color: #e30030
}
	
#recensiebox li {
    padding: 2px
}
	
#recensiebox li.t {
    background: #ecf6ff
}
	
#recensiebox h2 {
    text-decoration: none
}
	
/* --- EIND ACTIEPAGINA IN GEBRUIK --- */

/* --- VOOR- EN ACHTERGRONDKLEUREN --- */


.error,
.roodf {
    color: #e81111
}
	
.msg {
    color: #090
}
	
.zwr,
a.zwr,
a.zwr:visited,
a.zwr:hover {
    color: #333
}

.grs,
a.grs,
a.grs:visited,
a.grs:hover {
    color: #666
}
.dgrs,
a.dgrs,
a.dgrs:visited,
a.dgrs:hover {
    color:#505050;
}

.blauwgrijs {
    color: #354f63
}
.antraciet {
	color:#888;	
}
	
.grijsf {
    color: #999
}
	
.witf {
    color: #fff
}
	
.wit,
.hilite {
    padding: 1px;
    margin-top: 0
}
	
.wit,
.tr1 {
    background: #fff;
    text-shadow: none
}
	
.tr2 {
    background: #e6F3FF
}
	
.hilite {
    background: #c0e3ff
}
	
.hilite a,
.hilite a:visited {
    color: #0060ec
}
	
.hilite a:hover {
    color: #e30030
}
	
.hls,
#win {
    padding: 15px 3px;
    margin: 1px 0;
    background-color: #c0e3ff;
    text-align: center;
    color: #5c5c5c;
    font-size: 15px;
    line-height: 22px
}
	
#win {
    padding: 20px 15px;
    background-color: #fff;
}
	
#win a {
    font-size:15px;
}
	
.zwart {
    background: #000
}
	
.antraciet {
    color: #777
}
	
.lblauw,
.lblauw:link,
.lblauw:visited {
    color: #016dc3
}
	
.lblauw_contrast_box {
    background: #018ecb;
    transition: background .2s linear;
    border:1px solid #014563;
	
}
a .lblauw_contrast_box:hover {
	background:#01619b;
}
	
.blauw {
    color: #06e
}
	
.roze,
.roze:link,
.roze:visited {
	color: #d3335c
}
	
a.roze:hover {
    color: #dd6181
}
	
.roze_contrast_box {
    background: #d3335c;
    border:1px solid #edadbe;
    
}
	
.lblauw_contrast_box,
.roze_contrast_box {
    color: #fff;
    border-radius: 4px;
    padding: 8px;
	box-shadow: 3px 3px 5px #7c7c7c;
    text-shadow: #000 1px 1px 1px
}
	
.dblauw {
    color: #0B40AB
}
	
.grijs {
    padding: 1px;
    margin-top: 0;
    background: #fff;
    line-height: 18px
}
	
.grijs1 {
    padding: 1px;
    margin-top: 0;
    background: linear-gradient(#eaeaf0 0%, #fff 100%)
}
	
.rood {
    padding: 4px;
    font-weight: 400;
    color: #fff;
    background: #b93030;
    border: 1px solid #333
}
	
.oranje,
.oranje:link,
.oranje:visited {
    color: #e85500
}
	
a.oranje:hover {
    color: #000
}

.groen {
    color: #209408
}
.groenb {
	background: #f1feee;
	border:2px solid #249909 !important;
}
	
.emphasis {
    padding: 1px;
    color: #fff;
    font-weight: 700;
    background: #b00
}
	
.st {
    font-weight: 700
}
.nrm {
    font-weight: normal
}
	
.geel {
    padding: 2px;
    margin-top: 0;
    background: linear-gradient(#e6F3FF 0%, #fff 120px)
}
	
.geelr {
    background: linear-gradient(#fff 0%, #e6F3FF 100%)
}
	
.geelb {
    background: #ff9c86
}
	
.rozegradientr {
    background: linear-gradient(#fff 40%, #faeaee 100%)
}
	
.grijsgradientr {
    background: linear-gradient(#fff 40%, #e0e0e9 100%)
}
	
.blauwgrijsgradientr {
    background: linear-gradient(#fff 40%, #e4ebf0 100%)
}
	
.gs {
    padding: 15px 3px;
    margin: 0 0 2px;
	background: #f2f8fc;
	border-bottom:1px solid #d0e6f4;
    margin-bottom: 1px;
	text-align: center;
   color: #606060
}
	
.gs a,
.gs a:visited {
	color: #0170b3;
    font-weight: 700
}
	
.gs2 {
    padding: 10px 3px;
    margin: 0 1px 2px;
    background: #fff;
    margin-bottom: 1px;
    text-align: left;
    border: 1px solid #60c6ff
}
	
.gs2 a,
.gs2 a:visited {
    color: #e85500;
    font-weight: 700
}


/* --- INPUT --- */
:focus {
    outline: none
}
form,
object {
    margin: 0
}
	
input[type="text"] {
    -webkit-appearance: none
}
	
input.input_readonly {
    color: #555;
    font-weight: 700;
    border: 0;
    background: #fff;
}
	
input[type="text"], input[type="search"],
select,
textarea {
    border: 1px inset;
    background-color: #fff;
	border:1px solid #d7e7ff;
	border-bottom:1px solid #016dc3;
    padding: 10px;
    border-radius: 4px;
	font-family: inherit; 
}
input[type="text"]:hover {
    background-color: #fff
}
	
input[type="text"]:focus, textarea:focus {
    background-color: #fff;
	box-shadow:0px 6px 8px 0px #d7e7ff;
	border:1px solid #a6c8ff !important;
	border-bottom:1px solid #016dc3 !important;
	/* rare focus meuk chrome weg */
	outline-width: 0;
}
	
input.button {
	/* ugly ass button styling in ios */
	-webkit-appearance: none;
    background-color: #f25b0a;
    cursor: pointer;
    margin: 20px 0;
    padding: 10px 15px;
    border: 1px solid #fff;
    color: #fff;
    border-radius: 4px;
    box-shadow: #888 2px 4px 15px 0;
    text-shadow: #000 1px 1px 1px;
    text-decoration: none;
    transition: background .2s linear;
    font-size: 16px;
}
	
input.button::-moz-focus-inner {
    padding: 0;
    border: none
}
	
input.button:hover {
    background: #fff;
    color:#CC4D08;
    text-shadow:none;
    border-color:#f25b0a;
}
	
input.bbutton,
input.bbutton2 {
    background-image: none;
    margin-top: 1px;
    padding: 10px;
    font-size: 13px;
    font-weight: 700;
    background: #DFF0FF;
    background: linear-gradient(#fff 0%, #e6F3FF 100%);
    border: 1px solid #016dc3;
    color: #0B40AB;
    cursor: pointer;
    border-radius: 4px
}
	
input.bbutton {
    box-shadow: 6px 6px 5px #999
}
	
input.bbutton2 {
    font-size: 13px;
    font-weight:bold;
}
	
input.bbutton:hover,
input.bbutton2:hover {
    background: #fff
}

/* firefox */
::placeholder {
	color: #999;	
	opacity:1;
}
:hover::placeholder {
	color: #ccc;
	opacity:1;
}

/* fixes voor webkit input */
input::-webkit-input-placeholder {
    color: #999;
}
:hover::-webkit-input-placeholder {
    color: #ccc
}
.review::-webkit-input-placeholder {
    color: #999
}


#laatst_bekeken_vergelijken {
	border:1px solid #a5deff;
}



/* --- MENU ZIJKANT --- */
.menu {
    padding: 0;
    margin: 0 0 20px;
    background: #fff
}
	
.menu a,
.menu a:visited {
    padding: 14px 1px 14px 10px;
    font-size: 14px;
    display: block;
    background: #edf6ff;
    background: linear-gradient(to right, #edf6ff 0%, #fff 20%);
    color: #354f63;
    margin-bottom: 1px;
}
	
.menu a:hover {
    color: #0090e3
}
.ms strong:after {
    content: "\203a";
    position: absolute;
    margin-left: 5px;
    color: #016dc3;
    font-weight: 700
}

#sub {
    background: #f3fcff;
    margin: 0 0 12px 0;
    padding:0;
}
#sub li {
	list-style-type: none;
	margin:0;
	padding:0;
}
#sub a,
#sub a:visited {
    padding-left: 30px;
    color: #354f63;
    background: #fff;
    border:0;
    margin-bottom:0
}
	
#sub a:before {
    content: "\2937";
    position: absolute;
    margin-left: -15px;
    color: #f60;
    font-weight: 700;
}
	
#sub a:hover,
#sub a:active {
    background: #f2f8fc
}
	
#sub a.ms,
#sub a.ms:visited {
    color: #016dc3;
    text-decoration: underline
}
	
#sub a.ms:before {
    content: "\203a";
    font-weight: 700;
    color: #016dc3
}
	
/* --- RECENSIE PAGINA'S UITGEBREID EN KORT --- */
.recensie {
    padding: 5px 0 5px 5px;
    overflow: auto;
}

.recensie p,
.recensie ul,
.recensie ol {
    line-height: 17px
}

h3#recensiehdr,
h3#recensiehdr_frm {
    font-weight:bold;
    padding: 16px 0 16px 5px;
    margin: 2px 0 0
}

div#r_a {
    padding: 4px 10px 23px;
    margin: 10px 0 1px;
    border: 1px dotted #333;
    width: 160px;
    background: #c0e3ff
}

#r_w {
    padding: 12px;
    margin: 0 1px 5px 5px;
    float: right;
    background: #DFF0FF;
    border: 1px solid #60c6ff
}

#r_kar {
    padding-left: 4px
}
	
#welniet {
    float: right;
    clear: both;
    overflow: auto;
    height: 260px;
    width: 170px;
    padding: 5px 0 5px 5px;
    margin: 0;
    background: #DFF0FF;
    border: 1px solid #60c6ff
}

h2#r_t {
    padding-left: 0;
    margin-top: 0;
    border-bottom: 1px solid #999
}
#recensienav,
#recensienav2 {
    font-size: 15px;
    margin: 1px 0;
    padding: 15px 1px 15px 6px;
    text-align: left;
    clear: both;
}

.meningen_nav a,
.meningen_nav a:visited {
	font-size: 14px;
    background: #fff;
    border: 1px solid #ccc;
    padding: 9px 14px;
    border-radius:4px;
    margin: 0 5px;
    text-decoration:none
}

.meningen_nav a:hover {
    border-color: #6dbeff;
    background:#f2f8fc;
}

.meningen_nav_s {
    font-weight:bold;
	font-size: 14px;
    background-color: #c0e3ff;
    color: #000;
    border: 1px solid #6dbeff;
    padding: 9px 14px;
    border-radius:4px;
    margin: 0 5px
}
	
.meningen_nav_d {
    color: #666;
    padding: 9px;
    border-radius:4px;
    margin: 0 5px
}

/* --- SHORTCUTS FONT SIZE, FLOAT EN MARGIN, PADDING ETC --- */
.mobile_ruim {
	padding: 4px 0
}
.np {
    font-size: 10px;
}

.f12 {
    font-size: 12px
}
.f13 {
    font-size: 13px !important
}

.f14 {
    font-size: 14px !important
}

.f15 {
    font-size: 15px
}
.f16 {
    font-size: 16px
}

.f17 {
    font-size: 17px
}
.f18 {
    font-size: 18px
}
.f20 {
    font-size: 20px;
    vertical-align: middle
}
.f22 {
    font-size: 22px;
    vertical-align: middle
}
.f25 {
    font-size: 25px;
    vertical-align: middle
}
.f30 {
    font-size: 30px;
    vertical-align: middle
}
.ml10 {
	margin-left:10px;	
}
.ml12 {
	margin-left:12px;	
}

.mlt15 {
	margin: 15px 0 0 15px;	
}
.pt15 {
	padding-top:15px;	
}
.ptb25 {
	padding:25px 0;
}
.m5505 {
	margin:5px 5px 0
}
.mb0r30 {
	margin-bottom:0;
	margin-right:30px;
}

.lt, .disabled {
    text-decoration: line-through
}
.inactief {
    border: 1px solid #666;
    background: #eee;
    padding: 1px;
    margin-top: 0
}

.talign_c {
    text-align: center
}
.talign_r {
    text-align: right
}
.justify {
    text-align: justify
}

.valign_m {
    vertical-align: middle
}
.valign_sub {
	vertical-align: sub;
}
.valign_ttop {
	vertical-align: text-top;
}
.cr_ptr {
	cursor:pointer;
}
.clear_float {
    clear: both
}

.float_r {
    float: right
}
.float_l {
    float: left
}

	
/* --- FAQ MODULE --- */

#titlebox {
    margin: 0 0 5px;
    height: 140px;
    overflow: auto;
    overflow-x: hidden;
    border: 1px solid #000;
    padding: 5px
}
#service p,
#service ul {
    font-size: 14px;
    line-height: 28px
}

#service h3 {
    font-size: 13px
}

	
/* --- BESTELKNOPPEN ALGEMEEN --- */
	
.bestelknop:link,
.bestelknop:visited {
    width: auto;
    height: auto;
    display: inline-block;
    padding: 6px 9px;
    margin: 20px 0;
    border-radius: 4px;
    box-shadow: #888 4px 4px 15px 0;
    font-size: 14px;
    font-weight: 700;
    text-decoration: none;
    border: 1px solid #444;
    background: #fff;
    letter-spacing: 1px;
    color: #e40
}
	
.bestelknop:hover {
    color: #0B40AB
}
	

/* kleine bestelknop in aanbiedingen tabel */
.bestelknop_klein:link,
.bestelknop_klein:visited {
    display: block;
    padding: 0;
    margin-left: 10px;
    font-size: 12px;
    font-weight:bold;
    width: 88px;
    height: 27px;
    background: url(/images/bestellen_klein.png) no-repeat 0 0;
    color: #0B40AB
}
	
.bestelknop_klein:hover {
    color: #000
}
/* infopagina, lijst ultrakort: minder top en bottom en extra links en rechts padding */
.bestelknop_ultra_kort {
	padding:5px 18px  !important
}
/* bestelknop. default en a/b variant _1 momenteel hetzelfde! */

/* shared default + donker oranje + donker oranje (_2) + grijsblauw (_3) + wit (_4)*/
.bestelknop_klein_oranje:link,
.bestelknop_klein_oranje:visited,
.bestelknop_klein_oranje_2:link,
.bestelknop_klein_oranje_2:visited,
.bestelknop_klein_oranje_3,
.bestelknop_klein_oranje_3:link,
.bestelknop_klein_oranje_3:visited, 
.bestelknop_klein_oranje_4:link,
.bestelknop_klein_oranje_4:visited  {
    display: inline-block;
    margin: 20px 0;
    padding: 10px 15px;
	/*border: 1px solid #fff;*/
    color: #fff;
    border-radius: 4px;
    box-shadow: #888 3px 5px 6px 0;
    text-shadow: #000 1px 1px 1px;
    text-decoration: none;
    /* transition: background .2s linear; */
    font-size: 16px;
}

/* shared default, _2 en _3  : after */
.bestelknop_klein_oranje:after,
.bestelknop_klein_oranje_2:after,
.bestelknop_klein_oranje_3:after{
    content: "\00a0\203a"
}

/* shared default en _2  */
.bestelknop_klein_oranje:link,
.bestelknop_klein_oranje:visited,
.bestelknop_klein_oranje_2:link,
.bestelknop_klein_oranje_2:visited {
    background-color: #f25b0a
}

.bestelknop_klein_oranje:hover,
.bestelknop_klein_oranje:focus,
.bestelknop_klein_oranje:active,
.bestelknop_klein_oranje_2:hover,
.bestelknop_klein_oranje_2:focus,
.bestelknop_klein_oranje_2:active {
    background: #018ecb;
    color:#fff;
	box-shadow: #555 3px 5px 6px 0;

    /*border-color:#f25b0a;*/
}

/* alleen _3: grijsblauw + hover wit */
/* ook zonder :link vanwege span met javascript laadCat() functie */
.bestelknop_klein_oranje_3,
.bestelknop_klein_oranje_3:link,
.bestelknop_klein_oranje_3:visited {
    background: #217abf;  
}

.bestelknop_klein_oranje_3:hover,
.bestelknop_klein_oranje_3:focus,
.bestelknop_klein_oranje_3:active {
    background-color: #f25b0a
}

/* alleen _4: reverse - wit + hover oranje */
.bestelknop_klein_oranje_4:link,
.bestelknop_klein_oranje_4:visited {
    background: #fff;
    color:#016dc3;
	border-color:#aaa;
    text-shadow: none;
    font-weight:bold;

}

.bestelknop_klein_oranje_4:hover,
.bestelknop_klein_oranje_4:focus,
.bestelknop_klein_oranje_4:active {
    background-color: #016dc3;
    color:#fff;

}
	


/* --- NOG SORTEREN / CATEGORISEREN --- */
	
.pic,
.pic_cd,
.pic_cd2 {
    margin: 10px 5px;
    overflow: hidden;
    border: 1px solid #fff;
	width: 80px;
    text-align: center;
    box-shadow: 3px 3px 5px #999
}
	
.pic_cd,
.pic_cd2 {
    position: relative
}

.pic_cd2 {
    margin-top: 10px;
    margin-left: auto;
    margin-right: auto
}

.pic_tr {
    background-image: url(/images/kado-transparant.gif);
    background-repeat: no-repeat;
    position: absolute;
    width: 30px;
    height: 30px;
    bottom: 0;
    right: 0
}

	
.ruil {
    padding: 1px;
    background: #fff;
    margin-top: 4px;
    margin-left: 1px;
    text-align: center
}

#nb p,
#nb ul {
    text-align: left
}

.links,
.warning {
    background: #DFF0FF;
    text-align: right;
    margin-top: 2px;
    padding: 10px 5px;
    color: #333;
    margin-bottom: 12px;
    font-weight: 700;
}

.links a:hover {
    color: #090
}
	
.links ul {
    text-align: left
}


/* lastvisited blokje */
a.b1,
a.b1:visited,
a.b2,
a.b2:visited {
    display: block;
    border-bottom: 1px solid #fff;
    background: #fff;
    padding: 8px 2px 8px 10px
}
a.b1:hover,
a.b2:hover {
    background: #f6f7f8
}

a.ext,
a.ext:visited,
a.ext:hover {
    color: #555
}

#lastvisited {
    height: 120px;
    margin-left: 1px;
    overflow: auto;
    overflow-x: hidden;
    line-height: 20px
}

	
.pijl_wit {
    display: block;
    position: absolute;
    left: -23px;
    margin-top: -30px;
    z-index: 2
}
	
.pijl_oranje {
    display: block;
    position: absolute;
    left: -45px;
    margin-top:-18px
    z-index: 2
}
	
/* EINDE NOG SORTEREN / CATEGORISEREN  */
	
/* --- DEPRECATED --- */

/* --- EIND DEPRECATED --- */


/* --- SOCIAL --- */	
	
.social-icons {
    padding-left: 0;
    list-style: none
}

.social-icons li {
	float:left;
    display: inline-block;
    padding: 0 8px 0 0 !important;
    background-color: transparent !important

}

.social-icons .fa {
    font-size: 22px;
    width: 32px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    color: #FFF;
    color: rgba(255, 255, 255, 0.8);
    transition: all .3s ease-in-out
}

.social-icons.icon-rounded .fa {
    border-radius: 5px
}

.social-icons .fa:hover,
.social-icons .fa:active {
    color: #FFF
}
.social-whatsapp, .social-whatsapp a, .social-whatsapp i {
	display:none;
}
.fa-facebook {
    background: #3b5998
}
.fa-whatsapp {
    background: #25d366
}

.fa-pinterest {
    background: #CC2127
}

.fa-envelope {
    background: #e85500
}

.fa-twitter {
    background: #00aced
}

.fa-google-plus {
    background: #dd4b39
}

.social-icons.icon-zoom .fa:hover,
.social-icons.icon-zoom .fa:active {
    transform: scale(1.05)
}
	


/* --- ARTIKELEN --- */
	
img.float_r {
    margin-left: 10px
}

img.float_l {
    margin-right: 10px
}

/* tiles */
.artikel_blok {
    position: relative;
    width: 33%;
    height: 202px;
    margin: 0 .33% .33% 0;
    overflow: hidden;
    float: left;
    border: 1px solid #444;
    box-sizing: border-box
}

.artikel_blok_300 {
    width: 300px;
    height: 220px;
    border: 1px solid #fff;
    margin: 0 2px 2px 0
}

.artikel_blok_250 {
    width: 252px;
    height: 252px;
}

.artikel_blok_190 {
    width: 19%;
    height: 196px;
    margin: 0 1% 1% 0
}

.artikel_blok img.artikel_afb {
    position: absolute;
    left: 50%;
    top: 50%;
    height: 100%;
    width: auto;
    transform: translate(-50%, -50%);
    transition: all .7s ease;
    max-width: none
}

.artikel_blok img.portrait {
    top: 0;
    left: 0;
    transform: translate(0%, 0%);
    width: 100%;
    height: auto
}

.artikel_blok:hover .artikel_afb {
    transform: translate(-50%, -50%) scale(1.2)
}

.artikel_blok:hover .portrait {
    transform: scale(1.2)
}

.artikel_blok .artikel_titel {
    position: absolute;
    bottom: 2%;
    left: 2%;
    right: 2%;
    width: 86%;
    font-size: 14px;
	line-height:20px;
    border-radius: 8px;
    color: #555;
    background: #fff;
    background: rgba(255, 255, 255, 0.9);
    padding: 5%
}

.artikel_blok .artikel_titel:hover {
    background: rgba(255, 255, 255, 0.65);
    transition: all 1s ease
}

.artikel_blok .artikel_titel a {
    font-size:18px;
	line-height: 25px;
	font-weight:bold;
    letter-spacing: -1px;
    display: block
}

.artikel_blok .artikel_titel a:hover {
    text-decoration: underline
}

/* artikel pagina */
.artikel_tekst {
    width: 624px;
    padding: 0 15px;
    position: relative;
    float: left
}

.artikel_tekst p,
.artikel_tekst ul,
.artikel_tekst ol {
    font-size: 18px !important;
	line-height:32px !important;
}

.artikel_tekst ol li,
.artikel_tekst ul li {
    padding: 10px;
    border-radius: 5px;
    margin-bottom: 2px
}

.artikel_tekst ol li:nth-child(odd),
.artikel_tekst ul li:nth-child(odd) {
    background-color: #eee
}

.artikel_tekst ol li:nth-child(even),
.artikel_tekst ul li:nth-child(even) {
    background-color: #fff
}

.artikel_tekst h2 {
    font-size: 18px !important;
	line-height: 30px !important;
	font-weight:normal;
}

.artikel_tekst h3 {
    font-size: 17px !important;
	line-height: 30px !important;
    color: #e85500
}

.rel_artikel_container {
    overflow: hidden;
    padding-left: 45px;
    padding-top: 15px
}

.rel_bladen_container {
    overflow: hidden;
    padding-left: 15px;
    padding-top: 15px
}

/* artikel categorie pagina */
.artikel_categorie_container {
    padding: 20px 55px
}

.artikel_categorie_heading,
.artikel_categorie_heading p {
    margin: 0 auto;
    padding: 15px 5% 10px;
    text-align: center;
    font-size: 17px
}

.artikel_abstr_container {
    vertical-align: top;
    width: 33%;
    display: inline-block
}
.artikel_blok2 {
	width: 100%
}
	
/* --- VLAGGEN OP CATEGORIE EN INFO PAGINA'S --- */

/* https://www.flag-sprites.com/en_US/ */
.flag {
    display: inline-block;
    width: 32px;
    height: 32px;
    background: url('/images/flags.png') no-repeat;
}


.flag.flag-es {
    background-position: 0 -32px;
}

.flag.flag-au {
    background-position: 0 0;
}

.flag.flag-gb {
    background-position: -32px -32px;
}

.flag.flag-be {
    background-position: -32px 0;
}

.flag.flag-us {
    background-position: 0 -64px;
}

.flag.flag-nl {
    background-position: -64px -32px;
}

.flag.flag-de {
    background-position: -64px 0;
}
/* klein */
.flag_small {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url('/images/flags_small.png') no-repeat;
}


.flag_small.flag-es {
    background-position: 0 -16px;
}

.flag_small.flag-au {
    background-position: 0 0;
}

.flag_small.flag-gb {
    background-position: -16px -16px;
}

.flag_small.flag-be {
    background-position: -16px 0;
}

.flag_small.flag-us {
    background-position: 0 -32px;
}

.flag_small.flag-nl {
    background-position: -32px -16px;
}

.flag_small.flag-de {
    background-position: -32px 0;
}


/* --- SORTEERBARE TABELLEN --- */
.sortable th {
    cursor: pointer
}

.sortable th:not(.sorttable_sorted):not(.sorttable_sorted_reverse):not(.sorttable_nosort):after {
    content: " \25B4\25BE"
}

.sortable td + td {
    border-left: 1px solid #60c6ff;
    border-top: 1px solid #60c6ff
}

.sortable tbody tr:nth-child(2n) td {
    background: #fff
}

.sortable tbody tr:nth-child(2n+1) td {
    background: #e6F3FF
}
/* --- EIND SORTEERBARE TABELLEN --- */
	
/* --- LIJNTJESPAPIER IN UL, GEBRUIKT OP VOORPAGINA EN IN CADEAU MODULE (SINTERKLAAS GEDICHTEN) --- */
.lijntjespapier {
	font-family:"Gloria Hallelujah", Roboto, Helvetica, Arial, sans-serif;
	list-style: none;
	position: relative;
	margin: auto;
	border: 1px solid #f5f5f5;
	padding: 20px 0;
	background-color: #FBFBFB;
	box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.5),
		    0 4px 3px -2px rgba(0,0,0,.1),
		    0 1px 1px 0 rgba(0,0,0,.2);
	text-shadow: 0 1px 0 #fff;
}
.lijntjespapier:before, .lijntjespapier:after {
	content: '';
	position: absolute;
	left: 2px;
	top: 3px;
	background-color: #F9F9F9;
	border: 1px solid #f5f5f5;
	width: 99%;
	height: 100%;
	z-index: -1;
	box-shadow: 0 7px 1px -3px rgba(0,0,0,.1),
	    0 1px 1px 0 rgba(0,0,0,.2);
	transform: rotate(2.5deg) ;
}
.lijntjespapier:after {
	top: 4px;
	transform: rotate(-1deg) ;
}
.lijntjespapier li {
	border-bottom: 1px solid rgba(205,220,243,1);
	padding: 8px 10px 2px 42px;
}
.lijntjespapier li:first-of-type:after {
	content: '';
	position: absolute;
	left: 35px;
	top: -1px;
	border-left: 1px solid rgba(240,214,213,1);
	border-right: 1px solid rgba(240,214,213,1);
	width: 1px;
	height: 100%;
}
/* EIND LIJNTJESPAPIER */
	
/* --- CUSTOM COUNTER OP ORDERED LIST, O.A. GEBRUIKT OP INFOPAGINA EN CATEGORIE PAGINA --- */
	
/* ordered list met mooi gestylde items */
.custom-ctr {
	list-style-type: none;
	counter-reset:li;
	margin:0 20px 0 37px; 
	padding-left:25px;
}
.custom-ctr li {
	position:relative; 
	padding:21px 12px 36px; 
	list-style:none; 
	border:2px solid #d0d0d4;
	border-radius:6px;
	margin-bottom:10px !important;
}
.custom-ctr li:hover {
	background:#f2f8fc;	
	border:2px solid #94c6e6;
}
.custom-ctr li a {
	text-decoration:none;	
}
.custom-ctr li::before {
	content:counter(li);
	counter-increment:li;
	position:absolute;
	top:-2px;
	left:-2.75em;
	box-sizing:border-box;
	width:2.5em;
	height:2.3em;
	padding:8px;
	color:#fff;
	background:#0090e3;
	font-size:20px;
	font-weight:bold;
	text-align:center;
	border-radius: 6px
}
.custom-ctr li:hover::before {
	background:#18a8fe	
}
/* EINDE CUSTOM COUNTER */
	
/* --- REVIEWS EN RATINGS: T.B.V. CIJFER OP INFOPAGINA EN OP DE RECENSIEPAGINA'S --- */
.review_ratings {
    position: relative;
    vertical-align: middle;
    display: inline-block;
    color: #ccc;
    overflow: hidden;
    line-height:100%;
    
}
.review_full-stars {
    position: absolute;
    left: 0;
    top: 0;
    white-space: nowrap;
    overflow: hidden;
	color: #f25b0a;
}
.review_empty-stars:before, .review_full-stars:before {
    content:"\272A \272A \272A \272A \272A";
    
}
#review_long-review, .review_input {
	width:410px;	
}

/* --- EINDE REVIEWS --- */
	
	
/* --- BEGIN RESPONSIVE --- */	

	/* target: desktop >= 1250px : 136px extra*/
	@media only screen and (min-width:1250px) {
	
		#proefabonnementen-body, #lg {
		    width: 1160px;
		}
		#zl_txt {
		    width: 848px;
		}
	
		#l {
			width: 227px;
		}
		#m_top {
		    width: 924px;
		}
		#m {
		    width: 724px;
		}
		#r {
			width: 195px;
		}
		#tnav {	
			width:1151px
		}
		#tnav UL {
	    	width:1150px;
	 	}
		#breadcrumbs {
			left: 234px
		}
		.left210 {
			left:234px !important;	
		}
		/* categorie */
		.filter_bladtitel_container {
			font-size:14px !important;	
		}
		/*
		.top10_box {
		    width: 231px;
		}
		*/
		/*
		.top10_box_cadeau {
		    width: 229px;
		}
		*/
		.titel_box {
	    	background: linear-gradient(to right, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 490px, rgba(240, 240, 244, 1) 525px, rgba(255, 255, 255, 1) 100%);
	 	}   
		.titel_trigger {
			width: 385px;
		}
		.aanbiedingen_overlay_categorie {
			width: 912px;
		}
	
		/* artikelen */
		.artikel_tekst {
		    width: 724px;
		    padding: 0 33px;
		}
		#review_long-review, .review_input {
			width:510px;	
		}
		
	}
	
	
	/* target: smartphones in landscape, tablets in portrait stand - 2023-11: van 768 naar 834 wegens 11'' ipad en nieuwe ipad air */
	@media only screen and (max-width:834px) {
		/* 2023-04-01: alleen als wrapper voor mobiel menu mmenu, geen hoogte, padding, margin etc. op zetten (dat kan op #proefabonnementen-body */
	    #bgtop {
		}   
		#home {
	        width: 100%;
            height: auto;
            display:none;
	    }
	    #proefabonnementen-body {
	        width: 100%;
	        margin-top:0;
	    }
	    #lg {
			/* top:10px; */
			/* 2023-11: geen logo meer op responsive, dus 10px kan naar 0 */
			top:0px;
		    width: 99%;
	        box-shadow: none
	    }
	    #lg_hometab {
			/*
	        width: 100%;
	        box-shadow: none;
	        border-bottom: 0;
	        */
	        display:none;
	        
	    }
	    #logo {
			margin-top: 0;
		    /* vieze hack totdat nieuw logo er is: 5px van het logo afhalen en daarna 5px naar links om goed uit te lijnen met breadcrumbs en h1. nieuwe logo mee op letten dat dit niet meer hoef (transparant of goed uitsnijden) */
			/*
			clip-path: inset(0 0 0 5px);
		    margin-left:-5px;
		    */
		}
	
		#c {
			/*margin-top: 45px*/
			/* 2023-11: geen logo meer op responsive, dus  kan op 0 */
			margin-top: 0;
	    }
		/* mobiel menu wrapper voor mmenu.js */
		#mobilemenu{
			display: flex;
			background: #dff0ff;
			position: sticky;
		}

		/* items in mobile menu (flex) */
	    mm-burger {
			flex-shrink: 0;
		}
		#home_mobile {
			flex-shrink: 0;
			flex: 0 0 41px; max-width: 41px;
			margin-top:0px;
			margin-right:8px 
		}
		#logo_mobile {
			border:0;
		}
		#mobile_zoek {
			display:flex;
			width:100%;
			height:44px;
		}
		#mobile_zl_txt {
			font-family: Roboto, Helvetica, Arial, sans-serif;
			flex:1 1 auto; max-width:100%;
	    	font-size:16px;
			font-weight: bold;
	        margin-top: 0px;
	    	padding: 6px 38px 6px 10px;
    		border: 1px solid #217abf;
    		border-top:0px;
    		border-left:0px;
    		border-radius: 0;
    		color: #015689;
    		background: #f6f6f6;
	        
	        box-shadow: none;

	    }
	    #mobile_zl_btn {
			
			position: absolute;
  			right: 50px;
			flex: 0 0 50px; max-width: 50px;
	        margin-top: 8px;
	    }
	    /* eind items mobile menu (flex) */


		/* MMENU */
		/* het mobiele menu gegeneerd door mmenu zichtbaar maken en font-size instellen*/
		.mm-menu {
			font-size:16px;	
			display:block;	
			
		}
		#mm-clone-main-menu {
			display:block;	
		}
		/* mobiel menu verbergen tot helemaal gegeneerd (afgehandeld door mmenu) */
		#main-menu:not(.mm-menu) {
        	display: none;
    	}		
		/* styling top bar en items mmenu */
		.mm-navbar {
		    --mm-color-background: #444;
		    --mm-color-text-dimmed: #fff;
		    --mm-color-icon: #fff;
		    --mm-navbar-size: 44px;
		}
		.mm-panel {
			--mm-color-background: #dff0ff;
		    --mm-color-text: #222;
		    --mm-color-icon: #016dc3;
		}		
		.mm-listview li:hover {
		    background: #217abf;
		    --mm-color-background-emphasis: #7aafd9;
			--mm-color-text:#fff;
		    --mm-color-icon: #fff;
		}
		
		/* standaard top navigatie verbergen, wordt vervangen/gekloond door mmenu */
		#main-menu{
			display: none
		}       
		
		/* EIND MMENU */
		/* mega menu */
		menu-mob-mega {
			display:block
		}
		.menu-mob-mega li {
			border-left: none;
		}
		.menu-mob-mega-empty {
			display:none !important;	
		}
	    .menu-mob-mega a:before {
 		   content: "";
		}

		.menu-mob-mega-cat:before {
			color: #016dc3 !important;
		}

		a.menu-mob-mega-cat_Selected, a.menu-mob-mega-cat_Selected:visited {
			text-decoration: none !important;
		}

		.menu-mob-mega-mag {
    		color: inherit !important;
    		font-weight:normal
		}
		.menu-mob-mega-mag:hover {
			color: inherit !important;
		}
		.menu-mob-mega-cat {
    		color: #555 !important;
		}
		.menu-mob-mega-cat:hover, .menu-mob-mega-cat:hover:before {
			color: inherit !important;
		}

		/* end mega menu */

		.hometnr {
			text-shadow:none;
			color:#000;
			background:none;	
			border:0;
			display:inline;
			font-weight:bold;
		}
		#l,
	    #r {
	        display: none
	    }
	    #m {
	        width: 100%;
	        margin-top: 0;
	        padding-top: 0
	    }
		#m_top {
	    	width:100%;
			padding: 0;
		    margin-top:0;
	 	}   
	    #s {
	        display: none
	    }
	    #usp {
	        top: -7px;
	        display:block;
	    }
		#zl {
	        display: none
	    }
	    #zt {
	        display: none
	    }
		#sr {display:none}
		#sr1 {
			position: absolute;
			top:45px;
			left:0px;
			width:100%;
			/*width: calc(100% - 45px);*/
		}
		#breadcrumbs {
	        position: relative;
	        top: 0;
	        left: 10px;
	        width: 95%;
	        padding: 15px 0 15px 2px !important;
	    }
		.left210 {
			left:10px !important;	
		}
		h1 {
			margin-left:7px;
	    	line-height: 20px
		}
		h2 {
		    padding: 10px 5px;
		}
		#itxt, .itxt {
		    margin: 0 0 0 12px 
		}

		.topxx {
		    padding:0px 5px;
		    background:none;
		    font-size:16px;
		    margin-left:7px;
		    font-weight:normal;
			
		}
		#bar {
	        line-height: 24px
	    }
	    #alfabet,
	    #prijsklassen,
	    #keuzehulp_notifier {
	        display: none
	    }
	    #actframe {
	        width: 100%
	    }
	
		/* voorpagina */
		.fp_mobile_logo {
			display:block;
		}
	
		/* categorie pagina */
		#top10_container {
			grid-template-columns: 33% 33% 33%
		}

		/*
		.top10_box, .top10_box_cadeau {
	    	width: 33.33%;
	    	border:0 !important;
	 	}	   
		*/
		.titel_wrapper {
	        width: 100%;
	        display: table
	    }
	    .titel_cover {
	        display: table-cell;
	        width: 100px;
	        float: none
	    }
	    .titel_trigger {
	        display: table-cell;
	        width: auto;
	        float: none;
	        vertical-align: top;
	        padding-right: 5px
	    }
	    .titel_box {
	        background: none;
	        width: 100%
	    }
	    .titel_opties {
			width:98%;	
		}
	    .titel_opties >ul >li {
			padding: 12px 0 12px 8px;	
		}
		.titel_opties a {
    		font-weight: 700;
    		font-size:15px;
		}
		.cadeau_multiple ul  {
			
		}
		img.kortingbol,
	    .kortingsbol, #korting_info, #korting_info_2, .titel_kortingbox_main {
	        display: none
	    }
	    
	    /* OUDE ACTIETABEL,DEPRECATED (CHECK!!!) */
	    
	    /*
		.aanbieding_rijnummer {
	        width: 10px
	    }
	    .aanbieding_aantal_prijs {
	    }
	    */
		.actietabel_kado {
	        margin: 20px 0;
	        padding:0 0 15px;
	    }
	    .actietabel_kado groen {
			padding:0 0 15px;
		}

		/* NIEUWE ACTIELIJST */
	    .aanbieding_alle_aanbiedingen {
	        padding-left: 5px
	    }

		.actielijst_ol {
			padding-left:45px !important;
		}
		.actielijst_besparing {
			clear:both;	
			padding-right:0;
			padding-top:22px;
			width:112px;
		}
		/* info pagina */
	    #infohdr {
			margin-left:7px;
		}
		#infocover_mobile { 
			display:block;
			float:right;
			margin-left:15px;
		}
	    .infocover_cover {
			margin-top:0;	
		}
		.infocover_editie { 
			border-left:1px solid #ccc;
			padding-left:10px;
			max-width:118px;
		}
		
		/* stylen aantal aanbiedingen link infopagina, direct onder de titel */
		#info_aantal_aanbiedingen_link {
			background:#217abf;
		    transition: background .2s linear;
		    color: #fff;
	    	border-radius: 8px;
	    	padding: 8px 12px;
	    	border:1px solid #016591;
		    box-shadow: #999 3px 5px 6px 0;
			display:inline-block;
		}
		#info_aantal_aanbiedingen_link:after {
			content:' \25BE';
		}
		a #info_aantal_aanbiedingen_link:hover {
		    background: #018ecb;
		}
		.titlehead a:hover {
		    text-decoration:none
		}
		/* eind aantal aanbiedingen link op mobiel */
		
		/* ook beschikbaar als cadeau tekst */
		.cadeau_propositie {
			font-size:18px;	
		}

		/* font op main bestelknop groter */
		.bestelknop_infopagina:link,
		.bestelknop_infopagina:visited,
		.bestelknop_infopagina_2:link,
		.bestelknop_infopagina_2:visited {
			font-size:19px;	
		    padding: 12px 24px;

		}
	
		/* lijst met aanbiedingen ultra_kort */
		#title_logo_mobile {
			margin-top:10px;
			display:block
		}



		#aanbiedingen_kort,
		#aanbiedingen_ultra_kort,
		#welkomstkado_infopagina {
			margin:0;
			padding:0;	
		}

		
		
		.custom_ctr_info_hdr {
			margin-left:0px;
		}
		/*
		.custom_ctr_info_triangle {
			display:none
		}
		*/
		.custom-ctr {
			margin-right:0;
			margin-left:17px;
		}
		/* font 2px groter, bold en nog meer padding*/
        .bestelknop_ultra_kort {
			font-size:18px !important;
			font-weight:700;
			padding:8px 18px !important
		}

		/* einde lijst met aanbiedingen ultra_kort */
	
		#externe_links {
	        display: none
	    }
	    .mobile_ruim {
	        padding: 16px 0
	    }
		.intro,
		.infotekst {
		    font-size: 16px;
		}
		.dropcaps:first-letter {
		    font: 60px Georgia, times, serif;
		    line-height: 0.75em;
		}
	
		#vanzelf {
			font-size:15px;
			line-height:20px;
			padding:14px 5px;	
		}
		/* selecteer titel op mobiele pagina's */
		#titel_selector_mobile {
			display:block;
			float:none;
			width:100%;
			margin-left:0;
		}
		#titel_selector_mobile_link {
			width:100%;	
			margin:0px .5% 10px;	
			font-size:17px;
		}
		#titel_selector_mobile_link:after {
			position:absolute;
	    	right:16px;
		}
		.aanbiedingen_overlay {
			width:99%;margin:0 .5%;	
		}
		.aanbiedingen_overlay_categorie {
			right: 0;
		}
	
		
		#aanbiedingen_box_close {
			right:2px;top:2px;
		}
	
		/* actiepagina */
		#actframe {
		    padding: 0;
		    margin: 0 auto;
		    display: block
		}
	
	    #aanbiedingen .aanbieding_rij {
	        padding: 5px 0
	    }
		/* artikelen */
	    
		.artikel_blok {
	        width: 33%;
	        margin-left: .33%;
	        margin-right: 0
	    }
	    .artikel_abstr_container {
	        width: 32%;
	        margin-left: .5%
	    }
	    .artikel_blok2 {
	        width: 100%
	    }
		/* artikel pagina */
	
	    .artikel_tekst {
	        width: 98%;
	        padding: 0 ;
	    }
	    .rel_artikel_container {
	        overflow: visible;
	        display: inline-block;
	        width: 100%;
	        padding-left: 0
	    }
	    .rel_bladen_container {
	        padding-left: 0
	    }
		/* artikel categorie pagina */
	    .artikel_categorie_container {
	        padding: 0
	    }
		.social-whatsapp, .social-whatsapp a, .social-whatsapp i {
			display:inline-block;
		}
	}
	
	
	@media only screen and (max-width:599px) {
	/* target: smartphones */
		#usp {
	        display: none
	    }
		h1, #titlebar {
	        font-size:16px
		}
		h2, .topxx {
			font-size: 16px;
			line-height:24px;
		}

		#breadcrumbs {
	        font-size:17px !important;
	        line-height:18px;
	        
	    }

	    /* live zoekresultaten  */
		.searchrow, .searchrow:visited {
		    font-size: 17px !important;
		}

		/* voorpagina */
		.kalender_cvr{	    
			min-width:80px;
		}
		/* categorie pagina's */
		/* NIEUWE ACTIELIJST in html_actietabel3() OP BASIS VAN CUSTOM CTR */			 
		.actielijst_bestelknop {
			margin-top:5px !important;	
		}
		
		/* info pagina */
		#info_extended {
	        display: none
	    }
		
	    .infocover_cover {
			margin-bottom:5px;	
		}
		#aanbiedingstekst,
		#welkomstkado_infopagina,
		#aanbiedingen_ultra_kort{
			width:100%;      
			
		}
		.titlehead {
			margin: 0 0 12px !important;
			line-height:20px;
		}
		#aanbiedingstekst, .titlehead {
			margin-left:0px	
		}
		#btns {
			white-space:normal;
		}
		/* actiepagina */
		
		#voorwaardenbox, .voorwaarden {
			font-size:17px;
			line-height:25px
		}

		/* zoekbox */
		#mobile_zl_txt {
	    }
	    /* kort vorige en volgende labels in in naviagtie op smalle schermen */
		.meningen_nav_large {
			display:none;	
		}
	}
	
	@media only screen and (max-width:499px) {
		/* target: smartphones */
	    
		/* info pagina */
	    .infocover_cover {
			max-width:128px;
		}
		.meest_gekozen {
		    width:100%;
		}
		
		
		/* categorie pagina */
		#top10 {display:none} /* oude top10, kan weg zodra mannen categorie omgebakken van table naar div */
		
		#top10_container {
			grid-template-columns: 50% 50%
		}
		
		/*
		.top10_box, .top10_box_cadeau {
	    	width: 50%;
	 	}	   
	 	*/
	
		/* cadeau info */
		.voorwie_container {
			display:block;
			text-align: left;
		}

		.voorwie_item {
			font-size:17px;
			line-height:21px;
		}

		
		/* artikelen */
	    .artikel_blok {
	        width: 49%;
	        margin-left: 1%
	    }
	    .artikel_abstr_container {
	        width: 49%;
	        margin-left: .5%
	    }
		/* hier expliciet nog een keer */
	
	    .artikel_blok2 {
	        width: 100%
	    }
	}
	
	/* oude devices, mobiel zoek form terug op 70% - nog uitvinden waarom*/
	@media only screen and (max-width:359px) {
	
		/* target: smartphones 320px */
	    #lg {
		    background: #fff;
	    }
	    #home img {
			/*width: 280px*/
	    }
		#mobile_zoek {
			width:70%;
		}
	    
		
		#mobile_zl_txt {

		}

		/* categorie pagina */
		/*
		.top10_box, .top10_box_cadeau {
	    	width: 100%;
	 	}	   
		*/
		/* artikelen */
	    .artikel_blok,
	    .artikel_abstr_container {
	        width: 100%
	    }
	}
	
/* --- EINDE RESPONSIVE --- */	
	
/* --- START PLUGINS --- */

/* 2020-10-02: mmenu en mhead css verplaatst naar externe file die met loadCss (rel=preload) ingeladen wordt met fallback voor oudere browsers en Firefox die dit niet standaard ondersteunen.

/* --- EIND PLUGINS --- */