html {
	overflow-x: hide;
	overflow-y: auto;	
    }
body {
	background-color: #FFFFFF;
	
	font-family: graphikLg, Verdana, 'sans-serif'; 
	scrollbar-face-color: #4D4248;    
	scrollbar-highlight-color: #FFFFFF;
	scrollbar-3dlight-color: #FFFFFF;
	scrollbar-darkshadow-color: #FFFFFF;
	scrollbar-shadow-color: #FFFFFF;
	scrollbar-arrow-color: #000;
	scrollbar-track-color: #4D4248;
	scrollbar-width: 3px;	
}
* {
	margin:0;
	padding:0;
}
h1,h2,h3,b, strong {
	font-weight:400;
}
h1, h2, h3, p, ul {
	padding-bottom:10px;
}
#textcontainer ul {
	list-style:none;
	margin-left:20px;
} 
#textcontainer li:before {
	content:"\2713\0020";
	display: block;
	float: left;
	width: 20px;
} 
#textcontainer ul li {
	text-indent: -20px;
}
#bg { 
	position: fixed; 
	top: 0; 
	left: 0; 
}
.bgwidth { 
	width: 100%; 
}
.bgheight { 
	height: 100%; 
}
.bg_menu {
	background-color: #23282B;
}
.borders_main {
	border-color: #23282B;
}
.color_main {
	color: #333333;
}
.colors_main {
	color: #C90C3E;
}
.fonts {
	font-family: graphikLg, Verdana, 'sans-serif';
}
#formcontent {	
	margin-left:auto;
	margin-right:auto;
	margin-top:10px;
	padding-top:10px;
	padding-bottom:30px;
	/*background:#EDEDED;*/
	width:280px;
}
#formcontact {
    position:relative;
	padding:10px 0 10px 0;
	width:280px;
	height:450px;
	margin:30px auto 0 auto;
	display:none;
	z-index:10001;
	box-sizing:border-box;
}	
#closeIcon {
	position:absolute;
	top:0px;
	right:0px;
	width:30px;
}
.stijl7 {
	font-size: 16px;
	font-family: graphikLg, Verdana, 'sans-serif';
	border:#000 1px solid;
	height:30px;
	width:280px;
	padding-top:5px; 
}
.stijl7B {
	float:left;
	font-size: 18px;
	font-family: graphikLg, Verdana, 'sans-serif';
	color:#FFF;
	background:#666;
	border:#000 1px solid;
	height:30px;
	width:280px;
	margin:0 0 7px 0;
	padding-top:6px; 
	text-align:center;
	border-radius:4px;
}
.stijl8 {
	color: #000; /*23282B; */
	background-color:#CCC; /*333333;*/
	padding:7px 0px 7px 0px;
	height:35px;
	width:285px;	
}
.stijl9 {
	float:left;
	padding-bottom:8px;
	margin-left:35px;
	text-align:left;
	font-size:9px;
	color: #23282B;	
}
.stijl10 {
	font-size:12px;
}
.stijl35 { 
	color: #000000; 
	font-size: 14px;
	font-family: graphikLg, Verdana, 'sans-serif'; 
}
.stijl36 { 
	color: #000000; 
	font-size: 14px;
	font-family: graphikLg, Verdana, 'sans-serif';
	font-weight:600; 
}
a:link { 
	text-decoration: none; 
}
a:visited { 
	text-decoration: none; 
}
a:hover { 
	text-decoration: none; 
}
a:active { 
	text-decoration: none; 
}
.bg_main {
	background-color: #FFFFFF;
}
#headercenter {
	float:left;
	width:100%;
	margin-top:20px;
	height: auto;
	min-height: 100% !important;
	background: #000000;
    color:#FFFFFF;
    font-family:'Roboto Mono', monospace;
   	font-size:15px;
   	font-weight:normal;	
	z-index:1000;
}
#topbar_container {
	position:fixed;
	top:0px;
    width:100%;
   	margin:0px 0px 0px 0px;
	padding:3px 0 6px 0;	
	background:#000000;
	z-index:1010;
}
#topbarcontent {
	position:relative;
	width:100%;
	max-width:1280px;
	height:28px;
	margin:0px auto 0px auto;
	min-width:300px;
	text-align:center;
	z-index:1001;	
}
#headercontent{
	float:left;
	background:#23282B;
	width:100%;
	/*position:relative;*/	
	margin:0px auto 0px auto;	
	padding:0px 0 0 0;
	width:100%;
	/*max-width:1280px;*/
	min-width:300px;
	text-align:center;	
	z-index:1001;	
}
#toptext {
	float:left;
	text-align:left;
	margin:8px 0 4px 0;
	font-weight:600;
	color:#FFF;
}
.white {
	color:#fff;
}
#newsreg {
	position:absolute;
	width:320px;
	min-height:250px;	
	margin:12px 0 0 0;
	padding:10px;
	background:#EDEDED;
	display:none;
}
#showmenu {
	position:fixed;
	top:7px;
	right:3px;
	width:25px;
	z-index:1050;
	display:none;
	/*background: #23282B;*/
}
.menubox{
	float:left;
	width:32%;	
	text-align:center;
}
.logo {
	width:100%;
	height:auto;
	min-width:100px;
	max-width:180px;	
	margin:5px auto 0px auto;
	text-align:center;	
}
#shopmenu {
	float:right;
	max-width:165px;
	margin-top:2px;
	padding:0px 5px 0px 0px;
	text-align:right;
	font-size:17px;										/*	display:none;*/
}
.basket {
	position:absolute;
	width:10px;
	margin:9px 0 4px 7px;
}
.bascolor {
	font-size:15px;
	font-weight:600;
	color:#FF0000;
}
.ba {
	float:left;
	width:30px;
	padding:0 14px 0 0;
}
#socmed {
	float:right;
	width:150px;
}
.media-icon {
	border:0px;
	width:21px;
	height:21px;
}
#acclayer {
	position:absolute;
	width:320px;	
	margin:37px 0 0 -300px;
	padding:10px;
	background:#EDEDED;
	display:none;
}
#curLang {
	position:fixed;
	right:5px;
	top:28px;
	width:30px;
	text-align:center; 										display:none;
}
#otherLang {
	position:absolute;
	width:30px;
	background:#FFF;
	display:none;
}
.flags {
	margin:1px;
}
.headcolor {
	color:#FFF;	/* FFFFFF; */
}
#menubox-top {
	/*float:left;*/
	position:relative;
	max-width:1280px;
    width:100%;
	min-height:21px;
   	margin:16px auto 0px auto;
	padding:32px 0px 20px 0px;	
	background:#23282B;															/* background:#23282B; */
