/* -----------------------------------
De RGB-kleuren van de huisstijl zijn:

 tekst blauw 38,17,111
 donkerblauw #3C80AF;rgb(60,128,175); 
 lichtblauw: #83B2D6; rgb(131, 178, 214) 
 achtergrond blauw #CBDFED rgb( 203, 223, 237)

 tekst groen: 109, 115, 2
 donkergroen: rgb(167, 177, 3) #A7B103
 lichtgroen: rgb(224, 236, 4)  #E0EC04
 achtergrond groen: #FFFFB7 

 donkerpaars=rgb(106, 106, 176) #6A6AB0
 lichtpaars rgb( 177 177 214) #B1B1D6
 achtergrond paars rgb(209,209,231) #D1D1E7 

 tekst bruin: 114, 74, 22
 bruin=R/178, G/117, B/34 #B27522 
 lichtbruin
 achtergrond bruin #F4E0C6
-------------------------------------*/
body, table, p, h1 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10pt;
    line-height: 1.5em;
}

table.kader {
    border			: 1px solid;
    border-collapse	: collapse;
    border-spacing	:0;
    padding: 3px;
}


table.kader th {
    border		: 1px solid;
}

/* ------------------ div -------------*/
@media screen{
    #menu {
	position: absolute;
 top: 60px;
 left: 0px;
 width: 200px;
 height: 100%;
}
}

@media print {
	/* menu niet printen */
	#menu {
     display:none
	}
}

@media screen {
    #direct_naar {
	position: absolute;
	top: 70px;
	left: 760px;
	z-index: 1;
 
}
}

@media print {
	/* niet printen */
	#direct_naar {
     display:none
	}
}


@media screen {
    #top {
	position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 60px;
}
}

@media print {
    #top {
	overflow: visible;
}
}

@media screen {
    #inhoud {
	max-width: 550px;
		/* hack om max-width ook in IE te laten werken: */
		width:expression(document.body.clientWidth > 750? "550px": "auto" );
		position: absolute;
		top: 60px;
		left: 200px;
		overflow: visible;
}
}

@media print {
	/* inhoud links uitgelijnd printen */
	#inhoud {
     overflow: visible;
	}
}

a         { 
    text-decoration: none;
    font-weight: bold;
}
a:visited { 
    text-decoration: none;
    font-weight: bold;
}
a:hover   { 
    text-decoration: underline; 
    font-weight: bold;
}
a:active  { 
    text-decoration: underline;
    font-weight: bold;
}

h2 {
    font-size: larger;
    font-weight: bold;
    padding-top: 0px;
    padding-bottom: 0px;
}

h3 {
    font-size: 10pt;
    font-weight: bold;
    line-height: 1em;
}

h4 {
    font-size: 10pt;
    font-weight: bold;
    line-height: 1em;
    display: inline;
    margin: 0px;
    
}

hr {
    margin-top: 1px;
    height: 1px;
    width: 100%;
    display: inline;
}

/* --------------------- body kleuren --------------------- */
@media screen {
    body.blauw {
	color: rgb( 38,17,111);
 background-color: rgb( 226, 236, 245);
}
body.blauw a, 
body.blauw hr {color: rgb( 60,128,175);}

body.groen {
    color: rgb( 109, 115, 2);
    background-color: #FFFFDD;
}

body.groen a,
body.groen hr	{color: #A7B103;}

body.bruin{
    color: rgb( 114, 74, 22);
    background-color: #F4E0C6; /* 244, 224, 198 */
}	

body.bruin hr,
body.bruin a  { 
    color: #B27522;
}
body.bruin table.kader,
body.bruin table.kader th {
    border-color: rgb( 114, 74, 22);
}

body.paars {
    color: #404079;
    background-color: #D1D1E7;
}

body.paars hr,
body.paars a { 
    color: #6A6AB0;
}
}

/* links op de printer */
@media print {
    #inhoud a { 
	color: black; 
 font-weight: normal;
}
}


/* ---------- KOP adres -----------------*/
@media print {
    .print_only {
	display:inline;
}
}

@media screen {
    .print_only {
	display:none;
}
}

@media all {
    td.adres {
	background-repeat: repeat-x;
}

body.blauw td.adres {
    background-image: url(/pics/adres_blauw.gif);
}

body.bruin td.adres {
    background-image: url(/pics/adres_bruin.gif);
}

body.paars td.adres {
    background-image: url(/pics/adres_paars.gif);
}

body.groen td.adres {
    background-image: url(/pics/adres_groen.gif);
}
}

/* ----------------- menu ------------------------ */
td.menu a {
    display: block;
    text-decoration: none;
}
td.menu td{
    font-weight: bolder;
}

h1 {
    margin: 0px;
}

td.menu table.submenu td a{
    font-weight: normal;
    padding-left: 10px;
    line-height: 1.2em;
}
/* --------- maak dat het current menu-item anders wordt weergegeven --------- */
td.menu h1 a,
td.menu a:hover {
    color: white;
    text-decoration:none;
}

body.blauw td.menu a:hover,
body.blauw h1
{
    background-color: rgb( 60,128,175);
}

body.groen h1,
body.groen td.menu a:hover {
    background-color: #A7B103;
}
body.bruin h1,
body.bruin td.menu a:hover {
    background-color: #B27522;
}

body.paars h1,
body.paars td.menu a:hover {
    background-color: #6A6AB0;
}

/* ---------------- achtergronden ------------------*/
.pret {
    background-attachment: fixed;
    background-image: url(/pics/pret_wit.gif);
    background-repeat: no-repeat;
    background-position: left bottom;
}

.kracht {
    background-image: url(/pics/kracht_wit.gif);
    background-repeat: no-repeat;
    background-position: left bottom;
    background-attachment: fixed;
}

.bloei {
    background-repeat: no-repeat;
    background-position: right bottom;
    background-attachment: fixed;
    background-image: url(/pics/bloei_wit.gif);
}

.moed {
    background-image: url(/pics/moed_wit.gif);
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-position: right bottom;
}

.vuur {
    background-image: url(/pics/vuur_wit.gif);
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-position: left bottom;
}


@media screen {
    .transparent {
	filter:Alpha(Opacity=60);
 -moz-opacity:0.60;
}
}

q
{
    quotes: " " " ";
}

/* ----------input ---------------- */
input, textarea, select {
    font-family     :Verdana,Arial,Helvetica,sans-serif;
    font-size       :11px;
    border-style    :solid;
    border-width    :1pt;
}

body.paars input {
/*	background-color: #6A6AB0;*/
}
blockquote, q {
    text-align: left;
    text-indent: 0em;
    display: block;
    margin-left: 2em;
    margin-right: 5em;
    font-style: italic;
}

.note {
    font-size: x-small;
    font-style: italic;
}

.foutmelding { color: red;}

.lead {
    font-style: italic;
    font-weight: bolder;
}

.plaatje {
    padding-left: 10px;
}