/* 2020-12-29 include */
     .Bullet1 { margin: 0pt  0pt  3pt  0pt; font-family: Arial,sans-serif;  }
     .Bullet2 { margin: 0pt  0pt  1px  27pt ; text-indent: -27pt ; font-family: Arial,sans-serif;  }
     .Bullet3 { margin: 0pt  0pt  1px  27pt ; text-indent: -27pt ; font-family: Arial,sans-serif;  }
     .Bullet4 { margin: 0pt  0pt  1px  0pt; font-family: Arial,sans-serif;  }
     .Bullet5 { margin: 0pt  0pt  1px  0pt; font-family: Arial,sans-serif;  }
     .caption { font-weight: bold; margin: 6pt  0pt  6pt  0pt ; font-family: Arial,sans-serif;  }
     CODE { font-family: Courier New,monospace;  }
     .DaCapo { font-size: 14pt ; font-weight: bold; font-style: italic; font-family: Times New Roman,serif;  }
     .Hangend { margin: 0pt  0pt  1px  1.1812in ; text-indent: -1.1812in ; font-family: Arial,sans-serif;  }
     .heading1 { font-weight: bold; margin: 0pt  0pt  1px  0pt ; font-family: Arial,sans-serif;  }
     .HTMLBASE { font-size: 12pt ; margin: 0pt  0pt  1px  0pt ; font-family: Times New Roman,serif;  }
     .Indent { margin: 0pt  0pt  1px  0.1965in ; font-family: Arial,sans-serif;  }
     .indent2 { margin: 0pt  0pt  1px  0.3937in ; text-indent: -0.3937in ; font-family: Arial,sans-serif;  }
     KBD { font-family: Courier New,monospace;  }
     .lijst { margin: 0pt  0pt  1px  0.3541in ; text-indent: -0.1965in ; font-family: Arial Narrow,sans-serif;  }
     .Lijst2 { font-size: 11pt ; font-weight: bold; margin: 0pt  0pt  1px  0pt ; font-family: Arial,sans-serif;  }
     .Literal { font-size: 12pt ; font-family: Courier New,monospace;  }
     .Literal1 { font-size: 14pt ; font-family: Courier New,monospace;  }
     .MenuLetter { font-size: 11pt ; font-weight: bold; font-style: normal; text-transform: none; font-variant: small-caps; font-family: Arial,sans-serif;  }
     .MenuVerwijzing { font-size: 11pt ; font-weight: bold; font-style: normal; color: #800000; text-transform: none; font-variant: small-caps; font-family: Arial,sans-serif;  }
     .MenuVerwijzing1 { font-size: 14pt ; text-transform: none; font-variant: small-caps;  }
     .Normal { font-size: 14pt ; text-align: justify; margin: 0pt  0pt  1px  0pt ; font-family: Times New Roman,serif;  }
     .Question { font-weight: bold; margin: 0pt  0pt  1px  0pt ; font-family: Arial,sans-serif;  }
     .Toets { font-size: 10pt ; font-weight: bold; color: #000080; margin: 0pt  0pt  1px  0pt ; font-family: Arial,sans-serif;  }
     .ToetsLetter { font-weight: bold; font-family: Arial,sans-serif;  }
     .ToetsLetter1 { font-weight: bold; font-family: Arial,sans-serif;  }
     .VasteRegelHoogte { margin: 0pt  0pt  1px  0pt ; line-height: 18pt ; font-family: Arial,sans-serif;  }
     
body { 
  background-image: url("/webimg/backgrnd.jpg"); 
  color: black;
  font-size: 12pt; 
  font-family: Arial, sans-serif;
  text-align: left;
}

a { font-weight: normal; }
a:link { text-decoration: none; color: #000066; }
a:visited { text-decoration: none; color: #000099; }
a:active { text-decoration: underline; color: maroon; }
a:hover { text-decoration: underline; color: red; }

img {
  max-width: 100%
}

p { 
  font-family: Arial, sans-serif;
  font-style: normal;  
}

p.voet { 
  font-family: Arial, sans-serif;
  font-size: 60%; 
  text-align: center;
}

em { 
  color: navy; 
  font-style: normal;  
  font-weight: bold;
}

kbd { 
  color: maroon; 
  font-style: normal;  
  font-weight: bold;
}

h1 { 
  color: maroon; 
  font-size: 200%;   
  font-family: Comic Sans,serif;
  text-align: center;
  font-weight: bold;
}

h2 { 
  color: maroon; 
  font-size: 150%; 
  font-weight: bold;
  font-family: Comic Sans,serif;
  text-align: left;
}

h3 { 
  color: maroon;
  font-size: 130%; 
  font-weight: bold;
  font-family: Comic Sans,serif;
  text-align: left;
}

h4 { 
  color: maroon;
  font-size: 120%; 
  font-weight: bold;
  font-family: Comic Sans,serif;
  text-align: left;
}

#logo {
 position: absolute;
 top: 5px;
 left: 5px;
} 

#nlvlag {
 position: absolute;
 top: 5px;
 right: 10px;
} 

#envlag {
 position: absolute;
 top: 5px;
 right: 70px;
} 

#twitter {
 top: 5px;
 left: 5px;
} 

