* {
	box-sizing						: border-box;
}

body {
	margin							: 0 auto;

	font-size						: 16px;
	line-height						: 1.7;
	
	color							: rgb(96,96,96);
	font-family						: 'montserratregular','HelveticaNeue-Light','Helvetica','Arial','sans-serif';
}

a, img {
	outline							: none;
	border							: none;
	text-decoration					: none;
}

img {
	max-width						: 100%;
}

h1,h2 {
	font-family						: 'montserratsemibold','Arial Bold','Helvetica Bold','sans-serif';
	font-weight						: normal;
	margin							: 0.6em 0;
}

h1 {
	font-size						: 1.8em;
}

h2 {
	font-size						: 1.5em;
}

h3,h4,h5 {
	font-family						: 'montserratsemibold','Arial Bold','Helvetica Bold','sans-serif';
	font-size						: 1.1em;
	font-weight						: normal;
	margin							: 0.3em 0;
}

p {
	margin							: 0.3em 0;
}

ul {
	padding							: 0px;
	margin							: 0px;
	list-style-type					: none;
}

label {
	font-family						: 'montserratregular','HelveticaNeue-Light','Helvetica','Arial','sans-serif';
	font-size						: 0.9em;
	line-height						: 2;
}

light {
	font-family						: 'montserratlight','Arial Bold','Helvetica Bold','sans-serif';
}

.text-link,
a {
	font-family						: 'montserratsemibold','Arial Bold','Helvetica Bold','sans-serif';
	color							: rgb(255,102,51);
	cursor							: pointer;
}

.error {
	padding							: 5px;
	background-color				: rgba(255,102,51, 0.5) !important;
}

.notification {
	padding							: 5px;
	background-color				: rgba(255,102,51, 0.5) !important;
}

.error,
.notification {
	-webkit-transition				: background 0.35s ease;
  	transition						: background 0.35s ease;
}


/*============== TABLE MOCK CLASSES ============================================*/
.table    { display: table }
.tr       { display: table-row }
.thead    { display: table-header-group }
.tbody    { display: table-row-group }
.tfoot    { display: table-footer-group }
.col      { display: table-column }
.colgroup { display: table-column-group }
.td, .th  { display: table-cell; vertical-align: top; }
.caption  { display: table-caption }




/*===========================================================
======= L A Y O U T  A L G E M E N E  P A G I N A ' S =======
===========================================================*/

.site-catalogus section.site-content,
.site-besteloverzicht section.site-content,
.site-algemeen section.site-content,
.site-gerkimex section.site-content,
.site-contact section.site-content,
.site-algemene-voorwaarden section.site-content,
.site-export-voorwaarden section.site-content,
.site-privacy section.site-content {
	padding							: 10px 40px;
}

.section-logo img {
	display							: block;
	margin							: auto;
	width							: auto;
	max-width						: 100%;
	height							: 95px;
}

.content-kolom {
	-moz-flex-basis					: 0%!important;
	-ms-flex-basis					: 0%!important;
	-webkit-flex-basis				: 0%!important;
	flex-basis						: 0%!important;
}

.site-algemeen .site-content h2,
.site-contact .site-content h2,
.site-gerkimex .site-content h2,
.site-algemene-voorwaarden section.site-content h2,
.site-export-voorwaarden section.site-content h2,
.site-privacy section.site-content h2 {
	color				: rgb(19,40,75);
}

.site-algemeen .site-content .rechter-kolom,
.site-contact .site-content .rechter-kolom,
.site-gerkimex .site-content .rechter-kolom {
	width				: 350px;
}

.site-algemeen .site-content a:hover,
.site-contact .site-content a:hover,
.site-gerkimex .site-content a:hover {
	color				: rgb(255,102,51);
}

.site-algemeen .site-content .download:before,
.site-contact .site-conten .download:before,
.site-gerkimex .site-content .download:before {
	color					: rgb(19,40,75);
	padding-right			: 10px;
}

.submenu-kolom {
	width						: 250px;
	padding-right				: 20px;
	font-family					: 'montserratsemibold','Arial Bold','Helvetica Bold','sans-serif';
	color						: rgb(35,35,35);
}

.submenu-kolom h3 {
	margin						: 0;
	padding						: 5px 8px 3px 8px;
	font-size					: 1em;
	text-transform				: uppercase;
	background-color			: rgb(244,244,244);
}

.submenu-kolom a {
	font-size					: 0.9em;
	text-decoration				: none;
	color						: rgb(19,40,75);
	border-bottom				: 1px solid rgb(231,231,231);
}

.submenu-kolom ul {
	list-style-type				: none;
}

.submenu-kolom ul li a {
	display						: block;
    padding						: 10px;
}

.submenu-kolom ul li.active a,
.submenu-kolom ul li a:hover {
	color						: rgb(255,102,51);
}

/*===========================================================
======== F O O T E R ========================================
===========================================================*/


 /* MAKE FOOTER STICKY */
 
html, body {
	height							: 100%;
}

body {
	display							: -webkit-box;		/* OLD - iOS 6-, Safari 3.1-6 */
	display							: -moz-box;			/* OLD - Firefox 19- (buggy but mostly works) */
	display							: -ms-flexbox;		/* TWEENER - IE 10 */
	display							: -webkit-flex;		/* NEW - Chrome */
	display							: flex;				/* NEW, Spec - Opera 12.1, Firefox 20+ */
	
	-webkit-flex-direction			: column;
	flex-direction					: column;
	
}

.site-container {
	position:relative;
	min-height						: 100%;
	min-height						: 100vh;
    height							: 100%;
}

.site-content {
	-webkit-box-flex				: 1 0 auto;	/* OLD - iOS 6-, Safari 3.1-6 */
	-moz-box-flex					: 1 0 auto;	/* OLD - Firefox 19- */
	-ms-flex						: 1 0 auto;	/* IE 10 */
	-webkit-flex					: 1 0 auto;	/* NEW - Chrome */
	flex							: 1 0 auto;	/* NEW, Spec - Opera 12.1, Firefox 20+ */
	
	-moz-flex-grow					: 1;
	-ms-flex-grow					: 1;
	-webkit-flex-grow				: 1;
	flex-grow						: 1;
	
	-moz-flex-shrink				: 0;
	-ms-flex-shrink					: 0;
	-webkit-flex-shrink				: 0;
	flex-shrink						: 0;
	
	-webkit-flex-basis				: auto;
	-moz-flex-basis					: auto;
	-ms-flex-basis					: auto;
	flex-basis						: auto;
}

.footer {
	-moz-flex-shrink				: 0;
	-ms-flex-shrink					: 0;
	-webkit-flex-shrink				: 0;
	flex-shrink						: 0;
	margin-top						: 50px;
}


 /* OTHER FOOTER STYLES */
 
 .site-home .footer {
 	margin-top						: 0;
 }

.footer-regel {
}

.footer-naw {
	color							: rgb(255,255,255);
}

.footer-inleiding {
	box-sizing						: border-box;
	max-width						: 100%;
	padding							: 20px;
}

.footer-inleiding img {
	width							: 200px;
	height							: 48px;
}

.footer-copyright {
	padding							: 20px;

	font-size						: 0.9em;
	line-height						: 1.2;
	text-align						: center;
	background-color				: rgb(255,255,255);
}

/*===========================================================
======== H O M E P A G E ====================================
===========================================================*/

.internet-explorer-trident .visual-container {
	-ms-flex						: none;
	-webkit-flex					: none;
	flex							: none;
	height							: 100px;
}

.internet-explorer-trident .site-home .visual-container {
	-ms-flex						: none;
	-webkit-flex					: none;
	flex							: none;
	height							: 500px;
}

.visual-container {
	margin-top						: 50px;
	height							: 100%;
}

.visual {
	-webkit-justify-content			: space-between;
	justify-content					: space-between;
	-webkit-align-items				: center;
	align-items						: center;
	
	height							: 500px;
	padding-top						: 20px;
	padding-bottom					: 60px;
	text-align						: center;
	
	background						: url('../images/visual2018.jpg');
	background-repeat				: no-repeat;
	background-position				: center center;
	background-size					: cover;
	
	-webkit-transition				: height 0.35s ease;
  	transition						: height 0.35s ease;
}

.visual-logo {
}

.visual-catalogus-button {
}

.homepage-regel-container {
}

.homepage-regel-inhoud {
}

.homepage-blokken-container {
	-webkit-align-items				: stretch;
	align-items						: stretch;
}

.homepage-blok-container {
	margin							: 0!important;
}

.homepage-blok {
	min-height						: 100%;
	height							: 100%;
	padding							: 4em;
}

.homepage-blok img {
	width							: 100%;
}

.homepage-blok.bg_oranje .homepage-blok-button-container .button:hover {
	background-color				: rgb(19,40,75);
}

.homepage-blok-content {
}

.homepage-blok-button-container  {
	margin-top						: 1em;
}



/*===========================================================
======== N A V I G A T I E ==================================
===========================================================*/

.bovenbalk-container {
	position					: fixed;
	width						: 100%;
	height						: 50px;
	z-index						: 99;
}
	
.bovenbalk {
	position					: relative;
	width						: 100%;
			
	-webkit-align-items			: center;
	align-items					: center;
	
	-webkit-justify-content		: space-between;
	justify-content				: space-between;

	padding-right				: 15px;
}

/* TAALKEUZE MENU */

.taalkeuze-menu {
	position					: relative;
	height						: 50px;
	
	-webkit-align-self			: flex-start;
	align-self					: flex-start;
	
	color						: rgb(255,255,255);
	z-index						: 9;
}

.taalkeuze-menu div {
	padding						: 16px 20px 0 20px;
}

.taalkeuze-menu div:before {
	position					: absolute;
	right						: 0;
	font-size					: 10px;
}

.taalkeuze-dropdown  {
	padding						: 13px;
	text-align					: right;
	background-color			: rgb(19,40,75);
}

.taalkeuze-menu li {
	padding-bottom				: 13px;
}

.taalkeuze-menu li:last-of-type {
	padding-bottom				: 0;
}

.taalkeuze-menu li a {
	display						: block;
	padding						: 5px;
	border						: 2px solid transparent;
}

.taalkeuze-menu li a:hover {
	padding						: 5px;
	border						: 2px solid rgb(255,102,51);
	
	-moz-border-radius			: 7px;
	-webkit-border-radius		: 7px;
	border-radius				: 7px;
}

.taalkeuze-menu li a img {
	display						: block;
}

/* ALGEMEEN MENU */

.algemeen-menu {
	font-family					: 'montserratsemibold','Arial Bold','Helvetica Bold','sans-serif';
	text-align					: left;
}

.algemeen-menu ul {
	display						: inline-block;
	margin						: 0;
	padding						: 0;
}

.algemeen-menu ul li {
	display						: inline;
	padding						: 0 2em;
}

.algemeen-menu a {
	position					: relative;
	color						: rgb(255,255,255);
}

