body{background-color: #fff;font-family: 'Open Sans', sans-serif;font-size: 16px;line-height: 16px; color: #666666;font-weight: 400;}


div,.btn,a,a:hover{text-decoration: none;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;outline:0 ;}

h1,h2,h3,h4,h5,h6{line-height: 1em;margin: 0;font-family: 'Open Sans';}
h1{font-size: 3em;font-weight: 400;margin-bottom: 20px;margin-top: 20px;color: #df0708;}
h2{font-size: 3em;font-weight: 700;}

h2.title{font-size: 2.5em;font-weight: 400;margin:0 0 50px 0;}

h3{font-size: 2em;font-weight: 700;margin-bottom: 15px;color: #000;}
h4{font-size: 1.50em;font-weight: bold; color:black;margin-bottom:15px;}
h4.inside{margin-bottom: 20px;}
h4.bruin{ color: #64500f;font-size: 1.50em }
h5{font-size: 1em;font-weight: 600;color: #64500f;}
h6{font-size: 0.9em;font-weight: 400;}

strong{
	color:black;
}

strong.wit{
	color:white;
}

.txt-rood{
	color:#df0708;
}

.img-full{
	width:100%;
	height:auto;
}
a{color: #333;}
p{margin-bottom: 20px;line-height: 20px;}

ol,ul {
	line-height:24px;
}

.btn{border:none !important;border-radius: 0;font-family: 'Open Sans';border-radius: 3px;}
.btn:hover, .btn:focus, .btn.focus, .btn:active, .btn.active{box-shadow: none !important;outline: none !important; background:#df0708;}
.btn-primary{background: #000;}
.btn-success{background: #df0708;}

/**/
.selectBox-dropdown{box-shadow: none;}
.selectBox-dropdown .selectBox-arrow{background: url("../images3/drop.png") center no-repeat;}
/**/

.top{
	position:fixed; top:0; left:0; width:100%;height:auto; z-index:4000;
}
.header{
  background: #df0708; 
  color:#fff;  
  padding: 58px 0 14px 0;
  height:200px;
  z-index:4000; 
  background-image: url('../images3/opmaak/red002.gif'); 


    background-repeat: no-repeat;

}
.header .logo img{height: 60px;}
.header .links{margin-bottom: 14px;}
.header .links a{color:#fff;font-size:0.85em;display: inline-block;}

.header .links .favourites{margin-right:20px;}
.header .links .cart{margin-right: 0px;margin-bottom: 20px;}

.header .search .search-input,.header .search .category,.header .search .button-search{float: left;margin-left: 8px;width: 250px;}
.header .search  .form-control{background:#f0f0f0;border:none;box-shadow: none !important;}
.header .search .button-search{width: auto;}
.header .search .button-search .btn{line-height: 34px;padding: 0 20px;}

.taaldiv{
padding:10px 10px 10px 10px;color:#df0708;font-weight:bold;float:right;
}
a.taal:link, a.taal:visited, a.taal:active{
	color:#df0708;font-weight:bold; text-decoration:underline;
}
a.taal:hover{
	color:#fff;font-weight:bold; text-decoration:none;
}

a.rood:link, a.rood:visited, a.rood:active{
	color:#df0708;font-weight:normal; text-decoration:underline;
}
a.rood:hover{
	color:#000;font-weight:normal; text-decoration:none;
}


a.zwart:link, a.zwart:visited, a.zwart:active{
	color:#000;font-weight:normal; text-decoration:underline;
}
a.zwart:hover{
	color:#000;font-weight:normal; text-decoration:none;
}


a.zwartklein:link, a.zwartklein:visited, a.zwartklein:active{
	color:#000;font-weight:normal; text-decoration:underline;
	font-size:12px;
}
a.zwartklein:hover{
	color: #CC0000;font-weight:normal; text-decoration:none;
}



a.blauw:link, a.blauw:visited, a.blauw:active{
	color: #336699;font-weight:normal; text-decoration:underline;
}
a.blauw:hover{
	color:#336699;font-weight:normal; text-decoration:none;
}


a.wit:link, a.wit:visited, a.wit:active{
	color: #fff;font-weight:normal; text-decoration:underline;
}
a.wit:hover{
	color:#fff;font-weight:normal; text-decoration:none;
}

a.bruin:link, a.bruin:visited, a.bruin:active{
	color:#64500f;
}


.spamcodediv{
	position:absolute;top:320px;left:40%;right:auto;background:white;border:2px solid #df0708;color:#df0708;font-size:18px;line-height:18px;padding:15px 15px 15px 15px;font-weight:bold;
}


/******* TABEL WINKELWAGENTJE ***********/

.kolomnaam{
	color:white;
	background-color:#df0708;
	border-top:1px solid black;
	border-right:0px solid black;
	border-left:1px solid black;
	border-bottom:1px solid black;
	padding:3px 3px 3px 3px;
	text-align:center;
}
.kolomnaam-laatst{
	color:white;
	background-color:#df0708;
	border-top:1px solid black;
	border-right:1px solid black;
	border-left:1px solid black;
	border-bottom:1px solid black;
	padding:3px 3px 3px 3px;
	text-align:center;
}

.kolomcel{
	color:black;
	border-top:0px solid black;
	border-right:0px solid black;
	border-left:1px solid black;
	border-bottom:1px solid black;
	padding:3px 3px 3px 3px;
	text-align:center;
	height:120px;
}
.kolomcel-laatst{
	color:black;
	border-top:0px solid black;
	border-right:1px solid black;
	border-left:1px solid black;
	border-bottom:1px solid black;
	padding:3px 3px 3px 3px;
	text-align:center;
	height:120px;
}

.geenresultatencel{
	color:black;
	border:1px solid black;
	padding:50px 0px 20px 0px;
	text-align:center;
	height:120px;
}
.totaalcel{
	color:black;
	border-left:1px solid black;
	border-right:1px solid black;
	border-bottom:1px solid black;
	border-top:0px solid black;
	padding:3px 3px 3px 3px;
	font-weight:bold;
	height:26px;
}

/***************************************/

/********** TABEL BEURZEN **************************/
.kolomBdatum{
	color:white;
	background-color:#df0708;
	border-top:1px solid black;
	border-right:1px solid black;
	border-left:1px solid black;
	border-bottom:1px solid black;
	padding:3px 3px 3px 3px;
	text-align:right;
}
.kolomB_links{
	color:black;
	border-top:0px solid black;
	border-right:0px solid black;
	border-left:1px solid black;
	border-bottom:1px solid black;
	padding:3px 3px 3px 3px;
	text-align:left;
	background-color: #FEE4B5;
}

.kolomB_midden{
	color:black;
	border-top:0px solid black;
	border-right:0px solid black;
	border-left:1px solid black;
	border-bottom:1px solid black;
	padding:3px 3px 3px 3px;
	text-align:left;
}

.kolomB_rechts{
	color:black;
	border-top:0px solid black;
	border-right:1px solid black;
	border-left:1px solid black;
	border-bottom:1px solid black;
	padding:3px 3px 3px 3px;
	text-align:left;
}

.kolomB_Memo{
	color:black;
	border-top:0px solid black;
	border-right:0px solid black;
	border-left:1px solid black;
	border-bottom:1px solid black;
	padding:3px 3px 3px 3px;
	text-align:left;
	height:100px;
	background-color: #FEE4B5;
}

.kolomB_Memo_txt{
	color:black;
	border-top:0px solid black;
	border-right:1px solid black;
	border-left:1px solid black;
	border-bottom:1px solid black;
	padding:3px 3px 3px 3px;
	text-align:left;
	height:100px;

}

/*********** WAPENS VERTIKALE NAVIGATIE ***************/

/* --------  navigatiebalk verticaal:  -------- */

#nav2 {
	width: 100%;
	background-color: transparent;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: normal;
	color: #64500f;
	letter-spacing: 1px;
}
#nav2 ul {
	padding: 0px;
	margin: 0px;
	list-style: none;
	background-color: transparent;
}
#nav2 li {
	display: block;
	background-color: #d3b158;
	color: #D7D866;
	-webkit-border-top-left-radius: 0px;
	-moz-border-top-left-radius: 0px;
	border-top-left-radius: 0px;
	-webkit-border-top-right-radius: 0px;
	-moz-border-top-right-radius: 0px;
	border-top-right-radius: 0px;
	border-top:0px solid #df0708;
	border-left:3px solid #df0708;
	border-right:3px solid #df0708;
	
}


#nav2 li:first-child {
	display: block;
	background-color: #d3b158;
	color: #D7D866;
	-webkit-border-top-left-radius: 15px;
	-moz-border-top-left-radius: 15px;
	border-top-left-radius: 15px;
	-webkit-border-top-right-radius: 15px;
	-moz-border-top-right-radius: 15px;
	border-top-right-radius: 15px;
	border-top:3px solid #df0708;
	border-left:3px solid #df0708;
	border-right:3px solid #df0708;
	
	
}
#nav2 li:last-child {
	display: block;
	background-color: #d3b158;
	color: #D7D866;
	-webkit-border-bottom-left-radius: 15px;
	-moz-border-bottom-left-radius: 15px;
	border-bottom-left-radius: 15px;
	-webkit-border-bottom-right-radius: 15px;
	-moz-border-bottom-right-radius: 15px;
	border-bottom-right-radius: 15px;
	border-bottom:3px solid #df0708;
	border-left:3px solid #df0708;
	border-right:3px solid #df0708;
	
	
}


#nav2 li a {
	display: block;
	padding: 2px 2px 2px 10px;
	color: #64500f;
	text-decoration: none;
	border-bottom-style: dotted;
	border-bottom-width: 1px;
	border-bottom-color: #FFFFFF;
	
}


#nav2 li a:hover {
	background-color: #df0708;
	display: block;
	color: #ffffff;
}
#nav2 #huidig {
	background-color: #B8B366;
	display: block;
	color: #D7D866;
}
#nav2 #huidig a {
	background-color: #B8B366;
	display: block;
	color: #D7D866;
	padding-right: 2px;
}

/************************/




.selectBox-dropdown{height: 34px;line-height: 45px;border: none;background:#e5e5e5;padding: 0 8px;width: 100% !important;}
.selectBox-dropdown .selectBox-arrow{width: 30px;}
.selectBox-dropdown .selectBox-label{font-size:1em;color: #333;  line-height: normal;}
input[type=radio], input[type=checkbox]{margin-top: 1px;}

.form-control{display:inline-block;width:80%}


.navbar-inverse .container{
	width:1230px;
	margin-left:auto;
	margin-right:auto;
}

.navbar{border:none;border-radius: 0;margin: 0;  min-height: 40px;  background-color: #d3b158; border-top:1px solid #901919;border-bottom:1px solid #725e1e;padding-right:60px;}
.navbar-nav>li>a{padding: 10px 20px;border-right: 1px solid #fff; color: #000;}
.navbar-inverse .navbar-nav>li>a{color: #fff;}

.navbar-nav>li:first-child>a{border-left:1px solid #fff;;margin-left:20px;}
.navbar-inverse .navbar-collapse{border-left:0px solid #fff;border-top: none;border-bottom: none;padding: 0;}
.navbar .dropdown-menu{border:none;  background-color: #d3b158;}
.dropdown-menu>li>a{color: #fff;}

.banner{position: relative;margin-top:120px;}
.banner .item img{width: 100%;}
.banner .carousel-caption h2{text-transform: uppercase;}
.banner .carousel-caption h4{margin: 20px 0;font-weight: 400}
.carousel-control{background:none!important;width: 100px;}
.carousel-control .fa{font-size: 1.5em;position: absolute;top: 48%;}

.feature-products{margin:240px 0px 50px 0px ; width:100%; }

/********* KADERTJE ***********/
.kader{
	display:block; 
	width:90%; 
	height:auto;
	border:3px solid #df0708;
	background-color:#e0c88a;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	float:right;
	margin-top:0px;
	margin-bottom:40px;
	padding:20px 20px;
}

.kader-nav-vertikaal{
	display:block; 
	width:90%; 
	height:auto;
	border:0px solid #df0708;
	background-color: transparent;
	margin-top:0px;
	margin-bottom:40px;
	padding:0px 0px;
}

.product{text-align: center;margin-bottom: 50px;}
.product h5{margin: 10px 0;color: #333;}
.product h6{margin-bottom: 5px;}
.product .btn-default{font-size: 0.8em;border:none;background-color: #df0708;border-radius: 0;color: #fff;}



.owl-carousel .owl-controls{position: absolute;top: -30px; right: 0;}
.owl-controls .owl-nav div{display: inline-block; text-indent: -9999px;height: 16px; width: 13px;}
.owl-controls .owl-nav div.owl-prev{background: url("../images3/left.png") center no-repeat;}
.owl-controls .owl-nav div.owl-next{background: url("../images3/right.png") center no-repeat;margin-left:15px;}

footer{background: #d3b158;color: #fff;padding: 50px 0;line-height: 1.2em;font-size: 0.9em;margin-top: 50px;}
footer h4{color: #df0708;margin-bottom: 15px;font-weight: 700;}
footer a:link{color: #fff;}
footer a:hover{color: #000;}


footer .joinus .input-group{display: block;}
footer .joinus .input-group .form-control{width: 100%;margin-bottom: 10px;border-radius: 3px;}
footer .social a{font-size: 1.65em;margin-right: 5px;}
footer .social a:hover{color:#000;}

.copyright{color: #9d9d9d;background-color: #272727;line-height: 50px;font-size: 0.8em;}
.copyright a{color: #9d9d9d;}

/*inside-page*/
.inside-page{margin-top:240px;}
.pagination>li>a, .pagination>li>span{color: #df0708;}
.pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus{background-color: #df0708;border-color:#df0708;}

.spacer{margin: 20px 0;}

.price span{text-decoration:line-through;}
.description-tabs{margin-bottom: 20px;}
.description-tabs .tab-pane{padding: 10px;font-size: 0.85em;}
.description-tabs .tab-pane .form-control{margin-bottom: 10px;}
.related-products{margin-top: 50px;}

.map{margin-bottom: 20px;}

.shopping-cart .product-list.title{font-size: 1.15em;margin-bottom:20px;color: #333;}
.login .forgot-password{margin-bottom: 20px;}

.carousel-inner .item img{width: 100%}



body::-webkit-scrollbar {
        width: 6px;
    }
 
    
    /* Let's get this party started */
    ::-webkit-scrollbar {
        width: 3px;
    }

    /* Track */
    ::-webkit-scrollbar-track {
       background: #ccc; 
/*        -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); 
        -webkit-border-radius: 10px;
        border-radius: 10px;*/
    }

    /* Handle */
    ::-webkit-scrollbar-thumb {
/*        -webkit-border-radius: 10px;
        border-radius: 10px;*/
        background:#df0708; 
    }
    ::-webkit-scrollbar-thumb:window-inactive {
        background: #ddd; 
    }
.img-maxhoog{
   max-height:200px;
   margin:10px 0px 5px 0px;
   border:1px solid black;
}


    
/*responsive starts here*/
@media (min-width:992px) and (max-width: 1275px){
	
	.banner{position: relative;margin-top:200px;}

	.navbar-inverse .container{ 	width:100%; }

}


@media (min-width:768px) and (max-width: 991px){
	body{font-size:15px;line-height: 15px;}
	h2{font-size:1.6em;}
	h4{font-size: 1em;}
	.feature-products{padding: 0; margin-top:200px;}
	
	.header{background: #df0708; color:#fff;  padding: 18px 0 14px 0;height:90px;z-index:4000; background-image: url('../images3/opmaak/red003.png'); background-position:center;background-repeat:no-repeat;}

	.navbar{border:none;border-radius: 0;margin: 0;  min-height: 40px;  background-color: #d3b158; border-top:1px solid #901919;border-bottom:1px solid #725e1e;padding-right:0px;}
	

	.navbar-inverse .container{ 	width:100%; }

	.navbar-nav>li:first-child>a{border-left:1px solid #fff;;margin-left:0px;}


	.banner{position: relative;margin-top:200px;}
	.banner .btn{font-size: 13px;line-height: 13px;}
	.header .search .search-input, .header .search .category{width: 200px;}
	.feature-products{padding: 50px 0;}
}
@media (max-width: 767px){
	body{font-size:15px;line-height: 15px;}

	h1{font-size: 2em;font-weight:bold;}
	h3{font-size: 1.5em;}
	.logo{float: none !important; width: 100%; display: block;  text-align: center;margin-bottom: 20px;}
	
	.header{background: #df0708; color:#fff;  padding: 18px 0 14px 0;height:80px;z-index:4000; background-image: url('../images3/opmaak/red005.png'); background-position:center;background-repeat:no-repeat;}
	
	.header .links{text-align: center; background-color: #df0708;padding:5px 5px 5px 5px; margin-top:-20px;margin-right:-15px;}
	.header .search .search-input, .header .search .category,.header .search .button-search{margin: 0; width: 100%;margin-bottom: 10px;}
	.header .search .button-search .btn{width: 100%;}
	
	.navbar{border:none;border-radius: 0;margin: 0;  min-height: 40px;  background-color: #d3b158; border-top:1px solid #901919;border-bottom:1px solid #725e1e;padding-right:0px;}
		
	.navbar-inverse .container{ 	width:100%; }

	.navbar-inverse .navbar-nav .open .dropdown-menu>li>a{color: #fff; font-size:1.2em;}
	
	.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:link{color: #fff; font-size:1.2em; padding-left:50px;}
	.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover{color: #000; font-size:1.2em;background-color:#f2d997;}


	.navbar-nav {margin: 7.5px 0; 	}
	.navbar-nav>li>a{padding: 5px 20px;font-size:1.2em;}
	.navbar-nav>li:first-child>a{border-left:0px solid #fff;;margin-left:0px;}
	
	.navbar-inverse .navbar-nav>li>a:link{color: #fff; font-size:1.2em;}
	.navbar-inverse .navbar-nav>li>a:hover{color: #000; font-size:1.2em;background-color:#eba8a8;}
	

	
	.feature-products{padding: 0; margin-top:100px;}
	
/********* KADERTJE ***********/
.kader{
	display:block; 
	width:90%; 
	height:auto;
	border:3px solid #df0708;
	background-color:#e0c88a;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	float: left;
	margin-left:auto;
	margin-right:auto;
	margin-top:10px;
	margin-bottom:20px;
	padding:20px 20px;
}
	
.spamcodediv{
	left:10%;
}	
	
	
	.banner{display:none; position: relative;margin-top:150px;}
	.inside-page{margin-top:150px;}

	
	.carousel-caption,.carousel-control{display: none;}
	footer{padding: 10px 0;}
	footer h4{margin:20px 0 10px 0;}
	
footer{background: #d3b158;color: #fff;padding: 50px 0;line-height: 1.2em;font-size: 1.2em;margin-top: 50px;}
footer h4{color: #df0708;margin-bottom: 15px;font-weight: 700;}
footer a{color: #fff;}


footer .joinus .input-group{display: block;}
footer .joinus .input-group .form-control{width: 100%;margin-bottom: 10px;border-radius: 3px;}
footer .social a{font-size: 1.65em;margin-right: 5px;}
footer .social a:hover{color:#000;}

.copyright{color: #9d9d9d;background-color: #272727;line-height: 50px;font-size:1em;}
.copyright a{color: #9d9d9d;}
	
	
	.btn{font-size: 12px;padding: 8px 10px;}
	
	select{width: 100% !important}
	
.form-control{display:inline-block;width:80%}
	
ol{
	padding-left:20px;
}	

/******** BEURZEN **********/

.kolomB_links{
	color:black;
	border-top:0px solid black;
	border-right:1px solid black;
	border-left:1px solid black;
	border-bottom:1px solid black;
	padding:3px 3px 3px 3px;
	text-align:left;
	background-color: #FEE4B5;
}

.kolomB_midden{
	color:black;
	border-top:0px solid black;
	border-right:1px solid black;
	border-left:1px solid black;
	border-bottom:1px solid black;
	padding:3px 3px 3px 3px;
	text-align:left;
}

.kolomB_Memo{
	color:black;
	border-top:0px solid black;
	border-right:1px solid black;
	border-left:1px solid black;
	border-bottom:1px solid black;
	padding:3px 3px 3px 3px;
	text-align:left;
	height:auto;
	background-color: #FEE4B5;
}

.kolomB_Memo_txt{
	color:black;
	border-top:0px solid black;
	border-right:1px solid black;
	border-left:1px solid black;
	border-bottom:1px solid black;
	padding:3px 3px 3px 3px;
	text-align:left;
	height:auto;

}
	
	
}