
body		{ color: #000000 ; font: 11px Verdana, Arial, Helvetica ; text-align: left ; line-height: 15px ; 
		  margin-left: 0px ; margin-top: 0px ; margin-right: 0px ; margin-bottom: 0px ; padding: 0px ; 
		  background-color: #FFFFFF ; 
			/* scrollbar-arrow-color:	#000000; */	/* pijltjes boven en onder */
			/* scrollbar-3dlight-color:	#80CC00; */	/* rand helemaal links+boven */
			/* scrollbar-base-color:	#FFFFFF; */	/* bedekt door alle andere kleuren */
			/* scrollbar-face-color:	#80CC00; */	/* schuifbaar deel - binnenvlak */
			/* scrollbar-highlight-color:	#FFFFFF; */	/* rand links+boven  van schuifbaar deel*/
			/* scrollbar-shadow-color:	#D0C085; */	/* 1e rand rechts+onder van schuifbaar deel*/
			/* scrollbar-darkshadow-color:	#000000; */	/* 2e rand rechts+onder van schuifbaar deel*/
		  /*	achtergrond onder schuifbaar deel = mix van scrollbar-face-color + scrollbar-highlight-color */
		}
		  
		  /* 	Let op!! in bij Flash-objecten MOET line-height de waarde 'normal' hebben.

		  	TBI paars	: #660066       pastel-paars : 
		  	TBI groen licht	: #A6E600	pastel-groen : #F2F9E1
		  	TBI groen donker: #80CC00
		  	TBI groen tekst : #70B200
		  	TBI grijs licht : #E0E0E6
		  	TBI grijs donker: #403440
		  */
body.balk { background-image: url(images/balk.gif); background-repeat: repeat-x; }
		  
form		{ margin-bottom: 0px; margin-top: 0px; float: left; padding: 0px; clear: none;
		  margin-left: 0px; margin-right: 0px; vertical-align: top; }

#scrollpos2	{ font-weight: normal; color: #FFFFFF; position:absolute; left:6; top:4; }

