/*Fontinstelling voor de gehele website */
@font-face 
 	{
 	font-family: 'bariol_regular-webfont';
 	src: url('./../webfonts/bariol_regular-webfont.eot'); 											/* IE9 Compat Modes */
	src: url('./../webfonts/bariol_regular-webfont?#iefix') format('embedded-opentype'),	/* IE6-IE8 */
        url('./../webfonts/bariol_regular-webfont.woff2') format('woff2'), 					/* Super Modern Browsers */
        url('./../webfonts/bariol_regular-webfont.woff') format('woff'), 						/* Pretty Modern Browsers */
        url('./../webfonts/bariol_regular-webfont.ttf')  format('truetype'), 					/* Safari, Android, iOS */
        url('./../webfonts/bariol_regular-webfont.svg#svgFontName') format('svg'); 			/* Legacy iOS */
   font-display: swap;																							/* Voorkomen van onzichtbare tekst terwijl font laadt. */
	} 
/*=======================================================================================*/

body 
	{
	font-family: 'bariol_regular-webfont';	
	color: #BC4024;					/* Donkerrood-bruin als uit het logo */
	background-color: #FBFCD3;		/* Het lichtst-geel in de geest van het logo */
	}
.item-page
	{
	margin: 4vmin 6vmin 4vmin 6vmin; 		/* 'margin-top' 'margin-right' 'margin-bottom' 'margin-left' */
	}

img.img-left
	{
	float: left;
	}
img.img-right
	{
	float: right;
	}
.col-md-12 .blog
	{
	padding: 4vmin 6vmin 4vmin 6vmin;		/* 'padding-top' 'padding-right' 'padding-bottom' 'padding-left' */
	}
.manufacturer-details-view
	{
	margin: 4vmin 6vmin 4vmin 6vmin; 		/* 'margin-top' 'margin-right' 'margin-bottom' 'margin-left' */
	}
.formResponsive
	{
	margin: 1vmin 6vmin 4vmin 6vmin; 		/* 'margin-top' 'margin-right' 'margin-bottom' 'margin-left' */
	}
p
	{
	color: #000000;
	}
a
	{
	color: #B41917;    /* Rode kleur uit logo */
	text-decoration: underline;
	}
a:active
	{
	color: #B41917;
	font-weight: 600;
	}
/*a:visited
	{
	font-size: 1.8vmin;
	font-weight: 400;
	color: #91706F;
	} */
a:hover
	{
	color: #B41917;
	text-transform: uppercase;
	text-decoration: none;
	}
h1, h2, h3, h4, h5, h6
	{
	border:none;
	text-decoration: none;
	text-transform: none;
	}
.table > tbody > tr > td, .table > tbody > tr > th, 
.table > tfoot > tr > td, .table > tfoot > tr > th, 
.table > thead > tr > td, .table > thead > tr > th 
	{
    line-height: 2.1vmin;
    vertical-align: top;
    padding: 2px;
    border-top: 1px solid #ffffff;
 	}
.product-table
	{
	clear: both;
	width: 50%;
	height: auto;
	float: left;
	display: inline-block;
	font-size: 1.8vmin;
	color: #000000;
	}
ul > li
	{
	color: #000000;
	}
.header-3 {
	padding: 0.2vmin 2vmin 0.2vmin 1.5vmin; 	/* 'padding-top' 'padding-right' 'padding-bottom' 'padding-left' */
	}
.layout-header-3
	{
	padding-bottom: 0.1vw;
	}
.site-title
	{
	color: #FFFFFF;
	font-size: 3vmin;
	font-weight: 300;
	}
.page-header {
	margin: 20px 15px 10px 0px; 		/* 'margin-top' 'margin-right' 'margin-bottom' 'margin-left' */
	}
h1.page-header {
    border:none;
    padding-bottom: 0px;
}
.moduletable > div > h3
	{
	border: none;
	font-size: 2.2vmin;
	}
.header-right
	{
   display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
 	width: 98%;
	}
