/* Tablet portrait */

@media screen and (min-width: 768px) and (max-width: 800px) {
    .testdiv{background-color: darkgoldenrod;}
    
    #agent-about { padding: 20px 20px 30px 20px; width: 400px; }
    #agent-map { width: 300px; }
    #agent-overview { width: 292px; }
    .agent-item { width: 270px; }
    #banner { height: 310px;  }
    .bg-overlappend-sidebars{ display:none; } 
    .banner-foto { width: 400px; z-index: 0; } 
    .banner-preview{ z-index: 1; }
    .banner-text{ width: 250px; top: 30px; }
    #contact-bottom{  width: 100%; }
    #contact-form{  width: 100%; }
    #contact-form-right {  width: 300px; }
    #contact-form textarea { width: 300px; }
    #contactadresgegevens { width: 100% }
    #contact-location { width: 100%; height: 200px; }
    #contact-title{ top: 7px; }
    .centered{ width: 740px; }
    #chenshong-intro{ display: none; }
    .contact-adresblock { width: 300px; }
    #footer #copyright{  width: 740px;  margin : 0 0 0 -10px; padding: 20px 10px 25px 10px; font-size: 11px; -webkit-text-size-adjust: none; }
    #footer #footerlinks { right: 10px; } 
    #footer #sitelinks {  width: 380px; padding: 0 0 20px 20px; }
    #footer #sitelinks .sitelinks-column, #footer #sitelinks .sitelinks-column.first  { margin: 0; padding: 0 0 20px; width: 150px; border:0; }
    #kruimelpad, #kruimelpadvergroot { width: 710px; } 
    #kruimelpadvergroot { background: url(../../images/bg-banner2.jpg) no-repeat -90px 0; } 
    .logo{     top: 20px; left: 20px;  width: 280px; height: 110px; background:  url(../../images/logo-klein.png) no-repeat ;    }
    #nieuws-icon-container { width: 400px; }
    #nieuws-list-container { width: 300px; }
    #nieuws-left{ padding: 0 0 10px 0; width: 100%;  height: 270px; overflow: hidden;}
    #nieuws-left h2{ width: 45%; }
    #nieuws-right{  width: 100%; color: #333!important; }
    .nieuwitem-icon .right .title {   color: #333!important; }
    .nieuwitem-icon .right .text {   color: #333!important; }
    
    
    #nieuws-archive {  width: 45%; float:right; padding: 0; }
    #nieuws-latest{ width: 45%; position: relative; float: left; padding: 0; }
    .nieuwitem-icon { width: 320px; }
    .nieuwitem-icon .right .text {  width: 220px; }
    #oranjebalk{     height: 220px;    width: 740px;   padding: 20px 0 0 0; background: #fff url(../../images/bg-oranjebalk.png) no-repeat 0 0;     } 
    #oranjebalk .block { padding: 0; margin: 0; width: 220px; padding: 0px 0 0 20px; overflow: hidden; } 
    #oranjebalk .block-link {  background: #fff;  height: 30px; border-radius: 5px; padding-left: 0px; width: 210px; text-align: center;}
    #oranjebalk .block-titel { width: 192px; font-size: 22px; }
    #oranjebalk.vervolgpagina .block-titel {  font-size: 18px;}
    #oranjebalk.vervolgpagina { padding: 0; }
    .product-zoom{ left: 300px; }
    .product-informatie-pdf{ left: 400px; width: 220px; }
    .product-informatie-kort-text{ height: 100px; position:relative; float: left; overflow: hidden;}
    .product-informatie-agent { left: 355px; width: 320px; }
    .product-item-right { width: 450px;  }
    #product-informatie-kort { left: 400px; width: 300px; }
    #product-image { top: 70px; width: 300px; background: #fff; border-radius: 5px; height: 260px; }
    #product-image img{ width: 240px;  }
    .vervolgpagina#oranjebalk { width: 740px;  padding-top: 10px!important; } 
    .vervolgpagina#inhoud-product {  width: 720px!important; }
    .vervolgpagina#inhoud { width: 720px!important; }
    .tabblad-inhoud-text { width: 660px; padding-right: 20px; } 
    #welkomtekst {  width: 360px;  top: 30px;}    
    
    /* fix voor contact phone, later toegevoegd */
    .contact-adresblock .phone{ width: 100% !important; }
}