option		{ color: #224477; }

.zwart		{ color: #000000; }	
.grijs		{ color: #AAAAAA; }
.groen		{ color: #70B200; }
.paars		{ color: #660066; }
.wit		{ color: #FFFFFF; }

h2		{ color: #70B200; font-size: 12px; line-height: 24px; }

b.grijs		{ font-weight: bold;	color: #888888; }  /*	Dit was:  font-weight: normal; color: #888888; 
								ik weet niet meer waar dit gebruikt wordt, kan misschien weg? */
i		{ font-style: italic;	color: #000000; }
i.grijs		{ font-style: italic;	color: #888888; }
u		{ text-decoration: none; color: #1A3A62; }


table.printbut	{ position: absolute; left: 740px; top : 25px; }

input.groen		{ background-color: #F2F9E1; font: 11.0px Verdana, Arial; font-weight: bold; color: #660066; 
			  height:  22px; padding: 2px; width: 450px;}
input.button		{ background-color: #A6E600; font: 11.0px Verdana, Arial; font-weight: bold; color: #660066; 
			  height:  22px; padding: 2px; width: 100px; }
textarea.tekstveld	{ background-color: #F2F9E1; font: 11.0px Verdana, Arial; font-weight: bold; color: #660066; 
			  height: 100px; padding: 2px;  width: 450px;}
textarea		{ font: 11px Arial ; font-weight: normal; color: #1A3A62; width: 90%; margin-left: 10px; }



table			{ margin: 0px; padding: 0px; }
				 
td			{ margin: 0px; padding: 0px; vertical-align: top; text-align: left; background-color: #FFFFFF; 
			  font: 11px Verdana, Arial; font-weight: normal; color: #000000; line-height: 16px; }

td.kopzwart1, td.kopzwart2, td.kopzwart3, td.kopzwart4, td.kopzwart234, td.nieuwsarchief1, td.nieuwsarchief2, td.nieuwsarchief3
			{ height: 25px; vertical-align: middle; background-color: #000000; font-size: 12px; font-weight: bold; color: #FFFFFF; }
td.kopzwart1		{ width: 114px; font-size: 11px; font-weight: normal; color: #888888; text-align: right; padding-right: 4px; }
td.kopzwart2		{ width: 390px; }
td.kopzwart3		{ width:   6px; }
td.kopzwart4		{ width: 223px; padding-right: 3px; }
td.kopzwart234		{ width: 622px; } /* kolommen 2, 3 en 4 samen */
td.nieuwsarchief1	{ width: 114px; }
td.nieuwsarchief2	{ width: 114px; padding-left: 4px; font-size: 11px; font-weight: normal; }
td.nieuwsarchief3	{ width: 508px; padding-left: 0px; }
.kopzwart2 b		{ color: #888888; }

td.kopgrijs1, td.kopgrijs2, td.kopgrijs3, td.kopgrijs4, td.kopgrijs234
			{ height: 25px; vertical-align: middle; background-color: #E0E0E6; font-size: 12px; font-weight: bold; color: #000000; text-align: left; }
td.kopgrijs1		{ width: 114px; font-size: 11px; font-weight: normal; color: #888888; text-align: right; padding-right: 4px; }
td.kopgrijs2		{ width: 390px; }
td.kopgrijs3		{ width:   6px; }
td.kopgrijs4		{ width: 226px; }
td.kopgrijs234		{ width: 622px; }

td.projectgrijs1, td.projectgrijs2, td.projectgrijs3, td.projectgrijszwart, td.projectgrijsgroen, td.projectgrijswit
			{ vertical-align: middle; padding: 3px 0px 6px 0px; height: 24px; line-height: 15px ; background-color: #403440; color: #A6E600; }
td.projectgrijs1	{ width: 114px; font-size:  9px; font-weight: bold; padding-right: 4px;}
td.projectgrijs2	{ width: 114px; font-size:  9px; font-weight: bold;  }
td.projectgrijs3	{ width: 508px; font-size: 11px; font-weight: normal; color: #FFFFFF; }
td.projectgrijs3 b	{ font-size: 12px; }
/* de volgende projectgrijs-styles moeten misschien nog worden aangepast */
td.projectgrijszwart	{ background-color: #E0E0E6; font-size: 11px; font-weight: bold; color: #000000; }
td.projectgrijsgroen	{ padding: 3px 0px 6px 5px; background-color: #403440; font-size:  9px; font-weight: bold; }
td.projectgrijswit	{ padding: 3px 0px 6px 2px; background-color: #403440; font-size: 11px; font-weight: normal; color: #FFFFFF; }
td.projectgrijswitbold	{ padding: 3px 0px 6px 2px; background-color: #403440; font-size: 12px; font-weight: bold; color: #FFFFFF; }


td.projectwit1, td.projectwit2
			{ vertical-align: top; padding: 6px 5px 6px 0px; background-color: #FFFFFF; 
			  font-size: 11px; font-weight: normal; color: #000000; line-height: 15px ; }
td.projectwit1		{ width: 228px; padding: 0px; }
td.projectwit2		{ width: 502px; }

td.standaardpagina, td.projectbeschrijving	
			{ padding: 6px 0px 6px 0px;  }

td.lichtgrijs1, td.lichtgrijs2, td.lichtgrijs3
			{ vertical-align: middle; height: 24px; line-height: 15px ; background-color: #E0E0E6; font-weight: bold; }
td.lichtgrijs1		{ width: 114px; font-size:  9px; }
td.lichtgrijs2		{ width: 114px; padding-left: 4px; font-size:  9px; }
td.lichtgrijs3		{ width: 508px; padding-left: 0px; font-size: 12px; color: #000000; }
td.reflijstwit2		{ width: 114px; padding: 2px 0px 2px 4px; font-size:  9px; line-height: 14px ; }  /* tbv referentielijst met minifoto's */
td.reflijstwit3		{ width: 390px; padding: 2px 0px 2px 0px; font-size: 11px; line-height: 14px ; }  /* tbv referentielijst met minifoto's */



ul		{ margin-top: 0px; margin-right: 0px; margin-left: 22px;	/* was margin-right: 5px;   */
		  position: relative; left: 0px; list-style-type: square;	/* left was -22px */
		  padding-left: 0px;  line-height: 20px; }   			/* margin-left gooit de boel hier in de war! */
ul.bttm		{ margin-bottom: 0px; }
li		{ list-style-type: square; text-align: left; margin: 0px; padding: 0px; line-height: 16px; }
.locallist	{ list-style-image: url(images/ico_list_lokaal.gif); }


/* li		{ list-style-position: outside; list-style-type: square; text-align: left; list-style-image: url(ico_list_nolink.gif); 
		  margin: 0px 0px -3px 0px; padding: 0px;  }
li.link		{ list-style-image: url(images/ico_list_link.gif);   }

*/
	

image		{  }
image A:hover	{ background-color: #000000; }
image.news	{ width: 112px; height: 84px; }
image.ref	{ width: 112px; height: 40px; }  /* minifoto's op de referentielijsten */


A.pijll, A.pijlr, A.pijlx
		{ width: 12px; height: 13px; padding: 0px; margin: 3px 2px 2px 2px; border: 0px;
		  background-color: #000000; float: right; background-repeat: no-repeat; }
A.pijll	  	{ background-image:url(images/ico_link_vorige_transp.gif);   }
A.pijlr	  	{ background-image:url(images/ico_link_volgende_transp.gif); }
A.pijlx	  	{ background-image:url(images/ico_link_leeg_transp.gif);     }
A.pijll:hover, A.pijlr:hover { background-color: #619B00; }

A.pijlup	{ width: 13px; height: 12px; padding: 0px; margin: 0px 5px 0px 0px; border: 0px; 
		  background-color: transparent; float: right; background-repeat: no-repeat; 
		  background-image:url(images/ico_link_up_transp.gif); overflow: hidden; }
A.pijlup:hover 	{ background-color: #A6E600; }



.pijlterug, .pijlvooruit, .pijlleeg
		{ width: 90px; height: 16px; padding: 2px 0px 2px 18px; margin: 0px; border: 0px; color: #000000;
		  font: 11px Verdana, Arial; font-weight: normal; color: #000000; line-height: 16px;
		  background-color: transparent; float: left; background-repeat: no-repeat; background-position: center left;
		  position: relative; top: 1px; left: 6px; }
.pijlterug	{ background-image:url(images/ico_link_vorige.gif); }
.pijlvooruit	{ background-image:url(images/ico_link_volgende.gif);  }
.pijlleeg	{ background-image:url(images/ico_link_leeg.gif); font-weight: bold; color: #70B200; }

.lichtgrijs1 A.pijlterug { top: 0px; } /* voor vacature-index in grijze balk, daar ietsje hoger ivm padding van grijze balk */


A.nl:link	{ color: #1A3A62; text-decoration: none; } /* versie 'no line'  */
A.nl:active	{ color: #1A3A62; text-decoration: none; }
A.nl:visited	{ color: #405064; text-decoration: none; }
A.nl:hover	{ color: #FF0000; text-decoration: none; }

A:link		{ color: #660066; text-decoration: underline; }
A:active	{ color: #1A3A62; text-decoration: underline; }
A:visited	{ color: #888888; text-decoration: underline; }
A:hover		{ color: #70B200; text-decoration: underline; }
/* A:hover		{ color: #70B200; text-decoration: underline; background-color: #FFFFFF; } */


A.prnm:link	{ color: #000000; text-decoration: underline } /* versie voor projectnamen op index projectenblad  */
A.prnm:active	{ color: #FF0000; background: #E6E6E0;text-decoration: underline; }
A.prnm:visited	{ color: #000000; background: #E6E6E0;text-decoration: underline; }
A.prnm:hover	{ color: #FF0000; background: #E6E6E0;text-decoration: underline; }

A.pagnr:link	{ color: #FFFFFF; text-decoration: underline } /* versie voor paginanummers op index projectenblad  */
A.pagnr:active	{ color: #FFFFFF; background: #000000;text-decoration: underline; }
A.pagnr:visited	{ color: #FFFFFF; background: #000000;text-decoration: underline; }
A.pagnr:hover	{ color: #FFFFFF; background: #000000;text-decoration: underline; }





 .uit, .aan, .up .uit, .up .aan, .up2 .uit, .up2 .aan
		{ width: 112px; height: 25px; float: left; margin: 0px 2px 0px 0px; padding: 6px 0px 0px 0px;  
		  background-color: none; background-position: top right; background-repeat: no-repeat;
		  font: 11px Verdana, Arial; font-weight: bold; }

A.uit:link, A.uit:active, A.uit:visited	{ color: #FFFFFF; text-decoration: none; }
A.aan:link, A.aan:active, A.aan:visited	{ color: #000000; text-decoration: none; }

 .uit			{ background-image: url(images/button_paarszonderpijl.gif);   }
A.uit:hover		{ background-image: url(images/button_witzonderpijl.gif); color: #000000; }
 .aan			{ background-image: url(images/button_witmetpijl.gif);    color: #000000; }

 .up  .uit, .b5 .uit	{ background-image: url(images/button_groenzonderpijl.gif);   }
 .b6	 .uit		{ background-image: url(images/button_lichtgroenzonderpijl.gif);   }
 .up  .aan		{ background-image: url(images/button_witmetpijlup.gif);      }
 .b5 A.uit:hover	{ background-image: url(images/button_witcontactzonderpijl.gif); }
 .b6 A.uit:hover	{ background-image: url(images/button_witvestzonderpijl.gif); }
 .b5 A.aan		{ background-image: url(images/button_witcontactmetpijl.gif); }

