input[type=text] { 
    width:94%;
    height:34px;
    line-height: 34px;
    padding:0 2%;
    font-size: 14px; 
}

input[type=password] {
    width:94%;
    height:34px;
    line-height: 34px;
    padding:0 2%;
    font-size: 14px;
}

.styled-select.select_prijs select {
    border: 1px solid #ccc;
    font-size: 14px;
    height: 34px;
    width: 99%;
    outline: none;
}

.radio_button input[type=radio]{
  position: absolute;
  visibility: hidden;
}

.radio_button label#j-check{
  display: block;
  position: relative;
  font-weight: 300;
  font-size: 1.15em;
  padding: 5px 10px 10px 50px;
  margin: 10px auto;
  height: 30px;
  z-index: 9;
  cursor: pointer;
  -webkit-transition: all 0.25s linear;
  color: green;
}

.radio_button label#n-check{
  display: block;
  position: relative;
  font-weight: 300;
  font-size: 1.15em;
  padding: 5px 10px 10px 50px;
  margin: 10px auto;
  height: 30px;
  z-index: 9;
  cursor: pointer;
  -webkit-transition: all 0.25s linear;
  color: #AAAAAA;
}

.radio_button .check#j-check{
  display: block;
  position: absolute;
  border: 5px solid green;
  border-radius: 100%;
  height: 25px;
  width: 25px;
  top: 8px;
  left: 5px;
  z-index: 5;
  transition: border .25s linear;
  -webkit-transition: border .25s linear;   
}

.radio_button .check#n-check{
  display: block;
  position: absolute;
  border: 5px solid #AAAAAA;
  border-radius: 100%;
  height: 25px;
  width: 25px;
  top: 8px;
  left: 5px;
  z-index: 5;
  transition: border .25s linear;
  -webkit-transition: border .25s linear;
}

.radio_button .check#j-check::before {
  display: block;
  position: absolute;
    content: '';
  border-radius: 100%;
  height: 15px;
  width: 15px;
  top: 5px;
  left: 5px;
  margin: auto;
  transition: background 0.25s linear;
  -webkit-transition: background 0.25s linear;
}

.radio_button .check#n-check::before {
  display: block;
  position: absolute;
  content: '';
  border-radius: 100%;
  height: 15px;
  width: 15px;
  top: 5px;
  left: 5px;
  margin: auto;
  transition: background 0.25s linear;
  -webkit-transition: background 0.25s linear;
}

input[type=radio]:checked ~ .check#j-check {
  border: 5px solid green;
}

input[type=radio]:checked ~ .check#j-check::before{
  background: green;
}

input[type=radio]:checked ~ label#j-check{
  color: green;
}

input[type=radio]:checked ~ .check #n-check{
  border: 5px solid #aaaaaa;
}

input[type=radio]:checked ~ .check#n-check::before{
  background: #aaaaaa;
}

input[type=radio]:checked ~ label#n-check{
  color: #aaaaaa;
}

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


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

