/*	cascading style sheet definition cocoa cursus pagina's */
/*	patrick machielse (c) 2k5 2k6 */

/*	dwing alle browsers hier dezelfde waarden te gebruiken... */
body {
	width:850px;
	margin:0;
	padding:0;
	font:13px "Lucida Grande", "Trebuchet MS", Trebuchet, Tahoma, sans-serif;
}
div.marge {
	position:fixed;	top:0; left:795px; right:0; height:100%;
	min-width:50px;
	border-left:1px dashed #ddd;
}
div.marge div.kleur { width:100%; height:100%; color:inherit; background:#eee;}
div.inhoud {
	position:relative; width:600px;
	padding:10px 10px 15px 185px;
}

/*	koppen */
/*	pagina kop */
h1 {
	margin:-10px -11px 10px -195px;
	border-bottom:1px solid #ddd;
	padding:10px 0 2px 195px;
	font:bold 24px "Lucida Grande", Arial, Helvetica, sans-serif;
	background:url(../plaatjes/rooster7pct.png) white;
	color:#ffa500;		/* orange */
	text-shadow:#ddd 2px 2px 1px;
}

/*	paragraaf kop */
h2 {
	border-bottom:1px solid #ddd;
	padding-bottom:0px;
	margin-bottom:0px;
	font-family:"Lucida Grande", Arial, Helvetica, sans-serif; 
	font-size:18px;
}

/*	sub-paragraaf */
h3 {
	font-family:"Lucida Grande", Arial, Helvetica, sans-serif;
	margin-bottom:-4px;
	padding:0px;
	font-size:14px;
}

/*	lijsten */
ol {
	list-style-type:lower-alpha;
	margin:10px 0;
	border-left:3px solid #ddf;
	padding:0px 25px;
}
ol li {
	margin:10px 0px;
	padding:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
}
ul li {
	font-family:inherit;
	font-size:inherit;
}

/*	tekst */
p	 { margin:5px 0px; text-align:left; }
code { font-size:inherit; }
a	 { outline-style:none;	/* geen stippellijn rond links */ }

/*	plaatjes */
img.links	{ border:0px solid red; float:left; margin:5px 10px 3px 0px; }
img.rechts	{ border:0px solid red; float:right; margin:5px 0px 3px 10px; }

/*	boeken pagina */
div.boek	 { margin:5px 10px 15px 0px; padding:0px; }
div.boek img {
	float:left;
	margin:2px 10px 4px 0px;
	border:0px solid gray;
	padding:4px;
	background-color:#ddd;
	color:inherit;
}
div.boek div.titel {
	margin-top:0px;
	font-family:Arial, Helvetica, sans-serif; 
	font-size:15px;
	font-weight:bold;
	background-color:inherit;
	color:#444;
}
div.boek div.ondertitel {
	margin-top:0px;
	font-family:Arial, Helvetica, sans-serif; 
	font-size:13px;
	background-color:inherit;
	color:#444;
}
div.boek div.auteur {
	margin:6px 0 -3px 0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif; 
	font-size:13px;
	background-color:inherit;
	color:#444;
}
div.boek a.koop	{ font-size:13px; }
div.boek p		{ clear:left; margin-top:5px; }

/*	opgaven */
#kiezer			{ position:absolute; top:10px; right:10px; }
div.opgave		{ display:none; margin-top:15px; padding:5px 0; }
div.opgave h3	{ margin:5px -5px 20px -5px; padding:0 5px 3px 32px; border-bottom:1px solid #ddd; }
div.opgave img	{ display:block; margin:15px auto; }
div.opgave pre span { color:green; background:inherit; }

div.notitie {
	border:1px solid #ee5;
	color:black;
	background:#ffb;
}
div.links {
	float:left;
	margin-right:6px;
}
div.rechts {
	float:right;
	margin-left:6px;
}
div.notitie .titel {
	border-bottom:1px solid #ee5;
	padding:2px 4px;
	font:bold 11px sans-serif;;
	letter-spacing:1px;
	color:black; background:#ff3; }
div.notitie p {
	padding:0 4px;
	font:11px sans-serif;
}

#knoppen { padding:3px 0; }
#knoppen a {
	border:1px solid #faa;
	padding:3px 4px;
	vertical-align:text-top;
	font-weight:bold;
	text-decoration:none;
	color:#aaa;
	background:inherit;
}
#knoppen a:hover { color:white;	background:#faa; }
#knoppen .huidige {
	border:1px solid red;
	padding:3px 10px;
	font-size:36px;
	color:white;
	background:red;
}
#knoppen .huidige:hover { color:white; background:red; }
#knoppen .no { display:none; }

/*	tabellen */
table.normaal {
	width:100%;
	margin:15px auto;
	border:0;
	padding:0;
}
table.normaal tr		{ color:inherit; background:white; }
table.normaal tr:hover { color:inherit; background:#ffb; }
table.normaal th, table.normaal td {
	border-bottom:1px solid #ccc;
	padding:2px 5px;
	text-align:left;
	vertical-align:top;
	font-size:12px;
	color:inherit; background:inherit;
}
table.normaal th {
	font-size:16px;
	font-variant: small-caps;
	letter-spacing:1px;
	color:#4682C8; background:white;
}
table.normaal td { padding-bottom:10px; }
table.normaal a  { display:block; padding:4px 0; }

table.agenda		  { width:80%; font-size:13px; }
table.agenda td		  { padding:2px 4px; border:1px solid #bbb; }
table.agenda td.thema {
	margin:1px 1px 1px 0;
	border:0;
	color:white; background:#ffa500;  /* orange */
	text-align:right;
	vertical-align:top;
}

/* links pagina */
#links	  { width:100%; margin:0; border:0; padding:0; }
#links td { width:50%; padding:0 10px 0 0; vertical-align:top; }
#links td.rechts { padding-right:0; }
div.categorie {
	padding-bottom:2px;
	margin-bottom:10px;
	font-size:12px;
	color:#555; background:white;
}
div.categorie:hover { color:black; background:#ffb; } 
div.categorie .naam {
	border-bottom:1px solid #ccc;
	padding:2px 4px;
	font-size:16px;
	font-variant: small-caps;
	letter-spacing:1px;
	color:#4682C8; background:white;
}
div.categorie a {
	display:block;
	padding:2px 4px;
	text-decoration:none;
	color:inherit; background:inherit;
}
div.categorie a:hover { text-decoration:underline; color:blue; background:inherit; }

/*	downloads pagina */
table.download {
	width:100%;
	margin:10px 0;
	border:0;
	padding:0;
}
table.download tr		{ color:#ccc;  background:white; }
table.download tr:hover { color:white; background:#6b8af3; }
table.download th, table.download td {
	border-bottom:1px solid #ccc;
	padding:2px 5px;
	text-align:left;
	vertical-align:top;
	font-size:12px;
	color:inherit; background:inherit;
}
table.download th {
	font-size:16px;
	font-variant: small-caps;
	letter-spacing:1px;
	color:#4682C8; background:white;
}
table.download th span  {}
table.download td 		{ color:#555; background:white; }
table.download td:hover { color:black; background:#ffb; }
table.download td.nr {
	text-align:center;
	color:inherit; background:inherit;
}
table.download td.nr span {
	font-weight:bold;
	font-size:30px;
	color:inherit; background:inherit;
}
table.download a {
	display:block;
	padding:2px 0;
	text-decoration:none;
	color:inherit; background:inherit;
}
table.download a:hover { text-decoration:underline; color:blue; background:inherit; }