body,html		{height: 100%;}
body			{font-size: 70%; padding: 0; margin: 0; 
				background: url(../img/zijkant_stretch.gif) repeat-y top left;}
body, form * 	{font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;}
form,table,p	{font-size: 100%;}

#canvas 	{border-right: 1px solid #174C16; width: 775px; height: 100%;}
#header		{background: url(../img/nw/header.jpg) no-repeat top left; width: 775px; height: 165px;}
#content	{background-color: #ffffff; padding: 20px 35px 20px 75px; color: #003300;
			background: url(../img/nw/shim_oranje.gif) no-repeat top left;}
#kruimels	{color: #006600; width: 100%; border-bottom: 1px dotted #0F4F0F; padding-bottom: 7px; margin-bottom: 25px;}

form#zoeken	{width: 231px; height: 30px; color: white; position: absolute; top: 96px; left: 515px; margin: 0; padding: 0;}
form#zoeken div	{font-size: 1.2em; font-weight: bold; position: absolute; top: 7px; left: 10px;}
form#zoeken	.term 	{position: absolute; top: 5px; left: 80px; width: 120px; height: 14px;}
form#zoeken .knop {position: absolute; top: 7px; left: 215px;}
form#zoeken .uitgebreid	{position: absolute; top: 45px; left: 70px;}
form#zoeken .uitgebreid a	{color: white; text-decoration: none;}

#foot	{color: black; text-align: center; postition: absolute; bottom: 0; clear: both}

/* vernieuwde homepage */
	
	body#circhome #content	{margin: 0 0 0 40px; padding: 0;}
	body#circhome h1	{display:none}
	body#circhome #foot	{padding-top: 20px;}
	body#circhome h2 span	{display: none}
	
	#pubs	{width: 378px; float: left; margin: 0 0 0 3px;}
		#pubs a	{color: black; text-decoration: none;}
		#pubs a:hover	{text-decoration: underline;}
		#pubs a:hover img	{text-decoration: none}
		#pubs h2	{width: 376px; height: 34px; margin: 0; padding: 0;}
		#pubs h2.nieuwste	{margin-top: 20px; color: #c4c4c4; text-transform: uppercase; 
							font-size: 1.7em; font-family: Arial, Helvetica, sans-serif;}
		#pubs div.nieuwste	{width: 350px;}
		#pubs div.nieuwste a	{display: block; width: 140px; float: left; margin: 5px; color: #414D9C;}
		#pubs h2.alle	{background: url(../img/nw/bg_alletitels.gif) no-repeat top left; margin-top: 20px; clear: both;}
		#pubs div.alle	{border: 4px solid #c4c4c4; width: 348px; padding: 10px; overflow: auto;}
		#pubs div.alle ul	{width: 345px; margin: 0; padding: 0;}
		#pubs div.alle ul li	{float: left; list-style-type: none; margin-right: 5px; width: 165px;}
		
	#quicklinks	{width: 345px; float: right; border-left: 2px solid #414D9C; margin: 0;}
		#quicklinks h2	{width: 345px; height: 25px; margin: 0; padding: 0;}
		#quicklinks div	{padding: 5px 10px 0 10px;}
		#quicklinks h2 a	{width: 345px; height: 25px; display: block;}
		#quicklinks h2.bio		{background: url(../img/nw/bg_bio.gif) no-repeat top left; margin-top: 20px;}
		#quicklinks h2.agenda	{background: url(../img/nw/bg_agenda.gif) no-repeat top left;}
		#quicklinks h2.abos		{background: url(../img/nw/bg_abo.gif) no-repeat top left;}
		#quicklinks h2.nieuw	{background: url(../img/nw/bg_nweinfo.gif) no-repeat top left;}
			
/* /vernieuwde homepage */

h1		{font-size: 100%; font-weight: normal;}
h2		{font-size: 110%; margin-bottom: 0;}
h3		{font-size: 100%;}

.home #content		{/* color: #663300; */ background-image: url(../img/nw/shim_oranje.gif);}
.home h1, ul#nav li.home	{display: none;} /* ivm screen readers e.d. */
#homeknop	{width: 380px; height: 40px; postition: absolute; top: 0; left: 0; display: block;}

p		{margin: 3px auto 20px 0;}
a		{color: #414D9C; text-decoration: none;}
a:hover		{text-decoration: underline;}
ul,ol	{margin-top: 0;}
ul		{list-style-type: circle;}
a img	{border: none;}
img.cahier	{border: none; margin: 0 10px 10px 0; float: left;}
.klein	{font-size: 90%}

/* om rotzooi in het cms te overrulen */
#content font	{font-size: 100%; color: #003300;}

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

.button	{background-color: #996434; color: white; border: none; padding: 3px 2px; font-size: 100%;}
hr		{color: #996434; height: 1px;}

.omschr		{margin-bottom: 0; padding-bottom: 0;}
.buttonbar	{margin-top: 10px; padding-top: 0; text-align: right}

.oneven	{background-color: #f9f9f9;}
.even	{background-color: #ffffff;}

.agendapunt p 	{margin-bottom: 0}
.agendapunt		{margin-bottom: 40px;}

form#download fieldset 	{float: left; width: 260px; margin: 5px; padding: 10px;}
form#download fieldset legend	{margin-bottom: 10px;}

/* son of suckerfish menu */
ul#nav, #nav ul 
	{padding: 0; margin: 0; list-style: none; line-height: 1;}
ul#nav a 
	{font-weight: bold; display: block; width: 12em; padding: 5px 0; text-decoration: none;}
ul#nav li 
	{float: left; width: 12em; /* width needed or else Opera goes nuts */}
ul#nav li ul 
	{position: absolute; width: 12em;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */}
ul#nav li:hover ul, ul#nav li.sfhover ul /* sfhover is voor script. niet verwijderen anders werkt IE niet meer*/
	{left: auto; /* lists nested under hovered list items */}

ul#nav li a	{color: white; text-align: center;}
ul#nav li ul a	{color: black; background-color: #99CC99; border-bottom: 2px dotted black;}
ul#nav li ul a:hover	{color: black; background-color: #CCFFCC;} 

/* onderaan ivm vreemde overerving postitionering: */
ul#nav	{float: right; margin-top: 104px; width: 695px;}