p {position:static}
strong {font-weight:bold}
a img {border:0}
h1,h2 {font-family:Alata;color:#1dc1dd;font-weight:600}

body {background:white;margin:0;font-size:16px;color:#666666;overflow-y:scroll;font-family:Sarabun}
#top {background:#f8f8f8;}
#top > div:first-child {width:1080px;height:96px;margin:auto;position:relative}
#top > div:first-child strong {position:relative;color:#1dc1dd;text-transform:uppercase;font-weight:normal;font-size:16px;margin-left:30px;top:-4px}
#top img#logo {margin-left:22px;margin-top:11px;height:68px;position:absolute}
#top > div form {float:right;display:block;width:200px;margin-top:90px;margin-right:33px;}
#top > div form input[type="text"] {border:1px solid #1dc1dd;border-radius:4px;height:20px;margin:0;padding:0px 10px;width:130px}
#top > div form input[type="submit"] {border-radius:4px;background:#1dc1dd;color:white;height:22px;width:22px;line-height:16px;padding:0;font-size:14px;margin-left:14px}

#ingelogd {position:absolute;right:70px;top:0px;font-size:13px;z-index:1;color:white}
#ingelogd * {font-size:inherit !important;text-transform:none !important;text-decoration:underline}

body > img {width:100%;display:block;margin:auto;max-width:2000px}

div#h1 {height:116px;background:#1dc1dd}
div#h1.home {height:62px}
div#h1 h1 {width:1080px;margin:auto;line-height:116px;color:white;font-size:50px;text-transform:uppercase;font-weight:700}
div#h1.home h1 {line-height:62px;font-size:38px;font-weight:500}
div#h1 h1 span {color:#1dc1dd}

#contact {position:absolute;display:block;border-left:1px solid white;top:23px;left:400px;background:url('images/envelop.gif') no-repeat 15px 15px;height:40px;width:60px;color:white;font-weight:bold;padding:10px 60px 0px 60px;}
#contact:hover {text-decoration:none}

#accountinfo {position:absolute;border-left:1px solid white;top:23px;left:525px;color:white;font-weight:bold;padding-top:5px;line-height:20px;height:50px;padding-left:15px}
#accountinfo a {color:white;font-weight:normal}

#cartinfo {position:absolute;border-left:1px solid white;top:23px;left:750px;background:url('images/winkelwagen.png') no-repeat 6px 3px;height:45px;color:white;font-weight:bold;padding-top:5px;line-height:20px}
#cartinfo a {color:white;font-weight:bold;margin-left:45px;margin-top:6px;}
#cartinfo label {font-weight:normal;margin-left:8px;}

#shopl {border:1px solid #4d4d4d;padding:1px}
#shopl h2 {color:#1dc1dd;background:#4d4d4d;padding:3px 6px;text-transform:uppercase;margin-top:0;text-align:center}
#shopl h3 {margin:5px 5px 0px 5px}
#shopl ul {list-style:none;padding-left:10px;margin-top:3px}

ul#menu {margin:0;padding:0;list-style-type:none;width:auto;display:inline-block;float:right;margin:auto;height:96px;z-index:13;}
ul#menu li {display:block;float:left;position:relative;background:url('images/menusplit.png') no-repeat right;padding-right:7px;padding-left:3px}
ul#menu li:first-child {padding-left:10px}
ul#menu li:last-child {background:none}
ul#menu li a {display:block;line-height:96px;font-size:17px;color:#1b1b1b;text-decoration:none;padding:0px 7px;font-weight:bold;text-transform:uppercase;stront-family:'Roboto Condensed'}
ul#menu > li:hover, ul#menu > li.on {background:white;border-bottom:5px solid #c1ea4e;height:96px}

ul#menu li ul {display:none;position:absolute;top:96px;left:0px;list-style:none;background:white;padding:0;margin:0;z-index:100;border:0;padding:8px 0px}
ul#menu li:hover ul {display:block}
ul#menu li ul li {display:block;float:none;margin:0;padding-right:25px;padding-left:20px;background:none}
ul#menu li ul li {padding-left:5px !important}
ul#menu li ul li:hover, ul#menu li ul li a:hover {color:white;background:#1dc1dd}
ul#menu li ul li a {white-space:nowrap;display:block;line-height:25px;color:#1b1b1b}

div#menu2 {height:35px;background:#909090}
div#menu2 > div {width:1080px;margin:auto}
ul#u {list-style:none;padding:0;margin:auto;width:100%}
ul#u li {display:inline-block;margin-right:15px}
ul#u li a {line-height:35px;display:inline-block;height:35px;padding:0px;font-weight:bold;text-transform:uppercase;stront-family:'Roboto Condensed';font-size:17px;color:white;}
ul#u li a.cart {
	padding-left:40px;background:url('images/cartw.png') no-repeat left center;background-size:auto 31px;
}
ul#u li a#mail {background:url('images/envelop.png') center right no-repeat;background-size:22px 17px;padding-right:32px}

ul#lang {list-style:none;float:right;margin:0;padding:0;margin:auto;z-index:10}
ul#lang li {display:inline-block;margin-left:6px;line-height:35px}
ul#lang a {display:inline-block;height:35px;line-height:35px}
ul#lang img {vertical-align:middle}

#site {margin:auto;width:1080px;padding:50px 0px;min-height:500px}

#c1 {left:80px;width:903px;background:url('images/bodytop.png') no-repeat top right;position:relative;top:50px;margin:auto;z-index:20}
#c2 {width:859px;padding:10px 20px;border-left:2px solid #5f554e;background:white url('images/koren.png') no-repeat 450px 20px;border-right:2px solid #5f554e;position:relative;top:10px;margin:auto;min-height:300px}
#c3 {width:903px;background:url('images/bodybottom.png') no-repeat top right;height:10px;top:10px;position:relative;margin:auto}

#clr, .clr, hr {clear:both}

del {text-decoration: line-through}

/*
#tabs {width:1063px;position:relative;margin:auto}
#tabs ul {position:absolute;left:-2px;top:52px;list-style:none;display:block;padding:0;margin:0;z-index:30}
#tabs ul li a {display:block;line-height:29px;width:300px;position:relative;margin-top:-2px;background:url('images/tab-off.png') no-repeat;padding-left:10px;color:#5f554e;font-size:14px;text-decoration:none;font-weight:bold}
#tabs ul li a:hover {background:url('images/tab-hover.png') no-repeat}
#tabs ul li a.on {background:url('images/tab-on.png') no-repeat;height:42px;padding-top:7px;padding-bottom:-5px;margin-top:-9px;margin-bottom:-15px;z-index:100}
#tabs ul > li:first-child a.on {background:url('images/tab-on-top.png') no-repeat;height:42px;padding-top:7px;padding-bottom:-5px;margin-top:-9px;margin-bottom:-15px;z-index:100}
*/

#tabs {width:1063px;position:relative;margin:auto}
#tabs ul {position:absolute;left:-2px;top:52px;list-style:none;display:block;padding:0;margin:0}
#tabs ul li a {display:block;line-height:29px;width:170px;position:relative;margin-top:-2px;background:url('images/tab-off.png') no-repeat;padding-left:10px;color:#5f554e;font-size:13px;text-decoration:none;font-weight:bold;z-index:10}
#tabs ul li a:hover {background:url('images/tab-hover.png') no-repeat}
#tabs ul li a.on {background:url('images/tab-on.png') no-repeat;height:42px;padding-top:7px;padding-bottom:-5px;margin-top:-9px;margin-bottom:-15px;z-index:100}
#tabs ul > li:first-child a.on {background:url('images/tab-on-top.png') no-repeat;height:42px;padding-top:7px;padding-bottom:-5px;margin-top:-9px;margin-bottom:-15px;z-index:100}

.nav {margin-bottom:20px;margin-left:30px}

.prod {
	display:inline-block;vertical-align:top;width:245px;height:312px;overflow:hidden;position:relative;margin-left:10px;margin-bottom:45px;border:2px solid #eaebed;background:white;
	-webkit-box-shadow: 0px 5px 18px 0px rgba(0,0,0,0.1); -moz-box-shadow: 0px 5px 18px 0px rgba(0,0,0,0.1); box-shadow: 0px 5px 18px 0px rgba(0,0,0,0.1);
}
.prod h2 {position:absolute;top:4px;font-size:16px;width:100%}
.prod h2 a {text-align:center;display:block;height:64px;overflow:hidden;color:#1dc1dd !important;line-height:18px;font-weight:bold;padding:5px 10px;vertical-align:middle;text-decoration:none;position:relative;z-index:1}
.prod img {margin:auto;display:inline-block;max-width:245px;max-height:150px;margin-top:60px}
.prod > a {display:table-cell;text-align:center;vertical-align:middle;height:152px;width:245px} 
.prod > div {position:absolute;bottom:0px;height:62px;width:100%;background:#f1f2f3;padding:5px 10px;color:#666;}
.prod > div > strong {position:absolute;bottom:6px;font-size:18px;font-weight:700}
span.btw {font-weight:normal;padding-left:5px;font-size:10px}
.prod > a:last-child {
	position:absolute;background:#1dc1dd;border-left:2px solid white;right:0;bottom:66px;width:50%;color:white;text-decoration:none;height:30px;
	line-height:30px;text-align:center;
}
.prod > a:last-child > img {
	height:12px; margin-top:0
}
/*.prod > a:last-child.half {width:50%;text-align:center;right:0;left:auto;padding:0}*/

#actie, .prod > div.actie {position:absolute;left:120px;top:45px;width:140px;padding:0;background:orange;color:white;text-align:center;z-index:12;font-size:16px}
#actie {width:auto;padding:8px 20px;left:12px;top:12px;font-size:18px}
.prod > div.actie {top:312px;height:auto;bottom:auto;position:absolute;width:50%;left:0;height:30px;line-height:30px;border-right:2px solid white}

.prod.home > a:last-child {bottom:0}
.prod > a:last-child span {padding-right:20px;background:url('images/arrow-right.svg') no-repeat right center;background-size:10px 20px}
.prod p {font-size:13px;line-height:17px;font-weight:normal}
.prod .a2c {width:40px;height:40px;position:absolute;right:15px;bottom:10px;cursor:pointer}
.stock {position:absolute;bottom:72px;left:10px;padding-left:20px;background-image:url('images/vinkje2.png');background-repeat:no-repeat;background-position: left center;}
.avail {background-image:url('images/vinkje.png')}
td .stock {position:static}
.prod > div.i {display:block;height:102px;width:100%;padding:0px 20px;overflow:hidden;position:absolute;top:180px;background:white;border-radius:none;line-height:17px;font-size:13px}
.prod > div.i ul {margin-left:10px}
.prod > div.openbox {position:absolute;bottom:0px;right:0px;width:95px}

.video {width:360px;height:240px;display:inline-block;vertical-align:top;overflow:hidden;margin-bottom:10px}
.video img {width:320px;}
.video h2 {width:auto;font-size:inherit;color:#1dc1dd;font-size:24px}

option {padding-right:12px}

input, textarea, select {box-sizing:border-box}
input.num {border:1px solid gray;padding:1px 3px;text-align:right;width:30px}
textarea {border:1px solid gray;}

div.niet {color:orange}
div.leverancier {color:#fdaa1c}
div.winkel {color:green}

#proL {width:100%;margin-top:16px;position:relative;display:flex;}

#fr {display:inline-block}

.vidpromo {position:relative;padding:0px 5px;margin-bottom:20px;width:50%}
.vidpromo img:first-child {width:100%}
.vidpromo h2 {width:100%}
.vidpromo img:last-child {position:absolute;top:50%;left:50%;margin-top:-167px;margin-left:-47px}

#fotos {width:430px;margin-bottom:2px;display:inline-block}
#foto {
	display:block;border:2px solid #f2f3f4;width:415px;z-index:10;cursor:url('images/zoom2.cur'), move;
	-webkit-box-shadow: 0px 5px 18px 0px rgba(0,0,0,0.1); -moz-box-shadow: 0px 5px 18px 0px rgba(0,0,0,0.1); box-shadow: 0px 5px 18px 0px rgba(0,0,0,0.1);
}
#fotos a {display:block;float:left;width:94px;height:94px;overflow:hidden;margin-right:13px;margin-top:12px;border:2px solid #f2f3f4;background:white;overflow:visible}
#fotos img {max-width:100%;background:white}
#fotos a img {width:100%;-webkit-box-shadow: 0px 5px 18px 0px rgba(0,0,0,0.1); -moz-box-shadow: 0px 5px 18px 0px rgba(0,0,0,0.1); box-shadow: 0px 5px 18px 0px rgba(0,0,0,0.1);}

#ffoto {
	background:white;border:2px solid #f2f3f4;background-repeat:no-repeat;background-size:95%;background-position:center;
	display:none;position:absolute;z-index:11;left:-150px;top:-150px;width:800px;height:600px;
	-webkit-box-shadow: 0px 5px 18px 0px rgba(0,0,0,0.1); -moz-box-shadow: 0px 5px 18px 0px rgba(0,0,0,0.1); box-shadow: 0px 5px 18px 0px rgba(0,0,0,0.1);
}
#zfoto {cursor:url('images/zoom1.cur') 0 0, pointer;line-height:600px;vertical-align:middle;max-width:580px;max-height:580px;margin:auto;display:inline-block}
#cfoto {position:absolute;right:10px;top:10px;width:25px;height:25px;cursor:pointer;background:url('images/close.png') center no-repeat;z-index:5}
#pfoto {position:absolute;left:10px;bottom:10px;width:25px;height:25px;cursor:pointer;background:url('images/prev.png') center no-repeat;z-index:5}
#nfoto {position:absolute;right:10px;bottom:10px;width:25px;height:25px;cursor:pointer;background:url('images/next.png') center no-repeat;z-index:5}

.prijs {font-size:15px;margin-bottom:30px}
.prijs del {color:#1dc1dd}
.prijs strong {font-size:18px;color:#1dc1dd}
.prijs div {font-size:26px;color:#1dc1dd;line-height:20px;display:inline}

.bundelsub {float:left;margin-right:10px}

#info {clear:both;padding-top:20px}
#info h4 {color:#1dc1dd;font-size:15px;margin-bottom:15px}

#pror {position:static;display:inline-block;width:350px;vertical-align:top;position:relative;padding-bottom:112px}
#bestelform input.nb {border:0; position:absolute;margin-top:-10px;margin-left:10px}
#pror .voordelen {padding:16px}

#bestelform table.options {width:100%}
#bestelform table.options.gray {
	background:#fff;padding-top:8px;
	-webkit-box-shadow: 0px 5px 18px 0px rgba(0,0,0,0.1); -moz-box-shadow: 0px 5px 18px 0px rgba(0,0,0,0.1); box-shadow: 0px 5px 18px 0px rgba(0,0,0,0.1);
}
#bestelform table.options.gray {padding-bottom:12px;margin-bottom:12px}
/*
#bestelform table.options tbody:first-child, tbody#staffeltabel {background:#f4f4f4;}
#bestelform table.options tbody:first-child tr:first-child td {padding-top:12px}
#bestelform table.options tbody:first-child tr:last-child td {padding-bottom:12px}
*/
#bestelform table.options tr th {padding-top:12px}
#bestelform table.options td {padding-left:16px}
#bestelform table.options th {padding-left:16px}

#bestelform #btnbtm {position:absolute;width:100%;bottom:0px;left:0px}

/*input[type="submit"].cart, a.btn, input.btn  {border:1px solid black;background:url('images/button2.png');height:25px;font-size:12px;text-transform:uppercase;color:white;padding:0px 10px;margin-top:10px;text-decoration:none}
*/
a.btn, a.btn2, input.btn, input.btn2, input.cart, input.quote, input.login  {margin-right:2px;background:#1dc1dd;height:40px;line-height:40px;font-size:24px;color:white;padding:0px 20px;margin-top:10px;margin-bottom:10px;text-decoration:none;cursor:pointer;display:inline-block;border:0}
input.cart, input.login {
	width:100%;background:url('images/cartw.png') #1dc1dd;background-size:auto 36px;padding-left:60px;background-repeat:no-repeat;background-position:12px center;font-size:16px;text-align:left;
	-webkit-box-shadow: 0px 5px 18px 0px rgba(0,0,0,0.1); -moz-box-shadow: 0px 5px 18px 0px rgba(0,0,0,0.1); box-shadow: 0px 5px 18px 0px rgba(0,0,0,0.1);
}
input.login {background-color:#1dc1dd;background-image:url('images/user.svg'); background-size: 26px 26px;background-position:15px center; margin-top:0px; padding-left:60px; }
input.quote {
	background:#f4f4f4 url('images/offerte.png') no-repeat 20px center;width:210px;margin-top:0;background-size:auto 28px;padding-left:60px;height:40px;line-height:40px;
	width:100%;font-size:16px;text-align:left;color:#212121;
	-webkit-box-shadow: 0px 5px 18px 0px rgba(0,0,0,0.1); -moz-box-shadow: 0px 5px 18px 0px rgba(0,0,0,0.1); box-shadow: 0px 5px 18px 0px rgba(0,0,0,0.1);
}

input.btn2 {line-height:18px}
span.blader a.btn2 {float:none;display:inline;font-size:12px;line-height:25px;height:25px;padding:2px 6px}

img.sub {width:35px;border:1px solid #ddd}

.tabon, .taboff {float:left;height:40px;line-height:36px;margin-top:-2px;margin-right:-2px;z-index:5;font-size:16px;padding:0px 20px;color:212121;background:white;
	border:2px solid #eaebed;font-weight:normal;
}
.tabon {color:#1dc1dd;font-weight:700}
.taboff {cursor:pointer;background;white}
.tabsheet {top:0px;left:0px;border:2px solid #eaebed;padding:18px;background:white;width:392px;height:344px;overflow-y:auto;overflow-x:hidden;margin-bottom:25px}
#prodtabs2 {margin-top:15px}
#prodtabs2 .tabsheet {width:100%;height:auto;top:-2px;position:relative}
.tabsheet .vidpromo {display:inline-block;vertical-align:top}
.tabsheet h2 {font-size:15px;color:#1dc1dd}

th {text-align:left}

span.blader {margin-left:5px;font-size:13px;border-right:1px solid #303030;padding-right:5px}
span.blader a {font-size:13px;vertical-align:middle}
a.current {font-weight:bold}
span.blader.fl {border:0}

a.first {display:inline-block;width:14px;height:14px;background:url('images/first.png');}
a.prev {display:inline-block;width:14px;height:14px;background:url('images/prev.png');}
a.next {display:inline-block;width:14px;height:14px;background:url('images/next.png');}
a.last {display:inline-block;width:14px;height:14px;background:url('images/last.png');}

table.options {border-spacing:0;background:white}
table.options td, table.options th {line-height:22px}
table.options td span {color:#1dc1dd;padding-right:12px}

table.staffels {width:200px;border:1px solid #aaa}
table.staffels tr td, table.staffels tr th {text-align:center}
/*table.staffels tr th {background:#<?=tint($site['kleur'],-33)?>;color:white}*/

#lr {margin-top:40px}
#l {width:250px;float:left;}
#r {width: calc(100% - 250px);float:left;}
#r.item {padding-left:30px}
#r h1 {font-size:24px;color:#1dc1dd;width:100%;font-weight:700;margin-bottom:10px}
#r > a {color:#212121;font-weight:normal}

#l > ul {
	list-style:none;margin:0;padding:0;
	-webkit-box-shadow: 0px 20px 44px -25px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 20px 44px -25px rgba(0,0,0,0.75);
	box-shadow: 0px 20px 44px -25px rgba(0,0,0,0.75);
}
#l > ul > li a {line-height:40px;height:40px;border:2px solid #eaebed;display:block;padding-left:25px;margin-top:-2px}
#l > ul > li.active, #l > ul > li:hover {background:#1dc1dd}
#l > ul > li.active > a, #l > ul > li:hover > a {color:white;border:none;text-decoration:none}
#l > ul ul {list-style:none;margin:0}
#l > ul ul li a {color:#666;display:block;padding-left:50px;background:#f4f4f4}
#l > ul ul li.active a, #l > ul ul li:hover a {background:#3c89af;border:none;text-decoration:none}


#l h2 {font-size:24px;margin:20px 0px;color:#455560}
h3 {color:#1dc1dd}
#l h3 {color:#455560}
h2 img {margin:0;padding:0;vertical-align:middle;margin-left:-7px;margin-right:4px}


#q {height:25px;width:245px;margin-top:5px;background:url('images/q.png');z-index:10;display:inline-block;vertical-align:middle;background:#f8f8f8;border-radius:4px}
#q input {width:41px;height:25px;position:absolute;right:0px;top:0px;background:none;cursor:pointer;border-radius:0px 4px 4px 0px}
#q input:first-child {width:225px;height:25px;line-height:18px;right:auto;background:none;position:absolute;left:10px;top:0px;cursor:auto}

#foot {background:#d9d9d9;height:270px;position:relative;overflow:visible}
#foot > div {width:1080px;margin:auto}
#foot > div > div {float:left;margin:30px 30px 30px 0px;padding-left:30px;color:#212121}
#foot h4 {color:#1dc1dd;margin-bottom:15px;font-weight:700;font-size:20px}
#foot ul {list-style:none;padding:0;margin:0}
#foot a {color:#212121;}
#foot > div > div:last-child {position:absolute;right:5px;background-repeat:no-repeat;background-position:bottom right;background-size:132px auto}
#foot > div#water {position:absolute;right:0;width:353px;height:454px;bottom:100%;background:url('images/watermerk.png');background-size:cover;z-index:-1}


#tel {position:absolute;left:40px;top:130px;font-size:17.5px;color:#1dc1dd;background:url('images/telefoon.png') no-repeat top left;padding-left:30px;line-height:17.5px;height:20px}
#tel strong {color:#666;font-weight:normal;font-size:inherit;stront-family:inherit}

#header {position:absolute;width:450px;left:570px;top:36px;height:150px}
#header div {width:130px;height:39px;padding:10px 9px;background:url('images/topsticker.png');float:left;margin-right:-5px;}
#header div:first-child {margin-left:8px}
#header div a {color:#666;font-weight:bold;text-decoration:none;}
#header div * {font-size:11px;line-height:19px;font-weight:bold;}

#panel {background:url('images/panelbottom.png') bottom no-repeat;width:525px;padding-bottom:22px;margin-bottom:20px}
#panel > div {background:url('images/paneltop.png'); width:485px; padding:25px 20px 0px 20px}

.cat {float:left;width:111px;height:132px;display:block;overflow:hidden;position:relative;margin:3px;margin-bottom:15px;padding:0px 2px 2px 2px;background:url('images/catpanel.png') bottom}
.cat span {background:#333;text-align:center;display:block;color:#1dc1dd;width:114px;line-height:20px;min-height:21px;padding:2px 0px;font-size:15px;font-weight:bold;text-transform:uppercase;font-weight:normal;position:absolute;left:0px;top:0px;z-index:1}
.cat a {display:table-cell;text-align:center;vertical-align:middle;height:110px;width:111px;overflow:hidden;position:relative;top:25px} 
.cat img {max-width:90px;max-height:80px;display:inline;}

#slide {width:515px;height:315px}
#slide a {filter:alpha(opacity=0);opacity:0;z-index:5;position:absolute;top:0px;left:0px;}
#slide a:first-child {filter:alpha(opacity=100);opacity:1;z-index:10}
#slide a img {width:515px;height:315px}

#slide ul {position:absolute;z-index:10;list-style:none;margin:0;padding:0;top:290px;left:7px}
#slide ul li {width:18px;height:18px;cursor:pointer;background:#b2b3b7;margin-right:5px;float:left}
#slide ul li.on {background:white}

#l .promo2 ul {list-style:none;padding:0;margin:0}
#l .promo2 ul li {background:url('images/bullet.png') no-repeat 0px 2px;padding-left:25px;line-height:24px}

a.ab {color:white;display:block;padding:16px;text-decoration:none}
a.ab i {font-style:normal;font-size:11px}
a.ab img {width:171px;border:1px solid black;margin-left:0 !important;margin-top:0 !important}
a.ab div {text-align:right;position:relative;width:45px;padding-right:140px;line-height:33px;font-weight:bold;font-size:14px;}
a.ab span {position:absolute;left:54px;font-weight:normal;font-size:25px}

a.nolink {cursor:default}

.range { position:relative; margin-bottom:18px; margin-left:16px; width:175px; height:40px; background:url('images/slider.png') no-repeat 0px 6px; }
div.slide { position:absolute; width:21px;height:21px; background:url('images/handle.png') center no-repeat;z-index:1;}
div.slide { top:0px; left:154px; cursor:e-resize; }
div.slide:first-child { top:0px; left:0px; }
div.select { position:absolute;width:154px;height:7px;background:#777; top:7px; left:10px}

.min { position:absolute; left:0px; top:24px; color: white;}
.max { position:absolute; left:108px; top:24px; width:68px; text-align:right; color: white;}
.err { vertical-align:middle;display:inline-block;background:url('images/error.svg') center no-repeat;background-size:22px 22px;width:32px;height:34px;margin-left:-32px}

#banneroverlay {
    position:absolute;
    z-index:2;
    background:url('images/banneroverlay.png') 0px 0px no-repeat;
    
    display:block;
    width:706px;
    height:222px;
}

.bannerblok {

    position:relative;
    width:706px;
    height:222px;
    
    background:url('images/bannerbg.png') 1px top;
    
    
    position:relative;
    margin:-22px 0px 5px -21px;
    
}

.inner-text {
		color:white;
	font-size:25px;
}

#msg {list-style:none;padding:0;margin:0;margin-bottom:20px;padding-left:25px}
#msg li {color:orange}

.cartvink {vertical-align:middle;margin-left:3px}

a.acc {display:inline-block;width:163px;border:0;height:149px;text-align:center;font-weight:normal;text-decoration:none}
a.acc div {color:#455560;font-weight:bold;font-size:16px}
a.acc img {max-width:100px;max-height:100px}

.bundel {margin-top:3px;margin-bottom:3px;border-top:1px solid #ccc;border-bottom:1px solid #ccc;background:url('images/topgrad.png') repeat-x top;height:52px}
.bundel img {width:33px;height:33px;border:1px solid #ccc;margin:4px}
.bundel a:hover img {width:33px;height:33px;border:1px solid #666;margin:4px}
.bundel strong {line-height:25px}
#plus {float:left;background:url('images/plus.gif') no-repeat center;width:20px;height:50px}

form.formulier span {line-height:20px}
form.formulier span, input[type="text"], select {display:block;float:left;}
form.formulier input[type="text"], form.formulier input[type="password"], table.list input[type="text"], table.list input[type="password"], table.list select {
	border:2px solid #eaebed;margin-bottom:15px;height:34px;line-height:34px;padding:0px 8px;
	-webkit-box-shadow: 0px 5px 18px 0px rgba(0,0,0,0.1);
	-moz-box-shadow: 0px 5px 18px 0px rgba(0,0,0,0.1);
	box-shadow: 0px 5px 18px 0px rgba(0,0,0,0.1);
}

form.formulier textarea, table.list textarea {
	border:2px solid #eaebed;margin-bottom:15px;line-height:18px;padding:0px 8px;
	-webkit-box-shadow: 0px 5px 18px 0px rgba(0,0,0,0.1);
	-moz-box-shadow: 0px 5px 18px 0px rgba(0,0,0,0.1);
	box-shadow: 0px 5px 18px 0px rgba(0,0,0,0.1);
}
form.formulier br {clear:both;}
form.formulier div {line-height:34px}
form.formulier div.label {float:left;height:34px;line-height:34px;margin-bottom:15px}

form.formulier table * {font-size:11px;}
form.formulier table td {height:19px}

table.list {margin:5px 0px 0px 0px !important;background:white;border:0 !important}
table.list tr th {text-align:left;padding:0px ;float:none;height:35px;line-height:35px;padding-bottom:10px;vertical-align:top}
table.list tr td {vertical-align:top;padding:0px 8px;border:0 !important}


table.list tr.lite th {background:#455560}

#btwiso {float:left;width:30px;height:35px;line-height:35px;vertical-align:top}

ul.itemlist {margin:0;padding:0;list-style:none}
ul.itemlist li {
	width:310px;height:520px;margin-bottom:20px;
	background:white;
	display:inline-block;overflow:hidden;position:relative;margin-left:30px;margin-bottom:45px;border:2px solid #eaebed;background:white;
	-webkit-box-shadow: 0px 5px 18px 0px rgba(0,0,0,0.1); -moz-box-shadow: 0px 5px 18px 0px rgba(0,0,0,0.1); box-shadow: 0px 5px 18px 0px rgba(0,0,0,0.1);
}
ul.itemlist li a {text-decoration:none}
ul.itemlist li div {float:left;width:100%;height:210px;overflow:hidden;margin-bottom:20px}
ul.itemlist li div img {border:1px solid #ddd;border-radius:4px;width:100%;}
ul.itemlist li h2 {font-size:24px;margin:20px;width:100%}
ul.itemlist li p {margin:20px}

table.staffel {width:100%;border-spacing:0}
table.staffel tr:first-child td {font-weight:bold;}
table.staffel td {text-align:center;border-bottom:1px solid #aaaaaa}
table.staffel tr:last-child td {border:0}

#iprice span {font-size:30px;font-weight:bold;color:#666;padding:5px 0px;display:block}
#iprice span strong {color:#1dc1dd;font-size:inherit;font-weight:bold}

#mobmenu, #mobcart {display:none}

#site > p > strong {font-weight:bold;color:#1dc1dd;}

div.sel {
	position:relative;
	cursor:pointer;
	text-align:center;
	width:165px;height:135px;display:inline-block;margin:0px 20px 10px 0px;
	border:2px solid #eaebed;margin-bottom:15px;padding:8px;
	-webkit-box-shadow: 0px 5px 18px 0px rgba(0,0,0,0.1);
	-moz-box-shadow: 0px 5px 18px 0px rgba(0,0,0,0.1);
	box-shadow: 0px 5px 18px 0px rgba(0,0,0,0.1);
	line-height:80px;
	background-position:center;background-size:50% auto;background-repeat:no-repeat;
}

div.sel:hover, div.sel.active {border-color:#1dc1dd}
div.selgrp {max-width:560px;display:inline-block;}
div.sel h3 {width:100%;display:block;position:absolute;bottom:5px;left:0px;line-height:20px}
td.selected div.sel {display:none}
td.selected div.sel.active {display:block}

#fb, #in {width:45px;height:45px;background-size:115%;background-position:center;display:inline-block;margin-top:-5px;background-color:white;margin-right:8px}
#fb {background-image:url('images/facebook.svg')}
#in {background-image:url('images/linkedin.svg')}

ul#logos {
	list-style:none;padding:0;margin:auto;width:170px;margin-top:20px;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none
}
ul#logos li {text-align:center;background:none !important}
ul#logos h3 {color:#666;font-size:14px;font-weight:bold;padding:20px 20px 5px 20px}
ul#logos img.m {width:120px}
ul#logos img.s {max-height:40px;max-width:60px;vertical-align:middle;margin:3px}

a.cart div {display:inline-block;margin-left:10px;width:22px;height:22px;background:#1dc1dd;color:white;border-radius:50%;vertical-align:middle;line-height:22px;text-align:center;margin-right:10px;margin-top:-2px;font-size:16px}
a.cart div.s {font-size:15px}
a.cart span {text-transform:none;font-weight:normal;stront-family:'Roboto';font-size:16px}

.plm {display:inline-block;vertical-align:top;left:-5px;top:-5px}
.plm * {
	-webkit-touch-callout: none !important;
	-webkit-user-select: none !important;
	-khtml-user-select: none !important;
	-moz-user-select: none !important;
	-ms-user-select: none !important;
	user-select: none !important;
}
.plm a {
	display:block;width:16px;height:16px;text-align:center;line-height:16px;color:white;margin-left:3px;
	text-decoration:none;border-radius:3px;cursor:pointer;
}
.plm a:first-child {margin-bottom:3px}

.cart {border-collapse:collapse}
.cart td {border-bottom:1px solid #7d7d7d}
.cart td {height:80px;vertical-align:middle !important}
table.list.cart input[type="text"] {margin-bottom:-8px}

table.list.totalen {background:#f4f4f4;float:right;width:350px;margin-top:25px}

#slides {height:auto;position:relative;z-index:1;overflow:hidden;white-space:nowrap}
#slides > div {display:inline-block;position:relative;width:100vw;height:auto;vertical-align:top;background-size:cover;background-position:center}
#slides div img {display:block;margin-top:0px;width:100vw;vertical-align:top}
.home #slides div img {margin-top:0}
#slides div div {position:absolute;background:#1dc1dd;padding:20px;right:125px;top:88px;text-align:center}
#slides div div h3 {color:white;font-size:32px;text-transform:uppercase;font-weight:normal}
#slides div div p {color:white;font-size:24px;text-transform:uppercase;font-weight:normal;margin:0}
#slides div a {color:#666;font-size:24px;text-transform:uppercase;display:inline-block;line-height:40px;height:40px;padding:0px 12px;background:#c1e856;text-decoration:none;position:absolute;right:140px;bottom:-25px;white-space:nowrap}

#sprev, #snext {background:none;width:50px;height:80px;display:block;text-align:center;line-height:75px;color:white;font-size:30px;top:250px;position:absolute;cursor:pointer;z-index:2;text-shadow: 0px 0px 6px rgba(0, 0, 0, 0.5);text-decoration:none}
.home #sprev, .home #snext {top:300px}
#sprev {left:30px}
#snext {right:30px}

.prev, .next {background:none;width:40px;height:60px;display:block;text-align:center;line-height:55px;color:white;font-size:24px;top:132px;margin-top:-30px;position:absolute;cursor:pointer}
.prev {left:0px}
.next {right:0px}

#u {position: absolute;
    height: 35px;padding-top:4px;
    bottom: -35px;
    background: gray;
    width: 100%;left:0;text-align:center}
#u li {display:inline-block;vertical-align:top}
/*
#top-menu > li:first-child {position:static !important}
#top-menu > li:first-child > ul {left:0;right:0;width:auto;}
#top-menu > li:first-child > ul > li {vertical-align:top}
#top-menu > li:first-child > ul > li > ul {visibility:visible;position:static;opacity:1}
*/

.et_pb_blurb_description {color:#666 !important}
.et_pb_module_header {    font-family: 'Alata',Helvetica,Arial,Lucida,sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 16px;
    color: #1dc1dd!important;
    line-height: 1.4em;
}