﻿/* 
	--------------------------------------------------------------------------------
	nesmaqnf.css              
	versie 1.6 d.d 16-06-2006
	versie 1.7 d.d 21-10-2006	labelleft toegevoegd
	versie 1.8 d.d 				.fout toegevoegd 
	versie 1.9 d.d 18-04-2007	menuhorz en menuvert aangepast
	versie 20 d.d 30-04-2008	hr.lowerbar toegevoegd		
	versie 21 d.d 11-05-2008    H3 toegevoegd en 13 overbodige declaraties in begin weggehaald
	versie 22 d.d. 06-11-2008	DIV.menuvert P, DIV.menuvert A, DIV.menuvert A:HOVER, DIV.menuvert H1, DIV.menuvert H2 samengenomen	
	versie 23 d.d. 11-11-2008	Diverse wijzigingen	
	--------------------------------------------------------------------------------
*/

/* --------------------------------------------------------------------------------	*/
/*  Toon tbv testen de borders van blokelementen; weghalen: zet op 0px				*/
/* --------------------------------------------------------------------------------	*/

DIV.qrycontainer		{	background: white	}
DIV.qryformcontainer	{	background: white	}
DIV.qnfcontainer		{	background: white	}


/*	XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
	LET OP, AL HET ONDERSTAANDE IS UITGESCHAKELD
	XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

BODY	{ 	border	: 0px solid red;		ackground: red		}
DIV		{	border	: 0px dotted purple;	ackground: green	}
TABLE	{	border	: 0px solid green;		ackground: yellow	}
td 		{	border	: 1px dotted red;		ackground: yellow	}
td.label{	border	: 1px solid green;		ackground: yellow	}
td.veld {	border	: 1px solid red;		ackground: yellow	}
OL, UL	{	border	: 0px solid red;		ackground: yellow	}
LI		{	border	: 0px dotted red;		ackground: yellow	}
p		{	border	: 0px dotted purple;	ackground: yellow	}
h1, h2	{	border	: 0px dotted blue;		ackground: yellow	}

DIV.qrycontainer	{	border	: 1px dotted purple;	ackground: red		}
DIV.qrytitelin		{	border	: 1px dotted purple;	ackground: red		}
DIV.qrytitel		{	border	: 1px dotted purple;	ackground: red		}
DIV.qryintro		{	border	: 1px dotted purple;	ackground: red		}
DIV.qryform			{	border	: 1px dotted purple;	ackground: red		}
DIV.qryin			{	border	: 1px dotted purple;	ackground: red		}
DIV.qrydata			{	border	: 1px dotted purple;	ackground: red		}
DIV.qrymsg			{	border	: 1px dotted purple;	ackground: red		}
DIV.qnffooter		{	border	: 1px dotted purple;	ackground: red		}
DIV.qnfbuttons		{	border	: 1px dotted purple;	ackground: red		}

DIV.qnfcontainer	{	border	: 0px dotted purple;	ackground: red		}
DIV.qnftitel		{	border	: 1px dotted purple;	ackground: red		}
DIV.qnfintro		{	border	: 1px dotted purple;	ackground: red		}
DIV.qnftoc			{	border	: 1px dotted purple;	ackground: red		}
DIV.qnfdata			{	border	: 1px dotted purple;	ackground: red		}
DIV.qnffooter		{	border	: 1px dotted purple;	ackground: red		}

DIV.menuhorz		{	border	: 0px dotted purple;	background: inherit;}
DIV.menuvert		{	border	: 0px dotted purple;	background: inherit;}

	XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
    LET OP, AL HET BOVENSTAANDE IS UITGESCHAKELD
    XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
*/    

/*
================================================================================
================================================================================

  Lay-out algemeen (over secties heen); zie voor breedte DIV-sectie onder

================================================================================
================================================================================
*/

BODY{
	background		: #6699ff;    			/* was #99ccff;lichtblauw : achtergrond van de body		*/
	padding			: 0 10 0 10;
}

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 0 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			: white;
	font-weight		: bold;      
}

td {									/* algemeen veld							*/
}