/*------------ klant bestel --------------*/
    
    .bestel_klant_container {
        display: block;
        float: left;
        clear: none;
        width: 98%;
        height:auto;
        padding:10px 1%;
        overflow:hidden;
    }

    .bestel_klant_container_links {
        display: block;
        float: left;
        clear: none;
        width: 29%;
        height:230px;
        overflow:hidden;
        padding:1% 10%;
        border-right:1px solid #e1e1e1;
        box-shadow: 1px 1px 3px #bbbbbb;
        background-color: #ffffff;
    }

    .bestel_klant_container_rechts {
        display: block;
        float: right;
        clear: none;
        width: 29%;
        height:230px;
        overflow:hidden;
        padding:1% 10%;
        box-shadow: 1px 1px 3px #bbbbbb;
        background-color: #ffffff;
    }

    .bestel_klant_form_email {
        display: block;
        float: left;
        clear: none;
        width: 100%;
        height: auto;
        line-height: 40px;
        overflow:hidden;
    }

    .bestel_klant_form_ww {
        display: block;
        float: left;
        clear: none;
        width: 100%;
        height: auto;
        line-height: 40px;
        overflow:hidden;
    }

    .bestel_klant_form_veld {
        display: block;
        float: left;
        clear: none;
        width: 100%;
        height: 40px;
        padding:6px 0;
        overflow:hidden;
    }

    a.button_inloggen {
        display:block;
        float:none;
        clear: none;
        width:246px;
        height:auto;
        margin:1% auto;
        padding:9px 0;
        text-align:center;
        color:#ffffff;
        background-color:#1f81aa;
        border:1px solid #1f81aa;
    }

    .bestel_klant_form_buttonblok {
        display: block;
        float: left;
        clear: none;
        width: 100%;
        height: auto;
        padding:2% 0;
        overflow:hidden;
    }

    .nieuw_account_button {
        display:block;
        float:none;
        clear: none;
        width:246px;
        height:auto;
        margin:1% auto;
        padding:9px 0;
        text-align:center;
        border:1px solid #e1e1e1;
    }

/*------------ einde klant bestel --------------*/

    #checkout_ingelogd {
        display: none;
        float: left;
        clear: none;
        width: 96%;
        height: auto;
        margin:5px 1%;
        padding:1%;
        box-shadow: 1px 1px 3px #bbbbbb;
        background-color: #ffffff;
        overflow:hidden;
    }

/*------------ nieuwe klant bestel --------------*/
    .bestel_klant_nieuw_container {
        display: none;
        float: left;
        clear: none;
        width: 96%;
        height:auto;
        margin:10px 1%;
        padding:1%;
        overflow:hidden;
        box-shadow: 1px 1px 3px #bbbbbb;
        background-color: #ffffff;
    }
    
    .bestel_klant_nieuw_form {
        display: block;
        float: left;
        clear: none;
        width: 48%;
        height:40px;
        line-height: 40px;
        overflow:hidden;
        margin:3px 1%;
    }

    .bestel_klant_nieuw_form_tekst {
        display: block;
        float: left;
        clear: none;
        width: 35%;
        overflow:hidden;
    }

    .bestel_klant_nieuw_form_veld {
        display: block;
        float: left;
        clear: none;
        width: 65%;
        overflow:hidden;
    }

    .nieuwe_klant_nieuwsbrief {
        display: block;
        float: left;
        clear: none;
        width: 60%;
        height:auto;
        overflow:hidden;
        margin:20px 20%;
        text-align: center;
        border:1px solid #e1e1e1;
    }

    .radio_button{
        color: #AAAAAA;
        display: block;
        position: relative;
        float: left;
        width: 46%;
        margin:2%;
        height: 50px;
    }

    .bestel_klant_nieuw_form_buttonblok {
        display: block;
        float: left;
        clear: none;
        width: 100%;
        height: auto;
        padding:1% 0;
        overflow:hidden;
    }
/*------------ einde nieuwe klant bestel --------------*/


/*------------ klant bestel ingelogd --------------*/
    .bestel_ingelogd {
        display: block;
        float: left;
        clear: none;
        width: 96%;
        height:auto;
        margin:10px 1% 5px;
        padding:1%;
        overflow:hidden;
        box-shadow: 1px 1px 3px #bbbbbb;
        background-color: #ffffff;
    }

    .bestel_ingelogd_form {
        display: block;
        clear: none;
        width: 100%; max-width: 450px;
        height:auto;
        margin:0 auto;
        padding:8px;
        overflow:hidden;
    }

    .bestel_ingelogd_tekst {
        display: block;
        float: left;
        clear: none;
        width: 35%;
        height: 40px;
        margin:5px 0;
        line-height: 40px; 
        text-transform: uppercase;
        overflow:hidden;
    }

    .bestel_ingelogd_veld {
        display: block;
        float: left;
        clear: none;
        width: 65%;
        height: 40px;
        margin:5px 0;
        line-height: 40px;
        overflow:hidden;
    } 
