.taal_ {
}

#listboxartiest select {
    border: 1px solid #ccc;
    font-size: 17px;
    height: 42px;
    width: 380px;
    outline: none;
}

textarea, select, input, button { outline: none; }

.taal_selected {
   font-weight: bold;
   text-decoration: underline;
} 

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


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

    #header_container_desktop {
        display:block;  
        float:left;
        position:absolute ;
        width:100%;
        height:auto;
        margin-top:50px;
        background-color: #f1f1f1;
        border-top:1px solid #e1e1e1;
        border-bottom:1px solid #e1e1e1;
        z-index:1000;
    }

    #header_container_mobile {
        display:none;
    }

    #header_desktop {
        display:block;
        margin:0 auto;
        clear:both;
        width:1278px; 
        height:80px;
        overflow:visible;
        background-color: #ffffff;
        border-left:1px solid #e1e1e1;
        border-right:1px solid #e1e1e1;
    }

    #header_mobile {
        display:none;
    }

    .menu_container {
        display:block;
        float:left;
        clear:none;
        width:133px; 
        height:80px;
        overflow:visible;
        border-right:1px solid #e1e1e1;
    }

    #zoek_box {
        display:block;
        float:left;
        position:relative;
        clear:none;
        width: 380px; 
        height:80px;
        transition: top 0.3s linear 0s, padding 0.3s linear 0s;
    }

    .checkbox_box {
        display:block;
        float:left;
        position:relative;
        clear:none;
        width: 380px; 
        height:40px;
        background-color: #ffffff;
    }

    .close_checkbox_box {
        display:block;
        float:right;
        clear:none;
        width: 64px; 
        line-height: 40px;
        font-size: 22px;
        color:#3a3a3a;
        text-align:center;
        background-color: #ffffff;
    }

    .close_checkbox_box a{
        color:#3a3a3a;
    }

    #zoekbox_box {
        display:block;
        position:relative;
        float:left;
        clear: both;
        width:380px; 
        height:40px;
        margin-top:2px;
    }

    #logo_box{
        display:block;
        float:left;
        clear:none;
        width :244px; 
        height:80px;
        overflow:visible;   
        border-left:1px solid #e1e1e1;
        border-right:1px solid #e1e1e1;
    }

    #logo{
        display:block;
        clear:none;
        width :180px; 
        height:auto;
        margin:-50px auto 0;
    }

    #talen_blok {
        display:block;
        float:left;
        clear:none;
        width:239px;
        height:80px;
        line-height:80px;
        border-right:1px solid #e1e1e1;
        text-align:center;
    }
    
    #inloggen_kop {
        display:block;
        float:left;
        clear:none;
        width:133px; 
        height:80px;
        line-height:80px;
    }
    
    #inloggen_image{
        display:block;
        float:left;
        clear:none;
        width :20px; 
        height:22px;
        margin-top:-3px;
        text-align:left;
    }

    #inloggen_text {
        font-size:18px; 
        color:#3a3a3a;
        text-align:center;
        text-decoration:none;
    }

    #inloggen_text a {
        color:#3a3a3a;
        text-decoration:none;
    }

    .mijnaccount {
        display:block;
        float:left;
        position:relative;
        clear:none;
        width:133px; 
        height:80px;
        line-height:80px;
        text-align:center;
        color:#ffffff;
    }

    .mijnaccount a{
        font-size:14px; 
        color:#1f81aa;
        text-align:center;
        text-decoration:none;
    }
    
    a.mijnaccount_link {
        font-size:14px; 
    }
    
    #shopping_bag_box {
        display:block;
        float:right;
        clear:none;
        width :144px; 
        height:80px;
        color: #ffffff;
        background-color:#343434; 
    }

    #shopping_bag_image{
        display:block;
        float:left;
        clear:none;
        width :57px; 
        height:80px;
        text-align:left;
        background-image: url("/customized/img/shopping_bag.png?t={standaard_tijd_css}");
        background-position: right;
        background-repeat: no-repeat;
    }

    #shopping_bag_aantal {
        display:block;
        float:left;
        clear:none;
        width :27px; 
        height:27px;
        margin:24px 0 0 30px;
        text-align:center;
        color: #3a3a3a;
        font-size:14px;
    }
    
    #shopping_bag_prijs {
        display:block;
        float:left;
        clear:none;
        width :77px; 
        height:80px;
        margin-right:10px;
        text-align:center;
        color: #ffffff;
        font-size:14px;
        line-height:80px; 
    }
    
    #shopping_bag_prijs {
        color: #ffffff;
    }
    
}  

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

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


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

    #header_container_desktop {
        display:block;  
        float:left;
        position:absolute ;
        width:100%;
        height:auto;
        margin-top:50px;
        background-color: #f1f1f1;
        border-top:1px solid #e1e1e1;
        border-bottom:1px solid #e1e1e1;
        z-index:1000;
    }

    #header_container_mobile {
        display:none;
    }

    #header_desktop {
        display:block;
        margin:0 auto;
        clear:both;
        width:1022px; 
        height:80px;
        overflow:visible;
        background-color: #ffffff;
        border-left:1px solid #e1e1e1;
        border-right:1px solid #e1e1e1;
    }

    #header_mobile {
        display:none;
    }

    .menu_container {
        display:block;
        float:left;
        clear:none;
        width:115px; 
        height:80px;
        overflow:visible;
        border-right:1px solid #e1e1e1;
    }

    #zoek_box {
        display:block;
        float:left;
        position:relative;
        clear:none;
        width: 293px; 
        height:80px;
        transition: top 0.3s linear 0s, padding 0.3s linear 0s;
    }

    .checkbox_box {
        display:block;
        float:left;
        position:relative;
        clear:none;
        width: 293px; 
        height:40px;
        background-color: #ffffff;
    }

    #zoek_button {
        display:block;
        position:absolute;
        clear:none;
        width:22px; 
        height:22px;
        top:0px;
        right:0px;
        padding:19px;
    }

    #zoekbox_box {
        display:block;
        position:relative;
        float:left;
        clear: both;
        width:293px; 
        height:40px;
        margin-top:2px;
    }

    #logo_box{
        display:block;
        float:left;
        clear:none;
        width :200px; 
        height:80px;
        overflow:visible;   
        border-left:1px solid #e1e1e1;
        border-right:1px solid #e1e1e1;
    }

    #logo{
        display:block;
        clear:none;
        width :180px; 
        height:auto;
        margin:auto;
        margin:-50px auto 0;
    }

    #talen_blok {
        display:block;
        float:left;
        clear:none;
        width:165px;
        height:80px;
        line-height:79px;
        border-right:1px solid #e1e1e1;
        text-align:center;
    }
    
    #inloggen_kop {
        display:block;
        float:left;
        clear:none;
        width:100px; 
        height:80px;
        line-height:78px;
    }
    
    #inloggen_image{
        display:block;
        float:left;
        clear:none;
        width :20px; 
        height:22px;
        margin-top:-3px;
        text-align:left;
    }

    #inloggen_text {
        font-size:18px; 
        color:#3a3a3a;
        text-align:center;
        text-decoration:none;
    }

    #inloggen_text a {
        color:#3a3a3a;
        text-decoration:none;
    }

    .mijnaccount {
        display:block;
        float:left;
        position:relative;
        clear:none;
        width:100px; 
        height:80px;
        line-height:78px;
        text-align:center;
        color:#ffffff;
    }

    .mijnaccount a{
        font-size:14px; 
        color:#1f81aa;
        text-align:center;
        text-decoration:none;
    }
    
    a.mijnaccount_link {
        font-size:14px; 
    }
    
    #shopping_bag_box {
        display:block;
        float:right;
        clear:none;
        width :144px; 
        height:80px;
        color: #ffffff;
        background-color:#343434; 
    }

    #shopping_bag_image{
        display:block;
        float:left;
        clear:none;
        width :57px; 
        height:80px;
        text-align:left;
        background-image: url("/customized/img/shopping_bag.png?t={standaard_tijd_css}");
        background-position: right;
        background-repeat: no-repeat;
    }

    #shopping_bag_aantal {
        display:block;
        float:left;
        clear:none;
        width :27px; 
        height:27px;
        margin:24px 0 0 30px;
        text-align:center;
        color: #3a3a3a;
        font-size:14px;
    }
    
    #shopping_bag_prijs {
        display:block;
        float:left;
        clear:none;
        width :77px; 
        height:80px;
        margin-right:10px;
        text-align:center;
        color: #ffffff;
        font-size:14px;
        line-height:79px; 
    }
    
    #shopping_bag_prijs {
        color: #ffffff;
    }
    
    
}  

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


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


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

