@charset "utf-8"; 
/* CSS Document */
body, html { margin: 0; padding: 0; font-size: 15px; font-family: 'Open Sans', sans-serif; color: #000; height: 100%; }
img { border: none; }
img.sep { width: 250px; margin: 60px auto; display: block; }
.wrapper1 { width: 80%; margin: 0 auto; }

.clear { clear: both; }
p { margin: 0; padding: 0; line-height: 150%; font-size:14px; }
a { text-decoration: none; color: #002f55; }
ul, li { margin: 0; padding: 0; }
.fa { margin-right: 8px; }
.detail .sfeerslider_holder { height: auto; margin-bottom: -4px; }
.detail ul.brcr { margin-top: 0; }

sub { vertical-align: super; font-size:small; }
sub.alt {  vertical-align: top; font-size: 11px; font-size:smaller; }
/*fonts*/
@font-face { font-family: 'Broadband'; src: url(../fonts/Broadband-Regular.ttf); }
@font-face { font-family: 'futura'; src: url(../fonts/ufonts.com_futura-bold-bt.ttf); }

/*koppen*/
h1 { font-size: 36px; font-weight: 800; margin: 0 0 20px 0; color: #004179; }
h2 { text-align: center; font-size: 38px; font-weight: 800; color: #004179; margin: 0 0 35px 0; }
.totop { display: none; position: fixed; z-index:4; color: #ffffff; background:#004179; border:2px solid #ffffff;  right: 10px; bottom: 10px; width:32px; height:32px; text-align:center; xborder-radius:100%; }
.totop .fa { font-size: 18px; margin:5px 0 3px 0; line-height:100%; }
.bold { font-weight: 700; display: inline-block; }
figure { margin: 0; }
h1 { font-size: 35px; }
h3 { line-height: 150%; color: #004179; margin: 0 0 15px 0; font-weight: 800; font-size: 23px; }

/*input fields*/
input, select, textarea { outline: none; padding-left: 10px; font-family: 'Open Sans', sans-serif; outline: none; font-size: 15px; border: 1px solid #ccc; }
input, select { height: 34px; }
select { padding-right: 10px; }
textarea { padding-top: 10px; }
::-webkit-input-placeholder { color: #222; }
:-moz-placeholder { color: #222; }
::-moz-placeholder { color: #222; }
:-ms-input-placeholder { color: #222; }
input[type="checkbox"] { height: auto; }

/*float classes*/
.left { float: left; }
.right { float: right; }

.container { width:90%; max-width:1500px; margin:0 auto; }

/*checkboxes*/
label:hover:before { border: 1px solid #004179 !important; }

/*buttons*/
.btn .fa { float: right; font-size: 20px; margin-right: 0; color: #77a2c7; float:right;  }
.fa-angle-right { margin-right: 0; margin-left: 25px; }
.btn { background: #004179; color: #ffffff; padding: 13px 23px 13px 43px; min-width:150px; text-align:center; font-weight: 700; display: inline-block; font-size: 17px; border:2px solid #004179; }
.btn:hover { background: #ffffff; color: #004179; transition-duration: 0.2s; }
.btn:hover i { color: #004179; transition-duration: 0.2s; xpadding-left: 50px; }

/*header*/
.opvulling { display: none; }
#header { overflow: hidden; background: #fff; top: 0; width: 100%; z-index: 1; }

/*.logo { display:inline-block;}
*/
.logo img { height: 90px; margin-top:10px; }

/*.logo-mobile { display: none; }
*/
#header .hamburger,
#header .phone,
#header .scart,
#header .email { display: none; }
#header .top { padding-top: 10px; padding-bottom: 10px; color: #333; overflow: hidden; width:90% }
#header .logo { float:left; }
#header  img.logomobile { display:none; }

#header .contact { float:right; margin:15px 30px 0 0; }
#header .cntct { font-size: 22px; font-weight: 600; text-align: right; }
#header .cntct .fa { color: #316191; vertical-align: middle; margin-right: 5px;  }
#header .cntct .small { color: #7e7d7d; font-size: 11px; }
#header .cntct .tel { font-size: 19px; font-weight: 700; }
#header .cntct .tel .fa { font-size: 32px; transform: rotate(7deg); }
#header .cntct a.mail { margin-top: 10px; display: block; font-size: 14px; }
#header .cntct a.mail .fa { margin-top:-4px; font-size:15px; }

#header .topcart { float:right; margin:7px 0 0 0;  }
#header .topcart a { display: block; padding: 20px 15px; text-align: left; background: #f6f6f6;  min-width:220px; }
#header .topcart span { font-size:16px; }
#header .topcart .bold { color: #004179; display: block; font-size: 14px; font-weight: 800; margin-top: 5px; }
#header .topcart .fa-shopping-cart { color: #fff; background: #316191; padding: 10px; margin-right:12px; font-size: 22px; text-align: left; float: left; border-radius: 100%; }
#header .topcart .fa-angle-down { margin: 0 0 0 15px; }

#header .topcart:hover .bold { color: #5584ad; xtext-decoration:underline; }
#header .topcart:hover .fa-shopping-cart { background: #5584ad; }
/* nav */

#header #nav { background: #004179;  }
#header .nav { overflow:hidden; }
#header .nav li { display: block; float:left; }
#header .nav li a { color: #fff; text-align: left; padding: 15px 20px; display: block; font-size: 15px; font-weight: 400; }
#header .nav li a .fa { color: #89a4be; margin: 0 0 0 8px; }
#header .nav li a.active,
#header .nav li:hover a { background: #5584ad; }
#header .nav li a.active .fa,
#header .nav li:hover a .fa { color: #fff; }
#header .nav li ul { min-width: 270px; display: none; margin: 0 auto; background: #5584ad; position: absolute; z-index: 10; }
#header .nav li li { float:none; }
#header .nav li:hover ul { display:block; border-bottom:10px solid #5584ad;; }
#header .nav li:hover li a { color: #fff; padding: 10px 20px;  }
#header .nav li:hover li:hover a { text-decoration:underline;}
#header .nav li.mijnaccount a .fa { margin: 0 8px 0 0; }
#header .nav li.mijnaccount { float: right; }
#header .nav li.uitloggen { float: right; }

#header .user { padding: 12px 14px 9px; color: #fff; background: #000000; position: absolute; right: 14%; }
#header .user a { color: #fff; font-size: 16px; text-transform: uppercase; font-family: 'futura'; }
#header .user a.uitloggen { font-size: 12px; }
#header .user i.fa { font-size: 22px; }
#header .user a:hover { color: #E29F9E; }


/* kruimelbad */
ul.brcr { display:none; }

/* flexslider */
.flex-control-nav { left:0; }
.flex-control-nav li { margin:0 3px; }

	
/*bx slider*/
.bxslider { position: relative;  }
.bxslider li img { width: 100%; }
.bxslider .text, 
.sfeerslider_holder .text, 
.sfeerslider_holder2 .text { display: none; }
.bxslider .text .right { margin-top: 20px; }
.bx-wrapper { margin:0; }
.bx-wrapper .bx-pager { text-align:left; }
.bx-wrapper .bx-pager, 
.bx-wrapper .bx-controls-auto { bottom:15px; left:10.9%; width:auto; }
.bx-wrapper .bx-pager.bx-default-pager a { color:#ffffff; }
.bx-wrapper .bx-pager.bx-default-pager a:hover, 
.bx-wrapper .bx-pager.bx-default-pager a.active { color:#ffffff; }
.bx-wrapper .bx-pager.bx-default-pager a { color:#ffffff; }

/* slider */
ul.sfeerfoto li img { display:block; width:100%; }

/*over ons home*/
#overons { padding: 3% 0; background: #ededed; overflow:hidden; }
#overons .product { float:left; line-height: 150%; padding: 3%; position: relative; background: #fff; width:41.5%; }
#overons .product.nr2 { float:right; }
#overons h2.tekstblok { font-family: 'Broadband'; overflow: hidden; width: 50%; padding-left: 5%; margin: 0 auto 35px; font-size: 52px; color: #004179; }
#overons .btn { margin-top: 35px; bottom:0; }
#overons .blok { background:#ffffff; padding:3%; width:42%; float:left; }
#overons .blok.nr2 { float:right; }

/*beleving home*/
#fles { text-align: center; position: relative; padding-bottom: 60px; padding-top: 60px;  }
#fles { width:1400px; margin:0 auto; }
#fles .bewust { position: absolute; left: 130px; top: 80px; width: 190px; z-index: 1; }
#fles .logotop { width: 500px; display: block; margin: 0 auto 20px; }
#fles .toptxt { font-style: italic; font-size: 15px; text-align: center; width: 500px; display: block; margin: 0 auto; }

#fles .top { overflow: hidden; padding: 70px 0; height:600px; }

#fles .tag { font-size:14px; text-align: left; padding:20px; border: 3px solid #175285; margin-bottom: 25px; position: relative; background: #f7f6f6; color:#4a4a4a; line-height:150%; z-index:3; }
#fles .tag p { line-height: 175%; font-size: 16px; color: #004179; display:block; margin:0 0 10px 0; font-weight:800; line-height:120%; }

#fles .tags1 { width:420px; float:left; }
#fles .tags2 { width:420px; float:right; }

#fles .fotos { position:absolute; text-align:center; left:0; width:100%; }
#fles .fotos img { width:250px; margin:0 auto; }

#fles .tag .line { position: absolute; height: 2px; background: #175285; z-index:2; }
#fles .tag .line span { height: 25px; width: 25px; background: rgba(255, 255, 255, 0.75); position: absolute; top: -14px; left: -25px; border-radius: 50%; border: 2px solid #175285; z-index:2; }

#fles .tag.nr1 .line { -ms-transform: rotate(6deg); -webkit-transform: rotate(6deg); transform: rotate(6deg); top: 48px; width: 100px; left: -100px;  }
#fles .tag.nr3 { margin-top:80px; }
#fles .tag.nr3 .line { -ms-transform: rotate(16deg); -webkit-transform: rotate(16deg); transform: rotate(16deg); top: 0px; width: 180px; left: -180px;  }

#fles .tag.nr2 { margin-top:80px; }
#fles .tag.nr2 .line { -ms-transform: rotate(10deg); -webkit-transform: rotate(-15deg); transform: rotate(-15deg); width: 150px; top: 65px; left: 412px; }
#fles .tag.nr2 .line span { left: 150px; }

#fles .tag.nr4 { margin-top:140px; }
#fles .tag.nr4 .line { -ms-transform: rotate(-16deg); -webkit-transform: rotate(-25deg); transform: rotate(-25deg); width: 90px; top: 50px; left: 412px; }
#fles .tag.nr4 .line span { left: 90px; }

#fles .top .btn { margin: 0 auto 0;  }
#fles .mobiledescr { display:none; }

/*blog*/
#blog { clear: both; }
#blog .wrapper1 { width: 81.7%; }
#blog section { margin-bottom: 60px; }

#blog .newsitem { width: 33.3333%; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; *behavior: url(boxsizing.html); padding: 0 1% 2%; }
#blog .newsitem .lineblok { display: block; width: 26%; height: 2px; background-color: #B0BFB6; position: absolute; left: 50%; margin-left: -13%; bottom: 0; }
#blog .newsitem .linegrey { display: block; width: 70%; height: 1px; background-color: #e0e0e0; position: absolute; left: 50%; margin-left: -35%; bottom: 0; }
#blog .newsitem .newsimg img { display: block; width: 100%; height: auto; }
#blog .newsitem .newsheader { position: relative; padding: 0 0 20px; margin: 0 0 30px 0; text-align: center }
#blog .newsitem .newsdesc { background: #F7F7F7; padding: 20px }
#blog .newsitem .newsdesc h2 { margin: 0; }
#blog .newsitem .newsdesc h2 { margin: 0; }
#blog .newsitem .newsdesc h2 a { font-size: 24px; text-decoration: none; margin: 0; color: #000000; }
#blog .newsitem:hover .newsdesc h2 a { color: #004179; }
#blog .newsitem:hover .xlineblok, #blog .newsitem:hover .xlinegrey { background-color: #004179; }
#blog .newsitem .published { margin-top: 25px; font-size: 13px; color: #999; text-align: center; display: block; font-weight: normal; -webkit-font-smoothing: antialiased; }
#blog .newsitem .listinfo { display: none; }
#blogg .btn.terug:hover { color: #ffffff; }

.homepage #blog { padding: 60px 0;  }
.homepage #blog h2 { color: #fff; margin-bottom: 60px; text-align: center; }
.homepage #blog .btn { width: 110px; margin: 0 auto; display: block; border: 1px solid #fff; color: #fff; }
.homepage #blog .btn .fa { color: #fff; }
.homepage #blog .btn:hover { color: #004179; background: #ffffff; }
.homepage #blog .btn:hover i { color: #004179; }

/* Blog detail */
#blogdetail .nieuwstitel { padding: 20px 0; border-bottom: 1px solid #d8d8d8; position: relative; float: right; width: 57%; }
#blogdetail .nieuwstitel h1 { font-family: 'futura'; font-size: 30px; margin-bottom: 0; line-height: 1.2em; text-align: left; }
#blogdetail .nieuwstitel .nieuwsdatum { font-size: 13px; text-transform: uppercase; color: #3c423d; display: block; padding: 5px 0 0 0 }
#blogdetail .nieuwsleft { float: left; position: relative; width: 40%; *width: 39.99% }
#blogdetail .nieuwsleft .nieuwsimg { border: 8px solid #fff; margin-top: 20px; }
#blogdetail .nieuwsleft .nieuwsimg img { display: block; width: 100%; height: auto; }
#blogdetail .nieuwsright { float: right; position: relative; padding: 30px 0; width: 57%; *width: 56.99%; margin-left: 3%; *margin-left: 2.99% }
#blogdetail .nieuwstitel .backbtn { float: right; color: #999; background: #deddd8; font-size: 1.3em; padding: 10px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
#blogdetail .nieuwstitel .backbtn:hover { background: #f4f3ee; }
#blogdetail .nieuwstitel .backbtn { -webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; -ms-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; font-size: 90%; }



/*webshop*/
#webshop { margin: 30px 0 0; }
#webshop .sorteer { float: right; margin: 0; }
#webshop .xstrikethrough, 
#webshop .strikethrough:before { left: -2px; width: 55px; position: absolute; content: ""; color: #666; top: 25px; right: 0; border-top: 1px solid; border-color: inherit; -webkit-transform: rotate(-25deg); -moz-transform: rotate(-25deg); -ms-transform: rotate(-25deg); width: 45px; -o-transform: rotate(-25deg); transform: rotate(-25deg); }
#webshop .tekst.top { margin-bottom: 20px; display: block; padding-bottom: 20px; border-bottom: 1px solid #ddd; clear: both; }

/*#webshop .left { width: 20%; margin-right: 5%; }
*/
#webshop .left ul li:first-child { order-top: 1px solid #FCC; }
#webshop .left ul li { border-bottom: 1px solid #ddd; padding: 10px 0; font-weight: 600; }
#webshop .left ul li a.active { padding-bottom: 10px; border-bottom: 1px solid #ccc; }
#webshop .left ul li.active a, #webshop .left ul li a:hover { color: #AF2523; }
#webshop .left ul li.active ul li a { color: #000000; }
#webshop .left ul li.active ul li a.active { color: #AF2523; }
#webshop .left ul li ul li a.active { padding-bottom: 0px; border-bottom: none; }
#webshop .left ul.sub { display: none; }
#webshop .left ul.sub.active { display: block; }
#webshop .left ul.sub li { border-bottom: 0; font-weight: 400; font-size: 14px; padding: 6px 0 6px 10px; }
#webshop .left ul.sub li .fa { margin: 0 5px 0 0; }
#webshop .left ul.sub { margin-top: 5px; }
#webshop .left ul.sub li a { font-size: 13px; }
#webshop .left ul li a { line-height: 150%; display: block; font-size: 13px; }
#webshop .right { width: 100%; margin-bottom: 25px; }
#webshop h1 { float: left; }
#webshop .btn { width: 130px; display: block; margin: 0 auto; }
#webshop .left .filters li { border: none; font-weight: 400; font-size: 13px; padding: 5px 0; }

/*blokken webshop*/


.producten { overflow: hidden; width: 100%; margin: 20px 0 0; position: relative;}

.producten .product {  width: 16%;  float: left; background: #fff; margin: 0 5% 45px 0; position: relative; }
.producten .product .actie { text-transform: uppercase; padding: 25px 0 0; position: absolute; top: 15px; right: 25px; border-radius: 50%; width: 70px; height: 45px; text-align: center; font-weight: 600; }
.producten .product. a.button1 { display: none; }

.product.det { width: 60%; }
.product.det .product { margin: 0; }

.producten a {  }
.producten .product .beschr { text-align: left; padding-bottom: 70px; font-size: 14px;  }
.producten .product .prijzen { border-top: 1px solid #D6D5D5; bottom: 0; position: absolute; width: 100%; }
.producten .product .prijzen p.prijs { font-size:16px;  }
.producten .product .prijzen p.excl { float: right; font-size: 11px; color: #525050; margin: 5px 0 0 0; }
.producten .product:hover h2 { font-weight: 600; color: #004179; }
.producten .product .prijs { float: right; }
.producten .product .prijs, .producten .product .oudeprijs { margin-top: 15px; display: inline-block; font-weight: 600; }
.producten .product img.sterkte { width: 80%; margin: 0 auto 20px; display: block; }
.producten .product:hover .prijs { color: #004179; }
.producten .product:hover { border-color: #ccc; xfont-weight: bold; }
.producten .product:hover .prijzen { border-top: 2px solid #004179; }
.producten .product:hover .beschr { color: #004179; }
.producten .product:hover .oudeprijs { color: #004179; }
.producten .product:hover .strikethrough:before { color: #004179; }
.producten .product.nr5 { margin-right: 0; }
.producten .product img { width: 100%; margin:0 auto 25px; }
.producten .product .caption { background-image: none; display: block; overflow: hidden; padding: 10px 5% 15px; width: 90%; z-index: 10; background: #fff; min-height: 143px; }
.producten .product .caption p { font-size: 15px; }
.producten .product .caption h2 { font-size: 17px; }
.producten .product { text-decoration: none; }

.producten .product h2 { xmin-height: 38px; font-weight: 600; margin-bottom: 20px; font-size: 15px; font-weight: 400; text-align: left; font-family: 'Open Sans', sans-serif; font-weight: 600; text-transform:uppercase; }
.producten .product. a.button1 { display: none; }

.voorraad { margin: 10px 0 0; font-weight: 800; font-size: 14px; }
.overzicht .producten h2 { margin-bottom: 0; font-size: 16px; }'

/*resultaten balk webshop*/
.resultaten { border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; padding-top: 10px; clear: both; padding-bottom: 10px; overflow: hidden; }
.resultaten .fa-angle-right { margin-left: 10px; }
.resultaten .fa-angle-left { margin-right: 10px; }
.resultaten .bold { font-weight: bold; float: left; }
.resultaten .subnav { text-align: right; float: right; overflow: hidden; }
.resultaten .subnav a { color: #444; margin: 0 5px; }
.resultaten .subnav .numbers { display: inline-block; }
.resultaten .subnav .numbers a { font-weight: 600; }
.resultaten .subnav a:hover, .resultaten .subnav a.active { color: #AF2523; }
.resultaten .subnav a.active { background: #004179; color: #ffffff; border-radius: 5px; padding: 0 7px; text-align: center; xfloat: left; }
.resultaten .subnav .prev { float: left; }

/*filters webshop*/
.filternu { display: none; }
.filters ul { margin-bottom: 25px; }
.filters { padding-top: 35px; }
.filters.nopc { display: none; position: absolute; background: #222; z-index: 10; width: 80%; padding: 20px 5%; }
.filters.nopc ul { margin-bottom: 20px; }
.filters.nopc .bold { color: #fff; }
.filters.nopc label { color: #fff; }
.filters input { height: 15px; width: 15px; margin: 0 5px 0 0; padding: 0; }
.filters input#amount2, .filters input#amount { width: 100%; height: 25px; font-size: 13px; text-align: center; background: #C15089; color: #000; border: none; float: left; margin-right: 5%; }
.filters .button { display: inline-block; height: 25px; width: 30%; border-radius: 4px; text-align: center; float: left; line-height: 25px; background: #C15089; font-size: 14px; color: #fff; }
.filters .button .fa { margin-left: 4px; }
.filters li { padding: 0; }
.filters p.small { display: inline-block; font-size: 12px; color: #777; margin-left: 3px; }
.filters .bold { font-size: 13px; border-bottom: 1px solid #ddd; margin-bottom: 10px; padding-bottom: 5px; font-weight: 600; display: block; }

/*video*/
#video { margin: 0 0 0; overflow: hidden; background: #004179; padding: 50px 0; color: #fff; }
#video h2 { color: #fff; }
#video li { float: left; width: 31%; position: relative; margin-right: 3.5%; }
#video li:last-child { margin-right: 0; }
#video .btn { background: none; color: #fff; border: 2px solid #fff; width: 175px; display: block; margin: 35px auto 0; }
#video .btn .fa { color: #fff; }
#video .btn:hover { color: #004179; background: #ffffff; }
#video .btn:hover i { color: #000000; }
#video .play { position: absolute; width: 35%; left: 33%; top: 20%; opacity: 0.8; }
#video a:hover .play { opacity: 1; }
#video .videothumb { width: 100%; border: 5px solid #fff; }
#video .tekst { text-align: center; margin-bottom: 50px; }
#video .title { width: 100%; font-weight: 600; xposition: absolute; margin: 15px 0 0 0; xbottom: -40px; color: #fff; text-align: center; }
.vervolg #video { background: #ffffff; padding: 0 0 50px 0; color: #000000; }
.vervolg #video li { float: left; width: 31%; margin: 0 2% 2% 0; }
.vervolg #video li img.videothumb { width: 100%; }
.vervolg #video .title { position: static; color: #000000; text-align: center; }

/*Detail webshop*/
#detail { margin: 30px 0; overflow: hidden; width: auto;  clear: both; }
#detail .btn.terug, 
#cart .btn.terug, 
#blogg .btn.terug { min-width: 100px; text-align: right; float: left; margin-bottom: 35px; line-height: 125%; text-decoration: none; padding: 13px 43px 13px 23px; }

#detail .images { clear: left; width: 30%; float: left; padding: 0; }
#detail .images img { width: 100%;  }
#detail .images a { border: 1px solid #EAEAEA; }
#detail .images a.big img { width:auto; max-width:100%; }
#detail .big { width: 100%; float: left; margin-bottom: 2%; }
#detail .sub { width: 17.2%; margin-right: 2%; float: left; opacity: 0.8; cursor: pointer; }
#detail .sub.active, 
#detail .sub:hover { opacity: 1.0; }
#detail .sub:last-child { margin-right: 0; }

#detail .text { float: right; width: 66%; padding: 0; }
#detail .text .desc { line-height: 150%; font-size: 16px; }
#detail .tekst { clear: both; font-size:16px; }
#detail ul li .bold { float: left; margin-right: 25px; height: 40px; line-height: 40px; }
#detail ul li { margin-bottom: 7px; }
#detail ul { clear: both; overflow: hidden; font-weight: 600; }
#detail ul li .fa { color: #004179; font-size: 22px; vertical-align: middle; margin-right: 10px; }

#detail select.last { margin-right: 0; }
#detail .oldprijs { float: left; margin: 20px 25px 0 0; position: relative; font-weight:700;  }
#detail .strikethrough { position: absolute; content: ""; left: -5px; color: #666; top: 10px; right: 0; border-top: 1px solid; border-color: inherit; -webkit-transform: rotate(-20deg); -moz-transform: rotate(-20deg); -ms-transform: rotate(-20deg);  -o-transform: rotate(-20deg); transform: rotate(-20deg); width: 65px; }
#detailx .strikethrough { position: relative; }
#detail .prijs { float: left;  border-top: 1px solid #FFFFFF; padding: 0; margin: 0; text-align: left; font-weight: 800; font-size: 36px; color: #004179; }
#detail .buttons { clear: both; margin-top: 35px;  }
#detail .bestel { margin:0 20px 20px 0; display: block; font-size: 20px; padding: 0 50px 0 20px; height: 50px; line-height: 50px; float: left; min-width:200px; }
#detail .bestel .fa { float: left; padding-top: 16px; padding-right: 15px; font-size:30px; color:#ffffff; margin-top:-5px;}
#detail .bestel:hover .fa { color:#004179; }
#detail .bestel.question { background: #8d8d8d; border-color:#8d8d8d; }
#detail .bestel.question:hover { background: #ffffff; color: #004179; border-color:#004179; }
#detail .bestel.question:hover .fa { color: #004179; }
#detail .clap { clear: left; padding: 25px 2.5%; background: #fff; color: #6D4D36; width: 42%; }
#detail .opties2 { margin: 10px 0 30px 0; }
#detail .opties2 select { display:block; font-size: 15px; width: 385px; min-width: 40%; margin:0 0 15px 0; font-weight: 600; height: 50px; }
#detail a.downloadlink { text-decoration:none; }
#detail a.downloadlink:hover { text-decoration:underline; }
#detail i.fa-download { color: #004179; }
/* bxslider controls */

#overig .bx-wrapper { padding-bottom:80px; }
#overig .bx-wrapper .bx-controls-direction a { width: 33px; height: 52px; margin-top: -26px; }
#overig .bx-wrapper .bx-prev {  left: -70px; background: url(../images/controls.png) no-repeat 0 0px; }
#overig .bx-wrapper .bx-prev:hover { background: url(../images/controls.png) no-repeat 0px -52px; }
#overig .bx-wrapper .bx-next {  right: -70px; background: url(../images/controls.png) no-repeat -33px 0px; }
#overig .bx-wrapper .bx-next:hover { background: url(../images/controls.png) no-repeat -33px -52px; }
#overig a.product { padding-bottom:30px; }
#overig .prijzen { bottom:30px; }
	
#detail h2 { margin-top: 0; float: left; text-align: left; }
#detail .line { bottom: 30px; top: auto; }
#detail .voorraad { clear: both; font-size: 16px; margin: 15px 0; }
#blogg .btn.terug { margin-bottom: 0; }
#detail .btn { }

#detail .btn.terug .fa, 
#cart .btn.terug .fa, 
#blogg .btn.terug .fa { float: left; margin: 0 15px 0 0; }

#detail #productform { }
#detail .excl { font-size: 11px; padding: 25px 0 0 20px; float: left; }

#detail { width: 100%; height: 100%; font-size: 16px; }
#detail .subkop { color: #004179; font-size: 18px; font-weight: 700; margin: 25px 0 15px; }
#detail #levertijd { display:none; }
.subtab { clear: both; padding: 25px; border-left: 1px solid #b9c7d2; border-right: 1px solid #b9c7d2; border-bottom: 1px solid #b9c7d2; }
.tabs { background: #f1f6f9; margin-top: 35px; color: #222; border: 1px solid #b9c7d2; clear: both; height: 39px; }
.tabs .tab { text-decoration: none; width: auto; padding: 15px 25px; display: block; float: left; text-align: center; }
.tabs .tab i { display: none; }
.tabs a { color: #447298; font-size: 15px; font-weight: 600; float: left; padding: 9.5px 25px; }
.tabs a:hover { color: #002f55; background: #d0dee6; }
.tabs .descr { padding: 25px 25px; display: block; clear: both; }
.tabs .descr ul li { margin-bottom: 10px; overflow: hidden; clear: both; }
.tabs .descr ul li span { display: block; width: 200px; float: left; }
.tabs .descr ul li strong { display: block; float: left; }
.tabs .descr h2 { font-size: 15px; margin: 0 0 10px; }
.tablinks { background-color: #ccc; overflow: hidden; }
#detail input.submit { margin-top: 25px; width: 48%; display: inline-block; margin-right: 0; }

#detail input.vraag { float: left; }
.tabs .active { background: #d0dee6; color: #002f55; }


/*trainingen*/
#vervolg { clear: both; overflow: hidden; margin:30px auto 0; }
#xvervolg .product { background: #002f55; color: #fff; padding: 10px; margin-bottom: 20px; width: 24%; width: calc(24% - 20px); margin-right: 1%; float: left; position: relative; }
#xvervolg .product:before { content: ''; position: absolute; top: 0; right: 0; border-top: 40px solid white; border-left: 40px solid #bccfe4; width: 0; }
#xvervolg .product.vier { margin-right: 0; }
#vervolg_x .product .btn { display: block; width: 120px; margin: 15px auto 5px; border-color: #fff; color: #fff; }
#vervolg_x .product .btn .fa { color: #fff; }
#vervolg a img { width: 100%; }
#vervolg .tekst { margin-bottom: 35px; }
#xvervolg.full .left { width: 100%; margin-right: 0; }

#vervolg .right { width: 70%; margin-bottom: 25px; }
#vervolg .right.full { width:100%; }

#vervolg .right img.border { xwidth: 100%; float: left; margin: 0 20px 20px 0; border: 10px solid #2E6B30; max-width: 100%; }
#vervolg .items { overflow: hidden; }
#vervolg .items a { width: 23.5%; float: left; margin-right: 2%; margin-bottom: 25px; }
#vervolg .items a.vier { margin-right: 0; }

/*overig*/
#overig { padding: 60px 5%; border-top: 10px solid #e1e1e1; margin-top: 60px; }

/*webshop*/
#vervolg .left { width: 25%; margin-right: 5%; font-size: 16px; }
#vervolg .left ul { margin:0 0 35px 0; }
#vervolg .left ul li:first-child { order-top: 1px solid #FCC; }
#vervolg .left ul li { border-bottom: 1px solid #ddd; padding: 10px 0; font-weight: 400; }
#vervolg .left ul li .fa { float: right; margin: 0; }
#vervolg .left ul li a { color:#3e3e3e; text-decoration:none; }
#vervolg .left ul li a:hover { text-decoration:underline; font-weight:normal;  }
#vervolg .left ul li a.active,
#vervolg .left ul li a.active:hover { font-weight: 600; }
#vervolg .left ul li.active a, 
#vervolg .left ul li a:hover { color: #004179; }
#vervolg .left ul li.active ul li a { color: #000000; }
#vervolg .left ul li.active ul li a.active { color: #004179; }
#vervolg .left ul li ul li a.active { padding-bottom: 0px; border-bottom: none; }
#vervolg .left ul.sub { display: none; }
#vervolg .left ul.sub.active { display: block; }
#vervolg .left ul.sub li { border-bottom: 0; font-weight: 400; font-size: 14px; padding: 6px 0 6px 10px; }
#vervolg .left ul.sub li .fa { margin: 0 5px 0 0; }
#vervolg .left ul.sub { margin-top: 5px; }
#vervolg .left ul.sub li a { font-size: 13px; }
#vervolg .left ul li a { line-height: 150%; display: block; font-size: 16px; }
#vervolgx .left  i { display:none; }
#vervolg li.first { display:none; }
#vervolg .left ul li ul { display:none; }
#vervolg .left ul li.active ul { display:block; margin:10px 0 0 20px; list-style-image:none; list-style-type:square; }
#vervolg .left ul li.active ul li { padding:3px 0; border:none; }
#vervolg .left ul li.active ul li a { font-size:14px; font-weight:normal; color: #3e3e3e; }
#vervolg .left ul li.active ul li a:hover { color: #004179;  }
#vervolg .left ul li.active ul li a.active { color: #004179;  font-weight:600; }

/*contact*/
#contact { padding: 0 0 60px; margin: 0 auto 0; overflow: hidden; padding-top: 60px; border-top: 10px solid #e1e1e1; }
#contact a { color: #002f55; }
#contact a.btn { background: #fff; border: 2px solid #002f55; color: #002f55; padding: 9px 25px; }
#contact a.btn .fa { }
#contact form .fa { color: #002F55; margin-left: 15px; font-size: 25px; }
#contact .cntctinfo a.btn .fa { color: #002f55; float: left; font-size: 25px; }
#contact textarea { height: 310px; }
#contact a.btn.tel, #contact a.btn.mail { float: right; font-size: 17px; font-weight: 600; text-align: right; width: 270px; padding: 10px 25px; }
#contact a.btn.mail { clear: right; }
#contact a.btn.tel { margin-bottom: 20px; }
#contact input, #contact textarea { margin-bottom: 25px; font-family: 'Open Sans', sans-serif; width: 100%; }
#contact input { height: 40px; display: block; }
#contact input.nietvertonen { display: none; }
#contact .cntctblok { line-height: 175%; font-weight: 500; float: left; font-size: 15px; }
#contact .cntctblok { margin-right: 20px; }
#contact .cntctblok.rechts { margin-right: 0; }
#contact form { float: left; width: 35%; margin-right: 5%; min-height: 200px; }
#contact img.fltr { margin-top: 40px; width: 60%; }
#contact h2 { margin-bottom: 80px; }
#contact a.btn:hover { background:#002F55; color:#fff; }
#contact a.btn:hover .fa { color:#fff; }

/*realisatie*/
#realisatie { color: #ffffff; background: #004179; padding: 15px 0; text-align: right; font-size: 14px; font-weight: normal; }
#realisatie a { color: #fff; padding:0 5px;  }
#realisatie a:hover { text-decoration: underline; }
#realisatie .menuonder { float: left; color: #76899a; }
#realisatie .sq { width: 11px; margin: 0 15px; }

/* referenties */
#referenties { }
#referenties .referentie { clear:both:float:none; width:50%; float:left; }
#referenties .referentie .logo { width:50%; float:left; margin:0 3% 3% 0; }
#referenties .referentie .tekst { width:47%; float:left; margin:0 0 35px 0; }
#referenties .referentie .logo img { width:100%; height:auto; border:1px solid #cccccc;  }
#referenties .referentie h3 { font-size:16px; margin:0 0 5px 0; font-weight:800; }

/*info*/
#vervolg {  }
#vervolg .fa { margin-left: 0; font-weight: 600; margin-right: 15px; }
.caption { display: block; background: rgba(0, 65, 121, 0.3); position: absolute; bottom: 50px; color: #fff; padding: 15px 30px; font-size: 36px; text-shadow: 0 3px 0 rgba(0, 0, 0, .5); }
.noslider { height: 0px; }

/*breadcrumbs*/
ul.brcr { border-bottom: none; background: #76a5ca; }
ul.brcr li { font-weight: 600; float: left; width: auto; text-transform: lowercase; }
ul.brcr li a { color: #002f55; }
ul.brcr li a:hover { color: #004179; }
ul.brcr li a.active, ul.brcr li:last-child a, ul.brcr li.on { color: #002f55; opacity: 1.0; }
ul.brcr .fa { color: #002f55; }
ul.brcr .fa { color: #ffffff; }
ul.brcr li a { color: #ffffff; }
ul.brcr li.on { color: #ffffff; }

/* winkelwagen */
.kleur1 { background: #004179; }
.kleur2 { background: #004179; color: #ffffff; }
#cart.wrapper1 { width: 90%; padding: 50px 5%; ; }
#cart { float: left; color: #222; padding-top: 20px; padding-bottom: 50px; border-top: 1px solid #fff; background: #eee; background-size: contain; font-size: 15px; min-height: calc(100% - 57px); }
#cart .procent { position: absolute; right: -19px; top: -19px; font-size: 26px; font-weight: 600; z-index: 1; width: 40px; height: 40px; border-radius: 50%; color: #fff; position: absolute; text-align: center; line-height: 40px; }
#cart textarea, #cart select, #cart input, #cart textarea { border: 1px solid #ccc; font-family: 'Open Sans', sans-serif; padding: 0 1.5%; }
#cart h1 { clear: both; }
#cart input[type=radio], #cart input[type=checkbox], #cart .blok3 input[type=checkbox] { width: 16px; margin-right: 12px; vertical-align: middle; height: 16px; }
#cart p.bold { margin-bottom: 15px; font-weight: 600; }
#cart p.error { clear: both; border: 1px solid red; padding: 10px; margin: 0 auto 25px; color: #ff0000; font-weight: bold; }
#cart .blok2 ul { margin-bottom: 35px; }
#cart .blok1, #cart .blok2, #cart .blok2 img { width: 33px; margin-right: 12px; vertical-align: middle; }
#cart .blok1 img { width: 30%; float: left; }
#cart .blok1 .content, #cart .blok2 .content, #cart .blok3 .content { padding: 20px 5%; }
#cart .blok1 p.artnr { font-size: 13px; border-top: 1px solid #E5E4E4; padding-top: 5px; margin: 5px 0; }
#cart .blok1 p.korting { font-size: 13px; border-top: 1px solid #E5E4E4; width: 100%; float: left; padding-top: 5px; margin: 5px 0; }
#cart .blok1 a.delete { font-size: 18px; font-weight: 800; padding: 0 6px 3px; float: right; border-radius: 4px; background: #000000; }
#cart .blok1 .coupon { float: left; width: 100%; margin-top: 20px; margin-bottom: 10px; }
#cart .blok1 .coupon input { width: 40%; float: left; margin-top: 8px; }
#cart .blok1 .coupon input.submit { border: none; }
#cart .blok1 .totaal p { text-align: right; }
#cart .blok1 .artnr { margin-bottom: 0; }
#cart .blok1 { margin-right: 2%; clear: left; }
#cart .blok1 .description { width: 55%; float: left; margin: 0 0 0 4%; }
#cart .blok1 .rightprice { float: right; display: block; width: 65%; margin-top: 20px; }
#cart .blok1 .rightprice select { height: 30px; }
#cart .blok1 .artikelprijs { float: right; width: 30%; }
#cart .blok1 .totaal { clear: both; }
#cart .blok1 .artikel { border-bottom: 1px solid #ccc; display: inline-block; margin-bottom: 15px; padding-bottom: 15px; width: 100%; }
#cart .blok1 .artikel p.euro, #cart .blok1 .artikel p.bedrag { text-align: center; font-size: 18px; font-weight: 600; }
#cart .blok1 .artikel p.euro.nopadding, #cart .blok1 .artikel p.bedrag.nopadding { padding: 0; }
#cart .blok1 .artikel p.bedrag { width: 60%; text-align: right; }
#cart .blok1 ul.totaal li.final p.bedrag { width: 34%; }
#cart .blok1 ul.totaal li.final p.euro { width: auto; margin-left: 12%; }
#cart .blok1 a.btn.big.grey { min-width: 28%; margin-top: 0; }
#cart .blok1 ul.totaal li.verzendkosten { padding-bottom: 0; } /* geen btw */
#cart .blok1 p.totaal.bedrag { }
#cart .blok1 ul.totaal { float: right; width: 62%; font-size: 15px; }
#cart .blok1 ul.totaal li.final { padding-top: 13px; }
#cart .blok1 ul.totaal li.final p.euro, #cart .blok1 ul.totaal li.final p.bedrag { font-size: 24px; font-weight: 600; }
#cart .blok1 p.bedrag { display: inline-block; width: 20%; float: right; }
#cart .blok1 ul.totaal p.before { float: left; width: 45%; }
#cart .blok1 p.euro { display: inline-block; width: 30%; text-align: center; float: left; }
#cart .blok1 ul.totaal li.btw { padding-bottom: 0; }
#cart .blok1 ul.totaal li.verzendkostenx, 
#cart .blok1 ul.totaal li.subtotaal { border-bottom: 1px solid #ccc; }
#cart .blok1 ul.totaal li.final { border-top: 1px solid #ccc; }
#cart .blok1 ul.totaal li { margin-bottom: 9px; padding-bottom: 9px; overflow: hidden; }
#cart .blok1 ul.totaal li.btw { margin-top: 0px; }
#cart .blok2 { margin-right: 2%; }
#cart .blok2 p { margin: 12px 0; }
#cart .blok2 p.bold.betaal { margin-top: 25px; }
#cart .blok2 ul li { margin: 13px 0; }
#cart .blok2 input[type=radio], #cart .blok2 input[type=checkbox] { vertical-align: top; }
#cart .blok2 label { clear: right; }
#cart .blok1, #cart .blok2, #cart .blok3 { height: 100%; background: #fff; width: 32%; float: left; position: relative; }
#cart .blok3 p, #cart .blok3 .bestel, #cart .blok3 select, #cart .blok3 input { margin: 5px 0; font-size: 15px; }
#cart .blok3 .bestel { width: 90%; display: block; text-align: left; text-transform: uppercase; line-height: 50px; font-size: 18px; padding: 0 5%; margin-top: 10px; border-radius: 4px; }
#cart .blok3 .bestel:hover { text-decoration: none; }
#cart .blok3 .bestel .fa { float: right; padding: 10px 0 0 0; font-size: 26px; }
#cart .blok3 .tabjes { background: #cfcfcf; height: 40px; }
#cart .blok3 .tabjes a { padding: 11px 0 10px 4%; float: left; width: 46%; color: #222; }
#cart .blok3 .tabjes a:hover { background: #DDDDDD; color: #000000; }
#cart .blok3 .tabjes a { color: #fff; }
#cart .blok3 .tabjes a.active { background: #ffffff; color: #000000; }
#cart p.bold { display: block; }
#cart .blok3 .bestel { height: 50px; margin-top: 14px; }
#cart .blok3 .coupon { }
#cart .blok3 select.geslacht { width: 17%; }
#cart .blok3 input.naam { width: 35%; margin-left: 1.5%; }
#cart .blok3 input.straat { width: 58%; }
#cart .blok3 input.nr, #cart .blok3 input.toev { width: 12.6%; margin-left: 1.5%; }
#cart .blok3 input.plaats, #cart .blok3 input.postcode { width: 44.5%; }
#cart .blok3 input.plaats { margin-left: 1.5%; }
#cart .blok3 input.postcode.korter { width:72px; }
#cart .blok3 input.straat.korter,
#cart .blok3 input.plaats.korter { width:45%; }

#cart .blok3 textarea { padding-top: 12px; font-size: 15px; height: 100px; margin: 5px 0; }
#cart .blok2 .ref { width: 97.5%; margin-top: 10px; }
#cart .blok3 select.breed { width: 100%; }
#cart .blok3 .breed { width: 95.5%; }
#cart .blok3 a.btn.big { width: 89%; margin-bottom: 10px; }
#cart .blok3 a.voorwaarden { text-decoration: underline; }
#cart .blok3 a.voorwaarden:hover { text-decoration: none; }
#cart .blok3 label.particulier { margin-right: 5%; }
h1.shown { display: none; }



@media only screen and (max-width: 1700px) { 
	#cart .blok3 input.naam { width: 35.8%; }
}


@media only screen and (max-width: 1560px) { 
	
}

@media only screen and (max-width: 1599px) { 
	#header .nav li a { padding: 15px 15px; }
}

@media only screen and (max-width: 1439px) 
{ 
	#cart .blok1 .rightprice { width: 100%; }
	#cart .blok1 .artikel li.artikelprijs { width: 35%; float: right; }
	#cart .blok1 img { width: 38%; }
	#cart .blok1 .description { width: 50%; }
	#cart .blok1 ul.totaal { width: 75%; }
}

@media only screen and (max-width: 1439px) { 
	#fles { width: 975px; }
	#fles .container { width:100%; }
	#fles .tags1 { width: 320px; }
	#fles .tags2 { width: 320px; }
	#fles .tag.nr1 .line { width: 50px; left: -50px; }
	#fles .tag.nr3 .line { width: 130px; left: -130px; }
	#fles .tag.nr2 .line { width: 100px; left: 312px; }
	#fles .tag.nr2 .line span { left: 100px; }
	#fles .tag.nr4 .line { width: 40px; left: 312px; }
	#fles .tag.nr4 .line span { left: 40px; }
	#fles .bewust { left: 30px; top: 120px; width: 170px; }
}

@media only screen and (max-width: 1400px) 
{ 
	#cart .blok3 select.geslacht { width: 22%; }
	#cart .blok3 input.naam { width: 33%; }
	#cart .blok3 input.plaats, #cart .blok3 input.postcode { width: 44.4%; }
}

@media only screen and (max-width: 1369px) 
{ 
	#xcontact .cntctblok { width: 30%; }
	#xcontact form { width: 100%; margin-bottom: 35px; }
	#xcontact .cntctinfo { width: 100%; overflow: hidden; border-top: 1px solid #ccc; padding-top: 30px; }
	#xcontact img.fltr { width: 100%; }
	#xheader .topcart span.hideonmobile { display: none; }
	#xheader .user { right: 7%; }
}

@media only screen and (max-width: 1365px) 
{
	#header .top,
	.container { width:95%; }
	#header .nav li a { padding: 15px 12px; }
}


@media only screen and (max-width: 1279px)
{
}

@media only screen and (max-width: 1024px) 
{ 
	.opvulling { height: 50px; display:block; }
	#header .logo img { padding: 0; margin-left: 25px; }
	.content { padding-left: 0; clear: none; }
	ul.brcr { display: none; }
	#cart .blok3 input.naam { width: 32.6%; }
	#cart .blok3 input.straat { width: 57%; }
	
	.vervolg #webshop { padding-top: 0; }
	#webshop .left { display: none; }
	
	.content #webshop .left { width: 100%; }
	#webshop .right { width: 100%; }
	#webshop .left ul.leftmenu { display: none; }
	.wrapper1 { width: 90%; }
	.homepage .sfeerslider_holder { width: 100%; }
	.logo-mobile { margin: 0 auto; left: calc(50% - 80px); position: fixed; top: 10px; z-index: 2; display: block; }
	.logo-mobile img { height: 25px; }
	
	/* infopage */
	#vervolg .right { width: 100%; margin-top: 20px; }
	#vervolg .left { width: 100%; display: none; }
	
	/* header icons */
	#header { z-index: 1; z-index: 1000; top: 0; position:fixed; height:50px; overflow:initial; }
	#header .hamburger { display:block;  left: 0; background: #fff; float:left;  }
	#header .hamburger .fa { font-size: 24px; padding: 13px; margin:0; }
	#header .phone { display:block;  right:80px; background: #fff; float:right; margin-right:2px; }
	#header .phone .fa { font-size: 24px; padding: 13px; margin:0; }
	#header .email { display:block; right: auto; background: #fff;  float:right; }
	#header .email .fa { font-size: 24px; padding: 13px; margin:0; }
	#header .scart { position:relative; display:block;  left: 0; right: auto; background: #fff;  float:right; margin-right:2px; }
	#header .scart .fa { font-size: 24px; padding: 13px; margin:0; }
	#header .scart .aantal { position:absolute; background:#5584ad; border-radius:100%; font-size:12px; display:inline-block; line-height:20px; width:20px; height:20px; margin:0; text-align:center; top:3px; right:3px; font-weight:800; color:#fff; padding:0; }
	#header a:hover .fa { background:#5584ad; color:#fff; }
	#header a.scart:hover .aantal { background:#fff; color:#5584ad; }
	
	/* header */
	#header #nav { width: 100%; position: fixed; z-index: 2;  top: 50px; }
	#header #nav .container { width:100%; }
	#header .top { width:100%; padding:0;  background: #004179; }
	#header .top .row { display:none; }
	#header .logo { display:none; }
	#header  img.logomobile { display:block;  height:35px; position:absolute; top:8px; left:40%; }
	
	/* mobile style */
	#header .nav { display:none; }
	#header .nav li { display: block; float:none; }
	#header .nav li ul { position:static; } 
	#header .nav li a .fa { xfloat:right; }
	#header .nav li.mijnaccount { float: none; }
	#header .nav li.mijnaccount .fa { float: left; margin: 2px 10px 0 0; }
	
	/* active styles */
	#header .nav ul.show li a,
	#header .nav li:hover li a { padding: 10px 20px; }
	#header .nav li:hover a { background: #5584ad; color:#fff; }
	#header .nav li.active a,
	#header .nav li a.active { background: #5584ad; color:#fff; }
	#header .nav li.active a .fa,
	#header .nav li a.active .fa { color:#fff; }
	#header .nav li:hover ul { display:none; border:none; }
	
	/* contact */
	
	#contact .cntctblok { float: none; margin: 0 0 20px 0; }
	
	#contact a.btn.tel { float:none; margin-right:20px; width:auto; }
	#contact a.btn.mail { float:none; }
	#contact img.fltr { margin-top:20px; }
	
	/* rest */
	.hideonmobile { display: none; }
	.vervolg .sfeerslider_holder .text, 
	.vervolg .sfeerslider_holder2 .text { display: none; }
	
	h1.shown { display: block; }
	
	#header .user { right: 10%; }
	#fles .fotos img { padding: 0 20px; }
	
	/* slider */
	#overig { padding: 60px 10% 0; }
	
}

@media only screen and (max-width: 1023px) { 
	
	/*
	#vervolg .items a { width: 32%; }
	#vervolg .items a.drie { margin-right: 0; }
	#vervolg .items a.vier { margin-right: 2%; }
	.vervolg .bxslider .text { display: none; }
	#overons h2.tekstblok p { line-height: 100px; }
	#overons .right { margin-top: 0; clear: both; }
	.bxslider .text { font-size: 42px; top: 48%; }'
	*/
	#cart .procent { right: -18px; width: 40px; height: 40px; line-height: 40px; }
	#cart .blok1 ul.totaal { width: 62%; }
	#cart .blok1, #cart .blok2, #cart .blok3 { width: 100%; }
	#cart .blok1, #cart .blok2 { margin-bottom: 35px; }
	#cart .blok1 img { width: 18%; }
	#cart .blok1 .description { width: 45%; margin-right: 2%; }
	#cart .blok1 .rightprice { width: 30%; }
	#cart .blok1 .artikel li.artikelprijs { width: auto; float: none; }
	#cart .blok1 .artikel { position: relative; }
	#cart .blok1 .artikel p.euro, #cart .blok1 .artikel p.bedrag { margin-top: 20px; }
	#cart .blok1 a.delete { position: absolute; right: 0; top: 0; }
	#cart .blok1 .rightprice { margin-top: 0; }
	
	/* blokken - webshop */
	.producten .product { width: 31%; margin: 0 3% 45px 0; }
	.producten .product.nr5 { margin-right:3%; }
	.producten .product.nr3 {  margin-right:0; }
	

	#overons .blok { width:auto; float:none; margin:0 0 3% 0; }

	#referenties .referentie { width:auto; float:none; }
}

@media only screen and (max-width: 800px) { 
	
	/*#vervolg .right .product { width: calc(49% - 20px); }
	#vervolg .right .product.drie { margin-right: 2%; }
	#vervolg .right .product.twee { margin-right: 0; }
	#overons ul { width: 100%; margin-right: 0; }
	#overons .tekstblok { width: 100%; }
	#overons .foto { width: 100%; margin-bottom: 50px; }
	#overons h2.tekstblok { width: 100%; }
	#detail .text { width: 100%; margin: 25px 0 0 0; }
	#detail .images { width: 100%; }
	#detail .tabs .tab i { display: inline-block; margin: 0 0 0 15px; float: right; }
	.resultaten .subnav a { width: 45%; }
	#contact a.btn.fill1 { width: 100%; }
	#contact a.btn.mail { float: left; }
	#contact a.btn.tel, #contact a.btn.mail { width: 100%; padding: 10px 5% 10px 10%; }
	#contact a.btn.tel, #contact a.btn.mail { margin-bottom: 0; margin-top: 35px; }
	#contact .cntctblok.rechts { float: right; }
	#contact .cntctblok { width: auto; min-height: 120px; }
	#header .topcart .fa-angle-down { display: none; }
	.bxslider .text { display: none; }
	#blog .newsitem { width: 50%; padding: 2%; }
	*/
	
	.caption { padding: 10px 20px; font-size: 24px; }
	.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto { left: 5%; }
	
	#overons .product { width:auto; margin:0 0 3% 0; }
	
	#fles { width:725px; }
	#fles .tags1 { width: 210px; }
	#fles .tags2 { width: 210px; }
	
	#fles .tag.nr3 { margin-top: 30px; }
	#fles .tag.nr4 { margin-top: 60px; }
	
	#fles .tag.nr3 .line { width: 130px; left: -130px; }
	#fles .tag.nr2 .line { width: 80px; left: 205px; }
	#fles .tag.nr2 .line span { left: 80px; }
	#fles .tag.nr4 .line { width: 40px; left: 205px; }
	#fles .tag.nr4 .line span { left: 40px; }
	#fles .bewust { left: 0px; top: 250px; width: 120px; }
	#fles .logotop { width:100%; max-width:500px; }
	#fles .toptxt { width:auto; }
	#fles .btn { margin-top:35px; }
	
	#contact form { width:50%; }
	#contact a.btn.tel,
	#contact a.btn.mail { width:36%; margin:0 0 20px 0; }
	#contact img.fltr {  width: 45%; }
	
	#realisatie { text-align: center; }
	#realisatie .menuonder { float: none; margin: 0 0 10px 0; }
	
	
	/*#vervolg_x .product { width: 48%; width: calc(48% - 20px); margin-right: 2%; }
	#vervolg_x .product.twee { margin-right: 0; }
	.sfeerslider_holder .text { font-size: 40px; }*/
	
	h2 { font-size:30px; }
	
	#detail .bestel { min-width:240px; }
	
	/* slider */
	#overig .bx-wrapper .bx-prev { left: -45px; }
	#overig .bx-wrapper .bx-next { right: -45px; }
}

@media only screen and (max-width: 767px)
{ 
	
	#fles { width:95%; }
	#fles .top { width:270px; position:relative; margin:0 auto; }
	#fles .top .tags1 { width: 0px; }
	#fles .top .tags2 { width: 0px; }
	#fles .top .tag { position:absolute; border:none; padding:0; margin:0; background:none; }
	#fles .top .tag .line { background:none; }
	#fles .top .tag p { display:none; }
	#fles .top .tag font { display:none; }
	
	#fles .tag.nr1,
	#fles .tag.nr2,
	#fles .tag.nr3,
	#fles .tag.nr4 { margin:0; }
	
	#fles .tag.nr1 .line,
	#fles .tag.nr2 .line,
	#fles .tag.nr3 .line,
	#fles .tag.nr4 .line { width:0; top:0; left:0; transform: rotate(0); }
	
	#fles .tag .line span { width:45px; height:45px; }
	
	#fles .tag.nr1 .line span { top:20px; left:-55px; }
	#fles .tag.nr2 .line span { top: 115px; left: 62px; }
	#fles .tag.nr3 .line span { top: 250px; left: -130px; }
	#fles .tag.nr4 .line span { top: 420px; left: 0px; }
	
	#fles .fotos img { padding:0 10px; }
	
	#fles .bewust { left: 0px; top: 250px; width: 120px; }
	#fles .logotop { width:100%; max-width:500px; }
	#fles .toptxt { width:auto; }
	#fles .btn { margin-top:35px; }
	
	#fles .mobiledescr { display:block; }
	#fles .mobiledescr .tag { margin:0 0 20px 0; }
	/*
	
	#fles .tags1 { width: 100%; }
	#fles .tags2 { width: 100%; }
	
	
	#fles .tag.nr1 .line,
	#fles .tag.nr2 .line,
	#fles .tag.nr3 .line,
	#fles .tag.nr4 .line { top:0 left:0;}
	
	#fles .tag.nr2 .line span { left: 80px; }
	#fles .tag.nr4 .line span { left: 40px; }
	#fles .bewust { display:none; }
	#fles .tag.nr3 { margin-top: 20px; }
	#fles .tag.nr4 { margin-top: 20px; }
	
	#fles .tagx { border:none; background:none; }
	
	#fles .tag span { display:none; }
	#xfles .fotos { display:none; }
	
	#fles .top { width:250px; margin:0 auto; }
	*/



}

@media only screen and (max-width: 640px) 
{ 
	#header  img.logomobile { left:30%; }

	
	#contact form { float: none; width: 95%; margin:0 0 30px 0;  }
	#contact a.btn.tel, #contact a.btn.mail { width:auto; display:block; }
	#contact img.fltr { width:100%; }
}

@media only screen and (max-width: 639px) 
{ 
	.producten .product { width: 48%; margin: 0 3% 45px 0; }
	.producten .product.nr3 { margin-right:3%; }
	.producten .product.nr2,
	.producten .product.nr4 {  margin-right:0; }
}

@media only screen and (max-width: 600px) 
{ 
	#cart .blok3 input.naam { width: 33.2%; }
	#cart .blok1 .coupon input.submit { width: 43%; }
	
	
}

@media only screen and (max-width: 599px) 
{ 
	#blog .newsitem { width: auto; margin: 10px 0; padding: 0 }
	
	/* detail */
	#detail .images { width:98%; margin:0 0 20px 0; }
	#detail .text { width:100%;  }
	/*#detail .btn.terug, 
	#cart .btn.terug, 
	#blogg .btn.terug*/
	
	#detail .btn,
	#detail .btn.terug { float:none; display:block; width:auto; margin:0 0 20px 0; }
	#detail select { width:100%; }
	
}

@media only screen and (max-width: 480px) 
{ 
	#detail .btn.terug, 
	#cart .btn.terug, 
	#blogg .btn.terug { width: calc(90% - 2px); padding: 9px 5%; }
	
	.producten .product p { height: auto; min-height: initial; }
	#detail input, #detail textarea, #detail select { width: 100%; margin-bottom: 10px; }
	#detail input.submit { width: 100%; }
	#detail input.vraag { margin-top: 10px; }
	input, textarea, select { width: calc(100% - 2px); }
	input[type=radio], input[type=checkbox] { width: auto; }
	label { width: 100%; }
	#webshop .sorteer { margin-bottom: 25px; }
	
	#cart .blok3 input.plaats, #cart .blok3 input.postcode { width: 44.4%; }
	#cart .blok3 input.straat { width: 57.4%; }
	#cart .blok3 input.naam { width: 33.7%; }
	#cart .blok3 select.geslacht { width: 20%; }
	#cart .blok1 .rightprice { margin-top: 25px; }
	#cart .blok1 img { width: 38%; }
	#cart .blok1 .description { width: 60%; margin-right: 0; }
	#cart .blok1 .rightprice { width: 100%; }
	#cart .blok1 .artikel li.artikelprijs { width: 47%; float: right; }
	#cart .blok1 ul.totaal { width: 100%; }
	#cart .blok1 .coupon input { width: 50%; }
	#cart .blok1 a.btn.big.grey { min-width: 35%; }
	
	#video li { width: calc(100% - 8px); margin: 0 0 25px 0; }
	
	.btn,
	#contact a.btn.mail { font-size: 14px; padding: 8px 13px 8px 23px; }
	
	.btn .fa,
	#contact a.btn .fa,
	#contact form .fa { font-size: 20px; }
	
	#contact .cntctinfo a.btn .fa.fa-envelope-o { margin-top:-3px; }

}

@media only screen and (max-width: 479px) 
{ 
	#header  img.logomobile { left:55px; top:12px; height:30px; }
	.caption { padding: 5px; font-size: 14px; bottom:5px; }	

	.bx-pager { display:none; }
	
	.producten .product { width: 100%; margin: 0 0 45px 0; }
	.producten .product.nr3 { margin-right:0; }
	
	/* overig */
	#overig { padding: 60px 50px 0; }
}