* {
  margin: 0;
  padding: 0;
}

h1, h2, h3, h4, h5, h6, p, pre, blockquote, label, ul, ol, dl, fieldset, address { /*form, */
  margin: 1em 5%;
}

li, dd, blockquote {
  margin-left: 5%;
}

fieldset {
  padding: .5em;
}

option, select {
  min-width: 1.5em;
}

select optgroup {
  margin-left: 2%;
}

select optgroup option {
  margin-left: 10%;
}

form * {          /*niet getest...*/
  margin: auto;
  padding: 0;
}

/****************** start non-base css ***********************/

/*
www.liefdesnacht.nl/test/
Site ombouwen voor 800 x 600
Zonder Frames e.d. Elke pagina start met twee plaatjes met gele koptekst ertussen. 
De hoogte van de plaatjes moet op elke pagina even hoog worden. 
*/

body {
  padding: 5px;
 /* width: 80%;*/
  width: 700px;
  max-width: 700px;
  margin: 0 auto;
  text-align: center;
  color: #FFF; /*wit*/
  font-size: 90%;
  font-weight: 600; /* let op regel bij #menu a!!! */
}

html {
  background-color: black;
	overflow-x: hidden;
	overflow-y: auto;
/* vanwege de horizontale-schuifbalkbug in #@!IE */  
}

/* body:hover {
  background: url(pics/logo2.png) fixed no-repeat center #000;
} */

#top {
  /*position: fixed;*/
  /*border-bottom: white solid 1px;*/ /*-temp-*/
  padding-bottom: 1em;
}

h1 {
  margin: 0;
  font-size: 3em; /*of iets tot 2.8em?*/
  font-weight: bolder;
}

h1 a {
  text-decoration: none;
}

#menu {
  /*font-weight: normal;*/
  font-size: 1em;
}

#menu a:link {
  color: #36F;
}

#menu a:hover {
/*  color: #0C0; /*groen*/            /* of gewoon geel op zwart */
/*  background-color: #FF3; */ /*gelig*/
	/*color: #DEDECA;
	background-color: #300;*/
}

#menu a:visited {
  color: #6FF;
  /*color: #0C0; *//*groen*/
}

#fotoos {
	position: absolute;
	top: 60px;
	width: 700px;
	border: 2px double #F00; 
}

table {
  border: #F3C double 3px; /* of '#F6C' als in boekingen etc.??? */
  border-spacing: 1px;
  height: 187px;           /* alle tabellen worden nu minstens 187px hoog! */
}

div div table {
  border-style: none; 
}

#tekst {
  text-align: left;
  border: #F3C double 3px;
  padding-top: 1em;
}

#tekst a:link {
  color: #FCF;
}

#tekst a:visited {
  color: #FCF;
}

/* #tekst:hover {
  border: 3px #CFC;
} */

ul {
  list-style: none;
}

ul li:before {
  content: "\2665 \0020";       /* gebruik hartjes ipv bullets in lijsten */
  color: #ff0;                  /* geel */
}

q {
  font-size: 1.5em;
  font-style: italic;
  font-weight: normal;
  /*quotes: '201C' '201D' '2018' '2019';*/
  /*padding-right: 10%;*/
}

q:before {
  content: open-quote;
}

q:after {
  content: close-quote;
}

.centreer {
  text-align: center;
}

.actueel {
  color: #FF0; /*geel*/
}

.actueel a:link {
  color: #36F;
}

.actueel a:visited {
  color: #6FF;
  /*color: #0C0; *//*groen*/
}

.geletekst {
  color: #FF0; /*geel*/
 }

.groenetekst {
 color: #CFC; /*lichtgroen*/
 }

.cursief {    /* naam veranderen in iets als 'opmerking' of 'aankondiging'? */
  font-style: italic;
  color:#FFC; /* geel met een tikje blauw */
}

.tussenkop {
  font-size: 18px;
  color: #6C0;
 }


/********** kleuren voor de koptekst **********/
.lk01 {color: #F09;}  /* lk = letterkleur */
.lk02 {color: #F3C;}
.lk03 {color: #FF3;}
.lk04 {color: #C3F;}
.lk05 {color: #6F0;}
.lk06 {color: #F06;}
.lk07 {color: #F6F;}
.lk08 {color: #F3F;}
.lk09 {color: #0C0;}
.lk10 {color: #F0C;}
.lk11 {color: #FC0;}
.lk12 {color: #3F0;}
.lk13 {color: #C0C;}