body {
	background-color: #D8D8D8;
	font-size: 10px;
	font-family: Verdana, Arial, Sans-Serif;
	padding: 0;
	margin: 0;
}

a { position: relative; }

a:link, a:visited {
	text-decoration: none;
	color: #0D3765;
} 

a:hover {
	text-decoration: underline;
}

#page {
	color: #3F3F3F;
	width: 78em;
	margin-bottom: 1em;
	margin-left: auto;
	margin-right: auto;
	background-color: #fff;
	border-left:		1px solid #CCC;
	border-right:	 1px solid #CCC;
	border-bottom:	1px solid #CCC;
}

#header, #vis , #vis2, #vis3, #vis4 {
	padding: 0; margin: 0;
	height: 16em !important;
	max-height: 16em !important;
	width: 78em;
	position: relative;
}

#header {
	background: #134A86 url("gradient.png") no-repeat top;
}

#logo {
/*	__ORG__ width: 22em; */
/* __GKO__ 20071113 Increase content by 5em, and decrease sidebar by 5em. Decrease top margin of content and sidebar to 2em */
	width: 19em;
	height: 15em;
	display: block;
	background: transparent url("logo.png");
}

#content {
	background-color: #ffffff;
	padding: 0;

/*	__ORG__ margin-top: 4em;
	padding-bottom: 4em;
	margin-left: 27em;
	width: 45em;
*/
/* __GKO__ 20071113 Increase content by 5em, and decrease sidebar by 5em. Decrease top margin of content and sidebar to 2em */
	margin-top: 2em;
	padding-bottom: 4em;
	margin-left: 22em;
	width: 53em;
}

#content p, #content pre, #content td {
/*	__ORG__ font-size: 1.2em; */
/* __GKO__ 20071113 decrease font size */
	font-size: 1.1em;
}

#content ul, #content ol {
/*	__ORG__ font-size: 12px; */
/* __GKO__ 20071113 decrease font size */
	font-size: 1.1em;
}

/* Edit - Quick Reference [Site/EditQuickReference] */
#content table.quickref{
/*	__ORG__ width: 45em;
*/
/* __GKO__ 20080215 Let PmWiki/skin decide the width. So put width in comment
	width: 45em; */
}
#content table.quickref td {
/* __GKO__ 20080215 __ORG__ font-size: 0.95em; */
	font-size: 0.9em;
}

/* -------------------------
** TABLE formatting
** Suggestion: put all table formatting in comment, so you can use
** formatting in your PmWiki page to layout/mark up the table
**/
/*
#content table {
	border: 0;
}

#content table tr, #content table td {
	padding:0; margin:0;
}

#content table td {
	padding-right:	6px;	
	padding-bottom: 12px;	
}
** ------------------------- */



/* -------------------------
__ORG__ 
#content textarea {
	width:50em; height:30em;
	font-family: monospace;
}
** ------------------------- */
#content textarea {
/* __GKO__ Textarea width + height: don't set size.
** PmWiki sets the size for e.g. action=edit and
** CommentBoxPlus sets it's own textarea width + height */
	/* width:36em; height:10em; */
  width:100%;
	font-family: Verdana, Helvetica, Arial, Sans-Serif;
	/* IE 6.0 dispalys 12px font size which "font-size: inherit;" too large*/ /* use font-size of content P style */
	font-size: 11px; /* use font-size of content P style */
	/* font-size: 1.1em; */ /* use font-size of content P style */
}

#content h1 {
	font-size: 1.7em;
}

#content h2 {
	font-size: 1.5em;
}

#content h3 {
	font-size: 1.3em;
}

/* __GKO__ Added H4 for CommentBoxPlus */
#content h4 {
	font-size: 1.1em;
}

/* __GKO__ Added H5 for CommentBoxPlus */
#content h5 {
	font-size: 1.1em;
}

#content ul {
	margin-left:0;
	padding-left:2em;
}

#content { 
	min-height: 35em;
}

#sidebar {
	float: left;
/*	__ORG__ width: 20em;
	margin: 0;
	padding: 4.5em 2em 2em 3em; */
/* __GKO__ 20071113 Increase content by 5em, and decrease sidebar by 5em. Decrease top margin of content and sidebar to 2em */
	width: 15em;
	margin: 0;
	padding: 2em 2em 2em 2em;
}


#sidebar h1 {	font-size: 1.6em; }
#sidebar h2 {	font-size: 1.4em; }
#sidebar h3 {	font-size: 1.2em; }
#sidebar h4 {	font-size: 1.1em; }
#sidebar h5 {	font-size: 1.1em; }

#sidebar p  {	font-size: 1.1em; }
#sidebar li {	font-size: 1.1em; }
#sidebar ol {	font-size: 1.1em; }

#sidebar ul { list-style:none; padding:0px; margin:0px; }
#sidebar li { margin:0px; margin-bottom: 0.2em;padding-left: 0.6em; }





/* __GKO__ increased font-size */
#suptitle p, #suptitle ul {
	font-size: 1.2em;
	padding: 0.4em 0;
}

#suptitle p {
	float: left;
	padding-left: 1em;
}

#suptitle ul {
	text-align: right;
	padding-right: 1em;
}

#suptitle ul li {
	display: inline;
	margin-left: 1em;
}

#menu ul {
	position: absolute;