/*------------ einde klant bestel ingelogd --------------*/

}

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

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


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

/*------------ klant bestel --------------*/
    
    .bestel_klant_container {
        display: block;
        float: left;
        clear: none;
        width: 98%;
        height:auto;
        padding:10px 1%;
        overflow:hidden;
    }

    .bestel_klant_container_links {
        display: block;
        float: left;
        clear: none;
        width: 35%;
        height:230px;
        overflow:hidden;
        padding:1% 7%;
        border-right:1px solid #e1e1e1;
        box-shadow: 1px 1px 3px #bbbbbb;
        background-color: #ffffff;
    }

    .bestel_klant_container_rechts {
        display: block;
        float: right;
        clear: none;
        width: 35%;
        height:230px;
        overflow:hidden;
        padding:1% 7%;
        box-shadow: 1px 1px 3px #bbbbbb;
        background-color: #ffffff;
    }

    .bestel_klant_form_email {
        display: block;
        float: left;
        clear: none;
        width: 100%;
        height: auto;
        line-height: 40px;
        overflow:hidden;
    }

    .bestel_klant_form_ww {
        display: block;
        float: left;
        clear: none;
        width: 100%;
        height: auto;
        line-height: 40px;
        overflow:hidden;
    }

    .bestel_klant_form_veld {
        display: block;
        float: left;
        clear: none;
        width: 100%;
        height: 40px;
        padding:6px 0;
        overflow:hidden;
    }

    a.button_inloggen {
        display:block;
        float:none;
        clear: none;
        width:246px;
        height:auto;
        margin:1% auto;
        padding:9px 0;
        text-align:center;
        color:#ffffff;
        background-color:#1f81aa;
        border:1px solid #1f81aa;
    }

    .bestel_klant_form_buttonblok {
        display: block;
        float: left;
        clear: none;
        width: 100%;
        height: auto;
        padding:2% 0;
        overflow:hidden;
    }

    .nieuw_account_button {
        display:block;
        float:none;
        clear: none;
        width:246px;
        height:auto;
        margin:1% auto;
        padding:9px 0;
        text-align:center;
        border:1px solid #e1e1e1;
    }

/*------------ einde klant bestel --------------*/

    #checkout_ingelogd {
        display: none;
        float: left;
        clear: none;
        width: 96%;
        height: auto;
        margin:5px 1%;
        padding:1%;
        box-shadow: 1px 1px 3px #bbbbbb;
        background-color: #ffffff;
        overflow:hidden;
    }

/*------------ nieuwe klant bestel --------------*/
    .bestel_klant_nieuw_container {
        display: none;
        float: left;
        clear: none;
        width: 96%;
        height:auto;
        margin:10px 1%;
        padding:1%;
        overflow:hidden;
        box-shadow: 1px 1px 3px #bbbbbb;
        background-color: #ffffff;
    }
    
    .bestel_klant_nieuw_form {
        display: block;
        float: left;
        clear: none;
        width: 48%;
        height:40px;
        line-height: 40px;
        overflow:hidden;
        margin:3px 1%;
    }

    .bestel_klant_nieuw_form_tekst {
        display: block;
        float: left;
        clear: none;
        width: 35%;
        overflow:hidden;
    }

    .bestel_klant_nieuw_form_veld {
        display: block;
        float: left;
        clear: none;
        width: 65%;
        overflow:hidden;
    }

    .nieuwe_klant_nieuwsbrief {
        display: block;
        float: left;
        clear: none;
        width: 60%;
        height:auto;
        overflow:hidden;
        margin:20px 20%;
        text-align: center;
        border:1px solid #e1e1e1;
    }

    .radio_button{
        color: #AAAAAA;
        display: block;
        position: relative;
        float: left;
        width: 46%;
        margin:2%;
        height: 50px;
    }

    .bestel_klant_nieuw_form_buttonblok {
        display: block;
        float: left;
        clear: none;
        width: 100%;
        height: auto;
        padding:1% 0;
        overflow:hidden;
    }
