* { outline:none;}

html { overflow-y:scroll;}

#content { padding-bottom:20px;}

#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 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:140px; height:175px; margin:0 0px 20px 20px; background:url(../images/thumb-shadow.png) bottom no-repeat; overflow:hidden; cursor:pointer;}
#main .thumb .image { border:11px solid #000; background:#333333; width:118px; height:118px; overflow:hidden;}
#main .thumb .image a { color:#333333 !important; text-decoration:none;}
#main .thumb img.special_top { position:absolute; top:0px; right:0px; width:180px; height:74px;}
#main .thumb:hover .image { border:11px solid #cc0000; width:118px; height:118px;}
#main .thumb img { width:118px; height:118px;}
#main .artikelnummer { width:140px; text-align:right; height:25px; overflow:hidden;}
#main .artikelnummer span { font-family:'BebasNeueRegular'; font-size:15px; line-height:25px; background-color:#000; color:#FFF; padding:3px 10px;}

#main .thumb.featured { width:300px; height:360px;}
#main .thumb.featured .special { position:absolute; width:300px; height:335px; top:0px; left:0px; z-index:1000; }
#main .thumb.featured img.special_top { position:absolute; top:0px; left:0px; width:300px; height:124px;}
#main .thumb.featured img.special_bottom { position:absolute; bottom:36px; left:11px; width:278px; height:41px;}
#main .thumb.featured .image { border:11px solid #000; width:278px; height:303px; padding-top:10px; background-color:#FFF; }
#main .thumb.featured .image img { width:278px; height:278px;}
#main .thumb.featured .thumb:hover { border:11px solid #cc0000; width:278px; height:278px; }
#main .thumb.featured div.artikelnummer { width:300px; }

.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;}

#nieuwswrapper { cursor:pointer; font-family:'Arial',sans-serif; font-size:12px; line-height:22px;}
#nieuwswrapper .image { overflow:hidden; width:300px; background:#000000;}
#nieuwswrapper .item { margin-right:30px;}
#nieuwswrapper .item.num_3 { margin-right:0px;}
#nieuwswrapper .item:hover span.readmore a { color:#fff; text-decoration:none; display:block; background-color:#cc0000; }

.pager_nav { position:relative; width:620px; 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; top:-3px;}

#sidebar { margin-right:50px;}

#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 #000; 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; }

#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;}

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 { 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;}

.clearboth { clear:both;}