@import url(https://fonts.googleapis.com/css?family=Lato);
@import url(https://fonts.googleapis.com/css?family=Eagle+Lake);
@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed);
@import url(https://fonts.googleapis.com/css?family=Satisfy);
/* Eagle Lake voor de kerst- en nieuwjaarswens */

body {
  background-color:white;
  color:#505050;
  font-family: "Lato", sans-serif;
  font-size: clamp(1rem, .5rem + 1vw, 2rem);
  line-height: 140%;
  padding:0; margin:0;
}

h1 {font-family:"Roboto Condensed", sans-serif;font-size: 1.4em;}
h2 {font-family:"Roboto Condensed", sans-serif;font-size: 1.3em;}
h3 {font-family:"Roboto Condensed", sans-serif;font-size: 1.2em;}
h4 {font-family:"Roboto Condensed", sans-serif;font-size: 1.0em;}

h1, h2, h3, h4, dt, strong {
  color:#606060;
  color:#015999;
}

.jub {
	font-family:"Satisfy", sans-serif;font-size: 250%;
  color:#aa0000;
  color:#f07700;
	/* adhoc voor getal 25 jubileum */
}
a {
  color:#aa0000;
  text-decoration:none;
}

a:hover {
  color:#0000aa;
}

dt {
  font-size:1.1em;
}

dd {padding-bottom:15px}

img#kopfoto{
 height:12em;
 padding-bottom:2em;
}

table#stramien {
 width:100%;
 border-collapse:collapse; /* cruciaal om binnen tabel van de randlijnen af te komen*/
 /* border-bottom: solid 4px #f07700;  kleur van de i van het logo */
 /* border-top: solid 3px #f07700; /* kleur van de i van het logo */
}

p.slogan {
	text-align:center;
	font-size:1.2em;
	font-family:"Roboto Condensed";
	font-style:italic
}

td#nav {
 background-color:#ffffff; /* wit */
 width:20%; 
 border:0; padding:0 0 0 1em; margin:0;
 vertical-align:top; /* evt, voor de ul#navmenu, anders die verticalcentral*/
}

ul#navmenu {
  position:relative;
  top:10px;
  width:9em;
}

ul#navmenu li {
  list-style:none; /*schakelt de bullets uit ... */
  position:relative;
  font-family:"Roboto Condensed";
  vertical-align: bottom; /* for IE5/win */
  padding: 5px 0px 5px 0px;
}

ul#navmenu li.active {
   list-style:disc;
   background:#f3f3f3;
}

ul#navmenu li a{
  color:#505050;
  display:block;
}

ul#navmenu li a:hover {
  color:#aa0000;
}


/* BEGIN spelen met css uiklapmenuutjes */

ul#navmenu ul {
  position:absolute;
  left:-3000px; /*beetje vies natuurlijk, maar het werkt wel */
  background:white;
  font-style:italic;
}

ul#navmenu li:hover {
   background:#f3f3f3;
}

ul#navmenu li:hover ul {
  top:0px; 
  left:5.5em;
  padding-left:2px;
   background:#e0e0e0;
}



/* EINDE spelen met css uiklapmenuutjes */


td#inh {
 background-color:#ffffff; 
 width:80%;
 border:0;padding:1em ;margin:0;
 vertical-align:top; 
}


table#stramien td#inh div {
	margin:0px;
	padding:0em; /* padding moet niet bij td maar hier .
		        2012-12-17 van 1em op 0 gezet 
			ivm bildergallerie,
		        die anders een beetje uit elkaar valt */
}

dl.conf dt {
	font-weight:bold;
}

ul.isb-ipcc li, ol.miss li {
	margin-top:1em;
	padding-top:1em;
}

img.linklogo{
 max-width:128px;
 float:left;
 padding: 5px 15px 5px 5px;
 border:0;
}

p.wens{
	font-family:"Eagle Lake";
	font-size:1.3em;
	padding:1em;
	text-align:center;
	color:#990000;
	color:#f07700;
}

.inspringend {
   padding-left:20px;
}