body
{
	margin:0px;
	padding:0px;
	border:0px;
	position: relative;
	padding-top:8px;
	text-align: center;
	font-family:"Verdana";
/*	font-size:12px; 	*/
	font-size:0.75em;
	color:#000000;		/* standaard tekst kleur */
/*	background-color:#ff00ff; */
/*	background-image: url(../plaatjes/green-yellow.jpg);  */ /* carlo's idee */
}
h1
{
	font-size:22px; 
	margin:0px;
	margin-bottom:4px;
}
h2
{
	font-size:18px; 
	margin:0px;
	margin-bottom:4px;
}
h3
{
	font-size:14px; 
	margin:0px;
	margin-bottom:2px;
}

hr
{
	border-style:hidden;
	border-width:0px;
	height:2px;
	color:#ffffff;
	background-color:#ffffff;
	width:100%;
	clear: both; 
}

table 
{ 	
	border-collapse: collapse; 
	border: solid 4px #ffffff; 
	empty-cells:show;
	width:100%;
	padding:0px;	/* werkt waarschijnlijk niet voor table */
	margin:0px;
}
th    
{ 
	border: solid 2px #ffffff; 
	margin:0px;	/* werkt waarschijnlijk niet voor th */
	padding:4px;
	text-align:left;
}
td    
{ 
	border: solid 2px #ffffff; 
	margin:0px;	/* werkt waarschijnlijk niet voor td */
	padding:2px;
	text-align:left;
}

