body{margin:0;padding:0;font-family:Tahoma,arial;font-size:12px;color:black;text-align:center;background:#f2f3f3;}
form,fieldset,img,ul,h1,h2,h3,h4{margin:0;padding:0;border:0;}
.clear{clear:both;}

img { max-width:100%; height:auto; border:0; outline:0; }



a{text-decoration:none;color:inherit;outline-style:none;outline-width:0;}
a.button{font-size:11px;font-weight:bold;padding:6px 10px 6px 10px;background:url("images/buttonbg.png") repeat-x;color:white;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}

div#wrapper{width:880px;margin:auto;text-align:left; position:relative;}

div#header{height:216px;position:relative;margin:0; margin-top:30px;background:url("images/header.png") no-repeat;}	
	div#search{position:absolute;top:0;right:0; margin-top:-29px;}
		div#search input{padding:6px;border:1px solid #000;margin-right:5px;}
		div#search a{}
	div#header > a{text-transform:uppercase;font-size:70px;position:absolute;top:110px;left:130px; text-shadow: 0 0 3px #FFF;}
		div#header > a span{font-size:80px;}
		div#header > a strong{color:#f0001c;}
div#copyright{margin:15px 0 20px 0;font-size:11px;}
	div#copyright > div{float:right;}
	
div#menu{background:url("images/menubg.png") repeat-x;padding:10px 20px 10px 20px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
	div#menu ul li{list-style:none;float:left;display:block;}
		div#menu ul li a{display:block;line-height:29px;color:white;padding:0 8px 0 8px;margin:0 10px 0 10px;}
			div#menu ul li a:hover{-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;background:url("images/menuhoverbg.png") repeat-x;color:black;}
	div#postcode{float:right;}
		div#postcode input{padding:6px;border:0;margin-right:5px;}
		div#postcode a{background:url("images/buttonbgblack.png") repeat-x;}
div#footer{background:white;border:1px solid #d9d9d9;padding:20px;overflow:hidden;margin-top:20px;}
	div#footer > div{float:left;margin-left:65px;width:180px;font-size:11px;}
.ideal {width: 110px !important; margin-left:20px !important;}
		div#footer > div:first-child{margin-left:0;}
		div#footer > div > span.title{color:#f0001c;display:block;font-weight:bold;margin:0 0 15px 0;text-transform:uppercase;font-size:14px;}
		div#footer > div > ul li{display:block;list-style:none;}
			div#footer > div > ul li a{display:block;background:url("images/arrow.png") no-repeat 100% 50%;line-height:18px;}
				div#footer > div > ul li a:hover{color:#872287;}
	form#nletterform{margin-top:10px;}
		form#nletterform a{position:relative;top:15px;}
		input.tb {background:url("images/inputbg.png") repeat-x;padding:5px 0 5px 10px;border:1px solid #e8e8e8;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
		
div#cwrap{margin-top:20px;overflow:hidden;}
	div#cwrap > div.left{float:left;overflow:hidden;}
	div#cwrap > div.left ul li { font-size:11px; }
		div#cwrap > div.left > div{width:190px;overflow:hidden;position:relative;margin:0 0 10px 0;background:white;border:1px solid #d9d9d9;padding:70px 20px 20px 20px;}
			div#cwrap > div.left > div > h3{position:absolute;top:0;font-weight:normal;left:0;width:210px;padding-left:20px;border-bottom:1px dotted #cdcccc;color:#f0001c;font-size:22px;line-height:40px;padding-top:15px;}
			div#cwrap > div.left > div ul li{list-style:none;display:block;line-height:20px;}
				div#cwrap > div.left > div ul li a{display:block;background:url("images/leftarrow.png") no-repeat 100% 50%;}
					div#cwrap > div.left > div > ul li a:hover{background:url("images/leftarrowhover.png") no-repeat 100% 50%;color:#872287;}
	div#ww h3{background:url("images/ww.png") no-repeat 90% 50%;}
	div#ww table{width:100%;}
		div#ww table tr td:first-child{width:140px;}
	div#ww span{display:block;margin:10px 0 20px 0;overflow:hidden;}
		div#ww span > strong{display:block;float:right;}
	div#ww form a:last-child{position:relative;left:45px;}
	div#bez h3{background:url("images/bezorging.png") no-repeat 90% 50%;}
	div#bez table{width:100%;}
		div#ww table tr td:first-child{width:140px;}
	div#bez span{display:block;margin:10px 0 20px 0;overflow:hidden;}
		div#ww span > strong{display:block;float:right;}
	div#bez form a:last-child{position:relative;left:45px;}
	
	div#cwrap > div.right{width:640px;float:right;}
		div#cwrap > div.right > div{overflow:hidden;position:relative;margin:0 0 10px 0;background:white;border:1px solid #d9d9d9;padding:55px 20px 15px 30px;}
			div#cwrap > div.right h1,div#cwrap > div.right h2{position:absolute;top:0;font-weight:normal;left:0;width:100%;padding-left:35px;border-bottom:1px dotted #cdcccc;color:#f0001c;font-size:22px;line-height:40px;padding-top:15px;}
				div#cwrap > div.right > div > div.right > h1,div#cwrap > div.right > div > div.right > h2{right:0;left:auto;width:auto;border-left:1px dotted #cdcccc;border-bottom:0;}
		.bestelformulier h2 {
  border-bottom: 1px dotted #cdcccc;
    color: #f0001c;
    font-size: 22px;
    font-weight: normal;
    line-height: 40px;
    padding-left: 35px;
    padding-top: 5px;
    width: 90%;
		}
.bestelformulier {
padding-bottom: 20px;
padding-left: 20px;
padding-right: 20px;
}
.bestelformulier table {
margin-bottom: 15px;
}
		div#cwrap > div.right > div > div.left{float:left;width:355px;}
		div#cwrap > div.right > div > div.right{float:right;border-left:1px dotted #cdcccc;}
		div#cwrap > div.right > div > div.right > div.pad{padding-left:15px;}
		div#cwrap div.pad{padding:20px 0 20px 0;}
	ul.check{margin-top:10px;}
		ul.check li{list-style:none;display:block;line-height:30px;background:url("images/check.png") no-repeat 0 50%;padding-left:30px;}
	div#cfloats{padding-bottom:20px;overflow:hidden;}
		div#cfloats > div{float:left;width:160px;padding:5px 20px 10px 20px;border-left:1px solid #f2f2f2;}
			div#cfloats > div:first-child{padding-left:0;border-left:0;}
			div#cfloats > div > img{display:block;margin:auto;margin-top:40px;}
			div#cfloats > div > span.title{float:left;font-size:12px;font-weight:bold;line-height:30px; display:block; height: 20px;}
			div#cfloats > div > span.price{float:right;font-weight:bold;line-height:30px;font-size:11px;}
			div#cfloats > div > a.morenfo{margin-top:15px;text-align:center;width:100%;display:block;text-decoration:underline;}
	a.linktop{position:absolute;top:30px;font-size:14px;right:20px;display:block;background:url("images/darrow.png") no-repeat 100% 50%;padding-right:25px;}
a.knop{font-size:11px;font-weight:bold;padding:6px 10px 6px 10px;background:url("images/buttonbg.png") repeat-x;color:white;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
.buttonAsLink{font-size:11px;font-weight:bold;padding:6px 10px 6px 10px;background:url("images/buttonbg.png") repeat-x;color:white;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
.productPrijs{position:absolute;top:0;font-weight:normal;left:0;width:100%;padding-left:35px;border-bottom:1px dotted #cdcccc;color:#f0001c;font-size:22px;line-height:40px;padding-top:15px;}
/* shipdate */
.calendarHeader { font-weight: bolder; color: #f0001c; 
                  background-color: #FFFFFF;
						font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
						font-size: small;
						}
.calendar { background-color: #cccccc;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
						font-size: small;
color: #ffffff;
}
.calendar a { color: #ffffff; }
.invalid { background-color: rgb(153,153,153);
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
						font-size: small;
}
.valid { background-color: #f0001c;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
						font-size: small;
}
.s_valid { background-color: #f0001c;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
						font-size: small;
}
#selected {border: 2px solid #ffffff;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
						font-size: small;
}
.default-card {
display: none !important;
}
.productListing td {
padding:10px;
}
.productListing td {
border-bottom: 1px solid silver;
}
SPAN.removeProduct {
  font-family: Verdana, Arial, sans-serif;
  font-size: 9px;
  color: #3366FF;
  font-weight: normal;
}

INPUT.quantitybox {
  border: 1px;
  border-style: solid;
  border-color: #000000;
    font-size: 12px;
  width: 20px;
  height: 22px;
  border-spacing: 0px;
  background: #F8f8f9;
}

/* =Nav
-------------------------------------------------------------- */
#nav-trigger {
  display: none;
  text-align: center; }
  #nav-trigger span {
    display:block;
    background:url(images/toggle_nav.png) no-repeat;
	width:27px;
	height:25px;
    color: white;
    cursor: pointer;
    text-transform:uppercase;
	text-indent:-9999px;
	 }
    #nav-trigger span:after {
      display: inline-block;
      margin-left: 10px;
      width: 20px;
      height: 10px;
      content: "";
      border-left: solid 10px transparent;
      border-top: solid 10px #fff;
      border-right: solid 10px transparent; }
    #nav-trigger span:hover {
      background-color: #af002c; }
    #nav-trigger span.open:after {
      border-left: solid 10px transparent;
      border-top: none;
      border-bottom: solid 10px #fff;
      border-right: solid 10px transparent; }
.headerNav { display:inline-block; }
nav#nav-main {display:inline-block;   }
  nav#nav-main ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    text-align: center; }
  nav#nav-main li {
    display:inline-block;}
    nav#nav-main li:last-child {
      border-right: none; }
  nav#nav-main a {
    display: block;
    color: white;
    padding: 10px 30px; }
    nav#nav-main a:hover {
      background-color: #af002c;
      color: #fff; }

