html, body {
    max-width: 100%;
    overflow-x: hidden;
}



#wrapper-of-all {  width:80%;
                   border:1px solid;
                   margin-left:auto;
                   margin-right:auto;
                   overflow-x: hidden;
                   text-align:center;
                  
                }

#spacetop {
    width:100%;
    height:8px;
    background-color: #d5d5d5 ;
        }

#functions-bar {
    width:60%;
    height:40px;
    background-color:#ffffff;
    border: 0px solid;
    text-align:right;
    float:right;
    }





#taal-vlaggen {
    border:0px solid;
    width:200px;
    height:24px;
    margin-top:5px;
    margin-left:30px;
    display:inline-block;
    float:left;
    }

#form-positie { width: auto;
                height:40px;
                border: 1px solid;
                border-color:#626262;
                clear:right;
                display:inline-block;
                
               
              }


.tooltip {
  width: 25px;
  height: 40px;
  border:0px solid;
  position: relative;
  background-image: url("../images/arrowsub2.png");
  float:right;
  margin:-35px 2px 0px 0px;
  cursor: pointer;
}


.dropdown-menu { width:150px;
                 height: 200px;
                 border: 1px solid;
                 background-color:#ffffff;
                 position: relative;
                 display: none;
                 margin-top:5px;
                 text-align:left;
                 padding:0px 0px 0px 8px;
                 z-index:999;
                }

 li{ margin:8px 0px 10px 0px;
     list-style-type: none;
     font-family: 'Roboto', sans-serif;
    }

#submenu:hover > ul {
  display: block;
 }

.nav navbar-nav navbar-left:hover {

 display:block;

 }

a  { background-color:;
     text-decoration: none;
     }

.dropdown-menu a:link { color:black; text-decoration: none; }
.dropdown-menu a:visited { color:black; text-decoration: none; }
.dropdown-menu a:active { color:black; text-decoration: none; }
.dropdown-menu a:hover { color:blue; text-decoration: none; }




#main{
   width:100%;
   height:auto;                                    /* max-height:1730px !important; */
   text-align:center;
   margin:auto;
   background-color:#a1a1a1;
   
    }

#header { height:258px;
          width:100%;
          margin-bottom: 8px;
          background-color:#ffffff;
          box-shadow: 0px 5px 8px #888888;
          
          
        }

#hoofdvlak {
    width:100%;
    height:auto;                                          /* height:1550px; */
    background-color:#a2a2a2;
    border:0px solid;
    overflow:hidden;
    margin-bottom : 0px !important;
    text-align:center;
    
          }

/*  gedeelte overlay  */




#cnt {
  position: fixed;
  width: 100vw;
  height: 100vh;
  background-color: rgba(120, 120, 120, 0.5);
  top: 0;
  left: 0;
  display:none;
  z-index:500;
}

#frame { width:60%;
         height:auto;
         border:0px solid;    /*rand om de pop-up met daarin product-overview */
         margin-left: auto;
         margin-right: auto;
         margin-top:150px;
         z-index:900;
         position:relative;
       }


/* einde overlay */



#footer{ border:1px solid;
         border-color:#a0a0a0 !important;
         width:99%;
         height: auto;
         text-align:left;
         padding: 10px 0px 0px 10px ;
         background-color:#f3f3f3;
         float:bottom;
         margin-top: 3px;
         margin-bottom: 0px;
         margin-right:auto;
         margin-left:auto;
         overflow:hidden;
        }

#footer-content-wrapper  { border:0px solid;
                           width:98% !important;
                           height: auto;
                           margin-left:auto;
                           margin-right:auto;
                         }

#bottom-bar-footer{ border:0px solid;
                    width:100%;
                    height: auto;
                    padding: 8px;
                    background-color:#f3f3f3;
                    text-align:center;
                    float:bottom;
                    margin-bottom: 0px;
                  }

.text-align-column1 {width: 45%;
                     border: 0px solid;
                     text-align:left;
                     float:left;
                     margin-left:40px;
                     margin-right:auto;
                     
     }

#contact-lang-signin-cart {width:100%;
                           height:50px;
                           border:1px solid;
                           border-color:;
                           background-color:#fffffff;
                           box-shadow: 0px 0px 5px 0 rgba(0, 0, 0, 0.2);
                           
                           
                           
                          }

