/* De kleuren zijn:
navigatie groen: 198406
navigatie over groen: 0B4601
kopbalkje blauw 1959A5 */

body	{font-size: 80%; background-color: #F2F2F2; color: #313131; margin: 0; padding: 0;}
body, form * 	{font-family: Arial, Helvetica, sans-serif;}
form,table,p	{font-size: 100%;}

#canvas		{background: white url(../img/background2.jpg) no-repeat top left; 
			width: 740px; margin: 0 auto; /* border: 1px solid #b8b8b8; */}

#adres		{text-align: center; font-size: 84%; padding-top: 2px;}
#adres, #adres a	{color: white}
#menu		{width: 170px; float: left; margin-top: 100px; /* padding: 0 10px; */}
#content	{width: 520px; float: left; margin-top: 108px; margin-left: 20px;}

#menu ul		{margin: 0px; padding: 0; list-style-type: none;}
#menu ul a		{color: #198406; padding-left: 10px; font-weight: bold;}
#menu ul li		{margin: 5px 0; padding: 5px 0; border-bottom: 1px solid silver;}
#menu ul a.current  {color: #0B4601; padding-left: 15px;
	background-image: url(../img/driehoek2.gif);
	background-repeat: no-repeat; background-position: 0 4px;}
#menu ul ul		{margin: 0 0 0 15px; padding: 0; list-style-type: none;}
#menu ul ul li	{border-bottom: none; margin: 3px 0; padding: 3px 0;}
#menu ul ul li a	{color: #858383; font-weight: normal;}

h1	{font-size: 115%; background-color: #1959A5; color: white; text-align: center; padding: 2px;}
h2	{font-size: 115%;}
h3	{font-size: 100%;}

th		{text-align: left; font-weight: bold}
td,th	{vertical-align: top}
table form th	{font-weight: normal}
table.contact th	{font-weight: normal; text-align: left;}

a	{color: #035481; text-decoration: none;}
a:hover	{text-decoration: underline;}
a img	{border: none;}

.button	{border: 1px solid black;}
hr	{height: 1pt; noshade; color: gainsboro;}

/* 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;}