#mnuSearchQA { 
    display:grid; 
    width: 92vw; height:12vw; 
    margin:2vw 4vw 1vw 4vw;
    grid-template-columns: auto 1fr auto auto;
    grid-template-rows: 4vw 1.5vw;
    justify-content: center; align-content:start;
    font-size:1.15rem; line-height:1.25rem; font-weight:normal;
    row-gap: 1vw ; column-gap: 1vw;}
    
  #mnuSearchQA input[type=text] {
    width: 35vw; height:auto;
    border: 1px #a0a0c0 solid;
    outline:0px #ffffff solid;  }       
  
  #mnuSearchQA #txtKenwoorden { 
    grid-column: 3 / span 4 ;
    font-size: 1.15rem; line-height:1.25rem ; color:#007fbb;
    text-align: left;  }
    
  #btnOverzicht, #btnSearch  {
    display:block; 
    width:auto; height:auto;
    padding: 0 2vw 0 2vw;
    background-color:#007fff; color:#ffffff; }
    
  #btnOverzicht { grid-column: 1 ; }
  #mnuSearchQA input[type=text]  { grid-column: 3 ; }
  #btnSearch { grid-column: 4 ; }    
  
  #contentQA { 
    width:92vw; height:auto; 
    margin: 0 4vw 0 4vw;
    overflow-x:hidden; overflow-y:auto; } 
  
  #lstQA {
    display:grid; 
    grid-template-columns: 1vw auto 1fr;
    grid-auto-rows: auto; 
    justify-content: start; align-content:start;
    justify-items: start; align-items: center;
    row-gap:0.2vw;
    width:100%; height: auto;;}
     
  #lstQA label {
    display:block; grid-column: 1 / span 2 ; 
    color: #007bff;  
    border: 1px #007bff solid;
    border-radius: 0.3vw;  
    font-size:1rem; line-height:1.15rem; font-weight:normal;
    padding:0.25vw 1.2vw;   
    height: auto ; width:auto; } 
  
   #lstQA label:hover { cursor: pointer; }
 
  #lstQA div { 
    grid-column: 1 / span 3 ; 
    height: auto ; width:100%;
    font-size:1rem; line-height:1.15rem; font-weight:normal;
    padding:0.25vw 1.2vw; }  
    
  #lstQA div { display: block ; }
  #lstQA div p { display:block; padding: 0 0 0.5vw 0; }