
a{text-decoration:none;}
body {
    background: url(/shop/images/bgBodyNieuw.png) repeat-x scroll 0 0 #fff;
    -webkit-appearance:none;
}
h2#mainLogo a {
    background: url("../style/images/bgElementsNieuw.png") no-repeat scroll 0 6px rgba(0, 0, 0, 0);
    display: block;
    height: 130px;
    text-indent: -9999px;
    width: 165px;
}
.uparrow {
    background: url('images/uparrow.png');
    cursor: pointer;
    width: 35px;
    height: 35px;
    position: fixed;
    bottom: 25px;
    right:26px;
    display:none;
    z-index:999;
}
.subklant{
    background-color:#E9E9E9;
    padding:25px 0;
    text-indent:4px;
}
.suborder{
    background-color:#E9E9E9;
    padding:25px 0;
    text-indent:4px;
    float:left;
    width:100%;
}
li {
    line-height:15px;
    margin-bottom:12px;
}
#header ul{
    
}
#header-links li {
    
    top:10px;
    width:120px;
    
}
#text-proefnotitie textarea {
    min-width:270px;
    min-height:100px;
}
#button ul li strong h2 {
   background-color: #006da8;
   color: #fff;
   padding: 0 4px;
   text-transform: capitalize;
   border-radius:5px;
}
#button a {
   background-color: #006da8;
   color: #fff;
   padding: 0 4px;
   text-transform: capitalize;
   border-radius:5px;
}
#submitbutton{
   background-color: #006da8;
   color: #fff;
   padding: 0 4px;
   text-transform: capitalize;
   border-radius:5px;
}
#submitbutton_verzenden{
   background-color: #006da8;
   color: #fff;
   padding: 0 4px;
   text-transform: capitalize;
   border-radius:5px;
}
#barcode {
    height:75px;
    padding:2px;
    overflow: hidden;
}
#barcode span {
    font-size: 10px;
    float:right;
    padding: 10px 0;
    border-radius:5px;
    border :solid red 1px;
    width:148px;
    margin-right:30px;
 
}
#barcode span li {
    font-size: 22px;
    float:right;
    right:25px;
    text-align:center;
}
label span, legend span {
    color: #444;
    font-size: 13px;
    font-weight: normal;
    float:right;
    font-family: "Kreon",serif;
}
.twitter-follow-button{
    float:left;

}
#facebook-link{
    float:left;
    margin-top:30px;
    margin-left:-226px;
}
.btn {
    background-color: #eee;
    background-image: linear-gradient(#fff, #dedede);
    border: 1px solid #ccc;
    border-radius: 3px;
    color: #333;
    cursor: pointer;
    font-weight: bold;
    height: 18px;
    max-width: 98%;
    overflow: hidden;
    position: relative;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}

.fb-like {
    float: right;
    left: 236px;
    margin-top: -30px;
}
#persoonsgegevens input{
    
    border-radius:2px;
    font-family: "Kreon",serif;
    text-indent: 5px;
    line-height:35px;
}
.form legend {
    font-family: "Kreon",serif;
}
#inlogformulier input[type ='checkbox'] {
    padding:0 !important;
    text-indent: 4px;

    height:20px;

}
#inlogformulier input{
    padding:0 !important;
    text-indent: 4px;
    line-height:35px;
}

#inlogformulier {
    line-height:18px;
}

#proefnotitie {
    text-align:left;
    text-indent: 5px;
}
#proefnotitie-koptekst {
    text-align:left;
    left:10px;
    text-decoration:bold;
    font-size:20px;
}
#content-open{
    line-height: 15px;
}
#content-naw {
    height: 102px;
    line-height: 10px;
    margin-top: 15px;
}
#content-naw li{
     
}
#content-naw p{
     line-height:1px;
}
#links a {
    margin: 0 5px 0 5px;
    width:300px;
}
.aantal_bestellen{
    width:20px !important;
}
#aantal-bestellen-form{
    background-color:#006da8;
    border-radius:5px;
    float:left;
    top:-2px;
}
#aantal-bestellen-form input{
    font-family: "Kreon",serif !important;
    text-transform: none !important;
    float: left;
    border-radius:5px;
    margin-bottom:0;
    height:19px;
    padding:0 1px !important;
    width:89px;
    font-size:15px;
}
#aantal-bestellen-form input[type="submit"]{
    font-family: "Kreon",serif !important;
    text-transform: none !important;
    float: left;
    border-radius:5px;
    margin-bottom:0;
    height:19px;
    padding:0 1px !important;
}

#share-buttons a{background:none;}
#share-buttons div{height:10px}
#share-buttons img{
    float:left;
    width:30px;
    margin:10px;
}
#final_msg{text-align:center;}
#downarrow{
    float:right;
    top:8px;
    right:8px;

}
    #barcode {
        left:120px;
    }
    
    
    

@media only screen and (max-width: 480px) {
    #barcode img.eightteen.columns{
        width: 230px;
        margin-right:0;
     
    }
    #barcode span{
        width: 55px;
        margin-right:10px;
        margin-left:0;
    } 
    #aantal-bestellen-form{
        background-color:#006da8;
        border-radius:5px;
        float:left;
        top:-2px;
        width:-1;
        left:4px;
    }
   #aantal-bestellen-form input[type="submit"]{
            width:259px;
    }
    #links{
        width:410px;
    }
    #links a{
        width:275px;
        float:left;
        margin-bottom: 5px;
        text-align: center;
        line-height: 20px;
    }
    #links form {
        float: left;
        
    }
    #barcode {
        left:55px;
    }
    #header-links li {
    
    top:10px;
    width:120px;
    }
    #content-naw{
        display:none;

    }
    #content-open{

        display:none;
    }
    #banner2{
        display:none;
    }
}

@media only screen and (max-width: 767px) {
    #barcode img.eightteen.columns{
        width: 635px;
    }
    #barcode span{
        width: 70px;
        height:52px;
    }
    #barcode span li {
    float: right;
    font-size: 22px;
    right: 16px;
    text-align: center;
    }
    #links{
        width:410px;
    }
    #barcode {
        left:55px;
    }
    #header-links li {
        
        top:10px;
        width:120px;

    }
    #content-naw{
        display:none;

    }
    #content-open{

        display:none;
    }
    #banner2{
        display:none;
    }
    
}



@media only screen and (max-width: 960px) {
    #barcode img.eightteen.columns{
        width: 800px;
        margin-right:0;
     
    }
    #barcode span{
        width: 70px;
        margin-right:30px;
        margin-left:0;
    }
        #barcode {
        left:-2px;
    }   

    .fb-like {
        float: right;
        left: 230px;
        margin-top: -30px;
    }
}

