body	{padding: 0; margin: 0; background: #808080; /* #013E5B */ font-size: 0.7em; }
body, form * 	{font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;}
form, form *, table, p	{font-size: 100%;}
	
#canvas	{width: 780px; margin: 0 auto; position: relative;
	background: white url(../../../img/beweegmaatje/bg_shim.gif) repeat-y top center;}

	#nav, #container	{float: left;}
	
		#nav	{width: 177px; color: white; padding-top: 180px;
				background: url(../../../img/beweegmaatje/logo_top.gif) no-repeat top left;}
		#container	{width: 603px;}
			
			#header	{color: white; height: 85px; position: relative;
				background: url(../../../img/beweegmaatje/top.jpg) no-repeat top right;}
			#tekst	{width: 413px; float: left; padding: 10px; margin-bottom: 40px;}
			#sidebar {width: 150px; float: right; padding: 10px;}
			
	#footer	{background-color: #008BC0; clear: both; text-align: right; padding: 10px; height: 10px;}
	
/* navigatie misc +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+ */	
	
	.homeknop		{position: absolute; top: 0; left: 0;
		display: block; width: 170px; height: 160px;}
	.homeknop span	{display: none;}

	#header a	{color: white;}
	#header ul	{margin: 0; padding: 0; position: absolute; top: 65px; left: 20px;}
	#header ul li	{display: inline; list-style-type: none; border-right: 2px solid #99cc00; 
		padding-right: 5px; margin-right: 5px;}
		
	#footer *	{color: white;}
	#footer ul	{margin: 0; padding: 0;}
	#footer ul li	{display: inline; list-style-type: none; margin-left: 15px;}
	
	#nav ul a	{color: white; font-weight: bold}
	#nav ul	{margin: 0; padding: 0;}
	#nav ul	li	{list-style-type: none; margin-bottom: 10px; padding: 4px 3px 4px 15px;
		background: #003e5c url(../../../img/beweegmaatje/nav_bullet.gif) no-repeat 4px 7px;}
	#nav ul	li.current a	{color: #99cc00}
	
	#nav ul	li ul	{display: none;}
	#nav ul	li.current ul	{display: block;}
	
	#nav ul ul a	{font-weight: normal}
	#nav ul ul	{margin: 5px 10px 10px 0px;}
	#nav ul	li li	{background-image: none; margin-bottom: 0; padding-left: 0}
	#nav ul li.current li a	{color: white}
	#nav ul	li li.current a	{color: #99cc00} /* er is in het ontwerp geen markering voor current op 2e niveau */
	
	#nav form	{background-color: #003e5c; margin: 0 0 15px 0; padding: 10px; border: 1px solid #003e5c; /* ivm borderbug */}
	#nav form dl, #nav form h2	{margin: 0; padding: 0}
	#nav form p		{margin: 4px 0}
	#nav form h2	{background-color: transparent}

	#status ul	{margin: 0; padding: 3px;}
	#status ul li	{display: inline; list-style-type: none; 
		border-right: 1px solid #0099cc; padding-right: 5px; margin-right: 5px;}
		
	#sidebar ul, #sidebar ol	{margin-left: 0; padding-left: 20px}
	
	#sidebar .kader	{margin-bottom: 15px;}
	
/* iconen +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+ */

	a.reageer	{background-image: url(../../../img/beweegmaatje/ico/reageer.gif);}
	a.stuurdoor	{background-image: url(../../../img/beweegmaatje/ico/doorsturen.gif);}
	a.verwijder	{background-image: url(../../../img/beweegmaatje/ico/verwijder.gif);}
	a.print		{background-image: url(../../../img/beweegmaatje/ico/print.gif);}
	a.profiel	{background-image: url(../../../img/beweegmaatje/ico/profiel.gif);}
	a.blokkeer	{background-image: url(../../../img/beweegmaatje/ico/blokker.gif);}
	a.favoriet	{background-image: url(../../../img/beweegmaatje/ico/favoriet.gif);}
	a.wijzig	{background-image: url(../../../img/beweegmaatje/ico/wijzig.gif);}
	a.mail		{background-image: url(../../../img/beweegmaatje/ico/reageer.gif);}
	a.chat		{background-image: url(../../../img/beweegmaatje/ico/chat.gif);}
	a.vriend	{background-image: url(../../../img/beweegmaatje/ico/vriend.gif);}
	a.exvriend	{background-image: url(../../../img/beweegmaatje/ico/exvriend.gif);}	
	
/* kleuren +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-

	De linkkleur groen: 99cc00
	De kopregelkleur blauw: 0099cc
	De kleur van de blauwe tekstbalken: a8ccdc
	De kleur van de kolom rechts: edf1f4
	De kleur van de kolom links: 006699
	De kleur van de tekstbalken in de linkerkolom: 003e5c */