td.label {								/* label voor invul- of uitvoerveld			*/
	margin		: 5px 0;  
	width		: 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		: 120px;
	text-align	: left;
	color		: blue;
	font-weight	: bold;
	padding		: 0 10 0 0;
}

td.veld {								/* uitvoerveld								*/
	margin		: 5px 0;  
	height		: 20px;				/*** was 20 */
	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		: 500px;   				/* 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		: 600px;				/* 01-06-2009 wasa 600/740; 30-11 was 500	*/
	min-height	: 800px;	 			/* hierdoor hebben alle forms evenveel wit  */
	height		: auto;					/*   XXX hier stond 01-06-2009 auo, bewust? */
	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		*/
}

/* --------------------------------------------------------------------------------	*/
/*  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 0px 0px;
	color		: black;
}

DIV.qnftocfront UL {					/* De UL bovenin die inhoud pagina opsomt 	*/
	 margin		: 15px 0px 30px 60px;
	 color		: darkred;
}

DIV.qnftocfront UL UL {					/* De UL bovenin die inhoud pagina opsomt 	*/
	 margin		: 0px 0px 0px 15px;
	 color		: blue;
}

DIV.qnftocfront UL UL LI {					/* De UL bovenin die inhoud pagina opsomt 	*/
	 margin		: 0px 0px 0px 0px;
}

DIV.qnftocfront UL UL A {					/* De UL bovenin die inhoud pagina opsomt 	*/
	 color		: blue;
	 font-weight: normal;
}



/* --------------------------------------------------------------------------------	*/
/*  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: 11px;
}

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			: 660px;			
	height			: 800px;			/* 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			: 500px;
	height			: 900px;			/* was 800; 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	: 500 px; }


/* --------------------------------------------------------------------------------	*/
/*  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			: 300px;
	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			: 70px;
	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;			/* 01-06-2009 was 130  */
	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 6px 2px 6px;
	border		: 1px red solid;
	padding		: 4px;
	background	: white;
	color		: blue;
}

DIV.menuvert A:HOVER {
	margin		: 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  A.envelop {
	margin		: 0px;
	border		: 0px red solid;
	font-size	: 10 px;
	padding		: 2px;
	background	: inherit;				/*liefst hetzelfde als de achtergrond van de body */
	color		: red;
}

DIV.menuvert A.envelop:HOVER {
	margin		: 0px; 					/* effect: hoverbalk 6 pixels naar links t.o.v. A */
	border		: 0px red solid;
	font-size	: 10 px;
	padding		: 2px;
	background	: yellow;				/*liefst hetzelfde als de achtergrond van de body */
	color		: red;
}



DIV.menuvert H1 {              			 /* sectieaanduiding in menu */
	margin		: 4px 4px 10px 4px;
	border		: 2px maroon solid;
	padding		: 2px;
	background	: red;
	color       : white;
	width		: 90%;
}

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;
}

/* ------------------------------------------------------------------------------ */
/*  Toegevoegde layout voor individuele tabellen; class slaat op pagina           */
/* ------------------------------------------------------------------------------ */

TABLE.begroten-vb, TABLE.conferentie, TABLE.correctiefactor, TABLE.hoefpa, TABLE.korting, TABLE.nesmacontact {
	margin			: 10px 0p 10px 0px;
	width			: 100%;
	background-color: #FFFFCC;
} 

TABLE.begroten-vb td, TABLE.conferentie td, TABLE.correctiefactor td, TABLE.hoefpa td, TABLE.korting td {
	padding			: 2px 10px 2px 10px;
}

TABLE.begroten-vb p, TABLE.conferentie p, TABLE.correctiefactor p, TABLE.hoefpa p, TABLE.korting p {
	margin			: 0px;
}

TABLE.hoefpa p {
	text-align		: center;
}

TABLE.hoefpa p.kolom1 {
	text-align		: left;
}

TABLE.hoefpa tr.rij2 {
	font-weight		: bold;      
}

TABLE.korting {
   width			: 70%;
}

TABLE.vb_typen_fpa, TABLE.isofsm {
   margin-top : 10px;
   margin-bottom : 10px;
   width: 90%;
   background-color: #FFFFCC; 
}
   