/* tabel rijkleur #1*/
table .tr_0{background-color:#e0f4fc;}
/* tabel rijkleur #2*/
table .tr_1{background-color:#e0f4fc;}


ul
{
	margin:4px;
	margin-left:16px;
}

dt
{
	margin-top:4px;
	font-weight:800;
}

/* ook textarea's Verdana 12px geven: erft kennelijk niet van body (?) */
textarea
{
	font-family:"Verdana";
	font-size:12px; 
}

/* weghalen onderlijning hyperlinks */
a
{ 
	text-decoration: none; 
}


.uit_index
{
	 font-size:14px;	 /* voorpagina font wat groter maken */
}

/* tabel met kolommen */
.ledenlijst table {width:100%;}
.ledenlijst table td{text-align:center;}
.ledenlijst table th{text-align:center;}
.ledenlijst table .tr_0{background-color:#fbfce0;}
.ledenlijst .table_2  {	border-style:hidden;border-width:0px;}
.ledenlijst .table_2 .col_1  {width:10%;}
.ledenlijst .table_2 td {vertical-align: top; text-align:left;border-width:0px;padding:0px;padding-bottom:2px;}


/* tabel met kolommen */
.activiteiten table {width:100%;}
.activiteiten table td{text-align:center;}
.activiteiten table th{text-align:center;}
.activiteiten table .tr_0{background-color:#fbfce0;}
.activiteiten table .col_1 {}
.activiteiten table .col_2 {}
.activiteiten table .col_3 {width:100%;}
.activiteiten table .col_4 {}

/* tabel met kolommen */
.rapportages table {width:100%;}
.rapportages table td{text-align:center;}
.rapportages table th{text-align:center;}
.rapportages table .tr_0{background-color:#fbfce0;}
.rapportages table .col_1 {}
.rapportages table .col_2 {width:100%;}
.rapportages table .col_3 {}

/* tabel met kolommen */
.archief table {width:100%;}
.archief table td{text-align:center;}
.archief table th{text-align:center;}
.archief table .tr_0{background-color:#fbfce0;}
.archief table .col_1 {}
.archief table .col_2 {}
.archief table .col_3 {width:100%;}
.archief table .col_4 {}


/* form */
.login_div table {margin:10px;width:400px;background-color:#fbfce0; }
.login_div .col_1 {width:40%;}
.login_div .col_2 {width:60%;}
.login_div td {border-style:none; border-width:0px;padding-bottom:2px;}
.login_div {width:400px;}
.login_div table {width:400px;} /* begrijp niet waarom dit nodig is */
.login_div table .tr_0{background-color:#fbfce0;}
.login_div table .tr_1{background-color:#fbfce0;}


/* form zonder table */
.mailsturen .text {width:95%;}					/* onderwerp */
.mailsturen textarea {width:95%;height:200px;}	/* tekst */

/* form zonder table */
.aanafmelden textarea {width:95%;height:60px;}	/* tekst */

/* in firefox heb je geen controle over de breedte hiervan: */
/* (je kan ook de tekst browse niet veranderen) */
.input_file {width:80%;}


/* form */
.nieuweactiviteit table {	border-style:hidden;border-width:0px;}
.nieuweactiviteit table td {border-width:0px;padding:0px;padding-bottom:2px;}
.nieuweactiviteit .col_1  {width:20%;}
/*.nieuweactiviteit textarea {width:95%;height:200px;} */
#Omschrijving {width:95%;height:100px;}
#LangeOmschrijving {width:95%;height:200px;}
.nieuweactiviteit .text {width:95%;}
.nieuweactiviteit .Datum {width:20%;}
.nieuweactiviteit .div_3 .text {width:40px;} 	/* textbox week-herhaling */
.nieuweactiviteit .div_3 .select {width:100px;}	/* combobox dag- herhaling */

/* tabel met kolommen */
.wiegaanermee table {width:100%;}
.wiegaanermee table .col_1 {width:40%;}
.wiegaanermee table .col_2 {width:60%;}
.wiegaanermee table .tr_1{background-color:#fbfce0;}


/* tabel zonder kolommen */
.bekijklid table {width:100%;}
.bekijklid table .col_1 {width:30%;}
.bekijklid table .col_2 {}
.bekijklid table .tr_1{background-color:#fbfce0;}


/* form */
.wijziglid table {width:100%;border-style:hidden; border-width:0px;}
.wijziglid table .col_1 {width:30%}
.wijziglid table td {border-style:hidden; border-width:0px; padding:0px;padding-bottom:2px;}
.wijziglid textarea {width:90%;height:60px;}	/* afmetingen hobby velden   */
.wijziglid .text {width:50%;}		/* breedte naam enz velden */
.wijziglid .password {width:50%;}	/* breedte wachtwoord veld */

/* form */
.aanmeldform table 
{
	width:100%;
	border-style:hidden; 
	border-width:0px;
	margin-top:8px;
	margin-bottom:8px;
}
.aanmeldform table .col_1 {width:30%;}
.aanmeldform table .col_2 {width:auto;}
.aanmeldform .text {width:50%;}
.aanmeldform table td {border-style:hidden; border-width:0px; padding:0px; padding-bottom:2px;}
.aanmeldform table textarea {width:90%; height:60px;}
.aanmeldform .table_2 .col_1 {width:40%;}			/* enquete vragen */
.aanmeldform textarea {width:93%; height:100px;}	/* vragen/opmerkingen */


/* table rondom de OK/Annuleer knoppen */
.submit_div table 
{
	border-style:none; 
	border-width:0px;
	margin:0px;
	margin-left:auto;
	margin-right:auto;
	margin-top:10px;
	padding:0px;
	width:0px;
}
.submit_div table td
{
	border-style:none; 
	border-width:0px;
	padding:4px;
}
.submit_div table tr{background-color:#e0f4fc;}




/* oud? gebruikt? */
.submit_OK {width:100px;background-color:#00CC33;}
.submit_Login {width:100px;background-color:#00CC33;}
.submit_Annuleer {width:100px;background-color:#CC6633;}
/* werkt niet op IE, wel op firefox: */
.submit_Login:hover {width:100px;background-color:#ff00ff;}


/* De film band */
.filmband
{
	background-image: url(../plaatjes/filmband.GIF);  
/* background-color:#ff00ff; */
	overflow:hidden;
	width: 800px; 
	height: 18px;
	padding: 0px;
	margin: 0px;
	border-width: 0px;
	border-style:hidden; 
	
}


.netwerklogo
{
	margin:12px;
/*	height:50px; */
}
/* de plaatjes bovenin */
.postzegel
{
/*	width:125px; */
	height:90px;
	margin:2px;
	margin-right:0px;
	padding:0px;
	border-width: 40px;
	border-style:hidden; 
}


/* de logintekst (kleiner maken) */
.div_inlogtekst
{
	font-size:10px;
	margin:0px;
	padding:0px;
/*	background-color:#ff00ff; */
}

/* fouten in rood */
.div_fouten
{
	color:#ff0000;
}

/* Het Gecentreerde hoofdvak */
.hoofdvak
{
	width: 800px;
	position: relative;
	padding: 0px;
	margin: 0px;
	border: 0px;
	text-align: left;
	margin-left: auto; 
	margin-right: auto;
	background-color:#FFFFFF;
}

/* bovenste deel (film+plaatjes) */
.bovenkant
{
	position:relative;
	background-color: #fbfce0; 
	width: 800px;
	padding: 0px;
	margin: 0px;
	border: 0px;
/*	border-style:solid; */
/*	border-width:1px; */
}


/* hele onderste deel: knoppenbalk + inhoud */
.onderkant
{
	position:relative;
	left:0px;
	top:0px;
	padding:0px;
	border: 0px;
	margin:0px;
	margin-top:8px;
	height:100%;
/*	overflow:auto; */
/*  background-color:#ff00ff;  */
}


/* linker kant (knoppenbalk) */
.linkerkant
{
	position:absolute; 
	left:0px;
	top:0px;
	width:160px; 
	padding:0px;
	margin:0px;
	border: 0px;
/*	background-color:#ff00ff;  */
}

/* inhoud vak (rechtsonder) */
.inhoudvak 
{
	position:relative;
	left:160px; 
	top:0px;
	width:630px;  
	margin:0px;
	border: 0px;
	padding:4px;
	padding-bottom:10px;
	margin-bottom:10px;
	background-color:#e0f4fc; 
}

.inhoudvakGeenKnoppenbalk
{
	left:0px; 
	width:100%;  
}



/* de gekleurde marge rond de kleur in de knoppen aan de linkerkant */
.linkerkant div
{
	padding:4px;
	padding-left:0px;
	background-color:#fbfce0;
	margin:0px;
	margin-bottom:4px;
	margin-right:4px; 
}



/* voor teller */
.index .div_1 img
{
/*	display:block; */
	float:right;
	margin:20px;
}

.rapportages .div_1 img
{
/*	display:block; */
	margin:10px;
	margin-left:auto; 
}

.wijzigrapportage .text {width:95%;}
.wijzigrapportage textarea
{
	width:95%;
	height:200px;
}



/* Gemeenschappelijk voor alle buttons */
.button
{
/* let op: padding + width = breedte plaatje 142 x 36 */
/* let op: padding + height = hoogte plaatje 142 x 36 */
  margin:0px;
  border:0px;
  width: 140px; 
  height: 25px;
  display:block;			/* anders werkt width/height niet */
  padding-top:8px;			/* tekst positie */
  padding-bottom:2px;
  padding-left:0px; 
  padding-right:2px;
  font-family:"Monotype Corsiva";
  text-align:center;
  color : #000000;
  font-size:19px;
  font-weight:100;
}

/* form-submit button heeft andere grootte, weet niet waarom dat nodig is */
.submit_button
{
	height: 36px;
}

/* knop staat in normale op stand */
.button_up
{
  /* background-color: #ff00ff; */
  background-image: url(../plaatjes/knop_up.gif);
} 

/* knop in hoover stand */
.button_hover
{
  /* background-color: #00ff00; */
  color : #000080;
  background-image: url(../plaatjes/knop_hv.gif);
}


/* knop in ingedrukte stand */
.button_down
{
  padding-top:10px;
  padding-bottom:0px;
  padding-left:2px;
  padding-right:0px;
  /* background-color: #00ff00; */
  background-image: url(../plaatjes/knop_dn.gif);
}

/* knop in actieve stand */
.button_active
{
  padding-top:10px;
  padding-bottom:0px;
  padding-left:2px;
  padding-right:0px;
  /* background-color: #00ff00; */
  background-image: url(../plaatjes/knop_ac.gif);
}



/* om help button te centreren */
.div_button_center
{
	text-align:center;
	padding:10px;
	margin-left:auto;
	margin-right:auto;
	width: 140px; 
}

.afbeelding
{
  /*display:inline;     */ /*  werkt niet samen met float:left in ff */    
	float:left;
  border-style:hidden; 
  border-width:0px;
/*  background-color:#ff00ff; */
  width: 0px;
  height: 0px;
  padding: 0px;
	margin : 0px;
	margin-top: 2px;
	margin-right: 2px;
	text-align: left;
	vertical-align: baseline ;  
}

.afbeelding td
{
  border-style:none; 
  border-width:0px;
  padding:2px;
  margin:0px;
  background-color:#fbfce0;   /* moet matchen met .afbeelding caption background-color */
}

/* in ff valt de caption buiten de box vd tabel */
/* in ie valt de caption in de box vd tabel */ 
.afbeelding caption
{
  background-color:#fbfce0; /* moet matchen met .afbeelding td background-color */
  caption-side: bottom;     /* werkt niet voor ie */
	text-align: left;
	border-style:none; 
  border-width:0px;
	margin : 0px;
	margin-right: 2px;
	padding : 2px;
	padding-top: 0px;
  
}

.toon_js
{
	visibility: inherit;
	z-index:10;
}

.wis_js
{
   visibility : hidden;
   display: none;
   z-index:-10;
}

/* help popup als zichtbaar */
.popup_toon
{
	visibility: inherit;
	background-color:#fbfce0;
	position : absolute;
  border-width : 2pt;
  border-style: solid;
	border-color : #ff0000;
	left:100px;
	top:100px;
	padding:10px;
	z-index:10;
}

/* help popup als niet zichtbaar */
.popup_wis
{
   left:100px;	/* nodig anders scrollbar */
   top:100px;
   visibility : hidden;
   position:absolute;
   z-index:-10;
   display: none; 
}