@charset "utf-8";
/* CSS Document Algemeen */

/**************************************************************
** HTML5 Styles
***************************************************************/
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{ display:block;}

* {
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
}

/**************************************************************
** Speciale Fonts
***************************************************************/
@font-face{ font-family:'VIPERNORARegular'; src:url('./Fonts/viper-webfont.eot'); src:url('./Fonts/viper-webfont.eot?#iefix') format('embedded-opentype'), url('./Fonts/viper-webfont.woff') format('woff'), url('./Fonts/viper-webfont.ttf') format('truetype'), url('./Fonts/viper-webfont.svg#VIPERNORARegular') format('svg'); font-weight:normal; font-style:normal;}

@font-face{ font-family:'CalibriRegular'; src:url('./Fonts/calibri-webfont.eot'); src:url('./Fonts/calibri-webfont.eot?#iefix') format('embedded-opentype'), url('./Fonts/calibri-webfont.woff') format('woff'), url('./Fonts/calibri-webfont.ttf') format('truetype'), url('./Fonts/calibri-webfont.svg#CalibriRegular') format('svg'); font-weight:normal; font-style:normal;}

/**************************************************************
** Algemene Styles
***************************************************************/
html {
	font-family:'CalibriRegular', Arial, Helvetica, sans-serif; font-size:12px; color:#000;
}
body {
	font-family:'CalibriRegular', Arial, Helvetica, sans-serif; font-size:12px; color:#000; margin:0; padding:0;
}

