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



#wrapper-of-all {  width:100%;
                   border:1px solid;
                   margin-left:auto;
                   margin-right:auto;
                   overflow-y: auto scroll;
                   text-align:center;
                 }


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

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



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

#search-box {width:515px;
             height:40px;
             border:0px solid;
             float:left;
             clear:right;
             margin: 80px 0px 0px 10px;
             position:absolute;
            
             
            }

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

::-ms-input-placeholder { /* Edge 12-18 */
  color:#000000;
}

::placeholder {
  color:#000000;
}





#form-positie { width: auto;
                height:38px;
                border: 1px solid;
                border-color: #626262 ;                    /* #626262 */
                clear:right;
                display:inline-block;
                text-align:left;
               
                
              }



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











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



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

#submenu {height:30px;}

#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:1980px !important; */
   text-align:center;
   margin: auto;
   background-color:#a1a1a1;
    }

#header { height:250px;
          width:100%;
          margin: 0 auto;
          border:0px solid;
          color:blue;
          margin-top:0px;
          margin-bottom: 8px;
          background-color:#ffffff;
          box-shadow: 0px 5px 8px #888888;
        }

#hoofdvlak {
    width:100%;
    height: auto;                                                   /* height:1950px; */
    background-color:#a2a2a2;
    border:0px solid;
    overflow: hidden;
    margin-left: auto;
    margin-right: auto;
    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:98%;
         height:auto;
         border:0px solid;
         margin-top: 110px;
         margin-left: auto;
         margin-right: auto;
         position:relative;
         z-index:900;
       }



/* einde overlay */



#footer{ border:1px solid;
         border-color:#a0a0a0 !important;
         width:98% !important;
         height: auto;
         padding: 10px 10px 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:99%;
                           height: auto;
                           margin-left:auto;
                           margin-right:auto;
                         }

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

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

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

#aanmeld-knop  { height:30px;
                 width:auto;
                 background-color:#dcdcdc;
                 border:1px solid;
                 margin:12px 0px 0px 50px;
                 float:left;
                 clear:right;
                 display:inline-block;
                 
                 
                        }

#contact-knop  { height:30px;
                 width:auto;
                 background-color:#dcdcdc;
                 border:1px solid;
                 float:right;
                 margin:12px 15px 0px 10px;
                 display:inline-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 60px;
             float:left;
             clear:right;
             display:inline;
             
           }




#logo-naam   { width:40%;
               height:50px;
               background-image: url(../images/logo3-klein.jpg); 
               background-repeat:no-repeat;
               display:inline-block;
               border:0px solid;
               float:left;
               clear:right;
               margin-left:20px;
               margin-top: 4px;
              }





#logo-naam img   {width:80%;
                  border: 0px solid;
                  margin-left:65px !important;
                  margin: -3px 0px 0px 0px;
              }






#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:100px;
             
            }

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

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

.Column3 {
    display:inline-block;
    border:0px solid;
    width:33%;
    height:230px;
    float:right;
    }



p.logo1  { min-width:320px !important;
           font-family: Verdana, Arial, Helvetica, sans-serif;
           color:#000000;
           border:1px solid;
	     font-size:20px;
	     padding: 24px 0px 0px 60px;
           margin: 3px 0;
           font-weight:bold;
	     line-height: 12pt;
             }


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.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:30px;
  height:21px;
  position:relative;
  display:inline-block;
  background-image:url("../images/smallde.jpg");
  background-repeat: no-repeat;
  background-size:cover;
  margin-right:4px;
  border: none;
  color: rgba(0, 0, 0, 0);
  text-decoration: none;
  cursor: pointer;
}

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

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

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

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

#voorraad-pdf { float:left; }

#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: 0px solid;
                   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:30px;
                  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;

      }


/* BEGIN ZOEKVELD */






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

#search-button-2 {width:110px;
                  border:0px 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;
                        }