/* Responsive menu balk */
.resMenubalk            {display: none; height:59px; padding: 0; position: relative; top: 0; width: 100%; z-index: 100;}
.resMenubalkinhoud {background: #4bace0 url("images/res_logo.png") no-repeat scroll center top 1px; top: 0; left: 0; right: 0; padding: 10px 15px 10px 10px; z-index: 50; position: fixed; background-size: 120px; line-height: 1em;}
.resMenubalkinhoud a    {display: inline-block; text-decoration: none; position: relative; padding:5px; font-size: 27px; color: #fff;}
.resMenubalkinhoud img  {width: 28px; height: 28px;}
.resMenubalkinhoud .resMenucategorienaam  {color: #ffffff; cursor: pointer; display: inline-block; font-size: 18px; font-weight: bold; margin: 0 0 0 10px; position: relative; text-decoration: none; top: -6px;}
.resMenubalkinhoud .resMenustandaardmenu,
.resMenubalkinhoud .resMenuwinkelmandje,
.resMenubalkinhoud .resMenuZoekenKnop {float: right;}
.resMenubalkinhoud .resZoeken         {display:block; max-height:0; overflow:hidden; padding:0; transition: all .3s ease;}
.resMenubalkinhoud .resZoeken.open    {max-height: 60px; padding-top: 5px; padding-bottom: 5px;}
.resMenubalkinhoud #resZoekveld {
	border: 1px solid #ccc;
	border-radius: 5px;
	box-shadow: none;
	font-size: 14px;
	font-style: italic;
	margin: 0 auto;
	display: block;
	padding: 8px 10px;
	transition: all 0.3s ease 0s;
	text-align: center;
	width: calc(100% - 30px);
}

/* Responsive menu balk holder */
.resMenuHolder  {
	background: #eee;
	box-shadow: 10px 0 10px 0 rgba(0, 0, 0, 0.2);
	height: auto;
	left: -110%;
	padding: 0px;
	position: absolute;
	top: 58px;
	transition: all .3s ease;
	width: 100%;
	z-index: 22;
	overflow-y: scroll;
}
.resMenuHolder.open     {left: 0%;}

.resMenubloktitel 	{
	background: #3b9cd0;
	box-shadow: 0 -2px 5px rgba(0, 0, 0, 0.1) inset;
	color: #fff;
	display: block;
	font-size: 12px;
	font-weight: normal;
	text-transform: uppercase;
	padding: 7px 20px;}
.resMenublok:first-child .resMenubloktitel {border-top: 0;}

.resMenublokinhoud 	ul	                   {padding: 0; margin: 0;}
.resMenublokinhoud .resMenuItem            {list-style-type: none; position: relative;}
.resMenublokinhoud .resMenuItem a          {border-bottom: 1px solid #dbdbdb; display: block; padding: 8px 20px; font-weight:bold; text-decoration: none; width: calc(100% - 40px); color: #333; font-size: 14px; transition: background-color .3s ease; }
.resMenublokinhoud .resMenuItem.active > a {background-color:#4bace0; color:#fff;}
.resMenublokinhoud .resMenuItem #respVerlangLijstCode {width: 100%; padding: 10px 0px; text-indent: 20px; font-style:italic; border-radius: 0px; font-size: 14px; border: 0; color: #000; border-bottom: 1px solid #dbdbdb; background: #fff; box-shadow: none; height: auto; margin:0;}

/* Submenus */
.resMenuItem .laag1 a {padding-left:35px;}
.resMenuItem .laag2 a {padding-left:50px;}
.resMenuItem .laag3 a {padding-left:65px;}

.resMenuwinkelmandje #reswinkelMandjeAantal {background: #ff0000; border-radius: 50%; color: #fff; font-size: 12px; height: 20px; line-height: 1.6em; position: absolute; right: -7px; text-align: center; top: -3px; width: 20px;font-weight: bold;} 
#aantal {background: #4bace0; border-radius: 10px; display: inline-block; line-height: 15px; margin-left: 5px; color:#fff; padding: 3px 7px; text-align: center; }
.openklapper            {width: 43px; height: 43px; right: 0; top: 0; background: #404040; position: absolute; background: url("images/res_plus.svg") no-repeat scroll center center / 50% auto #e1e1e1;}
.openklapper.open       {background: url("images/res_min.svg") no-repeat scroll center center / 50% auto #e1e1e1;}
.resMenuItemHolder      {max-height: 0px; overflow: hidden; transition: .6s all ease; }
.resMenuItemHolder.open {max-height: 1000px;}


/* Responsive knop */
.responsiveButton         {position:relative; height:26px; width:26px; display:inline-block; background: no-repeat center center transparent; background-size: cover; margin:5px 15px; padding:0; }
.responsiveButton .badge  {border-radius:30px; padding:4px 6px; font-size:12px; background:#0096D8; text-align:center; line-height:1em;position:absolute; right:-10px; top:-4px; font-weight:bold;}
a.responsiveButton        {text-decoration:none; color:#fff; text-align:center;}
#resonsiveBel             {background-image:url("images/responsive/telefoon.png");}
#resonsiveFavorieten      {background-image:url("images/responsive/ster.png");}
#resonsiveWinkelmandje    {background-image:url("images/responsive/winkelwagen.png");}
#resonsiveZoeken          {background-image:url("images/responsive/zoeken.png");}


/* Responsive catgorieen */
.resCategorieen {display: none; overflow: auto;line-height: 1;-webkit-overflow-scrolling: touch;}
.resCategorieen ul {list-style: none; margin: 0; padding: 0; white-space: nowrap;}
.resCategorieen ul li {display: inline-block; margin-right: 10px;}
.resCategorieen ul li a {display: block; padding: 10px; border: 2px solid #eee; border-radius: 3px; text-decoration: none; color: inherit; min-width: 60px; text-align: center;}
.resCategorieen ul li.actief a {background: #eee; border-color: #ddd; color: #000; font-weight: bold;}



/******************/
/* 15 inch versie */
/******************/
@media screen and (max-width: 1200px) { 
	.resMenubalk, .resCategorieen {display: block;}
		
	.art-Sheet, .bovenkant, .menuLaag2 .art-nav, .pageFooterHolder .pageFooter, .pageFooterKnoppenHolder .pageFooterKnoppen, .SubfooterHolder, .accountHouder2, .usps, .inhoud {max-width: 550px;}
	.art-Post .FCK2kolTdS, .art-Post .FCK3kolTdS {display:none;}

		/* Elementen verwijderen */
		.art-nav, 
		.aLandingMenu, 
		.account, 
		.socialMedia, 
		.art-sidebar1, 
		.knoppenRechts, 
		.footerTable .tussen, 
		.winkelwagenHouder, 
		.bovenkant .zoeken, 
		.ccRechts, 
		.ccLinks, 
		.usps,
		.shopSortMaxPageC,
		.shopSortMaxPageA
		{display:none !important;}
	
    .art-Sheet, .bovenkant, .menuLaag2 .art-nav, .pageFooterHolder .pageFooter, .pageFooterKnoppenHolder .pageFooterKnoppen, .SubfooterHolder, .accountHouder2, .usps, .inhoud {max-width: 1000px;}
    .usps > div {margin: 0 6px;}
    .header_img {top: -300px;}
    a.logo {display: block; margin: 0 auto; position: relative; top: 30px; left: 0px;}
    .bovenkant .art-nav {top: 110px;}
    a.logo img {width: 70%;}
    .HeaderHolder {height: 220px;}
}


/******************/
/* iPad versie    */
/******************/
@media screen and (max-width: 1000px) { 
    .art-Sheet, .bovenkant, .menuLaag2 .art-nav, .pageFooterHolder .pageFooter, .pageFooterKnoppenHolder .pageFooterKnoppen, .SubfooterHolder, .accountHouder2, .usps, .inhoud {max-width: 760px;}
    .FCK2kolTd      {float: none; width: 100%; display: block;}
    .FCK2kolTdS     {display: none !important;}
    .usps {max-width: 760px; padding: 5px 0;}
    .usps > div:nth-child(3) {display: none; }
    .ccRechts {display: none;}

    .art-contentLayout .art-sidebar2 .art-Block {padding: 0;}

    /* Shop */
    .shopCategorieHolder .categorie 		{width:33.3%;}
	.shopTegel .artikel 					{width:33.3%;}
	.shopTegel .artikel:nth-of-type(4n+1)	{clear:none;}
	.shopTegel .artikel:nth-of-type(3n+1) 	{clear:both;}


/* Orderproces aanpassingen */
.kassaArtikelen th,
.kassaArtikel .regelStuk                      {display: none;}
.pdfKnop                                      {float: unset; margin-bottom: 15px;}
.stap .totalen                                {width: 100%; float: unset; padding: 15px;}
.stap .totalen .stap1Totalen, 
.stap .totalen .totaalCadeaubon               {width: 100%; float: unset; padding: 10px;}
.stap select                                  {font-size: 15px;}
.stap.twee .stap2_bestaandeKlant .inloggen, 
.stap.twee .stap2_bestaandeKlant .uitleg      {width: 100%; float: unset;}
.stap.drie .blokholder                        {width: 100%; float: unset;}
.stap.vier .factuurAfleverHouder .links, 
.stap.vier .factuurAfleverHouder .rechts      {width: 100%; display: block;}
.stap.vier .factuurAfleverHouder .midden      {display: none; width: 0;}

.jcarousel-container a, .productCarrousselHolder .jcarousel-container-horizontal { overflow: hidden; padding: 0; max-width: 730px;}

    /* Liquid Slider */
    .liquid-slide-sjabloon .inhoud {position: relative; max-width:none; left:0; top:0; font-size:13px; padding:5px 15px;}
    .liquid-slide-sjabloon .sliderWrapper {background:#000;}
    .liquid-slide-sjabloon .inhoud h2 {font-size:16px;}
    .liquid-slide-sjabloon .inhoud p {display: none;}
    .art-menu li a {padding: 15px 15px;}
    .bovenkant .art-nav {position: absolute; top: 150px; white-space: nowrap; margin: 0 auto; width: 730px;}
    .header_img {top: -200px;}
    .h5 {font-size: 15px;}
  	.h2 {font-size: 20px;}
  	.scooter_img {right: 165px;}


		/*Navigatie*/
		.bovenkant .art-nav {top: 120px;}

  	.winkelwagenHouder .bedrag,
  	.subTekst {font-size: 13px;}

		.art-menu li a {padding: 10px;}
		.winkelwagenHouder .winkelknop {padding: 10px;}

		.art-menu li.fb_b {display: none;}

		.nieuws.widget .bericht .aankeilerafb {margin: 0 20px 0 0 !important; max-width: 105px;}
		.accountHouder2 #open {display: none;}

		.adresHolder .adressen .item {flex-basis: calc(50% - 10px);}

		.inschrijvenKolom {flex-direction: column;}
		.inschrijvenKolom > .rechts {width: 100%; margin: 0;}

		.detailOrderHolder {flex-direction: column;}
		.detailOrderHolder .detailOrderBlok {width: calc(100% - 20px);}
		.detailOrderHolder .detailOrderBlok table.lijst tr {background: unset; border: 0; padding: 5px; margin: 0;}
		.detailOrderHolder .detailOrderBlok table.lijst tr td {display: table-cell; border-bottom: 1px solid #eee;}



}


/******************/
/* Mobiele versie */
/******************/
@media screen and (max-width: 760px)  {  

	.art-Post .FCK2kolTd,  .art-Post .FCK3kolTd {display: inline-block; margin: 0; padding: 0; vertical-align: top; width: 100% !important; }
	#cookieHolder .cookie {width: calc(100% - 40px); max-width: 100%; border-radius: 0px; left: auto; right: auto; bottom: 0;}

	/* Filter */
	.filters img {width: auto !important;}


	body                                                {-webkit-text-size-adjust: none; text-size-adjust: none; -moz-text-size-adjust: none; -ms-text-size-adjust: none;}

	/* Typografie aanpassingen inhoud */
	h1, h2, h3, h4, h5, h6                  {clear:both;}

	#map-canvas, iframe {width: 100% !important; max-width: 100%;}
	.responsiveMenu                                     {display:block;}
	.bovenkantHeader, .accountHouder, .pageFooterHolder {width:100%; overflow:hidden;}
	.responsiveKnop                                     {display: block;}
	.bovenkantHolder {display: none;}
	.bovenkantHolder, #art-main                         {min-width: 0; overflow:hidden; border-bottom: 0px solid;}
	.alleenResponsive                                   {display:inline;}

	/* FCK Template aanpassingen */
	.art-Sheet .FCK2kolTdS, .art-Sheet .FCK3kolTdS, .art-Sheet .FCK4kolTdS, .art-Sheet .FCK5kolTdS       {display:none;}
	.art-Sheet .FCK2kolTd,  .art-Sheet .FCK3kolTd, .art-Sheet .FCK4kolTd, .art-Sheet .FCK5kolTd          {width: 100%; display:block; margin-bottom:15px;}

	.pageFooter .FCK2kolTd,  .pageFooter .FCK3kolTd, .pageFooter .FCK4kolTd, .pageFooter .FCK5kolTd      {width: 100%; display:block; margin-bottom:15px;}
	.pageFooter .FCK2kolTdS, .pageFooter .FCK3kolTdS, .pageFooter .FCK4kolTdS, .pageFooter .FCK5kolTdS   {display:none;}

	/* Bovenkant aanpassingen */
	.HeaderHolder {width:100%;}
	.logo         {width:210px; margin: 0 auto; z-index:21; position: relative;}
	.bovenkant    {width:100%; height: 100px;}

	/* Algemene paginaindeling */
	.art-Sheet                      {width:100% !important; padding: 0;}
	.art-contentLayout              {width:100% !important;}
	.art-contentLayout .art-content {width:100% !important;}
	.art-Post                       {width:100% !important; margin:0;}
	.art-Post-body                  {padding:0px;}
	.art-Post img                   {max-width:100%; height: auto !important;}

	/* Sidebar aanpassingen */
	.art-contentLayout .art-sidebar2 {width:100% !important;}
	.art-Block                       {padding:5%; margin:0;}
	.art-Block-body                  {padding:0; margin:0;}
	.art-BlockContent-body           {padding:0; margin:0;}
	.art-Block img                   {max-width:100%; height:auto !important;}

	/* Footer aanpassingen */
	.FooterKnoppen    {display: block; position: relative; top:auto; text-indent: -1000px; width: 100%;}
	.copyright        {display: block; float: none; left: auto; padding: 0; right: auto; top: auto; font-size: 13px;}

	.pageFooterKnoppenHolder .pageFooterKnoppen     {padding: 10px;}
	.pageFooterKnoppenHolder .pageFooterKnoppen    a {display: block;}
	.pageFooterKnoppenHolder .pageFooterKnoppen .seperator {display: none;}
	.pageFooterHolder .pageFooter 	 {padding: 15px 10px;}


	/* Sitemap aanpassingen */
	.sitemap1 .sitemap1ul a, .sitemap1 .sitemapWinkel a, .sitemap1 .sitemapMinisite a    {text-decoration: none;}
	.sitemap1 .sitemap1ul li, .sitemap1 .sitemapWinkel li, .sitemap1 .sitemapMinisite li {display: block; float: none; width: auto;}
	ul.sitemap1ul, ul.sitemap1ul ul, ul.sitemap1ul ul ul, ul.sitemap1ul ul ul ul         {margin: 0;}

	li.STPMenu1li  {width:100%; border:0; list-style-type: none;}
	li.STPMenu2li  {margin-left: 10px;}
	li.STPMenu3li  {margin-left: 20px;}
	li.STPMenu4li  {margin-left: 30px;}
	li.STPMenu5li  {margin-left: 40px;}
	li.STPMenu6li  {margin-left: 50px;}
	li.STPMenu7li  {margin-left: 60px;}
	li.STPMenu8li  {margin-left: 70px;}
	li.STPMenu9li  {margin-left: 80px;}
	li.STPMenu10li {margin-left: 90px;}

	li.STPMenu2li a {font-size: 14px;}
	li.STPMenu3li a {font-size: 13px;}


	/* Standaard Modules geoptimaliseerd */
	.Taalkeuze_vlaggen                                                 {left: auto; position: relative; right: auto; text-align: center; width: 100%;}
	.HeaderHolder .slideshowHolder, .HeaderHolder .slideshowHolder div {width:100% !important;}
	.HeaderHolder .slideshowHolder div img                             {width:100% !important; max-width:100%; height:auto !important;}

	/* Extra eigen responsive maatwerk */
	.homepage .deel1             {display:none;}
	.homepage .deel2             {padding-top: 0px;}
	.homepage .deel2 .links      {float:none; margin-right:0; display:block; width:auto;}
	.homepage .deel2 .links a    {background-position: center center; background-size: 95% auto; height: 175px; margin: 0; width: 180px;}
	.homepage .deel2 .knoppen    {display:none;}
	.homepage                    {width:360px;}
	.nieuwsBlok, .twitterBlok    {width:90%; padding:5%;}
	.nieuwsBlok                  {margin-top:10px;}
	.twitterBlok .goTekstTwitter {display:none;}
	.widgetNieuws2Keiler         {height:6.6em;}
	.footerTable .td             {display:block;}
	.openklapper h2              {font-size:14px; white-space:nowrap;}


	/* Shop */
	/* Artikelweergave */
	.shopCategorieHolder .categorie 				{width:50%;}
	.artikel .afbeelding 							{width:100%; height:auto;}

	.shopTegel .artikel 							{width:50%;}
	.shopTegel .artikel:nth-of-type(4n+1)			{clear:none;}
	.shopTegel .artikel:nth-of-type(3n+1) 			{clear:none;}
	.shopTegel .artikel:nth-of-type(2n+1) 			{clear:both;}
	.shopTegel .artikel .inner						{height:auto!important; padding: 0 0 10px;}
	.shopTegel .artikel .voorraad					{display:block;}
	.shopTegel .artikel .voorraad .image 			{display: none;}
	.shopTegel .artikel .favorieten, .shopTegel .artikel .verlang {display:none;}
	.shopTegel .artikel .favorieten .image, .shopTegel .artikel .verlang .image	{padding-right:0;}
	.shopTegel .artikel .favorieten .toelichting	{display: none;}
	.shopTegel .artikel .verlang .toelichting	{display: none;}
	.shopTegel .artikel .omschrijving h2.titel a 	{height:auto;}
	.shopTegel .artikel .bestellen .bestelknop		{display:none;}
	.shopLijst .artikel .inner .col3    {display: none;}
	.shopCompact .artikel .inner			{table-layout: auto;  border-spacing: 0;     padding: 10px 0;}
	
	.shopCompact .artikel .inner .col1		{display: none;}
	.shopCompact .artikel .inner .col3		{width:auto; padding:0;}
	.shopCompact .artikel .inner .col4 {display: none;}
	.shopCompact .artikel .inner .details	{display: none;}
	.shopCompact .artikel .artikelEenheid	{display: none;}
	.shopCompact .artikel .extrainfo		{display: none;}

	.shopCompact .artikel .prijzen {line-height: 1em;}
	.shopCompact .artikel .prijzen .van {display: block;}



	.artikel.detail .links,.artikel.detail .rechts 		{float:none; width:100%; padding:0;}
	.artikel.detail .ad-gallery .ad-nav {position: absolute; opacity: 0; height: 0; width: 0;}
	.artikel.detail .ad-gallery .ad-image-wrapper .ad-image	{pointer-events:none;}
	.ad-gallery .ad-next .ad-next-image, .ad-gallery .ad-prev .ad-prev-image {display:block !important; opacity:0.5 !important; background-color:#fff;}
	.shopSortOptieTable                   {margin: 15px 0;}
	.shopSortOptieTable td                {display: inline-block; margin: 0 5px 5px 0;}
	.shopSortOptieTable .shopSortMaxPageB {display: none;}
	.shopSortOptieTable td.shopSortNiks {display: none;}
	.shopSortOptieTable td img          {width: auto;}
	#tell-a-friend table {width: 100%;}
	#tell-a-friend td {display: block; width: 100%;}
	#tell-a-friend td textarea, #tell-a-friend td input {width: 100%;}
	/* Einde artikelweergave */

	/* Artikel detail */
	.shopNavigatie {margin: 0 auto 10px; height: auto;}

  /* Inschrijfformulier */
  .inschrijfformulier_table td {display: block;}

  /* Extra scherm winkelmandje */
  #extraSchermWinkelmand .schermWinkelMandje .melding .meldingBoven td {display: block;}
  #extraSchermWinkelmand .schermWinkelMandje .melding .meldingBoven td:first-child {display: none;}
  #extraSchermWinkelmand .schermWinkelMandje .melding .meldingBoven td .knoppen {padding: 0; width: 100%;}
  #extraSchermWinkelmand .schermWinkelMandje .melding .meldingBoven td .knoppen a {width: 50%; text-align: center; box-sizing: border-box; float: left; margin: 10px 0 0;}
  #extraSchermWinkelmand .schermWinkelMandje .melding .meldingBoven td .knoppen a.doorgaanKassa {border-top-right-radius: 0; border-bottom-right-radius: 0;}
  #extraSchermWinkelmand .schermWinkelMandje .melding .meldingBoven td .knoppen a.verderWinkelen {border-top-left-radius: 0; border-bottom-left-radius: 0;}


  /* Orderproces */
  /* Stappen */
  .stappenbalk {padding: 0 0 10px; text-align: center;}
  .stappenbalk li {margin: 0;}
  .stappenbalk li .naam {display: none;}
  .stappenKnop li a {font-size: 14px;}

  .stap.twee > .blokholder,
  #stap2_factuuruitklap,
  #stap2_bewaaraccount,
  .stap3_betaal.blokholder {float: none !important; width: 100% !important; padding: 0;}
  
  /* Orderproces Stap 1 */
  /* Snelbestellen */
  .snelbestellenHolder                  {padding: 10px;}
  .snelbestellenHolder .titel           {display: block; width: 100%; padding: 0; margin: 0 0 5px;}
  .snelbestellenHolder .invoer          {display: block;}
  .snelbestellenHolder .invoer .inputArtikelnr   {display: block; width: 75%; float: left; padding: 0;}
  .snelbestellenHolder .invoer .inputAantal      {display: block; width: 25%; float: left; padding: 0;}
  .snelbestellenHolder .invoer .inputArtikelnr input {width:100%; margin: 0; border-right: 0; border-top-right-radius: 0; border-bottom-right-radius: 0;}
  .snelbestellenHolder .invoer .inputAantal input {width:100%; margin: 0; border-top-left-radius: 0; border-bottom-left-radius: 0;}
  #snelbestellenArtikelomschrijving                 {display: block; white-space: nowrap; max-width:100%; width:100%}
  #snelbestellenPrijs                               {display: block; width: 100%; padding: 0; text-align: left;}
  .snelbestellenHolder .snelbestellenKnop   {width:100%; margin: 5px 0 0; display: block; text-align: left;}
  .snelbestellenHolder .autocomplete-suggestions {width: auto !important; left: 10px; right: 10px; top: 75px !important;}
  .snelbestellenHolder .omschrijving {width: auto; margin-right: .25em;}
  /* Einde Snelbestellen */


  .stap1_artikelen table tr:first-child {display: none;}
  .stap1_couponcode .content {width: 100%; display: table;}
  .stap1_couponcode .titel {display: block; margin-bottom: 10px; margin-right: 0;}
  .blokholder.stap1_couponcode .content a.wButControleer {width: 100px;}

  /* Orderproces Stap 3 */
  .dropdown.dealerHolder .plaats 		{float: none;}
  .dropdown.dealerHolder .bedrijf 	{display: block;}
  .dropdown.dealerHolder .keuze .km {padding-right: 10px;}
  
  /* Orderproces Stap 4 */
  .stap.vier .gegevens {padding: 10px;}
  .stap.vier .factuurAfleverHouder .links,
  .stap.vier .factuurAfleverHouder .rechts {width: 100%; display: block; margin-top: 10px;}
  .stap.vier .factuurAfleverHouder .midden {display: none;}
    
  /* Order status */
  table.lijst tr:first-child {display: none;}
  table.lijst tr    {display: block; margin: 0 0 10px; background: #fafafa; border-radius: 3px; padding: 10px; border: 1px solid #eee; position: relative;}
  table.lijst tr td {display: block; width: 100%; box-sizing: border-box; border: none; background: none; padding: 0;}
  table.lijst tr td #voorraadTT {float: none;}
  table.lijst tr td.bedrag {text-align: left; font-weight: bold;}
  table.lijst td.knoppenHouder {position: absolute; right: 0; top: 0; width: auto; padding: 10px; border-left: 1px solid #eee;}
  table.lijst td.knoppenHouder a {padding: 8px; display: block;}

	/* cadeaubon */
	.cadeauHolder .cadeauAfbeeldingHolder img {max-width: 100%; height: auto !important;}
	.cadeauHolder .cadeauTextField, .cadeauHolder .cadeauTextArea {width: calc(100% - 10px);}
	.cadeauHolder .cadeauBedrag .cadeauTextField {width: 170px;}
	.cadeauHolderOpties > div {float: none !important;}

	.houderHome .tekst {bottom: 0; left: 0; width: 100%; position: relative; box-shadow: none; box-sizing: border-box; border-bottom: 1px solid #eee; padding: 10px;}
	.houderHome .tekst h1 {left: 0; top: 0; width: 100%; box-sizing: border-box; position: relative;}


	/*pdfkeuze*/
	.pdfkeuzeholder {border-radius: 0; left: 0; margin: 0; max-width: 100%; padding: 20px 10px 10px; position: absolute; right: 0; top: 64px; width: auto;}
	.pdfkeuzeholder .pdfkeuze .inner .col1, .pdfkeuzeholder .pdfkeuze .inner .col2, .pdfkeuzeholder .pdfkeuze .inner .col3 {box-sizing: border-box; display: block !important; width: 100% !important;}
	.pdfkeuzeholder .pdfkeuze .inner .col2 {padding: 15px 0;}

	.tekst.links {width: 100%; padding-right: 0px}
	.tekst.rechts {width: 100%; margin-top: 20px; padding-left: 0px;}
  .tekst.rechts .kleinWitvak {display: inline-block; position: relative; bottom: 0px !important; padding-left: 20px; margin-left: 20px;}
	.scooter_img {position: relative; float: left; right: 0px; bottom: -10px;}
	a.balk-vak {width: 50%;}
	a.balk-vak.final {width: 100%;}
	.leeeg {display: none;}
	.art-Post {padding: 10px; box-sizing: border-box;}
	.header_img {top: 0; height: 100px;}
	.header_img img {bottom: -30px !important; position: absolute;}

	.nieuws.widget .bericht .aankeilerafb {display: block; float: left; margin-right: 16px !important; max-width: 95px;}
	.filters {display: none;}
	.logo {display: none !important;}
	.HeaderHolder {height: 137px;}
	
	a.balk-vak,
	a.balk-vak.final {width: 20%; padding: 10px 10px 15px; box-sizing: border-box; line-height: 0;}
	.balk-tekst {display: block; font-size: 8px; margin: 10px 0 0;}

	a.balk-vak img {max-width: 35px;}
	.HeaderHolder {height: auto;}
	.accountHouder2 {padding: 0 15px;}

	.tekst.rechts .kleinWitvak {bottom: 0; box-sizing: border-box; margin: 0; right: 0; width: 100%;}
	.productCarrousselHolder {min-width: 240px;}
	.webwinkelkeur {bottom: 7px; top: auto;}

	.art-Post-inner .block {display: block; margin: 10px 0 0; }
	.nieuwsvak {background: rgba(0, 0, 0, 0) url("images/nieuws_bg.jpg") no-repeat scroll right -100px center / cover;}
	.accountHouder {height: auto; line-height: 1.25em; padding: 0;}
	.accountHouder2 {padding: 5px;}

	.accountHouder2 #open, .AccountHouderTekst {display: block; margin: 0; padding: 0;}
	.breadcrumbs {padding: 10px 20px;}
	.vak .inhoud {padding: 20px 10px;}
	.jcarousel-clip-horizontal {margin: 0 auto !important;}

	.shopSortOptieTable .shopSortOptie {display: none;}

	/* Responsive filters aangepast */
	#filtersTonen {background-color: #4bace0; color: #fff; cursor: pointer; display: block; line-height: 1; margin: 0 0 15px; padding: 10px 5px; text-align: center;}
	#filtersSluiten {position: absolute; right: 12px; top: 9px; font-size:22px;  cursor: pointer;}
	.filters {padding:0; }
	.filters .beschikbaar {line-height: 45px;}
	.filters .kenmerkgroep {display: block; height: auto; float: none;}
	.filters .kenmerkgroep a.titel {background-color: transparent; border: none; border-bottom: 1px solid #aeaeae; color: #000; display: block; font-size: 14px; line-height: 1.75em; opacity: 1; padding: 0;}
	.filters .kenmerkgroep a.titel:before {display: none;}
	.filters .kenmerkgroep .kenmerken {position: relative; background-color: transparent; padding:10px 0; border-top: 0; box-shadow: none; z-index: 5; max-height: none;} 
	.filters .kenmerkgroep:hover .kenmerken {box-shadow: none; padding:10px 0; max-height: none;}
	.filters .kenmerkgroep.links .linkLijst {width: calc(50% - 7px); float: left; border: 1px solid #eee; margin: 0 5px 5px 0; padding: 5px 0; text-align: center; white-space: nowrap;}
  .filters .kenmerkgroep.links .linkLijst:nth-child(even) {margin-right:0;}
  .filters .actiefKenmerk {margin-top: 0; margin-bottom: 5px;}
	/* Einde Responsive filters aangepast */

	.pageFooter h2.kopresleeg {display: none;}
	.pageFooter h2, .pageFooter h3 {margin: 20px 0 5px;}
	.pageFooterHolder ul {margin: 0; padding: 0;}
	.pageFooterHolder li:last-child { border-bottom: 1px solid #767676;}
	.pageFooterHolder a {display: block;}

  .pageFooter .FCK2kolTd, .pageFooter .FCK3kolTd, .pageFooter .FCK4kolTd, .pageFooter .FCK5kolTd {margin: 0;}
  
  /* Barcodescanner */
  a.barcodescannerLink 				{float:right;}
  .barcodescannerHouder.open 	{border-radius: 0; top: 0px; left: 0px; width: 100%; bottom: 0px; margin-left: 0;}
  #barcodeScannerCamera video {width:100%; height:auto;}
  /* Einde Barcodescanner */


  /* Mijn account 3.0 */
  .adresHolder .adressen .item {flex-basis: 100%; margin: 0 0 5px;}
  .adresHolder .adressen .item.open {position: relative; left: auto; top: auto; right: auto; padding: 10px 15px; box-shadow: none;}


  .blokholder.accountWijzigen .beschrijving, .blokholder.accountWijzigen .invoer {display: block; width: auto; padding: 0;}
  .blokholder.accountWijzigen .beschrijving {font-weight: bold;}
  .blokholder.accountWijzigen .invoer       {padding-bottom: 10px;}


	.tabsV2 .titels {display: block;}
	.tabsV2 .titels > div {display: block; float: left; width: calc(50% - 10px); box-sizing: border-box; border-radius: 3px; border: 0; margin: 5px;}
	.tabsV2 .titels > div.actief {border: 0; background: #4bace0; color: #FFF;}
	.tabsV2 .inhoud {top: 5px;}

	.mijnAccountOrderHolder .item {flex-direction: column;}
	.mijnAccountOrderHolder .item .artikelen {display: flex; width: auto; margin: -5px 0 0 0; padding: 0px 10px 10px;}
	.mijnAccountOrderHolder .item .pijl {display: none;}

	div[class*="grid"]{grid-template-columns: 1fr;}

}