@media screen and (min-width: 1400px) {
    .centered{width: 1300px;}
    .centered-left-content{width:600px;}
    .centered-right-content{width:600px;}        
    .menucontainer{height: 80px; width: 950px;}
    .menucontainer a{height: 80px; padding: 0px 15px 0px 15px;}    
    .contact-adressen, .contact-adressen-item, .contact-adressen-item .topregel, .contact-adressen-item .bottomregel{width: 540px;}
    .form-line input[type=text], .form-line input[type=number]{width: 400px;}    
    .form-multiline textarea{width: 572px;}    
    .form-line-2 input[type=text], .form-line-2 input[type=number]{width: 220px;}
    .form-line-2 .besparing-radio{margin-right:145px;}      
} 


@media screen and (min-width: 1247px) and (max-width: 1399px){
    .centered{width: 1200px;}
    .centered-left-content{width:523px; padding:25px;}
    .centered-right-content{width:523px; padding:25px}        
    .menucontainer{height: 80px; width: 805px;}
    .menucontainer a{height: 80px; padding: 0px 15px 0px 15px; font-size:14px;}    
    .contact-adressen, .contact-adressen-item, .contact-adressen-item .topregel, .contact-adressen-item .bottomregel{width: 540px;}
    .form-line input[type=text], .form-line input[type=number]{width: 370px;}    
    .form-multiline textarea{width: 572px;}    
    .form-line-2 input[type=text], .form-line-2 input[type=number]{width: 220px;}
    .form-line .besparing-radio{margin-right:200px;} 
    .form-line-2 .besparing-radio{margin-right:145px;} 
    #animatiebalk-commentcontainer{width: 400px;}
    .vink-big{width:39%;}
}

/* iPad liggend en 1024 normaal */
@media screen and (min-width: 990px) and (max-width: 1246px) {
    .centered{width: 890px;}    
    .centered-left-content{width:395px; padding:50px;}
    .centered-right-content{width:395px; padding:50px;}    
    .menucontainer{height: 80px; width: 640px; right: 70px;}
    .menucontainer a{ position:relative;float: left;display: inline;height: 100%;padding: 0px 10px 0px 10px;font-size: 14px;    }    
    .content1 h1{ font-size: 20px; line-height: 35px; }    
    .logo{width: 220px; height: 150px; left: -50px; background:url(../images/bg-logo2.png) no-repeat;}
    .logo img{ width: 115px; height: 72px; left: 60px; top: 40px; }    
    .footer-blok #certificate-tab{font-size: 12px;}
    .footer-blok #certificate-img .cert1{background: url(../images/vro-klein.png) no-repeat center center;}    
    .footer-blok #certificate-img .cert2{background: url(../images/sna-klein.png) no-repeat center center;}    
    .footer-blok ul{ width: 80%; font-size: 11px;}
    .form-line input[type=text], .form-line input[type=number]{width: 200px;}
    .form-line .besparing-radio{margin-right:30px;}         
    .form-multiline textarea{width: 350px;}      
    .form-line-2 input[type=text], .form-line-2 input[type=number]{width: 40px;}
    .form-line-2 .besparing-radio{margin-right:0px;}  
    #animatiebalk-commentcontainer{width: 350px;}
    .animatiebalk-comments h2{font-size:30px!Important}
    .vink-big{width:98%;}   
}

