body
	{
	margin:0;
	padding:0;
	background:#e8ffa8;
	font:15px Arial, Helvetica, sans-serif;
	text-align:center;
	}
	
a
	{
	outline:none;	
	}

.clear
	{
	clear:both;
	}
	
#header
	{
	background-color:#224732;
	}

#title
	{
	font:italic 30px Georgia, "Times New Roman", Times, serif;
	color:#FFF;
	text-align:center;
	padding:30px 0px;
	}

/* ### MENU ### */

#menu {
	background-color:#88a34f;
}
	
#menu ul
	{
	width:900px;
	height:35px;
	margin:0 auto;
	padding:0;
	background-color:#88a34f;
	border-right:solid 1px #a5c06c;
	list-style:none;
	}

#menu li
	{
	display:inline;
	}
	
#menu li a
	{
	width:99px;
	padding:10px 0px;
	display:block;
	float:left;
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#FFF;
	text-decoration:none;
	text-align:center;
	background-color:#88a34f;
	border-left:solid 1px #a5c06c;
	}
	
#menu li a:hover
	{
	background-color:#bf352f;
	}
	
/* ### CONTENT ### */

#wrap 
	{
	width:800px;
	margin:0 auto 20px;
	}

#content
	{
	width:700px;
	margin:auto;
	font:15px Arial, Helvetica, sans-serif;
	text-align:left;
	}

#content p
	{
	margin:0 0 20px 0;
	line-height:25px;
	color:#142326;
	}

#content p a
	{
	color:#bf352f;
	text-decoration:underline;
	}

#content p a:hover
	{
	color:#bf352f;
	text-decoration:none;
	}

p.center
	{
	text-align:center;
	}
	
h1
	{
	margin:20px 0px;
	padding:0;
	text-align:center;
	font:24px Georgia, "Times New Roman", Times, serif;
	color:#bf352f;
	}

h2
	{
	margin:0px 0px 10px;
	padding:0;
	font:bold 18px Arial, Helvetica, sans-serif;
	color:#224732;
	}

h3
	{
	margin:20px 0px 10px;
	padding:0;
	font:bold 18px Arial, Helvetica, sans-serif;
	color:#224732;
	}


/* ### WAT IS HET WEL EN WAT IS HET NIET? ### */

#wel
	{
	width:350px;
	float:left;
	line-height:25px;
	}

#wel ul, #niet ul
	{
	margin:0;
	padding:0 15px 0 40px;
	}

#niet
	{
	width:350px;
	float:left;
	line-height:25px;
	}

/* ### INHOUD ### */

#inhoud 
	{
	width:690px;
	margin:auto;
	}

#principes, #stappen, #lessen
	{
	width:190px;
	margin-top:20px;
	padding:0px 20px 0px 20px;
	float:left;
	line-height:25px;
	}
	
#principes ul, #stappen ul, #lessen ul
	{
	margin:0;
	padding:0;
	list-style:none;
	}
	
#principes li, #stappen li, #lessen li
	{
	margin-top:15px;
	}

/* ### VOOR WIE ### */

#voorwie li
	{
	line-height:25px;
	}
	
/* ### FORMULIER ### */

.label
	{
	width:120px;
	height:30px;
	}

.label2
	{
	width:100px;
	height:30px;
	}

.input-textarea
	{
	width:255px;
	padding:5px;
	font:12px Arial, Helvetica, sans-serif;
	border:solid 1px #88a34f;
	}
	
.input-text
	{
	padding:5px;
	width:255px;
	border:solid 1px #88a34f;
	}

.input-submit
	{
	width:267px;
	padding:5px;
	font:18px Georgia, "Times New Roman", Times, serif;
	color:#FFF;
	background-color:#88a34f;
	border:solid 1px #6a8336;
	}

.input-submit:hover
	{
	background-color:#bf352f;
	border:solid 1px #a3221d;
	}
	
.input-text-e
	{
	padding:5px;
	width:255px;
	border:solid 1px #C00;
	}

.agenda-table
	{
	width:800px;
	margin:auto;
	}

.agenda-table-done
	{
	width:700px;
	margin:auto;
	color:#88a34f;
	}

.agenda-table tr td, 
.agenda-table th,
.agenda-table-done tr td, 
.agenda-table-done th
	{
	padding:10px 5px 10px 40px;
	width:185px;
	border-bottom:dashed 1px #88a34f;
	}

.kerst
	{
	margin-top:15px;
	padding:20px 5px;
	color:#88a34f;
	font:24px Georgia, "Times New Roman", Times, serif;
	text-align:center;
	}
	
#rooster p
	{
	margin:5px;
	padding:0px;
	text-align:center;
	}

/* ### FOOTER ### */

#footer
	{
	margin:20px auto 5px;
	padding:10px 0;
	width:800px;
	}

#footer p
	{
	padding:0;
	margin:0;
	font:11px Arial, Helvetica, sans-serif;
	color:#88a34f;
	}

#footer p.cr
	{
	font-size:15px;
	padding:10px 0;
	}

#footer a { color:#88a34f; }
#footer a:hover { color:#bf352f; text-decoration:none; }

/* ### UPLOAD ### */
#upload
	{
	width:600px;
	margin:10px auto 30px;
	padding:10px;
	text-align:center;
	background:#ebffb2;
	border:solid 1px #d1ed83;
	}

#upload td
	{
	text-align:left;
	}

.textright
	{
	width:80px;
	}

#uitloggen a
	{
	display:block;
	width:120px;
	background:#bf352f;
	font:15px Georgia, "Times New Roman", Times, serif;
	text-decoration:none;
	color:#FFF;
	padding:10px 20px;
	margin:30px auto 10px;
	border:solid 1px #9c211c;
	}
	
#uitloggen a:hover
	{
	background:#ad2a24;
	}
	
#inloggen
	{
	width:400px;
	margin:10px auto 30px;
	padding:20px;
	text-align:center;
	background:#ebffb2;
	border:solid 1px #d1ed83;
	}

.rooster
	{
	width:500px;
	margin:3px auto;
	padding:10px;
	text-align:center;
	background:#ebffb2;
	border:solid 1px #d1ed83;
	}

.rooster a
	{
	color:#bf352f;
	text-decoration:underline;
	}

.rooster a:hover
	{
	text-decoration:none;
	}