/*	border-top:1px solid #000;border-bottom:1px solid #000; */
}
.menu-top {
	float:left;
	width:100%;
	max-width:940px;
}
.searchh1 {
	float:right;
	width:100%;
	min-width:320px;
	max-width:320px;
	padding:0px 0px 2px 0px;
	text-align:center;	
}
#searchh1 {
	width:70%;
	border: #E6E6E6 0px dashed;
    font-family:graphikLg, Verdana, 'sans-serif';  
  	background: #23282B;
	color:#333333;
	font-weight:300;
	font-size:14px;	
}
.menuTabc {
	float:left;
	min-height:22px;
	margin:0px;
	padding:0px 14px 0px 14px;
  	background:#23282B;															/* background:#23282B; */
	
	border-radius: 0px 0px 0px 0px ;
    font-family:graphikLg, Verdana, 'sans-serif';  
  	color: #FFFFFF;
	font-weight:normal;
	font-size:17px;
}
.menuTabFirst {
	padding-left:0px;
}
.menuTabLast {
	padding-right:0px;
}
.menuColor {
  	color: #FFFFFF;	
}


.submenuLayer {
	position:absolute;
    margin:40px 0 0 0;
    width:100%; /*200px; max-width:200px; */
    
    background:#EDEDED;
	color: #000000;
    font-size:16px;
    font-weight:100;
    display:none;
    text-align:left;
    padding:5px;
    border-top:none;
	border-radius: 0px 0px 0px 0px ;
    z-index:1020;
}
.subcros {
	position:absolute;
	right:0;
	top:0;
	display:none;
}
.submInhoud {
	position:relative;
	max-width:1280px;
    width:100%;
	min-height:150px;
   	margin:10px auto 0px auto;
	padding:7px 0px 30px 0px;
	box-sizing:border-box;
}
.catim {
	float:right;
	margin:0 60px 0 0;
}
.submenuColor {
  	color: #000000;	
}
.spansub {
	float:left;
	width:225px;
	min-width:250px;
	padding:2px 20px 6px 0px;
	box-sizing:border-box;	
}
#crumbcenter{
	float:left;
	width:100%;
	margin-top:5px;
	z-index:4;		
}
#crumbcontainer {
	position:relative;
	width:100%;
	max-width:1280px;
	margin:0 auto 0 auto;
	background:#fff; /* #f4ec32;	 */
	box-sizing:border-box;
}
.crumb {
	float:left;
	margin:0px 0px 10px 0px;
	padding: 0px 6px 0px 0px;
	/*height:18px;*/
	font-size:15px;	
	background:#fff;
}
.crumbcolor {
	color:#929292;
}
#bodycenter{
	float:left;
	width:100%;
	height:100%;	
	margin-top:10px;
	padding-bottom:10px;
	z-index:4;	
}
#bodycontent{
	position:relative;
	width:100%;
	height:100%;
	margin-left:auto;
	margin-right:auto;
	max-width:1280px;
	min-width:300px;
      
	border-radius: 0px 0px 0px 0px ;       
    font-family: graphikLg, Verdana, 'sans-serif';
	font-size: 16px; 
	display:block;
	z-index:3;		
}
#bodycontent1{
	position:relative;
	width:100%;
	height:100%;
	margin:0 auto 0 auto;
	padding-bottom:40px;
	max-width:1920px;
	min-width:300px;
	/*min-height:780px;       */
    font-family: graphikLg, Verdana, 'sans-serif';
	font-size: 16px; 
	color: #000000;
	display:block;
	z-index:3;	
}
#bodycontent2{
	position:relative;
	width:100%;
	height:100%;
	margin-left:auto;
	margin-right:auto;
	max-width:1600px;
	min-width:300px;
	/*min-height:780px;       */
    font-family: graphikLg, Verdana, 'sans-serif';
	font-size: 16px; 
	color: #000000;
	display:block;
	z-index:3;	
}
#bodycontent3{
	position:relative;
	width:100%;
	height:100%;
	margin-left:auto;
	margin-right:auto;
	max-width:1240px;
	min-width:300px;
	min-height:780px;       
    font-family: graphikLg, Verdana, 'sans-serif';
	font-size: 16px; 
	color: #000000;
	display:block;
	z-index:3;	
}
.bodybg {
	background: #FFFFFF;
}
.templatebg {
	background: #FFFFFF;
}
.clearfix:after {
	content: "";
	display: table;
	clear: both;
}
#textcontainer {
	float:left;
    width:74%;
	height:100%;
	padding:5px 2% 0px 4%;	
    font-family: graphikLg, Verdana, 'sans-serif';
	font-size: 16px;
	box-sizing:border-box;
}
#textcontainer1 {
	float:left;
    width:100%;
	height:100%;
	padding:5px 0% 0px 0%;	
    font-family: graphikLg, Verdana, 'sans-serif';
	font-size: 16px;
	box-sizing:border-box;
}
#rightpicscol {
	float:left;
	width:190px;
	min-height:750px;
	padding-bottom:0px;
	background: #FFFFFF;
	border-right:1px solid #CCC;
	text-align:center;
}
.rigtpic {
	margin-top:15px;
}
.rightpicbox {
	float:left;
	width:150px;
    min-height:200px;
   /* max-height:200px;	*/
	margin-top:15px;
    margin-left:25px;       
}
.rightpics {
	border:0px;
   	vertical-align: bottom;
}
.rightpiclabel {
	position:absolute;
    width:150px;
    margin-top:-15px;
    text-align:center;
	background:#23282B;
    color: #FFFFFF;
    font-size:11px;    
}
#likit {
	float:right;
    width:75px;
    height:20px;
}
#likit iframe {
	border:none; 
	overflow:hidden; 
	width:80px; 
	height:30px;
}
.article_sum { /* rss news */
	float:left;
    width:100%;
	padding:15px 0px 5px px;	
	border-bottom:#000000 solid 2px;
	font-size:14px;
}
.article_sum iframe {
	border:none; 
	overflow:hidden; 
	width:250px; 
	height:50px;
}
#socmedia{
	float:left;
	width:100%;
	padding:50px 0 30px 0;
	text-align:center;
}
.mediaicon {
	width:37px;
	height:auto;
	margin:0 30px 0 30px;
}
#sideflip {
	position:fixed;
	width:90%;
	max-width:500px; 
	padding:3px 0px 0 0px;
	box-sizing:border-box;
	overflow:hidden;
	top:0;
	right:0;
	background:#FFF;
	font-size:12px;
	display:none;
	z-index:100000;
}
#sideflip ul li {
	margin-left: 15px;
}
#flipcontentent {
	float:left;
	width:100%;
	height:100%;
	background:#F2F2F2;
	font-size:15px;
	margin-top:-7px;
	padding:20px 20px 30px 20px;
	box-sizing:border-box;
	overflow:auto;

}	
#footercenter{
	float:left;
	width:100%;
	margin-top:0px;
	border-top:solid #CCCCCC 1px;
	border-radius: 0px 0px 0px 0px ;
    background:#23282B;
	color: #CCCCCC; 		
}
#footercontent{
	position:relative;
	width:100%;
	margin-left:auto;
	margin-right:auto;
	max-width:1280px; 	
	min-width:300px;
    font-family:graphikLg, Verdana, 'sans-serif';
	font-size:15px;
    font-weight:100;	
	z-index:1001;	
}
.footbox{
	float:left;
	width:20%;
	padding-left:4%;
	min-width:210px;
	margin-top:10px;
	text-align:left;
}
#footercontent b {
	font-weight:500;
}
.footlinksb {  
	color:#CCCCCC;
}
#copyright {
	float:left;
	width:100%;
	margin-top:20px;
	text-align:center;
	font-size:10px;
	color:#CCCCCC;
}
#kwcloud {
	float-left;
	width:86%;
	padding:7%;
}
.kwcloud { 
	text-align: justify; 
	word-spacing:5px;
}
.kwlink {
	float:left;
	font-size:12px;
	width:100%;
	text-align:right;
	word-spacing:normal;
}.kww1 {
	color:#BF3073;
	font-size:9px;
}.kww2 {
	color:#2CC932;
	font-size:12px;
}.kww3 {
	color:#FF0000;
	font-size:15px;
}.kww4 {
	color:#000000;
	font-size:18px;
}.kww5 {
	color:#000000;
	font-size:24px;
}.kww6 {
	color:#000000;
	font-size:26px;
}
/* SHOPPINGBAG */
#bagbody {
	float:left;
	width:100%;	
	max-width:500px;
	min-width:300px;
	height:360px;
	padding:5%;
	box-sizing:border-box;
	font-size: 14px;
}
#bagbar {
	float:left;
	width:100%;
	font-size:17px;
	font-weight:500;
	background-color:#CCCCCC;
}
.bagouta {
	background:#EDEDED;
	width:100%;
	color:#000;
}
.bagout {
	background:#333;
	margin-top:9px;
	border-radius:10px 10px 10px 10px;
}
.bagline {
	float:left;
	width:100%;
	font-size:17px;
	margin-top:1px;
	border-bottom:1px solid #CCC;	
}
.textbloc1 {
	width:75%;
	float:left;
	text-align:left;
}
.textbloc2 {
	width:25%;
	float:left;
	text-align:right;
}
.bagknop {
	width:100%;
	margin-top:10px;
	/*background-color:#FFFFFF; */
	color:#000;
	border:1px solid #CCC;	
}
#ebag {
	position:relative;width:20%;min-height:200px;margin:50px auto 0 auto;padding:0 0 0px 0;text-align:center;background-image:url(https://berkelmans.nl/images/bag.png);background-size:contain;background-repeat:no-repeat;border:0px solid #000;
}
#baglayer {
	float:left;
	width:100%;
	margin:-233px 0 150px 0;
	padding:10px;
	border:1px solid #CCC;
	box-sizing:border-box;
}
@media only screen and (max-width: 720px) {
#baglayer {
	margin:-233px 0 30px 0;
	border:0px solid #FFF;
	}
}
.bagpicl {
	float:left;width:12.5%;height:auto;
}
.bagpicr {
	float:right;width:12.5%;height:auto;
}



