/* 
	--------------------------------------------------------------------------------
	iwsm.css              
	versie 1.0 d.d 05-02-2009
	--------------------------------------------------------------------------------
*/

/* --------------------------------------------------------------------------------	*/
/*  Toon tbv testen de borders van blokelementen; weghalen: zet op 0px				*/
/* --------------------------------------------------------------------------------	*/

DIV.qrycontainer		{	background: white	}
DIV.qryformcontainer	{	background: white	}
DIV.qnfcontainer		{	background: white	}

/*
================================================================================
================================================================================

  Lay-out algemeen (over secties heen); zie voor breedte DIV-sectie onder

================================================================================
================================================================================
*/

BODY{
	background		: #6699ff;    			/* was #99ccff;lichtblauw : achtergrond van de body		*/
	padding			: 0;					/* was 0 10 0 10 */
}

BODY.logo {
	margin			: 10 0 10 10;
	padding			: 0px;
	text			: white;
	font			: bold;
}


BODY, P, A, H1, H2, H3, H4, H5, H6, TABLE, TD, UL, OL {
	margin			: 0px;
	color			: black; 
	text-align		: left;
	font-family		: Arial, Geneva, Lucida;
	font-size		: 12px;                    
}

P	{									/* toegevoegd t.o.v. nesmaqry	*/
	margin		:15px 0px 15px 0px;  
}

A	{
	color			: blue;
	text-decoration	: none; 
}

IMG	{
	margin		: 0px;
	padding		: 0px;
}


h1	{									/* is always the pagetitle	*/		
	color		: darkblue;  			/* #000066;					*/
	font		: bold;
	text-align	: left;					/* x center;				*/
	font-size	: 18px;
	padding		: 10 10 10 0;
	margin		: 10 10 20 0;
}

h2	{
	margin		: 30px 0px 25px 0px;
	color		: darkblue;  			/* #000066;									*/
	font		: bold;
	text-align	: left;
	font-size	: 14px;
}

h3	{
	margin		: 25px 0px 10px 0px;
	color		: darkblue;  			/* #000066;									*/
	font		: bold;
	text-align	: left;
	font-size	: 12px;
}


OL, ul  {
	margin		: 0px 0px 0px 30px;
}

LI {
	margin		: 10px 0px 10px 0px;
}

th {									/* kop van een kolom						*/
	margin			: 0p;
	padding			: 0px 10px 0px 10px;
	background-color	: lightblue; 
	color			: black;			/* was bij NESMA white; */
	font-weight		: bold;      
}

td {									/* algemeen veld							*/
}

td.label {								/* label voor invul- of uitvoerveld			*/
	margin		: 5px 0;  
	width		: 200px;				/* was op 24-08-2009 120px;					*/
	text-align	: right;
	color		: blue;
	font-weight	: bold;
	padding		: 0 10 0 0;
}

td.labelleft {							/* label voor invul- of uitvoerveld			*/
	margin		: 5px 0;  
	width		: 200px;				/* was op 24-08-2009 120px;					*/
	text-align	: left;
	color		: blue;
	font-weight	: bold;
	padding		: 0 10 0 0;
}

td.veld {								/* uitvoerveld								*/
	margin		: 5px 0;  
	height		: 20px;
	text-align	: left;
	color		: black;
	padding		: 0 10 0 0;
}

select {								/* keuzelijst								*/
	color		: black
}

input {    								/* text invoerveld							*/
  color			: black;
}

textarea {								/* textarea invoerveld						*/
  color			: black
}

.fout {
	color		: red
}	


/*
================================================================================
================================================================================

 								De DIV secties
 								
================================================================================
================================================================================
*/

/*
--------------------------------------------------------------------------------
  DIV algemeen
--------------------------------------------------------------------------------
*/

DIV {									/* sectie - voor alle subgroeperingen 		*/					
	width		: 600px;   				/* was 500 bij NESMA x 600px; uniforme breedte secties 		*/
	margin		: 0px 30px 0px 30px;	/* afstand N, O, Z, W tot omvattend element	*/
/* XX was 5px 30px 5px 30px jan 2009 */
 										/* als sectie afwijkt, daar margin opnemen	*/	
										/* als kleur, dan overrulen fysieke sub-	*/
}										/* secties van de container de container	*/
										/* omdat de subsecties ervan van DIV en		*/
										/* niet van DIV.qnfcontainer!!				*/

