/* Generieke Style Sheet - A.U. Luyer - Luyer Web Design - http://www.luyer.nl/
   v1: 25 nov 2002
   v2: 24 apr 2003 datum en tip notatie toegevoegd
   v3: 24 jul 2003 th toegevoegd.
   v4:  4 mrt 2020 responsive html5

Eerst globale instellingen:
Alle tekst dezelfde lettertype */
* {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	box-sizing: border-box;
}

/* behalve pre */
pre {
	font-family: monospace;
}

body {
	background-color: #F1FFFE;
	margin: 0px;
	border: 0px;
	padding: 0px;
	border-spacing: 0px; /* niet ondersteund door MSIE */
}

#hoofd { /* body table {} werkt niet in MSIE */
	max-width: 900px;
	/* margin: 0px auto; */
	/* style: overflow:auto; */
}
#hoofd a {
	display: block;
	line-height: 0;
}

p,td,body,li,pre {
	font-size: small;
	color: #000099;
}

h1,h2,h3,h4,h5,h6,h7,hr {
	color: #0000CC;
}

h4,h5 {
	margin-bottom: 0px;
}

h1 { font-size: xx-large; }
h2 { font-size: x-large; }
h3 { font-size: large; }
h4 { font-size: medium; }
h5,h6 { font-size: small; }

td {
	vertical-align: top;
	text-align: left
}

/* html { */
	/*overflow-y: scroll; /* speciaal voor IE6 */
/* } */

hr {
	width: 90%;
	background-color: #000066;
	color: #0099CC;
	border-style: none;
}

a {
	color: #0000A0;
}

a:visited {
	color: #3399CC;
}

a:active {
	color: #FF0000;
}

a:hover {
	color: #0066CC;
	background-color: #ffffe3;
}

.datum { /* datum veld in artikel */
	font-size: 80%;
	font-weight: bold;
	color: black;
}

.center {
	text-align: center;
}

th {
	font-weight: bold;
	/* text-align: left; */
	font-size: small;
}

ul ul a {
	font-size: 120%;
}

ul ul {
	list-style-type: square;
}

ul {
	margin-top: 2pt
}

em {
	color: red;
	font-style: normal;
}

blockquote {
	margin-top: 2pt
}

/* .menu {padding: 0px; margin: 0px;} */
/* Menu Style Sheet - A.U. Luyer - v1: 25 nov 2002 */
.menu a {color: White; font-weight: bold; padding: 1pt 4pt; text-decoration: none; width:100%;}
.menu a:visited {color: White;}
.menu a:active {color: #990000;}
.menu a:hover {color: #0000CC; background-color: #FFFFE3;}
/*html {overflow-y: auto} /* speciaal voor IE6 */


.menu {
  float:left;
  width:20%;
  text-align:left;
  padding: 0px; margin: 0px;
  
  background-color: #0099CC;
  line-height:150%; padding-left: 3pt; 
}

.main {
  float:left;
  width:70%;
  padding:0px 20px;
}
@media only screen and (max-width:620px) {
  /* For mobile phones: */
  .menu, .main {
    width:100%;
  }
}