/* --------------------- header ----------------------- */

    #header_container_desktop {
        display:none;
    }

    #header_desktop {
        display:none;
    }
    
    #header_container_mobile {
        position: absolute;
        display:block;
        width: 100%;
        float:left;
        height:52px;
        margin:20px auto 0;
        background-color: #f1f1f1;
    }

    #header_top {
        display:block;
        position:relative;
        max-width:768px; 
        height:50px;
        margin:auto;
        background-color: #ffffff;
        border:1px solid #e1e1e1;
        z-index:50;
    }
    
    .ma-infinitypush-button {
        display:block;
        float:left;
        width :23%;
        height:50px; 
        overflow:hidden;
        cursor: pointer;
    }

    #login_kop {
        display:none;
    }

    #login_kop_mobile {
        display:block;;
        float:left;
        width :23%; 
        color: #ffffff;
    }
    
    #inloggen_kop a{
        display:block;
        float:left;
        clear:none;
        width:33%;
        height:15px;
        text-align:center;
    }
    
    #ingelogd_kop {
        display:block;
        position:relative;
        float:left;
        clear:none;
        width:33%;
        height:15px;
        text-align:center;
    }

    #shopping_bag_box {
        display:block;
        float:left;
        clear:none;
        width:33%;
        height:50px;
        text-align:center;
        background-color: #343434;
    }

    #shopping_bag_image{
        display:block;
        position:relative;
        float:left;
        clear:none;
        width :50px; 
        height:50px;
        text-align:left;
        background-image: url("/customized/img/shopping_bag_mobile.png?t={standaard_tijd_css}");
        background-position: center;
        background-repeat: no-repeat;
    }

    #shopping_bag_aantal {
        display: block;
        position: absolute;
        clear: none;
        width: 20px;
        height: 20px;
        left: 22px;
        top: 9px;
        text-align: center;
        color: #3a3a3a;
        font-size: 14px;
    }
    
    #zoek_open_box {
        display:block;
        float:left;
        clear:none;
        width:33%;
        height:22px;
        padding-top:14px;
        text-align:center;
    }

    #logo_box{
        display:block;
        float:left;
        clear:none;
        width:54%;
        height:auto;
        margin-top:-15px
    }

    #logo{
        display:block;
        float:none;
        margin:0px auto;
        height:80px;
        overflow:hidden;
    }
    
    #socialmedia_blok {
        display:block;
        float:right;
        clear:none;
        width:39px;
        height:auto;
        margin: -130px 0 0 0;
        padding: 0 8px 0 0;
        line-height:1.5;
    }
    
    .socialmedia_img {
        float:left;
        clear:none;
        margin: 10px 0 0 0;
    }

    #header_mobile {
        display:block;
        position:absolute;
        top:0px;
        width : 100%;  
        height:auto;
        overflow:visible;
        transition: top 0.3s linear 0s;
    }

    #zoek_box {
        display:none;
    }

    #zoek_box_mobiel {
        display:block;
        position:relative;
        clear:none;
        max-width:768px; 
        margin:auto;
        overflow:hidden;
        background-color:#ffffff;
        transition: height 0.3s linear 0s;
    }

    #zoek_mobiel {
        display:block;
        float:left;
        clear:none;
        width:85%; 
        height:45px;
        padding:0px 15px;
        font-size:14px;
        color:  #3a3a3a ;
        border: 0px;
    }

    .close_zoek {
        display: block;
        position:absolute;
        top:18px;
        right:44px;
    }
    
    #zoek_button a {
        display: block;
        position: absolute;
        clear: none;
        width: 22px;
        height: 22px;
        top: 18px;
        right: 15px;
        background-image:url('/customized/img/zoek.png?t={standaard_tijd_css}');
        background-repeat:no-repeat;
    }

    #zoek_specifiek_blok_mobile {
        display:none;
        float:left;
        clear:none;
        width:166px; 
        height:100px;
        margin-top:4px;
        padding:5px;
        line-height: 24px;
        border:1px solid #e1e1e1;
        background-color:#ffffff;
        z-index;100;
    }

    
}


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


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


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

 
    #header_container_desktop {
        display:none;
    }

    #header_desktop {
        display:none;
    }
    
    #header_container_mobile {
        position: absolute;
        display:block;
        width: 100%;
        float:left;
        height:52px;
        margin:20px auto 0;
        background-color: #f1f1f1;
    }

    #header_top {
        display:block;
        position:relative;
        max-width:100%; 
        height:50px;
        margin:auto;
        background-color: #ffffff;
        border:1px solid #e1e1e1;
        z-index:50;
    }
    
    .ma-infinitypush-button {
        display:block;
        float:left;
        width :33%; 
        height:50px;
        overflow:hidden;
        cursor: pointer;
    }

    #login_kop {
        display:none;
    }

    #login_kop_mobile {
        display:block;;
        float:left;
        width :33%; 
        color: #ffffff;
    }
    
    #inloggen_kop a{
        display:block;
        float:left;
        clear:none;
        width:33%;
        height:15px;
        text-align:center;
    }
    
    #ingelogd_kop {
        display:block;
        position:relative;
        float:left;
        clear:none;
        width:33%;
        height:15px;
        text-align:center;
    }

    #shopping_bag_box {
        display:block;
        float:left;
        clear:none;
        width:33%;
        height:50px;
        text-align:center;
        background-color: #343434;
    }

    #shopping_bag_image{
        display:block;
        position:relative;
        float:left;
        clear:none;
        width :46px; 
        height:46px;
        text-align:left;
        background-image: url("/customized/img/shopping_bag_mobile.png?t={standaard_tijd_css}");
        background-position: center;
        background-repeat: no-repeat;
    }

    #shopping_bag_aantal {
        display: block;
        position: absolute;
        clear: none;
        width: 20px;
        height: 20px;
        left: 20px;
        top: 8px;
        text-align: center;
        color: #3a3a3a;
        font-size: 14px;
    }
    
    #zoek_open_box {
        display:block;
        float:left;
        clear:none;
        width:33%;
        height:22px;
        padding-top:14px;
        text-align:center;
    }

    #logo_box{
        display:block;
        float:left;
        clear:none;
        width:34%;
        margin-top:-15px;
        height:auto;
    }

    #logo{
        display:block;
        float:none;
        margin:0px auto;
        height:80px;
        overflow:hidden;
    }
    
    #socialmedia_blok {
        display:block;
        float:right;
        clear:none;
        width:39px;
        height:auto;
        margin: -130px 0 0 0;
        padding: 0 8px 0 0;
        line-height:1.5;
    }
    
    .socialmedia_img {
        float:left;
        clear:none;
        margin: 10px 0 0 0;
    }

    #header_mobile {
        display:block;
        position:absolute;
        top:0px;
        width : 100%;  
        height:auto;
        overflow:visible;
        transition: top 0.3s linear 0s;
    }

    #zoek_box {
        display:none;
    }

    #zoek_box_mobiel {
        display:block;
        position:relative;
        clear:none;
        max-width:768px; 
        margin:auto;
        overflow:hidden;
        background-color:#ffffff;
        transition: height 0.3s linear 0s;
    }

    #zoek_mobiel {
        display:block;
        float:left;
        clear:none;
        width:75%; 
        height:45px;
        padding:0px 15px;
        font-size:14px;
        color:  #3a3a3a ;
        border: 0px;
    }

    .close_zoek {
        display: block;
        position:absolute;
        top:18px;
        right:44px;
    }
    
    #zoek_button a {
        display: block;
        position: absolute;
        clear: none;
        width: 22px;
        height: 22px;
        top: 18px;
        right: 15px;
        background-image:url('/customized/img/zoek.png?t={standaard_tijd_css}');
        background-repeat:no-repeat;
    }

    #zoek_specifiek_blok_mobile {
        display:none;
        float:left;
        clear:none;
        width:166px; 
        height:100px;
        margin-top:4px;
        padding:5px;
        line-height: 24px;
        border:1px solid #e1e1e1;
        background-color:#ffffff;
        z-index;100;
    }


}


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