/*------------ einde nieuwe klant bestel --------------*/


/*------------ klant bestel ingelogd --------------*/
    .bestel_ingelogd {
        display: block;
        float: left;
        clear: none;
        width: 96%;
        height:auto;
        margin:10px 1% 5px;
        padding:1%;
        overflow:hidden;
        box-shadow: 1px 1px 3px #bbbbbb;
        background-color: #ffffff;
    }

    .bestel_ingelogd_form {
        display: block;
        clear: none;
        width: 100%; max-width: 450px;
        height:auto;
        margin:0 auto;
        padding:8px;
        overflow:hidden;
    }

    .bestel_ingelogd_tekst {
        display: block;
        float: left;
        clear: none;
        width: 35%;
        height: 40px;
        margin:5px 0;
        line-height: 40px;
        text-transform: uppercase;
        overflow:hidden;
    }

    .bestel_ingelogd_veld {
        display: block;
        float: left;
        clear: none;
        width: 65%;
        height: 40px;
        margin:5px 0;
        line-height: 40px;
        overflow:hidden;
    } 
/*------------ einde klant bestel ingelogd --------------*/

}

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


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

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

/*------------ klant bestel --------------*/
    
    .bestel_klant_container {
        display: block;
        float: left;
        clear: none;
        width: 98%;
        height:auto;
        padding:10px 1%;
        overflow:hidden;
    }

    .bestel_klant_container_links {
        display: block;
        float: left;
        clear: none;
        width: 45%;
        height:230px;
        overflow:hidden;
        padding:1% 2%;
        border-right:1px solid #e1e1e1;
        box-shadow: 1px 1px 3px #bbbbbb;
        background-color: #ffffff;
    }

    .bestel_klant_container_rechts {
        display: block;
        float: right;
        clear: none;
        width: 45%;
        height:230px;
        overflow:hidden;
        padding:1% 2%;
        box-shadow: 1px 1px 3px #bbbbbb;
        background-color: #ffffff;
    }

    .bestel_klant_form_email {
        display: block;
        float: left;
        clear: none;
        width: 100%;
        height: auto;
        line-height: 40px;
        overflow:hidden;
    }

    .bestel_klant_form_ww {
        display: block;
        float: left;
        clear: none;
        width: 100%;
        height: auto;
        line-height: 40px;
        overflow:hidden;
    }

    .bestel_klant_form_veld {
        display: block;
        float: left;
        clear: none;
        width: 100%;
        height: 40px;
        padding:6px 0;
        overflow:hidden;
    }

    a.button_inloggen {
        display:block;
        float:none;
        clear: none;
        width:246px;
        height:auto;
        margin:1% auto;
        padding:9px 0;
        text-align:center;
        color:#ffffff;
        background-color:#1f81aa;
        border:1px solid #1f81aa;
    }

    .bestel_klant_form_buttonblok {
        display: block;
        float: left;
        clear: none;
        width: 100%;
        height: auto;
        padding:2% 0;
        overflow:hidden;
    }

    .nieuw_account_button {
        display:block;
        float:none;
        clear: none;
        width:246px;
        height:auto;
        margin:1% auto;
        padding:9px 0;
        text-align:center;
        border:1px solid #e1e1e1;
    }

/*------------ einde klant bestel --------------*/

    #checkout_ingelogd {
        display: none;
        float: left;
        clear: none;
        width: 96%;
        height: auto;
        margin:5px 1%;
        padding:1%;
        box-shadow: 1px 1px 3px #bbbbbb;
        background-color: #ffffff;
        overflow:hidden;
    }

