/********************************************************/
/********************************************************/
/********************************************************/
/* --------------------- desktop 1024----------------------- */
/********************************************************/
/********************************************************/
/********************************************************/

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

    .bestel_page {
        display: block;
        float: left;
        clear: none;
        width: 1024px;
        height: auto;
        margin:8px 0;
        overflow:hidden;
    }

    .bestel_klant_container {
        display: block;
        float: left;
        clear: none;
        width: 40%;
        height:auto;
        padding:1%;
        overflow:hidden;
    }

    .bestel_klant_nieuw_container {
        display: block;
        float: left;
        clear: none;
        width: 55%;
        height: auto;
        padding:1%;
        overflow:hidden;
        border-left:1px solid #777777;
    }

    .button_container_bottom {
        display: block;
        float: left;
        clear: none;
        width:90%;
        padding:2% 5%;
        border-top:1px solid #777777;
    }    

    .bestel_afreken_button_bottom {
        display: block;
        float: right;
        clear: none;
    }    
    
    .bestel_ingelogd {
        display: block;
        float: none;
        clear: none;
        width: 320px;
        height:auto;
        margin:0 auto;
        padding:1%;
        overflow:hidden;
        border-left:0px;
        
    }

}

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


/********************************************************/
/********************************************************/
/********************************************************/
/* --------------------- tablet ----------------------- */
/********************************************************/
/********************************************************/
/********************************************************/

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

    .bestel_page {
        display: block;
        float: left;
        clear: none;
        width: 100%; max-width: 768px;
        height: auto;
        margin:8px 0;
        overflow:hidden;
    }

    .bestel_klant_container {
        display: block;
        float: left;
        clear: none;
        width: 40%;
        height:auto;
        padding:1%;
        overflow:hidden;
    }

    .bestel_klant_nieuw_container {
        display: block;
        float: left;
        clear: none;
        width: 55%;
        height: auto;
        padding:1%;
        overflow:hidden;
        border-left:1px solid #777777;
    }


    .button_container_bottom {
        display: block;
        float: left;
        clear: none;
        width:90%;
        padding:2% 5%;
        border-top:1px solid #777777;
    }    

    .bestel_afreken_button_bottom {
        display: block;
        float: right;
        clear: none;
    }    
    
    .bestel_ingelogd {
        display: block;
        float: none;
        clear: none;
        width: 320px;
        height:auto;
        margin:0 auto;
        padding:1%;
        overflow:hidden;
        border-left:0px;
        
    }
    
}

/********************************************************/
/********************************************************/
/********************************************************/
/* ------------------ einde tablet -------------------- */
/********************************************************/
/********************************************************/
/********************************************************/



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

@media screen and (min-width: 320px) and (max-width: 767px)
{
    .bestel_page {
        display: block;
        float: left;
        clear: none;
        width: 100%;
        height: auto;
        margin:8px 0;
        overflow:hidden;
    }

    .bestel_klant_container {
        display: block;
        float: none;
        clear: none;
        width: 320px;
        height: 250px;
        margin:0 auto;
        padding:1% 0;
        overflow:hidden;
        border-bottom:1px solid #777777;
    }

    .bestel_klant_nieuw_container {
        display: block;
        float: none;
        clear: none;
        width: 320px;
        height:auto;
        margin:0 auto;
        padding:1% 0;
        overflow:hidden;
        border-left:0px;
    }

    .button_container_bottom {
        display: block;
        float: left;
        clear: none;
        width:90%;
        padding:5% 5%;
        border-top:1px solid #777777;
    }    

    .bestel_afreken_button_bottom {
        display: block;
        float: none;
        width:175px;
        margin:8px auto;
        clear: none;
        overflow: hidden;
    }
    
    .bestel_terug_button_bottom {
        display: block;
        float: none;
        width:175px;
        margin:8px auto;
        clear: none;
        overflow: hidden;
    }    
    
    .bestel_ingelogd {
        display: block;
        float: none;
        clear: none;
        width: 320px;
        height:auto;
        margin:0 auto;
        padding:1% 0;
        overflow:hidden;
        border-left:0px;
        
    }
    
}

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