/* Smartphone landscape */

/* Smartphone landscape  5  568 */
@media screen and (min-width: 481px) and (max-width: 568px) {
    
    #bannercontainer{
        display: none !important;
    }
    #footer #contact{ width: 514px;  }

}



@media screen and (min-width: 481px) and (max-width: 767px) {
    
    #bannercontainer{
        display: none !important;
    }
    .testdiv{background-color: darkcyan;}

    h1{    font-size: 28px; line-height: 30px; }
    h2{ font-size: 22px; line-height: 26px;  }
    
    .agent-contactinfo { width: 300px!important; }
    
    .agent-item { width: 360px; margin: 10px 0 0 0; } 
    #agent-infokader { position:relative; top: 0; left: 0; border-top: 6px solid #FF530B; border-left: 0; border-radius: 0; padding: 20px 0 0px 0; width: 460px; height: 170px;}
/*    #agents-fullmap { height: auto; }*/
/*    #agents-fullmap iframe { height: 200px!important; }    */
    
    
    
    #agent-about { position: relative; float: left; border-radius: 0; width: 432px; margin: 0; padding: 20px; } 
    #agent-map{ position: relative; float: left; height: 250px; width: 480px; background-color: #A5BFDD; background-position: top right; }
    #agent-overview{ position: relative; float: left; width: 480px; }

    .banner-text{ width: 400px; top: 30px; left: 30px; } 
    .banner-foto { display: none !important; } 
    .bg-overlappend-sidebars{ display:none; } 
    .banner-preview{ display:none; } 
    #banner { height: 190px; border-top: 4px solid #ccc; }

    .centered{ width: 480px; }
    .content#inhoud{ height: auto; }
    #chenshong-intro{ display: none; }
    
    #contact-location{ width: 460px; height: 260px;  }
    #contactadresgegevens{ width: 100%; margin-left: 0; }
    #contact-bottom{ padding: 20px 0 0 0; width: 100%; }
    #contact-form { width: 100%; }
    #contact-form-left{ width: 100%; }
    #contact-form-right{ width: 100%; padding-top: 20px;}
    #contact-form textarea { width: 100%; }
    #contact-form .input-line { width: 100%; }
    #contact-form .input-line input { width: 230px; }
    #contact-title{ top: 7px; }    

    .contact-adresblock{ width: 400px; margin-top: 20px;  }
    .contact-adresblock .phone, .contact-adresblock .mail{ float: right;  }
    