/*	__ORG__ width: 49em;
	margin: 0;
	padding: 0;
	bottom: 0;
	left: 24em;
*/
/* __GKO__ 20071113 Increase content by 5em, and decrease sidebar by 5em. Decrease top margin of content and sidebar to 2em */
	width: 54em;
	margin: 0;
	padding: 0;
	bottom: 1px; /* org 0px maar dan steekt bij hover het 1 pixel onder het veld uit */
	left: 19em;
	}

/* __GKO__ increased font-size */
#menu ul li {
	position:relative;
	display: inline;
	margin: 0 0.5em 0 0;
	font-size: 1.1em;
}

/* __GKO__
decreased padding FROM 0.5em 1.5em 0.6em; TO 0.5em 1.0em 0.6em; ==] less white space between TABs
decreased margin FROM 0 1.5em; TO 0 1.0em; ==] less white space in TABs
*/
#menu ul,
#menu ul li a {
	padding: 0.5em 1.0em 0.6em;
	margin: 0 1.0em;
	}

/* __GKO__ increased font-size */
#menu ul li a {
	position: relative;	
	font-size: 1.1em;
	/* color: #fff; */ /* of the text */
	color: #3F3F3F; /* of the text */ /* 20090819, witte letters zijn in de achtergrond van Dalery geel zeer slecht te lezen */
	margin: 0;
	}

#menu ul li a:hover {
/*	__ORG__ background: #333; */
	background: #444;
	color: #fff; /* of the text */ /* 20090819, witte text, voor mooi contrast in de mooie grijze achtergrond */
	text-decoration: none;
	}

#menu ul li .here a, #menu ul li .here a:hover {
	color: #134A86;	
	background: #fff;
	}


#footer {
	clear: both;
	margin: 0;
	padding: 0;
	margin-bottom: 1em;
	text-align: center;
}

#footer a {
	margin: 1em;
}

#footer a:link, #footer a:visited {
	color: #777;
	text-decoration: none;
}

#footer a:hover {
	color: #FFF;
	text-decoration: underline;
}

.clear {
	clear: both;
}


/* ******************************
** For ThumbList/Lightbox/Litebox
****************************** */
/* Version date __GKO__ 2007-11-04 */

/* ORIGINAL Styles as described at http://www.pmwiki.org/wiki/Cookbook/ThumbList: 
img.thumbs { border:1px solid #dddddd; margin:2px; padding:4px; vertical-align: middle; }
img.thumbs { border:1px solid #dddddd; margin:2px; padding:4px; padding-bottom: 16px; vertical-align: middle; }
img.thumbs:hover, table.thumbtable td.thumbtd div.img:hover { border:1px solid red; }
table.thumbtable img.thumbs { border: 0; padding:0; }
table.thumbtable td.thumbtd {	margin:4px; padding:2px;}
table.thumbtable td.thumbtd:hover { border-color:red; }
table.thumbtable { border:1px solid #cccccc; }
table.thumbtable td.thumbtd div.img { border: 1px solid #dddddd; text-align: center;}
table.thumbtable td.thumbtd div.caption { font-size:.8em; overflow:hidden; padding:0px; line-height:1.1em;}
img.current, table.thumbtable td.thumbtd div.current { border-color: #ff0000;}
*/

/* ************************************
** THIN border and shadow when hovering
*/
img.thumbs { border:1px solid #dddddd; margin:2px; padding:5px; vertical-align: top; }
img.thumbs:hover, table.thumbtable td.thumbtd div.img:hover { border:1px solid #eee; border-right:2px solid #ddd; border-bottom:2px solid #ddd; margin-right:1px; margin-bottom:1px;}
table.thumbtable img.thumbs { border: 0; padding:0; }
table.thumbtable td.thumbtd {	margin:4px; padding:2px;}
table.thumbtable td.thumbtd:hover { border-color:maroon; }
table.thumbtable { border:1px solid #cccccc; }
table.thumbtable td.thumbtd div.img { border: 1px solid #dddddd; text-align: center;}
table.thumbtable td.thumbtd div.caption { font-size:.8em; overflow:hidden; padding:0px; line-height:1.1em;}
img.current, table.thumbtable td.thumbtd div.current { border-color: #ff0000;}


/* *************************************
** THICK border and shadow when hovering
*/
/*
img.thumbs {background-color:#eee; vertical-align: top;	border:1px solid #eee; border-right:2px solid #ddd; border-bottom:2px solid #ddd;	margin:2px; padding:4px; margin-right:1px; margin-bottom:1px;}
img.thumbs:hover, table.thumbtable td.thumbtd div.img:hover {background-color:#ddd;	border:1px solid #eee; border-right:2px solid #ccc; border-bottom:2px solid #ccc; margin-right:1px; margin-bottom:1px;}
table.thumbtable img.thumbs { border: 0; padding:0; }
table.thumbtable td.thumbtd {	margin:4px; padding:2px;}
table.thumbtable td.thumbtd:hover { border-color:maroon; }
table.thumbtable { border:1px solid #cccccc; }
table.thumbtable td.thumbtd div.img { border: 1px solid #dddddd; text-align: center;}
table.thumbtable td.thumbtd div.caption { font-size:.8em; overflow:hidden; padding:0px; line-height:1.1em;}
img.current, table.thumbtable td.thumbtd div.current { border-color: #ff0000;}
*/