/*
Als je als width van deze DIV 600 opneemt, zullen andere subklassen DIV.subklasse
ook deze breedte van 600 aanhouden, zelfs als deze DIV.subklasse fysiek een 
onderdeel is van een contairen zoals DIV.qrycontainer! Om dat dan weer te voorkomen
moet je voor elke DIV.subklasse_i een eigen width opgeven; deze overrulet dan
per definitie de width van de DIV.
*/

/*
================================================================================
================================================================================

 								Het QNF - deel

================================================================================
================================================================================
*/

/*
--------------------------------------------------------------------------------
  DIV qnf-container sectie
--------------------------------------------------------------------------------
*/

DIV.qnfcontainer{						/* container voor alles, bevat subsecties	*/
	width		: 740px;	/* bij NESMA was 600 */	    
/*	min-height	: 800px;	 			   hierdoor hebben alle forms evenveel wit  */
	height		: auto;
	padding		: 0px;
	margin		: 0px;					/* geeft plaats container t.o.v. body aan	*/
}

/*
--------------------------------------------------------------------------------
  DIV qnf-title sectie
--------------------------------------------------------------------------------
*/

DIV.qnftitle {							/* sectie voor de titel van de pagina		*/
	width		: 740px;	/* bij NESMA was 600 */	    
}

/* --------------------------------------------------------------------------------	*/
/*  DIV qnf-intro sectie															*/
/* --------------------------------------------------------------------------------	*/

DIV.qnfintro {							/* sectie inleidende tekst, onder onderwerp	*/
}

DIV.qnfintro p {
}

/* --------------------------------------------------------------------------------	*/
/*  DIV qnf-toc sectie																*/
/* --------------------------------------------------------------------------------	*/

DIV.qnftoc {							/* sectie inhoudsopgave pagina				*/
}

DIV.qnftoc p {							/* "Naar overzicht van pagina"      		*/
	margin		: 15px 0px 15px 0px;
}

DIV.qnftoc UL {							/* De UL bovenin die inhoud pagina opsomt 	*/
	 margin		: 15px 0px 30px 60px;
	 color		: darkred;
}

/* --------------------------------------------------------------------------------	*/
/*  DIV qnf-tocfront sectie																*/
/* --------------------------------------------------------------------------------	*/

DIV.qnftocfront {						/* sectie inhoudsopgave voorpagina				*/
}

DIV.qnftocfront a {					/* "Naar overzicht van pagina"      		*/
	color		: #FF0000;
  	font-weight	: bold;
}

DIV.qnftocfront ul p {						/* "Naar overzicht van pagina"      		*/
	margin		: 0px 20px 15px 0px;
	color		: blue;
}

DIV.qnftocfront UL {					/* De UL bovenin die inhoud pagina opsomt 	*/
	 margin		: 15px 0px 30px 60px;
	 color		: darkred;
}


/* --------------------------------------------------------------------------------	*/
/*  DIV qnf-data sectie																*/
/* --------------------------------------------------------------------------------	*/

DIV.qnfdata {							/* sectie voor de gewone data				*/
}

DIV.qnfdata p.novp {					/* "Naar overzicht van pagina"			    */
	margin: 15px 0px 30px 0px
}

DIV.qnfdata p.novp A {					/* "Naar overzicht van pagina"			    */
	color: green;         
	font-size: 11px;      
}

/* --------------------------------------------------------------------------------	*/
/*  DIV qnf-footer																	*/
/* --------------------------------------------------------------------------------	*/

DIV.qnffooter {							/* sectie voor de footer					*/
}

P.copyright{               				/* (c) statement onderaan pagina 			*/
	margin		: 20px 0px 0px 0px;
	font		: 10px;
}  

P.gohome{								/* footer onderaan naar o.a. voorpagina		*/
	margin		: 0px;
 	text-align	: center;
}

P.gohome A {							/* footer onderaan naar o.a. voorpagina		*/
  font-size: 10px;
}

hr			{							/* lijn onderaan boven navigatie terug    */
	width		: 20%;
 	text-align	: center;
} 


/* --------------------------------------------------------------------------------	*/
/*  (DIV) Secties voor forms/queries												*/
/* --------------------------------------------------------------------------------	*/

TABLE.qnfform {							/* formuliervelden							*/
	margin		: 0px 20px 0px 20px;
	border		: 1px solid green;
}

TABLE.qnfmsg {							/* sectie voor een boodschap				*/
	margin		: 5px 20px 5px 20px;
}