#aanmeld-knop  { height:30px;
                 width:auto;
                 background-color: #dcdcdc;
                 border:1px solid;
                 text-color:#000000;
                 text-decoration: none;
                 margin:12px 20px 0px 0px;
                 display:inline-block;
                 
                 
                        }

#contact-knop  { height:30px;
                 width:auto;
                 background-color: #bdc785;
                 border:1px solid;
                 text-color:#000000;
                 text-decoration: none;
                 float:right;
                 margin:12px 10px 0px 0px;
                 display:block;
                 
                 
                        }

#cart-link { width:10%;
             height:48px;   /* ! hoogte moet gespecificeerd ! */
             background-image: url("../images/cart2.jpg");
             background-color:#f3f3eb;
             background-repeat:no-repeat;
             border:0px solid;
             position:relative;
             margin:0px 0px 0px 110px;
             display:inline-block;
             float:left;
             clear:right;
             
             
           }




 
#logo-naam   { width:90%;
               height:80px;
               background-image: url(../images/logo3.jpg); 
               background-repeat:no-repeat;
               background-position: 15px;                               
               border:0px solid;
               float:left; }

#logo-naam img { border: 0px solid;
                 float:left;
                 margin:0px 0px 0px 80px; }
               

#search-box {width:518px;
             height:40px;
             border:0px solid;
             float:left;
             margin: 30px 0px 0px 10px;
             clear:right;
            }

#labels-archive {width:330px;
                 height:35px;
                 background-image: url(../images/recordlabels4.jpg); 
                 display:inline-block;
                 border:1px solid;
                 float:right;
                 margin-right:30px;
                 margin-top:40px;
             
                }


.Column1 { display:inline-block;
           border:0px solid;
           width:32%;
           height:230px;
           float:left;
           clear:right;
           margin-right:30px;
           padding-top:8px;
           padding-left:0px;
           
         }

.Column2 {display:inline-block;
          border:0px solid;
          width:28%;
          height:230px;
          text-align:left;
         }

.Column3 {
    display:inline-block;
    border:0px solid;
    width:30%;
    height:230px;
    float:right;
    text-align:right;
    padding-right:60px;
    }



p.logo1  { font-family: Verdana, Arial, Helvetica, sans-serif;
           color:#000000;
	     font-size:25px;
           border: 0px solid;
	     padding:0px 0px 0px 30px ;
           margin: 18px 0px 0px 30px ;
           font-weight:bold;
	     line-height:25pt;
             }


p.kop      { font-family: Verdana, Arial, Helvetica, sans-serif;
             color:#000000;
	       font-size: 15px;
	       padding: 3px 0;
             margin: 3px 0;
             font-weight:bold;
	       line-height: 12pt;
             }

p.subkop   { font-family: Verdana, Arial, Helvetica, sans-serif;
             color:#000000;
	       font-size: 14px;
             font-weight:bold;
             }


p.text { font-family: Verdana, Arial, Helvetica, sans-serif;
	    font-size:14px;
          color:#434343;
          font-weight:normal; 
       }

p.tekst { font-family: Verdana, Arial, Helvetica, sans-serif;
	    font-size:14px;
          color:#000000;
          font-weight:normal; 
       }


p.textfoot { font-family: Verdana, Arial, Helvetica, sans-serif;
	       font-size:14px;
             color:#000000;
             font-weight:normal;
           }


p.smalltext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
      color:#000000;
	font-size: 10px;
	padding: 3px 0;
      margin: 3px 0;
	line-height: 12pt
}