/* Navigatiecontrole in de slider: Verbergen  */
.carousel-control .glyphicon-chevron-left, 
.carousel-control .glyphicon-chevron-right, 
.carousel-control .icon-next, 
.carousel-control .icon-prev,
.carousel-indicators
	{
	display:none;
	}
/* Beperken ruimte boven de content  */
section
	{
	padding-top: 10px;
	}
/* Sorteren op  --- Fabrikant    Resultaten-display 	*/
.orderby-displaynumber.clearfix.small
	{
	font-size: 1.6vmin;
	}
/* Opmaak veld "sorteren op" in actief orderveld	*/
.activeOrder a
	{
	font-size: 1.6vmin;
	}
.activeOrder a:hover
	{
	text-transform: none;
	}
/* Opmaak 'korte beschrijving artikel' in artikeloverzicht     */
.product_s_desc.text-muted.small.text-center
	{
	font-size: 1.6vmin;
	}
/* Opmaak prijzenbox in artikeloverzicht     */
.price-w-label.well.small
	{
	font-size: 1.6vmin;
	}
/* Opmaak tekst 'Terug naar categorie'	*/
a.small.back-to-category
	{
	font-size: 2vmin
	}
/* Opmaak tekst onder Categorie-tumbnails   */
.thumbnail .caption
	{
	color: #B41917;    /* Rode kleur uit logo */
	}
/* Verkoopruimte met oa de prijzen .....      */
.spacer-buy-area
	{
	font-size: 2vmin
	}
.spacer-buy-area.small
	{
	font-size: 1.6vmin
	}
/*  Input aantal stuks    */
.input-group-sm > .form-control, 
.input-group-sm > .input-group-addon, 
.input-group-sm > .input-group-btn > .btn
	{
	font-size: 1.6vmin;
	}
/* De bestellen knop, de tekst "Bestellen" */
button.addtocart-button.btn.btn-primary.btn-sm
	{
	font-size: 1.8vmin;
	}
.manufacturer.list-inline.small a
	{
	font-size: 2vmin;
	}
..manufacturer.list-inline.small a:hover
	{
	font-size: 2vmin;
	}
.contentpane .vm-product-container > div
	{
	font-size: 1.8vmin;
	}
/* Aantal eenheden in doos in productbeschrijving    */
.product-box
	{
	color: #810404;     /* Donkerrood      */
	}
/* Tijdelijke maatregel om inloggen en registreren te verbergen (start op 24-08-2021) */
.toolbar-r a
	{
	display: none;
	} 