nav#nav-mobile {
  position: relative;
  display: none; }
  nav#nav-mobile ul {
    display: none;
    list-style-type: none;
    position: absolute;
    left:0;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    background-color:#f0001c; }
  nav#nav-mobile li {
    display: block;
    padding: 5px 0;
    margin: 0 5px;
    border-bottom: solid 1px #950025; }
    nav#nav-mobile li:last-child {
      border-bottom: none; }
  nav#nav-mobile a {
    display: block;
    color: white;
    padding: 10px 30px; }
    nav#nav-mobile a:hover {
      background-color: #af002c;
      color: #fff; }

/* =Sections
-------------------------------------------------------------- */
section h1 { margin-bottom:10px; }

section p { margin-bottom: 30px; }
section p:last-child { margin-bottom:0; }

/* =Pixel Img
-------------------------------------------------------------- */
.pixelImg { display:none; }
.r_button { padding:20px 0; }

/* =Login Page
-------------------------------------------------------------- */

div#cwrap > div.right form{ padding-bottom:20px; }
#knoppen { text-align:left; margin-top:10px; }

@media all and (max-width:992px) and (min-width:768px){
div#search { margin-top:0px}

*{ box-sizing:border-box; }
td.plusmin {width:100px; padding:0px; box-sizing: content-box;}
td.plusmin img {width:25px !important;max-width: none;}

div#wrapper { width:100%!important; padding:0 15px; }
div#cwrap > div.right { width:530px; }
div#cwrap > div.right > div > div.left { width:295px;  }
div#cwrap > div.right > div > div.right h2 { width:201px; }
.main iframe { width:100%!important; height:auto; }
div#cwrap > div.left > div > h3 { font-size:16px;  }
div#bez h3 {background: url("images/bezorging.png") no-repeat 80% 50%; }
div#ww h3 { background: url("images/ww.png") no-repeat 80% 50%;}
}
@media all and (max-width:767px){
div#search { margin-top:0px}
*{ box-sizing:border-box; }
td.plusmin {width:100px; padding:0px; box-sizing: content-box;}
td.plusmin img {width:25px !important; max-width: none;}

div#wrapper { width:100%; padding:0 15px; }
div#header { background-size:100%; margin:0; background-position:0 bottom; height:155px; }
div#search { position:static; background:#000; padding:10px; text-align:center; }
#searchform { display:inline-block; }
/*div#cwrap > div.left { float:none; }*/
div#cwrap > div.left > div { width:100%; }
div#cwrap > div.right > div > div.left { float:none; width:100%; height:auto!important; }
div#cwrap > div.right h1, div#cwrap > div.right h2 { position:static; font-size:14px; padding-left:0; border:0; padding-top:0; text-align: center;}
div#cwrap > div.right > div > div.right { float:none; height:auto!important; border:0; }
div#cwrap > div.right > div > div.right h2 { width:100%!important; }
div#cwrap > div.right { width:400px; } 
div#cwrap > div.right > div { padding:0 15px 15px; }
a.linktop { background: url("images/darrow.png") no-repeat 100% 25%; top:10px; }
div#footer > div {  margin-left:0; margin-right:28px; width:44%; }
div#cwrap > div.left > div ul li a { padding-right:20px; }
.main iframe { width:100%!important; height:auto; }
div#menu {    background-size:100%; border-radius:0;}
div#postcode { float:right;  } 
div#menu ul li a { padding:0; margin:0 7px; font-size:11px; } 
div#menu ul li:first-child a { margin:0 7px 0 0; }
a.linktop { background: url("images/darrow.png") no-repeat 100% 60%; top:10px; }
.infoBoxContents input, textarea { width:100%;}
.infoBoxContents input[type="submit"]{ width:75px; height:28px; margin:0 auto; display:block;}
.infoBoxContents2 td { float:left;  } 

}
@media all and (max-width:568px){
div#postcode { width:170px;}
div#postcode input { width:106px;}
div#header {  height:177px; }
div#cwrap > div.right { width:307px; font-size:9px; } 
}
@media all and (max-width:480px){
div#wrapper { width:100%; padding:0 15px; }
div#header { height:75px; }
div#search { position:static; background:#000; padding:10px; text-align:center; }
#searchform { display:inline-block; }
div#cwrap > div.left { float:none; }
div#cwrap > div.left > div { width:100%; }
div#cwrap > div.right h1, div#cwrap > div.right h2 {  font-size:18px; }
div#cwrap > div.right > div > div.right h2 { width:100%!important; }
div#cwrap > div.right { float:none; width:100%!important; } 
div#cwrap > div.right > div { padding:0 15px; }
a.linktop { position:static; padding-bottom:15px; background: url("images/darrow.png") no-repeat 41% 27%;}
div#footer > div { float:none; margin-left:0; width:100%; margin-top:20px; }
.contact_us img { display:none; }
div#menu ul li:first-child a { margin:0 10px 0 10px; }
div#postcode { margin:0 0 0 10px; float:right; } 
div#cwrap > div.left > div > h3 { width:100%; }
#nav-trigger {display:block; }
nav#nav-main {display: none; }
nav#nav-mobile {display: block;}
nav#nav-mobile ul { width:93.7%; z-index:99; margin:10px 15px 0 15px; }
nav#nav-mobile li { float:none !important; display:block; text-align:center; } 
nav#nav-mobile { position:static!important; }
div#postcode { width:190px;}
div#postcode input { width:125px; }
}
@media all and (max-width:375px){
nav#nav-mobile ul { width:92%; }
}
@media all and (max-width:320px){
div#copyright {font-size:7px; }
a.linktop { position:static; padding-bottom:15px; background: url("images/darrow.png") no-repeat 50% 30%; }
nav#nav-mobile ul { width:90.5%; }
div#header { height:115px; }
}

@media all and (min-width:568px){
.mobielonly {
display:none;
}
}
@media all and (max-width:567px){
.desktoponly {
display:none;
}
}

.category_desc h3 {
   color: #f0001c;
   margin-bottom: 10px;
}
.buttonmenu {
font-size:12px;font-weight:bold;padding:10px 10px 10px 10px;background:url("images/menubg.png") repeat-x;color:white;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; margin-bottom:15px; display:block; width: 200px; text-align: center;
}

.buttonmenufront {
font-size:12px;font-weight:bold;padding:10px 10px 10px 10px;background:url("images/menubg.png") repeat-x;color:white;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; display:inline-block; width: 200px; text-align: center;
}
.minder-padding-top {padding-top: 15px !important;}

@media all and (max-width:567px){
.buttonmenufront {
   margin-bottom: 15px;
}
}