p.smalltext-underline {
	font-family: Verdana, Arial, Helvetica, sans-serif;
      color:#000000;
	font-size: 10px;
	line-height: 12pt;
      text-decoration:underline;
      margin-left:0px;
}





  #submit1 {
  width:32px;
  height:21px;
  position:relative;
  display:inline-block;
  background-image:url("../images/de.jpg");
  background-repeat: no-repeat;
  background-size:cover;
  border:0px;
  margin-right:4px;
  color: rgba(0, 0, 0, 0);
  text-decoration: none;
  cursor: pointer;
}

  #submit2 {
  width:32px;
  height:21px;
  position:relative;
  display:inline-block;
  background-image:url("../images/en.jpg");
  background-repeat: no-repeat;
  background-size:cover;
  border:0px;
  margin-right:4px;
  color: rgba(0, 0, 0, 0);
  text-decoration: none;
  cursor: pointer;
}

  #submit3 {
  width:32px;
  height:21px;
  position:relative;
  display:inline-block;
  background-image:url("../images/ne.jpg");
  background-repeat: no-repeat;
  background-size:cover;
  border:0px;
  margin-right:4px;
  color: rgba(0, 0, 0, 0);
  text-decoration: none;
  cursor: pointer;
}

  #submit4 {
  width:32px;
  height:21px;
  position:relative;
  display:inline-block;
  background-image:url("../images/es.jpg");
  background-repeat: no-repeat;
  background-size:cover;
  border:0px;
  margin-right:4px;
  color: rgba(0, 0, 0, 0);
  text-decoration: none;
  cursor: pointer;
}

  #submit5 {
  width:32px;
  height:21px;
  position:relative;
  display:inline-block;
  background-image:url("../images/fr.jpg");
  background-repeat: no-repeat;
  background-size:cover;
  border:0px;
  margin-right:4px;
  color: rgba(0, 0, 0, 0);
  text-decoration: none;
  cursor: pointer;
}


#voorraad-pdf { background-color:#9abb61;
                padding:8px 7px 8px 7px;
                float:left;
                margin: 20px 0px 0px 30px; }

#contact-link { float:left; }



a. logo_companyname { text-decoration: none; }

a img {border:none; outline:none;}

a:link { text-decoration: none; outline:0; }

a. languages_search { text-decoration: none; }



#footer a:link { color:black; text-decoration: none; }
#footer a:visited { color:black; text-decoration: none; }
#footer a:active { color:black; text-decoration: none; }
#footer a:hover { color:blue; text-decoration: none; }


.standaard-knop  { height:30px;
                   width:auto;
                   background-color: #f3f3eb;
                   border: none;
                   text-color:#000000;
                   text-align:justify;
                   text-decoration: none;
                   padding: 5px 8px 5px 8px;
                   cursor: pointer;
                        }

.standaard-knop {font-family: Verdana, Arial, Helvetica, sans-serif;
                 color:#000000;
	           font-size: 15px;
	           text-decoration:none;
                    }







#winkel-button  { width:200px;
                  height:40px;
                  padding-top:8px;
                  margin-left:auto;
                  margin-right:auto;
                  margin-top:150px;
                  outline:none;
                  
                  }

button.winkel-knop  { height:30px;
                      width:200px;
                      border:none;
                      background-color: #da5a33;
                      text-align:center;
                      text-decoration: none;
                      padding:0px 8px 0px 8px;
                      cursor: pointer;
                     }
button.winkel-knop {
	font-family: Verdana, Arial, Helvetica, sans-serif;
      color:#ffffff;
	font-size: 15px;
	text-decoration:none;
      
      }









input {
    border-radius: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;

}

input[type=text]:focus { background-color:#ffffff; }

input[type=text] {      width:278px;
                        height:38px;
                        border: 1px solid;
                        background-color:#ffffff;
                        border-color:#d2d2d2;
                        display:inline-block;
                        padding-left:8px;
                        float:left;
                                                                        
                }



/* BEGIN ZOEKVELD */




#search-button-1 {width:110px;
                  height:40px;
                  border:1px solid;
                  background-color:;
                  display:inline-block;
                  float:left;
                  clear:right;
                  cursor:pointer;
                  
                    }

#search-button-2 {width:110px;
                  border:1px solid;
                  height:40px;
                  display:inline-block;
                  float:right;  }

#search-button-1 button {width:110px;
                         height:40px;
                         border:0px solid;
                         background-color:#6f9cc0;
                         cursor:pointer;
                         }
#search-button-1 button { font-family: Verdana, Arial, Helvetica, sans-serif;
                          color:#ffffff;
	                    font-size: 15px;
	                    text-decoration:none;
                        }

#search-button-2 button {width:110px;
                         height:40px;
                         border:0px solid;
                         background-color:#6f9cc0;
                         cursor:pointer;
                         }

#search-button-2 button { font-family: Verdana, Arial, Helvetica, sans-serif;
                          color:#ffffff;
	                    font-size: 15px;
	                    text-decoration:none;
                        }








.no-outline:focus {
  outline: none;
}