@charset "utf-8";
/* CSS Document */
/** Reset CSS **/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}

/** 960 CSS **/
* { margin: 0; padding: 0; }
ul { list-style: none; }
body { font-family: 'MYRIADPRO-REGULAR', sans-serif; font-size: 13px; color: #000; line-height: 22px; background: #fff; }
@font-face {
    font-family: 'MYRIADPRO-REGULAR';
    src: url('../fonts/MYRIADPRO-REGULAR.eot');
    src: url('../fonts/MYRIADPRO-REGULAR.eot?#iefix') format('embedded-opentype'),
         url('../fonts/MYRIADPRO-REGULAR.woff') format('woff'),
         url('../fonts/MYRIADPRO-REGULAR.ttf') format('truetype'),
         url('../fonts/MYRIADPRO-REGULAR.svg#lucida_granderegular') format('svg');
    font-weight: normal;
    font-style: normal;

}
/*----------------------------------------------------------------------------------------------------*/
.container_12 { margin-left: auto; margin-right: auto; width: 960px;}/* Grid >> Global
----------------------------------------------------------------------------------------------------*/
.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12 {display:inline; float: left;    position: relative; margin-left: 10px;  margin-right: 10px;} .push_1, .pull_1,.push_2, .pull_2,.push_3, .pull_3,.push_4, .pull_4,.push_5, .pull_5,.push_6, .pull_6,.push_7, .pull_7,.push_8, .pull_8,.push_9, .pull_9,.push_10, .pull_10,.push_11, .pull_11,
.push_12, .pull_12 {position:relative;}/* Grid >> Children (Alpha ~ First, Omega ~ Last)*/.alpha {  margin-left: 0;}.omega {margin-right: 0;}/* Grid >> 12 Columns*/.container_12 .grid_1 { width:60px; }.container_12 .grid_2 {    width:140px;}.container_12 .grid_3 {    width:220px;}.container_12 .grid_4 {    width:300px;}.container_12 .grid_5 {    width:380px;}.container_12 .grid_6 {    width:460px;}.container_12 .grid_7 { width:540px;}.container_12 .grid_8 { width:620px;}.container_12 .grid_9 {  width:700px;}
.container_12 .grid_10 {    width:780px;}.container_12 .grid_11 {   width:860px;}.container_12 .grid_12 {   width:940px;}
/* Prefix Extra Space >> 12 Columns*/.container_12 .prefix_1 {  padding-left:80px;}.container_12 .prefix_2 {    padding-left:160px;
}.container_12 .prefix_3 {  padding-left:240px;}.container_12 .prefix_4 {   padding-left:320px;}.container_12 .prefix_5 {   padding-left:400px;}.container_12 .prefix_6 {padding-left:480px;}.container_12 .prefix_7 {  padding-left:560px;}.container_12 .prefix_8 {   padding-left:640px;}.container_12 .prefix_9 {padding-left:720px;}.container_12 .prefix_10 { padding-left:800px;}.container_12 .prefix_11 {  padding-left:880px;}.container_12 .suffix_1 {   padding-right:80px;}.container_12 .suffix_2 {   padding-right:160px;}.container_12 .suffix_3 {  padding-right:240px;}.container_12 .suffix_4 {  padding-right:320px;}
.container_12 .suffix_5 {   padding-right:400px;}.container_12 .suffix_6 {  padding-right:480px;}.container_12 .suffix_7 {  padding-right:560px;}.container_12 .suffix_8 {  padding-right:640px;}.container_12 .suffix_9 {  padding-right:720px;}
.container_12 .suffix_10 {  padding-right:800px;}.container_12 .suffix_11 { padding-right:880px;}
/* Push Space >> 12 Columns*/.container_12 .push_1 {left:80px;}.container_12 .push_2 {  left:160px;}.container_12 .push_3 {left:240px;}.container_12 .push_4 {  left:320px;}.container_12 .push_5 { left:400px;}.container_12 .push_6 { left:480px;}
.container_12 .push_7 { left:560px;}.container_12 .push_8 { left:640px;}.container_12 .push_9 { left:720px;}.container_12 .push_10 {    left:800px;}.container_12 .push_11 {left:880px;}/* Pull Space >> 12 Columns*/.container_12 .pull_1 {left:-80px;}.container_12 .pull_2 {left:-160px;}.container_12 .pull_3 { left:-240px;}.container_12 .pull_4 {left:-320px;}.container_12 .pull_5 {left:-400px;}.container_12 .pull_6 {left:-480px;}.container_12 .pull_7 {left:-560px;}.container_12 .pull_8 {left:-640px;}.container_12 .pull_9 {    left:-720px;}.container_12 .pull_10 {left:-800px;}.container_12 .pull_11 {left:-880px;} /* `Clear Floated Elements ----------------------------------------------------------------------------------------------------*/ /* http://sonspring.com/journal/clearing-floats */ .clear {clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; } /* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */ .clearfix:before, .clearfix:after {content: '\0020'; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; } .clearfix:after {clear: both; } /* The following zoom:1 rule is specifically for IE6 + IE7. Move to separate stylesheet if invalid CSS is a problem. */ .clearfix {zoom: 1; }

.wrapper{ position: relative;}
*+html .wrapper{ }
/** Site css **/
html, body { width: 100%; height: 100%; }
table{ width: 100%;}
img{ border: none;}
.left{ float: left;}
.right{ float: right;}
.t-cen{ text-align: center !important;}
textarea{ resize: none;}
button::-moz-focus-inner { padding:0; border:0; } /* FF Fix */
button { -webkit-border-fit:lines; } /* <- Safari & Google Chrome Fix */
button { overflow:visible; width:auto; border:0; padding:0; margin:0; background:transparent; cursor:pointer; }
.button span,a.button{ background: url(../images/website/sprites.png) no-repeat left -708px; display: block; height: 36px; text-shadow:  3px 3px 3px #666; font: 14px/36px 'Open Sans', Arial, Helvetica, sans-serif; white-space: nowrap; color: #fff; padding: 0px 0px 0px 30px;}
.button span span,a.button span{ background-position: right -746px; padding: 0px 25px 0px 10px;}
.button span span span,a.button span span{ background-position: right -658px; padding: 0px 30px 0px 0px;}
p { margin: 0px 0px 25px; }
a { color: #D30000; outline: none; text-decoration: none; }
a:visited,
a:active { }
a:hover { text-decoration: underline; }
h3{ }
h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { }
h1, h1 a {  font-weight: 600; color: #fff;  line-height: 150%; font-family: 'Open Sans', sans-serif; font-size: 40px;}
h2, h2 a { margin: 0px 0px 7px; color: #D80000; line-height: 150%; font-size: 18px; font-weight: 600;  font-family: 'Open Sans', sans-serif;}
h3, h3 a { color: #D90000;  line-height: 150%; font-size: 15px; font-family: 'Open Sans', sans-serif; font-weight: 600;}
h4, h4 a {color: #30A53D;  line-height: 150%; font-family: 'Open Sans', sans-serif;  font-size: 13px;  font-weight: 600;}
h5{  font-family: 'Open Sans', sans-serif; font-weight: 600;}
input, button, textarea, select { outline: none; }
a.more-button{  background: url(../images/website/sprites.png) no-repeat left -245px; padding: 0px 0px 0px 43px; display: block; line-height: 51px;  }
a.more-button span{background: url(../images/website/sprites.png) no-repeat right -297px; white-space: nowrap; font-size: 18px; color: #fff; line-height: 51px; display: block; padding: 0px 90px 0px 50px; text-shadow:  3px 3px 3px #666;}

a.more-button span span{ background-position: right -649px; padding: 0px 30px 0px 0px;  }
a.more-button{ float: left;}
a.more-button:hover{ text-decoration: none; }
.breadcrumbs{  padding: 3px 0px 25px 3px; font-size: 11px;text-transform: lowercase; color: #aaa; font-family: 'Open Sans', sans-serif; }
.breadcrumbs li{ display: inline;}
.breadcrumbs li strong{ font-weight: normal;}
.breadcrumbs li a{ color: #aaa;  }
.breadcrumbs li a:hover {  }

header{ background: url(../images/website/bg-body-home.jpg) repeat-x left top; padding: 0px 0px 70px;}
.body-home header{ padding: 0px; border-bottom: 1px solid #ddd; height: 660px; }
.logo{ padding: 15px 0px 0px; display: block;}
.cirkels{ margin: 45px 0px 0; position: relative; padding: 0px 0px 60px 0px; min-height: 433px;}
.cirkels a{ position: absolute;}
.cirkels a.link-one{ top: 95px; left: -15px;}
.cirkels a.link-two{ top: 0px; right: 0px;}
.cirkels a.link-three{ top: 250px; right: 18px;}
.cirkels .product-header { width: 50%; float: left; }
.cirkels .product-header .category { padding: 0px; }
.cirkels .product-header .category img { display: inline-block; width: 75%; }
.cirkels .product-header .category a { display: block; width: auto; height: auto; margin: 0px; position: static; } 
.cirkels .product-header .category h2 { margin-bottom: 5px !important; }
.cirkels .product-header .category p { color: #fff; line-height: 20px; padding: 0px; }
.slider-container{ position: relative;}
#nav{ padding: 0px 0px; margin: 84px 0 10px; float: right;}
#nav li{ float: left; margin: 0px 15px 0px 0px;}
#nav a{ background: url(../images/website/sprites.png) no-repeat left 0px; color: #fff; font-family: 'Open Sans', sans-serif; font-weight: 400; font-size: 15px; line-height: 29px; display: block; padding: 0px 0px 0px 10px;}
#nav a span{  background: url(../images/website/sprites.png) no-repeat right -31px; display: block; padding: 0px 15px 0px 5px; line-height: 29px;}
#nav a:hover,#nav a.active{ background-position: left -66px; color: #000; text-decoration: none;  }
#nav a:hover span,#nav a.active span{ background-position: right -95px;}
.slider-container .caroufredsel_wrapper{ margin: 90px 0px 0px !important;}
.slider-container{ padding: 0px 0px 0px 2px; text-shadow:  4px 4px 4px #666; font-family: 'Open Sans', sans-serif;}
.slider-container h1{ line-height: 55px; color: #fff; margin: 0px 0px 20px;}
.slider-container p{ font-size: 14px; font-weight: 400; color: #fff; line-height: 22px; margin: 0px 0px 40px;}
.slider-container .wrap-slide,.slider-container .caroufredsel_wrapper{ width: 100% !important; }
.slider-container .slide{ height: 330px; width: 420px;}
.slider-container .more{ margin: 0px;}
.grid_12 > h2{ margin: 0px 0px 25px 3px;}
.grid_12 > p > .img-level { margin: 0px 10px 15px 0px;}

.producten > h2{ clear: both; margin: 0px 13px 30px;}
div.category{ padding: 0px 22px; text-align: center; margin-bottom: 20px;}
div.category a.images-category{ display: inline-block; overflow: hidden; width: 255px; height: 255px; margin: 0px 0px 25px;}
div.category h2{ margin: 0px 0px 15px;}
div.category p{ padding: 0px; margin-bottom: 5px;}
div.category p span{ color: #B30000;}
div.producten > p{ padding: 0px 13px;}
div.producten .items{ padding: 20px 30px 25px 0px; border-bottom: 1px solid #eee;}
div.producten .items.last{ border-bottom: none; padding-bottom: 26px;}
div.producten .items .imgs{ float: left; width: 140px; height: 96px; margin: 5px 0px 0px; }
div.producten .items .infor-items{ padding-left: 160px;}
div.producten .items h3{ margin: 0px 0px 2px; overflow: hidden;}
div.producten .items p{ margin: 0px 0px 5px; line-height: 30px; overflow: hidden;}
div.producten .items a.more{ background: url(../images/website/sprites.png) no-repeat right -617px; padding: 0px 30px 0px 0px; font-size: 14px; color: #3B4453; vertical-align: middle;}
.items-product{ padding-bottom: 5px;}
.items-product a.imgs-product{ display: block; width: 220px; height: 152px; margin: 0px 0px 15px;}
.items-product a.imgs-product img{}
.items-product .product-name{ margin: 0px; font-weight: normal; font-family: 'MYRIADPRO-REGULAR', sans-serif;}
.items-product .product-name a{ display: block; height: 44px; overflow: hidden; font-size: 13px; text-align: center; color: #000;}
.frm-contact{ padding: 0px 0px 60px;}
.frm-contact div.rows{ margin: 0px 0px 0px;}
.frm-contact div.rows > label{ float: left; width: 115px; line-height: 35px;}
.frm-contact div.rows .txt-input{ background: url(../images/website/sprites.png) no-repeat left -855px; width: 252px; padding: 0px 0px 0px 8px; height: 35px; font: 13px/35px 'Open Sans', Arial, Helvetica, sans-serif; border: none;}
.frm-contact div.rows textarea{ background: url(../images/website/sprites.png) no-repeat left -381px; width: 408px; height: 136px; padding: 5px; font: 13px/33px 'Open Sans', Arial, Helvetica, sans-serif; border: none; background-color: none; overflow: hidden;}
.frm-contact div.rows button.button{ margin: 5px 0px 0px;}

/*footer*/
.footer-top{}
footer{ bottom: 0px; width: 100%; left: 0px; }

.footer-top{ background-color: #fff; border-bottom: 1px solid #ddd; border-top: 1px solid #ddd; padding: 30px 0px; font-family: 'Open Sans', sans-serif;}
.body-home .footer-top{ border-top: none;}
.newsletter-box{ overflow: hidden;}
.newsletter-box label{ margin-right:10px; }
.newsletter-box .label-style{ float: left; padding: 0px 0px 0px 108px; background: url(../images/website/mail.png) no-repeat; color: #000; font-size: 14px; margin: 0px 28px 0px 0px; width: 390px; }
.newsletter-box input.txt-input{ background: url(../images/website/sprites.png) no-repeat right -138px; height: 39px; border: none; width: 204px; padding: 0px 0px 0px 20px; color: #aaa; font: 14px/39px 'Open Sans', Arial, Helvetica, sans-serif; margin: 0px 14px 0px 0px;}
.newsletter-box input.txt-file{ width: 110px; height: 25px; border: 1px solid #B7B7B7;}
.footer-cen{ background: #eee; padding: 30px 0px; border-bottom: 1px solid #ddd;}
.box-cakeprint{ margin: 0px 0px 20px; padding: 0px 80px 0px 0px;}
.box-cakeprint h2{ margin: 0px 0px 18px;}
.frm div.rows{ margin: 0px 0px 0px;}
.frm div.rows > label{ float: left; width: 116px; line-height: 34px;}
.frm div.rows .input-box{ float: left; width: 260px;}
.frm div.rows .input-box input.txt-input,.frm div.rows .input-box input.styled{ vertical-align: middle; border: none;}
.frm div.rows .input-box .txt-input{ background: url(../images/website/sprites.png) no-repeat left -137px; font: 13px/34px 'MYRIADPRO-REGULAR', Arial, Helvetica, sans-serif; width: 255px; color: #000; padding: 0px 0px 0px 5px; height: 34px; border: none;}
.frm-contact div.rows .input-box{ float: left; width: 418px;}
p.error { color: #D80000; font-size: 10px; line-height: 10px; margin: 0px 0 0px; }
.frm-contact p.error { margin: 3px 0px 5px;}
.radio {width: 10px; height: 13px;  padding: 0 10px 0 0;    display: block; clear: left; float: left; margin: 5px 0px 0px;}
.radio { background: url(../images/website/radio.png) no-repeat left 0px ; }
span.radio{  cursor: pointer;}
.space-left{ padding-right: 15px;}
.frm div.rows .input-box .txt-file{ color: #999; vertical-align: middle; font-size: 13px; font-family: Arial, Helvetica, sans-serif; line-height: 34px;}
div.rows .input-box button.button span{ background-position: left -807px; font: 14px/33px 'Open Sans', Arial, Helvetica, sans-serif; width: 260px; padding: 0px; height: 33px; color: #fff; font: Arial, Helvetica, sans-serif; text-align: center; }
div.rows .input-box button.button span span{ background-position: right -666px; display: inline; padding: 0px 35px 0px 0px; width: auto;}
.input-box-radio{ padding: 8px 0px 0px;}
.footer{ color: #222C3E; font-size: 13px; padding: 10px 0px 15px; }
.footer p{ margin: 0px 0px 5px;}
.footer div.left{ padding: 0px 0px 0px 18px;}
.footer a{ color: #222C3E; padding: 0px 2px;}
.footer address{ padding: 0px 0px 0px 0px; font-size: 11px; color: #aaa; line-height: normal; }
.footer address a{ color: #aaa;}
.footer-main{ }
a.fb{ float: left; background: url(../images/website/sprites.png) no-repeat left -550px; width: 20px; height: 20px; font-size: 0%; line-height: 0%; margin-right: 5px;}
a.tw{ float: left; background: url(../images/website/sprites.png) no-repeat left -599px; width: 20px; height: 20px; font-size: 0%; line-height: 0%;}

#subscribe-form,
.page-form { position: relative; }

.subscribe-err,
.subscribe-success { display: none;  }
.subscribe-err p { color: #F5989A !important; }
.subscribe-success p { color: #468C00 !important; }
.subscribe-err { position: absolute; bottom: -44px; right: 250px; }

.info-notice { color: #468C00; position: absolute; top: -28px; left: 116px; }
.err-notice { color: red; top: -28px; left: 116px; }

#map { width: 298px; }

img{ max-width: 100%;}
.ur-menu-title{ display: none;}
.ur-menu-title:hover { text-decoration: none; }

.button:hover { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: alpha(opacity=70); -moz-opacity: 0.7; -khtml-opacity: 0.7; opacity: 0.7; }

.newsletter-box .clear { display: none; }

.main-container h1 { color: #000;  }
.main-container ul { list-style-type: disc; padding-left: 10px; margin-left: 15px;  }
.main-container ol { list-style-type: decimal; padding-left: 10px; margin-left: 15px;  }

/* Tablet Screen Sizes */
@media only screen and (max-width: 959px) {
    .breadcrumbs{ padding: 5px 30px 25px 30px;}
    #nav a{ padding: 0 0 0 15px;}
    #nav a span{ padding: 0px 15px 0px 0px;}
    .main-container{ padding: 0px 30px;}
    div.category{ padding: 0px; text-align: left;}
    div.category a.images-category{ width: 111px; height: 111px; margin: 0px 30px 0px 0px; float: left;}
    .producten > h2{ margin: 0px 0px 25px;}
    .container_12 .grid_1,.container_12 .grid_2, .container_12 .grid_3{ margin: 0px;}
    .container_12 .grid_3{ margin: 0px 20px 5px 0px;}
    div.producten > p{ padding: 0px;}
    .items-product a.imgs-product{ width: 100%;}
    #subscribe-form { width: 100%; }
    .newsletter-box .label-style {
        float: none;
        width: 100%;
        display: block;
        min-height: 42px;
        height: 100%;
        box-sizing: border-box;
    }
    #checkbox-dieren,
    #checkbox-huisentuin,
    #checkbox-bakplezier {
        float: left;
        margin-top: 5px;
        margin-right: 5px;
    }
    .label-dieren {
        overflow: hidden;
        width: 97% !important;
        margin: 0px !important;
    }
    .newsletter-box .clear { display: block; }
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
    body { min-width: 100%; }
    .container_12{ width: 100%;}
    .container_12 .grid_4,.container_12 .grid_5,.container_12 .grid_6,.container_12 .grid_7,.container_12 .grid_8,.container_12 .grid_9, .container_12 .grid_10,.container_12 .grid_11, .container_12 .grid_12 { width: auto; float: none; margin: 0px; display: block; }
    .wrapper{ padding-bottom: 0px;}
    .header{ padding: 0px 0px 0px;}
    .slider-container{ padding: 40px 0px 0px 15px; margin: 0px;}
    .slider-container .caroufredsel_wrapper{ margin: 0px !important;}
    .logo{ padding: 35px 0px 0px 15px;}
    #nav{ margin: 96px 0 10px;}
    .cirkels{ display: none;}
   
    .header .container_12 .grid_6{ clear: both; display: block;}
    .box-cakeprint{ padding: 0 25px 0px 45px;}
    .slider-container .caroufredsel_wrapper{ width: 100% !important;}
    .slider-container .caroufredsel_wrapper .wrap-slide{ width: 100% !important;}
    .slider-container .caroufredsel_wrapper .wrap-slide {
        height: 330px !important;
    }
    .slider-container .slide{ height: 330px;}
    .slider-container .slide{ width: 90%;}
    .frm{ padding: 0 0px 0px 45px;}
    .newsletter-box{ padding: 0 0px 0px 15px; }
    .newsletter-box label{ width: 50%; background: none; padding: 0px; margin: 15px 15px 0 0; display: block;}
    .newsletter-box input.txt-input{ background: #fff; float: left; margin: 0px; border: 1px solid #EFEFEF; -webkit-border-radius: 20px 0px 0 20px; -moz-border-radius: 20px 0px 0 20px; border-radius: 20px 0px 0 20px; border-right: none; width: 168px;}
    .newsletter-box .button{ background: #fff; border: 1px solid #EFEFEF; -webkit-border-radius: 0 20px 20px 0px; -moz-border-radius: 0 20px 20px 0px; border-radius: 0 20px 20px 0px; border-left: none; height: 41px; padding: 0px 20px 0px 0px;}
    .newsletter-box .button span{ background-position: right -920px; width: 22px; height: 7px; padding: 0px; font: 0px/0px 'Open Sans',Arial,Helvetica,sans-serif;}
    .newsletter-box .button span span{ background: none; width: auto; height: auto;}
    .footer-main{ position: relative; padding: 0px 0px 15px; display: inline-block;  }
    .footer address{ position: absolute; right: 0px; bottom: -66px;}
    .footer-main .grid_6 .right{ clear: both; }
    .footer-main > .grid_6 > p{ display: none;}
    .footer-main > .grid_6 > p.right{ display: block; float: none; text-align: right;}
    .footer address{ position: absolute; bottom: -66px; right: 20px; display: block;}
    .footer-main .grid_6{ padding: 0px 20px 0px 0px;}   
    .contact-form { margin-top: 30px; }
    #map { width: 100%; }
    footer {
        position: static;
    }

    .header .container_12 .grid_3{ float: none; margin: 0 auto; }
    .header .container_12 .grid_3 .logo { text-align: center; }
    .header .container_12 .grid_3 .logo img { display: inline-block;  }

    header{ padding: 0px 0px 35px;}
    div.header .menu-mobile{ position: relative; }
    .ur-menu-title{ display: block; position: absolute; top: -120px; left: 0px; background: url(../images/website/nav.png) no-repeat 10px top; padding: 0px 0px 0px 40px; color: #fff; font-size: 16px;}
    div.header .menu-mobile #nav{ display: none; top: -90px; margin: 0px 7px; background: #fff; padding: 0px 5px; position: absolute; left: 0px; z-index: 99px;}
    div.header .menu-mobile #nav.active { display: block; }
    div.header .menu-mobile #nav li{ margin: 0px 2px;}
    div.header .menu-mobile #nav li a{ background: none !important; padding: 5px; color: #000; line-height: 120%;}
    div.header .menu-mobile #nav li a span{ background: none !important; padding: 0px;}
    div.header .menu-mobile #nav { width: 100%; box-sizing: border-box; margin: 0px; z-index: 10; border-bottom: 1px solid #000; }
    #nav li { float: none; }
    .header .container_12 .grid_9 { width: 100%; }

}
@media only screen and (max-width: 920px) { 
    .header .container_12 .grid_4{ float: none; margin: 0 auto;}
    
    header{ padding: 0px 0px 35px;}
    div.header .menu-mobile{ position: relative; }
    .ur-menu-title{ display: block; position: absolute; top: -120px; left: 0px; background: url(../images/website/nav.png) no-repeat 10px top; padding: 0px 0px 0px 40px; color: #fff; font-size: 16px;}
    div.header .menu-mobile #nav{ display: none; top: -90px; margin: 0px 7px; background: #fff; padding: 0px 5px; position: absolute; left: 0px; z-index: 99px;}
    div.header .menu-mobile #nav.active { display: block; }
    div.header .menu-mobile #nav li{ margin: 0px 2px;}
    div.header .menu-mobile #nav li a{ background: none !important; padding: 5px; color: #000; line-height: 120%;}
    div.header .menu-mobile #nav li a span{ background: none !important; padding: 0px;}
    div.header .menu-mobile #nav { width: 100%; box-sizing: border-box; margin: 0px; z-index: 10; border-bottom: 1px solid #000; }
    #nav li { float: none; }
    .header .container_12 .grid_9 { width: 100%; }
}

/* Mobile Landscape Screen Sizes */
@media only screen and (max-width: 767px) { 
    body { min-width:100%; }
    .container_12{ width: 100%;}
    .container_12 .grid_4,.container_12 .grid_5,.container_12 .grid_6,.container_12 .grid_7,.container_12 .grid_8,.container_12 .grid_9, .container_12 .grid_10,.container_12 .grid_11, .container_12 .grid_12 { width: auto; float: none; margin: 0px; display: block; }
    .wrapper{ padding-bottom: 0px;}
    .header{ padding: 0px 0px 0px; }
    .body-home header { height: auto; }
    .slider-container{ padding: 40px 25px 0px 40px; margin: 0px;}
    .logo{ padding: 30px 0px 0px 40px;}
    #nav{ margin: 65px 0 0px;}
    .cirkels{ display: none;}
    .header .container_12 .grid_3{ width: 100%; float: none; text-align: center; }
    .header .container_12 .grid_9{  float: none; }
    .header .container_12 .grid_6{ clear: both; display: block;}
    .box-cakeprint{ padding: 0 30px 0px 40px;}
    .slider-container .caroufredsel_wrapper{ width: 100% !important; margin: 0px !important;}
    .slider-container .caroufredsel_wrapper .wrap-slide{ width: 100% !important;}
    .slider-container .slide{ width: 100%; }
    .frm{ padding: 0 25px 0px 40px;}
    .newsletter-box{ padding: 0 25px 0px 40px; }
    .newsletter-box label{ width: 100%; background: none; display: block; padding: 0px; margin: 10px 10px 0 0;}
    .newsletter-box input.txt-input{ outline: none; background: #fff; float: left; margin: 0px 0px 0px 0px; border: 1px solid #EFEFEF; -webkit-border-radius: 20px 0px 0 20px; -moz-border-radius: 20px 0px 0 20px; border-radius: 20px 0px 0 20px; border-right: none; width: 168px;}
    .newsletter-box .button{ background: #fff; border: 1px solid #EFEFEF; -webkit-border-radius: 0 20px 20px 0px; -moz-border-radius: 0 20px 20px 0px; border-radius: 0 20px 20px 0px; border-left: none; height: 41px; padding: 0px 20px 0px 0px;}
    .newsletter-box .button span{ background-position: right -920px; width: 22px; height: 7px; padding: 0px; font: 0px/0px 'Open Sans',Arial,Helvetica,sans-serif;}
    .newsletter-box .button span span{ background: none; width: auto; height: auto;}
    .footer-main{ position: relative; padding: 0px 0px 15px;}
    .footer address{ position: absolute; right: 0px; bottom: -66px;}
    .footer-main .grid_6 .right{ clear: both; }
    .footer-main > .grid_6 > p{ display: none;}
    .footer-main > .grid_6 > p.right{ display: block; float: none; text-align: right;}
    .footer address{ position: absolute; bottom: -66px; right: 0px; display: block; padding-right: 20px;}
    .footer-main .grid_6{ padding: 0px 20px 0px 0px;}       
    .contact-form { margin-top: 30px; }
    #map { width: 100%; }
    footer {
        position: static;
    }
    .slider-container .slide {
        height: 330px;
    }
     .slider-container h1{ font-size: 35px; line-height: 35px;}
     #subscribe-form { width: 100%; }
    .newsletter-box .label-style {
        float: none;
        width: 100%;
        display: block;
        min-height: 42px;
        height: 100%;
        box-sizing: border-box;
    }
    #checkbox-dieren,
    #checkbox-huisentuin,
    #checkbox-bakplezier {
        float: left;
        margin-top: 5px;
        margin-right: 5px;
    }
    .label-dieren {
        float: left;
        overflow: hidden;
        width: 93% !important;
        margin: 0px !important;
    }
}

@media only screen and (min-width: 590px) and (max-width: 719px) {
    .header .container_12 .grid_3{ display: block; margin: 0px 20px 0px 0px;}
    .container_12 .grid_3{ width: 175px;}
    #nav li{ margin: 0 6px 0 0;}
    .slider-container .slide{ height: 330px;}
}
@media only screen and (min-width: 481px) and (max-width: 589px) {
    .wrapper{ padding-bottom: 0px;}
    .header{ padding-bottom: 30px;}
    .header .container_12 .grid_3{ float: none; margin: 0 auto;}
    .header .container_12 .grid_9{ float: none;}
    .header .container_12 .grid_9 #nav{ float: none;}
    .newsletter-box{ padding: 0px 20px;}
    .newsletter-box label{ display: block; width: auto; margin: 0px 0px 10px;}
    .slider-container .slide{ height: 330px;}
}

@media only screen and (max-width: 480px) {
    .wrapper{ padding-bottom: 0px;}
    .body-home .wrapper { padding-bottom: 0px;}
    .header .container_12 .grid_3{ float: none; margin: 0 auto;}
    
    header{ padding: 0px 0px 35px;}
    div.header .menu-mobile{ position: relative; }
    .ur-menu-title{ display: block; position: absolute; top: -140px; left: 0px; background: url(../images/website/nav.png) no-repeat 10px top; padding: 0px 0px 0px 40px; color: #fff; font-size: 16px;}
    div.header .menu-mobile #nav{ display: none; top: -115px; margin: 0px; background: #fff; padding: 0px 5px; position: absolute; left: 0px; z-index: 99px;}
    div.header .menu-mobile #nav.active { display: block; }
    div.header .menu-mobile #nav li{ margin: 0px 2px;}
    div.header .menu-mobile #nav li a{ background: none !important; padding: 5px; color: #000; line-height: 120%;}
    div.header .menu-mobile #nav li a span{ background: none !important; padding: 0px;}
    .header .container_12 .grid_9{ float: none;}
    .logo{ padding: 40px 0px 0px;}
    #nav{ margin: 0px;}
    .slider-container .slide{ }
    .slider-container{ padding: 40px 20px 0px;}
    .slider-container h1{ font-size: 25px; line-height: 25px;}
    a.more-button{ background-position: left -943px; padding: 0px 0px 0px 15px; height: 27px; line-height: 27px;}
    a.more-button span{ background-position: right -972px; padding: 0px 30px 0px 15px; font-size: 15px; line-height: 27px; text-shadow: none;}
    a.more-button span span{ background-position: right -662px;}
    .main-container{ padding: 0px 20px;}
    .box-cakeprint{ padding: 0px 20px;}
    .newsletter-box{ padding: 0px 20px;}
    .frm div.rows > label,.frm-contact div.rows > label{ float: none; width: auto; line-height: 22px;}
    .frm div.rows .input-box,.frm-contact div.rows .input-box{ float: none; width: auto;}
    .frm div.rows.last > label{ display: none;}
    .frm{ padding: 0px 20px;}
    .footer-top{ padding: 15px 0px 30px;}
    div.category a.images-category{ width: 100%; height: auto; margin: 0px 0px 10px 0px; }
    .newsletter-box label{ float: none; display: block; width: 100%; margin: 0px 0px 10px;}
    .footer-main > .grid_6 > p.right{ text-align: left; margin: 0px 15px 8px 20px;}
    .footer-main .grid_6 .right{ float: left; margin: 0px 0px 0px 20px;}
    .footer address{ bottom: -93px; right: auto; left: 20px;}
    .frm-contact div.rows textarea{ width: 90%; border: 2px solid #eee; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; background: #fff; }
    div.producten .items{ padding: 20px 0px;}
    div.producten .items .imgs{ float: none; width: 100%; height: auto; text-align: center; margin: 0px 0px 10px;}
    div.producten .items .infor-items{ padding-left: 0px;}
    div.category p { padding-left: 0; padding-right: 0; padding-bottom: 0px; }
    .footer-main{ display: inline-block;}
    .footer{ padding: 10px 0 12px; }
    .slider-container .slide{ height: 330px;}
    .label-dieren {
        float: left;
        overflow: hidden;
        width: auto !important;
        margin: 0px !important;
    }
    div.category { text-align: center; }
    div.producten .items a.more{ background: url(../images/website/sprites.png) no-repeat right -618px; padding: 0px 30px 0px 0px; font-size: 14px; color: #3B4453; vertical-align: middle;}
}
@media only screen and (min-width: 319px) and (max-width: 480px) {
    .wrapper{ padding-bottom: 0px;}
    header{ padding: 0px;}
    .container_12 .grid_3{ float: none; margin: 0 auto 5px;}
    .items-product a.imgs-product{ text-align: center;}
}

@media only screen and (max-width: 479px) {
}
@media only screen and (max-width: 318px) {
    #checkbox-dieren,
    #checkbox-huisentuin,
    #checkbox-bakplezier {
        float: left;
        margin-top: 5px;
        margin-right: 5px;
    }
.label-dieren {
        float: left;
        overflow: hidden;
        display: inherit !important;
        width: auto !important;
        margin: 0px !important;
    }
}