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

/*	navigatie */
#paneel			  { position:fixed; width:160px; top:14px; left:10px; z-index:1; }
#paneel div.titel {
	margin:0;
	border:1px solid #4682C8;
	padding:2px 4px;
	font:11px Monaco,Courier,monospace;
	text-align:left;
	color:white;
	background:url(../plaatjes/achtergrond.jpg) repeat-x;
	background-color:#4682C8;	/* onderste kleur van achtergrond.jpg */
}

/*	knoppen */
ul.nav {
	list-style-type:none;
	margin:0px;
	border-left:1px solid #999;
	border-right:1px solid #999;
	padding:0px;
	color:inherit;
	background:white;
}
ul.nav li {
	margin:0;
	border-bottom:1px solid #999;
	padding:0;
	font-family:Arial,Helvetica,sans-serif;
	font-size:14px;
}
ul.nav a		{ outline-style:none; /* geen focus rond links */ }
ul.nav a.button {
	display:block;
	border:1px solid white;
	padding:2px 4px;
	color:#777;
	background-color:inherit;
	background-repeat:no-repeat;
	background-position:right;
	text-decoration:none;
	letter-spacing:1px;
	outline-style:none;	/* geen focus rond links */
}
ul.nav a.button:hover	{ color:white; background-color:#ffa500; /* orange */ }
ul.nav a.button:active	{ color:white; background-color:#1e90ff; /* dodgerblue */ }
ul.nav a.selected		{ background-image:url(../plaatjes/pijl.png); }
ul.nav a.selected:hover	{ background-image:url(../plaatjes/ljip.png); }

/*	bord */
ul.nav li.sign		{ width:100%; height:150px; padding:5px 0; text-align:center; }
ul.nav li.getbusy	{ background:url(../plaatjes/getbusysign.png) no-repeat center; }
ul.nav li.hotcocoa	{ background:url(../plaatjes/hotcocoasign.png) no-repeat center; }
ul.nav li.sign a	{ display:block; width:100%; height:100%; }

/*	rss */
#paneel div.rss		  { margin-top:10px; text-align:center; }
#paneel div.rss a img { width:80px; height:15px; border:0; }