TABLE.qnfbuttons {						/* sectie voor de buttons					*/
	margin		: 5px 20px 5px 20px;
}


/*
================================================================================
================================================================================

 								Het QRY - deel

================================================================================
================================================================================
*/

/* --------------------------------------------------------------------------------	*/
/*  DIV qry-container sectie														*/
/* --------------------------------------------------------------------------------	*/

DIV.qrycontainer{						/* container, alleen voor breedte en kleur	*/
	width			: 740px;			/* was op 24-08-2009 600 */			
	height			: auto;			/* XXX was 800 op 23-08-2009 hierdoor hebben alle forms evenveel wit  */
	margin			: 0px;
	padding			: 0 20px 0 20px;	/* door padding 20px west op te nemen hoef  */
										/* bij alle omsloten divs geen margin 20px  */
										/* links op te nemen						*/	
}

DIV.qryformcontainer{					/* container voor forms						*/
	width			: 740px;			/* XXX was op 23-08-2009 500				*/
	height			: auto;			/* XXX was 800 op 23-08-2009 hierdoor hebben alle forms evenveel wit  */
	margin			: 0px;
	padding			: 0 20px 0 20px;	/* door padding 20px west op te nemen hoef  */
										/* bij alle omsloten divs geen margin 20px  */
										/* links op te nemen						*/	
}

/*
Volgende regel zorgt dat *alle* DIV's binnen <DIV.qryformcontainer> ... </DIV>
zoals DIV.qrytitel, DIV.qrydata, etc., een breedte hebben van 500px
Zo kun je de breedte varieren afhankelijk van het type omvattende DIV
*/
DIV.qryformcontainer DIV			{ width	: 500px; }
DIV.qryformcontainer DIV			{ width	: 740px; } /*toegevoegd op 23-08-2009*/


/* --------------------------------------------------------------------------------	*/
/*  DIV qry-titelin sectie		- titel voor input form								*/
/* --------------------------------------------------------------------------------	*/

DIV.qrytitelin {							/* ruimte voor onderwerp van form			*/
	margin			: 0px;
	height			: 60px;
}

DIV.qrytitelin h1 {							/* ruimte voor onderwerp van form			*/
	color			: green;
}


/* --------------------------------------------------------------------------------	*/
/*  DIV qry-titel sectie															*/
/* --------------------------------------------------------------------------------	*/

DIV.qrytitel {							/* ruimte voor onderwerp van form			*/
	margin			: 0px;
	height			: 60px;
}

DIV.qrytitel h1 {							/* ruimte voor onderwerp van form			*/
	color			: green;
}


/* --------------------------------------------------------------------------------	*/
/*  DIV qry-intro sectie															*/
/* --------------------------------------------------------------------------------	*/

DIV.qryintro {						/* inleidende tekst, onder onderwerp			*/
	margin			: 0px 0px 20px 0px;
}

/* --------------------------------------------------------------------------------	*/
/*  DIV qry-form sectie																*/
/* --------------------------------------------------------------------------------	*/

DIV.qryform {							/* formuliervelden							*/
	margin			: 20px 20px 20px 20px;
}

/* --------------------------------------------------------------------------------	*/
/*  DIV qry-in sectie																*/
/* --------------------------------------------------------------------------------	*/

DIV.qryin {								/* input voor van een query					*/
	margin			: 0px;
}


/* --------------------------------------------------------------------------------	*/
/*  DIV qry-data sectie																*/
/* --------------------------------------------------------------------------------	*/

DIV.qrydata {							/* resultaat van een query					*/
	margin			: 0px;
}


/* MOET NOG WEG */
/* de koppen van query tabellen */

A.akop {								/* aanklikbare kop van een query tabel		*/
	color			: black;
	text-decoration	: none;
}

A.aitem {								/* aanklikbare entry van een query entry	*/
	color			: black;
}

DIV.qrydata A:HOVER {
  	background		: yellow;
	color			: blue;
  	display			: block;
  	font-weight		: bold;
}


/* --------------------------------------------------------------------------------	*/
/*  DIV qry-msg sectie																*/
/* --------------------------------------------------------------------------------	*/

DIV.qrymsg {							/* ruimte voor een boodschap				*/
	margin			: 20px 0px 20px 0px;
}

/* -------------------------------------------------------------------------------	*/
/*  DIV qry-buttons sectie															*/
/* --------------------------------------------------------------------------------	*/

