body
	{font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; background-color: #A9D501; 
	color: #003300; font-size: 80%; padding: 0; margin: 0;}
table, p, form, input	{font-size: 100%;}

h1	{font-size: 130%;}
h2	{font-size: 100%;}
h3	{font-size: 90%;}

a img	{border: none;}
a		{text-decoration: underline; color: #003300;}
a:hover	{color: darkgreen;}

hr		{height: 1px; color: #003300;}

input, textarea	{border: 1px solid #333333;}
.button	{}
.transp	{border: none;}

dt	{margin-top: 15px; font-weight: bold;}
dd	{margin-left: 0;}

dt a	{font-weight: bold; text-decoration: none;}

/* +-+- HOME +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+- */

	div#home
		{background: url(../img/home/bg_home.jpg) no-repeat top left;
		width: 760px; height: 740px; text-align: left; margin: 0 auto;}

	#blad1, #blad2, #blad3, #blad4	{width: 90px;}
	#blad1 img, #blad2 img, #blad3 img, #blad4 img	{margin-bottom: 10px;}
	
	#blad1	{position: relative; top: 245px; left: 235px;}
	#blad2	{position: relative; top: 200px; left: 375px;}
	#blad3	{position: relative; top: 285px; left: 235px;}
	#blad4	{position: relative; top: 235px; left: 375px;}
	
	div#home #logos	{position: relative; top: 320px; left: 20px;}

/* +-+- VERVOLG -+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+- */
	
	table#main		{width: 100%;}
	table#main td	{text-align: left; vertical-align: top;}
		
	/* menu bovenzijde en verloop aldaar */
	table#main #metamenu, table#main #metafluff
		{width: 100%; color: #333333; background-image: url(../img/bg_top.gif); background-repeat: repeat-x;}
	table#main #metafluff {width: 100%;}
	
	/* linkerzijde met menu en foto */
	table#main td#linkerzijde, table#main td#linkerzijde table	{height: 100%;}
	table#main #menu 		{width: 268px; height: 215px; background-image: url(../img/nav_bg.gif); background-repeat: no-repeat;}
	table#main #foto 		{width: 268px; height: 260px;}
	table#main #stretch		{background-image: url(../img/bg_links.gif); background-repeat: repeat-y; height: 100%;}
	/* in IE wordt stretch niet gestretched, dus maar even faken: */
	table#main td#linkerzijde	{background-image: url(../img/bg_links.gif); background-repeat: repeat-y;} 
	
	/* content gedeelte */
	table#main #content		{background-color: #ECF7CD;}
	table#main #boven 		{background-image: url(../img/nav_bg_top2.gif); width: 100%; height: 41px; background-repeat: repeat-x;}
	table#main #content #tekst	{font-size: 90%; color: #003300; padding: 15px 0px 15px 15px; text-align: left}
	table#main table#rechts	{height: 100%; width: 152px}
	table#main #ronding		{width: 152px; height: 148px; background-image: url(../img/bg_top_ronding.gif);}
	
	/* menu linkerzijde */
	table#main #menu p		{margin: 30px 20px; width: 150px;}
	table#main #menu a		{text-decoration: none; color: white; padding-left: 15px; margin-bottom: 10px; display: block;}
	table#main #menu a:hover, table#main #menu a.current	
		{padding-left: 15px; color: #006600; background: url(../img/nav_mouseover.gif) no-repeat center left;}
	
	/* menu bovenzijde */
	table#main #metamenu	{padding-top: 12px; padding-left: 20px;}
	table#main #metamenu a	{text-decoration: none; color: #333333; text-transform: lowercase; font-size: 80%}	
	table#main #metamenu a:hover	{text-decoration: underline;}
	form.zoeken				{display: inline;}
	form.zoeken input		{width: 50px; border: 1px solid #333333; height: 13px;}