/*===============================================================================================*/
@media (max-width:1023px) {
	
/*  Zon in header niet tonen op kleinste schermen:      */
.custom_no-mobile
	{
	display: none;
	}
/*===================================================================================*/
/* Instellen van het accordeonmenu op schermen < 1024 pixels                         */
/*===================================================================================*/
/* Override of the default dark theme, wich is not changeble in DJ-Mega-Menu           */
.mm-menu.mm-theme-dark 
	{
    background: #FBD298; /* licht oranje van de rand van het logo */
    border-color: rgba(0,0,0,.15);
	}
.mm-menu.mm-theme-dark 
.mm-navbar a, 
.mm-menu.mm-theme-dark 
.mm-navbar > *, 
.mm-menu.mm-theme-dark em.mm-counter 
	{
	color: #A52A2A;
	}
.mm-menu.mm-theme-dark .mm-listview > li .mm-next::after, /* Kleur van het  next-symbool naar onderliggend nieveau van het menu  */
.mm-menu.mm-theme-dark .mm-btn::after,                    /* Kleur van het  next-symbool naar bovenliggend niveau van het menu   */
.mm-menu.mm-theme-dark .mm-btn::before 
	{
    border-color: #A52A2A;
 	}
 ul nav .menu .nav-pills .mm-listview .mobile-nav li
	{
	color: transparent;
	}
.nav-pills > li.active > a, 			/* Achtergrondkleur actief menu-item */
.nav-pills > li.active > a:focus, 
.nav-pills > li.active > a:hover 
	{
    color: #fff;
    background-color: #C04626;
	}
/*===================================================================================*/
/* Einde instellen van het accordeonmenuop schermen < 1024 pixels                                 */
/*===================================================================================*/
}
/*===============================================================================================*/
@media (max-width: 480px)
{
/*  Zon in header niet tonen op kleinste schermen:      */
.custom_no-mobile
	{
	display: none;
	}
/*  Zoekveld niet tonen op kleine schermen:        */
.search_no-mobile
	{
	display: none;
	}
.logo-center img
	{
	max-height: 100px;
	}
/* Padding van de blog op homepage aanpassen aan kleine schermen:      */
.col-md-12 .blog
	{
	padding: 2vmin 3vmin 3vmin 3vmin;		/* 'padding-top' 'padding-right' 'padding-bottom' 'padding-left' */
	}
.item-page img.img-left,
.product-description img.img-left
	{
	margin: 1vmin;	
	width: 100%;
	height: auto;
	}
.item-page img.img-right,
.product-description img.img-right
	{
	margin: 1vmin;	
	width: 100%;
	height: auto;
	}
/*  Sub-titel in de header    */
.moduletable > div > h3
	{
	border: none;
	font-size: 4.2vmin;
	}
h1
	{
	font-size: 7.2vmin;
	font-weight: 800;
	}
h2,
.com_content div[class*="column"] h2
	{
	font-size: 4.8vmin;
	font-weight: 600;
	text-transform: none;
	}
h3
	{
	font-size: 4.2vmin;
	}
h4
	{
	font-size: 3.6vmin;
	}
p
	{
	margin: 0vmin 0vmin 1vmin 0vmin;
	/*padding: 0.4vmin 2vmin 0.6vmin 0vmin;*/ 	/* 'padding-top' 'padding-right' 'padding-bottom' 'padding-left' */
	font-size: 3.8vmin;
	line-height: 4.2vmin;
	color: #3F0100; /* Heeeel donkerrood   */
	}
/*.hideme
	{
	display: none;
	} */
a
	{
	font-size: 3.8vmin;
	}
a:active
	{
	font-size: 3.6vmin;
	}
/*a:visited
	{
	font-size: 3vmin;
	} */
a:hover
	{
	font-size: 4vmin;
	}
h2 a 
	{
	color:#B41917; 
	font-size: 4.2vmin;
	font-weight: 500;
	text-decoration: underline;
	}
h2 a:hover
	{
	color:#B41917; 
	font-size: 4.4vmin;
	font-weight: 600;
	text-transform: none;
	}
ul > li
	{
	font-size: 3.8vmin;
	}
.product-table
	{
	width: 80%;
	height: auto;
	font-size: 3.8vmin;
	}
.toolbar
	{
	font-size: 3.5vmin;
	}
/* Sorteren op  --- Fabrikant    Resultaten-display 	*/
.orderby-displaynumber.clearfix.small
	{
	font-size: 3.2vmin;
	}
/* Opmaak veld "sorteren op" in actief orderveld	*/
.activeOrder a
	{
	font-size: 3.2vmin;
	}
.activeOrder a:hover
	{
	text-transform: none;
	}
/* Opmaak 'korte beschrijving artikel' in artikeloverzicht     */
.product_s_desc.text-muted.small.text-center
	{
	font-size: 3.2vmin;
	}
/* Opmaak tekst 'Terug naar categorie'	*/
a.small.back-to-category
	{
	font-size: 2.6vmin
	}
/* Opmaak prijzenbox in artikeloverzicht     */
.price-w-label.well.small
	{
	font-size: 2.6vmin;
	}
/* Opmaak van het anatal in de input */
.input-group-sm > .form-control
	{
	font-size: 3.2vmin;
	}
/* De bestellen knop, de tekst "Bestellen" */
button.addtocart-button.btn.btn-primary.btn-sm
	{
	font-size: 3.6vmin;
	}	
/* Aantal eenheden in doos in productbeschrijving    */
.product-box
	{
	font-size: 3.2vmin;
	}
/* ======================================================================*/
/* Instellen opmaak formulieren                                          */
/* ======================================================================*/
label.formControlLabel   /* Titel boven invoerveld*/
	{
	font-size: 3.4vmin;
	}
p.formDescription /* Beschrijving invoerveld onder invoerveld*/
	{
	font-size: 3.4vmin;
	}
input .rsform-upload-box, /* Invoervelden */
input .rsform-upload-box.form-control
	{
	font-size: 4vmin;
	line-height: 4.6vmin;

	}
.formResponsive input[type="text"], 
.formResponsive input[type="number"], 
.formResponsive input[type="email"], 
.formResponsive input[type="tel"], 
.formResponsive input[type="url"], 
.formResponsive input[type="password"],
.form-body.form-control,
.formResponsive select, 
.formResponsive input[type="file"],
.formValidation							/* Opmaak invoer- en selectievelden */
	{
    display: inline-block;
    padding: 0.6vmin;
    margin-bottom: 2vmin;
    font-size: 3.8vmin;
    line-height: 4vmin;
	}
button, input, select, textarea
	{
	padding: 0.5vmin;
   margin-bottom: 2vmin;
	font-size: 3vmin;
	line-height: 4vmin;
	}
.formResponsive input[type="submit"], /* Opmaak butten en button text */
.formResponsive button[type="submit"]
	{
	background-color: #0074cc;
	font-size: 4.4vmin;
	line-height: 5vmin;
	width: auto;
	}
p.rsformVerticalClear label
	{
	font-size: 3.8vmin;
	}
/* ======================================================================*/
/* Einde instellen opmaak formulieren                                    */
/* ======================================================================*/
}

