html {
	font-size: 18px;
	background: #eeeeee;
}

body {
/* De stylesheet van de In-de-hand website(s) vanaf 2022 versie licht (l)*/
	background: #eeeeee;
	color: #333366;
	max-width: 100% ;
	min-width: 420px;
	margin-right: auto;
	margin-left: auto;	
	margin-top: 1px;
	margin-bottom: 1px;
	border: 0px;
	font-family: "DejaVu Sans Book", "DejaVuSans", "Helvetica",  sans-serif;
	font-size: 1rem;
	font-weight: normal;	
	line-height: 1.6em;
	text-align: center;
	list-style: disc outside;
}
a {
	color: inherit;
	font-weight: bolder;	
	font-variant: small-caps;
	}
a:hover {
	font-weight: normal;	
}	
header {
	background: #333366;
}
img {
	max-height: 80%;
	max-width: 80%;
	margin-right: 2rem;
	margin-left: 2rem; 
}
img.header {
	width: 100%;
	max-width: 50vw;
	margin-right: 0;
	margin-left: 0; 	
}
nav.in-de-hand {
	background: #333366;
		color: #ff9933;	
	line-height: 2rem;
	text-align: center;
	word-spacing: 2rem;
	font-size: 0.9rem;
}
nav.pagina {
	background: #ff9933;
		color: #333366;	
	line-height: 2rem;
	text-align: center;
	word-spacing: 2rem;
	font-size: 0.9rem;
}
hr {
	float: none;
	line-height: 3rem;
	margin-bottom: 0;
	margin-top: 0;
	color:#ffffaa;
}
address {
	background: #333366;
	color: #ffffaa;
	text-align: center;
	font-size: 0.65rem;
}
#kolom{
	display: flex;
	width: 100vw;
}
#kolom div {
	background-color: #333366;
	flex-basis: 10vw;
}
#kolom div:nth-of-type(2){
	background-color: #eeeeee;
	flex-basis: 90vw;
}
h1 {
/* pagina (hr) kop */
	font-size: 1.4rem;
	font-weight: bold;
	text-align: center;
	line-height: 1.8rem;
	border: 0px;
}
h2 {
/* subtitel en navigatie */
	background: #ffffaa;
	color: #333366;
	font-size: 1.1rem;
	font-weight: bold;	
	text-align: center;
	line-height: 1.3rem;
}
p {
	font-size: 1rem;
	margin: auto 10vw auto 10vw;
}
ul {
	font-size: 0.9rem;
	line-height: 1.0rem;
	margin-top: 1rem;
	margin-bottom: 1rem;	
	margin-right: 5rem;
	margin-left: 5rem;	
}
li {
	font-size: 0.8rem;
	font-style: italic;
	line-height: 1.2rem;
	margin-right: 5rem;
	margin-left: 5rem;	
}
cite {
	margin: auto 2rem auto 2rem;
	font-style: oblique;
}
#knop {
  display: block;
  position: fixed;
  bottom: 4vw;
  left: 1vw;
  z-index: 99;
  font-size: 0.9rem;
  border: none;
  outline: none;
  background-color: #ffffaa;
  color: #333366;
  cursor: pointer;
  padding: 0.75rem;
  border-radius: 2rem;
}

#contactknop {
  display: block;
  position: fixed;
  bottom: 4vw;
  right: 1vw;
  z-index: 99;
  font-size: 0.9rem;
  border: none;
  outline: none;
  background-color: #333366;
  color: #ffffaa;
  cursor: pointer;
  padding: 0.75rem;
  border-radius: 2rem;
}