.registreren-button,
.inlog-button-menu {
	display						: inline;
	position					: relative;
}

.registreren-button {
	margin						: 0 10px;
}

/* FANCY HOVERS - WITH FIX FOR TOUCH DEVICES */

.registreren-button.active:after,
.inlog-button-menu.active:after,
.algemeen-menu a.active:after {
	position					: absolute;
	bottom						: -3px;
	left						: 0;
	
	content						: '';
	width						: 100%;
	height						: 3px;
  	background-color			: rgb(255,255,255);
}

.registreren-button:after,
.inlog-button-menu:after,
.algemeen-menu a:after {
	position					: absolute;
	bottom						: -3px;
	left						: 0;
	
	content						: '';
	width						: 0;
	height						: 3px;
	
	-webkit-transition			: all 0.35s ease;
  	transition					: all 0.35s ease;
  	background-color			: rgb(255,255,255);
}

.hover-allowed .registreren-button:hover:after,
.hover-allowed .inlog-button-menu:hover:after,
.hover-allowed .algemeen-menu a:hover:after,
.inlog-button-menu.active,
.algemeen-menu a:active {
	width						: 100%;
}


/*  INLOGGEN */

.ingelogd-als-container {
	position					: relative;

	font-family					: 'montserratsemibold','Arial Bold','Helvetica Bold','sans-serif';
	color						: rgb(255,255,255);
}

.registreren-button {
	color						: rgb(255,255,255);
}

.ingelogd {
	display						: -webkit-box-flex;		/* OLD - iOS 6-, Safari 3.1-6 */
	display						: -moz-box;			/* OLD - Firefox 19- (buggy but mostly works) */
	display						: -ms-flexbox;		/* TWEENER - IE 10 */
	display						: -webkit-flex;		/* NEW - Chrome */
	display						: flex;				/* NEW, Spec - Opera 12.1, Firefox 20+ */
	
	-webkit-align-items			: center;
	align-items					: center;
	
	margin						: 0 auto;
	font-size					: 0.9em;
}

.ingelogd a {
	display						: inline-block;
	padding						: 0 12px;
	color						: rgb(255,255,255);
}

.ingelogd-als {
	min-height					: 1px;   /* needs height to be visible container for browser */
	max-width					: 310px;
	overflow					: hidden;
	line-height					: 1.2;
	font-family					: 'montserratregular','HelveticaNeue-Light','Helvetica','Arial','sans-serif';
	color						: rgb(231,231,231);
}

.inlogform {
	max-width					: 500px;
}

.inlogform_container {
	position					: absolute;
	z-index						: 1;
	top							: 50px;
	right						: 15px;
	
    text-align					: left;
	min-width					: 385px;
	margin						: 0;
	padding						: 15px;
	background-color			: rgb(19,40,75);
	overflow					: hidden;
}

.inlogform_container .input-regel {
	width						: 100%;
	
	margin-top					: 0px !important;
	margin-bottom				: 10px !important;
}

.inlogform_container .input-regel input {
	width						: 50%;
}

.inlogform_container .input-regel label {
	font-family					: 'montserratsemibold','Arial Bold','Helvetica Bold','sans-serif';
}

.button.inloggen-button {
	color						: rgb(255,255,255);
	background-color			: rgb(255,102,51);
	padding						: 7px 10px;
	text-transform				: none;
	letter-spacing				: 0;
	cursor						: pointer;
}

.wachtwoord-vergeten-button {
	font-family					: 'montserratregular','HelveticaNeue-Light','Helvetica','Arial','sans-serif';
	font-size					: 0.9em;
	text-decoration				: underline;
}


/* SUBMENU (zijkolom) */

.submenu {
	width						: 280px;
	padding-right				: 20px;
	font-family					: 'montserratsemibold','Arial Bold','Helvetica Bold','sans-serif';
	color						: rgb(35,35,35);
}

.submenu h2 {
	margin						: 0;
	padding						: 5px 8px 3px 8px;
	font-size					: 1em;
	text-transform				: uppercase;
	background-color			: rgb(244,244,244);
}

.submenu a {
	text-decoration				: none;
	color						: rgb(19,40,75);
	border-bottom				: 1px dashed rgb(96,96,96);
}

.submenu ul {
	list-style-type				: none;
}

.submenu ul li {
}

.submenu ul li a {
	display						: block;
    padding						: 12px;
}

.submenu ul li:first-child {
	margin-top					: 10px;
}

.submenu ul li a.active,
.submenu ul li a:hover {
	color						: rgb(255,102,51);
}


/*===========================================================
======== M O B I L E N A V ==================================
===========================================================*/

.mobiel-menu {
	margin-top					: 50px;
	width						: 100%;
	display						: block;
	position					: fixed;
	top							: 0;
}

.mobiel-menu ul li {
	padding						: 12px 20px;
	border-bottom				: 1px solid rgb(255,255,255);
}

.mobiel-menu a {
	color						: rgb(255,255,255);
}

.mobiel-menu a.active {
	border-bottom				: 3px solid rgb(255,255,255);
}


/* MOBIEL MENU KNOP MET ANIMATIE */

.mobiel-menu-knop-container {
	padding				: 0 20px;
}

.mobiel-menu-knop {
	width				: 30px;
}

.mobiel-menu-knop:after,
.mobiel-menu-knop:before,
.mobiel-menu-knop div {
    background-color	: rgb(255,255,255);
	content				: '';
	display				: block;
	height				: 3px;
	margin				: 6px 0;
	
	-ms-transition		: all .2s ease-in-out;
	-moz-transition		: all .2s ease-in-out;
	-webkit-transition	: all .2s ease-in-out;
	transition			: all .2s ease-in-out;
}

.mobiel-menu-knop-animatie.mobiel-menu-knop:before {
	-ms-transform		: translateY(9px) rotate(135deg);
	-moz-transform		: translateY(9px) rotate(135deg);
	-webkit-transform	: translateY(9px) rotate(135deg);
	transform			: translateY(9px) rotate(135deg);
}

.mobiel-menu-knop-animatie.mobiel-menu-knop:after {
	-ms-transform		: translateY(-9px) rotate(-135deg);
	-moz-transform		: translateY(-9px) rotate(-135deg);
	-webkit-transform	: translateY(-9px) rotate(-135deg);
	transform			: translateY(-9px) rotate(-135deg);
}

.mobiel-menu-knop-animatie.mobiel-menu-knop div {
	-ms-transform		: scale(0);
	-moz-transform		: scale(0);
	-webkit-transform	: scale(0);
	transform			: scale(0);
}

/* OUDE MEUK? -- uitgevinkt */
/*
.site-uitklap {
	overflow						: hidden;
	box-shadow						: 0 0 3px 3px rgba(0,0,0,0.35);
	transition						: left 0.25s ease-in;
}

.body-uitklap {
	overflow						: hidden;
	position						: fixed;
	width							: 100%;
}

.mobile-nav {
	display							: none;
	color							: rgb(35,35,35);
	background-color				: rgb(244,244,244);
	
	height							: 100%;
	width							: 100%;

	position						: fixed;
	bottom							: 0;

	left							: 50px;
	right							: 0;
	top								: 0;
	
	list-style						: none;
	overflow						: scroll;
	z-index							: 0;
}

.mobile-nav h2 {
	font-weight						: normal;
	margin							: 8px 10px;
}

.mobile-nav ul {
	list-style						: none;
	padding							: 0px;
}

.mobile-nav li a {
	color							: rgb(35,35,35);
	display							: block;
	padding							: 10px;
	font-weight						: normal;
}

.mobile-nav li a.active,
.mobile-nav li a:hover {
	color							: rgb(19,40,75);
	background-color				: rgb(255,255,255);
}

.mobile-nav li a.active {
	cursor							: default;
}
*/



/*===========================================================
======== W I N K E L M A N D J E ============================
===========================================================*/

/* WINKELMANDJE BOVENBALK */

.winkelmandje {
	position					: relative;
	height						: 40px;
	color						: white;
	background-color			: rgb(255,102,51);
	padding						: 10px;
}

.winkelmandje-totaal:before {
	padding						: 0 5px;
	vertical-align				: middle;
	font-size					: 1.2rem;
}


.winkelmandje-prijs {
	font-weight					: bold;
}

.winkelmandje-prijs span {

}

/* WINKELMANDJE BADGE + ANIMATIE */

.winkelmandje-badge:empty {
	display						: none;
}

.winkelmandje-badge {
	position					: absolute;
	left						: 3px;
	top							: 3px;
	width						: 18px;
	height						: 18px;
	
	color						: rgb(255,255,255);
	background-color			: rgb(19,40,75);
	
	-moz-border-radius			: 50%;
	-webkit-border-radius		: 50%;
	border-radius				: 50%;
	
	font-size					: 0.7em;
	text-align					: center;
}

.winkelmandje-badge-animatie {
	-webkit-animation			: shake 0.6s;
	animation					: shake 0.6s;
}

@keyframes shake {
    0% {
        -ms-transform			: translate(0px,0px);
        -webkit-transform		: translate(0px,0px);
    	transform				: translate(0px,0px);
    }
    15% {
        -ms-transform			: translate(0px,3px);
        -webkit-transform		: translate(0px,3px);
    	transform				: translate(0px,3px);
    }
    30% {
    	-ms-transform			: translate(0px,-2px);
    	-webkit-transform		: translate(0px,-2px);
    	transform				: translate(0px,-2px);
    }
    45% {
    	-ms-transform			: translate(0px,2px);
    	-webkit-transform		: translate(0px,2px);
    	transform				: translate(0px,2px);
    }
    60% {
    	-ms-transform			: translate(0px,-1px);
    	-webkit-transform		: translate(0px,-1px);
    	transform				: translate(0px,-1px);
    }
    85% {
    	-ms-transform			: translate(0px,1px);
    	-webkit-transform		: translate(0px,1px);
    	transform				: translate(0px,1px);
    }
    100% {
    	-ms-transform			: translate(0px,0px);
    	-webkit-transform		: translate(0px,0px);
    	transform				: translate(0px,0px);
    }
}


/* WINKELMANDJE UITKLAP */

.winkelmandje-uitklap,
.winkelmandje-kopregel-container,
.winkelmandje-inhoud-container,
.winkelmandje-footer {
	position					: fixed;
	right						: 0;
	width						: 60%;
	z-index						: 777;
}

.winkelmandje-uitklap {
	top							: 0;
	height						: 100%;
	background-color			: rgb(255,255,255);
}

.winkelmandje-kopregel-container {
	top							: 0;
	height						: 85px;
	background-color			: rgb(244,244,244);
}

.winkelmandje-kopregel-container hr {
	margin						: 0;
	border						: 0px;
	border-bottom				: 2px solid rgb(19,40,75);
}

.winkelmandje-kopregel {
	height						: 50px;
}

