body {
  font-family      :Arial, Helvetica, sans-serif;
  background-color :#E0F3FB;
  scrollbar-arrow-color     :#00688F;
  scrollbar-face-color      :#D5E7EE;
  scrollbar-highlight-color :#FFFFFF;
  scrollbar-3dlight-color   :#FFF;
  scrollbar-shadow-color    :#00688F;
  scrollbar-darkshadow-color:#005675;
  scrollbar-track-color     :#FFF;
  margin: 0;
}
body #container {
position :relative;
max-width:900px;
min-width:600px;
margin: auto;
padding:0px;
/* enkel voor IE */ 
  width:expression(document.body.clientWidth > 900? "900px": (document.body.clientWidth < 600? "600px" : "auto") ); 
}
#kop {
  background-image :url(../images/bg_kop.jpg);
  background-repeat:repeat-x;
  height           :35px;
  color            :#80CFEE;
  font-size        :1.5em;
}
#kop table{
	margin:0px;
}
#kopfoto {
  height           :115px;
  margin-left      :150px;
/*  margin-right     :300px;*/
  overflow         :hidden;
}
#content {
  background-color :#FFF;
  background-image :url(../images/content_schaduw.jpg);
  background-repeat:repeat-y;
  overflow         :auto;
  margin-left      :150px;
  margin-right     :300px;
  margin-bottom    :0px;
/*height           :360px;*/
  height           :1840px;
  padding          :15px 5px 15px 15px;
  font-size        :0.8em;
  color            :#000;
}
#content-beheer {
  background-color :#FFF;
  overflow         :auto;
  margin-left      :150px;
  margin-right     :0px;
  margin-bottom    :0px;
/*height           :500px;*/
  height           :1980px;
  padding          :15px 15px 15px 15px;
  font-size        :0.8em;
  color            :#000;
}
#content a {
  text-decoration  :none;
  font-size        :1.0em;
  font-weight      :bold;
  color            :#000;
}
#menu-kop {
  background-color :#00688F;
  background-image :url(../images/bg_voet.jpg);
  height           :21px;
  margin-left      :150px;
  margin-right     :300px;
  overflow         :hidden;
  font-weight      :bold;
  font-size        :0.8em;
  padding          :2px;
}
/*****************************/
#menu-kop ul {
float     :left;
width     :100%;
padding   :0;
margin    :0;
list-style:none;
}
#menu-kop li a {
float          :left;
/*width          :6em;*/
text-decoration:none;
padding        :0.2em 0.9em;
border-right   :1px solid #80CFEE;
color          :#80CFEE;
}
#menu-kop li a:hover {
background-color:#80CFEE;
color           : #00688F
}
#menu-kop li {display:inline;
}

/* einde menu-styles */
#container .menu-links {
  background-color :#80CFEE;
  position         :absolute;
  top              :35px;
  left             :0px;
  width            :140px;
/*height           :520px;*/
  height           :2000px;
  padding          :5px;
  font-weight      :bold;
  font-size        :0.8em;
  color            :#800000;
/* text-align       :right;*/
}
.menu-links h2{
  padding-right:12px;
  margin-bottom: 0px;
}
.menu-links a {
  text-decoration  :none;
  font-size        :1.0em;
  font-weight      :bold;
  color: #800000;
}
.menu-links .bericht{
  font-size: 1.0em;
  font-weight:normal;
  padding-right:12px;
  margin-bottom: 0px;
}
.menu-links hr, .menu-rechts hr{
  color:#0E81AD;
}
/*.menu-rechts, .menu-links h2,h3,h4{*/
h2,h3,h4{
  margin-top: 0px;
  margin-bottom: 0px;
}
#container .menu-rechts {
  background-color :#80CFEE;
  position         :absolute;
  top              :35px;
  right            :0px;
  width            :290px;
/*height           :520px;*/
  height           :2000px;
  padding          :5px;
  color            :#800000;
  font-size        :0.8em;
  text-align       :left;
  overflow         :hidden;
}
.menu-rechts a {
  text-decoration  :none;
  font-size        :1.0em;
  font-weight      :bold;
  color: #800000;
}
#advertenties {
/*	background-image: url(../images/menu-rechts-bg-sotto.jpg);*/
}

/**************************************/
/* menu */
/* uitgangspunt Suckerfish! http://www.htmldog.com/articles/suckerfish/dropdowns/example/bones1.html */

#nav {
	position: relative;
	z-index: 10;
	}

#nav, #nav ul { /* all lists */
/*	background: #c0c0c0;	/*** tijdelijk aan te zetten om te zien waar je zit */
	padding: 0;
	margin: 0;
	list-style: none;
	width: 128px; /* breedte van de knoppen */
	}

#nav a {
	display: block;
	width: 128px; /* breedte van de knoppen */
	text-decoration: none;
	color: #800000;
	}