a{ color:#ffe257; text-decoration:none;}
a:hover{ color:#ffe257; text-decoration:underline;}
a.mob-link { pointer-events:none; text-decoration: none; color: #000; }
p{ margin:0; padding:0 0 14px 0;}
ul{ margin:0; padding:0 0 14px 20px;}
img{ border:none;}

form{ margin:0; padding:0;}
table{ border-spacing:0; border-collapse:collapse;}
table td, table th{ padding:0;}

h1{ font-size:18px;}
h2{ font-size:18px;}
h3{ font-size:17px;}
h4{ font-size:16px;}
h5{ font-size:15px;}
h6{ font-size:14px;}

h1, h2, h3, h4, h5, h6{ font-family:'VIPERNORARegular', Arial, Helvetica, sans-serif; margin:0; padding:0; font-weight:normal; color:#000;}

.clear{ clear:both; height:0;}

.btn{ font-family:'VIPERNORARegular'; background:url(../Images/btn_bg.png) 0 0 no-repeat #fff; height:21px; line-height:23px; margin:0; padding:0 6px 0 20px; float:right; font-size:13px; color:#000; text-transform:uppercase; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px;}
.btn.left{ float:left;}
.btn.donker{ background-color:#252524; color:#fff; margin:0 8px 0 0;}
.btn:hover{ background-color:#ffe257; color:#000; text-decoration:none;}

.terug{ background:url(../Images/pijltje_menu.gif) 0 8px no-repeat; height:21px; line-height:23px; margin:0; padding:0 0 0 12px; float:left; color:#000;}

/**************************************************************
** Vlakverdeling website
***************************************************************/
#container{ width: 100%; max-width:930px; min-height:10px; height:auto !important; height:10px; margin:0 auto; padding:0 15px;}
header{ width: 100%; min-height:10px; height:auto !important; height:10px; margin:0; padding:0; float:left;}

#breadcrumbs {
	width: 100%; height:34px; line-height:34px; margin:0; padding:0; float:left; color:#a8a8a8;
}
#breadcrumbs a {
	color:#a8a8a8;
}

#links{ width:22%; min-height:10px; height:auto !important; height:10px; margin:0; padding:0; float:left;}
#midden{ width:60%; min-height:10px; height:auto !important; height:10px; margin:0; padding:0 15px; float:left;}
#rechts{ width:18%; min-height:10px; height:auto !important; height:10px; margin:0; padding:0; float:left;}

#breed{ width: 100%; min-height:10px; height:auto !important; height:10px; margin:0; padding:0; float:left;}

footer{ width: 100%; min-height:10px; height:auto !important; height:10px; margin:0; padding:0; float:left;}

/**************************************************************
** Header Styles
***************************************************************/
.mob { display: none; }
#logo{ width:60%; margin:0; padding:10px 0 0 0; float:left;}
#logo a { float: left; }

#social {
	float: left; width: 15%; padding:29px 0 29px 0; margin:0;
}
#social a { float: right; width: 32px; height: 32px; background: #000; margin: 0 10px 0 0; }

#zoeken{ width:25%; margin:0; padding:29px 0 29px 0; float:right;}
#zoeken .form{ width:100%;}
#zoeken .form .form-set{ padding:0;}
#zoeken .form .form-set input{ margin:0;}
#zoeken .form .form-set input#Zoekwoord{ background:#fff; width:85%; height:32px; text-transform:uppercase; border-top-right-radius:0; border-bottom-right-radius:0; -webkit-border-top-right-radius:0; -webkit-border-bottom-right-radius:0; -moz-border-radius-topright:0; -moz-border-radius-bottomright:0; border-right:none; border-color:#c2c2c2; box-shadow:inset 0 0 4px rgba(0,0,0,0.15); -webkit-box-shadow:inset 0 0 rgba(0,0,0,0.15); -moz-box-shadow:inset 0 0 4px rgba(0,0,0,0.15);}
#zoeken .form .form-set input#Zoeken{ background:url(../Images/zoek_btn.jpg) 50% 50% no-repeat #000000; width:15%; height:32px; margin:0; padding:0; font-size:1px; text-indent:-9999px; border-top-left-radius:0; border-bottom-left-radius:0; -webkit-border-top-left-radius:0; -webkit-border-bottom-left-radius:0; -moz-border-radius-topleft:0; -moz-border-radius-bottomleft:0; border-left:none; border-color:#c2c2c2; color:#4c4c4c; box-shadow:none; -webkit-box-shadow:none; -moz-box-shadow:none;}

nav{ background:url(../Images/menu_bg.jpg) 0 0 no-repeat; background-size: auto 100%; width:70%; height: 50px; margin:0; padding:12px 0 6px 0; float:left;}
nav ul{ width:auto; height:30px; margin:0; padding:0 6px; float:left; list-style:none;}
nav ul li{ height:30px; margin:0; padding:0 0 0 6px; float:left;}
nav ul li a{ font-family:'VIPERNORARegular'; height:22px; line-height:24px; margin:0; padding:0; float:left; font-size:13px; color:#000; text-transform:uppercase;}
nav ul li a:hover, nav ul li a.aan{ background:url(../Images/pijltje_menu.png) 50% 100% no-repeat; height:30px; color:#fff; text-decoration:none;}
nav ul li a span{ background:url(../Images/pijltje_menu.gif) 4px 50% no-repeat #fff; height:22px; line-height:24px; margin:0; padding:0 6px 0 12px; float:left; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px;}
nav ul li a:hover span, nav ul li a.aan span{ background:url(../Images/pijltje_menu_aan.gif) 4px 50% no-repeat #000;}

#mandje{ background:#11110f; width:30%; margin:0; padding:7px 15px; float:left;}
#mandje a{ background:url(../Images/pijltje_mandje.png) 100% 50% no-repeat; width:100%; height:36px; margin:0; padding:0; float:left; color:#fff;}
#mandje a span#mandje-kop{ font-family:'VIPERNORARegular'; background:url(../Images/mandje_ico.png) 0 2px no-repeat; width:100%; min-height:10px; height:auto !important; height:10px; margin:0; padding:2px 0 4px 10%; float:left; font-size:12px; color:#fff;}
#mandje a span, #mandje a:hover{ color:#ffe14d; text-decoration:none;}

/**************************************************************
** Homepage Styles
***************************************************************/
#slideshow{ position:relative; width: 100%; height:250px; margin:15px 0; padding:0; float:left;}
.slide{ position:absolute; left:0; top:0; width: 100%; height:250px; margin:0; padding:0; z-index:2; overflow:hidden;}
.slide.show{ z-index:3;}

.slide-afb{ width: 100%; height:250px; margin:0; padding:0; float:left;}
.slide-afb img{ min-width: 100%; float:left; min-height:250px;}
.slide-tekst{ position:absolute; top:52px; left:56px; width:50%; height:150px; margin:0; padding:0; float:left; overflow:hidden;}
.slide-tekst h2{ font-size:36px;}
.slide-tekst h2 span{ font-family:Arial, Helvetica, sans-serif; font-size:30px;}

#slide-nav{ position:absolute; left:0; bottom:0; width: 100%; margin:0; padding:0; float:left; z-index:4; overflow:hidden;}
#slide-nav ul{ width: 100%; margin:0; padding:0 0 0 20px; float:left; list-style:none;}
#slide-nav ul li{ width:auto; height:42px; margin:0 0 0 -40px; padding:0; float:left;}
#slide-nav ul li a{ position:relative; font-family:'VIPERNORARegular'; background:url(../Images/slide_nav.png) top right no-repeat; width:100%; height:42px; line-height:44px; margin:0; padding:0 40px 0 40px; float:left; color:#fff; font-size:18px;}
#slide-nav ul li a span{ font-family:Arial, Helvetica, sans-serif; font-size:15px;}
#slide-nav ul li a:hover, #slide-nav ul li a.aan{ background:url(../Images/slide_nav_aan.png) top right no-repeat; text-decoration:none;}

/**************************************************************
** Links Styles
***************************************************************/
#links aside{ width:100%; min-height:10px; height:auto !important; height:10px; margin:0 0 18px 0; padding:0; float:left; border:1px solid #2a2a28;}
.kop-links{ background:url(../Images/kop_bg.jpg) 0 0 no-repeat; width:100%; height:34px; line-height:36px; margin:0; padding:0 0 0 34px; float:left;}
.kop-links h2{ font-family:Arial, Helvetica, sans-serif; font-weight:bold; text-transform:uppercase;}

.pro-menu{ width:100%; min-height:10px; height:auto !important; height:10px; margin:0; padding:0; float:left;}
.pro-menu ul{ width:100%; min-height:10px; height:auto !important; height:10px; margin:0; padding:0; float:left; list-style:none;}
.pro-menu ul li{ background:#454544; background:-moz-linear-gradient(top, #454544 0%, #2f2f2e 100%); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#454544), color-stop(100%,#2f2f2e)); background:-webkit-linear-gradient(top, #454544 0%,#2f2f2e 100%); background:-o-linear-gradient(top, #454544 0%,#2f2f2e 100%); background:-ms-linear-gradient(top, #454544 0%,#2f2f2e 100%); background:linear-gradient(top, #454544 0%,#2f2f2e 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#454544', endColorstr='#2f2f2e',GradientType=0 ); width:100%; min-height:10px; height:auto !important; height:10px; margin:0; padding:0; float:left;}
.pro-menu ul li a{ background:url(../Images/pijltje_menu_aan.gif) 12px 8px no-repeat; width:100%; min-height:10px; height:auto !important; height:10px; margin:0; padding:3px 0 3px 20px; float:left; border-bottom:1px solid #1e1e1c; color:#fff; font-size:14px;}
.pro-menu ul li a:hover{ background:#f2f2f2; color:#000; text-decoration:none;}
.pro-menu ul li a.aan{ background:#f2f2f2; color:#000; text-decoration:none;}

.pro-menu ul li .pro-sub{ background:#1e1e1c; width:100%; min-height:10px; height:auto !important; height:10px; margin:0; padding:0 0 6px 0; float:left;}
.pro-menu .pro-sub ul{ width:100%; min-height:10px; height:auto !important; height:10px; margin:0; padding:0; float:left; list-style:none;}
.pro-menu .pro-sub ul li{ background:none; width:194px; min-height:10px; height:auto !important; height:10px; margin:0; padding:0; float:left;}
.pro-menu .pro-sub ul li a{ background:url(../Images/tree_line.gif) 18px 0 no-repeat; width:156px; min-height:10px; height:auto !important; height:10px; margin:0; padding:6px 0 0 38px; float:left; border:none; color:#fff; font-size:12px;}
.pro-menu .pro-sub ul li a:hover, .pro-menu .pro-sub ul li a.aan{ color:#ffe257; text-decoration:none;}
.pro-menu .pro-sub ul li a.laatste{ background:url(../Images/tree_endline.gif) 18px 0 no-repeat;}

/**************************************************************
** Midden Styles
***************************************************************/
article{ width:100%; min-height:10px; height:auto !important; height:10px; margin:0 0 18px 0; padding:10px; float:left; border:1px solid #2a2a28;}
article h1{ padding:0 0 6px 0;}
article h2{ padding:0 0 6px 0; font-size: 14px;}
article A{ color: #666666; text-decoration:underline;} 
article A:hover{ color: #000000; text-decoration: none;} 

article #product-omschrijving h2 { font-size: 18px; }

.tekst-wit{ color:#fff; }

/* Producten & Aanbiedingen */
.categorie-intro p:last-child{ padding-bottom: 0; }
.product-container{ background:#373735; width:100%; min-height:10px; height:auto !important; height:10px; margin:0 0 18px 0; padding:5px; float:left;}
.product-container h1, .product-container h2{ width:100%; height:30px; line-height:34px; margin:0; padding:0 5px; float:left; font-size:13px; color:#fff;}

.product-vak{ width:32.3%; height:200px; padding:4px 0; margin:0; float:left; overflow: hidden; }
.product-vak.midden{ margin: 0 1.5%;}
.product-vak a{ background:url(../Images/pro_bg.png) 100% 100% no-repeat #fff; position:relative; width:100%; height:100%; margin:0; padding:5px; float:left; text-decoration:none; cursor:pointer; overflow:hidden; }
.product-vak a:hover{ background-color:#ffe257; text-decoration:none;}
.pro-label{ position:absolute; right:1px; top:1px; width:50px; height:50px; margin:0; padding:0;}
.pro-label img{ width:auto !important; height:auto !important; max-width: 100%; float:right;}
.pro-afb{ width:100%; height:102px; margin:0; padding:0 0 6px 0; float:left; overflow:hidden; text-align:center;}
.pro-afb table{ width:100%; height:102px; margin:0; padding:0; float:left;}
.pro-afb table tr td{ width:100%; height:102px; margin:0; padding:0; text-align:center; vertical-align:middle;}
.pro-afb img{ max-width: 100%; max-height:102px; margin:0 auto;}
.pro-artnr{ width:100%; height:14px; margin:0; padding:0; float:left; color:#a3a3a3;}
.pro-naam{ /*font-family:'VIPERNORARegular';*/ width:154px; height:14px; margin:0; padding:0; float:left; overflow:hidden; color:#000; text-transform:uppercase; font-size:16px; font-weight:bold;}
.pro-tekst{ width:100%; height:40px; margin:0; padding:6px 0 0 0; float:left; overflow:hidden; text-transform:uppercase;}
.pro-prijs{ /*font-family:'VIPERNORARegular';*/ height:40px; line-height:40px; margin:0; padding:0; float:left; color:#000; font-size:30px;}
.euro, .toevoeging{ font-family:Arial, Helvetica, sans-serif;}
.euro-klein, .toevoeging-klein{ font-family:Arial, Helvetica, sans-serif;}
.toevoeging { font-size:14px; }
.toevoeging-klein { font-size:10px; }
.pro-prijs .euro{ font-size:22px;}
.pro-prijs .euro-klein{ font-size:14px;font-family:Arial, Helvetica, sans-serif;}
.pro-prijs.van{ font-size:10px; text-decoration:line-through;}
.pro-prijs.van .euro{ font-size:10px;}
.pro-prijs.voor{ font-size:27px; padding:0 10px 0 0; float:right;}
.pro-prijs.voor .euro{ font-size:22px;}
.pro-prijs.vanaf{ font-size:10px;}

/* Paginator */
.sorteer-container{ width:100%; min-height:10px; height:auto !important; height:10px; margin:0; padding:0; float:left;}

.producten-sorteer{ width:60%; min-height:10px; height:auto !important; height:10px; margin:0; padding:0; float:left;}
.producten-sorteer select{ width:40%; margin:0 10px 0 0; float:left;}
.per-pagina{ width:40%; min-height:10px; height:auto !important; height:10px; margin:0; padding:0; float:right;}
.per-pagina p{ height:28px; line-height:28px; margin:0; padding:0 14px; float:left; text-align: right; color:#fff; width: 70%;}
.per-pagina select{ width:30%; margin:0; float:right;}

.pagination{ width:100%; margin:0; padding:10px 0; float:left;}
.pagination a{ background:#eee; width:23px; height:23px; line-height:23px; margin:0 2px; padding:0; float:left; color:#717272; font-size:10px; text-align:center; border:1px solid #c2c2c2; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; box-shadow:inset 0 1px 0 #fff; -moz-box-shadow:inset 0 1px 0 #fff; -webkit-box-shadow:inset 0 1px 0 #fff;}
.pagination a:hover, .pagination a.aan{ background:#ffe257; color:#000; text-decoration:none; border:1px solid #d1bc5a; box-shadow:inset 0 1px 0 #d1bc5a; -moz-box-shadow:inset 0 1px 0 #d1bc5a; -webkit-box-shadow:inset 0 1px 0 #d1bc5a;}

.pagination a.vorige, .pagination a.volgende{ line-height:20px; font-weight:bold; font-size:16px;}
.pagination a.volgende{ float:right;}

#product-info{ width:100%; min-height:10px; height:auto !important; height:10px; margin:0; padding:0; float:left;}
#product-info h1{ float:left;}
#product-info span{ float:left; padding:6px 0 0 10px; color:#a3a3a3;}

#product-details{ width:100%; min-height:10px; height:auto !important; height:10px; margin:0; padding:0; float:left; border:1px solid #ededed;}

#grote-afbeelding{ width:30%; min-height:10px; height:auto !important; height:10px; margin:0; padding:10px; float:left;}
#grote-afbeelding img{ width:100%; float:left;}

#product-omschrijving{ width:70%; min-height:10px; height:auto !important; height:10px; margin:0; padding:20px 20px 20px 0; float:left;}
#product-omschrijving h6{ padding:0 0 6px 0;}

.thumbs{ width:100%; min-height:10px; height:auto !important; height:10px; margin:0; padding:0 0 14px 0; float:left;}
.thumbs p{ padding:0 0 4px 0;}
.thumbnail{ width:34px; min-height:35px; height:auto !important; height:35px; margin:0 4px 4px 0; padding:5px; float:left; border:1px solid #ededed;}
.thumbnail img{ width:34px; float:left;}

#product-opties{ width:100%; min-height:10px; height:auto !important; height:10px; margin:0; padding:0; float:left;}
#product-opties .form{ width:100%;}
#maten{ width:100%; min-height:10px; height:auto !important; height:10px; margin:0 0 8px 0; padding:0; float:left;}

#bestel-knop, #totaal-prijs{ width:100%; min-height:10px; height:auto !important; height:10px; margin:0; padding:10px 20px; float:left; border-top:1px solid #ededed;}
#bestel-knop a.btn.donker{ margin:0;}
#totaal-prijs, #totaal{ font-family:'VIPERNORARegular'; font-size:30px; text-align:right;}
#totaal-prijs .euro, #totaal .euro{ font-size:22px;}
#totaal-prijs .euro-klein, #totaal .euro-klein{ font-size:12px;font-family:Arial, Helvetica, sans-serif;}


/* Winkelwagen */
#breed article{ width:100%;}

#product-overzicht{ width:100%; height:18px; margin:0; padding:0; float:left;}
#product-overzicht ul{ width:100%; height:18px; margin:0; padding:0; float:left; list-style:none;}
#product-overzicht ul li{ height:18px; margin:0; padding:0; float:left;}
#product-overzicht ul li.kop-titel{ width:60%;}
#product-overzicht ul li.kop-aantal{ width:10%;}
#product-overzicht ul li.kop-prijs{ width:15%;}
#product-overzicht ul li.kop-totaal{ width:15%;}

.bestelling{ width:100%; min-height:10px; height:auto !important; height:10px; margin:0 0 10px 0; padding:0; float:left;}

.bestel-info{ background:url(../Images/mandje_bg.jpg) 0 0 repeat-y; width:100%; min-height:10px; height:auto !important; height:10px; margin:0; padding:8px 0; float:left; border:1px solid #f0f0f0;}
.bestel-info ul{ width:100%; min-height:10px; height:auto !important; height:10px; margin:0; padding:0; float:left; list-style:none;}
.bestel-info ul li{ min-height:10px; height:auto !important; height:10px; margin:0; padding:0; float:left;}
.bestel-info ul li.bestel-afb{ width:15%; margin:0; padding:5px; border:1px solid #f0f0f0;}
.bestel-info ul li.bestel-afb img{ width:100%; float:left;}
.bestel-info ul li.bestel-tekst{ width:45%; padding:0 10px;}
.bestel-info ul li.bestel-aantal{ width:10%; padding:0 10px 0 0;}
.bestel-info ul li.bestel-aantal input{ width:100%;}
.bestel-info ul li.bestel-prijs{ width:15%; padding:0 10px 0 0;}
.bestel-info ul li.bestel-totaal{ width:10%; padding:0 10px 0 0;}
.bestel-info ul li.bestel-verwijder{ width:5%; padding:0;}
.bestel-info ul li.bestel-verwijder a{ background:url(../Images/mandje_verwijder.jpg) 0 0 no-repeat; width:24px; height:25px; margin:0; padding:0; float:right; font-size:1px; text-indent:-9999px;}

.bestel-opties{ background:#f7f7f7; width:100%; min-height:10px; height:auto !important; height:10px; margin:0; padding:0; float:left; border:1px solid #f0f0f0; border-top:none;}
.optie-openen{ width:100%; height:34px; line-height:34px; margin:0; padding:0 10px; float:left;}
.optie-tekst{ width:100%; margin:0; padding:0 10px; float:left; display:none;}

#bestelling-info{ width:100%; min-height:10px; height:auto !important; height:10px; margin:0; padding:10px 0; float:left;}
#bestelling-info table{ width:100%;}

#breed #bestel-knop{ width:100%; padding:10px 0;}

/* Stap 2, 3 en 4 */
#winkelwagen{ width:100%; min-height:10px; height:auto !important; height:10px; margin:0; padding:0; float:left;}
.winkelwagen-content, .winkelwagen-overzicht{ background:url(../Images/winkelmandje_bg.jpg) 0 0 repeat-y #fff; width:100%; min-height:10px; height:auto !important; height:10px; margin:0 0 22px 0; padding:12px; float:left; border:1px solid #2a2a28;}
.winkelwagen-info{ width:20%; min-height:10px; height:auto !important; height:10px; margin:0; padding:0 12px 0 0; float:left;}
.winkelwagen-info h2{ font-family:'CalibriRegular'; font-size:18px; padding:0 0 8px 0; color:#000;}
.winkelwagen-tekst{ width:80%; min-height:10px; height:auto !important; height:10px; margin:0; padding:0 0 0 12px; float:left;}
.winkelwagen-tekst table tr td{ vertical-align:middle;}
.winkelwagen-tekst .formulier table { width: 100%; }
.winkelwagen-tekst table tr td input[type="text"], .winkelwagen-tekst table tr td input[type="email"], .winkelwagen-tekst table tr td input[type="number"], .winkelwagen-tekst table tr td select { width: 100%; }

/* Gegevens stap 1 verkleinen */
.winkelwagen-tekst #product-overzicht{ width:100%;}
.winkelwagen-tekst #product-overzicht ul{ width:100%;}
.winkelwagen-tekst .bestelling{ width:100%;}
.winkelwagen-tekst .bestel-info{ background:#f5f5f3; width:100%; border:none;}
.winkelwagen-tekst .bestel-info ul li.bestel-afb{ background:#fff;}

.bestel-opties{ background:#fff; width:100%; padding:10px 0; border:none;}

.winkelwagen-tekst #bestelling-info, .winkelwagen-tekst #bestelling-info table{ width:100%;}

.formulier{ width:100%; min-height:10px; height:auto !important; height:10px; margin:0; padding:0; float:left;}
.formulier.half{ width:50%;}
.formulier.half.metpadding{ padding:0 18px 0 0;}
.formulier input[type="text"], .formulier input[type="password"], .formulier input[type="email"], .formulier input[type="url"], .formulier input[type="number"]{ width:33.3%; margin-bottom:8px;}
.formulier select{ width:33.3%; margin-bottom:8px;}
.formulier label{ width:auto; display:block; margin-bottom:8px;}
.formulier input[type="radio"]{ margin-bottom:8px;}

.formulier.optie{ background:#f5f5f3; width:100%; min-height:10px; height:auto !important; height:10px; margin:4px 0; padding:12px; float:left;}
.formulier.optie label{ margin-bottom:0;}
#factuurgegevens{ width:100%; min-height:10px; height:auto !important; height:10px; margin:0; padding:20px; float:left; display:none;}
#factuurgegevens label{ margin-bottom:8px;}

.betaalwijze{ background:#f5f5f3; width:100%; min-height:10px; height:auto !important; height:10px; margin:4px 0; padding:12px; float:left;}
.betaalwijze-links{ width:5%; min-height:10px; height:auto !important; height:10px; margin:0; padding:0; float:left;}
.betaalwijze-rechts{ width:95%; min-height:10px; height:auto !important; height:10px; margin:0; padding:0; float:left;}
.betaal-naam{ width:100%; height:18px; line-height:18px; margin:0; padding:0 0 8px 0; float:left; font-size:14px; font-weight:bold;}
.betaal-naam label{ width:auto;}
.betaal-keuze{ width:100%; min-height:10px; height:auto !important; height:10px; margin:0; padding:10px 0; float:left;}

.knoppen{ width:100%; min-height:10px; height:auto !important; height:10px; margin:0; padding:10px 0; float:left;}
.knoppen a.btn{ background-color:#252524; color:#fff;}

.foutmelding{ width:100%; min-height:2px; height:auto !important; height:2px; margin:10px 0 0 0; padding:0; float:left; font-weight:bold; color:#f00;}

/* Merken */
.merk-item{ width:100%; min-height:10px; height:auto !important; height:10px; margin:0 0 6px 0; padding:0; float:left; border:1px solid #ededed;}
.merk-item.met-padding{ width:100%; padding:8px 10px;}
.merk-item a{ background:#fff; width:100%; min-height:10px; height:auto !important; height:10px; margin:0; padding:8px 10px; float:left; color:#000;}
.merk-item a:hover{ background-color:#ffe257; text-decoration:none;}
.merk-afb{ width:25%; min-height:10px; height:auto !important; height:10px; margin:0; padding:0; float:left;}
.merk-afb img{ width:100%; float:left;}
.merk-tekst{ background:url(../Images/pijltje_menu.gif) 8px 4px no-repeat; width:75%; min-height:10px; height:auto !important; height:10px; margin:0; padding:0 0 0 16px; float:left;}
.merk-tekst p{ padding:0;}

/* Sitemap opsomming */
.resultaat-lijst{ width:498px; max-width: 100%; min-height:10px; height:auto !important; height:10px; margin:0; padding:0; float:left;}
.resultaat-lijst ul{ width:498px; max-width: 100%; min-height:10px; height:auto !important; height:10px; margin:0; padding:0; float:left; list-style:none;}
.resultaat-lijst ul li{ width:498px; max-width: 100%; min-height:10px; height:auto !important; height:10px; margin:0; padding:0; float:left;}
.resultaat-lijst ul li a{ background:url(../Images/pijltje_menu.gif) 0 4px no-repeat; width:488px; max-width: 100%; min-height:10px; height:auto !important; height:10px; margin:0; padding:0 0 4px 10px; float:left; color:#000;}
.resultaat-lijst ul li a:hover{}

/* Privacy statement */
#PrivacyStatementForm input[type="radio"] { width: 20px; margin-bottom: 0; }

/**************************************************************
** Rechts Styles
***************************************************************/
#rechts aside{ width:100%; min-height:10px; height:auto !important; height:10px; margin:0 0 15px 0; padding:0; float:left; border:1px solid #2a2a28;}
.kop-rechts{ background:url(../Images/kop_bg.jpg) 0 0 no-repeat; width:100%; height:34px; line-height:36px; margin:0; padding:0 0 0 34px; float:left;}
.kop-rechts h2{ font-family:Arial, Helvetica, sans-serif; font-weight:bold; text-transform:uppercase;}
.tekst-rechts{ background:#252524; width:100%; min-height:10px; height:auto !important; height:10px; margin:0; padding:10px; float:left; color:#fff; line-height:17px;}
.tekst-rechts span{ color:#ffe257;}
.tekst-rechts table{ width:100%;}

/**************************************************************
** Footer Styles
***************************************************************/
#footer-content{ background:url(../Images/footer_bg.jpg) 0 0 no-repeat; width:100%; margin:0; padding:5px; float:left;}

#footer-menu{ background:#fff; width:60%; margin:0; padding:5px 0; float:left; border-top-left-radius:4px; border-bottom-left-radius:4px; -webkit-border-top-left-radius:4px; -webkit-border-bottom-left-radius:4px; -moz-border-radius-topleft:4px; -moz-border-radius-bottomleft:4px;}
#footer-menu ul{ width:auto; margin:0; padding:0; float:left; list-style:none;}
#footer-menu ul li{ background:url(../Images/lijn_footer.jpg) 100% 7px no-repeat; height:26px; margin:0; padding:0 5px 0 4px; float:left;}
#footer-menu ul li a{ font-family:'VIPERNORARegular'; height:20px; margin:0; padding:6px 0 0 0; float:left; color:#000; font-size:10px;}
#footer-menu ul li a:hover, #footer-menu ul li a.aan{ background:url(../Images/pijltje_footer.png) 50% 0 no-repeat; color:#fff; text-decoration:none;}
#footer-menu ul li a span{ height:20px; line-height:22px; margin:0; padding:0 4px; float:left;}
#footer-menu ul li a:hover span, #footer-menu ul li a.aan span{ background:#000; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px;}

#footer-copy{ font-family:'VIPERNORARegular'; background:#fff; width:40%; line-height:26px; margin:0; padding:5px 10px; float:left; text-align:right; font-size:10px; color:#000; border-top-right-radius:4px; border-bottom-right-radius:4px; -webkit-border-top-right-radius:4px; -webkit-border-bottom-right-radius:4px; -moz-border-radius-topright:4px; -moz-border-radius-bottomright:4px;}
#footer-copy a{ color:#000; text-decoration:underline;}

#footer-seo{ width:100%; min-height:10px; height:auto !important; height:10px; margin:0; padding:15px 0 5px 0; float:left; text-align:center;}
#footer-seo ul { padding: 0; margin: 0 0 10px 0; float: left; width: 20%; list-style: none;}
#footer-seo ul li {float: left; width: 100%; margin: 0 0 3px 0;}
#footer-seo ul li.title { text-align: left; margin: 0 0 10px 0; font-weight: bold; }
#footer-seo ul li a {float: left;}
#footer-seo .usp_sym {background:url(../Images/pijltje_menu.gif) center no-repeat; float: left; width: 10px; height: 10px !important; overflow: hidden; margin: 0 2px 0 0;}
#footer-seo a{ padding:0 2px; color:#000; line-height: 16px;}

/**************************************************************
** Form Styles
***************************************************************/
.form{ width:100%; min-height:10px; height:auto !important; height:10px; margin:0; padding:0; float:left;}
.form-set{ min-height:10px; height:auto !important; height:10px; margin:0; padding:0 8px 0 0; float:left; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
.grid-1-12{width:8.333%;}
.grid-2-12{width:16.666%;}
.grid-3-12{width:25%;}
.grid-4-12{width:33.333%;}
.grid-5-12{width:41.666%;}
.grid-6-12{width:50%;}
.grid-7-12{width:58.333%;}
.grid-8-12{width:66.666%;}
.grid-9-12{width:75%;}
.grid-10-12{width:83.333%;}
.grid-11-12{width:91.666%;}
.grid-12-12{width:100%;}

.form-set label{ width:100%; min-height:10px; height:auto !important; height:10px; margin:0; padding:0 0 4px 0; float:left; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
.form-set input, .form-set select, .form-set textarea{ width:100%; margin:0 0 8px 0; float:left;}
.form-set label.half{ width:30%; padding:6px 0;}
.form-set input.half, .form-set select.half, .form-set textarea.half{ width:70%;}

label.fout{ background:url(../Images/fout.png) 0 0 no-repeat; width:auto; padding:0 0 10px 20px; color:#df8f8f;}

/* Input */
input[type="text"], input[type="password"], input[type="email"], input[type="url"], input[type="number"], input[type="search"]{ font-family:'CalibriRegular', Arial, Helvetica, sans-serif; background:#f9f9f9; padding:5px; border:1px solid #c2c2c2; font-size:13px; color:#4c4c4c; box-shadow:inset 0 2px 2px #ebebeb; -webkit-box-shadow:inset 0 2px 2px #ebebeb; -moz-box-shadow:inset 0 2px 2px #ebebeb; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
input[type="text"]:hover, input[type="password"]:hover, input[type="email"]:hover, input[type="url"]:hover, input[type="number"]:hover, input[type="search"]:hover{ background:#fff; border-color:#c6c6c6; color:#666;}
input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="number"]:focus, input[type="search"]:focus{ background:#fff; border-color:#659ec9; color:#333;}

/* Select */
select{ font-family:'CalibriRegular', Arial, Helvetica, sans-serif; background:#f9f9f9; padding:4px; border:1px solid #c2c2c2; font-size:13px; color:#4c4c4c; box-shadow:inset 0 2px 2px #ebebeb; -webkit-box-shadow:inset 0 2px 2px #ebebeb; -moz-box-shadow:inset 0 2px 2px #ebebeb; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px;}
select:hover{ background:#fff; border-color:#c6c6c6; color:#666;}
select:focus{ background:#fff; border-color:#659ec9; color:#333;}

/* Textarea */
textarea{ font-family:'CalibriRegular', Arial, Helvetica, sans-serif; background:#f9f9f9; padding:4px; border:1px solid #c2c2c2; font-size:13px; color:#4c4c4c; box-shadow:inset 0 2px 2px #ebebeb; -webkit-box-shadow:inset 0 2px 2px #ebebeb; -moz-box-shadow:inset 0 2px 2px #ebebeb; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; resize:vertical;}
textarea:hover{ background:#fff; border-color:#c6c6c6; color:#666;}
textarea:focus{ background:#fff; border-color:#659ec9; color:#333;}

/* Submit*/
input[type="submit"]{ font-family:'CalibriRegular', Arial, Helvetica, sans-serif; background:#f9f9f9; padding:4px 6px; border:1px solid #c2c2c2; font-size:13px; color:#4c4c4c; box-shadow:inset 0 2px 2px #ebebeb; -webkit-box-shadow:inset 0 2px 2px #ebebeb; -moz-box-shadow:inset 0 2px 2px #ebebeb; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; cursor:pointer;}
input[type="submit"]:hover{ background:#fff; border-color:#659ec9; color:#333;}

/* RESPONSIVE */

#responsMenu { display: none; position: fixed; top: 0; left: 0; width: 100%; z-index: 950; -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.25); -moz-box-shadow: 0 0 10px rgba(0,0,0,0.25); box-shadow: 0 0 10px rgba(0,0,0,0.25); }
#responsMenu ul { position: relative; float: left; width: 100%; background: #252524; margin: 0; padding: 0; list-style: none; min-height: 50px; }
#responsMenu ul:before { content: ""; position: absolute; top: 0; left: 0; width: 50px; height: 50px; background: url(../Images/respons_menu.png) center no-repeat; z-index: 5; }
#responsMenu ul li { float: left; width: 100%; border-bottom: 1px solid #000000; }
#responsMenu ul li a { float: left; width: 100%; line-height: 49px; padding: 0 50px; text-transform: uppercase; font-size: 15px; color: #fff; text-decoration: none; font-family: 'VIPERNORARegular', Arial, Helvetica, sans-serif; }
#responsMenu ul li a.aan { font-weight: bold; background: #000; }

#chooseProMerk { display: none; position: fixed; top: 50px; left: 0; width: 100%; z-index: 900; -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.25); -moz-box-shadow: 0 0 10px rgba(0,0,0,0.25); box-shadow: 0 0 10px rgba(0,0,0,0.25); background: #eee; }
#chooseProMerk .repmenu-wrap { float: left; width: 50%; }
#chooseProMerk .repmenu-wrap { border-right: 1px solid #ddd; }
#chooseProMerk .repmenu-wrap h2 { float: left; width: 100%; padding: 0 25px; text-align: center; line-height: 49px; border-bottom: 1px solid #ddd; cursor: pointer; font-size: 15px; }
.repmenu { display: none; float: left; width: 100%; }
.repmenu ul { background: none #fff; float: left; width: 100%; padding: 0; margin: 0; list-style: none; }
.repmenu ul li { float: left; width: 100%; border-bottom: 1px solid #ddd; }
.repmenu ul li a { float: left; width: 100%; padding: 0 15px; line-height: 39px; color: #000000; text-align: center; text-transform: uppercase; text-decoration: none; font-size: 14px; }
.repmenu ul li.aan { background: #ddd; }


@media (max-width:770px) {
	img { max-width: 100%; height: auto !important; }
	#container { padding-top: 50px; }
	.morePad #container { padding-top: 100px; }
	#logo { width: 100%; overflow: hidden; }
	#zoeken { width: 100%; padding: 0 0 15px 0; }
	#mandje { width: 100%; }
	#footer-seo ul {width: 33.3%; }
	#midden { width: 100%; padding: 0; }
	#rechts { width: 100%; }
	#rechts aside { width: 49%; clear: left; }
	#rechts aside:nth-child(2) { float: right; clear: right; }
	header { position: relative; }
	#social { position: absolute; top: 10px; right: 0; padding: 0; }
	#social a { margin: 0 0 0 10px; }
}

@media (max-width:480px) {
	.mob-link { text-decoration: underline !important; color: #333 !important; pointer-events: auto !important; }

	.mob { display: block !important; text-align: center; font-size: 16px; padding: 10px 0; margin: 0 0 13px 0; clear: both; background-color: #FFE257; }
	.mob a { color: #333333; }
	img { max-width: 100%; height: auto !important; }
	.morePad #container { padding-top: 150px; }
	#slideshow { display: none; }
	header { margin: 0 0 15px 0; }
	#chooseProMerk .repmenu-wrap { width: 100%; }
	#logo { width: 100%; overflow: hidden; }
	#zoeken { width: 100%; padding: 0 0 15px 0; }
	#mandje { width: 100%; }
	.product-vak { width: 100%; margin: 0 !important; }
	#footer-seo { display: none; }
	#midden { width: 100%; padding: 0; }
	#rechts { width: 100%; }
	#rechts aside { width: 100%%; clear: left; }
	#footer-menu { width: 100%; }
	#footer-copy { width: 100%; text-align: center; }
	#footer-copy a { float: left; width: 100%; }
	#grote-afbeelding { width: 100%; }
	#product-omschrijving { width: 100%; }
	.merk-afb { width: 100%; }
	.merk-tekst { width: 100%; background: none; padding: 10px 0 0 0; }
	.grid-4-12 { width: 100%; padding: 0 0 10px 0; }
	.form-set label.half { width: 100%; padding: 0 0 10px 0; }
	.form-set input.half, .form-set select.half, .form-set textarea.half { width: 100%; }
	.form-set { padding-right: 0; }
	.producten-sorteer { width: 100%; }
	.producten-sorteer select { width: 100%; margin: 0 0 10px 0; }
	.per-pagina { width: 100%; }
	.per-pagina p { width: 50%; text-align: left; padding: 0; }
	.per-pagina select { width: 50%; text-align: left; }
	#product-overzicht, #product-overzicht ul { height: auto; }
	#product-overzicht ul li.kop-titel { width: 100%; }
	#product-overzicht ul li.kop-aantal { width: 20%; }
	#product-overzicht ul li.kop-prijs { width: 35%; }
	#product-overzicht ul li.kop-totaal { width: 35%; }
	.bestel-info ul li.bestel-afb { width: 100%; }
	.bestel-info ul li.bestel-tekst { width: 100%; }
	.bestel-info ul li.bestel-aantal { width: 20%; }
	.bestel-info ul li.bestel-prijs { width: 35%; }
	.bestel-info ul li.bestel-totaal { width: 35%; }
	.bestel-info ul li.bestel-verwijder { width: 10%; }
	.winkelwagen-content, .winkelwagen-overzicht { background: none; }
	.winkelwagen-info, .winkelwagen-tekst { width: 100%; padding: 0; }
	.formulier.half { width: 100%; }
	.formulier.half.metpadding { padding: 0; }
	.betaalwijze-links { width: 100%; }
	.betaalwijze-rechts { width: 100%; }
}