<!--
/*
 * Deze STYLESHEET overschrijft de CLASSES in 'style.css' op het moment dat de HTML pagina naar de PRINTER wordt gestuurd.
 * Let er op dat lettergroottes voor SCHERM in PIXELS (px) geschied en PRINTER in points (pt).
 *
 *
 *  Aanroep voorbeeld, let op media :
 *     <link rel="stylesheet" href="style.css" type="text/css" media="screen">
 *     <link rel="stylesheet" href="style_print.css" type="text/css" media="print">
 */

BODY,td, th
{
  margin: 0pt;
  font-size: 8pt;
  font-family: verdana, arial, sans-serif;
  color:#777777;
  line-height:150%;
  vertical-align:top;
  text-align: left;
}

a {
	font-size: 8pt;
	font-family: verdana, arial, sans-serif;
	color:#777777;
	line-height:150%;
}

p {
	font-size: 8pt;
	margin-left: 14px;
	margin-top: 0em;
	margin-bottom: 1em;
}

h1 {
	padding-left: 7px;
	margin-left: 7px;
	margin-bottom: 0em;
	margin-top: 1em;
	font-size: 9pt;
	font-family: verdana, arial, sans-serif;
	font-weight: bold;
	color: #777777;
	line-height: 150%;
	border-bottom: 1px solid #f4f4f4;
}

h2 {
	margin-left: 14px;
	margin-bottom: 0em;
	margin-top: 1em;
	font-size: 8pt;
	font-family: verdana, arial, sans-serif;
	color: #777777;
	line-height: 150%;
	vertical-align: top;
	text-align: left;
}

h3 {
	margin-left: 14px;
	margin-bottom: 0em;
	margin-top: 1em;
	font-size: 8pt;
	font-family: verdana, arial, sans-serif;
	font-style: italic;
	font-weight: normal;
	color: #777777;
	line-height: 150%;
	vertical-align: top;
	text-align: left;
}

a.menu_activiteiten, a.menu_profiel {
	font-weight:bold;
	font-size:8pt;
	text-decoration:none;
	line-height:155%;
}

a.menu_profiel {
	color:#991066;
}
a.menu_profiel:hover, a.menu_activiteiten:hover {
	color:white;
}
a.menu_activiteiten {
	color:#4f698a;
}

.h1 {
	font-size: 10pt;
	letter-spacing:2pt;
	line-height:100%;
	vertical-align:middle
}

.with_line {
	font-size: 8pt;
	font-weight:bold;
	border-bottom: 1px solid #f4f4f4;
	padding:6px 4px 1px 4px;
	margin-bottom: 8px;
}

input {
	background-color: #FFFFFF;
}
input.focus { /*input veld dat gefocused is */
	background-color: #FFFFFF;
}

.warning {color: #FF0000}

TR.even {
	background-color:#F8F8F8;
}

TR.odd {
}

.debug {
	display: none;
}

/* Alleen tonen op scherm, toon niet bij printen */
.noprint {
	display: none;
}

/* Inklappen en uitklappen van items */
.show {
}

.hide {
}

/* =============== *
 * Pagina lay-out
 * =============== */

/* Speciale classes voor de main vormgeving
 * -------------------------
 * | hlinks      | hrechts |
 * -------------------------
 * | body        | menu    |
 * ------------------------- */

TABLE.pagina {
	width:100%;
}
TH.koplinks {
	display: none;
}

TH.koprechts {
	display: none;
}

TH.voetlinks {
	display: none;
}

TH.voetrechts {
	display: none;
}

TD.body {
	width:100%;
	vertical-align:top;
	background-color: #FFFFFF;
}

TD.index {
	display: none;
}


/* Speciale classes voor de "body table", de tabel waar de paginainhoud in terecht komt
 * ------------------------------------
 * | |schaduwrand                   | |  }
 * - -------------------------------- -  } Header
 * | |gracht       |streepjes       | |  }
 * ------------------------------------
 * | |           BODY               | |
 * | |                              | |
 * ------------------------------------
 * | |    schaduwrand               | |  } Footer
 * ------------------------------------
 */

TABLE.body_table {
	width:100%;
}

TH.body_t_l {
	display: none;
}

TH.body_t_m1 {
	display: none;
}

TH.body_t_m2 {
	display: none;
}

TH.body_t_r {
	display: none;
}

TH.body_t_m2_l {
	display: none;
}
TH.body_t_m2_r {
	display: none;
}
TH.body_o_l {
	display: none;
}

TH.body_o_m {
	display: none;
}

TH.body_o_r {
	display: none;
}

TH.body_m_l {
	display: none;
}

TD.body_m_m {
	text-align:left;
	padding-top:10px; /* pagina inhoud 10px onder het plaatje laten beginnen, en er niet tegenaan */
}

TH.body_m_r {
	display: none;
}
/* speciale classes om de kopjes mee te maken
 * -------------------------
 * |links | midden |rechts |
 * -------------------------
*/
/*algemeen */
TABLE.kop {
	margin-bottom:15px;
}
TH.kop_l_profiel,TH.kop_l_activiteiten {
	height:22px; width:12px;
}
TH.kop_m_profiel,TH.kop_m_activiteiten {
	height:22px;
	font-size: 10pt;
	letter-spacing:2pt;
	line-height:100%;
	vertical-align:middle;
	font-weight: normal;
}
TH.kop_r_profiel,TH.kop_r_activiteiten {
	height:22px; width:12px;
}

/* Sectie "Profiel" */
TH.kop_l_profiel {
	background:url(graphics/koprand_roze_l.gif);
}
TH.kop_m_profiel {
	background:url(graphics/koprand_roze_m.gif);
}
TH.kop_r_profiel {
	background:url(graphics/koprand_roze_r.gif);
}
/* Sectie "Activiteiten" */
TH.kop_l_activiteiten {
	background:url(graphics/koprand_groen_l.gif);
}
TH.kop_m_activiteiten {
	background:url(graphics/koprand_groen_m.gif);
}
TH.kop_r_activiteiten {
	background:url(graphics/koprand_groen_r.gif);
}

/* speciale classes om de menu blokken mee te maken
 * ------------------------------------------------------
 * |linksboven1 | linksboven2 |middenboven |rechtsboven |
 * ------------------------------------------------------
 * |linksmidden1| linksmidden2|midden(BODY)|rechtsmidden|
 * ------------------------------------------------------
 * |linksonder1 | linksonder2 |middenonder |rechtsonder |
 * ------------------------------------------------------
*/

/* menu algemeen */
TABLE.menu {
	display: none;
}

/* tabel "Kerkdiensten" en rooster bij "Alpha-cursus" */
TD.metmarge {
	padding: 3px 6px;
}

/* tabel "Alpha-cursus" */
P.metmarge2 {
	margin: 0px 0px 0px 35px;
}

div.voetnoot {
	padding-top:6px;
	border-top: 1px solid #f4f4f4; 
}

sup.voetnoot {
	font-size:7pt;
	line-height:0px;
}

-->