html			{ overflow-x: hidden; }		/* dit onderdrukt de horizontale scrollbar */

body			{ color: #333333 ; font: 12px/18px Verdana, Arial ; text-align: left ; 
			  margin: 0px ; padding: 0px ; background-color: #c7bdb8 ;  }
			  
			  /*  Let op!! in bij Flash-objecten MOET line-height de waarde 'normal' hebben
	      
			      Achtergrond van buitenvlak: kleur #FEF1E3 - dust1
			      Achtergrond van binnenvlak: kleur #FBEAD8 - dust2
			  */


.hfdmenubalk		{ position: fixed; top: 0px; left: 0px; width: 100%; height: 175px; z-index: 100; margin: 0px; padding: 0px; background: url(i_menu_achter_zijkanten_1.jpg) top left repeat-x; }
.hfdmenuframe		{ position: relative; padding: 0px; margin: 0px auto 0px auto; width: 1000px; height: 175px; z-index: 100; background: url(i_menu_achter_1.jpg) top left no-repeat;  }
.hfdmenuopties		{ position: absolute; bottom: 11px; left: 264px; color: #DB7A01; width: 600px; }

.hfdmenulogo		{ position: absolute; top:  0px; left:   30px; width: 200px; height: 175px; background: url(plaatje/i-XXX.gif); filter:alpha(opacity=0);  -moz-opacity: 0.0; opacity: 0.0; }

a:hover.hfdmenulogo, a:hover.hfdmenulogo		{ filter:alpha(opacity=50);  -moz-opacity: 0.5; opacity: 0.5; }

.hfdmenutwitter		{ position: absolute; top: 20px; left: 750px; color: #DB7A01; width: 150px; height: 20px; 
		 	  background: url(http://www.acto.nl/site/images/icon_twitter.gif)  top left no-repeat; float: left; padding: 2px 0px 0px 22px; }
.hfdmenulinkedin	{ position: absolute; top: 45px; left: 750px; color: #DB7A01; width: 150px; height: 20px;
		 	  background: url(http://www.acto.nl/site/images/icon_linkedin.gif) top left no-repeat; float: left; padding: 2px 0px 0px 22px; }

.hfdmenuopties a	{ float: left; width: 120px; height: 28px; border: 0px solid white; background: #FFFFFF; margin: 0px 3px; 
			  font: 11px/32px Verdana, Arial; font-weight: bold; text-align: center; }

.hfdmenuopties .aan, .hfdmenuopties .uit					{ font: 11px/26px Verdana, Arial; font-weight: bold; }
.hfdmenuopties .uit								{ }

.hfdmenuopties A.uit, .hfdmenuopties A.uit:link, .hfdmenuopties A.uit:visited	{ color: #E37700; text-decoration: none; }
.hfdmenuopties A.uit:active, A.uit:hover					{ color: #FF0000; }

.hfdmenuopties A.aan,.hfdmenuopties A.aan:link, .hfdmenuopties A.aan:visited	{ color: #a71761; text-decoration: none;      filter:alpha(opacity=70);  -moz-opacity: 0.70; opacity: 0.70; }
.hfdmenuopties A.aan:active, .hfdmenuopties A.aan:hover				{ color: #FF0000; text-decoration: underline; filter:alpha(opacity=85);  -moz-opacity: 0.85; opacity: 0.85; }


.contentbalk		{ position: absolute; top: 175px; left: 0px; width: 100%; margin: 0px; padding: 0px; z-index: 0; height: 100%;  }
.contentframe		{ position: relative; top: 0px; margin-top: 0px; margin-left: auto; width: 1000px; z-index: 0; margin-right: auto; padding: 0px; background: url(i_submenu_achter.jpg) top left repeat-y #FFFFFF; min-height:1600px; }
				/* min-height is hier helaas nodig, omdat anders bij korte pagina's de achtergrond deels kan verdwijnen */
.content		{ position: relative; top: 0px; left: 268px; width: 615px; z-index: 0; background-color: #FFFFFF; overflow: hidden; padding: 20px 20px 40px 0px; }



.submenubalk		{ position: fixed; top: 0px; left: 0px; width: 100%; z-index: 200;  }
.submenuframe		{ position: relative; padding: 0px; margin: 0px auto 0px auto; width: 1000px; z-index: 200;  }
.submenuopties		{ position: absolute; top: 206px; left:  70px; width: 132px; z-index: 200;  background: transparent; }

.submenuopties .aan, .submenuopties .uit					{ font: 11px/16px Verdana, Arial; font-weight: bold; }
.submenuopties .uit								{ }

.submenuopties A.uit, .submenuopties A.uit:link, .submenuopties A.uit:visited	{ color: #E37700; text-decoration: none;  border-bottom : 2px dotted #FFB448; }
.submenuopties A.uit:active, .submenuopties A.uit:hover				{ color: #FF0000; }

.submenuopties A.aan,.submenuopties A.aan:link, .submenuopties A.aan:visited	{ color: #820c49; text-decoration: none;      filter:alpha(opacity=70);  -moz-opacity: 0.70; opacity: 0.70; }
.submenuopties A.aan:active, .submenuopties A.aan:hover				{ color: #FF0000; text-decoration: underline; filter:alpha(opacity=85);  -moz-opacity: 0.85; opacity: 0.85; }

.submenuframe .branchelogo	{ position: absolute; top: 450px; left: 50px; width: 167px; height: 42px; background: url(plaatje/i_nvh_2.gif); z-index: 50; }

.voetbalk		{ position: fixed; bottom: 0px; left: 0px; width: 100%; height: 30px; z-index: 300; margin: 0px; padding: 0px; }
.voetframe		{ position: relative; padding: 0px; margin: 0px auto 0px auto; width: 1000px; height: 39px; z-index: 300; background: url(i_voet_achter_1.jpg) no-repeat; }
.voettekst		{ position: absolute; top: 8px; left: 70px; font: 12px/14px Verdana, Arial ; text-align: left; color: #b89989; z-index: 300; }
.voettekst A, .voettekst A:link, .voettekst A:visited		{ color: #b89989; text-decoration: none; border-bottom : 2px dotted #b89989; }
.voettekst A:hover, .voettekst A:active				{ color: #df74ab; border-bottom : 2px dotted #df74ab; }




	.zwart		{ color: #000000; }
	.paars		{ color: #a71761; }	/* basispaars werkt alleen voor grotere vlakken en teksten. #820c49 is iets donkerder voor de kleinere tekst in het submenu */
	
	.txt		{ background-image: url(i_dust2_groot.jpg); margin-left: 5px; margin-top: 10px; 
			  margin-right: 0px; margin-bottom: 0px; padding: 0px; }
	.nomargin	{ margin: 0px; padding: 0px; }
	.flash		{ background-image: url(i_dust1_groot.jpg); line-height: normal; margin-left: 0px; margin-top: 0px; padding: 0px; }

   	
   	h1		{  }			
	h2		{ font: 31px/32px Calibri, Trebuchet MS, Tahoma, Arial; font-weight: bold; color: #a71761; letter-spacing: 0.0em; padding: 10px 0px; margin: 0px; }
	b		{ font-weight: bold;	 color: #555555; }
	b.voet		{ font-weight: bold;	 color: #FFFFFF; position: absolute; top: 4px; left: 40px; line-height: 24px;  }
	i		{ font-style: italic;	 color: #000000; }
	u		{ text-decoration: none; color: #990000; }
	tt		{ font: 11px Arial ; letter-spacing: 0.1em;  }
	tt.mini		{ font: 12px/14px Verdana, Arial ; letter-spacing: 0em;  }


	.tabel0		{ margin: 0px; padding: 0px; }
	td		{ color: #000000; font: 13.5px Arial; line-height: 16px; text-align: left; padding: 5px; margin: 0px; vertical-align: top; }
	.border10px	{ border: 10px; }


		
	dd		{  }
	dt		{  }
	dl		{ position: relative; left: -10px; top: -16px; line-height: 19px; }
	ul		{ list-style-type: square; margin-top: 0px; margin-left: 18px; margin-bottom: 0px; padding: 0px; }
	ul.sub1		{ list-style-type: circle; padding-left: 10px;} 
	li		{ padding-left: 10px; } 
	li.cijfers	{ list-style-type: decimal; }



	table		{ align: left; padding: 0px; margin: 0px; vertical-align: middle; }

	td		{ padding: 0px; margin: 0px; vertical-align: top; font: 12px/16px Verdana, Arial; color: #666666; } /*  Let op!! Hier geen plaatje definiëren  */
	
	td.nieuws	{ margin-left: 0px; margin-top: 0px; text-align: left; padding: 1px; font: 13.5px Arial; color: #1A3A62; 
			  border: solid silver 1px; border-top: 1px; border-right: 1px; background-image: url(i_dust2_groot.jpg); }
	td.columnleft	{ margin: 0 0 0 0; padding:  0  0 0 0; width: 520; }
	td.columnmid	{ margin: 0 0 0 0; padding: 10 20 0 0; width: 400; }
	td.columnright	{ margin: 0 0 0 0; padding: 10  0 0 0; width: 140; }


	.zwart		{ color: #000000; }
	.grijs		{ color: #888888; }	
	.envelop	{ color: #FBEAD8; }		
	.uitlijnen	{ text-align: justify; }
	.klein		{ color: #990000; font: 11px Arial; line-height: 13px; }
	.kleinetekst	{ color: #000000; font: 11px Arial; line-height: 13px; }


	A		{ color: #a71761; text-decoration: underline; }
	A:link		{ color: #a71761; text-decoration: underline; }
	A:active	{ color: #FF0000; text-decoration: underline; }
	A:visited	{ color: #a71761; text-decoration: underline; }
	A:hover		{ color: #FF0000; text-decoration: underline; }

	/* ############## AAN / UIT tbv menu en tekstblokken ######################################### */

/*	.submenupositie	{ position: absolute; top: 35px; left: 21px; padding-left: 29px; font-weight: bold; z-index: 10; width: 185px; background-color: transparent;  }
	.submenupositie tt { font: 10px Verdana, Arial ; font-weight: bold; letter-spacing: 0em; color: #FF9900;  }
*/
/*
	.aan, .uit	{ font: 11px/16px Verdana, Arial; font-weight: bold; }
	.uit		{ }

	A.uit, A.uit:link, A.uit:visited	{ color: #E37700; text-decoration: none; border-bottom : 2px dotted #FFB448; }
	A.uit:active, A.uit:hover		{ color: #FF0000; }

	A.aan, A.aan:link, A.aan:visited	{ color: #991600; text-decoration: none;      filter:alpha(opacity=70);  -moz-opacity: 0.70; opacity: 0.70; }
	A.aan:active, A.aan:hover		{ color: #FF0000; text-decoration: underline; filter:alpha(opacity=85);  -moz-opacity: 0.85; opacity: 0.85; }
*/


	/* ############## MENULAGEN AAN/UIT ########################################################## */

	.laagaan	{ visibility: visible; z-index: 1;}
	.laaguit	{ visibility: hidden;  z-index: 1;}

	/* ############## KLEIN / GROOT tbv uitklapbare blokken tekst ################################ */
	
	.klein, .groot	{ font: 11px Verdana, Arial; width: 592px; margin: 2px 0px 0px 0px; 
			  line-height: 16px; border: 1px solid #FFFFFF; }
	.klein 		{ height: 18px; background-color: #FFFFFF; border-left: 1px solid #F8DBB6; overflow: hidden;   padding: 1px 10px 0px 12px;  }
	.groot		{ height: auto; background-color: #FEF9F3; border: 1px solid #F8DBB6; margin: 2px 0px 6px 0px; padding: 1px 10px 10px 12px; }
	.klein .aan	{ font-weight: normal; }	/* dit maakt de kop in een tekstblok niet-vet als het blok is dichtgeklapt */
	.groot .aan	{ font-weight: bold;   }	/* dit maakt de kop in een tekstblok  wel vet als het blok is opengeklapt */



	.hoofdmenu	{ font: 11px/14px Verdana, Arial ; letter-spacing: 0em;  text-align: left; margin: 0px 0px 0px 30px; padding: 0px 10px; }
	.hoofdmenu A	{ text-decoration: none; }