/* uitwerking van ontwerp van extern ontwerpbureau. zucht. */

body	{font-size: 80%; margin: 0; padding: 0;}
body, form * 	{font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;}
form, form *, table, p	{font-size: 100%;}

/* layout elementen +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+ */

	#canvas	{width: 952px; margin: 0 auto; padding: 0;
			background-repeat: no-repeat; background-position: top left;}
	
	#nav	{position: relative; top: 0; left: 0; height: 190px;}
	body#thema0 #nav		{height: 215px;}
	
	ul#mainmenu	{margin: 0; padding: 0; position: absolute; top: 20px; left: 205px; height: 170px; width: 740px;}
	body#thema0 ul#mainmenu	{height: 195px;}

	#homelink	{position: absolute; top: 24px; left: 0; width: 205px; height: 120px; display: block;}
		
	#zoekform	{position: absolute; left: 15px; top: 149px; width: 180px; text-align: center; padding: 3px 0}
	body#thema0 #zoekform	{top: 174px;}
	
	ul#metamenu		{margin: 0; padding: 0; position: absolute; top: 0; left: 215px;}
	ul#broodkruim	{margin: 5px 0 0px 215px; padding: 0; font-size: 80%;}
	ul#metamenu li, ul#broodkruim li	{display: inline; border-left: 1px solid white; padding-left: 5px;}
	ul#metamenu, ul#metamenu a			{font-size: 90%;}
	
	ul#metamenu a, ul#broodkruim a {color: white; text-decoration: none;}
	
	#content		{position: relative; padding-top: 10px; height: 100%;}
	#content #kol1	{position: absolute; top: 10px; left: 8px; width: 175px; margin: 0; padding: 10px; font-size: 90%;}
	#content #kol2	{position: absolute; top: 10px; left: 210px; width: 534px; margin: 0; padding: 10px;}
	#content #kol3	{position: absolute; top: 10px; left: 777px; width: 160px; margin: 0;}
	
/* hoofdmenu +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+- */
	
	ul#mainmenu	li.niva	{display: inline; position: absolute; top: 9px; width: 125px; 
						list-style-type: none; text-align: center; font-weight: bold;}
	ul#mainmenu	ul		{position: absolute; top: 40px; left: -50px; width: 125px; text-align: left;}
	ul#mainmenu	ul li	{margin-left: 25px; padding: 0; list-style-type: disc; font-weight: normal; line-height: 1.1}
	ul#mainmenu a		{font-size: 80%; color: black; text-decoration: none;}
	ul#mainmenu a:hover	{text-decoration: underline;}
	
	.opt1	{left: 20px;}
	.opt2	{left: 167px;}
	.opt3	{left: 313px;}
	.opt4	{left: 460px;}
	.opt5	{left: 610px;}
	
	/* subs van hoofdmenu op subpags (=met kolommen) */
	#subs		{position: relative; top: 90px; left: 240px; width: 125px; text-align: left; text-align: left; width: 620px;}
	#subs ul	{float: left; width: 160px; margin: 0;}
	#subs ul li	{margin-left: 25px; padding: 0; list-style-type: disc; font-weight: normal;}
	#subs ul a		{font-size: 90%; color: black; text-decoration: none;}
	#subs ul a:hover	{text-decoration: underline;}
	#subs ul li.current a	{font-weight: bold}
	
/* inpage elementen +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+ */
	
	#content #kol1 h2	{margin-bottom: 5px;}
	#content #kol1 ul	{margin: 0 0 0 15px; padding: 0; font-size: 0.97em;}
	#content #kol1 ul#inlinemenu	{margin: 0; list-style-type: none;}
	#content #kol1 ul#inlinemenu li {margin-bottom: 2px}
	#content #kol1 ul#inlinemenu ul	{margin: 2px 0 7px 15px; padding: 0;}
	#content #kol1 ul#inlinemenu li.current a	{font-style: italic;}
	
	#fotohome	{float: right; width: 200px; font-size: 80%;}
	#banner		{text-align: center; padding: 5px;}
	
	ul#buttons			{margin: 0; padding: 0; text-align: center;}
	ul#buttons li		{list-style-type: none;}
	ul#buttons li.gr	{list-style-type: none; width: 159px; height: 38px;}
	ul#buttons li.kl	{list-style-type: none; width: 159px; height: 29px;}
	ul#buttons a		{display: block; width: 100%; color: black; font-weight: bold; font-size: 90%; margin-top: 3px;}
	ul#buttons a span	{/* font-style: italic; */ font-weight: normal; font-size: 90%;}
	
	ul#prikbord					{margin: 10px 0; padding: 0; list-style-type: none}
	ul#prikbord li.bovenkant	{width: 159px; height: 15px; background-repeat: no-repeat; background-position: top left;}
	ul#prikbord	li.midden		{background-repeat: repeat-y; background-position: top left; padding: 5px; margin: 0;}
	ul#prikbord li.onderkant	{width: 159px; height: 33px; background-repeat: no-repeat; background-position: top left;}
	
	ul#prikbord ul	{margin: 0 0 0 22px; padding: 0;}
		
/* diversen +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+ */
	
	h1	{font-size: 130%;}
	/* body#thema0 h1	{display: none} */
	h2	{font-size: 115%;}
	h3	{font-size: 100%;}
	
	body.circhome h1	{display: none}
	
	th		{text-align: left; font-weight: bold}
	td,th	{vertical-align: top}
	table form th	{font-weight: normal}
	
	form dl dt {clear:both; width:100px; float:left; text-align:left;}
	form dl dd {float:left; width:66%; margin:0 0 0.5em 0.25em;}

	fieldset		{padding: 10px;}
	fieldset legend	{font-weight: bold;}
	
	a		{text-decoration: none;}
	a:hover	{text-decoration: underline;}
	a img	{border: none;}
	
	#content #kol2 a	{font-weight: bold;}
	a.verder {background-repeat: no-repeat; background-position: 0 4px; padding-left: 15px; margin: 0;}
	
	.button	{border: 1px solid black;}
	hr	{height: 1pt; noshade; color: gainsboro;}
	.rssknop	{float: right}
	
	dl#nieuwsarchief dd, dl#weetjes dd	{margin: 0 0 20px 0;}
	.pollblock	{background-color: whitesmoke; float: left;}
	.blok		{margin: 5px -10px; padding: 5px 10px; clear: both}
	
	/* voor skip to content link */
	a.verborgen {position: absolute; overflow: hidden; width: 0; height: 0;}
	a.verborgen:active, a.verborgen:focus 
		{position: absolute; overflow: visible; width: auto; height: auto;
		font-weight: bold; background-color: white; color: #FF6600; padding: 5px;}