TABLE.vb_typen_fpa p, TABLE.vb_typen_fpa td, TABLE.isofsm p, TABLE.isofsm td {
	margin: 0px;  
}

TABLE.vb_typen_fpa th, TABLE.isofsm th {
   background-color: lightblue; 
   text-align: left;
   color: black;
   font-weight: bold; 
}

TABLE.nesmacontact {
   width:           : 70%;
   background-color	: white;
}


/*====================================================================================*/

/* ----------------------------------------------------------------- */
/*  Table.boekenlijst is voor de boekenlijst					            */
/* ----------------------------------------------------------------- */


TABLE.boekenlijst {
/*	border-collapse	: collapse; - dan verdwijnen de lijnen */
	margin-top		: 10px;
  	margin-bottom	: 10px;
 	width			: 100%;
	background-color: #FFFFCC;
} 

TABLE.boekenlijst p {
	margin			: 0px 0px 30px 0px;
}

TABLE.boekenlijst tr {
	vertical-align	:top;
}

TABLE.boekenlijst th {
	background-color: lightblue; 
	color			: black;
	font-weight		: bold;
}

TABLE.boekenlijst td {
	border-bottom	: 1px solid #CCC;
	background-color: #FFC;
	color			: black;
}

TABLE.boekenlijst td, th {
	margin			: 0px;
	padding			: 10px 10px 10px 10px;
}

/* TABLE.boekenlijst */
td.col3, td.col4, th.col3, th.col4 {
	padding			: 10px 5px 10px 5px;
	color			: red;
	width			: 50px;
	text-align		: left;
}

TABLE.boekenlijst p {
	margin			: 0px;
	text-align		:center;
}

td.col2	p	{
	text-align		: left;
}	

/* ----------------------------------------------------------------- */




/* ----------------------------------------------------------------- */
/*  Table.boekinhoud is voor de inhoudsopgaven handboeken            */
/* ----------------------------------------------------------------- */

TABLE.container{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	width: 500px;
	background: white;
}

TABLE.containerboekenlijst{      /* nodig */
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	width: 560px;
	background: white;
}

TABLE.boekinhoud {
   margin-top : 30px;
   margin-bottom : 40px;
   width: 100%;
   background-color: #FFFFCC; 
}
   
TABLE.boekinhoud h {
   background-color: lightblue; 
   text-align: left;
   color: red;
   font-weight: bold;      /* waarom wordt font niet bold */
}

TABLE.boekinhoud p, td {
   text-align: left;
	margin: 0px;  
}


/* ----------------------------------------------------------------- */
/*  Table.conferentie is voor het conferentieprogramma 	             */
/* ----------------------------------------------------------------- */


TABLE.conferentie {
/*	border-collapse	: collapse; - dan verdwijnen de lijnen */
	margin-top		: 10px;
  	margin-bottom	: 10px;
 	width			: 100%;
	background-color: #FFFFCC;
} 

TABLE.conferentie p {
	margin			: 0px 0px 30px 0px;
}

TABLE.conferentie tr {
	vertical-align	:top;
}

TABLE.conferentie th {
	background-color: lightblue; 
	color			: black;
	font-weight		: bold;
}

TABLE.conferentie td {
	border-bottom	: 1px solid #CCC;
	background-color: #FFC;
	color			: black;
}

TABLE.conferentie td, th {
	margin			: 0px;
	padding			: 10px 10px 10px 10px;
}

/* TABLE.conferentie */
TABLE.conferentie td.col1 {
	padding			: 10px 5px 10px 5px;
	font-weight		: bold;
	width			: 25%;
	text-align		: left;
}

TABLE.conferentie td.col2 {
	padding			: 10px 5px 10px 5px;
	font-weight		: bold;
	width			: 75%;
	text-align		: left;
}

TABLE.conferentie p {
	margin			: 0px 10px 0px 10px;
	text-align		: left;
}

TABLE.conferentie p.tijd {
	font-size		: 12px;
	color			: black;
	text-align		: center;                    
}

TABLE.conferentie p.melding {
	font-size		: 14px;
}