/* Ipad staand */
@media screen and (min-width: 768px) and (max-width: 989px) {    
    .centered{width: 668px;}    
    .centered-left-content{width:284px;}
    .centered-right-content{width:284px;}    
    .menucontainer{height: 80px;width: 450px;right: 60px;}
    .menucontainer a{position:relative; float: left; display: inline; height: 100%; padding: 0px 7px 0px 6px; font-size: 10px;}    
    .content1 h1{font-size: 20px; line-height: 35px;}    
    .logo{width: 220px; height: 150px; left: -50px; background:url(../images/bg-logo2.png) no-repeat;}
    .logo img{width: 115px; height: 72px; left: 60px; top: 40px;}    
    .footer-blok #certificate-tab{font-size: 12px;}
    .footer-blok #certificate-img .cert1{background: url(../images/vro-klein.png) no-repeat center center;}    
    .footer-blok #certificate-img .cert2{background: url(../images/sna-klein.png) no-repeat center center;}    
    .footer-blok ul{width: 80%; font-size: 11px;}
    .form-line input[type=text], .form-line input[type=number]{width: 120px;}
    .form-line .besparing-radio{margin-right:100px;}         
    .form-multiline textarea{width: 350px;}    
    .form-line-2 input[type=text], .form-line-2 input[type=number]{width: 40px;}
    .form-line-2 .besparing-radio{margin-right:0px;}
    .vink-big{width:98%;}   
    .vacatures-link, .nieuws-link{display: none;}
    .nieuws-txt{top:28px; left:34px; right:52px;bottom:20px;}
    .nieuws-item img{display:none;}
    .animatiebalk-comments h2{font-size:24px!Important}
}