/*===============================================================================================*/
@media (min-width: 481px) and (max-width: 639px){
	
.item-page img.img-left,
.product-description img.img-left
	{
	margin: 1vmin;	
	width: 100%;
	height: auto;
	}
.item-page img.img-right,
.product-description img.img-right
	{
	margin: 1vmin;	
	width: 100%;
	height: auto;
	}
.moduletable > div > h3
	{
	border: none;
	font-size: 3vmin;
	}
h1
	{
	font-size: 6vmin;
	}
h2,
.com_content div[class*="column"] h2
	{
	font-size: 4vmin;
	}
h3
	{
	font-size: 3.4vmin;
	}
h4
	{
	font-size: 2.8vmin;
	font-weight: 600;
	}
p
	{
	font-size: 2.8vmin;
	line-height: 3.2vmin;
	}
.hideme
	{
	display: none;
	}
h2 a
	{
	font-size: 3.4vmin;
	}
h2 a:hover
	{
	font-size: 3.6vmin;
	}
ul > li
	{
	font-size: 2.2vmin;
	}
.list-inline li > a
	{
	font-size: 3vmin;
	}
.product-table
	{
	width: 60%;
	height: auto;
	font-size: 2.2vmin;
	}
/* Sorteren op  --- Fabrikant    Resultaten-display 	*/
.orderby-displaynumber.clearfix.small
	{
	font-size: 2.8vmin;
	}
/* Opmaak veld "sorteren op" in actief orderveld	*/
.activeOrder a
	{
	font-size: 2.8vmin;
	}
.activeOrder a:hover
	{
	text-transform: none;
	}
/* Opmaak 'korte beschrijving artikel' in artikeloverzicht     */
.product_s_desc.text-muted.small.text-center
	{
	font-size: 2.8vmin;
	}
/* Opmaak tekst 'Terug naar categorie'	*/
a.small.back-to-category
	{
	font-size: 2.8vmin
	}
/* Opmaak prijzenbox in artikeloverzicht     */
.price-w-label.well.small
	{
	font-size: 2.8vmin;
	}
/* De bestellen knop, de tekst "Bestellen" */
button.addtocart-button.btn.btn-primary.btn-sm
	{
	font-size: 3vmin;
	}
.logo-center img
	{
	max-height: 100px;
	}
/*  Zoekveld niet tonen op kleine(re) schermen:        */
.search_no-mobile
	{
	display: none;
	}
/* Aantal eenheden in doos in productbeschrijving    */
.product-box
	{
	font-size: 2vmin;
	}
}	
/*===============================================================================================*/
/* Speciaal voor de S5 in landscape, vanwege template.css regel 2040   */
@media (min-width: 620px) and (max-width: 640px){
.logo-center img 
	{
    max-height: 100%;
    width: auto;
	}
}
/*===============================================================================================*/
@media (min-width: 640px) and (max-width: 812px) and (orientation: portrait){


.item-page img.img-left,
.product-description img.img-left
	{
	margin: 1vmin;	
	width: 100%;
	height: auto;
	}
.item-page img.img-right,
.product-description img.img-right
	{
	margin: 1vmin;	
	width: 100%;
	height: auto;
	}
h1
	{
	font-size: 4.6vmin;
	font-weight: 800;
	}
h2,
.com_content div[class*="column"] h2
	{
	font-size: 3.4vmin;
	font-weight: 600;
	text-transform: none;
	}
h3
	{
	font-size: 2.6vmin;
	font-weight: 500;
	}
h4
	{
	font-size: 2.4vmin;
	font-weight: 600;
	}
p
	{
	margin: 0vmin 0vmin 1vmin 0vmin;
	/*padding: 0.4vmin 2vmin 0.6vmin 0vmin;*/ 	/* 'padding-top' 'padding-right' 'padding-bottom' 'padding-left' */
	font-size: 2.2vmin;
	line-height: 2.4vmin;
	color: #3F0100; /* Heeeel donkerrood   */
	}
/*.hideme
	{
	display: none;
	} */
ul.nav-child.unstyled.small.mm-listview
	{
	display: block;
	}
h2 a 
	{
	color:#B41917; 
	font-size: 3.4vmin;
	font-weight: 500;
	text-decoration: underline;
	}
h2 a:hover
	{
	color:#B41917; 
	font-size: 3.6vmin;
	font-weight: 600;
	text-transform: none;
	}
ul > li
	{
	font-size: 2.2vmin;
	}
.product-table
	{
	width: 40%;
	height: auto;
	font-size: 2.2vmin;
	}

.list-inline li > a
	{
	font-size: 2.5vmin;
	}
/* Sorteren op  --- Fabrikant    Resultaten-display 	*/
.orderby-displaynumber.clearfix.small
	{
	font-size: 2.8vmin;
	}
/* Opmaak veld "sorteren op" in actief orderveld	*/
.activeOrder a
	{
	font-size: 2.8vmin;
	}
.activeOrder a:hover
	{
	text-transform: none;
	}
/* Opmaak 'korte beschrijving artikel' in artikeloverzicht     */
.product_s_desc.text-muted.small.text-center
	{
	font-size: 2.8vmin;
	}
/* Opmaak tekst 'Terug naar categorie'	*/
a.small.back-to-category
	{
	font-size: 2.8vmin
	}
/* Opmaak prijzenbox in artikeloverzicht     */
.price-w-label.well.small
	{
	font-size: 2.8vmin;
	}
/* De bestellen knop, de tekst "Bestellen" */
button.addtocart-button.btn.btn-primary.btn-sm
	{
	font-size: 3vmin;
	}
/* Aantal eenheden in doos in productbeschrijving    */
.product-box
	{
	font-size: 2vmin;
	}
/* ======================================================================*/
/* Instellen opmaak formulieren                                          */
/* ======================================================================*/
label.formControlLabel   /* Titel boven invoerveld*/
	{
	font-size: 2.2vmin;
	}
p.formDescription /* Beschrijving invoerveld onder invoerveld*/
	{
	font-size: 2.2vmin;
	}
input .rsform-upload-box, /* Invoervelden */
input .rsform-upload-box.form-control
	{
	font-size: 2.2vmin;
	line-height: 3vmin;
	height: auto;
	}
.formResponsive input[type="text"], 
.formResponsive input[type="number"], 
.formResponsive input[type="email"], 
.formResponsive input[type="tel"], 
.formResponsive input[type="url"], 
.formResponsive input[type="password"],
.form-body.form-control,
.formResponsive select, 
.formResponsive input[type="file"],
.formValidation							/* Opmaak invoer- en selectievelden, inclusief uploadbox en bijbehorende button */
	{
    display: inline-block;
    padding: 0.5vmin;
    margin-bottom: 1vmin;
    font-size: 1.4vmin;
    line-height: 1.8vmin;
    height: auto;
	}
.formResponsive input[type="button"], 
.formResponsive button[type="button"], 
.formResponsive input[type="submit"], 
.formResponsive button[type="submit"], 
.formResponsive input[type="reset"], 
.formResponsive button[type="reset"] /* Opmaak toevoegen extra upload, inclusief buttons */
	{
	font-size: 1.4vmin;
	line-height: 1.6vmin;
	color: #333333;
	height: auto;
	}
button, input, select, textarea
	{
	padding: 0.5vmin;
   margin-bottom: 1vmin;
	font-size: 1.8vmin;
	line-height: 2vmin;
	height: 2.2vmin;
	}
input.rsform-radio#text /* Opmaak tekst naar de radiobutton */
	{
	font-size: 1.6vmin;
	line-height: 1.7vmin;
	}
.formResponsive input[type="submit"], /* Opmaak button en button text */
.formResponsive button[type="submit"]
	{
	background-color: #0074cc;
	font-size: 2.2vmin;
	line-height: 2.4vmin;
	height: auto;
	width: auto;
	}
p.rsformVerticalClear label
	{
	font-size: 1.8vmin;
	}
/* ======================================================================*/
/* Einde instellen opmaak formulieren                                    */
/* ======================================================================*/
}
/*===============================================================================================*/
@media (min-width: 640px) and (max-width: 812px) and (orientation: landscape){
/*===================================================================================*/
/* Instellen van het accordeonmenu op landscape schermen 640 - 812 pixels            */
/*===================================================================================*/
/* Let's overrule the inline css foor the body font-size 1,5vh!:     */	
div.mm-navbar > a.mm-title
	{
	font-size: 3em;
	font-weight: 600;
	}
.mm-listview a,   
.mm-listview a:hover, 
/*===================================================================================*/
	{
	font-size: 1.2em;
	} */
.toolbar-email a
	{
	font-size: 3.6vmin;
	}
.item-page img.img-left,
.product-description img.img-left
	{
	margin: 1vmin;	
	width: 45%;
	height: auto;
	}
.item-page img.img-right,
.product-description img.img-right
	{
	margin: 1vmin;	
	width: 45%;
	height: auto;
	}
.moduletable > div > h3    /*Site-titel --> sub-titel */
	{
	border: none;
	font-size: 6vmin;
	}
h1
	{
	font-size: 5.6vmin;
	font-weight: 800;
	}
h1.page-header
	{
	font-size: 10vmin;
	}
.category-view h1.page-header
	{
	font-size: 8vmin;
	}
h2,
.com_content div[class*="column"] h2
	{
	font-size: 5.4vmin;
	font-weight: 600;
	text-transform: none;
	}
h3
	{
	font-size: 4.6vmin;
	font-weight: 600;
	}
h4
	{
	font-size: 3.6vmin;
	font-weight: 600;
	}
p
	{
	margin: 0vmin 0vmin 1vmin 0vmin;
	/*padding: 0.4vmin 2vmin 0.6vmin 0vmin;*/ 	/* 'padding-top' 'padding-right' 'padding-bottom' 'padding-left' */
	font-size: 4vmin;
	line-height: 4.4vmin;
	color: #3F0100; /* Heeeel donkerrood   */
	}
h2 a 
	{
	color:#B41917; 
	font-size: 4.4vmin;
	font-weight: 500;
	text-decoration: underline;
	}
h2 a:hover
	{
	color:#B41917; 
	font-size: 4.6vmin;
	font-weight: 600;
	text-transform: none;
	}
ul > li
	{
	font-size: 4vmin;
	}
.list-inline li > a
	{
	font-size: 3.5vmin;
	}
.product-table
	{
	width: 40%;
	height: auto;
	font-size: 4vmin;
	}

/* Hoofdcategorietekst instellen  */
.vm-category-listing ul li a
	{
	font-size: 3.6vmin;
	}
/* Sorteren op  --- Fabrikant    Resultaten-display 	*/
.orderby-displaynumber.clearfix.small
	{
	font-size: 3.8vmin;
	}
/* Opmaak veld "sorteren op" in actief orderveld	*/
.activeOrder a
	{
	font-size: 3.8vmin;
	}
.activeOrder a:hover
	{
	text-transform: none;
	}
/* Opmaak 'korte beschrijving artikel' in artikeloverzicht     */
.product_s_desc.text-muted.small.text-center
	{
	font-size: 3.8vmin;
	}
/* Opmaak tekst 'Terug naar categorie'	*/
a.small.back-to-category
	{
	font-size: 3.8vmin
	}
/* Opmaak prijzenbox in artikeloverzicht     */
.price-w-label.well.small
	{
	font-size: 3.8vmin;
	}
/* Opmaak van het anatal in de input */
.input-group-sm > .form-control
	{
	font-size: 3.8vmin;
	}
/* De bestellen knop, de tekst "Bestellen" */
button.addtocart-button.btn.btn-primary.btn-sm
	{
	font-size: 4vmin;
	}
/* Aantal eenheden in doos in productbeschrijving    */
.product-box
	{
	font-size: 3.6vmin;
	}
}
/*===============================================================================================*/
@media (min-width: 813px) and (max-width: 1023px) {


.item-page img.img-left,
.product-description img.img-left
	{
	margin: 1vmin;	
	width: 100%;
	height: auto;
	}
.item-page img.img-right,
.product-description img.img-right
	{
	margin: 1vmin;	
	width: 100%;
	height: auto;
	}
.moduletable > div > h3    /*Site-titel --> sub-titel */
	{
	border: none;
	font-size: 3.2vmin;
	}
h1
	{
	font-size: 6vmin;
	font-weight: 800;
	}
h2,
.com_content div[class*="column"] h2
	{
	font-size: 3.2vmin;
	font-weight: 600;
	text-transform: none;
	}
h3
	{
	font-size: 2.8vmin;
	font-weight: 500;
	}
h4
	{
	font-size: 2.4vmin;
	font-weight: 600;
	}
p
	{
	margin: 0vmin 0vmin 1vmin 0vmin;
	/*padding: 0.4vmin 2vmin 0.6vmin 0vmin;*/ 	/* 'padding-top' 'padding-right' 'padding-bottom' 'padding-left' */
	font-size: 2.6vmin;
	line-height: 3vmin;
	color: #3F0100; /* Heeeel donkerrood   */
	}
.hideme
	{
	display: none;
	}
h2 a 
	{
	color:#B41917; 
	font-size: 4vmin;
	font-weight: 500;
	text-decoration: underline;
	}
h2 a:hover
	{
	color:#B41917; 
	font-size: 4.2vmin;
	font-weight: 600;
	text-transform: none;
	}
ul > li
	{
	font-size: 2.5vmin;
	}
.product-table
	{
	width: 50%;
	height: auto;
	font-size: 2.5vmin;
	}
.list-inline li > a
	{
	font-size: 1.8vmin;
	}
/* Aantal eenheden in doos in productbeschrijving    */
.product-box
	{
	font-size: 2.2vmin;
	}
}
/*===============================================================================================*/