.winkelmandje-kopregel h2 {
	color						: rgb(19,40,75);
	margin-top					: 8px;
	margin-bottom				: 0px;
}

.winkelmandje-sluiten {
	padding-top					: 15px;
}

.winkelmandje-inhoud-container {
	margin-top					: 85px;
	overflow-y					: auto;
}

.winkelmandje-regel-container .winkelmandje-productregel-container,
.winkelmandje-backorder-regel-container .winkelmandje-productregel-container {
	border-bottom				: 1px solid rgb(231,231,231);
}


.winkelmandje-productregel-productnaam {
	color						: rgb(35,35,35);
	font-family					: 'montserratsemibold','Arial Bold','Helvetica Bold','sans-serif';
}

.winkelmandje-productregel-kolom-kop,
.winkelmandje-productregel-aantalkolom-kop {
	font-size					: 0.8em;
	font-weight					: bold;
	text-transform				: uppercase;
}

.winkelmandje-backorder-regel-kop {
	display						: inline-block;
	padding						: 0 5px;
	font-size					: 0.9em;
	text-transform				: uppercase;
	color						: rgb(19,40,75);
	background-color			: rgb(231,231,231);
}

.winkelmandje-productregel-details-container .prijsveld {
	display						: inline-block;
	color						: rgb(96,96,96);
	font-size					: 0.9em;
	text-align					: right;
}

.winkelmandje-productregel-prijsperproduct-origineel {
}

.winkelmandje-productregel-prijsperproduct-berekend {
}

.winkelmandje-productregel-subtotaal-origineel {
}

.winkelmandje-productregel-subtotaal-berekend.prijsveld {
	font-weight					: bold;
	font-size					: 1.1em;
	color						: rgb(19,40,75);
}

.winkelmandje-productregel-prijsafspraak-info.prijsveld {
	font-size					: 0.9em;
	color						: rgb(255,102,51);
}

.winkelmandje-productregel-image {
	height					: 100%;
	max-width				: 150px;
	width					: 150px;
	margin-right			: 10px;
	margin-bottom			: 5px;
}

.winkelmandje-uitklap .winkelmandje-controls-container input {
	height					: 50px;
	padding					: 1px 6px;
	width					: 60px;
}

.winkelmandje-uitklap .winkelmandje-controls {
	padding					: 0px;
	background				: none;
}

.winkelmandje-productregel-refresh-subtotaal,
.winkelmandje-productregel-verwijder {
	cursor					: pointer;
	font-size				: 1.3em;
	padding-left			: 10px;
}

.winkelmandje-footer {
	background-color		: rgb(244,244,244);
	bottom					: 0;
}

.winkelmandje-informatie * {
	padding					: 0;
	margin					: 0;
}

.winkelmandje-informatie h2 {
	color					: rgb(19,40,75);
	margin-bottom			: 0.3em;
}

.winkelmandje-button-bestelling-afronden,
.winkelmandje-button-leeg-winkelmand {
	font-size				: 0.8em  !important;
}

.winkelmandje-button-bestelling-afronden {
	color					: rgb(255,255,255) !important;
	background-color		: rgb(255,102,51) !important;
}

.winkelmandje-button-bestelling-afronden:hover {
	background-color		: rgb(19,40,75) !important;
	border-color			: rgb(19,40,75) !important;
}

.winkelmandje-productregel-voetregel.mobilewelzichtbaar {
	text-align				: right;
	padding-top				: 15px;
}

.winkelmandje-productregel-voetregel.mobilewelzichtbaar .prijsveld.winkelmandje-productregel-subtotaal-berekend {
	padding-left			: 10px;
}

/* WINKELMANDJE LOCK/LOADER */

.winkelmandje-ajax-loader {
	display							: none;

	position						: absolute;
	top								: 0;
	right							: 0;
	left							: 0;
	bottom							: 0;
	z-index							: 10;

	background-color				: rgba(96,96,96,0.5);
	background-image				: url("../images/ajax-loader-big.gif");
	background-position				: center;
	background-size					: 50px;
	background-repeat				: no-repeat;
}

.winkelmandje-uitklap .winkelmandje-ajax-loader {

	z-index							: 778;
}

/*===========================================================
======== C A T E G O R I E E N O V E R Z I C H T ============
===========================================================*/

.categorie-container {
	-webkit-box-flex				: 1;	/* OLD - iOS 6-, Safari 3.1-6 */
	-moz-box-flex					: 1;	/* OLD - Firefox 19- */
	-ms-flex						: 1;	/* IE 10 */
	-webkit-flex					: 1;	/* NEW - Chrome */
	flex							: 1;	/* NEW, Spec - Opera 12.1, Firefox 20+ */
	
	-moz-flex-grow					: 0;
	-ms-flex-grow					: 0;
	-webkit-flex-grow				: 0;
	flex-grow						: 0;
	
	-moz-flex-shrink				: 0;
	-ms-flex-shrink					: 0;
	-webkit-flex-shrink				: 0;
	flex-shrink						: 0;
	
	-moz-flex-basis					: 250px;
	-ms-flex-basis					: 250px;
	-webkit-flex-basis				: 250px;
	flex-basis						: 250px;
	
	display							: block;
	padding							: 5px;
	margin							: 5px;
	
	-moz-border-radius				: 7px;
	-webkit-border-radius			: 7px;
	border-radius					: 7px;
	border							: 2px solid transparent;
}

.categorie-container:hover {
	border-color					: rgb(255,102,51);
}

.categorie-div {
	-webkit-align-items				: center;
	align-items						: center;
}

.categorie-image-container {
	max-width						: 220px;
	height							: 220px;
}

.categorie-image {
	height							: auto;
	overflow						: hidden;
}

.categorie-container .categorie-info-container {
	position						: relative;
	text-align						: center;
}


.categorie-container .categorie-tekst {
	text-transform					: uppercase;
	color							: rgb(35,35,35);
}



/*===========================================================
======== P R O D U C T E N ==========================
===========================================================*/

.product-container {
	position						: relative;

	-webkit-box-flex				: 1;	/* OLD - iOS 6-, Safari 3.1-6 */
	-moz-box-flex					: 1;	/* OLD - Firefox 19- */
	-ms-flex						: 1;	/* IE 10 */
	-webkit-flex					: 1;	/* NEW - Chrome */
	flex							: 1;	/* NEW, Spec - Opera 12.1, Firefox 20+ */

	-moz-flex-grow					: 0;
	-ms-flex-grow					: 0;
	-webkit-flex-grow				: 0;
	flex-grow						: 0;
	
	-moz-flex-shrink				: 0;
	-ms-flex-shrink					: 0;
	-webkit-flex-shrink				: 0;
	flex-shrink						: 0;
	
	-moz-flex-basis					: 250px;
	-ms-flex-basis					: 250px;
	-webkit-flex-basis				: 250px;
	flex-basis						: 250px;
	
	display							: block;
	padding							: 5px;
	padding-bottom					: 35px;
	margin							: 5px;
	
	-moz-border-radius				: 7px;
	-webkit-border-radius			: 7px;
	border-radius					: 7px;
	border							: 2px solid transparent;
}

.product-container:hover {
	border-color					: rgb(255,102,51);
}

.product-div {
	-webkit-align-items				: center;
	align-items						: center;
}

.product-anchor-helper {
	position						: relative;
	top								: -50px;
}

.product-anchor-helper.product-anchor-extra-offset {
	top								: -100px;
}

.product-image-container {
	max-width						: 100%;
	height							: 150px;
	position						: relative;
}

.product-image {
	height							: 100%;
	overflow						: hidden;
}

.product-image-kenmerk {
	position						: absolute;
	top								: 0;
	right							: 0;
}

.product-info-container {
	text-align						: center;
	width							: 220px;
	min-width						: 220px;
}


.product-info-container .product-naam {
	line-height						: 1.5;
}


.product-info-container .product-voorraad {
	float							: left;
	position						: relative;
	top								: 10px;
	margin-right					: 6px;
}


img.product-voorraad {
	width							: 12px;
	height							: 12px;
}

.product-naam {
	word-break						: break-word;
	color							: rgb(35,35,35);
}

.product-prijs {
	position						: absolute;
	bottom							: 0;
	left							: 0;
	right							: 0;
	margin							: 0;
	
	font-size						: 1.4em;
	font-family						: 'montserratsemibold','Arial Bold','Helvetica Bold','sans-serif';
	color							: rgb(19,40,75);
}

.product-prijs-origineel.strike {
	font-family						: 'montserratregular','HelveticaNeue-Light','Helvetica','Arial','sans-serif';
	color							: rgb(96,96,96);
}

.product-prijs-aanbieding {
	color							: rgb(255,102,51)!important;
}


/*===========================================================
======== P R O D U C T D E T A I L ==========================
===========================================================*/


/* KOLOMMEN */

.product-details-kolom-container {
	margin-bottom				: 10px;
}

.product-details-linkerkolom {
	-webkit-box-flex			: 1;	/* OLD - iOS 6-, Safari 3.1-6 */
	-moz-box-flex				: 1;	/* OLD - Firefox 19- */
	-ms-flex					: 1;	/* IE 10 */
	-webkit-flex				: 1;	/* NEW - Chrome */
	flex						: 1;	/* NEW, Spec - Opera 12.1, Firefox 20+ */
	
	-moz-flex-grow				: 1;
	-ms-flex-grow				: 1;
	-webkit-flex-grow			: 1;
	flex-grow					: 1;
	
	-moz-flex-shrink			: 0;
	-ms-flex-shrink				: 0;
	-webkit-flex-shrink			: 0;
	flex-shrink					: 0;
	
	padding-right				: 30px;
}

.product-details-middenkolom {

}

.product-details-rechterkolom {
	width						: 355px;
	padding-left				: 30px;
}

.terug-knop:before {
	font-size					: 1.5rem;
    vertical-align				: text-bottom;
}

.product-details-info-kolom {
}

.product-omschrijving-toggle {
	display						: none;
}

.product-details-container h1,
.product-details-rechterkolom .product-prijs {
	position					: inherit;
	font-size					: 1.8em;
	font-family					: 'montserratsemibold','Arial Bold','Helvetica Bold','sans-serif';
	margin						: 0;
	line-height					: 1.2;
	color						: rgb(19,40,75);
}

.product-details-container h3 {
	text-transform				: uppercase;
	color						: rgb(35,35,35);
	font-size					: 0.9em;
	padding						: 5px 0;
	border-bottom				: 1px solid rgb(231,231,231);
}

.product-details-container .product-opmerkingen {
	color						: rgb(255,102,51);
}

.product-details-bestel-kolom .winkelmandje-controls-container {
	position					: relative;
	padding						: 20px 15px;
	background-color			: rgb(244,244,244);
}


/* SLIDER */

.sy-controls {
	display						: initial !important;
}

.sy-slides-wrap {
	margin						: 20px 0;
}

.product-image-slider-container {
	max-width					: 550px;
}

.product-image-slider-container .product-image {
	height						: auto;
}



