* { outline:none;}

html { overflow-y:scroll;}

#cookiemelding { position: fixed; font-family:'Arial',sans-serif; width: 100%; left: 0px; bottom: 0px; padding: 15px 40px 13px 15px; box-sizing: border-box; background: #ffff38; color: #000000; opacity: 0.9; vertical-align: middle; z-index: 999; font-size: 13px;}
#cookiemelding a { color: #000000; text-decoration: underline;}
#cookiemelding a.accept { position: absolute; top: 5px; right: 10px; color: #000000; padding: 5px; font-size: 25px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; text-decoration: none; font-size: 20px;}

#content { padding-bottom:20px;}

#logo img { width: 100%;}

#hamburger, #hamburger_close, #hamburger_close_x { display: none;}

#mainmenu ul li a.active { color:#cc0000;}
#mainshopmenu ul { padding-top:2px;}
#mainshopmenu ul li.what { font-family:'Fjalla One',sans-serif; text-transform:uppercase; font-size:19px; letter-spacing:0px;}
#mainshopmenu ul li.login { float:right; margin-right:0px; color:#999999; font-family:'Fjalla One',sans-serif; font-size:19px; text-transform:uppercase; letter-spacing:0px;}
#mainshopmenu ul li a { position:relative; font-family:'Fjalla One',sans-serif; font-size:19px; top:-2px; text-transform:uppercase;}

#breadcrumb { position:relative; margin:4px 0px 0px 20px; height:40px; font-family:'BebasNeueRegular'; font-size:30px; color:#c0c0c0;}
#breadcrumb h2, #breadcrumb span { position:relative; float:left; margin:0px; padding:0px;}
#breadcrumb span { position:relative; margin:3px 8px 0px 8px;}
#breadcrumb h2 a { font-size:20px; text-decoration:none; color:#000000;}

h2.title { position:relative; display:block; height:40px; margin-top:10px; margin-left:20px;}
h2.h2 { font-family:'Fjalla One',sans-serif !important; text-transform:uppercase; font-size:34px !important;}

#whitewrap { min-height:300px; margin-bottom:20px;}
#whitewrap h1 { line-height: 1em !important;}
#whitewrap div { padding-bottom:20px;}
#whitewrap b, #whitewrap strong { font-weight:bold;}
#whitewrap u { font-family:'BebasNeueRegular'; text-decoration:none; font-weight:normal; font-size:22px; word-spacing:2px; margin-bottom:22px;}
#whitewrap i { font-family:'OstrichSansRoundedMedium'; font-style:normal; font-size:25px; margin-bottom:0px; color:#000; letter-spacing:1px;}
#whitewrap img { max-width:100%;}

#winkelwagen { width:195px; padding:15px 5px 15px 0px; cursor:pointer;}
.winkelwagen_passive { cursor:default !important;}
#winkelwagen span { color:#cc0000;}
#winkelwagen a { color:#000000; text-decoration:none;}
#winkelwagen:hover a { text-decoration:underline;}

h4.saleaddresses { margin-top:20px !important;}
h4.saleaddresses_first { margin-top:0px !important;}
.addresses strong { font-family:'Fjalla One',sans-serif; text-transform:uppercase; font-size:16px; text-align:left; margin-bottom:5px; font-style:normal; display:block; font-weight:normal !important;}
.addresses { height:90px; margin:0 0 -30px 0; line-height:18px;}

#main .thumb { position:relative; float:left; width:187px; height:220px; margin:0 6px 30px 20px; background:url(../images/thumb-shadow.png) center bottom no-repeat; overflow:hidden; cursor:pointer;}
#main .thumb .image { border: none; background:#333333; width:187px; height:187px; overflow:hidden;}
#main .thumb .image a { color:#333333 !important; text-decoration:none;}
#main .thumb img.special_top { position:absolute; top:0px; right:0px; width:200px;}
#main .thumb img.special_bottom { display: none;}
#main .thumb:hover .image { }
#main .thumb img { width: 100%; height: auto;}
#main .artikelnummer { position: relative; top: 5px; width: 187px !important; text-align:center; height:25px; overflow:hidden;}
#main .artikelnummer span { display: block; text-align: center !important; font-family:'BebasNeueRegular'; font-size:18px; line-height:25px; background-color: none; color:#000000; padding:3px 10px;}

