/* cyrillic-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v15/ek4gzZ-GeXAPcSbHtCeQI_esZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
  unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
}
/* cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v15/mErvLBYg_cXG3rLvUsKT_fesZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v15/-2n2p-_Y08sg57CNWQfKNvesZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v15/u0TOpm082MNkS5K0Q4rhqvesZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v15/NdF9MtnOpLzo-noMoG0miPesZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
  unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v15/Fcx7Wwv8OzT71A3E1XOAjvesZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v15/CWB0XYA8bzo0kSThX0UTuA.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}


body{
	background-image:url('https://www.landreus.nl/img/siteachtergrond.jpg');    background-position: top center;
    background-color:#FFFFFF;
    background-repeat:repeat;
    color:#4D4D4D;
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    margin: 0px 0px 0px 0px;
    overflow-x:hidden;
    min-height:100%;
    -webkit-font-smoothing: antialiased;
}

#top{
    position: relative;
    width:100%;
    margin-bottom:0px;
    clear:both;
    height:40px;
    padding-top:0px;
    text-align:right;
    font-size: 12px;
    color: #6B6A6A;
    background-color:#0F5E13;
    background: -webkit-linear-gradient(#0F5E13, #127317);
    background:    -moz-linear-gradient(#0F5E13, #127317);
    background:     -ms-linear-gradient(#0F5E13, #127317);
    background:      -o-linear-gradient(#0F5E13, #127317);
    background:         linear-gradient(#0F5E13, #127317);
}



#topcontainer{
    /*width:960px;*/
    /* width:80%; */
    width:1170px;
    margin-right: auto; 
    margin-left: auto;
    margin-top:0px;
    margin-bottom:0px;
    color: #4D4D4D;
}

#container{
	    width:1170px;
    margin-right: auto; 
    margin-left: auto;
    margin-top:0px;
	clear:both;
    }