/* WINKELMANDJE */


.winkelmandje-controls-backorder-container,
.winkelmandje-controls-toevoegen-container {
	height						: 50px;
}

.winkelmandje-aantal-in-backorder-container {
	/*margin-bottom				: 20px;*/
}

.winkelmandje-controls-backorder,
.winkelmandje-controls-toevoegen {
	padding-right				: 15px;
}

.winkelmandje-controls-toevoegen-container-togglebutton,
.winkelmandje-controls-toevoegen-container-togglebutton:hover {
	background					: none;
	border						: none;
	padding						: 0;
	margin						: 0;
	color						: rgb(255,102,51);
	cursor						: pointer;
	text-decoration				: underline;
}
.winkelmandje-controls-toevoegen-container-togglebutton:hover {
	color						: rgb(35,35,35);
}

.winkelmandje-controls-backorder input,
.winkelmandje-controls-toevoegen input {
	padding						: 1px 6px;
	max-width					: 100px;
}

.winkelmandje-controls-pijltjes {
	width						: 40px;
	height						: 50px;
	text-align					: center;
	background-color			: rgb(231,231,231);
}

.winkelmandje-controls-pijlomhoog,
.winkelmandje-controls-pijlomlaag {
	height						: 25px;
	line-height					: 2 !important;
	cursor						: pointer;
}

.winkelmandje-controls-pijlomhoog.inactive,
.winkelmandje-controls-pijlomlaag.inactive {
	cursor						: default;
}

.winkelmandje-controls-pijlomhoog.inactive :before,
.winkelmandje-controls-pijlomlaag.inactive :before {
	color						: rgb(255,255,255);
}

.winkelmandje-controls-comments {
	margin-top					: 10px;
	background:gold;
}
.winkelmandje-controls-comments input {
	padding						: 1px 6px;
	width						: 100% !important;
	height						: 50px;
	
}
.winkelmandje-controls-discount input,
.winkelmandje-controls-amount input {
    max-width                   : 70px;
	height						: 50px;

}

.button.afroep-uit-backorder-button,
.button.toevoegen-aan-bestelling-button {
	padding						: 6px 10px;
	letter-spacing				: 1px;
	font-size					: 0.7rem;
	line-height					: 1;
}

.toevoegen-aan-bestelling-button {
	position					: relative; /* animates button to cart */
}

.afroep-uit-backorder-button {
	position					: relative; /* animates button to cart */
}

.product-voorraad-container {
	display						: block;
}

img.product-voorraad-bol {
	width						: 12px;
	height						: 12px;
}

/* TABELLEN */

dl {
	margin				: 0;
	width				: 100%;
}

dt {
	float				: left;
	clear				: both;
	padding-right		: 5px;
	width				: 160px;
}

dd {
}

/* ANDERE PRODUCTEN */

.andere-producten-container {
	border-top				: 1px solid rgb(231,231,231);
}

.andere-producten-container h2 {
	font-size				: 1.2em;
	color					: rgb(19,40,75);
}

.andere-producten-container .product-info-container {
	width					: 90%;
	min-width				: 90%;
}

.andere-producten-container .product-naam {
	line-height				: 1.5;
}

.andere-producten-container .product-image-container {
	height					: 150px;
}

.andere-producten-container .product-image-container img {
	max-height				: 150px;
}





/*===========================================================
======== B E S T E L O V E R Z I C H T ======================
===========================================================*/

.besteloverzicht-bovenbalk {
	width						: 100%;
}

.besteloverzicht-bovenbalk .zoekcontainer {
	margin						: 0;
	margin-right				: 12px;
}

.export-backorder-button {
	font-size					: 0.8rem;
}

.site-besteloverzicht .inleiding h2 {
	color						: rgb(19,40,75);
}

.besteloverzicht {
	width						: 100%;
	padding-top					: 20px;
	font-size					: 0.85rem;
}

.besteloverzicht h2,
.besteloverzicht .product-prijs {
	position					: inherit;
	margin						: 0;
}

.besteloverzicht-kopregel {
	font-family					: 'montserratsemibold','Arial Bold','Helvetica Bold','sans-serif';
	font-size					: 0.9em;
	text-transform				: uppercase;
	color						: rgb(35,35,35);
	padding						: 5px 0;
	border-bottom				: 1px solid rgb(231,231,231);
}

.besteloverzicht-regel {
	padding						: 10px;
	border-bottom				: 1px solid rgb(231,231,231);
}

.besteloverzicht-regel:nth-child(even) {
	background-color			: rgb(244,244,244);
}

.product-prijs-kop,
.product-leveringdata-kop,
.product-aantaldata-kop,
.product-backorderdata-kop {
	font-family					: 'montserratsemibold','Arial Bold','Helvetica Bold','sans-serif';
	font-size					: 0.9em;
	text-transform				: uppercase;
	color						: rgb(35,35,35);
	padding						: 5px 0;
}

.product-backorderdata-kop {
	padding						: 0;
}


.product-prijs-kop {
	display						: none;
}

.product-afbeelding-anchor {
	position					: relative;

	display						: block;
	height						: 100%;
	padding						: 5px;
	
	border						: 2px solid transparent;
	-moz-border-radius			: 7px;
	-webkit-border-radius		: 7px;
	border-radius				: 7px;
}

.product-afbeelding-anchor:hover {
	border						: 2px solid rgb(255,102,51);
}

.product-afbeelding-anchor img {
	display						: block;
}

.product-afbeelding-cell {
	order						: 1;
	min-width					: 170px;
	width						: 170px;
	padding-right				: 10px;
}

.product-meer-info-knop {
	position					: absolute;
	top							: 8%;
	left						: 8%;
		
	width						: 20px;
	height						: 20px;
	
	-moz-border-radius			: 50%;
	-webkit-border-radius		: 50%;
	border-radius				: 50%;
	color						: rgb(255,255,255);
	background-color			: rgb(255,102,51);
	text-align					: center;
	cursor						: pointer;
}

.product-meer-info-knop:before {
	position					: absolute;
	top							: 3px;
	left						: 2px;
	font-size					: 1.2em;
}


.product-artikelinfo-cell {
	order						: 2;
	padding-right				: 10px;
	-moz-flex-grow				: 1;
	-ms-flex-grow				: 1;
	-webkit-flex-grow			: 1;
	flex-grow					: 1;
}

.product-prijs-cell {
	order						: 3;
	min-width					: 100px;
	width						: 100px;
}

.product-image-container .winkelmandje-indicator-container {
	position					: absolute;
	top							: 0px;
}

.winkelmandje-indicator {
	color						: rgb(255,102,51);
	font-size					: 2em;
}

.product-leveringdata-cell {
	order						: 4;
	min-width					: 100px;
	width						: 100px;
	position					: relative;
}

.product-aantaldata-cell {
	order						: 5;
	min-width					: 80px;
	width						: 80px;
	padding-right				: 10px;
}

.winkelmandje-controls-cell {
	order						: 6;
	min-width					: 280px;
	width						: 280px;
}

.besteloverzicht .winkelmandje-controls-container {
	position					: relative;
}

.besteloverzicht .winkelmandje-controls-backorder input,
.besteloverzicht .winkelmandje-controls-amount input,
.besteloverzicht .winkelmandje-controls-discount input,
.besteloverzicht .winkelmandje-controls-toevoegen input {
	max-width					: 70px;
}

.besteloverzicht .winkelmandje-controls-backorder-container .button.afroep-uit-backorder-button,
.besteloverzicht .winkelmandje-controls-toevoegen-container .button.toevoegen-aan-bestelling-button {
	min-width					: 115px;
}


/*===========================================================
=======  B E S T E L L I N G  A F R O N D E N  ==============
===========================================================*/

.plaatsbestelling-container textarea {
	width						: 50%;
	min-height					: 100px;
}

.plaatsbestelling-container h2 {
	color						: rgb(19,40,75);
}

.adressen-container {
	width						: 100%;
}

.adres-container {
	-moz-flex-grow				: 1;
	-ms-flex-grow				: 1;
	-webkit-flex-grow			: 1;
	flex-grow					: 1;
	
	-moz-flex-shrink			: 1;
	-ms-flex-shrink				: 1;
	-webkit-flex-shrink			: 1;
	flex-shrink					: 1;
	
	-moz-flex-basis				: 50%;
	-ms-flex-basis				: 50%;
	-webkit-flex-basis			: 50%;
	flex-basis					: 50%;
}

.afleverdatum-container {
	border						: 1px solid rgb(19,40,75);
}

.afleverdatum-container input[type=text] {
	height						: 37px;
}

.verkoopcontract-container {
	border						: 1px solid rgb(255,102,51);
}

.verkoopcontract-container input[type=text] {
	height						: 37px;
}
.adres-container input[type=text] {
	width						: 100%;
	height						: 37px;
}

.plaats-bestelling-button-container {
	text-align					: right;
	padding-top					: 30px;
}

.button.plaats-bestelling-button {
	color						: rgb(255,255,255);
	background-color			: rgb(255,102,51);
}

.button.plaats-bestelling-button:hover {
	border-color				: rgb(19,40,75);
	background-color			: rgb(19,40,75);
}

/*===========================================================
======= F I L T E R S    Z O E K R E S U L T A T E N  ======
===========================================================*/

/* SUBMENU CATEGORIEFILTERS */

.filter-container {
	line-height					: 2.5;
}


.categorie-filter-groep	{
	border-bottom				: 1px solid rgb(231,231,231);
}

.serie-filter-container	{
	margin-left					: 2em;
}

.serie-filter-groep {
	
}

.filter-container-toggler,
.categorie-filter-groep {
	position					: relative;
}

span.icon {
	position					: absolute;
	right						: 8px;
	top							: 10px;
	font-size					: 0.8em;
}

.category-sale,
.categorie-naam.criteria-active {
	color						: rgb(255,102,51);
}

.serie-naam.criteria-active {
	font-family					: 'montserratsemibold','Arial Bold','Helvetica Bold','sans-serif';
	color						: rgb(255,102,51);
}

.criteria-active {
	font-weight					: bold;
}

.categorie-naam {
	padding-left				: 8px;
}


/* ZOEKBOX */

.zoekcontainer {
	margin-bottom					: 12px;
	padding							: 12px 20px;
	background-color				: rgb(244,244,244);
}

.zoekveld-trefwoord-container {
	width							: 100%;
	height							: 40px;
}

.zoekveld-trefwoord-container input[type=text] {
	width							: calc(100% - 60px);
	margin							: 0;
	padding							: 10px;
	height							: 40px;
}

.zoekveld-trefwoord-container input[type=text]:focus {
	background-color				: rgb(255,255,255);
}

.zoekveld-filter-container {
	min-width						: 250px;
}

.zoekveld-button-container {
	position						: relative;
}

