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

body		{ font: 11px Verdana, Arial ; color: #002266 ; text-align: left ; line-height: 16px;
		  margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;
		  background-color: #FFFFFF ;
			scrollbar-3dlight-color:	#FFFFFF;	/* linkerrand  */
			scrollbar-arrow-color:		#FF8E01;	/* pijltjes    */
			scrollbar-base-color:		#000000;
			scrollbar-darkshadow-color:	#FFF0D9;	/* rechterrand */
			scrollbar-face-color:		#FFFFFF;
			scrollbar-highlight-color:	#FAE5CB;	/* mix voor achtergrond van schuifbalk */
			scrollbar-shadow-color:		#FFC275;	/* rechterrand van schuifblokje */
		}	/*  Let op!! in bij Flash-objecten MOET line-height de waarde 'normal' hebben. */

.lokaleaanroep		{ position: relative; top: -160px; width: 10px; height: 10px; visibility: hidden; }	/* t.b.v. het verschuiven van de <a name... zodanig dat het aangeroepen deel die niet onder de kop verdwijnt */

.hfdmenubalk		{ position: fixed; top: 0px; left: 0px; width: 100%; height: 148px; z-index: 100; margin: 0px; padding: 0px; }
.hfdmenuframe		{ position: relative; padding: 0px; margin: 0px auto 0px auto; width: 938px; height: 148px; z-index: 100; background: url(images/hoofdmenu-achter.gif) no-repeat;  }
.hfdmenuopties		{ position: absolute; bottom: 22px; left: 148px; color: #DB7A01; width: 600px; }

.hfdmenuactologo	{ position: absolute; top:  0px; left:   0px; width: 145px; height: 125px; background: url(images/acto-logo-2a.jpg); }
.hfdmenudynamics	{ position: absolute; top: 30px; left: 408px; width: 179px; height:  38px; background: url(images/i_logo_microsoft_dynamics.gif); }
.hfdmenumsgold		{ position: absolute; top: 27px; left: 618px; width:  98px; height:  55px; background: url(images/i-microsoft-gold-certified-partner.gif); }

a:hover.hfdmenuactologo, a:hover.hfdmenudynamics, a:hover.hfdmenumsgold		{ 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; }
.hfdmenuco2		{ position: absolute; top: 70px; left: 750px; color: #DB7A01; width: 150px; height: 20px;
		 	  background: url(http://www.acto.nl/site/images/logo-co2.gif) top left no-repeat; float: left; padding: 2px 0px 0px 22px; }

.contentbalk		{ position: absolute; top: 148px; left: 0px; width: 100%; margin: 0px; padding: 0px; z-index: 0; height: 100%; }
.contentframe		{ position: relative; top: 0px; margin-left: auto;  width: 938px; z-index: 0; margin-right: auto;  }
.content		{ position: relative; top: 0px; left: 148px; width: 740px; z-index: 0; background-color: #FFFFFF; padding: 0px 0px 0px 0px; overflow: hidden; }

.submenubalk		{ position: fixed; top: 0px; left: 0px; width: 100%; z-index: 200;  }
.submenuframe		{ position: relative; padding: 0px; margin: 0px auto 0px auto; width: 938px; z-index: 200; }
.submenuopties		{ position: absolute; top: 200px; left:  10px; width: 132px; z-index: 200; }

.voetbalk		{ position: fixed; bottom: 0px; left: 0px; width: 100%; height: 16px; z-index: 100; margin: 0px; padding: 0px; }
.voetframe		{ position: relative; padding: 0px; margin: 0px auto 0px auto; width: 888px; height: 148px; z-index: 100; background: url(images/voet-achter-1.gif) no-repeat; }

.nieuwsbriefbalk	{ position: absolute; top: 148px; left: 444px; width: 100%; z-index: 200;  }
.nieuwsbriefframe	{ position: relative; padding: 0px; margin: 0px auto 0px auto; width: 938px; z-index: 200; }
.nieuwsbriefopties	{ position: relative; top: 10px; left:  10px; width: 138px; z-index: 200; }


.blauw		{ color: #002266; }
.blauw2		{ color: #4D73A3; }
.blauw3		{ color: #94A6CA; }
.goud		{ color: #D5A503; }
.rood		{ color: #990000; }
.zwart		{ color: #000000; }
.feloranje	{ color: #FF8E01; } /* kleur van de balk */
.oranje		{ color: #DB7A01; } /* kleur voor hyperlinks */
.pastel		{ color: #FFF0D9; }
.felrood	{ color: #FF0000; }


b		{ font-weight: bold; }
.vet		{ font-weight: bold; }
.breder		{ letter-spacing: 0.2em; }
.smaller	{ letter-spacing: -0.05em; }

i		{ font-style: italic;	 color: #4D73A3; letter-spacing: 0.1em; }
i.normaal	{ font-style: italic;	 color: #4D73A3; letter-spacing: 0.0em; }
i.zacht		{ font-style: italic;	 color: #AAAAAA; letter-spacing: 0.0em; }
u		{ text-decoration: none;  }
h1		{ font: 26px/30px Gill Sans MT, Gill Sans, Humanst521 BT, Tahoma, Arial, Helvetica; font-weight: normal; width: 430px;
		  color: #000000; letter-spacing: 0.0em; margin: 0px 0px 0px 0px; padding: 10px 0px 16px 0px; }
h2		{ font: 13px Verdana, Arial, Helvetica; font-weight: bold; color: #4D73A3; letter-spacing: 0.1em; }
h3		{ font: 11px Verdana, Arial, Helvetica; font-weight: bold; color: #94A6CA; letter-spacing: 0.1em; text-transform: uppercase; }
h4		{ font: 11px Verdana, Arial, Helvetica; font-weight: bold; color: #D5A503; letter-spacing: 0.0em; }

tt		{ font: 10px Verdana, Arial, Helvetica; font-weight: normal; color: #94A6CA; letter-spacing: 0.0em; }
.tab2		{  }
.tab2 h5	{ position: relative; top: -16px; left: 148px; margin: 0px; margin-bottom: -16px; font: 11px/16px Verdana, Arial ; font-weight: normal; width: 296px;  }
.tab2 u		{ float: left; clear: left; position: relative; top: -16px; left: 148px; margin: 0px; margin-bottom: -16px; font: 11px/16px Verdana, Arial ; font-weight: normal; width: 296px;  }

hr		{ height: 1px; border: 0px; border-top: 1px solid #DDDDDD; margin: 20px 0px; }

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

.kolom2		{ width: 296px; padding: 0px; padding-right: 5px; margin: 0px; }
.kolom3		{ width: 444px; padding: 0px; padding-right: 5px; margin: 0px; }
.kolom4		{ width: 592px; }

.img01		{ margin: 0px   0px  0px 50px; padding: 0px 0px 0px 0px; border: 0px; width: 148px; height: 148px; border: 0px; position:absolute; top: 0px; left: 394px; } 	/* padding-rechts werkt alleen in FF */
.img01a		{ margin: 0px   0px  0px 50px; padding: 0px 0px 0px 0px; border: 0px; width: 148px; height: 296px; border: 0px; } 	/* padding-rechts werkt alleen in FF */
.img01b		{ margin: 0px   0px  0px 50px; padding: 0px 0px 0px 0px; border: 0px; width: 148px; height: 296px; border: 0px; position:absolute; top: 0px; left: 394px; } 	/* padding-rechts werkt alleen in FF */
.img02		{ margin: 0px   0px  0px 50px; padding: 0px 0px 0px 0px; border: 0px; width: 148px; height: 148px; border: 0px; position:absolute; top: 148px; left: 394px; }
.imgright	{ margin: 0px   0px  0px 50px; padding: 0px 0px 0px 0px; border: 0px; width: 148px; height: 148px; border: 0px; position:absolute; left: 394px;} 	/* padding-rechts werkt alleen in FF */
.imgleft	{ margin: 0px   0px  0px  0px; padding: 0px 0px 0px 0px; border: 0px; left: 0px; } 	
.imginbox	{ margin: 0px -11px 10px 30px; padding: 0px 0px 0px 0px; border: 0px; }
.imglogo	{ margin: 10px   0px  0px  0px; padding: 0px 0px 0px 0px; border: 0px; left: 0px; } 	

.submenupositie	{ position: absolute; top: 50px; left: 16px; }
.fotovoettekst	{ position: absolute; left: 452px; width: 200px; border-left: 1px solid #d4ddf0; padding-left: 8px;
		  font: 11px/14px Verdana, Arial, Helvetica; font-weight: normal; color: #94A6CA; }

.form-table	{	margin: 0px; padding: 0px; width: 200px; font:  11px Verdana, Arial, Helvetica, sans-serif; font-style: normal;
			color: #555555; background-color: transparent; border: 0px solid #FFFFFF; }
.form-label	{	font:  11px Verdana, Arial, Helvetica, sans-serif; color: #6E82A5; padding-right: 7px; width: 148px; }
.form-field	{	font:  11px Verdana, Arial, Helvetica, sans-serif; color: #000000; }
.form-input	{	margin: 0px; padding: 0px; padding-left: 5px; margin-bottom: 2px; width: 260px; border: 1px solid  #CCCCCC; }
.form-check	{	margin: 0px; padding: 0px; padding-left: 15px; padding-right: 20px; }
.form-knop1	{	margin: 0px; padding: 0px; width: 137px; color: #DB7A01; font: 11px Verdana, Arial; font-weight: bold;  }
.form-hoger	{	position: relative; bottom: 3px; font-style: normal; color: #6E82A5; letter-spacing: 0em; }



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

/*	A.uit 		{ color: #002266; text-decoration: none; height: 22px; padding-top: 2px; border-bottom : 2px dotted #8894AB; }  */
A.uit 		{ color: #002266; text-decoration: none; height: 20px; 
		  position : relative; bottom : 2px; padding: 0px; margin: 0px; margin-top: 2px; line-height: 16px; border-bottom : 2px dotted #8894AB; }
A.uit:link	{ color: #002266; text-decoration: none; } 
A.uit:active	{ color: #FF0000; text-decoration: none; }
A.uit:visited	{ color: #002266; text-decoration: none; }
A.uit:hover	{ color: #FF0000; text-decoration: underline; }

A.aan 		{ color: #DB7A01; text-decoration: none; line-height: 16px;  }
A.aan:link	{ color: #DB7A01; text-decoration: none; } 
A.aan:active	{ color: #FF0000; text-decoration: none; }
A.aan:visited	{ color: #DB7A01; text-decoration: none; }
A.aan:hover	{ color: #FF0000; text-decoration: underline; }

.groen	{ color: #598725; }
A.groen		{ color: #598725; }	


/* ############## 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 */


/* ############## OVERIG ##################################################################### */

A.hoofdmenu		{ color: #DB7A01; font: 11px Verdana, Arial, Helvetica; font-weight: bold; line-height: 10px;
			  margin: 0px; padding: 0px; }
A.hoofdmenu:link	{ color: #DB7A01; text-decoration: none; }
A.hoofdmenu:active	{ color: #FF0000; text-decoration: none; }
A.hoofdmenu:visited	{ color: #DB7A01; text-decoration: none; }
A.hoofdmenu:hover	{ color: #FF0000; text-decoration: underline; }

 .grijs		{ color: #BBBBBB; font: 11px Verdana, Arial, Helvetica; padding-top: 8px; }   /*  deze grijs is voor de lichtgrijze kopjes in de contentpagina's  */
A.grijs		{ color: #AAAAAA; }
A.grijs:link	{ color: #AAAAAA; text-decoration: none; }
A.grijs:active	{ color: #FF0000; text-decoration: none; }
A.grijs:visited	{ color: #999999; text-decoration: none; }
A.grijs:hover	{ color: #FF0000; text-decoration: underline; }

A		{ color: #DB7A01; text-decoration: none; font: 11px Verdana, Arial, Helvetica; font-weight: normal; line-height: 16px;}
A:link		{ color: #DB7A01; text-decoration: none; }
A:active	{ color: #FF0000; text-decoration: none; }
A:visited	{ color: #DB7A01; text-decoration: none; }
A:hover		{ color: #FF0000; text-decoration: underline; }

a.half img  	 { filter:alpha(opacity=100); -moz-opacity: 1.0; opacity: 1.0; }
a.half:hover img { filter:alpha(opacity=50);  -moz-opacity: 0.5; opacity: 0.5; }
a.half2 img  	 { filter:alpha(opacity=50);  -moz-opacity: 0.5; opacity: 0.5; } 
a.half2:hover img { filter:alpha(opacity=100); -moz-opacity: 1.0; opacity: 1.0; }

.externelink	{ background: url(http://www.acto.nl/site/images/i-rechts.gif) top left no-repeat; float: left; padding: 2px 5px 0px 22px; }
.terug		{ background: url(http://www.acto.nl/site/images/i-links.gif) top left no-repeat; float: left; padding: 2px 5px 0px 22px; }
.pdf		{ background: url(images/i-icon-pdf.jpg) top left no-repeat; float: left; padding: 2px 0px 0px 22px; }

table		{ width: 99%; margin: 0px; border: 0px; }
td		{ color: #002266; font: 11px Verdana, Arial, Helvetica; line-height: 16px; border: 0px;
		  padding: 0px 0px 0px 0px; margin: 0px; vertical-align: top; }  /*  Let op!! Hier geen plaatje definiëren  */

/* ############## BUTTONS OP INLOGPAGINA ##################################################### */

.LogonField	{ width: 296px; padding: 2px; border: 1px solid #F8DBB6; color: #DB7A01; margin-bottom: 2px; }		/* voor de invulvelden van de Service-inlogpagina */
#BTN_OK		{ width: 100px; color: #DB7A01; font: 11px Verdana, Arial; font-weight: bold;  }	/* OKAY-button bij inlogpagina */
form		{ margin-top: 5px; } 

.inspr1		{ position: absolute; left: 148px; overflow: auto; }


/* ################################################################################################### */


.envelop	{ font: 13px Arial; color: #AFB9BC; font-weight: normal; }	
.uitlijnen	{ text-align: justify; }

.reflect	{ }