#notice {
 border: 2px solid maroon; 
 margin-left: 180px; margin-right: 5px; margin-top: 5px; margin-bottom: 5px;
 padding: 10px; 
 text-align: center;
 font-size: 100%; 
 font-weight: bold; 
 color: black; 
 background-color: rgb(240, 220, 220);
} 

#menu {
 position: absolute;
 top: 150px;
 left: 0px;
 width: 170px;
 padding: 2px;
 font-family: Arial, sans-serif;
}
 
#menu ul { font-weight: 900; font-size:140%; 
     margin-left: 10px; margin-right: 5px; margin-top: 2px; margin-bottom: 3px;
     padding-left: 0px; padding-right: 0px; padding-top: 2px; padding-bottom: 3px;
     border-left:  0px; border-right:  0px; border-top:  0px; border-bottom:  0px; 
	   border-color: yellow; border-style: none;
	   list-style: none; width: 90%;        
	 }
#menu li { margin-left:  0px; margin-right:  0px; margin-top:  0px; margin-bottom:  0px; 
     padding-left: 0px; padding-right: 0px; padding-top: 0px; padding-bottom: 0px;
     border-left:  0px; border-right:  0px; border-top:  0px; border-bottom:  1px; 
	   border-color: lightyellow; border-style: solid; 
	 }
#menu li a:link, li a:visited, li a:active {text-decoration:none;}
#menu li a:hover {background-color: maroon; color:yellow; } 
#menu a { display:block; 
    margin-left:  0px; margin-right:  0px; margin-top:  0px; margin-bottom:  0px;
    padding-left: 0px; padding-right: 0px; padding-top: 0px; padding-bottom: 0px;
	  border-left:  0px; border-right:  0px; border-top:  0px; border-bottom:  0px; 
    }

#menu input { 
  width: 168px; 
}

#helpinfo {
 margin-top: 5px;
 margin-left: 180px;
 overflow: auto;
} 

#help {
 display: none;
}  

#paginakop { 
 position: absolute; 
 top: 1px;
 left: 320px;
 right: 160px;
 color: maroon; 
 text-align: center;
 font-weight: bold;
 font-size: 250%;;   
 font-family: Comic Sans,serif;
 display: block;
}  

.default { 
  font-size: 100%; 
  font-weight: normal; 
  font-style: normal; 
  text-decoration: none; 
  color: #000000; 
  vertical-align: baseline; 
  text-transform: none; 
  font-family: Arial,sans-serif;  
  fhtype: character;
}

.Base { 
  font-size: 100%; 
  margin: 0pt  0pt  1px  0pt ; 
  font-family: Arial,sans-serif;  
}

.BannerBase {
  color: maroon; 
  font-size: 200%;   
  font-family: Comic Sans,serif;
  text-align: center;
  font-weight: bold;
  margin: 4pt  4pt  4pt  4pt; 
}

.Literal { 
  font-size: 90%; 
  margin: 0pt  0pt  1px  0pt; 
  font-family: Courier New,monotype;  
}
.Shortcut { 
  font-weight: bold; 
  font-style: normal; 
}
.Menukey { 
  font-weight: bold; 
  font-family: Arial,sans-serif;  
}
.info { 
  font-weight: bold; 
  font-style: italic; 
  font-size: 110%; 
  font-family: serif;  
}
@media screen and (max-width: 1025px){
  #paginakop { 
    top: 1px;
    left: 1px;
    right: 1px;
    font-size: 200%;   
  }  
  #buttons { display: none; }  
}
@media screen and (max-width: 801px){
  #paginakop { font-size: 150%; }  
  #buttons { display: none; }  
}
@media screen and (max-width: 481px){
  #menu{
    position: relative;
    top: 1px;
    left: 1px;
    width: 100%;
    padding: 1px;
    font-family: Arial, sans-serif;
  }
  #paginakop { font-size: 120%; }  
  #logo { display: none; }  
  #nlvlag { display: none; }  
  #envlag { display: none; }  
  #twitter { display: none; }  
  #buttons { display: none; }  
  #helpinfo {
    margin-top: 1px;
    margin-left: 1px;
    overflow: auto;
  } 
}