TABLE.conferentie p.titel {
	font-size		: 14px;                    
}

TABLE.conferentie p.spreker {
	font-size		: 12px;                    
}

TABLE.conferentie p.omschrijving {
	font-size		: 12px;
	font-weight		: normal;
	color			: black;                    
}

/* ----------------------------------------------------------------- */

/*====================================================================================*/
/*====================================================================================*/
/* ONDERSTAANDE MOET OOIT ALLEMAAL WEG 													*/
/* KOMT NIET ZO VAAK VOOR IN DE PAGINA'S												*/
/* ALLE TABLEs MOETEN VERVANGEN WORDEN DOOR DIVs										*/
/* HIER OPGENOMEN OM STYLSHEET nesma_ori.css TE KUNNEN VERWIJDEREN 						*/
/* EN OM PAGINA's DIE DEZE STIJL-TABLES NOG GEBRUIKEN TE HERKENNEN EN TE ONDERSTEUNEN 	*/
/*====================================================================================*/
/*====================================================================================*/

/* ------------------------------------------------------------------------------ */
/*  qrydata is de tabel lay-out voor query pagina van de web site van Heinenoord  */
/* ------------------------------------------------------------------------------ */

FORM{
/* XXX	width		: 600px; opnemen laat DIVs uit zijn voegen barsten 				*/
}

TABLE{
/* XXX	width		: 600px; opnemen laat DIVs uit zijn voegen barsten 				*/
}

TABLE.formcontainer{
	width		: 400px;
	padding		: 0px;
	margin		: 0px;
	background	: white;
	border		: 1px solid yellow;
}

TABLE.qrycontainer{
	width		: 650px;
	padding		: 0px;
	margin		: 0px;
	background	: white;
	border		: 1px solid blue;
}

TABLE.qrytitel{
	margin		: 20px 20px 20px 20px;
	border		: 1px solid red;
}

TABLE.qrytitel h1{						/* onderwerp van form, direct onder logo  */
	color		: green;
	font-weight	: bold;
	text-align	: center;
	font-size	: 16px;
}

TABLE.qryintro{
	margin		: 0px 20px 0px 20px;
	border		: 1px solid red;
}

TABLE.qryform{
	margin		: 0px 20px 0px 20px;
	border		: 1px solid green;
}

TABLE.qrydata{
	margin		: 0px 20px 0px 20px;
	border		: 1px solid red;
}

TABLE.qrydata th {
	 text-align	: left;
}

TABLE.qrydata td.label {		/* label voor schermveld */
  text-align	: left;
  font-weight	: bold;
  color			: blue;
  padding		: 0, 10, 0, 0;
  width			: 10em;
}

TABLE.qrydata td.veld {
  color			: green;
  font			: normal;
}

TABLE.qrydata textarea {    /* text, select, area input             */
  font-family	: Arial, Geneva, Lucida;
  font-size		: 12px;
  color			: red
}

TABLE.qrydata select {    /* text, select, area input             */
  font-family	: Arial, Geneva, Lucida;
  font-size		: 12px;
  color			: red
}

TABLE.qrydata input {    /* text, select, area input             */
  font-family	: Arial, Geneva, Lucida;
  font-size		: 12px;
  color			: red
}

TABLE.qrydata input {    /* text, select, area input             */
  font-family	: Arial, Geneva, Lucida;
  font-size		: 12px;
  color			: blue
}

TABLE.qrydata A:HOVER {
  	background	: yellow;
	color		: blue;
  	display		: block;
  	font-weight	: bold;
}

TABLE.qrymsg{
	margin		: 0px 20px 0px 20px;
	border		: 1px solid red;
}

TABLE.qrybuttons{
	margin		: 0px 20px 0px 20px;
	border		: 1px solid red;
}

TABLE.qryfooter{
	margin		: 0px 20px 0px 20px;
	border		: 1px solid red;
}

/* ------------------------------------------------------------------------------ */
/*  Eind qrydata is de tabel lay-out van elke brede query pagina van de web site van Heinenoord */
/* ------------------------------------------------------------------------------ */