.zoekveld-trefwoord-remove,
.zoek-button {
	width							: 40px;
	height							: 40px;
	line-height						: 40px;
	margin							: 0;
	padding							: 0;
		
	font-size						: 1.3rem;
	text-align						: center;
	cursor							: pointer;
}

.zoekveld-trefwoord-remove {
	position						: absolute;
	right							: 40px;
	font-size						: 0.6em;
	color							: rgb(255,255,255);
	background-color				: transparent;
	border-left						: none;
}

.zoekveld-trefwoord-remove:hover:before {
	color							: rgb(255,102,51);
}

.zoekveld-trefwoord-remove:before {
	color							: rgb(96,96,96);
	line-height						: inherit !important;
	padding							: 10px;
	background-color				: rgba(255,255,255,0.8);
}

.zoek-button {
	color							: rgb(255,255,255);
	background-color				: rgb(255,102,51);
}

.zoek-button:hover {
	border-color					: rgb(19,40,75);
	background-color				: rgb(19,40,75);
}

.zoek-button:before {
	vertical-align					: text-top;
}

/* FILTER RESULTATEN BINNEN ZOEKBOX */

.catalogus-actieve-filter {
	display							: inline-block;
	word-break						: break-all;
	margin-top						: 10px;
	margin-right					: 5px;
	font-size						: 0.9em;
	-moz-border-radius				: 5px;
	-webkit-border-radius			: 5px;
	border-radius					: 5px;
	background-color				: rgb(231,231,231);
	padding							: 2px 12px;
	cursor							: pointer;
}

.catalogus-actieve-filter .filter-naam {
	display							: inline-block;
	word-break						: break-all;
	color							: rgb(96,96,96);
}

.catalogus-actieve-filter .filter-waarde {
	display							: inline-block;
	word-break						: break-all;
	font-weight						: bold;
	color							: rgb(19,40,75);
}

.catalogus-actieve-filter .filter-icon {
	position						: relative;
	top								: 3px;
}

.catalogus-actieve-filter .filter-icon:before {
	color							: rgb(255,102,51);
}

.catalogus-remove-all {
	margin							: 5px 0;
	display							: inline-block;
}

.catalogus-remove-all:hover {
	color							: rgb(255,102,51);
}


/* ZOEKRESULTATEN ONDER ZOEKBOX */

.overzicht-container h2 {
	color							: rgb(19,40,75);
}

.overzicht-container span.button.remove-all {
	display							: inline-block;
	margin							: 10px 0;
}

/* PAGINERING */

.paginering-container,
.paginering-container label {
	font-family						: 'montserratlight','Arial Bold','Helvetica Bold','sans-serif';
	font-size						: 0.9rem;
}

.paginering-top {
	padding-bottom					: 20px;
}

.paginering-bottom {
	padding-top						: 20px;
}

.paginering-container .criteria-pagination {
	font-family						: 'montserratsemibold','Arial Bold','Helvetica Bold','sans-serif';
	color							: rgb(255,102,51);
	padding							: 0 3px;
}

.paginering-container .criteria-pagination:before {
	font-size						: 1.5rem;
	vertical-align					: middle;
}

.criteria-pagination.actief {
	border-bottom					: 1px solid rgb(255,102,51);
}

.results-per-pagina {
	margin							: 0 10px;
}


/*===========================================================
======== O V E R I G ========================================
===========================================================*/
.icon:before {
    margin-right: 0.2em;
}

.strike {
	text-decoration					: line-through;
}

.clear-both {
	clear							: both;
}

.overflow-no-scroll {
	overflow						: hidden;
}

.overlay {
	position						: fixed;
	top								: 0;
	right							: 0;
	bottom							: 0;
	left							: 0;
	z-index							: 666;
	background-color				: rgba(35,35,35, 0.5);
}

.animation-dummy {
	display							: none;
	position						: absolute;
	top								: 0;
	left							: 0;
	-moz-transition					: all 0.5s ease 0.1s;
	-webkit-transition				: all 0.5s ease 0.1s;
	transition						: all 0.5s ease 0.1s;
	height							: 100%;
	width							: 100%;
}

.cursor-pointer {
	cursor							: pointer;
}

.toggle-element {
	display							: none;
}

.toggle-element-button {
	cursor							: pointer;
}

.bg_blauw {
	background-color				: rgb(19,40,75);
}

.bg_oranje {
	background-color				: rgb(255,102,51);
}

.bg_grijs {
	background-color				: rgb(96,96,96);
}

.bg_middengrijs {
	background-color				: rgb(231,231,231);
}

.bg_lichtgrijs {
	background-color				: rgb(244,244,244);
}

.bg_wit {
	background-color				: rgb(255,255,255);
}

.bg_zwart {
	background-color				: rgb(35,35,35);
}

.kleur_blauw {
	color							: rgb(19,40,75);
}

.kleur_oranje {
	color							: rgb(255,102,51);
}

.kleur_grijs {
	color							: rgb(96,96,96);
}

.kleur_middengrijs {
	color							: rgb(231,231,231);
}

.kleur_lichtgrijs {
	color							: rgb(244,244,244);
}

.kleur_wit {
	color							: rgb(255,255,255);
}

.kleur_zwart {
	color							: rgb(35,35,35);
}

.text-align-right {
	text-align						: right;
}

.text-align-center {
	text-align						: center;
}

.text-align-left {
	text-align						: left;
}

.vertical-align-bottom {
	vertical-align					: bottom;
}

.vertical-align-top {
	vertical-align					: top;
}

.line-height-auto {
	line-height						: 1em;
}

.fontsize-1_5em {
	font-size						: 1.5em;
}

.float-right {
	float							: right;
}

.float-left {
	float							: left;
}

.display-none {
	display							: none;
}

.tabletnietzichtbaar,
.laptopnietzichtbaar
.mobilenietzichtbaar {
	
}

.tabletwelzichtbaar,
.laptopwelzichtbaar,
.mobilewelzichtbaar {
	display							: none;
}

.margin_0	{ margin				: 0 !important; }
.margin_5	{ margin				: 5px !important; }
.margin_10	{ margin				: 10px !important; }
.margin_15	{ margin				: 15px !important; }
.margin_20	{ margin				: 20px !important; }
.margin_25	{ margin				: 25px !important; }

.margin_ver_5	{ margin			: 5px 0 !important; }
.margin_ver_10	{ margin			: 10px 0 !important; }
.margin_ver_15	{ margin			: 15px 0 !important; }
.margin_ver_20	{ margin			: 20px 0 !important; }
.margin_ver_25	{ margin			: 25px 0 !important; }
.margin_ver_30	{ margin			: 30px 0 !important; }
.margin_ver_35	{ margin			: 35px 0 !important; }
.margin_ver_40	{ margin			: 40px 0 !important; }

.margin_top_5	{ margin-top		: 5px !important; }
.margin_top_10	{ margin-top		: 10px !important; }
.margin_top_15	{ margin-top		: 15px !important; }
.margin_top_20	{ margin-top		: 20px !important; }
.margin_top_25	{ margin-top		: 25px !important; }
.margin_top_30	{ margin-top		: 30px !important; }
.margin_top_35	{ margin-top		: 35px !important; }
.margin_top_40	{ margin-top		: 40px !important; }

.margin_right_5	{ margin-right		: 5px !important; }
.margin_right_10{ margin-right		: 10px !important; }
.margin_right_15{ margin-right		: 15px !important; }
.margin_right_20{ margin-right		: 20px !important; }
.margin_right_25{ margin-right		: 25px !important; }
.margin_right_30{ margin-right		: 30px !important; }
.margin_right_35{ margin-right		: 35px !important; }
.margin_right_40{ margin-right		: 40px !important; }

.margin_bot_5	{ margin-bottom		: 5px !important; }
.margin_bot_10	{ margin-bottom		: 10px !important; }
.margin_bot_15	{ margin-bottom		: 15px !important; }
.margin_bot_20	{ margin-bottom		: 20px !important; }
.margin_bot_25	{ margin-bottom		: 25px !important; }
.margin_bot_30	{ margin-bottom		: 30px !important; }
.margin_bot_35	{ margin-bottom		: 35px !important; }
.margin_bot_40	{ margin-bottom		: 40px !important; }

.margin_left_5	{ margin-left		: 5px !important; }
.margin_left_10	{ margin-left		: 10px !important; }
.margin_left_15	{ margin-left		: 15px !important; }
.margin_left_20	{ margin-left		: 20px !important; }
.margin_left_25	{ margin-left		: 25px !important; }
.margin_left_30	{ margin-left		: 30px !important; }
.margin_left_35	{ margin-left		: 35px !important; }
.margin_left_40	{ margin-left		: 40px !important; }

.margin_hor_5	{ margin			: 0 5px !important; }
.margin_hor_10	{ margin			: 0 10px !important; }
.margin_hor_15	{ margin			: 0 15px !important; }
.margin_hor_20	{ margin			: 0 20px !important; }
.margin_hor_25	{ margin			: 0 25px !important; }

.padding_0	{ padding				: 0 !important; }
.padding_5	{ padding				: 5px !important; }
.padding_10	{ padding				: 10px !important; }
.padding_15	{ padding				: 15px !important; }
.padding_20	{ padding				: 20px !important; }
.padding_25	{ padding				: 25px !important; }
.padding_30	{ padding				: 30px !important; }
.padding_40	{ padding				: 40px !important; }
.padding_50	{ padding				: 50px !important; }

.padding_40_20	{ padding			: 40px 20px !important; }

.padding_ver_5	{ padding			: 5px 0 !important; }
.padding_ver_10	{ padding			: 10px 0 !important; }
.padding_ver_15	{ padding			: 15px 0 !important; }
.padding_ver_20	{ padding			: 20px 0 !important; }
.padding_ver_25	{ padding			: 25px 0 !important; }
.padding_ver_30	{ padding			: 30px 0 !important; }
.padding_ver_40	{ padding			: 40px 0 !important; }
.padding_ver_50	{ padding			: 50px 0 !important; }

.padding_hor_5	{ padding			: 0 5px !important; }
.padding_hor_10	{ padding			: 0 10px !important; }
.padding_hor_15	{ padding			: 0 15px !important; }
.padding_hor_20	{ padding			: 0 20px !important; }
.padding_hor_25	{ padding			: 0 25px !important; }
.padding_hor_30	{ padding			: 0 30px !important; }
.padding_hor_40	{ padding			: 0 40px !important; }
.padding_hor_50	{ padding			: 0 50px !important; }

.padding_bot_30	{ padding-bottom	: 30px !important; }

.display_flex_row {
	display							: -webkit-box;		/* OLD - iOS 6-, Safari 3.1-6 */
	display							: -moz-box;			/* OLD - Firefox 19- (buggy but mostly works) */
	display							: -ms-flexbox;		/* TWEENER - IE 10 */
	display							: -webkit-flex;		/* NEW - Chrome */
	display							: flex;				/* NEW, Spec - Opera 12.1, Firefox 20+ */

	-webkit-flex-direction			: row;
	flex-direction					: row;

	-webkit-flex-wrap				: nowrap;
	flex-wrap						: nowrap;
}