.block.yellow ul li a:hover { color:#ffff38; }
.block.green ul li a:hover { color:#38ffbb; }
.block.blue ul li a:hover { color:#38fffd; }
.block.white ul li a:hover { color:#fff; }
.block ul li.active a:hover { color:#ffffff; }

.block span { padding:0px; }
.block span a { padding:0px 10px; color:#000000; text-decoration:none;}

.pager_nav { position:relative; width:620px; margin: 20px 0px 50px 0px; border-top: 1px dashed #000000; padding-top: 20px; height:50px; left:20px; text-align:center; font-family:'BebasNeueRegular'; font-size:30px;}
.pager_nav a { color:#000000; text-decoration:none;}
.pager_nav .pager_desc { position:relative; top:0px; font-size:20px;}
.pager_nav a.pager_prev { position:absolute; left:0px;}
.pager_nav a.pager_next { position:absolute; right:0px;}
.pager_nav a span { position:relative; font-size: 26px; top: -1px;}

#sidebar { margin-right:50px;}
#sidebar_mobile { display: none;}

#product #artikelnummer .h1 { font-family: 'BebasNeueRegular'; font-size:30px; padding:0px; margin:0px;}
#product .image { position:relative; float:left; width:300px;}
#product img.special_top { position:absolute; top:0px; left:0px; width:300px; height:124px; z-index:5;}
#product .carousel_container { position:relative; float:left; border:10px solid #eeeeee; width:280px; height:280px;}
#product .carousel_item { width:280px; height:280px; overflow:hidden;}
#product .carousel_item_wrapper { position:relative; width:280px; height:280px; float:left;}
#product .carousel_item img { position:relative; float:left; width:280px; height:280px;}
#product .carousel_nav { position:relative; float:left; width:300px; height:20px; }
#product ul#carousel_nav { position:relative; float:right; list-style:none outside none; margin:0px; padding:0px; text-align:center;}
#product ul#carousel_nav li { position:relative; float:left;}
#product ul#carousel_nav li a { position:relative; float:left; width:14px; height:14px; -moz-border-radius:7px; border-radius:7px; background-color:#000; margin:10px 0 0 10px; text-indent:-9999px; display:block; cursor:pointer; }
#product ul#carousel_nav li a:hover { background-color:#cc0000; text-indent:-9999px; display:block; -moz-border-radius: 0px;border-radius: 0px; }
#product ul#carousel_nav li a.activeSlide { background-color:#cc0000; text-indent:-9999px; display:block; -moz-border-radius: 0px;border-radius: 0px; }

#productspecs h1 { margin-left: 0px; font-size: 24px; margin-bottom: 20px;}

#product #choose #color h2 { margin-bottom:7px;}
#product #choose #color ul { position:relative; margin-left:-5px; width:250px;}
#product #choose #color li { cursor:pointer; margin:5px;}
#product #choose #color li:hover { margin:5px;}
#product #choose #color li span { display:none;}
#product #choose #color li.active { margin:5px;}
#product #choose #color .desc { position:relative; display:block; clear:both; padding-top:5px; color:#000; font-family:'ocraregular'; font-size:10px; margin-bottom:-19px;}

#product #choose #amount { position:absolute; top:172px;}
#product #choose #amount h2 { height:25px;}
#product #choose #amount .inputs { position:relative; clear:both;}
#product #choose #amount .plus span { float:left; width:11px; height:11px; background-color:#000; padding:4px 3px 2px 3px; text-align:center; margin-bottom:6px; font-family: 'ocraregular';font-size:14px; line-height:14px; text-decoration:none; color:#FFF; cursor:pointer;}
#product #choose #amount .min span { float:left; width:11px; height:11px; background-color:#000; padding:4px 3px 2px 3px; text-align:center; font-family: 'ocraregular';font-size:14px; line-height:14px; text-decoration:none; color:#FFF; cursor:pointer;}
#product #choose #amount .plus span:hover { background-color:#38fffd; color:#000; }
#product #choose #amount .min span:hover { background-color:#38fffd; color:#000; }

#product #choose #amount .field input { font-family:'BebasNeueRegular'; font-size:22px; height:20px;  padding:10px 12px;}

#product #choose #buy { position:absolute; width:133px; left:107px; top:0px;}
#product #choose #buy input { width:133px; height:40px; background:url(../images/bg_buy.png) 0px 0px no-repeat; border:0px; margin:auto; color:#FFF; font-family: 'BebasNeueRegular'; font-size:26px; padding:5px 0 12px 20px; cursor:pointer; }
#product #choose #buy input:hover { width:133px; height:40px; background:url(../images/bg_buy.png) 0px -40px no-repeat; }

#product .separator { width:100%;}

.cart_item { position:relative; float:left; width:890px; }
.cart_item div { position:relative; float:left; background-color:#ededed; margin-right:10px; height:20px; font-family: 'BebasNeueRegular'; font-size:20px; padding:20px 15px 20px 15px; margin-bottom:10px; }
.cart_item .name { color:#cc0000;}
.cart_item .image { width:50px; height:50px; overflow:hidden; padding:0px !important; border:5px solid #000;}
.cart_item .image img { border:none;}
.cart_item .article { width:380px; }
.cart_item .amount { width:45px; height:30px; padding:15px !important; }
.cart_item .amount input { width:33px; height:20px; font-family:'BebasNeueRegular'; font-size:20px; padding:5px; border:1px solid #FF6; }
.cart_item .amountcheck { width:45px; height:20px; }
.cart_item .price { width:105px; text-align:right; }
.cart_item .total { width:105px; text-align:right; }
.cart_item .delete { width:20px; margin-right:0px; background-color:#FFFFFF; padding:20px 0 20px 0; text-align:center; cursor:pointer; }

#productcheck .cart_item .article { width:410px; }
#productcheck .cart_item .total { margin-right:0px; }

#totalrow { position:relative; float:left; width:900px; height:auto; padding:10px 15px 0px 15px; font-family:'BebasNeueRegular'; font-size:20px; line-height:30px;}
#totalrow .price span { position:relative; top:10px; font-family:'arial'; font-size:11px; line-height:14px !important; color:#888888;} 
#totalrow .price span span { position:relative; display:block; top:-7px;}
#totalrow .total_big { position:relative; font-size:25px; margin:10px 0px 0px 0px; color:#000000;}

#steps, #step { width:960px;}
#step { width:910px; margin-bottom:30px; margin-left:0px;}

#steps ul li.link { cursor:pointer;}
#steps ul li, #steps ul li.active { width:198px;}
#steps ul li.num_1, #steps ul li.active.num_1 { margin-left:0px; width:199px;}
#steps ul li.num_4, #steps ul li.active.num_4 { width:199px; margin-right:0px;}

#step .message { font-family:'BebasNeueRegular'; font-size:30px; line-height:30px;}
#step .message a { color:#cc0000; text-decoration:none;}
#step .message a:hover { text-decoration:underline;}
#step .back a { position:relative; float:left; background:url(../images/bg_back.png) 0px 0px no-repeat #ffff38; height:20px; padding:10px 15px 10px 20px; font-family: 'BebasNeueRegular'; font-size:20px; text-decoration:none; color:#000; }
#step .back a:hover { position:relative; float:left; background:url(../images/bg_back.png) 0px -40px no-repeat #000; height:20px; padding:10px 15px 10px 20px; font-family: 'BebasNeueRegular'; font-size:20px; color:#FFF; }
#step .forward a { position:relative; float:right; background:url(../images/bg_nxt.png) no-repeat right 0px #45ee75; height:20px; padding:10px 20px 10px 15px; font-family: 'BebasNeueRegular'; font-size:20px; text-decoration:none; color:#000; }
#step .forward a:hover { background:url(../images/bg_nxt.png) no-repeat right -40px #000; color:#ffffff;}

#step .register { position:relative; float:left; width:460px; }
#step .register h3 { font-size:25px; margin-bottom:20px; }
#step .register .label { position:relative; float:left; clear:both; padding:4px 4px 4px 0; height:20px; width:130px;font-family: 'BebasNeueRegular'; font-size:19px; margin-bottom:10px; }
#step .register .field span { font-family:'Arial'; font-size:11px; height:20px; padding-top:8px; }
#step .register .field { position:relative; float:left; margin-bottom:8px; width:300px; background-color:#ededed; height:14px; line-height:16px; border:0px; font-family: 'Arial'; font-size:12px; padding:7px 7px 6px 7px; }
#step .register .field input.check { width:20px; }
#step .register .field_straat { width:227px; margin-right:10px; }
#step .register .field_huisnummer { width:50px;} 
#step .register .field_plaats { width:207px; margin-left:10px; }
#step .register .field_postcode { width:70px; } 
#step .register .field_dropdown { width:315px; height:26px; font-size:12px; padding:7px 7px 4px 7px; border:none; cursor:pointer;} 
#step .register .field_dropdown option { width:290px; font-size:10px; padding:3px 5px 1px 5px; border:none;}
#step .register .error_class { color:#cc0000;}
#step .register input.error_class { border-bottom:1px solid #cc0000; color:#000000; padding:7px 7px 3px 7px;}
#step .register .terms { position:relative; margin:0px 0px 0px 135px; color:#999999;}
#step .register .terms a { color:#999999;}

.third { line-height:19px;}
.third_small { width:240px !important; }
.third_big { width:350px !important; }
.third textarea { width:350px; background-color:#ededed; height:120px; resize:none; border:0px; font-family:'Arial'; font-size:12px; padding:7px;}

a.marker { background-color:#ffff38; color:#000; text-decoration:none !important; }
a.marker:hover { background-color:#000; color:#fff; text-decoration:none; }

#step .form_button { position:relative; width:314px; background:#45ee75; height:40px; padding:9px 20px 10px 15px; border:0px; font-family:'BebasNeueRegular'; font-size:20px; color:#000000; font-size:20px; cursor:pointer;} 
#step .form_button:hover { background:#000; color:#ffffff;}
#step .login { position:relative; margin-top:93px; margin-left:20px;}
#step .login .form_button { margin-left:84px; width:253px;} 
#step .login .login_error_class { position:relative; margin:20px 0px 0px 84px; font-family:'BebasNeueRegular'; font-size:20px; color:#cc0000;}
#step .login .login_success_class { position:relative; margin:20px 0px 0px 84px; font-family:'BebasNeueRegular'; font-size:20px; color:#45ee75;}
#step .login .field input { position:relative; float:left; margin-bottom:8px; width:239px; background-color:#ededed; height:14px; line-height:16px; border:0px; font-family:'Arial'; font-size:12px; padding:7px 7px 6px 7px; }

.third a { color:#000000; text-decoration:underline;}

#content.content_stories { background: url(../images/bg-slider.png) top center repeat; background-attachment: fixed;}
#content.content_stories #contentwrapper { background: none !important;}
#content.content_stories .news { padding: 10px 50px 50px 50px; background: none !important;}

#nieuws { height: auto; margin-top: -65px !important; padding: 22px 0px 30px 0px; background: url(../images/bg-slider.png) top center repeat; background-attachment: fixed;}
#nieuws h2.h1 { text-align: center; font-size: 50px; margin-bottom: 40px;}
#nieuws h2.h1 a { color: #000000 !important; text-decoration: none;}
#nieuws #masonry_container { background: none;}
#nieuwswrapper { font-family:'Arial',sans-serif; font-size:12px; line-height:22px;}

#masonry_container { position:relative; width: 100%; background:url(../images/bg-slider.png) top center repeat;}
.masonry_item { position:relative; width:30%; margin:1.5%;}
.masonry_item h2 { }
.masonry_item .image { width: 100% !important; height: auto !important; margin:0 0 20px 0; z-index:700; line-height: 0px; padding: 0px !important;}
.masonry_item .image img { width: 100%;}
.masonry_item .paper { position:absolute; width: 100%; top:0px; left:0px; z-index:800;}
.masonry_item .paper img { width: 100% !important;}
.masonry_item h2 { margin-top: 20px !important; margin-bottom: 15px !important; font-size: 24px !important;}
.masonry_item h2 a { background: none !important; text-decoration: none !important; color: #000000 !important;}
.masonry_item h2 a:hover { color: #000000 !important;}
.masonry_item .txt { line-height: 19px !important;}
.masonry_item img { width:100%; height:auto;}
.masonry_item a.more { display: inline-block; text-decoration: none !important; margin-top: 20px; background: #000000 !important; color: #ffffff !important; padding: 5px 8px 3px 8px; font-family:'BebasNeueRegular'; font-size:20px; }
.masonry_item a.more:hover { background: #cc0000 !important; color: #ffffff !important;}

a.check_y:hover, a.check_n:hover { text-decoration:none;}
a.check_y { position:relative; display:block; font-family:'Arial'; font-size:12px; display:block; float:left; cursor:pointer; padding:0px 0px 0px 25px; height:17px; background:url(../images/checkbox.png) no-repeat 0px 0px; margin:5px 2px 0px 0px;}
a.check_n { position:relative; display:block; font-family:'Arial'; font-size:12px; display:block; float:left; cursor:pointer; padding:0px 0px 0px 25px; height:17px; background:url(../images/checkbox.png) no-repeat 0px -34px; margin:5px 2px 0px 0px;}
a.check_n:hover { background:url(../images/checkbox.png) no-repeat 0px -17px;}

#radio ul { position:relative; margin:0px; padding:0px; }
#radio li { position:relative; top:5px; font-family:'Arial'; font-size:12px; display:block; float:left; width:50px; height:17px; line-height:17px; padding-left:22px; background:url(../images/checkradio.png) no-repeat 0px 0px; cursor:pointer;}
#radio li:hover { color:#cc0000;}
#radio li.active { background-position:0px -17px;}
#radio input { display:none;}

#main h2 { font-family: 'BebasNeueRegular'; font-size:40px; margin-bottom:10px; } 
#main h3 { font-family: 'BebasNeueRegular'; font-size:20px; margin-bottom:10px; } 
h3 a { text-decoration:none; color:#cc0000;}

#footerwrapper a#nonka { position:absolute; top:-22px; right:0px; width:105px; height:30px;}
#footerwrapper a#nonka img { width: 105px; border:none;}
#footerwrapper a.dingdong { position:absolute; top:-22px; right:0px; width:134px; height:30px;}
#footerwrapper a.dingdong.credits_extra { color: #ffffff; text-decoration: none;}
#footerwrapper a.dingdong img { width: 134px; border:none;}
#footer .col.right { width:240px;}
#footer .col form p input { width:188px; height:15px; border:0px; background-color:#FFF; color:#999999; padding:5px 8px 5px 8px; font-family:'Arial',sans-serif; font-size:12px; }
#footer .col form p input.btn { width:204px; height:auto; font-size:20px; color:#45ee75; background:none; text-align:right;}
#footer .col form p label img { width: 22px; margin-top: 1px; margin-right: 12px;}

#footer .col ul li.social img { width: 35px;}


.clearboth { clear:both;}