/*styllijst van Tjsernobyl Zwolle
webmaster = GJH Grootens / Bas Baars
Versie 1*/

/*Opmaak van de Body*/
BODY.standaard {
	background : #F6F6F6 ;    /*(achtergrond index)*/
}
/*Kopindeling van de website */
H1 {
	font-size: 140%;
	margin-top: 12pt;
	margin-bottom: 12pt;
}
H2 {
	font-size: 120%;
	margin-top: 6pt;
	margin-bottom: 12pt;
}
H3 {
	font-size: 105%;
	margin-bottom: 0pt;
	margin-top: 12pt;
}
/*Standaard tekstopmaak*/
P {
	color: #800000;
	font-size: 100%;
	letter-spacing: normal;
	margin-bottom: 0%;
	margin-top: 0%;
}
/*Overige standaard indeling van de website*/
.standaard {
	color: #800000;
	font-family: Arial, Helvetica, sans-serif;
}
.kop {
	color: #005701;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bolder;
}
/*Algemene indeling bestand */
DIV.compleet{
  width: 975px;
  margin-bottom: 0px;
  float: left;
  position:absolute;
  left:50%;
  margin-left: -488px;
}
DIV.links{
   width: 200px;
   float: left;
  padding-top: 5px;
}
DIV.rechts{
  width: 50px;
  float: right;
  height: 100%;
  top: 0px;
  background-image: url(../Plaatjes/Vlag_Menu.png) ;
  background-repeat: repeat-y  ;
}
DIV.menu{
  float: left;
  width: 252px;
  height: 100%;
  position: fixed;
  top: 0px;
}
DIV.inhoud{
  float: right;
  width: 700px;
  padding-left: 15px;
  top: 0px;
}
DIV.voet{
  width: 175px;
  bottom: 0px;
  height: 50px;
  position: absolute;
}
/*Indeling van het navigatiemenu */
div#menu {
  width: 200px;          /* menu width */
}
div#menu ul {
  list-style-type: none; /* get rid of the bullets */
  padding:0;             /* no padding */
  margin:0;              /* no margin for IE either */
}
div#menu ul li {
  margin: 0;
  padding: 0;
  display:block;
}
div#menu ul li a {
  display: block;         /* lines extend to right, make area clickable */
  color: #066806;
  padding: 2px 2px 2px 23px;
  margin:0;
  text-decoration: none;
  height:auto;           /* hint for IE, alternatively remove whitespace from HTML */
}
div#menu ul ul li a {
  margin-left: 20px;     /* indent level 1 */
}
div#menu ul ul ul li a {
  margin-left: 40px;     /* indent level 2 */
}
div#menu li ul, div#menu li.open li.closed ul {
  display: none;         /* collapse */
}
div#menu li.open ul {
  display: block;        /* expand */
}
div#menu ul li.open a {
  background-image: url(../Plaatjes/bullet_open.gif);
  background-repeat: no-repeat;
}
div#menu ul li.closed a {
  background-image: url(../Plaatjes/bullet_closed.gif);
  background-repeat: no-repeat;
}
div#menu ul li.leaf a {
  background-image: url(../Plaatjes/bullet_leaf.gif);
  background-repeat: no-repeat;
}
div#menu li.active a {
  background-position: 0px -40px;
  color: #800000;            /* highlight text */
}
div#menu li.active li a {
  background-position: 0px 0px;
  color: #066806;          /* fix lower levels */
}
div#menu ul li a:hover {
  color: #808000;
  font-style: oblique;
}