.display_flex_row_wrap {
	display							: -webkit-box-flex;		/* OLD - iOS 6-, Safari 3.1-6 */
	display							: -moz-box;			/* OLD - Firefox 19- (buggy but mostly works) */
	display							: -ms-flexbox;		/* TWEENER - IE 10 */
	display							: -webkit-flex;		/* NEW - Chrome */
	display							: flex;				/* NEW, Spec - Opera 12.1, Firefox 20+ */

	-webkit-flex-direction			: row;
	flex-direction					: row;

	-webkit-flex-wrap				: wrap;
	flex-wrap						: wrap;
}

.display_flex_column {
	display							: -webkit-box;		/* OLD - iOS 6-, Safari 3.1-6 */
	display							: -moz-box;			/* OLD - Firefox 19- (buggy but mostly works) */
	display							: -ms-flexbox;		/* TWEENER - IE 10 */
	display							: -webkit-flex;		/* NEW - Chrome */
	display							: flex;				/* NEW, Spec - Opera 12.1, Firefox 20+ */

	-webkit-flex-direction			: column;
	flex-direction					: column;

	-webkit-flex-wrap				: nowrap;
	flex-wrap						: nowrap;
}

.display_flex_column_wrap {
	display							: -webkit-box-flex;		/* OLD - iOS 6-, Safari 3.1-6 */
	display							: -moz-box;			/* OLD - Firefox 19- (buggy but mostly works) */
	display							: -ms-flexbox;		/* TWEENER - IE 10 */
	display							: -webkit-flex;		/* NEW - Chrome */
	display							: flex;				/* NEW, Spec - Opera 12.1, Firefox 20+ */

	-webkit-flex-direction			: column;
	flex-direction					: column;

	-webkit-flex-wrap				: wrap;
	flex-wrap						: wrap;
}

.flex-shrink {
	-moz-flex-shrink				: 1;
	-ms-flex-shrink					: 1;
	-webkit-flex-shrink				: 1;
	flex-shrink						: 1;
}

.flex_start,
.justify-flex-start {
	-webkit-justify-content			: flex-start !important;
	justify-content					: flex-start !important;
}

.space_between,
.justify-space-between {
	-webkit-justify-content			: space-between !important;
	justify-content					: space-between !important;
}

.justify-center {
	-webkit-justify-content			: center !important;
	justify-content					: center !important;
}

.flex_end,
.justify-flex-end {
	-webkit-justify-content			: flex-end !important;
	justify-content					: flex-end !important;
}

.align-flex-start {
	-webkit-align-items				: flex-start !important;
	align-items						: flex-start !important;
}

.align-center {
	-webkit-align-items				: center !important;
	align-items						: center !important;
}

.align-flex-end {
	-webkit-align-items				: flex-end !important;
	align-items						: flex-end !important;
}

.flex_nogrow {
	-ms-flex-grow					: 0 !important;
	-moz-flex-grow					: 0 !important;
	-webkit-flex-grow				: 0 !important;
	flex-grow						: 0 !important;
}

.flex_0 {
	-webkit-box-flex				: 0;	/* OLD - iOS 6-, Safari 3.1-6 */
	-moz-box-flex					: 0;	/* OLD - Firefox 19- */
	-ms-flex						: 0;	/* IE 10 */
	-webkit-flex					: 0;	/* NEW - Chrome */
	flex							: 0;	/* NEW, Spec - Opera 12.1, Firefox 20+ */
	
	-moz-flex-grow					: 0;
	-ms-flex-grow					: 0;
	-webkit-flex-grow				: 0;
	flex-grow						: 0;
	
	-moz-flex-shrink				: 0;
	-ms-flex-shrink					: 0;
	-webkit-flex-shrink				: 0;
	flex-shrink						: 0;
}

.flex_1 {
	-webkit-box-flex				: 1;	/* OLD - iOS 6-, Safari 3.1-6 */
	-moz-box-flex					: 1;	/* OLD - Firefox 19- */
	-ms-flex						: 1;	/* IE 10 */
	-webkit-flex					: 1;	/* NEW - Chrome */
	flex							: 1;	/* NEW, Spec - Opera 12.1, Firefox 20+ */
	
	-moz-flex-grow					: 1;
	-ms-flex-grow					: 1;
	-webkit-flex-grow				: 1;
	flex-grow						: 1;
	
	-moz-flex-shrink				: 0;
	-ms-flex-shrink					: 0;
	-webkit-flex-shrink				: 0;
	flex-shrink						: 0;
}

.flex_2 {
	-webkit-box-flex				: 2;	/* OLD - iOS 6-, Safari 3.1-6 */
	-moz-box-flex					: 2;	/* OLD - Firefox 19- */
	-ms-flex						: 2;	/* IE 10 */
	-webkit-flex					: 2;	/* NEW - Chrome */
	flex							: 2;	/* NEW, Spec - Opera 12.1, Firefox 20+ */
	
	-moz-flex-grow					: 2;
	-ms-flex-grow					: 2;
	-webkit-flex-grow				: 2;
	flex-grow						: 2;
	
	-moz-flex-shrink				: 0;
	-ms-flex-shrink					: 0;
	-webkit-flex-shrink				: 0;
	flex-shrink						: 0;
}

.flex_3 {
	-webkit-box-flex				: 3;	/* OLD - iOS 6-, Safari 3.1-6 */
	-moz-box-flex					: 3;	/* OLD - Firefox 19- */
	-ms-flex						: 3;	/* IE 10 */
	-webkit-flex					: 3;	/* NEW - Chrome */
	flex							: 3;	/* NEW, Spec - Opera 12.1, Firefox 20+ */
	
	-moz-flex-grow					: 3;
	-ms-flex-grow					: 3;
	-webkit-flex-grow				: 3;
	flex-grow						: 3;
	
	-moz-flex-shrink				: 0;
	-ms-flex-shrink					: 0;
	-webkit-flex-shrink				: 0;
	flex-shrink						: 0;
}

.flex_4 {
	-webkit-box-flex				: 4;	/* OLD - iOS 6-, Safari 3.1-6 */
	-moz-box-flex					: 4;	/* OLD - Firefox 19- */
	-ms-flex						: 4;	/* IE 10 */
	-webkit-flex					: 4;	/* NEW - Chrome */
	flex							: 4;	/* NEW, Spec - Opera 12.1, Firefox 20+ */
	
	-moz-flex-grow					: 4;
	-ms-flex-grow					: 4;
	-webkit-flex-grow				: 4;
	flex-grow						: 4;
	
	-moz-flex-shrink				: 0;
	-ms-flex-shrink					: 0;
	-webkit-flex-shrink				: 0;
	flex-shrink						: 0;
}


.flex2-12 {
	margin							: 10px 1%;
	
	-webkit-box-flex				: 1 0 14%;	/* OLD - iOS 6-, Safari 3.1-6 */
	-moz-box-flex					: 1 0 14%;	/* OLD - Firefox 19- */
	-ms-flex						: 1 0 14%;	/* IE 10 */
	-webkit-flex					: 1 0 14%;	/* NEW - Chrome */
	flex							: 1 0 14%;	/* NEW, Spec - Opera 12.1, Firefox 20+ */
}

.flex3-12 {
	margin							: 10px 1%;
	
	-webkit-box-flex				: 1 0 23%;	/* OLD - iOS 6-, Safari 3.1-6 */
	-moz-box-flex					: 1 0 23%;	/* OLD - Firefox 19- */
	-ms-flex						: 1 0 23%;	/* IE 10 */
	-webkit-flex					: 1 0 23%;	/* NEW - Chrome */
	flex							: 1 0 23%;	/* NEW, Spec - Opera 12.1, Firefox 20+ */
}

.flex4-12 {
	margin							: 10px 1%;
	
	-webkit-box-flex				: 1 0 31%;	/* OLD - iOS 6-, Safari 3.1-6 */
	-moz-box-flex					: 1 0 31%;	/* OLD - Firefox 19- */
	-ms-flex						: 1 0 31%;	/* IE 10 */
	-webkit-flex					: 1 0 31%;	/* NEW - Chrome */
	flex							: 1 0 31%;	/* NEW, Spec - Opera 12.1, Firefox 20+ */
}

.flex5-12 {
	margin							: 10px 1%;
	
	-webkit-box-flex				: 1 0 39%;	/* OLD - iOS 6-, Safari 3.1-6 */
	-moz-box-flex					: 1 0 39%;	/* OLD - Firefox 19- */
	-ms-flex						: 1 0 39%;	/* IE 10 */
	-webkit-flex					: 1 0 39%;	/* NEW - Chrome */
	flex							: 1 0 39%;	/* NEW, Spec - Opera 12.1, Firefox 20+ */
}

.flex6-12 {
	margin							: 10px 1%;
	
	-webkit-box-flex				: 1 0 48%;	/* OLD - iOS 6-, Safari 3.1-6 */
	-moz-box-flex					: 1 0 48%;	/* OLD - Firefox 19- */
	-ms-flex						: 1 0 48%;	/* IE 10 */
	-webkit-flex					: 1 0 48%;	/* NEW - Chrome */
	flex							: 1 0 48%;	/* NEW, Spec - Opera 12.1, Firefox 20+ */
}

.flex7-12 {
	margin							: 10px 1%;
	
	-webkit-box-flex				: 1 0 56%;	/* OLD - iOS 6-, Safari 3.1-6 */
	-moz-box-flex					: 1 0 56%;	/* OLD - Firefox 19- */
	-ms-flex						: 1 0 56%;	/* IE 10 */
	-webkit-flex					: 1 0 56%;	/* NEW - Chrome */
	flex							: 1 0 56%;	/* NEW, Spec - Opera 12.1, Firefox 20+ */
}

.flex8-12 {
	margin							: 10px 1%;
	
	-webkit-box-flex				: 1 0 65%;	/* OLD - iOS 6-, Safari 3.1-6 */
	-moz-box-flex					: 1 0 65%;	/* OLD - Firefox 19- */
	-ms-flex						: 1 0 65%;	/* IE 10 */
	-webkit-flex					: 1 0 65%;	/* NEW - Chrome */
	flex							: 1 0 65%;	/* NEW, Spec - Opera 12.1, Firefox 20+ */
}

.flex9-12 {
	margin							: 10px 1%;
	
	-webkit-box-flex				: 1 0 73%;	/* OLD - iOS 6-, Safari 3.1-6 */
	-moz-box-flex					: 1 0 73%;	/* OLD - Firefox 19- */
	-ms-flex						: 1 0 73%;	/* IE 10 */
	-webkit-flex					: 1 0 73%;	/* NEW - Chrome */
	flex							: 1 0 73%;	/* NEW, Spec - Opera 12.1, Firefox 20+ */
}