#contentcontainer{
    clear:both;
    float:left;
    width:100%; 
    background-color:#FFFFFF;
    border:solid 1px #FFFFFF;
    border-radius: 5px;
    margin-bottom:50px;
    margin-top:30px;
    min-height:400px;
        
        
}
.header{
    /*background-image:url('img/headerachtergrond.jpg');*/
    background-repeat:no-repeat;
    width:80%;
    max-width:1170px;
    margin:0px auto;
    
    /* width:100%;*/
    /*height:142px;*/
    /*
    height:100%;
    margin-top:0px;
    margin-bottom:0px;
    margin-left:0px;
    margin-right:0px;
    */
    background-color: #FFFFFF;
    border-bottom:solid 0px #FFFFFF;
    border-left:solid 0px #FFFFFF;
    border-right:solid 0px #FFFFFF;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    }
.header > img{
    width:100%;
    margin:0px;
}
.header_custom_container{
    float:left;
    clear:both;
    background-image:url('https://www.landreus.nl/img/bg-grijs.jpg');
    background-repeat:repeat;
    width:100%;
    margin:0px auto;
    height:129px;
}
.header_custom{
    /* width:80%;
    max-width:1170px; 
    margin:0px auto;
    */
    width:1170px;
    margin-left:auto;
    margin-right:auto;
    height:auto;
}
.head_left{float:left;width:300px;box-sizing:border-box;}
.head_mid{float:left;width:calc(100% - 580px);box-sizing:border-box;}
.head_right{float:left;width:280px;}

.desktopnone{
display:none;
}
.tabletnone{
display:block;
}


#logo{
    margin-top:10px;
    float:left;
}
#zoek{
    background-color:#FFFFFF;
    margin-top:10px;
    text-align:right;
    padding-right:20px;
}
#nav{
    width:80%;
    background-color:#FFFFFF;
    margin-top:10px;
    float:left;
    text-align:right;
}
b.rtop, b.rbottom{display:block;background: #FFFFFF}
b.rtop b, b.rbottom b{display:block;height: 1px;
    overflow: hidden; background: #FFFFFF}
b.r1{margin: 0 5px}
b.r2{margin: 0 3px}
b.r3{margin: 0 2px}
b.rtop b.r4, b.rbottom b.r4{margin: 0 1px;height: 2px}

.contentcont2{ float:left; margin: 0px 0px;background-color: #FFFFFF; width:80%;}
.head{ clear:both; float:left; margin: 0px 0px;background-color: #FFFFFF; width:100%;}
#corner1{ margin: 0px 0px;background: #FFFFFF}
.corner1{ margin: 0px 0px;background: #FFFFFF}

.kopje{ margin: 0px 0px 0px 10px;background: #000000;height:20px;text-padding: 5px 0px 0px 0px;}
.zoekkopje{ line-height:20px;vertical-align:middle;border:solid 1px #000000;border-radius: 7px;width:75px; float:right; margin: 2px 0px 0px 0px;background: #000000;height:20px;text-padding: 0px 10px 0px 10px;}
.bestellen{ line-height:23px;vertical-align:middle;border:solid 1px #000000;border-radius: 7px;width:150px; height:25px; float:left; margin: 10px 0px 0px 0px;background: #000000;padding: 10px 10px 0px 10px;}
.informatie{ line-height:23px;border:solid 1px #000000;border-radius: 7px;width:150px; height:25px; margin: 10px 0px 0px 0px;background: #000000;text-padding: 10px 10px 0px 10px;}
.informatie2{ line-height:23px;vertical-align:middle;border:solid 1px #000000;border-radius: 7px;width:150px; height:23px;  margin: 10px 0px 20px 0px;background: #000000;text-padding: 10px 10px 0px 10px;}
.informatie3{ line-height:23px;vertical-align:middle;border-bottom:solid 4px #000000;border-radius: 5px;width:150px; 
height:33px;  margin: 10px 0px 20px 0px;background: #000000;text-padding: 10px 10px 0px 10px;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#000000), to(#000000));
    background: -moz-linear-gradient(#000000, #000000);
    background: linear-gradient(#000000, #000000);
    box-shadow: inset 0 10px 15px 0 #000000;
}
a.bloklink2{ display:block;padding:10px;vertical-align:middle;border:solid 1px #000000;border-radius: 7px;width:150px; height:23px;  margin: 10px 0px 20px 0px;background: #000000;text-padding: 10px 10px 0px 10px;}
.informatie2lijst{ line-height:23px;vertical-align:middle;border:solid 1px #000000;border-radius: 7px;width:150px; height:25px; float:right; margin: 10px 0px 0px 0px;background: #000000;text-padding: 10px 10px 0px 10px;}
.login{ margin: 0px auto;background: #ffffff; width:300px;
border-radius: 5px;
box-shadow: 0 0 7px 3px #C2C2C2;
-moz-box-shadow: 0 0 7px 3px #C2C2C2;
-webkit-box-shadow: 0 0 7px 3px #C2C2C2;
}

td{font-size:15px;}

#slidecont1{
    margin: 0px 0px 7px 0px;
    width:100%;
    float:left;
}
#bottomcont1{
    margin: 0px 0px 7px 0px;
    width:100%;
    float:left;
    text-align: center;
    background-color:#FFFFFF;
    border:solid 0px #FFFFFF;
    border-radius: 5px;
    margin-bottom:20px;
    }

#bottomcont1 > img{
    width: 100%;
}
#menu{
    margin-top:5px;
    margin-bottom:5px;
    width:199px;
    float:left;
    background-color:#FFFFFF;
    border-right:#FFFFFF solid 1px;
}
.menu1{
    /*
    width: 80%;
    max-width:1170px;
    margin: 0px auto;
    */
    height:auto;
    width: 1170px;
    margin-left:auto;
    margin-right:auto;
    display:block;
}
.menu2{
    display:none;
}
.menucontainer{
    display:table;
    width: 100%;
    background-color: #1F8A27;
    /* background: url('https://www.landreus.nl/img/bg.jpg') repeat scroll 0 0; */ /* ************************ ACHTERGROND IMAGE DESKTOP NAV MENU ********************** */
    margin-bottom: 0px;
}
#menu.category{
    width:20%;
    border-right: 0px;
}
#content{
    /* margin-top:5px;*/ 
    margin-bottom:5px;
    /*width:720px;*/
    /*width:100%;*/
    width: calc(100% - 200px);
    background-color:#FFFFFF;
    float:left;
    /*padding-left:20px;*/
    padding-top:10px;
}
#content.category{
    width:80%;
}
#userpage{
    clear:both;
	height:auto;
    width:96%;
    margin-left:2%;
    margin-right:2%;
    margin:0px auto;
    background-color:#FFFFFF;
    padding-top:10px;
    margin-top:30px;
    margin-bottom:30px;
}

.items_winkel_top {
    background: #ffffff none repeat scroll 0 0;
    border: 2px solid #589a40;
    border-radius: 54px;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.4);
    color: #000;
    font-size: 15px;
    font-weight: bold;
    width: 23px;
    height: 23px;
    margin-left: -33px;
    line-height: 24px;
    padding: 0;
    position: absolute;
    text-align: center;
    top: 11px;
}

#welkom{
    width:100%;
    background-color:#FFFFFF;
    padding-top:10px;
    clear:both;
    float:left;
    border-radius:3px;
}
#welkom > div >img{
    width: 100%;
}
#welkom > h1{
    margin-left: 0px;
}

a.bloklinkzwart{float:right;padding: 0px 10px 0px 10px;margin:0px;background:#000;color:#fff;border-radius:5px;font-weight:bold;}
hr.navi{border-top: 1px solid #ccc;border-bottom: 1px solid #fff;}

.homebox1{width:32%;float:left;margin-right:2%;background:#fff;margin-bottom:20px;border-radius:5px;}
.homebox1 img{width:100%;}
.homebox2{width:32%;float:left;margin-right:2%;background:#fff;margin-bottom:20px;border-radius:5px;}
.homebox2 img{width:100%;}
.homebox3{width:32%;float:left;background:#fff;margin-bottom:20px;border-radius:5px;}
.homebox3 img{width:100%;}
.homeboxcontainer{width:100%;text-align:center;}

.homecat1{clear:both;width:32%;float:left;margin-right:2%;}
.homecat1 img{}
.homecat2{width:32%;float:left;margin-right:2%;}
.homecat2 img{}
.homecat3{width:32%;float:left;}
.homecat3 img{}
.homecatcontainer{width:100%;text-align:center;}

#menu.category2{padding:10px;box-sizing:border-box;background:#EDEDED;width:23%;border:solid 1px #ccc;border-radius:5px;margin-left:2%;margin-right:2%;}	
/* #content.category2{width:73%;} */
#content.category2{width:calc(100% - 340px);margin-left:20px;}


#frontblok{clear:both;float:left;width:calc(50% - 30px);margin-top:30px;box-sizing:border-box;color:#000;padding-right:30px;margin-right:30px; box-shadow: 5px 0 5px -5px #C2C2C2;-moz-box-shadow: 5px 0 5px -5px #C2C2C2;   -webkit-box-shadow: 5px 0 5px -5px #C2C2C2;}
#frontblok p{line-height:25px;box-sizing:border-box;margin-top:15px;font-size:16px;}
#frontblok h1{font-size:30px;color:#333;}
#slidecont1{float:left;width:50%;margin-top:30px;box-sizing:border-box;}
#frontcontainer{clear:both;float:left;width:100%;margin-top:0px;margin-bottom:20px;box-sizing:border-box;background: url('https://www.landreus.nl/img/bg-grijs.jpg') repeat scroll 0 0;}
#frontcontentcontainer{clear:both;width:1170px;margin-left:auto;margin-right:auto;box-sizing:border-box;}
p.kleinetekst{font-size:11px;text-align:right;padding-top:4px;padding-bottom:4px;margin-right:0px;line-height:15px;}


#detailinfo{
    width:100%;
    box-sizing:border-box;
    background-color:#FFFFFF;
    margin-top:30px;
    margin-right:10px;
    padding-top:10px;
    padding-left:5px;
    overflow:hidden;
}
#detailbekeken{
    width:740px;
    width: 100%;
    background-color:#FFFFFF;
    margin-right:10px;
    padding-top:10px;
    clear:both;
    float:left;
}
#detailcombi{
    width:100%;
    background-color:#FFFFFF;
    margin-right:10px;
    padding-top:10px;
    clear:both;
    float:left;
}
#detailvideo{
    width:100%;
    background-color:#FFFFFF;
    margin-right:10px;
    padding-top:10px;
    clear:both;
    float:left;
}
    #detailreview{
    width:740px;
    background-color:#FFFFFF;
    margin-right:10px;
    padding-top:10px;
    clear:both;
    float:left;
}
#paginas{
width:100%;
background-color:#FFFFFF;
margin-right:10px;
padding-top:10px;
clear:both;
float:left;
}
#footer{
margin-bottom:0px;
clear:both;
padding-top:0px;
font-size: 12px;
color: #4D4D4D;
background-color:#0F5E13;
  background: -webkit-linear-gradient(#0F5E13, #137818);
  background:    -moz-linear-gradient(#0F5E13, #137818);
  background:     -ms-linear-gradient(#0F5E13, #137818);
  background:      -o-linear-gradient(#0F5E13, #137818);
  background:         linear-gradient(#0F5E13, #137818);
}
#footer2{
margin-bottom:0px;
clear:both;
height:60px;
padding-top:0px;
text-align:center;
font-size: 12px;
color: #FFFFFF;
background-color:#0F5E13;
  background: -webkit-linear-gradient(#0F5E13, #0F5E13);
  background:    -moz-linear-gradient(#0F5E13, #0F5E13);
  background:     -ms-linear-gradient(#0F5E13, #0F5E13);
  background:      -o-linear-gradient(#0F5E13, #0F5E13);
  background:         linear-gradient(#0F5E13, #0F5E13);
}

#footerblokcont{
width:1170px;
margin-left: auto;
margin-right: auto;
margin-top:0px;
padding-top: 10px;
color: #4D4D4D;
font-size:14px;
}

.footerblokL{
width:200px;
padding: 20px 20px 0px 20px;
}
.footerblokM{
width:200px;
padding: 20px 20px 0px 20px;
}

#footer li{
list-style-type:square;
color:#FFFFFF;
line-height:25px;
}

#footer li a{
color:#FFFFFF;font-size:12px;font-weight:normal;text-decoration:none;line-height:20px;font-size:14px;
}

#footer li a:hover{
text-decoration:none;
}

#artikeldetails{
width:48%;
margin-left: 2%;
box-sizing:border-box;
float:left;
background-color:#FFFFFF;
border:solid 1px #FFFFFF;
border-radius: 5px;
color:#6B6A6A;
/*
box-shadow: 0 0 10px 1px #CCCCCC;
-moz-box-shadow: 0 0 10px 1px #CCCCCC;
-webkit-box-shadow: 0 0 10px 1px #CCCCCC;
*/
}

#artikeldetails span{
margin: 20px;
display: inline-block;
}

.catdivlijst{
width: calc(100% - 10px);
float:left;
background-color:#FFFFFF;
margin-left:5px;	
margin-bottom:20px;	
border:solid 1px #CCCCCC;
border-radius: 3px;
overflow:hidden;
}

.catdiv{
padding-top:10px;
width:31%;
height:auto;
float:left; 
background-color:#FFFFFF;
margin-left:0.85%;
margin-right:0.85%;
margin-bottom:20px;	
border:solid 1px #CCCCCC;
border-radius: 5px;
text-align: center;
}
.catdiv p{
width: 100%;
margin: 0px 0px 0px 0px;
text-align: center;
}


.catdiv img{
width:auto;
height:auto;
margin:auto;
/* height: 100%; */
/* height:150px; */
max-width:90%;
/* max-height:170px; */
box-sizing: border-box;
}

.catimgdiv{
height: 200px;
width: 70%;
padding: 5% 15% 5% 15%;
}

.catimgdiv a{
display: block;
position: relative;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.catimgdiv img{
vertical-align:middle;
/* max-height:100%; */
}

.catdiv .informatie2{
margin: 0 auto;
}

.catdiv2{
width:220px;
height:320px;
float:left;
background-color:#FFFFFF;
margin-left:10px;	 
margin-right:10px;	
margin-bottom:20px;	
border:solid 1px #CCCCCC;
border-radius: 5px;
}

.catdivhome{
padding-top:10px;
width:31%;
height:370px;
float:left; 
background-color:#FFFFFF;
margin-bottom:20px;	
border:solid 1px #CCCCCC;
border-radius: 5px;
box-shadow: 0 0 10px 1px #CCCCCC;
-moz-box-shadow: 0 0 10px 1px #CCCCCC;
-webkit-box-shadow: 0 0 10px 1px #CCCCCC;
text-align: center;
height:auto;
width:43%;
margin-left:4%;
box-sizing:
border-box;
border:0px;
box-shadow:none;
margin-bottom:7px;
}

#detailbekeken .catdiv{
    width:31%;
    margin-left:1%;
    margin-right:1%;
}
.beheerdiv{
    background-color:#FFFFFF;
    width:330px;
    height:130px;
    float:left;
    margin-left:10px;	
    margin-right:10px;	
    margin-bottom:20px;	
    border:solid 1px #CCCCCC;
    border-radius: 5px;
}
.bestellingdiv{
background-color:#FFFFFF;
width:680px;
float:left;
margin-left:10px;	
margin-right:10px;	
margin-bottom:20px;	
border:solid 1px #CCCCCC;
border-radius: 5px;
}
.nieuwsbrieffront{
background-color:#FFFFFF;
width:452px;
height:200px;
float:left;
margin-left:10px;	
margin-bottom:20px;	
border:solid 1px #CCCCCC;
border-radius: 5px;
}

.contactfront{
background-color:#FFFFFF;
width:220px;
height:200px;
float:left;
margin-left:10px;	
margin-bottom:20px;	
border:solid 1px #CCCCCC;
border-radius: 5px;
}

input.detailsubmit{
border-radius:3px;
border:none;
height:25px;
width:130px;
cursor:pointer;
background: #000000;
color: #FFFFFF;
}

input.detailsubmit2{
border-radius:3px;
border:none;
height:35px;
width:130px;
cursor:pointer;
background: #000000;
color: #FFFFFF;
}

a.verwijder{color:#cc0000;font-size:11px;font-weight:bold;text-decoration:none;}

a.breadcrumblink{color:green;font-size:12px;font-weight:normal;text-decoration:none;}
a.breadcrumblink:hover{text-decoration:underline;}

a.nav1{color:#6B6A6A;font-size:12px;font-weight:normal;text-decoration:none;line-height:20px;}
a.nav1:hover{text-decoration:none;}

a.toplink1{color:#FFFFFF;font-size:12px;font-weight:normal;text-decoration:none;line-height:20px;}
a.toplink1:hover{text-decoration:none;}

a.prijzen{padding-left:15px;color:#6B6A6A;font-size:12px;font-weight:normal;text-decoration:none;line-height:20px;}
a.prijzen:hover{text-decoration:none;}

a.link1{color:#6B6A6A;font-size:12px;font-weight:normal;text-decoration:none;line-height:20px;}
a.link1:hover{text-decoration:none;}

a.linksorteer{color:#666;font-size:12px;background:#f1f1f1;padding:7px;border-radius:3px;font-weight:normal;text-decoration:none;border:0px;margin: 10px 0px 10px 0px;}
a.linksorteer:hover{opacity:0.8;}

a.linkpagenr{color:#666;font-size:12px;background:#f1f1f1;padding:7px;border-radius:3px;font-weight:normal;text-decoration:none;border:0px;margin: 10px 0px 10px 0px;}
a.linkpagenr:hover{opacity:0.8;}

a.wit{color:#ffffff;font-size:12px;font-weight:normal;text-decoration:none;}

input.buttonzoek{color:#FFFFFF;background:#666666;font-size:12px;padding: 0px 10px 0px 10px;font-weight:normal;text-decoration:none;}

a.infolink{color:#FFFFFF;background-color:#000000;border-radius:3px;font-size:14px;
padding: 8px 50px 8px 50px;font-size:12px;font-weight:normal;text-decoration:none;}
a.infolink:hover{text-decoration:none;opacity:0.9;}

a.buttonverder{color:#FFFFFF;font-size:12px;font-weight:bold;text-decoration:none;
display:block;padding: 10px 30px 10px 30px; background-color:#000000;text-align:center;border-radius:5px;
}
a.buttonverder:hover{text-decoration:none;}

a.informatie{color:#FFFFFF;font-size:12px;font-weight:normal;text-decoration:none;padding: 7px 0px 0px 0px;}
a.informatie:hover{text-decoration:none;}

a.titel{color:#383838;font-size:16px;font-weight:bold;text-decoration:none;padding-left:10px;padding-right:10px;}
a.titelgroot{color:#383838;font-size:18px;font-weight:bold;text-decoration:none;}
a.klein{color:#383838;font-size:11px;font-weight:normal;text-decoration:none;}
a.pagina{color:#383838;font-size:12px;font-weight:normal;text-decoration:none;}

a.cat{padding-left:0px;color:#525252;font-size:12px;font-weight:bold;text-decoration:none;line-height:25px;}
a.cat:hover{text-decoration:none;}

a.cat2a{padding-left:15px;color:#525252;font-size:12px;font-weight:bold;text-decoration:none;line-height:25px;}
a.cat:hover{text-decoration:none;}

a.cat2b{padding-left:5px;color:#525252;font-size:12px;font-weight:normal;text-decoration:none;line-height:30px;}
a.cat:hover{text-decoration:none;}

a.page{color:#383838;font-size:16px;font-weight:bold;text-decoration:none;}
a.page:hover{text-decoration:underline;}

a.cat1{color:#525252;font-size:12px;font-weight:normal;text-decoration:none;line-height:25px;}
a.cat1:hover{text-decoration:underline;}

a.beheer1{color:#666666;font-size:14px;font-weight:bold;text-decoration:none;line-height:20px;}

a.proshops{color:#FFFFFF;font-size:11px;font-weight:normal;text-decoration:none;line-height:20px;}
a.proshops:hover{text-decoration:none;}

a.footerlink1{color:#FFFFFF;font-size:12px;font-weight:normal;text-decoration:none;line-height:20px;font-size:14px;}
a.footerlink1:hover{text-decoration:none;}



p{margin: 0px 10px 0px 10px;font-size:14px;}
p.margin{margin: 10px 10px 10px 10px;}
p.paginacontent{margin: 0px 50px 0px 10px;}
p.zoek{margin: 3px 10px 0px 10px;}
p.bestel{margin: 5px 10px 0px 10px;}
p.inform{text-padding: 0px 0px 0px 0px;}
p.foot1{margin: 0px 0px 0px 0px;color:#FFFFFF;}
p.titel{padding: 2px 0px 0px 5px;font-weight:bold;color: #4D4D4D;}
p.text{margin: 0px 10px 10px 10px;}
p.inccattext{margin: 0px 10px 10px 0px;line-height:25px;}
p.contacttext{margin: 0px 10px 0px 15px;}
p.prijs{color:#828282;}
p.kopjegegevens{font-weight:bold;margin-left:0px;margin-bottom:20px;margin-top:20px;font-size:16px;color:#FFFFFF;}
p.kopjewinkelmand{margin-left:0px;margin-bottom:0px;margin-top:10px;font-size:16px;color:#4A8A12;}

img.adminnav{
    vertical-align:text-top;
    float:left;
    clear:both;
    padding: 2px 0px 0px 15px;
    }

img.speciaal{
    vertical-align:middle;
    float:left;
    padding: 0px 0px 0px 0px;
    }

img.beheer{
    vertical-align:middle;
    float:right;
    padding: 10px 10px 10px 10px;
    max-width: 30px;
    max-height: 30px;
    }

img.frontklein{
  /*
  max-width: 150px;
  max-height: 150px;
  width: expression(this.width > 150 ? "150px" : true);
  height: expression(this.height > 150 ? "150px" : true);
  max-width:100%;
  max-height:100%;
  */
  }

img.frontkleinlijst{
  max-width: 250px;
  max-height: 250px;
  width: expression(this.width > 250 ? "250px" : true);
  height: expression(this.height > 250 ? "250px" : true);
  }
img.frontkleinlijst2{
  max-width: 680px;
  }

img.frontgroot{
  max-width: 240px;
  max-height: 240px;
  width: expression(this.width > 240 ? "240px" : true);
  height: expression(this.height > 240 ? "240px" : true);
  }

img.logo{
  max-width: 600px;
  max-height: 110px;
  margin: 10px 0px 0px 10px; 
  }

img.detail{
  width:100%;
  }

img.detailfotos{
  max-width: 100px;
  max-height: 100px;
  vertical-align:top;
  }

h1{font-size:18px;margin-left:0px;margin-bottom:0px;margin-top:0px;color:#6B6A6A;}
h1.front{font-size:18px;margin-left:10px;margin-bottom:15px;margin-top:5px;color:#6B6A6A;}
h2{font-size:18px;margin-left:0px;margin-bottom:0px;margin-top:5px;color:#4A8A12;}
h3{font-size:16px;margin-left:10px;margin-bottom:15px;margin-top:5px;color:#6B6A6A;}
h4.main{font-size:14px;margin-left:20px;margin-top:10px;margin-bottom:7px;color:#4A8A12;}

input.buttonmouse{
 cursor: pointer;
 width:300px;
 height:35px;
 background-color:#000000;
color: #FFFFFF;
    border: 0px solid #B8B6B6;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    /*
    -moz-box-shadow: 2px 2px 3px #666;
    -webkit-box-shadow: 2px 2px 3px #666;
    box-shadow: 2px 2px 3px #666;
    */
    font-size: 16px;
    padding: 4px 7px;
    margin: 1px 10px 0px 0px;
    outline: 0;
    -webkit-appearance: none;
    font-weight: normal;
    text-decoration: none;
    text-align: center;

}
input.buttonmouse:focus{
}


input.rondfront{
border: 1px solid #ccc;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
-moz-box-shadow: 2px 2px 3px #666;
-webkit-box-shadow: 2px 2px 3px #666;
box-shadow: 2px 2px 3px #666;
font-size: 12px;
padding: 4px 7px;
margin: 1px 10px 0px 0px;
outline: 0;
-webkit-appearance: none;
}
input.rondfront:focus{
}

hr {
border:#CFCFCF 1px dotted;
border-style: none none dotted;
height: 1px;
margin-right:20px;
}

hr.navi{
border:#CFCFCF 1px dotted;
border-style: none none dotted;
height: 1px;
margin-right:15px;
margin-left:0px;
}
hr.navi{border-top: 1px solid #ccc;border-bottom: 1px solid #fff;}


#lightbox{
	background-color:#eee;
	padding: 10px;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }

#lightbox img{ border: none;} 
#overlay img{ border: none; }

#overlay{ background-image: url(lightbox/overlay.png); }

* html #overlay{
	background-color: #000;
	back\ground-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="lightbox/overlay.png", sizingMethod="scale");
	}

#tagcloud {
    width: 150px;
    color:#666666;
    text-align:left;
	margin-left:10px;
}
 
#tagcloud a:link, #tagcloud a:visited {
    text-decoration:none;
    color: #666666;
	line-height:30px;
}
 
#tagcloud a:hover {
    text-decoration: underline;
}
 
#tagcloud span {
    padding: 4px;
}
 
#tagcloud .smallest {
    font-size: 10px;
}
 
#tagcloud .small {
    font-size: 12px;
}
 
#tagcloud .medium {
    font-size:14px;
}
 
#tagcloud .large {
    font-size:15px;
}
 
#tagcloud .largest {
    font-size:16px;
}


	#drop-down-menu{margin-left:20px}
	ul{
		float:right;
        color:#ffffff;
		margin:0;
		padding:0;
		list-style:none}
	ul li{
		display:block;
		position:relative;
		float:left}
	li ul{display:none}
	ul li a{
		font-size:16px;
		display:block;
		margin-left:1px;
		text-decoration:none;
		color:#ffffff;
		padding: 5px 15px 5px 15px;
		background:#fff;
		white-space:nowrap}
	ul li a:hover{text-decoration:none;}
	li:hover ul{ 
		display:block; 
		position:absolute;}
	li:hover li{ 
		text-align:left;
		font-size:12px;
		clear:left; 
		width:12em}
	li:hover a{text-decoration:none;}
	li:hover li a:hover{background:#1F8A27;
    color:#FFFFFF}
	.clear_all{clear:both;height:0.5em;}
    
input.rondfront{
border: 1px solid #ccc;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
-moz-box-shadow: 2px 2px 3px #666;
-webkit-box-shadow: 2px 2px 3px #666;
box-shadow: 2px 2px 3px #666;
font-size: 12px;
padding: 4px 7px;
margin: 1px 10px 0px 0px;
outline: 0;
-webkit-appearance: none;
}
input.rondfront:focus{
border: 1px solid #999999;
}

select.rondfront{
border: 1px solid #ccc;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
-moz-box-shadow: 2px 2px 3px #666;
-webkit-box-shadow: 2px 2px 3px #666;
box-shadow: 2px 2px 3px #666;
font-size: 12px;
padding: 4px 7px;
margin: 5px 10px 0px 0px;
outline: 0;
-webkit-appearance: none;
}
select.rondfront:focus{
}


input.rounded{
border: 1px solid #ccc;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
-moz-box-shadow: 2px 2px 3px #666;
-webkit-box-shadow: 2px 2px 3px #666;
box-shadow: 2px 2px 3px #666;
font-size: 10px;
padding: 4px 7px;
margin: 1px 10px 0px 0px;
outline: 0;
-webkit-appearance: none;
}
input.rounded:focus{
}
input.rounded2{
height:35px;
border: 1px solid #ccc;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
/*
-moz-box-shadow: 2px 2px 3px #666;
-webkit-box-shadow: 2px 2px 3px #666;
box-shadow: 2px 2px 3px #666;
*/
font-size: 16px;
padding: 4px 7px;
margin: 1px 10px 0px 0px;
outline: 0;
-webkit-appearance: none;
width:80%;
}
input.rounded2:focus{
border: 1px solid #444;

}
textarea.rounded{
border: 1px solid #ccc;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
/*
-moz-box-shadow: 2px 2px 3px #666;
-webkit-box-shadow: 2px 2px 3px #666;
box-shadow: 2px 2px 3px #666;
*/
font-size: 18px;
padding: 4px 7px;
outline: 0;
-webkit-appearance: none;
}

 #search input {
    background: none repeat scroll 0 0 #fff;
    border: 0 none;
    color: #7F7F7F;
    float: left;
    font: 12px 'Helvetica','Lucida Sans Unicode','Lucida Grande',sans-serif;
    height: 20px;
    margin: 0;
    padding: 10px;
    transition: background 0.3s ease-in-out 0s;
    width: 300px;
}
#search button {
    background: url("search.png") no-repeat scroll center center #7eac10;
    cursor: pointer;
    height: 40px;
    text-indent: -99999em;
    transition: background 0.3s ease-in-out 0s;
    width: 40px;
    border: 2px solid #fff;
}
#search button:hover {
    background-color:#000;
}


#footerblokcont{overflow:hidden;}
.footdiv1, .footdiv2, .footdiv3, .footdiv4{
float:left;
width:23%;
}


.footdiv2, .footdiv3, .footdiv4,{
margin-left: 2%;
}

.logomobile{
display:none;
}

.cartmenu{
display: none;
}

.iconmenu{
display: none;
}


.sortmobile{
display:none;
}

.sortdesktop >a::after{
content:"";
}

.artikelimg{
float:left;
}

.addbutton{
float:left;
clear:both;
width: 100%;
text-align: center;
}

.leftdetail{
float:left;
width:49.5%;
}

.contactleftentry{
float:left;
clear:left;
width:20%;
margin-top:20px;
}

.contactleftcode{
float:left;
clear:left;
width:100%;
margin-top:20px;
}

.contactrightcode{
float:left;
clear:right;
margin-top:20px;
}

.contactrightentry{
float:left;
clear:right;
margin-top:20px;
width: 80%;
}

.contacticon{
float:left;
clear:left;
width:20%;
margin-top:20px;
}

.contactinfo{
float:left;
clear:right;
margin-top:20px;
}

.contactsubmit{
float:left;
clear:both;
}

.winkelmandje > form > div{
border-bottom: dotted 1px #cccccc;
}

.incgegevens > div{
border-bottom: dotted 1px #cccccc;
}

.kopjewinkelmand{
width:100%;
float:left;
margin-right: 0px;;
border-bottom: dotted 0px #cccccc;
padding-bottom: 10px;
margin-top:10px;
}

.winkelmandjetitel > div{
float:left;
width: 19%;
font-size: 16px;
}
.winkelmandjetitel{
clear:both;
float:left;
width:100%;
padding-bottom: 10px;
padding-top:10px;
}

.iteminfofoto{
float:left;
width: 19%;
height:70px;
}

.iteminfoaantal{
float:left;
width: 19%;
height:70px;
text-align:center;
}

.iteminfoprijs{
float:left;
width: 13%;
height:70px;
text-align:right;
}

.iteminfoartikel{
float:left;
width: 31%;
height:70px;
}

.iteminfototaal{
float:left;
width: 13%;
height:70px;
text-align:right;
}

.iteminfoverwijder{
height:55px;
padding-top:15px;
text-align:right;
width:5%;
float:left;
}

.iteminfofill{
width:5%;
float:left;
height:30px;
}

.iteminfoartikel, .iteminfoaantal, .iteminfoprijs, .iteminfototaal{
height:55px;
padding-top:15px;
}

.iteminforegel{
clear:both;
float:left;
width:100%;
height: 70px;
margin-top:10px;
}

.winkelmandjebijwerken{
width:100%;
float:left;
padding-top:10px;
padding-bottom:10px;
clear:both;
}

.winkelmandjebijwerken .rondfront{
margin-left:45%;
}

.winkelmandjesubtotaal{
float:left;
clear:both;
width:100%;
padding-top:10px;
}

.subtotaalleft{
float:left;
width:60%;
text-align:left;
}
.subtotaalright{
float:left;
width:35%;
text-align:right;
}

.winkelmandjecoupon{
padding-top:0px;
padding-bottom:10px;
width:100%;
float:left;
clear:both;
}

.winkelmandjecouponleft{
float:left;
padding-right:10px;
}

.winkelmandjecouponmiddle{
float:left;
padding-right:10px;
}

.winkelmandjecouponright{
float:left;
}

.winkelmandjeverzendwijze{
padding-top:10px;
padding-bottom:10px;
width:100%;
float:left:;
clear:both;
}

.winkelmandjeextraopties{
padding-top:10px;
width:100%;
float:left;
clear:both;
}

.winkelmandjeextraoptiesleft{
float:left;
width:50%;
}

.winkelmandjeextraoptiesright{
float:left;
width:50%;
text-align:right;
}

.winkelmandjeverzendkosten{
padding-top:10px;
width:100%;
float:left;
clear:both;
}

.winkelmandjeverzendkostenleft{
float:left;
width:50%;
}

.winkelmandjeverzendkostenright{
float:left;
width:50%;
text-align:right;
}

.winkelmandjecouponkorting{
padding-top:10px;
width:100%;
float:left;
clear:both;
}

.winkelmandjecouponkortingleft{
float:left;
width:50%;
}

.winkelmandjecouponkortingright{
float:left;
width:50%;
text-align:right;
}

.winkelmandjetotaal{
padding-top:10px;
width:100%;
float:left;
clear:both;
}

.winkelmandjetotaalleft{
float:left;
width:50%;
}

.winkelmandjetotaalright{
float:left;
width:50%;
text-align:right;
}

.winkelmandjeverderbutton{
padding-top:10px;
padding-bottom:10px;
width:100%;
float:left;
clear:both;
}

.gegevensleft{
float:left;
clear:left;
width:30%;
height:30px;
padding-top:10px;
}

.gegevensright{
float:left;
clear:right;
width:70%;
height:30px;
padding-top:5px;
padding-bottom:5px;
}

.gegevensleftbetaalwijze{
float:left;
clear:left;
width:30%;
height:110px;
padding-top:10px;
}

.gegevensrightbetaalwijze{
float:left;
clear:right;
width:70%;
height:110px;
padding-top:5px;
padding-bottom:5px;
}

.incgegevens{
float:left;
width:100%;
}

.winkelmandjeverzendkosten .winkelmandjeverzendkostenleft, .winkelmandjecouponkorting .winkelmandjecouponkortingleft, .winkelmandjetotaal .winkelmandjetotaalleft, .winkelmandjeextraopties .winkelmandjeextraoptiesleft{
width:76%;
}

.winkelmandjeverzendkosten .winkelmandjeverzendkostenright, .winkelmandjecouponkorting .winkelmandjecouponkortingright, .winkelmandjetotaal .winkelmandjetotaalright, .winkelmandjeextraopties .winkelmandjeextraoptiesright{
width:14%;
text-align:right;
margin-right:10%;
}

.gegevensakkoord, .gegevensnieuwsbrief{
float:left;
width:100%;
clear:both;
}

.gegevensvorige{
width:20%;
float:left;
clear:left;
}

.gegevensplaatsen{
width:80%;
float:left;
clear:right;
text-align:right;
}

.gegevensverplicht{
border-bottom:0px !important;
}

a.bloklink{
    display: block;
    padding: 5px;
    width: 300px;
    max-width:100%;
    box-sizing:border-box;
    cursor: pointer;
    color:#FFFFFF;
    background-color:#000000;
    border: 0px solid #B8B6B6;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    /*
    -moz-box-shadow: 2px 2px 3px #666;
    -webkit-box-shadow: 2px 2px 3px #666;
    box-shadow: 2px 2px 3px #666;
    */
    font-size: 16px;
    padding: 7px 7px 7px 7px;
    margin: 1px 10px 0px 0px;
    outline: 0;
    -webkit-appearance: none;
    font-weight: normal;
    text-decoration: none;
    text-align: center;
}

.inloggen{
float:left;
width: 48%;
margin-left: 1%;
margin-right: 1%;
text-align:right;
margin-top: 0px;
margin-bottom: 30px;
}



.logintekst{
font-size: 16px;
font-weight:bold;
margin-right:5px;
float:left;
}

.registratie{
width: 48%;
margin-left: 1%;
margin-right: 1%;
float:left;
margin-top: 0px;
margin-bottom: 30px;
}

.maindivL{
width:30%;
float:left;
margin-bottom: 30px;
font-size:15px;
}

.maindivR{
width:65%;
margin-left:5%;
float:left;
margin-bottom: 30px;
font-size:15px;
}

.mainuserL{
width:30%;
float:left;
}


.mainuserR{
width:70%;
float:left;
}




.logocontainer{
width: 100%;
margin:0px auto;
margin-top:0px;
margin-left:0px;
margin-right:0px;
}

.inlogbutton{
display: block;
    padding: 5px;
    width: 266px;
    float:right;
    background-color: #B8B6B6;
    border: 1px solid #B8B6B6;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: 2px 2px 3px #666;
    -webkit-box-shadow: 2px 2px 3px #666;
    box-shadow: 2px 2px 3px #666;
    font-size: 16px;
    padding: 4px 7px;
    margin: 1px 10px 0px 0px;
    outline: 0;
    -webkit-appearance: none;
    color: #ffffff;
    font-weight: normal;
    text-decoration: none;
    text-align: center;
}

.rounded2{
margin:auto;
margin: 0px;
width: 300px;
box-sizing:border-box;
height:50px;
}

.registerleft{
float:left;
min-width: 180px;
width: 25%;
padding-top: 5px;
font-size: 14px;
}

.registerright{
float:left;
clear:right;
width: 75%;
}

.registerright .rondfront{
width: 100%;
max-width: 250px;
}

.registerline{
display: table;
width:100%;
}

.registerhead{
text-align: center;
font-size: 24px;
font-weight: bold;
}

.wwvergetendiv{
display: table;
margin: 0px auto;
margin-top: 50px;
margin-bottom: 50px;
min-width: 300px;
}

.wwvergetenlinks{
float:left;
clear: left;
width: 30%;
font-size: 16px;
margin-bottom: 10px;
}

.wwvergetenrechts{
float:left;
clear:right;
width: 70%;
min-width:200px;
margin-bottom: 10px;
}

.wwvergetendiv .inlogbutton{
margin-right: 5px;
min-width:300px;
}

.wwvergetenheader{
float:left;
clear:both;
width:100%;
}

.regcheck{
height:0px;
}

.breadcrumb{float:left;margin:0px;padding:0px;width: calc(100% - 470px);}
.gratisverzending{float:right; width:460px;margin-right:10px;}
.imgwinkelmandje{height:70px;}

.blok1van2{clear:both;float:left;width:50%;box-sizing:border-box;line-height:27px;font-size:15px;padding-left:20px;}
.blok2van2{float:left;width:50%;box-sizing:border-box;line-height:27px;font-size:15px;}


/******************************************************************** max 1200px width  *******************************************************************************************************/
@media screen and (max-width: 1200px)  {


.catdiv .informatie2 > div:after{
content: "Meer info";
}

.desktopnone{
display:none;
}
.tabletnone{
display:none;
}

.catdiv{
width:31%;
margin-left:1%;
margin-right:1%;
}
#detailbekeken .catdiv{
width:47%;
margin-left:1.2%;
margin-right:1.2%;
}
#container{
width: 98%;
margin-left:1%;
margin-right:1%;
}
.menu1{
width: 100%;
}
.logocontainer{
width: 100%;
}
#footerblokcont{
    width:98%;
    margin-left:auto;
    margin-right:auto;
	padding-left:20px;
}

.header_custom_container{
    float:left;
    clear:both;
    background-image:url('https://www.landreus.nl/img/bg-grijs.jpg');
    background-repeat:repeat;
    width:100%;
    margin:0px auto;
    height:129px;
}
.header_custom{
    width:98%;
    margin-left:auto;
    margin-right:auto;
    height:auto;
}

.head_left{float:left;width:300px;box-sizing:border-box;}
.head_mid{float:left;width:calc(70% - 300px);box-sizing:border-box;}
.head_right{float:left;width:30%;box-sizing:border-box;}

#frontcontentcontainer{clear:both;width:98%;margin-left:auto;margin-right:auto;box-sizing:border-box;}

}

/******************************************************************** max 960 width  *************************************************************************************************************/
@media screen and (max-width: 960px)  {

ul li a {font-size:13px}
p.openingstijden{display:none;}

}


/******************************************************************** max 784 mobile width  *************************************************************************************************************/
@media screen and (max-width: 784px) {

.breadcrumb{clear:both;float:left;width:100%;text-align:center;}
.gratisverzending{clear:both;float:left;width:100%;padding-bottom:20px;}
.blok1van2{clear:both;float:left;width:100%;box-sizing:border-box;line-height:27px;font-size:15px;padding: 0px 20px 0px 20px;}
.blok2van2{clear:both;float:left;width:100%;box-sizing:border-box;line-height:27px;font-size:15px;padding: 0px 20px 0px 20px;}


body{font-size:16px;}

.desktopnone{display:block;}

.header_custom_container{
    float:left;
    clear:both;
    background-image:url('https://www.landreus.nl/img/bg-grijs.jpg');
    background-repeat:repeat;
    width:100%;
    margin:0px auto;
    height:129px;
}
.header_custom{
    width:98%;
    margin-left:auto;
    margin-right:auto;
    height:auto;
}

.head_left{float:left;width:100%;box-sizing:border-box;text-align:center;}
.head_mid{display:none;}
.head_right{display:none;}

#frontcontentcontainer{clear:both;width:98%;margin-left:auto;margin-right:auto;box-sizing:border-box;}
p.kleinetekst{font-size:11px;text-align:center;padding-top:4px;margin-right:10px;line-height:15px;}

#container{
    width: 94%;
    margin-left:auto;
    margin-right:auto;
}

a.bloklink{width:95%;margin:auto;padding: 15px 0px 15px 0px;}
a.cartlink{color:#ffffff;}

.homebox1{float:left;clear:both;width:100%;}
.homebox2{float:left;clear:both;width:100%;}
.homebox3{float:left;clear:both;width:100%;}

.homecat1{float:left;clear:none;width:50%;box-sizing:border-box;margin:0px;}
.homecat2{float:left;clear:none;width:50%;box-sizing:border-box;margin:0px;}
.homecat3{float:left;clear:none;width:50%;box-sizing:border-box;margin:0px;}

#content.category2{
    width: 100%;
    margin-left:auto;
    margin-right:auto;
    padding-left:20px;
    padding-right:20px;
    box-sizing:border-box;
}

#frontblok{clear:both;float:left;width:100%;margin-top:0px;}
#frontblok p{line-height:30px;box-sizing:border-box;margin-top:30px;padding-right:20px;padding-left:20px;box-sizing:border-box;font-size:16px;}
#frontblok h1{line-height:30px;box-sizing:border-box;margin-top:30px;box-sizing:border-box;padding-right:20px;padding-left:20px;}
/* #slidecont1{clear:both;float:left;width:100%;} */
#slidecont1{display:none;}
#frontcontainer{clear:both;float:left;width:100%;margin-top:0px;margin-bottom:20px;box-sizing:border-box;background: url('img/bg-grijs.jpg') repeat scroll 0 0;}
#frontcontentcontainer{clear:both;float:left;width:100%;}


#userpage{width:96%;}

input.detailsubmit {background: #000000;border: none;height: 50px;width: 100%;margin:auto;border-radius:3px;cursor: pointer;color: #FFFFFF;}
input.rounded2{width:90%;margin:auto;height:50px;}

input.rondfront{width:90%;margin-bottom:20px;height:40px;font-size:16px;}
select.rondfront{width:90%;margin:20px;height:45px;font-size:16px;}

.winkelmandje > form > div {border-bottom: dotted 0px #cccccc;}

h3{font-size:20px;text-align:left;margin-bottom:30px;}

#menu{display:none;}

#content.category{width:100%;}

.cartmenu{display: initial;float: right;}

.iconmenu{display: initial;}

.menu1{display:none;100%;}

.menu2{display:block;}

a.footerlink1{font-size: 15px;}


.logocontainer{width: 100%;}

#footerblokcont{width: 100%;}

.footdiv1, .footdiv2, .footdiv3, .footdiv4{
	font-size:20px;
    clear:both;
    width:98%;
    margin-left:auto;
    margin-right:auto;
	padding-left:20px;
}


#top{display:none;}

.catdiv{
width:90%;
margin-left:4.5%;
margin-right:4.5%;
/* height: 400px; */
height: 100%;
}

.catdiv img{
width:auto;
margin:auto;
/* height: 100%; */
height:auto;
max-width:90%;
max-height:170px;
}

#detailbekeken .catdiv{
width:90%;
margin-left:4.5%;
margin-right:4.5%;
height: 500px;
}

.informatie2{height: 80px;width: 150px;}

.winkelmandjeverderbutton .informatie2{font-size: 20px;height:30px;}

.catdiv .informatie2{margin-bottom:30px;}

.catdiv .informatie2 > div{font-size: 48px;padding-top:25px;}

.catdiv .informatie2 > div:after{content: "info";}

.catimgdiv{
float:left;
width:90%;
/* height: 45%; */
padding-left:5%;
padding-right:5%;
}

p.prijs{
float:left;
width: 90%;
margin-top:2%;
padding-left:5%;
padding-right:5%;
font-size: 30px;
}

a.buttonzoek{
float:left;
width: 90%;
padding-left:5%;
padding-right:5%;
margin-top:5%;
}

a.titel{font-size: 20px;padding-left:10px;padding-right:10px;}

.header{border-left:none;border-right:none;}

#contentcontainer{float:left;border-left:none;border-right:none;}

.logostandard{display:none;}

.logomobile{display:initial;}

.sortmobile{display:initial;}

.sortdesktop >a{display:none;}

.mobilenone{display:none;}

img.detail{max-width: 70%;}

.addbutton{clear:both;}

#artikeldetails{
width: 100%;
clear:both;
padding:0px;
padding-top: 10px;
box-shadow: 0 0 0px 0px #CCCCCC;
-moz-box-shadow: 0 0 0px 0px #CCCCCC;
-webkit-box-shadow: 0 0 0px 0px #CCCCCC;
font-size:16px;
text-align:left;
}

#artikeldetails h1{
font-size: 24px;
line-height: 30px;
}

#detailinfo{
clear:both;
width:90%;
margin-left:5%;
margin-right:5%;
text-align:center;
}

.leftdetail{
float:left;
width:100%;
}

.artikelimg{
text-align: center;
}

#artikeldetails .informatie2 .detailsubmit{
font-size: 30px;
height: 100%;
margin-top: 5px;
border-radius:5px;
background: #000000;
color: #FFFFFF;
}

#artikeldetails .informatie2{
height: 50px;
margin:0 auto;
}

#artikeldetails p{
margin:0 auto;
display: inline-block;
margin-bottom: 20px;
}

#detailbekeken h3{
font-size:24px;
}

.contactleftentry{
clear:both;
width:90%;
}

.contactleftcode{
clear:both;
width:90%;
}

.contactrightcode{
}

.contactrightentry{
clear:both;
width: 100%;
}

.contacticon{
clear:left;
margin-left: 5%;
}

.contactinfo{
clear:right;
}

.contactsubmit{
margin-left: 5%;
}

.contactrightentry > .rounded2{
width: 97.5%;
padding: 1%;
margin: 0px;
}

.contactrightentry > .rounded{
width: 97.5%;
padding: 1%;
margin: 0px;
}

input.buttonmouse{
width:90%;margin:auto;
text-align:center;
height:50px;
}

.contactsubmit > .buttonmouse{
font-size: 30px;
height:50px;
}

.winkelmandje{
margin-left:2%;
margin-right:2%;
width: 96% !important;
font-size:16px;
}

.iteminfoartikel{
width:81%;
}

.iteminforegel{
height: 130px;
}

.iteminfofoto{
height:80px;
overflow:hidden;
}

.iteminfoaantal{height:40px;padding: 0px;}

.iteminfoartikel, .iteminfoprijs, .iteminfototaal, .iteminfoverwijder{height:40px;padding: 0px;}

.iteminfoprijs, .iteminfototaal{width:28.5%;}

a.verwijder{font-size:20px;}

.subtotaalright{width:35%;}

.subtotaalleft{width:60%;}

.winkelmandjecouponright .rondfront, .winkelmandjebijwerken .rondfront{font-size: 16px;}

.winkelmandjeverzendwijze{line-height:30px;}

p.kopjewinkelmand{font-size: 24px;}

.winkelmandjeverzendkosten .winkelmandjeverzendkostenleft, .winkelmandjecouponkorting .winkelmandjecouponkortingleft, .winkelmandjetotaal .winkelmandjetotaalleft, .winkelmandjeextraopties .winkelmandjeextraoptiesleft{
width:66.5%;
}

.winkelmandjeverzendkosten .winkelmandjeverzendkostenright, .winkelmandjecouponkorting .winkelmandjecouponkortingright, .winkelmandjetotaal .winkelmandjetotaalright, .winkelmandjeextraopties .winkelmandjeextraoptiesright{
width:23.5%;
margin-right: 10%
}


.gegevensright input, .gegevensright select{
margin-bottom: 10px;
}

.gegevensright{
width:100%;
clear:both;
margin-bottom:0px;
margin-top:0px;
border:0px;
}

.gegevensleft{
width:100%;
clear:both;
margin-bottom:0px;
margin-top:30px;
border:0px;
}

.gegevensplaatsen input{
max-width:70%;
white-space:normal;
font-size:20px;
}

.gegevensvorige input{
font-size:20px;
}

.inloggen{
float:left;
width: 100%;
margin-left: 0%;
margin-right: 0%;
text-align:center;
margin-top: 0px;
margin-bottom: 0px;
}

.inloggen input{
clear:both;
}

.registratie{
float:left;
width: 100%;
margin-left: 0%;
margin-right: 0%;
text-align:center;
margin-top: 0px;
margin-bottom: 0px;
}

.logintekst{
clear:both;
float:center;
}

.inlogbutton{
float: none;
margin: 0px auto;
margin-bottom: 20px;
}

.inloggen .rounded2{
margin-right: 0px;
}

.registratie{
float: none;
margin: 0px auto;
}

.bloklink{
margin: 0px auto;
}

.registerleft{
float:left;
min-width: 180px;
width: 100%;
padding-top: 5px;
font-size: 18px;
clear:both;
text-align: center;
margin-top: 20px;
font-weight: bold;
}

.registerright{
float:left;
clear:both;
width: 80%;
margin-right: 10%;
margin-left: 10%;
}

.registerright .rondfront{
max-width: 2000px;
}

.registerright .buttonmouse{
margin: 0px auto;
font-size: 20px;
float: right;
height:50px;
}

.mainuserL{
width: 100%;
margin: 0px auto;
text-align: center;
}

.mainuserR{
margin: 0px auto;
}

.wwvergetendiv{
display: table;
margin: 0px auto;
margin-top: 0px;
margin-bottom: 0px;
}

.wwvergetenlinks{
float:left;
clear: both;
width: 100%;
font-size: 16px;
margin-bottom: 10px;
text-align: center;

}

.wwvergetenrechts{
float:left;
clear:both;
width: 100%;
margin-bottom: 10px;
text-align: center;
}

.wwvergetendiv .inlogbutton{
margin-right: 5px;
min-width:300px;
}

.wwvergetenheader{
float:left;
clear:both;
text-align: center;
}

.maindivL{
width:100%;
text-align:center;
float:left;
clear:both;
}

.maindivR{
width:100%;
float:left;
clear:both;
}


}

/******************************************************************** max 400 mobile width  *****************************************/
@media screen and (max-width: 400px) {

.mobilenone400px{display:none;}

}