/*------------ nieuwe klant bestel --------------*/
    .bestel_klant_nieuw_container {
        display: none;
        float: left;
        clear: none;
        width: 96%;
        height:auto;
        margin:10px 1%;
        padding:1%;
        overflow:hidden;
        box-shadow: 1px 1px 3px #bbbbbb;
        background-color: #ffffff;
    }
    
    .bestel_klant_nieuw_form {
        display: block;
        float: left;
        clear: none;
        width: 48%;
        height:40px;
        line-height: 40px;
        overflow:hidden;
        margin:3px 1%;
    }

    .bestel_klant_nieuw_form_tekst {
        display: block;
        float: left;
        clear: none;
        width: 35%;
        overflow:hidden;
    }

    .bestel_klant_nieuw_form_veld {
        display: block;
        float: left;
        clear: none;
        width: 65%;
        overflow:hidden;
    }

    .nieuwe_klant_nieuwsbrief {
        display: block;
        float: left;
        clear: none;
        width: 60%;
        height:auto;
        overflow:hidden;
        margin:20px 20%;
        text-align: center;
        border:1px solid #e1e1e1;
    }

    .radio_button{
        color: #AAAAAA;
        display: block;
        position: relative;
        float: left;
        width: 46%;
        margin:2%;
        height: 50px;
    }

    .bestel_klant_nieuw_form_buttonblok {
        display: block;
        float: left;
        clear: none;
        width: 100%;
        height: auto;
        padding:1% 0;
        overflow:hidden;
    }
/*------------ einde nieuwe klant bestel --------------*/


/*------------ klant bestel ingelogd --------------*/
    .bestel_ingelogd {
        display: block;
        float: left;
        clear: none;
        width: 96%;
        height:auto;
        margin:10px 1% 5px;
        padding:1%;
        overflow:hidden;
        box-shadow: 1px 1px 3px #bbbbbb;
        background-color: #ffffff;
    }

    .bestel_ingelogd_form {
        display: block;
        clear: none;
        width: 100%; max-width: 450px;
        height:auto;
        margin:0 auto;
        padding:8px;
        overflow:hidden;
    }

    .bestel_ingelogd_tekst {
        display: block;
        float: left;
        clear: none;
        width: 35%;
        height: 40px;
        margin:5px 0;
        line-height: 40px;
        text-transform: uppercase;
        overflow:hidden;
    }

    .bestel_ingelogd_veld {
        display: block;
        float: left;
        clear: none;
        width: 65%;
        height: 40px;
        margin:5px 0;
        line-height: 40px;
        overflow:hidden;
    } 
/*------------ einde klant bestel ingelogd --------------*/
   
}
/********************************************************/
/********************************************************/
/********************************************************/
/* ------------------ einde tablet -------------------- */
/********************************************************/
/********************************************************/
/********************************************************/



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

