/********************************************************/
/********************************************************/
/********************************************************/
/* -------------------- desktop 1280 ------------------ */
/********************************************************/
/********************************************************/
/********************************************************/

@media screen and (min-width: 1280px)
{

    #index_desktop { 
        display:block;
        float:left;
        clear:none;
        max-width : 1280px;
        height:auto;
        overflow:hidden; 
        margin-top:10px;
    }

    .index_header { 
        display:block;
        float:left;
        clear:none;
        background: url('/customized/klant/images/homepage/index_header.jpg') no-repeat center center fixed;  
        background-color: #1f81aa;
        width: 100%;
        height: 300px !important;
        top: 0;
        left: 0;
        overflow:hidden;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        z-index: -1;
        background-attachment: scroll;
    }

    .index_header_tekst {
        display:block;
        width:400px;
        font-size: 17px;
        color:#ffffff;
        margin:200px auto 0;
        overflow: hidden;
    }

    .main_block { 
        display:block;
        float:left;
        clear:none;
        width :31%;
        height:auto;
        margin:1%;
        overflow:hidden; 
    }

    .main_block_m { 
        display:block;
        float:left;
        clear:none;
        width :31%;
        height:auto;
        margin:1% 1.5%;
        overflow:hidden; 
    }

   
    
    
}    
    
/********************************************************/
/********************************************************/
/********************************************************/
/* ---------------- einde desktop 1280 ---------------- */
/********************************************************/
/********************************************************/
/********************************************************/
/********************************************************/
/********************************************************/
/********************************************************/
/* ------------------- desktop 1024 ------------------- */
/********************************************************/
/********************************************************/
/********************************************************/

@media screen and (min-width:1024px) and (max-width: 1279px) 
{

    #index_desktop { 
        display:block;
        float:left;
        clear:none;
        max-width : 1024px;
        height:auto;
        overflow:hidden; 
        margin-top:10px;
    }

    .index_header { 
        display:block;
        float:left;
        clear:none;
        background: url('/customized/klant/images/homepage/index_header.jpg') no-repeat center center fixed; 
        background-color: #1f81aa;
        width: 100%;
        height: 300px !important;
        top: 0;
        left: 0;
        overflow:hidden;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        z-index: -1;
        background-attachment: scroll;
    }

    .index_header_tekst {
        display:block;
        width:400px;
        font-size: 17px;
        color:#ffffff;
        margin:200px auto 0;
        overflow: hidden;
    }

    .main_block { 
        display:block;
        float:left;
        clear:none;
        width :31%;
        height:auto;
        margin:1%;
        overflow:hidden; 
    }

    .main_block_m { 
        display:block;
        float:left;
        clear:none;
        width :31%;
        height:auto;
        margin:1% 1.5%;
        overflow:hidden; 
    }

}    
    
/********************************************************/
/********************************************************/
/********************************************************/
/* ---------------- einde desktop 1024 ---------------- */
/********************************************************/
/********************************************************/
/********************************************************/


/********************************************************/
/********************************************************/
/********************************************************/
/* ------------------ tussen maat --------------------- */
/********************************************************/
/********************************************************/
/********************************************************/

@media screen and (min-width: 540px) and (max-width: 1023px) 
{

    #index_desktop { 
        display:block;
        float:none;
        clear:none;
        width : 100%;
        height:auto;
        overflow:hidden; 
        margin:10px auto 0;
    }

    .index_header { 
        display:block;
        float:left;
        clear:none;
        background: url('/customized/klant/images/homepage/index_header.jpg') no-repeat center center fixed; 
        background-color: #1f81aa;
        width: 100%;
        height: 250px !important;
        top: 0;
        left: 0;
        overflow:hidden;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        z-index: -1;
        background-attachment: scroll;
    }

    .index_header_tekst {
        display:block;
        width:400px;
        font-size: 17px;
        color:#ffffff;
        margin:90px auto 0;
        overflow: hidden;
    }

    .main_block { 
        display:block;
        float:left;
        clear:none;
        width :31%;
        height:auto;
        margin:1%;
        overflow:hidden; 
    }

    .main_block_m { 
        display:block;
        float:left;
        clear:none;
        width :31%;
        height:auto;
        margin:1% 1.5%;
        overflow:hidden; 
    }

    
}  

/********************************************************/
/********************************************************/
/********************************************************/
/* -------------- einde tussen maat ------------------- */
/********************************************************/
/********************************************************/
/********************************************************/


/********************************************************/
/********************************************************/
/********************************************************/
/* --------------------- mobile ----------------------- */
/********************************************************/
/********************************************************/
/********************************************************/

@media screen and (min-width: 320px) and (max-width: 539px) 
{

    #index_desktop { 
        display:block;
        float:none;
        clear:none;
        max-width : 320px;
        height:auto;
        overflow:hidden; 
        margin:10px auto 0;
    }

    .index_header { 
        display:block;
        float:left;
        clear:none;
        background: url('/customized/klant/images/homepage/index_header.jpg') no-repeat center center fixed; 
        background-color: #1f81aa;
        width: 100%;
        height: 200px !important;
        top: 0;
        left: 0;
        overflow:hidden;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        z-index: -1;
        background-attachment: scroll;
    }

    .index_header_tekst {
        display:block;
        width:auto;
        max-width:400px;
        font-size: 17px;
        color:#ffffff;
        margin:90px auto 0;
        overflow: hidden;
    }

    .main_block { 
        display:block;
        float:left;
        clear:none;
        width :98%;
        height:auto;
        margin:1%;
        overflow:hidden; 
    }

    .main_block_m { 
        display:block;
        float:left;
        clear:none;
        width :98%;
        height:auto;
        margin:1%;
        overflow:hidden; 
    }

}  

/********************************************************/
/********************************************************/
/********************************************************/
/* ------------------ einde mobiel -------------------- */
/********************************************************/
/********************************************************/
/********************************************************/