@media (min-width: 1024px) {
p
	{
	margin: 0vmin 0vmin 1vmin 0vmin;					/* 'margin-top' 'margin-right' 'margin-bottom' 'margin-left' */
	/*padding: 0.4vmin 2vmin 0.6vmin 0vmin;*/ 	/* 'padding-top' 'padding-right' 'padding-bottom' 'padding-left' */
	font-size: 2vmin;
	line-height: 2.4vmin;
	color: #3F0100; /* Heeeel donkerrood   */
	}
h1
	{
	font-size: 6vmin;
	font-weight: 900;
	}
h2,
.com_content div[class*="column"] h2
	{
	font-size: 3.2vmin;
	}
h3
	{
	font-size: 2.6vmin;
	}
h4
	{
	font-size: 2vmin;
	}
h2 a 
	{
	color:#B41917; 
	font-size: 3vmin;
	font-weight: 500;
	text-decoration: underline;
	}
h2 a:hover
	{
	color:#B41917; 
	font-size: 2.8vmin;
	font-weight: 600;
	text-transform: none;
	}
ul > li
	{
	font-size: 2vmin;
	}
a
	{
	font-size: 1.8vmin;
	}
a:active
	{
	font-size: 1.7vmin;
	}
a:hover
	{
	font-size: 1.9vmin;
	}
.toolbar
	{
	font-size: 1.5vmin;
	}
header.layout-header-3
	{
	position: inherit;
	}
/*============================================================================== */
/* Opmaak van het hoofdmenu: Alle schermen van 1024 pixels                       */
/*============================================================================== */
body:not(.header2) 
.navbar-nav > .parent > a::after, 
body:not(.header2) 
.navbar-nav > .parent > span::after,
a.sf-with-ul::after
	{
	font-family: 'Glyphicons Halflings';
	font-size: 9px;
	content: "\E252";
	margin-left: 5px;
	line-height: normal;
	}
body:not(.header2) .mobile-nav  > .parent > a::after,  	/* Laten we systeem voor de gek houden   */
body:not(.header2) .mobile-nav > .parent > span::after,
	{
	font-family: 'Glyphicons Halflings';
	font-size: 9px;
	content: "\E252";
	margin-left: 5px;
	line-height: normal;	
	}
body:not(.header2) .mobile-nav > li > a,                 /* Uitklappen submenu netjes nar beneden in de content */
body:not(.header2) .mobile-nav > li > span 
	{
	font-size: 2vmin;
	text-transform: none;
	}
ul.nav-pills li
	{
	background-color: #3BA0D2; /* zacht blauw */
	border: 1px #000;
	font-variant: normal;
	}
ul.nav-pills li a
	{
	color: #ffffff;
	}
body:not(.header2) .navbar-nav > li > a, 
body:not(.header2) .navbar-nav > li > span
	{
	font-size: 2vmin;
	text-transform: none;	
	}
body:not(.header2) .navbar-nav .active > a
	{
	background-color: #3DB86D;	 /* Verzachte groene kleur */
	border: 2px solid #fff;
	}

.desktop .navbar-nav > li > a:hover,
.desktop .navbar-nav > li:hover > a,
body:not(.header2) .navbar-nav > li > a:hover
	{
	background-color: #C1122F;	 /* Verzachte rode kleur uit logo */
	border: 1px solid #fff;
	}
/*============================================================================== */
/* Einde opmaak van het hoofdmenu: Alle schermen vanaf 1024 pixels             */
/*============================================================================== */
.item-page img.img-left,
.product-description img.img-left
	{
	margin: 2vmin;	
	width: 45%;
	height: auto;
	}
.item-page img.img-right,
.product-description img.img-right
	{
	margin: 2vmin;	
	width: 45%;
	height: auto;
	}
.moduletable > div > h3    /*Site-titel --> sub-titel */
	{
	border: none;
	font-size: 3.2vmin;
	}
.product-table
	{
	width: 40%;
	height: auto;
	font-size: 2vmin;
	}
.list-inline li > a
	{
	font-size: 2.2vmin;
	}
/* Aantal eenheden in doos in productbeschrijving    */
.product-box
	{
	font-size: 2vmin;
	}
/* Instellen opmaak formulieren*/
label.formControlLabel
	{
	font-size: 1.6vmin;
	}
p.formDescription
	{
	font-size: 1.6vmin;
	}
div.formbody input 
	{
	font-size: 1.6vmin;
	}
p.rsformVerticalClear label
	{
	font-size: 1.6vmin;
	}
/* Einde instellen opmaak formulieren*/
}