@media screen and (min-width: 320px) and (max-width: 767px)
{
/*------------ klant bestel --------------*/
    
    .bestel_klant_container {
        display: block;
        float: left;
        clear: none;
        width: 98%;
        height:auto;
        padding:10px 1%;
        overflow:hidden;
    }

    .bestel_klant_container_links {
        display: block;
        float: left;
        clear: none;
        width: 70%;
        height:230px;
        overflow:hidden;
        padding:1% 15%;
        border-right:1px solid #e1e1e1;
        box-shadow: 1px 1px 3px #bbbbbb;
        background-color: #ffffff;
    }

    .bestel_klant_container_rechts {
        display: block;
        float: right;
        clear: none;
        width: 70%;
        height:230px;
        overflow:hidden;
        padding:1% 15%;
        box-shadow: 1px 1px 3px #bbbbbb;
        background-color: #ffffff;
    }

    .bestel_klant_form_email {
        display: block;
        float: left;
        clear: none;
        width: 100%;
        height: auto;
        line-height: 40px;
        overflow:hidden;
    }

    .bestel_klant_form_ww {
        display: block;
        float: left;
        clear: none;
        width: 100%;
        height: auto;
        line-height: 40px;
        overflow:hidden;
    }

    .bestel_klant_form_veld {
        display: block;
        float: left;
        clear: none;
        width: 100%;
        height: 40px;
        padding:6px 0;
        overflow:hidden;
    }

    a.button_inloggen {
        display:block;
        float:none;
        clear: none;
        width:246px;
        height:auto;
        margin:1% auto;
        padding:9px 0;
        text-align:center;
        color:#ffffff;
        background-color:#1f81aa;
        border:1px solid #1f81aa;
    }

    .bestel_klant_form_buttonblok {
        display: block;
        float: left;
        clear: none;
        width: 100%;
        height: auto;
        padding:2% 0;
        overflow:hidden;
    }

    .nieuw_account_button {
        display:block;
        float:none;
        clear: none;
        width:246px;
        height:auto;
        margin:1% auto;
        padding:9px 0;
        text-align:center;
        border:1px solid #e1e1e1;
    }

/*------------ einde klant bestel --------------*/

    #checkout_ingelogd {
        display: none;
        float: left;
        clear: none;
        width: 96%;
        height: auto;
        margin:5px 1%;
        padding:1%;
        box-shadow: 1px 1px 3px #bbbbbb;
        background-color: #ffffff;
        overflow:hidden;
    }

/*------------ nieuwe klant bestel --------------*/
    .bestel_klant_nieuw_container {
        display: none;
        float: left;
        clear: none;
        width: 96%;
        height:auto;
        margin:10px 1%;
        padding:1%;
        overflow:hidden;
        box-shadow: 1px 1px 3px #bbbbbb;
        background-color: #ffffff;
    }
    
    .bestel_klant_nieuw_form {
        display: block;
        float: left;
        clear: none;
        width: 98%;
        height:40px;
        line-height: 40px;
        overflow:hidden;
        margin:3px 1%;
    }

    .bestel_klant_nieuw_form_tekst {
        display: block;
        float: left;
        clear: none;
        width: 35%;
        overflow:hidden;
    }

    .bestel_klant_nieuw_form_veld {
        display: block;
        float: left;
        clear: none;
        width: 65%;
        overflow:hidden;
    }

    .nieuwe_klant_nieuwsbrief {
        display: block;
        float: left;
        clear: none;
        width: 60%;
        height:auto;
        overflow:hidden;
        margin:20px 20%;
        text-align: center;
        border:1px solid #e1e1e1;
    }

    .radio_button{
        color: #AAAAAA;
        display: block;
        position: relative;
        float: left;
        width: 46%;
        margin:2%;
        height: 50px;
    }

    .bestel_klant_nieuw_form_buttonblok {
        display: block;
        float: left;
        clear: none;
        width: 100%;
        height: auto;
        padding:1% 0;
        overflow:hidden;
    }
/*------------ einde nieuwe klant bestel --------------*/


/*------------ klant bestel ingelogd --------------*/
    .bestel_ingelogd {
        display: block;
        float: left;
        clear: none;
        width: 96%;
        height:auto;
        margin:10px 1% 5px;
        padding:1%;
        overflow:hidden;
        box-shadow: 1px 1px 3px #bbbbbb;
        background-color: #ffffff;
    }

    .bestel_ingelogd_form {
        display: block;
        clear: none;
        width:99%;
        margin:0 auto;
        padding:2% 0.5%;
        overflow:hidden;
    }

    .bestel_ingelogd_tekst {
        display: block;
        float: left;
        clear: none;
        width: 90%;
        height: 40px;
        margin:5px 5%;
        line-height: 40px;
        text-transform: uppercase;
        overflow:hidden;
    }

    .bestel_ingelogd_veld {
        display: block;
        float: left;
        clear: none;
        width: 90%;
        height: 40px;
        margin:5px 5%;
        line-height: 40px;
        overflow:hidden;
    } 

/*------------ einde klant bestel ingelogd --------------*/

}

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