.flex10-12 {
	margin							: 10px 1%;
	
	-webkit-box-flex				: 1 0 81%;	/* OLD - iOS 6-, Safari 3.1-6 */
	-moz-box-flex					: 1 0 81%;	/* OLD - Firefox 19- */
	-ms-flex						: 1 0 81%;	/* IE 10 */
	-webkit-flex					: 1 0 81%;	/* NEW - Chrome */
	flex							: 1 0 81%;	/* NEW, Spec - Opera 12.1, Firefox 20+ */
}

.flex11-12 {
	margin							: 10px 1%;
	
	-webkit-box-flex				: 1 0 89%;	/* OLD - iOS 6-, Safari 3.1-6 */
	-moz-box-flex					: 1 0 89%;	/* OLD - Firefox 19- */
	-ms-flex						: 1 0 89%;	/* IE 10 */
	-webkit-flex					: 1 0 89%;	/* NEW - Chrome */
	flex							: 1 0 89%;	/* NEW, Spec - Opera 12.1, Firefox 20+ */
}

.flex12-12 {
	margin							: 10px 1%;
	
	-webkit-box-flex				: 1 0 98%;	/* OLD - iOS 6-, Safari 3.1-6 */
	-moz-box-flex					: 1 0 98%;	/* OLD - Firefox 19- */
	-ms-flex						: 1 0 98%;	/* IE 10 */
	-webkit-flex					: 1 0 98%;	/* NEW - Chrome */
	flex							: 1 0 98%;	/* NEW, Spec - Opera 12.1, Firefox 20+ */
}


/*===========================================================
======== STICKY HEADER ========================================
===========================================================*/

.stickyheader {
  	position						: relative;
  	background						: rgb(231,231,231);
  	padding							: 10px;
  	margin							: 0;
}

.stickyheader-sticky {
    position						: fixed;
	top								: 50px;
    width							: 100%;
    z-index							: 10;
}

.stickyheader-sticky-collide {
     position: absolute;
}
/*============== STANDAARD FORM ==========================================*/

input[type=text],
input[type=password],
input[type=number],
input[type=email],
input[type=tel],
input[type=url],
input[type=file],
textarea,
select,
input[type=submit],
button,
.button,
input[type=button] {
	-webkit-appearance				: none;
	-moz-appearance					: none;
	appearance						: none;
	outline							: none;
}

select::-ms-expand {
    display							: none;
}

input[type=text],
input[type=password],
input[type=number],
input[type=email],
input[type=tel],
input[type=url],
input[type=file],
input[type=password],
textarea,
select {
	background-color				: rgb(255,255,255);
	border							: 1px solid rgba(35,35,35,0.3);
	
	color							: rgb(96,96,96);
	font-size						: 0.9rem;
	line-height						: 2;
	padding							: 0 5px;
}

input[type=text]:focus,
input[type=email]:focus,
input[type=tel]:focus,
input[type=url]:focus,
input[type=password]:focus,
textarea:focus,
select:focus {
	background-color				: rgb(244,244,244);
}

input[type=text]:focus,
input[type=email]:focus,
input[type=url]:focus,
input[type=password]:focus,
textarea:focus {
	border-color					: rgba(35,35,35,0.6);
}

select {
	padding							: 5px 20px 5px 10px;
	min-width						: 50px;
    background						: rgb(255,255,255) url("../images/custom-select-icon.png") no-repeat 100% 50%;
}

textarea {
	min-height						: 100px;
}

input[type=radio] {
	margin							: 5px;
}

.input-regel {
	position						: relative;
	width							: 100%;
	max-width						: 700px;
	margin							: 5px 0;
}

.input-regel label {
	max-width						: 200px;
	height							: 37px;
	
}

.input-regel input,
.input-regel select {
	width							: calc(100% - 200px);
	height							: 37px;
}

    
.input-regel-select div {
	width							: calc(100% - 200px);
}

    
.input-regel-select select {
	width							: 100%;
}



/* Change white to any color */
input:-webkit-autofill {
    -webkit-box-shadow				: 0 0 0 35px white inset;
}

/*============== STANDAARD BUTTONS ==========================================*/

.button {
	cursor					: pointer;
}

button {
	line-height				: 1.7em;
}

.button,
button,
input[type=button],
input[type=submit] {
	padding					: 12px 20px;

	color					: rgb(35,35,35);
	font-family				: 'montserratsemibold','Arial Bold','Helvetica Bold','sans-serif';
	font-size				: 0.9em;
	text-align				: center;
	text-transform			: uppercase;
	letter-spacing			: 2px;
		
	border					: 1px solid rgb(255,102,51);
	background-color		: rgb(255,255,255);
}

.button:hover,
button:hover,
input[type=button]:hover,
input[type=submit]:hover {
	color					: rgb(255,255,255);
	background-color		: rgb(255,102,51);
}

/*============== ICONS EN (FOUT) MELDINGEN ===============================*/

.foutmeldingen {
	
}

.foutmeldingen li {
	line-height						: 20px;
	font-size						: 15px;
	font-weight						: normal;
}

.formulier_melding {
	-webkit-border-radius			: 5px;
	-moz-border-radius				: 5px;
	border-radius					: 5px;
}

.formulier_melding
{
	background-color				: rgb();

	-webkit-border-radius			: 5px;
	-moz-border-radius				: 5px;
	border-radius					: 5px;
	
	color							: rgb(255,255,255);

	font-family						: 'montserratregular','HelveticaNeue-Light','Helvetica','Arial','sans-serif';

	line-height						: 40px;
}

.icon-input-ok,
.icon-input-nok,
.icon-input-verplicht {
	position					: absolute;
	right						: -20px;
	bottom						: 8px;
	font-size					: 0.6em;
	width						: 15px;
}

.icon-input-ok {
	color							: green;
}

.icon-input-nok {
	color							: red;
}

.icon-input-verplicht {
	color							: rgb(19,40,75);
}



/**/

option:checked, option {
	background:rgb(255,255,255);
	color:rgb(96,96,96);
}

option[value=""] {
	color:rgb(96,96,96);
}

option:hover {
	background:rgb(255,255,255);
	color:rgb();
}

option:focus {
	background:rgb(255,255,255);
	color:rgb();
}



/*============== FORM SPECIFIC MEDIA QUERIES =============================*/

@media (min-width: 1200px) {

}

@media (max-width: 900px) {

}

@media (max-width: 600px) {

    
    .input-regel {
        -webkit-flex-direction		: column;
    	flex-direction				: column;
    }

    .input-regel-select div {
    	width						: 100%;
    }

	.input-regel input,
	.input-regel select {
		width				: 100%;
	}

}/* ===== iPad4 Safari flexbox fixes ===== */

@media only screen and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : landscape)  {

    .thumb-container {
    	flex-basis						: 31%;
    }

}

@media only screen and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait)  {

    .thumb-container {
    	flex-basis						: 42%;
    }

}

@media only screen and (min-device-width : 320px)
and (max-device-width : 480px)
and (orientation : landscape) {

    html {
        -webkit-text-size-adjust		: 100%; /* Prevent font scaling in landscape while allowing user zoom */
    }
   
}


/* ===== M E D I A Q U E R I E S ===== */


@media (max-width: 2560px) and (min-width: 1300px) {

    .ingelogd-als {
    	max-width						: 500px;
    }

    .winkelmandje-uitklap,
    .winkelmandje-kopregel-container,
    .winkelmandje-inhoud-container,
    .winkelmandje-footer {
    	width							: 45%;
    }
    
    .product-prijs-cell {
    	min-width					: 120px;
    	width						: 120px;
    }
    
    .product-leveringdata-cell {
    	min-width					: 120px;
    	width						: 120px;
    }
    
    .product-aantaldata-cell {
    	min-width					: 120px;
    	width						: 120px;
    	padding-right				: 20px;
    }
        
	.product-details-linkerkolom .sy-box {
		max-width					: 550px;
	}

}



@media all and (max-width: 1500px) {

	.product-details-middenkolom {
		display							: none;
	}

	.product-omschrijving-toggle {
		display							: initial;
	}
 
}



@media all and (max-width: 1200px) {
	
	.laptopnietzichtbaar {
		display							: none;
		-webkit-transition				: all 0.5s ease-in;
		transition						: all 0.5s ease-in;
	}

	.laptopwelzichtbaar {
		display							: inherit;
		-webkit-transition				: all 0.5s ease-in;
		transition						: all 0.5s ease-in;
	}

	.product-details-kolom-container {
        -webkit-flex-direction			: column;
    	flex-direction					: column;
    	-webkit-flex-wrap				: nowrap;
    	flex-wrap						: nowrap;
	}

    .product-details-linkerkolom {
		order							: 2;
		padding-right					: 0;
		flex							: none;
    	flex-basis						: auto;
	}
	
	.product-details-middenkolom {
		order							: 3;
    	min-width						: 100%;
    	flex-basis						: auto;
	}
	
	.product-details-rechterkolom {
		order							: 1;
    	min-width						: 100%;
    	padding-left					: 0;
    	padding-bottom					: 5px;
    	flex-basis						: auto;
	}

	.flex2-12,
	.flex3-12  {
    	-webkit-box-flex				: 1 0 48%;	/* OLD - iOS 6-, Safari 3.1-6 */
    	-moz-box-flex					: 1 0 48%;	/* OLD - Firefox 19- */
    	-ms-flex						: 1 0 48%;	/* IE 10 */
    	-webkit-flex					: 1 0 48%;	/* NEW - Chrome */
    	flex							: 1 0 48%;	/* NEW, Spec - Opera 12.1, Firefox 20+ */
    }

    .algemeen-menu ul li {
    	padding							: 0 1em;
    }
    
    .site-algemeen .site-content .rechter-kolom,
    .site-contact .site-content .rechter-kolom,
    .site-gerkimex .site-content .rechter-kolom {
    	width							: 250px;
    }

}