@media only screen and (max-width: 1340px) {
#toptext {
	padding-left:45px;
	}
}
@media only screen and (max-width: 1280px) {
#shopmenu {
	max-width:145px;
	margin-right:20px;
}
#socmed {
	display:none;
	}
.searchh1 {
	max-width:100%;
	margin-top:10px;
	padding-bottom:30px;
	}
#searchh1 {
	background:#FFF;
	}
#toptext {
	padding-left:45px;
	}
#newsreg {
	width:100%;
	max-width:500px;
	height:400px;	
	top:47;
	left:0;
	margin:10px 0 0 0;
	overflow:auto;
}
#acclayer {
	width:100%;
	max-width:500px;
	height:400px;	
	top:36;
	right:0;
	margin:34px 0 0 0;
	overflow:auto;
}
.menu-top {
	display:none;
	max-width:100%;
	}
.menuTabc { 
	width:90%;
	padding:0 5% 0 5%;
	font-size:180%;
}		
#showmenu {
	display:inherit;
	}
.submenuLayer {
    width:90%;
    max-width:100%;
	min-height:207px;
	text-align:left;
	font-size:160%;
	margin:0px 0 0 0;
	padding:0 5% 0 5%;	 
	}
.subcros {
	display:inherit;
}
.spansub {
	width:40%;
	min-width:170px;
	text-align:left;
}
.catim {
	display:none;
}		
#crumbcontainer {
	padding:0 13.4% 0 13.4%;
	box-sizing:border-box;
	}	
.crumb {
	font-size:130%;
	margin:0px 0px 0px 0px;
}	
#textcontainer1 {
	padding-left:10px;
	padding-right:10px;
	}	
.footbox {
	width:45%;
	font-size:110%;
	}	
}
@media only screen and (max-width: 500px) {
#formcontact {
	width:100%;
	left:0;
	padding:10px 10% 10px 10%;
	margin:0 0px 0px 0px;
	}
.footbox {
	width:95%;
	font-size:140%;
	}		
}