/* Iphone liggend */
@media screen and (min-width: 480px) and (max-width: 767px) {
    .centered{width: 400px;}    
    #map-canvas{width: 100%!important;}
    .bg-contact{height: 480px!important;}
    .bg-contactright{height: 200px!important;}
    .contentcontainer3{margin-top: 0px!important;}
    .contact-left{position:relative!important; float: left!important; clear: both!important; width: 100%!important; height: 250px!important;}
    .centered-left-container-contact{margin-top:20px!important;}
    .contact-right{position:relative!important; float: left!important; clear: both!important; width: 100%!important; height: 400px!important;}
    .content3 .centered-right-container-contact{position:relative!important; float: left!important; clear: both!important; width: 100%!important; }
    .centered-left-container-contact{position:relative!important; float: left!important; clear: both!important; width: 100%!important; }
    .centered-left-content{width: 415px!important; float: left!important; padding-right: 0px!important; clear: both!important;}
    .content-left-margin{margin:0px!important;}
    .centered-right-container{float: left!important; width: 100%!important; padding:0px!important; clear: both!important;}
    .centered-right-content{width: 415px!important; clear: both!important; padding-right: 0px!important;}
    .contentcontainer3 .content-left{padding-left: 30px!important; width: auto!important; padding-top: 30px!important; padding-bottom: 30px!important;}
    .content-right-margin{margin-left: 35px!important; width: 415px!important; margin-top: 10px;}    
    .content-left-margin h2{font-size: 32px!important;}
    .content-left-margin h1{line-height: 24px!important;}
    .content-lefttopbottom-margin{position:relative!important; float: left!important; margin-left: 35px!important; margin-top: 10px!important; width: 415px!important; margin-bottom: 0px!important;}
    .top{min-height: 100px!important; height: 450px!important; width: 100%!important;}
    .menucontainer{height: auto!important; position:relative!important; float: left!important; display: block!important; width: 440px!important; left:40px!important; top:35px!important;}
    .mainitem-container{margin-top: 0px!important; margin-bottom: 0px!important; padding: 0px!important;}
    .talen{right: 20px; }
    .menucontainer a{position:relative; float: left; display: inline; width: 170px; height: 50px; padding: 0px 7px 0px 20px; margin-right: 10px; margin-top: 0px!important; margin-bottom: 0px!important; font-size: 14px; background-color: #ebebeb;}
    .menucontainer li{height: 60px!important;}
    .nieuws-item{width: 415px!important;}
    .submenu{display: none!important;}
    .submenu{z-index:300!important; top: 50px!important;}
    .content-left{width: 100%; background-color: #E47313; color: #fff; padding-bottom: 40px!important;}
    .content-left-margin{width: 415px!important; margin-left: 30px!important; margin-top: 40px!important;}
    .bg-right{height:0px; width:0px;}
    .afbeelding-diensten{width: 170px!important;}
    .centered-left{width: 100%;}    
    .content-right{width: 100%; background-color: #333; color:#fff!important; padding-top: 40px!important; padding-bottom: 40px!important;}
    .contentcontainer2, .content1{width: 100%; padding: 0px!important;}
    .centered, .widediv content2, .content2, .content3{width: 100%; padding: 0px!important;}
    .contentcontainer3 > .bg-orange, .contentcontainer3 > .bg-darkgray{display: none;}
    .content-border{display: none!important;}
    .banner{display: none!important;}
    .werkwijze{margin:0 0 0 15px;}
    .werkwijze a{color: #fff!important;}
    .content-left-margin img{margin-bottom: 25px!important; width: 170px!important; height: 170px!important;}
    .werkwijze{float: left!important; margin: 0px!important; width: 100%!important;}
    .content1 h1{font-size: 20px; line-height: 35px;}    
    .logo{position:relative!important; left:0px!important; float: left!important; display: block!important; width: 100%!important; height: 140px!important; background-image: none!important; border-bottom: 1px solid #eee;}
    .logo img{width: 115px; height: 72px; left: 185px; top: 40px;}    
    .footer-blok #certificate-tab{font-size: 12px;}
    .footer-blok #certificate-img .cert1{background: url(../images/vro-klein.png) no-repeat center center;}    
    .footer-blok #certificate-img .cert2{background: url(../images/sna-klein.png) no-repeat center center;}    
    .footer-blok{width: 350px!important; clear:both!important;}
    .footer-blok ul, .footer-blok h2, .footer-blok p{ width: 350px!important; margin-left: 30px!important;}
    .certificatenblok{width: 415px!important; margin-left: 30px!important;}
    .footer{padding-top: 40px!important; padding-right: 0px!important; padding-bottom: 40px!important; padding-left: 0px!important;}
    .footer-blok ul{ margin-bottom:20px!important;}
    .footer-blok p{ margin-bottom:40px!important;}
    .footer-blok img{display: none!important;}
    .form-line input[type=text], .form-line input[type=number]{width: 120px;}
    .form-line .besparing-radio{margin-right:50px;}         
    .form-multiline textarea{width: 350px;}    
    .form-line-2 input[type=text], .form-line-2 input[type=number]{width: 40px;}
    .form-line-2 .besparing-radio{margin-right:0px;}
    .vink-big{width:80%;}   
    .vacatures-link, .nieuws-link{display: none;}
    .nieuws-txt{top:28px; left:34px; right:52px;bottom:20px;}
    .nieuws-item img{display:none;}  
    #animatiebalk-commentcontainer{
        width:250px;
    }
}

/* Iphone staand */
@media screen and (min-width: 1px) and (max-width: 479px) {
    #map-canvas{width: 100%!important;}
    .bg-contact{height: 480px!important;}
    .contentcontainer3{margin-top: 30px!important;}
    .contact-left{position:relative!important; float: left!important; clear: both!important; width: 100%!important; height: 250px!important;}
    .contact-right{position:relative!important; float: left!important; clear: both!important; width: 100%!important; height: 400px!important;}
    .centered{width: 320px;}    
    .centered-left-content{min-width:280px; max-width:667; width:auto; float:left; padding: 20px;}
    .centered-right-container-contact{width:100%!important}
    .centered-left-container-contact{position:relative!important; float: left!important; clear: both!important; width: 100%!important; }
    .centered-right-content{min-width:280px; max-width:667; width:auto; float:left; padding: 20px;}    
    .centered-right-container{width:100%;}
    .top{min-height: 100px!important; height: 430px!important;}
    .vacatures-item .branche{display: none!important;}
    .vacature-txt{position:relative!important; float:left!important; display: inline!important; height: 58px!important; left:20px!important;}
    .menucontainer{position:relative!important; float: left!important; display: block!important; width: 100%!important; height: auto!important; width: 275px!important; left:0px!important; top:0px!important; margin-left:30px!important; margin-top:30px!important;}
    .mainitem-container{margin-top: 0px!important; margin-bottom: 0px!important; padding: 0px!important;}
    .talen{top: 20px; right: 25px; }
    .menucontainer a{position:relative; float: left; display: inline; width: 105px; height: 50px; padding: 0px 7px 0px 15px; margin-right: 10px; margin-top: 0px!important; margin-bottom: 0px!important; font-size: 14px; background-color: #ebebeb;}
    .menucontainer li{height: 60px!important;}
    .submenu{z-index:300!important; top: 50px!important;}
    .mainitem-container:hover .submenu{display: none!important;}
    .content-left{width: auto; min-width:280px; max-width:478px; background-color: #E47313; padding: 20px!important; color:#fff!important; padding-bottom:30px !important;}
    .content-left-margin{margin:0px;}
    .content-left-margin img{margin-bottom: 25px!important;}
    .content-right-margin{margin-left: 35px!important; margin-top: 10px; width: 260px!important;}
    .content-lefttopbottom-margin{margin-left: 35px; margin-top: 10px; width: 260px!important; margin-bottom: 0px!important;}
    .bg-right{height:0px; width:0px;}
    .nieuws-item{width: 250px!important;}
    .centered-left{width: 100%;}    
    .content-right{width: 100%; background-color: #333; color:#fff; padding-top:30px; padding-bottom: 40px!important}
    .contentcontainer2, .content1{width: 100%; padding: 0px!important;}
    .centered, .widediv content2, .content2, .content3{width: 100%; padding: 0px!important;}
    .werkwijze{margin:0 0 0 15px;}
    .werkwijze a{color: #fff!important;}
    .werkwijze{float: left!important; margin: 0px!important; width: 100%!important;}
    .afbeelding-diensten{margin-bottom: 20px!important;}
    .contentcontainer3 > .bg-orange, .contentcontainer3 > .bg-darkgray{display: none;}
    .content-border{display: none!important;}
    .banner{display: none!important;}
    .content1 h1{font-size: 20px; line-height: 25px; margin-top: 10px;}    
    .content1 img{display: none;}
    .logo{position:relative!important; left:0px!important; float: left!important; display: block!important; width: 100%!important; height: 140px!important; background-image: none!important; border-bottom: 1px solid #eee;}
    .logo img{width: 115px; height: 72px; left: 103px; top: 40px;}    
    .footer-blok #certificate-tab{font-size: 12px;}
    .footer-blok #certificate-img .cert1{background: url(../images/vro-klein.png) no-repeat center center;}    
    .footer-blok #certificate-img .cert2{background: url(../images/sna-klein.png) no-repeat center center;}    
    .footer-blok ul, .footer-blok h2, .footer-blok p{ width: 250px!important; margin-left: 30px!important;}
    .footer-blok ul{ margin-bottom:20px!important;}
    .footer-blok p{ margin-bottom:40px!important;}
    .footer-blok img{display: none!important;}
    .form-line input[type=text], .form-line input[type=number]{width: 100px; margin-right:15px;}
    .form-line .besparing-radio{margin-right:95px;}         
    .form-multiline textarea{width: 350px;}    
    .form-line-2 input[type=text], .form-line-2 input[type=number]{width: 125px; float: left;}
    .form-line-2 .besparing-radio{position:relative; float:left !important; display:block; width:125px; clear:both; margin:0px;}
    .vink-big{width:80%;}   
    .vacatures-link, .nieuws-link{display: none;}
    .nieuws-txt{top:28px; left:34px; right:52px;bottom:20px;}
    .nieuws-item img{display:none;} 
    #copyright-line{right:15px;} 
    #animatiebalk-commentcontainer{width:250px;}
    .footer-blok{width:100%;}
    #besparingsmeter-left{font-size:13px;}
    .chequenaam{left:109px !important; top:25px !important; font-size:10px !important;}
    .chequewaarde{left:130px !important; top:49px !important; font-size:14px !important;}
    .contact-adressen-item, .bottomregel, .topregel{width:100%!important}
    .contact-adressen{width:280px; padding:20px !important}
}