/*    #footer #contact{ background: #fff url(../../images/bg-footer.jpg) repeat-x; margin : 0 0 0 -100px; width:450px ; padding-left: 10px; }*/
    #footer #contact{ background: #fff url(../../images/bg-footer.jpg) repeat-x; margin : 0 0 0 -100px; width: 450px; padding: 0 50px 30px 110px; }
    #footer #copyright{  width: 458px; font-size: 10px; margin : 0 0 0 -100px; padding: 10px 25px 20px 110px; -webkit-text-size-adjust: none; }
    #footerlinks { position: relative!important; float:  left; text-align: left; top: 0px!important;}
    #footer #sitelinks { padding-left: 10px; width: 450px; }
    #footer #sitelinks .sitelinks-column, #footer #sitelinks .sitelinks-column.first  { margin: 0; padding: 0 0 20px; width: 150px; border:0; }
    #footer #sitelinks .sitelinks-column.first { display: none; } 
    
    #kruimelpad, #kruimelpadvergroot { width: 460px; border-top: 4px solid #ccc;  text-align: left; padding: 0 0 0 20px; }
    #kruimelpadvergroot { background: url(../../images/bg-banner3.jpg) no-repeat left -20px; height: 460px;  }

    #nieuws-list-container{ padding: 30px 0 0 0; }
    #nieuws-archive { display: none; }
    #nieuws-left{ padding: 0 0 10px 0; width: 100%; }
    #nieuws-right{  width: 100%; }
    #nieuws-latest .nieuwitem-icon{ display: none; } 
    #nieuwsitem-list #jumpMenu { display: block; width: 100%; }
    
    #oranjebalk{ width: 480px;  height: auto;    padding: 0; background: #fff url(../../images/bg-oranjebalk.png) no-repeat 0 0;  } 
    #oranjebalk .block .block-titel{ background: url(../../images/arrow-white.png) no-repeat  420px 7px;  width: 460px; font-size: 20px;}  
    #oranjebalk .block { padding: 0; margin: 0; width: 460px; padding: 15px 0 0 20px; border-top: 1px solid #fff; } 
    #oranjebalk .block .block-text{ display:none; }  
    #oranjebalk .block .block-link{ display:none;  }     

    .product-item-right, .product-item-left { width: 100%; } 
    .product-item-right { width: 260px; margin-left: 30px; }
    .product-item-left {  width: 100px; padding: 0 0 30px 0; }
    .product-item-left img { width: 100px; } 
    #product-image { top: 160px; width: 440px; background: #fff; border-radius: 5px; height: 200px; }
    #product-image img{ width: 240px; left: 100px;  top: 10px;   }
    #product-informatie-kort { top: 60px; left:30px; width: 420px; border-top: 1px solid #666; padding-top: 25px;}
    #product-informatie-kort h1 { color: #fff; margin: 0; }
    .product-informatie-kort-text{ display: none; }
    .product-informatie-agent{ display: none; }
    .product-informatie-pdf{ display: none; }
    #product-moreimages{ width: 260px; }
    .product-zoom{ left: 420px; }
    .twitter-home{padding: 0}
    .adres-home{padding:32px 0;}

    #nieuws-icon-container{ padding: 30px 0 30px 0; width: 470px; margin-left: 10px;}
    #nieuws-list-container{ padding: 30px 0 30px 0; width: 190px; margin-left: 30px; }
    .nieuwitem-icon { width: 468px; height: 80px; overflow: hidden; }
    .nieuwitem-icon .left { width: 90px; }
    .nieuwitem-icon .left img { width: 70px; } 
    .nieuwitem-icon .right, .nieuwitem-icon .right .title, .nieuwitem-icon .right .text { width: 356px; } 


    .logo{     position: relative; float: left; top: 0px; left: 0px;  margin: 30px 0 0 30px; width: 280px; height: 110px; background:  url(../../images/logo-klein.png) no-repeat ;    }
    .menuuitklappen{ position: absolute; top: 100px; right: 0px; width: 40px; height: 40px; background: #ccc url(../../images/smartphonemenu.png) no-repeat center center; border-radius: 5px 5px 0 0;  }
    #menu .menuitem, #menu li {  width: 100%; padding: 0; top: 0; text-align: center;  height: 35px; line-height: 35px;}
    #menu .menuitem {  border-bottom: 1px solid #ccc; }
    #menu {  position:relative; float: left; width: 100%; padding: 0; margin: 0;  left: 0; top: 0;    display: none;  border-top: 1px solid #ccc;   } 
    #menu li:hover .submenu{        display: none;    }    
    #menu li { background: none; height: auto;}
    #menu .submenu{ display: none; top: 0; left: 0; width: 100%; position: relative; float: left; height: auto;  border-radius: 0; border-bottom: 0px; padding: 0; margin: 0; text-align: center; background: #ddd; }
    #menu .submenu li, #menu .submenu .submenuitem { position: relative; float: left; width: 100%; }
    #topcontainer{ height: auto; }

    .vervolgpagina#oranjebalk { display: none; }
    
    .vervolgpagina#inhoud-product{ width: 480px!important; -webkit-text-size-adjust: none;  }
    .vervolgpagina#inhoud-product .tabblad-inhoud-text { width: 420px; padding: 20px; } 
    .vervolgpagina#inhoud-product #tabblad-container {  } 
    .vervolgpagina#inhoud { width: 460px!important; -webkit-text-size-adjust: none;  }
    .tabblad-inhoud-text { width: 420px; } 

    #welkomtekst  { position: relative;    float: left; width: 460px;     padding: 0; left: 0; top: 0; padding: 25px 10px 25px 10px; font-size: 13px;    }

}

@media screen and (min-width: 640px) and (max-width: 767px) {
    #footer #contact{ width: 500px;  }

}