/* general */
BODY {
	background-color: #FFF8DC;
	color: #2D2D72;
	background-image: url("images/yellow.png");
	margin: 0pt;
	padding: 0pt;
}

/* headings */
h1,h2,h3,h4,h5,h6 {
	color: #2D2D72;
}

/* navigation bar */
P.menu {
	margin: 0px;
}
P.submenu {
	padding-left: 10px;
	margin: 0px;
}
P.spacer {
	margin: 0px;
	margin-top: 10px;
}

/* paragraphs */
P.writtenby {
	font-family: cursive;
	padding-right: 50px;
	text-align: right;
}

/* lists (changelog) - hide this from NS4.7x */
@screen DL.changelog DT {
	background-color: #2D2D72;
	color: #FFF8DC;
	margin: 0px;
	padding: 2px;
	padding-left: 5px;
}
@screen DL.changelog DD {
	margin: 0px;
}
@screen DL.changelog DD P {
	margin: 0px;
	padding: 0;
	padding-bottom: 5px;
}
@screen DL.changelog DD {
	margin: 0px;
	margin-bottom: 10px;
	padding: 5px;
	border-color: #2D2D72;
	border-style: solid;
	border-width: thin;
}

/* lists (legend) */
DL.legend DT {
	font-weight: bold;
}

/* highlight an entry in a table */
TD.highlight {
	background-color: #2D2D72;
	color: #FFF8DC;
}

/* chess diagram (table) */
TABLE.diagram {
	float: right;
	border-collapse: collapse;
	background-image: url("images/green.png");
	border-spacing: 0;
	border: outset 3pt;
	margin-left: 10px;
	margin-bottom: 10px;
}
TABLE.diagram TD {
	padding: 0px;
	margin: 0px;
}
TABLE.diagram TD IMG {
	padding: 0px;
	margin: 0px;
	/* thanks to help on news://netscape.public.dev.css:
		Mozilla treats the 'img' element like usual inline text and this means
		that it aligns it to baseline, not to bottom. This gives extra white
		space under an image in tables. In order to remove this white space,
		two ways are possible:
			td img {display: block}
			td img {vertical-align:bottom;}
		See this site:  http://www.hut.fi/u/hsivonen/standards
	*/
	vertical-align: bottom;
}

/* according to http://www.subotnik.net/style/list-box-test.html following UL and LI
   defintions should render list the same on all(?) browsers - note that this is
   the Mozilla default */
UL { margin-left: 0; padding-left: 40px; }
LI { margin-top: 0; margin-bottom:0; }

Q { font-style: italic; }

/* Kalender */
.KalExtern {
	color: #AA0000;
}
.KalIntern {
}
.KalIC {
	color: #089908;
}
.KalJeugd {
	color: #AA00AA;
}
.KalMaand {
	background-color: #2D2D72;
	color: #FFF8DC;
}