@media all and (max-width: 1000px) {
	
	.tabletnietzichtbaar {
		display							: none;
		-webkit-transition				: all 0.5s ease-in;
		transition						: all 0.5s ease-in;
	}

	.tabletwelzichtbaar {
		display							: initial;
		-webkit-transition				: all 0.5s ease-in;
		transition						: all 0.5s ease-in;
	}
			
	.andere-producten-container .product-container {
		width					: 46%;
		flex-basis				: 46%;
	}

	.andere-producten-container .product-image-container {
		height					: auto;
	}
	
	.andere-producten-container .product-container img {
		max-height				: 125px;
	}

    .algemeen-menu ul li {
    	padding							: 0 0.5em;
    }
    
    .ingelogd-als {
    	display							: none;
    }
    
    .site-catalogus section.site-content,
    .site-besteloverzicht section.site-content,
    .site-algemeen section.site-content,
    .site-gerkimex section.site-content,
    .site-contact section.site-content,
    .site-algemene-voorwaarden section.site-content,
    .site-export-voorwaarden section.site-content,
    .site-privacy section.site-content {
    	padding							: 10px 20px;
    }
    
    .zoekvelden-container {
        -webkit-flex-direction			: column;
    	flex-direction					: column;
    	-webkit-align-items				: flex-start!important;
    	align-items						: flex-start!important;
    }
    
    .zoekveld-trefwoord-container input[type=text] {
    	width							: calc(100% - 30px);
    }
    
    .zoekveld-trefwoord-container,
    .zoekveld-filter-container {
        flex-basis						: auto;
    }

    .winkelmandje-button-bestelling-afronden,
    .winkelmandje-button-leeg-winkelmand {
    	padding							: 12px 15px !important;
    }
    
    .winkelmandje-uitklap,
    .winkelmandje-kopregel-container,
    .winkelmandje-inhoud-container,
    .winkelmandje-footer {
    	width							: 80%;
    }
    
        
    .site-algemeen .site-content .rechter-kolom,
    .site-contact .site-content .rechter-kolom,
    .site-gerkimex .site-content .rechter-kolom {
    	width							: 100%;
    }
    
   		/* Besteloverzicht wrappen en orderen op 1000px */
     
    .besteloverzicht-kopregel,
    .besteloverzicht-regel {
    	-webkit-flex-wrap			: wrap;
    	flex-wrap					: wrap;
    }
    
    .besteloverzicht-regel {
    	border-top					: 1px solid rgb(231,231,231);
    	border-bottom				: none;
    }

    .product-afbeelding-cell {
    	order						: 1;
    }
    
    .product-prijs-cell {
        order						: 2;
		flex-grow					: 1;
    	padding-right				: 10px;
    }
       
  	.winkelmandje-controls-cell {
    	order						: 3;
    }
    
    .product-artikelinfo-cell {
        order						: 4;
        width						: calc(100% - 200px)
    }

    .product-leveringdata-cell {
    	order						: 5;
    	padding-right				: 15px;
    }
    
    .product-aantaldata-cell {
    	order						: 6;
    	min-width					: 100px;
    	width						: 100px;
    	padding-right				: 0;
    }
    

}
   
@media all and (max-width: 800px) {
	
	.product-details-linkerkolom {
		order							: 1;
	}
	
	.product-details-middenkolom {
		order							: 3;
	}
	
	.product-details-rechterkolom {
		order							: 2;
	}
	
	.product-details-linkerkolom-in-rechterkolom {
		padding-top						: 5px;
	}

	.mobilenietzichtbaar {
		display							: none;
		-webkit-transition				: all 0.5s ease-in;
		transition						: all 0.5s ease-in;
	}

	.mobilewelzichtbaar {
		display							: inherit;
		-webkit-transition				: all 0.5s ease-in;
		transition						: all 0.5s ease-in;
	}
	
	.flex4-12,
	.flex5-12,
	.flex7-12 {
    	-webkit-box-flex				: 1 0 48%;	/* OLD - iOS 6-, Safari 3.1-6 */
    	-moz-box-flex					: 1 0 48%;	/* OLD - Firefox 19- */
    	-ms-flex						: 1 0 48%;	/* IE 10 */
    	-webkit-flex					: 1 0 48%;	/* NEW - Chrome */
    	flex							: 1 0 48%;	/* NEW, Spec - Opera 12.1, Firefox 20+ */
    }

    .flex6-12,
    .flex8-12,
    .flex9-12,
    .flex10-12,
    .flex11-12 {
    	-webkit-box-flex				: 1 0 98%;	/* OLD - iOS 6-, Safari 3.1-6 */
    	-moz-box-flex					: 1 0 98%;	/* OLD - Firefox 19- */
    	-ms-flex						: 1 0 98%;	/* IE 10 */
    	-webkit-flex					: 1 0 98%;	/* NEW - Chrome */
    	flex							: 1 0 98%;	/* NEW, Spec - Opera 12.1, Firefox 20+ */
    }
    
    .bovenbalk-container {
    	border-bottom					: 1px solid rgb(255,255,255);
    }
       	
	.mobiel-menu-knop {
		display							: block!important;
	}
	
	.submenu,
	.submenu-kolom {
		width							: 100%;
		padding-right					: 0;
	}
    
    .inlogform_container {
    	right							: 20px;
    }
    
    .winkelmandje {
    	padding							: 10px 8px;
    }
    
    .visual {
		height							: 400px;
	}
	
    .zoekcontainer {
    	padding							: 12px;
    	width							: 100%;
    	max-width						: 100%;
		margin-top						: 12px;
	}
	
	.content-kolom {
		width							: 100%;
    	flex-basis						: 100%!important;
    }
    
    .product-details-linkerkolom {
    	width							: 100%;
    	min-width						: 100%;
    	padding-right					: 0;
	}
	
	.product-details-rechterkolom {
	    min-width						: 100%;
    	width							: 100%;
	}
	
	.winkelmandje-productregel-voetregel.mobilewelzichtbaar {
		display							: block;
	}
	
	.besteloverzicht-bovenbalk {
		flex-direction					: column;
	}
	
	.besteloverzicht-bovenbalk .zoekcontainer {
    	width							: 100%;
    	margin-right					: 0;
    }
    
	.besteloverzicht-bovenbalk .export-backorder-button {
		margin-top						: 10px;
	}
	
	.adressen-container {
		-webkit-flex-direction			: column;
		flex-direction					: column;
	}
	
	.adres-container {
		flex-basis						: auto;
	}
	
	.plaatsbestelling-container textarea {
		width							: 100%;
	}
	
}


@media all and (max-width: 600px) {

	body {
		font-size					: 14px;
		line-height					: 1.5;
	}
	    
    .footer {
    	text-align					: center;
    }

	.flex2-12,
	.flex3-12,
	.flex4-12,
	.flex5-12,
	.flex7-12 {
    	-webkit-box-flex				: 1 0 98%;	/* OLD - iOS 6-, Safari 3.1-6 */
    	-moz-box-flex					: 1 0 98%;	/* OLD - Firefox 19- */
    	-ms-flex						: 1 0 98%;	/* IE 10 */
    	-webkit-flex					: 1 0 98%;	/* NEW - Chrome */
    	flex							: 1 0 98%;	/* NEW, Spec - Opera 12.1, Firefox 20+ */
    }

    #inlogcode-aanvragen .hoofdcategorie-regel {
    	width						: 100%;
    }
        
    .winkelmandje-badge {
    	line-height						: 2;
    }
    
	.visual {
		height							: 300px;
		padding-top						: 10px;
		padding-bottom					: 40px;
	}
    
    img.visual-logo {
    	width							: 280px;
    	height							: auto;
    }

	.homepage-regel-container {
		padding							: 1.25em;
	}
	
	.homepage-blok {
		padding							: 1.25em;
	}

    .inlogform_container {
    	left							: 20px;
    }
    
    .section-logo img {
    	height							: 70px;
    }

    .winkelmandje-uitklap,
    .winkelmandje-kopregel-container,
    .winkelmandje-inhoud-container,
    .winkelmandje-footer {
    	width						: 100%;
    }

    	 /* Besteloverzicht re-orderen op 600px */
     
     .product-prijs-kop {
    	display						: inherit;
    }
    
	.product-afbeelding-cell {
	    min-width					: 150px;
    	width						: 150px;
	}
  	
  	.winkelmandje-controls-cell {
    	order						: 2;
    	min-width					: calc(100% - 150px);
    	width						: calc(100% - 150px);
    }
    
    .product-artikelinfo-cell {
        order						: 3;
        width						: calc(100% - 270px);
    }

    .product-prijs-cell {
        order						: 4;
    	min-width					: 100px;
    	width						: 100px;
    	padding-right				: 0;
    }

    .product-leveringdata-cell {
    	order						: 5;
    	padding-right				: 0;
    }
    
    .product-aantaldata-cell {
    	order						: 6;
    	min-width					: 70px;
    	width						: 70px;
    	padding-right				: 0;
    }
    
  
}



@media all and (max-width: 450px) {
	
	.bovenbalk {
		padding-right				: 15px;
	}

    .inlogform_container {
    	min-width					: 100%;
    	right						: 0;
    	left						: 0;
    }
    
    .inlogform_container .input-regel {
        -webkit-flex-direction		: column;
    	flex-direction				: column;
    }
    
     .inlogform_container .input-regel input {
    	width						: 100%;
    }
    
    .winkelmandje-kopregel-container {
    	height						: 70px;
    }
    
    .winkelmandje-inhoud-container {
    	margin-top					: 70px;
    }
        
    .winkelmandje-kopregel {
    	height						: 35px;
    }

	.winkelmandje-buttons {
		width						: 100%;
	}
	
	.winkelmandje-button-bestelling-afronden,
	.winkelmandje-button-leeg-winkelmand {
		float						: none;
		display						: inline-block;
		width						: 100%;
		text-align					: center;
		margin-top					: 8px;
	}
	
	 	/* Besteloverzicht wrappen en orderen op 400px */
	 
	.besteloverzicht h2,
    .besteloverzicht .product-prijs {
    	font-size					: 1rem;
    }
     
  	.winkelmandje-controls-cell {
    	order						: 3;
    	min-width					: 100%;
    	width						: 100%;
    }
    .winkelmandje-controls-container {
    	padding						: 10px 0;
    }
    
    .product-afbeelding-cell {
		order						: 1;
		min-width					: 130px;
		width						: 130px;
	}
	
    .product-artikelinfo-cell {
        order						: 2;
        width						: calc(100% - 130px);
    }

    .product-prijs-cell {
        order						: 4;
    	min-width					: 33%;
    	width						: 33%;
    }

    .product-leveringdata-cell {
    	order						: 5;
    	min-width					: 33%;
    	width						: 33%;
    }
    
    .product-aantaldata-cell {
    	order						: 6;
    	min-width					: 33%;
    	width						: 33%;
    }

}





@media all and (max-width: 320px) {

    .andere-producten-container {
    	font-size	: 0.9em;
    }
    
	.andere-producten-container .product-container {
		width					: 100%;
		flex-basis				: 100%;
	}

    .andere-producten-container .product-info-container {
    	width					: 90%;
    }
	
	.andere-producten-container .product-image-container {
		height					: auto;
	}
	
	.andere-producten-container .product-container img {
		max-height				: 125px;
	}

    .button.afroep-uit-backorder-button,
    .button.toevoegen-aan-bestelling-button {
    	padding						: 6px 10px;
    	letter-spacing				: 1px;
    	font-size					: 0.7rem;
    	line-height					: 1;
    }
    
    .winkelmandje-controls-backorder input,
    .winkelmandje-controls-toevoegen input {
    	max-width					: 70px;
    }
    
    .producten-container {
    	width						: 100%;
    }
    
    .product-container {
    	width						: 100%;
    	flex-basis					: 100%;
    }
    
    .product-info-container {
    	width						: 90%;
    }
    
    .product-image-container {
    	height						: 180px;
    
    
    }

}