DIV.qrybuttons {						/* ruimte voor de buttons					*/
	margin			: 20px 0px 20px 0px;
	padding			: 0 0 0 140px;
}

DIV.qrybuttons input {					/* tekst op knop							*/
	color			: black;
}


/* --------------------------------------------------------------------------------	*/
/*  DIV qry-footer sectie															*/
/* --------------------------------------------------------------------------------	*/

DIV.qryfooter {						/* ruimte voor de footer						*/
	margin			: 20px 20px 20px 20px;
}


/* ================================================================================ */
/* ================================================================================ */
/*                                                                                  */
/* 								Menu's (aan linkerkant en aan bovenrand)			*/
/*																					*/
/* ================================================================================ */
/* ================================================================================ */

/* --------------------------------------------------------------------------------	*/
/*  DIV menuhorz sectie - menu aan bovenrand										*/
/* --------------------------------------------------------------------------------	*/

DIV.menuhorz {								/* menu in bovenframe		*/
	width			: 600px; 				/* was 300 bij NESMA		*/
	margin			: 0px;
}	

DIV.menuhorz table {
	margin			: 0px;
	padding			: 0px;
}	

DIV.menuhorz P {
	margin			: 8px 0px 0px 0px;
}

DIV.menuhorz A, DIV.menuhorz A:HOVER { 
	margin			: 0px;
	padding			: 4px 0px 4px 0px;
	font-weight		: bold;
	display			: block;
}

DIV.menuhorz A {
	color			: white;
	text-align		: center;
	background		: red;
	width			: 90px;
	border			: 1px maroon solid;
}

DIV.menuhorz td.active A, DIV.menuhorz td.active A:HOVER {
	color			: red;
	background		: white;	/* of donkerrood #CC0000; */
}

DIV.menuhorz A:HOVER {
	color			: black;
	background		: yellow;
	border			: 1px black solid;
}


/* --------------------------------------------------------------------------------	*/
/*  DIV menuvert sectie - menu aan linkerkant									    */
/* --------------------------------------------------------------------------------	*/

DIV.menuvert {							/* menu in linkerframe */
	width			: 160px;			/* was 130 bij NESMA */
	margin			: 0px 1px 0px 1px;
}

DIV.menuvert P, DIV.menuvert A, DIV.menuvert A:HOVER, DIV.menuvert H1, DIV.menuvert H2 {  
	font-size		: 11px;
	font-weight		: bold;
	color			: red;
	background		: white;
	display			: block;
}

DIV.menuvert P {
	margin		: 0px 6px 0px 6px;
	padding		: 0px;
	line-height	: 10px;
	background	: inherit;				/*liefst hetzelfde zijn als de achtergrond van de body */
}

DIV.menuvert P.emptyline {
	margin		: 0px;
	padding		: 0px;
	line-height	: 5px;
	background	: inherit;				/*liefst hetzelfde als de achtergrond van de body */
}

DIV.menuvert A {
	margin		: 2px 0px 2px 0px;
	border		: 1px red solid;
	padding		: 4px;
	background	: white;
	color		: blue;
}

DIV.menuvert A:HOVER {
	margin		: 2px 0px 2px 0px; 	/* was 2px 10px 2px 2px; effect: hoverbalk 6 pixels naar links t.o.v. A */
	border		: 1px red solid;
	padding		: 4px;
	background	: blue;
	color		: white;
}

DIV.menuvert H1 {              			 /* sectieaanduiding in menu */
	margin		: 12px 8px 12px 4px;	/* was 4px 4px 10px 4px; */	
	border		: 1px blue solid;		 /* was 2px maroon solid */
	padding		: 6px;					/* was 2px */
	background	: white;					/* was red; */
	color       : red;					/* was white; */
 	text-align	: center;
	width		: 96%;
}

DIV.menuvert H2 {               		/* kopaanduiding binnen sectie */
	margin		: 15px 2px 10px 4px;
	border		: 1px maroon solid;
	padding		: 2px;
	background	: green;
	color		: white;
	width		: 90%;
	font-size	: 11px;
	font-weight : bold;
}



TABLE.contact {
	margin			: 10px 0p 10px 0px;
	width			: 100%;
	background-color: #FFFFCC;
}

TABLE.ipc {
	margin			: 0px 0p 0px 0px;
	width			: 100%;
	background-color: #FFFFCC;
}

TABLE.ipc ul {
}