#nav li { /* all list items */
	float: left;
	width: 128px; /* breedte van de knoppen */
	background: #80CFEE; /* achtegrondkleur van de knoppen in ruststand */
	font-weight: bold;
	line-height: 1.3em; /* deze bepaalt de hoogte van de knoppen! */
	padding: 0 5px 0 5px;
	/* nu wat lege verticale tussenruimte tussen de items: voor verandering van de
	   muisaanwijzer bij hoveren, zodat je ziet dat je naar een volgende knop gaat.  */
	margin-bottom: 0px;
	/* nu de randjes per item om er echte knoppen van te maken */
	border-top   : 1px solid #D5E7EE;
	border-right : 1px solid #0E81AD;
	border-bottom: 1px solid #0E81AD;
	border-left  : 1px solid #D5E7EE;
	}

#nav li ul { /* block of second-level lists */
	position: absolute;
	/*	using left instead of display to hide menus because "display: none"
		isn't read by screen readers */
	left: -999em;
	/*	nu hier nog de achtergrondkleur van pagina opnemen, zodat niet iets van de
		content te zien is tussen de onder elkaar staande knoppen van het submenu: */
	background: #FFF; /* achtegrondkleur geeft wat ruimte om knop tegen inhoud van achtergrond */
	padding-top: 0px; /* geeft een paginakleurig randje boven de bovenste subitem-knoppen,
						    waardoor de knoppen los van de content komen (wordt vervolgd!). */
	}

#nav li ul li { /* second-level list-items */
	font-size: 100%; 		/* om sub-items op hetzelfde letterformaat te krijgen als hoofdmenu */
	background: #80CFEE; /* achtegrondkleur van de sub-knoppen in ruststand */
	}

#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
	/* eerst moeten de submenu-knoppen op gelijke hoogte van het bijbehorende menu-item komen;
	   proefondervindelijk: */
	margin-top: -1.4em;
	left: 140px; /* en naar rechts zodat een spleetje van 2px tussen de knoppen ontstaat. */
	/* nu plaatsen we met "padding" een strookje van die 2px met bg-kleur aan de linkerkant,
	   zodat de 2px afstand tussen menu en submenu "gevuld" wordt met een deel van het submenu,
	   en de muis niet in het spleetje kan terechtkomen waardoor het submenu niet meer te zien
	   zou zijn als je van een knop van het menu naar het submenu muist. */
	padding-left: 0px;
	/* en ook nog wat padding rechts (proefondervindelijk) voor wat speelruimte tov de content: */
	padding-right: 3px;
	}

* html #nav li:hover ul, * html #nav li.sfhover ul { /* IE-hack, correctie verkeerde maatvoering */
	padding-right: 5px;
	}

#nav li:hover, #nav li.sfHover { /* bg-kleur van knoppen wisselen bij hover */
/* background-color: #0E81AD;*/
	/* nu de randjes per item om er INGEDRUKTE knoppen van te maken */
	border-top   : 1px solid #0E81AD;
	border-right : 1px solid #D5E7EE;
	border-bottom: 1px solid #D5E7EE;
	border-left  : 1px solid #0E81AD;
	}

#nav a:hover {
  color: #FFF;
}

#voet {
  background-color :#00688F;
  background-image :url(../images/bg_voet_usd.jpg);
  height           :25px;
  text-align       :center;
  color            :#80CFEE;
  font-weight      :lighter;
  font-size        :smaller;
}
#voet a {
	color: #80CFEE;
	text-decoration: none;
	font-style: italic;
}
#voet 
a:link,
a:visited,
a:active {
	font-style: normal;
}
#voet a:hover {
  font-style: italic;
  font-weight:bold;
}
/*****************************/
.proverbio {
	font-style: italic;
	text-align: center;
}
.bijgewerkt {
  font-weight     :lighter;
  font-size       :0.7em;
}
.nng {
	color: #808497;
}
/*****************************/
td {
   vertical-align: top;
   }
.knop {
   display: inline;
}
#adres {
   text-align: center;
   font-size;12pt;
   color: #000000;
   font-style: italic;
   display: none;
}
#adres p {
   font-style: normal;
   font-weight: bold;
   }
}

@media print {
body { font-family: Arial, Helvetica, sans-serif; font-size: 10pt }
h1 {font-weight: bold; font-size: 12pt }
h2,h3,h4 {
	  margin-top: 0px;
}
td{
   background-color: transparent;
   border: 1px solid black;
   }
tr {font-size: 10pt}
.knop {
   display: none;
}
#meldingen {
   display: none
}
#adres {
   display: block;
   text-align: center;
   font-size;12pt;
   color: #000000;
   font-style: italic;
}
#adres p {
  font-style: normal;
  font-weight: bold;
  }
}