.primary-nav {
  align-items: center;
  height: 50px;
  left: 0px;
  padding: 15px;
  width: 100%;
  margin: 0px;
  background-color: darkgray;
  display: inline;
  position: fixed;
  top: 70px;
  z-index: 3;
  font-weight: bold;
}

* {
  padding: 0;
  margin: 0;
}

video {
  max-width: 100vw;
}

button {
  width: 60px;
  margin-right: 20px;
}

.top-bar {
  align-items: center;
  display: flex;
  justify-content: left;
  border: 1px dashed darkgray;
  border-radius: 5px;
  background:#F5F5DC;
}

div.top-bar-level1 {
  width: 100%;
  align-items: center;
  color: black;
  right: 0;
  display: flex;
  padding: 2px;
  border-radius: inherit;
  margin: 0 0;
}

#txtSearch {
   border-radius: inherit;
}

.top-bar-level2 {
  background-color: transparent;
  width: 100%;
  margin: 0;
  padding: 7px 8px 7px 30px;
  font-size: 16px;
  color: inherit;
  border: 1px solid #F5F5DC;
  border-radius: inherit;
  background-image: url("../icons/la.svg");
  background-size: 13px;
  background-repeat: no-repeat;
  background-position: 10px center;
}

input[type="search"] {
  background-image: url("../icons/mg.svg");
  border: 1px solid darkgray;
  min-width:320px;
}

input[type="search"]::placeholder {
  color: darkgray;
}

input[type="search"]:focus {
  box-shadow: 0 0 3px 0 #3f69a8;
  border-color: #3f69a8;
  outline: none;
}

#suggest        { width: calc(100% - 15px); max-height:calc(100% - 64px);
                  background:white;background: #F8F5F5 0% 0% no-repeat padding-box;
                  z-index:12;position:absolute;left:0px;top:40px;border-radius: 31px;opacity: 1;
                  overflow: auto;
                  display:none;
                  border:1px dashed gray;margin:8px;}
                  
#suggest_list   { padding:4px; margin:4px; border:1px red dashed; width:calc(100% - 18px); display: flex;flex-direction: row;flex-wrap: wrap;}

.suggest_item   {  display: flex;flex-direction: column;flex-wrap: wrap;justify-content: left;align-items: left;
                   line-height:1.1em;;color: #2E2E2F;  border:1px green dashed;              
                   text-align: left; width:calc(100% - 2px); padding:8px;
                    cursor: pointer;
                }
                   
.suggest_item a { color: #2E2E2F;}

#suggest_close  { font: normal normal normal 14px/20px Helvetica;letter-spacing: 0px;color: #2E2E2F;float:right;margin-right:16px;margin-top:8px;}

.resultNaam     {font-weight:bold;font-size:1.2em;}
.resultType     {font-style:italic;}

@media only screen and (min-width: 768px) {
  #suggest      { width:33%; }
}