@import url(https://fonts.googleapis.com/css?family=Lato);
@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed);
/*
@import url(https://fonts.googleapis.com/css?family=David+Libre);
@import url(https://fonts.googleapis.com/css?family=Frank+Ruhl+Libre);
*/
@import url(https://fonts.googleapis.com/css?family=Bellefair);


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

h1, h2, h3, dt, strong { color:#0f74bc; }
h1 {font-family:'Roboto Condensed', sans-serif; font-size: 130%; }
h2 {font-family:'Roboto Condensed', sans-serif; font-size: 120%; }
h3 {font-family:'Roboto Condensed', sans-serif; font-size: 110%; }


a {
  text-decoration:none;
  color:#0f74bc;
/*  font-weight:bold; */
}

html a:hover {
  color:#0f74bc;
  color:#aa0000;
}

dd {padding-bottom:5px}

span.nadruk{font-weight:bold}

/*
.heb { font-family:'David Libre', sans-serif ; font-size:1.4em}
.heb { font-family:'Frank Ruhl Libre', sans-serif ; font-size:1.4em}
*/
.heb { font-family:'Bellefair', sans-serif ; font-size:1.4em}


table#stramien {
 background-color:#ffffff; /*wit */
 border-collapse:collapse; /* cruciaal om binnen tabel van de randlijnen af te komen*/
}

tr#kop{
 height:5em;
}

tr#kop td#links{
 width:20%;
 border: 0 none;
 margin: 0;
 background-color:#ffffff; 
 background-color:#f3f3f3; 
 font-style:normal;
 font-family:'Bellefair', serif;
 color:#505050;
 font-size:1.8em;
 text-align:right;
}


tr#kop td#rechts{
 width:80%;
 text-align:center;
 font-size:220%;
 letter-spacing:0.15em;
 font-style:italic;
 color:#fff; 
 border: 0 none;
 margin: 0;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#1e5799+0,2989d8+50,7db9e8+100 */
background: #1e5799; /* Old browsers */
background: -moz-linear-gradient(top,  #1e5799 0%, #2989d8 50%, #7db9e8 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #1e5799 0%,#2989d8 50%,#7db9e8 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #1e5799 0%,#2989d8 50%,#7db9e8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#7db9e8',GradientType=0 ); /* IE6-9 */



}

tr#kop p {
 padding-top:15px;
 padding-bottom:10px;
 margin: 0 0 0 0;
}

td#nav {
 width:20%;
 border:0;
 margin:0;
 padding: 30px 0 30px 20px;
 vertical-align:top; /* evt, voor de ul#navmenu, anders die verticalcentral*/
}

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

ul#navmenu li {
  list-style:none; /*schakelt de bullets uit ... */
  width:8.5em;
  position:relative;
  color:#404040;
  vertical-align: bottom; /* for IE5/win */
}

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

ul#navmenu li a{
  color:#404040;
  display:block;
  height:1.5em;
  background:#f3f3f3;
  padding: 5px 5px 5px 5px;
  margin: 2px 0px 2px 0px;
/*  border-left: solid 5px #606060;*/
}

ul#navmenu li a:hover {
  background-color:#e0e0e0;
}


/* 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;
}



/* EINDE spelen met css uiklapmenuutjes */



table#stramien td#inh {
 width:80%;
 border:0;padding:36px;margin:0;
 vertical-align:top; 
}


table#stramien td#inh div {
 padding-top: 20px;
 padding-bottom: 20px;
}


/*VARIA*/

table.programma td {
	vertical-align:top;
}

div#nieuwsopdevoorpagina {
}

div#nieuwsitemsopdenieuwspagina {
margin-bottom:2em;
}

a.nieuwsitem {
margin-right:2em;
}

/* p en div */

.ingezonden {
font-style:italic;
padding:1em;
margin-top:3em;
background-color:#dfdfff;
}

/* p en div */


td.feat {
text-align:right;
vertical-align:top;
padding-right:10px;
font-style:italic;
}

/* PAGINA IVRIET */
span.itemknop{
	font-weight:bold;
}

/*ALEF BEET ZOEKMACHINE*/
table#toon td {
vertical-align:top;
}

tr.grijs {
background-color:#f3f3f3;
}

td.jaar {
width:120px;
}

td.auteur{
width:25%;padding-right:1em;font-size:smaller;
}

span.abref {font-size:smaller;font-weight:bold}

/*OTSAR*/
dl.otsar dt {
margin-top:1em;
}

/* na het verzenden van een bericht */
div.nahetverzenden{
text-align:left;
margin-top:100px;
padding:20px;
width:600px;
font-weight:bold;
background-color:#fffafa;
}



.rouwadvert {
     background-color: white;
     color: black;
     margin-left:auto;
     margin-right:auto;
     border-style:solid;
     border-color:gray;
     border-width:7px;
     width:66%; 
     padding:15pt;
}