/* hester.css */

H1
{
	font: bold 13px Verdana, "DejaVu Sans", Helvetica, sans-serif;
	line-height: 150%;
	color: #CC3333;
	letter-spacing: 1px;
	margin: 	15px 0 0;
}
H2
{
	font: bold 13px Verdana, "DejaVu Sans", Helvetica, sans-serif;
	line-height: 150%;
	color: #CC3333;
	margin: 24px 0 10px 0;
	clear: both;
}

.kop /* vervangen door H1 zie boven */
{
	font: bold 13px Verdana, "DejaVu Sans", Helvetica, sans-serif;
	line-height: 150%;
	letter-spacing: 1px;
	margin-top: 	16px;
}
.Vetrood { /* verouderd */ }

P	{ color: #CC3333; margin: 0; }

a:link	  { color: #A91515; }
a:hover	  { color: #CC3333; }
a:visited { color: #A91515; }

.tekst, .contrast, .opmerking, .tekst-klein, .hlnk, .lijst
{
	font-family: Verdana, "DejaVu Sans", Helvetica, sans-serif;
	line-height: 150%;
}
.tekst-m    { font-size: 12px; }
.tekst, .circli	{ font-weight: normal; font-size: 13px; color: #CC3333; }
.contrast	{ font-weight: normal; font-size: 13px; color: #4D661A; }
.tekst-klein	{ font-weight: normal; font-size: 11px; color: #CC3333; }
.smallcaps	{ font-size: 12px; text-transform: uppercase; }
.lijst		{ font-weight: normal; font-size: 13px; color: #CC3333; list-style-type: disc; }
.vvt		{ color: #AA9999; }

.opmerking	{ font-weight: normal; font-size: 12px; line-height: 140%; color: #4D661A; }

.hlnk		{ font-weight: bold;   font-size: 13px; color: #CC3333; }

A.hlnk:link	{ color: #CC0000; text-decoration: none; }
A.hlnk:visited	{ color: #CC0000; text-decoration: none; }
A.hlnk:hover  	{ color: #000099; text-decoration: underline; }

.silent		 { }
A.silent:link	 { text-decoration: none; }
A.silent:visited { text-decoration: none; }
A.silent:hover   { text-decoration: underline; }

.sl	/* sub-list item, inspringing minder groot dan standaard */
{
	list-style-type: circle;
	margin-left:    30px;
}
.circli	/* list item met cirkel als markering (klaproos gaat niet goed in ie) */
{
	font-family: Verdana, "DejaVu Sans", Helvetica, sans-serif;
	list-style-type: circle;
	line-height: 166%;
}
.compact
{
	font: normal 11px Arial, Helvetica, sans-serif;
	line-height: 150%;
	color: #CC3333;
}
.citaat
{
	font: normal 11px Verdana, "DejaVu Sans", Helvetica, sans-serif;
	line-height: 135%;
	color: #B02020;
}
.boekcitaat
{
	font: normal 13px Georgia, "DejaVu Serif", Constantia, Times, serif;
	line-height: 133%;
	margin-bottom: 10px;
	color: #302E2F;
}
.pl {
	font: normal 11px Verdana, "DejaVu Sans", Helvetica, sans-serif;
	text-decoration: none;
}
A.pl:hover {
	font: normal 11px Verdana, "DejaVu Sans", Helvetica, sans-serif;
	text-decoration: underline;
}
.kr /* klein rechts */
{
	text-align: right;
	margin-top: 4px;
	margin-bottom: 8px;
}
.zieverder {
	font: bold 11px Verdana, "DejaVu Sans", Helvetica, sans-serif;
	color: #B02020;
	text-decoration: none;
}
A.zieverder:hover { text-decoration: underline; }

.onderschrift
{
	font: normal 13px "Times New Roman", serif;
	line-height: 120%;
}
.mono
{
	font: normal 13px "Lucida Console", "Andale Mono", "DejaVu Sans Mono", "Courier New", monospace;
	line-height: 125%;
}
.sitemap /* entries in sitemap */
{
	font: bold 12px Verdana, "DejaVu Sans", Helvetica, sans-serif;
	color: #CC0000;
	line-height: 180%;
}
A.sitemap:link		{ color: #CC0000; text-decoration: none; }
A.sitemap:visited	{ color: #CC0000; text-decoration: none; }
A.sitemap:hover		{ color: #000099; text-decoration: none; }

.sitemap-sub /* sub-entries in sitemap */
{
	font: normal 11px Verdana, "DejaVu Sans", Helvetica, sans-serif;
	color: #CC0000;
	line-height: 150%;
}
A.sitemap-sub:link   	{ color: #CC0000; text-decoration: none; }
A.sitemap-sub:visited	{ color: #CC0000; text-decoration: none; }
A.sitemap-sub:hover  	{ color: #000099; text-decoration: none; }

.inhoud
{
	font: bold 12px Verdana, "DejaVu Sans", Helvetica, sans-serif;
	line-height: 120%;
	color: #CC0000
}
A.inhoud:link	 { color: #CC0000; text-decoration: none;      }
A.inhoud:visited { color: #CC0000; text-decoration: none;      }
A.inhoud:hover	 { color: #000099; text-decoration: underline; }

.scheidslijn
{	height: 4px;
	font: 4px sans-serif;
	background: url(img/blauwelijn.jpg) left repeat-x;
}

.copyright
{
	font: normal 11px Verdana, "DejaVu Sans", Helvetica, sans-serif;
	line-height: 150%;
	color: #006600;
	margin: 4px 0 8px;
}
sup /* extra ruimte voor copyright-teken */
{
	padding-left: 1px;
}
.lastupdate
{
	font: normal 11px Arial, Helvetica, sans-serif;
	line-height: 150%;
	text-align: right;
	color: #999999;
	margin: 4px 6px 7px;
}
.sitemap
{
	font: normal 11px Verdana, "DejaVu Sans", Helvetica, sans-serif;
	line-height: 150%;
	color: #006600;
	margin: 8px 0 8px;
}
.keuzelijst
{
	font: bold 11px Verdana, "DejaVu Sans", Helvetica, sans-serif;
	color: #CC3333;
	background-color: #EEEEFF;
}
.foto {
	margin: 4px 0px 0px 0px;
	border-style: solid;
	border-color: #B5B5B5 #5E5E5E #5E5E5E #B5B5B5;
	border-width: 1px;
}
.fotorechts {
	float: right;
	margin: 4px 0px 0px 6px;
	border-style: solid;
	border-color: #B5B5B5 #5E5E5E #5E5E5E #B5B5B5;
	border-width: 1px;
}
.fotolinks {
	float: left;
	margin: 4px 8px 0px 0px;
	border-style: solid;
	border-color: #B5B5B5 #5E5E5E #5E5E5E #B5B5B5;
	border-width: 1px;
}
.topknop
{
	float: right;
	margin: 1px 0px 12px 6px;
	border-style: solid;
	border-width: 0px;
}

.noprint { } /* onderdrukken op afdruk */

.kvg { }    /* kvg = klik voor groot (vergrootglascursor) */
.kvg:hover  { cursor: url(img/viewmag.cur), pointer; }


/* ruimte waarin menu moet verschijnen, te scrollen tekst moet hier achter "verdwijnen" */
#menuspace
{
	width: 100%;
	height: 8px;
	background-color: #D36161;
	z-index: 2;
}

.top1 { background-color: #F89E9E; height: 1px; width: 9999px;}
.top2 { background-color: #F39696; height: 1px; }
.top3 { background-color: #EE8D8D; height: 1px; }
.top4 { background-color: #E98484; height: 1px; }
.top5 { background-color: #E37C7C; height: 1px; }
.top6 { background-color: #DE7373; height: 1px; }
.top7 { background-color: #D96A6A; height: 2px; }

#menu
{
	width: 100%;
	background-color: #F38888;
	z-index: 2;
}
.menuitem
{
	font: bold 11px Verdana, "DejaVu Sans", Helvetica, sans-serif;
	color: #F0F0D4;
	display: block;
	padding: 4px 12px 4px;
	text-decoration: none;
}
A.menuitem:link    { color: #F1F1D8; }
A.menuitem:visited { color: #F1F1D8; }
A.menuitem:hover   { color: #FAF07A; background: #D24A4A url(img/menu/hover.gif) bottom left repeat-x; }

.itemactief
{
	font: bold 11px Verdana, "DejaVu Sans", Helvetica, sans-serif;
	color: #FFFFCC;
	display: block;
	padding: 4px 12px 4px;
	text-decoration: none;
}
A.itemactief:link    { color: #FFFFCC; }
A.itemactief:visited { color: #FFFFCC; }
A.itemactief:hover   { color: #FAF07A; }

.menutab
{
	color: #F1F1D8;
	text-decoration: none;
	text-align: center;
	vertical-align: middle;
	background:   #A91515 url(img/menu/tab.gif) top left repeat-x;
	border-style: solid;
	border-color: #E27E7E #441111 #A91515 #E27E7E;
	border-width: 1px 1px 0px 1px;
}
.menutab:hover
{
	color: #F4F444;
	background:   #D24A4A url(img/menu/hover.gif) bottom left repeat-x;
	border-color: #F78C8C #7B1515 #A91515 #F78C8C;
}
.menutabactief
{
	color: #FFFFCC;
	text-decoration: none;
	text-align: center;
	vertical-align: middle;
	background:   #CC4444 url(img/menu/actief.gif) bottom left repeat-x;
	border-style: solid;
	border-color: #F38888 #771111 #CC6666 #F38888;
	border-width: 1px 1px 0px 1px;
}
.tabbar
{
	background-color: #CC4444;
	border-style: solid;
	border-color: #F38888;
	border-width: 1px 0px 0px 0px;
	height:       6px;
}
.tabbaractief
{
	background-color: #CC4444;
	border-style: solid;
	border-width: 0px;
	height:       6px;
}

/* tab-bodem */

.tb1 { background-color: #C03E3E; border-width: 0px; height: 1px; }
.tb2 { background-color: #B33838; border-width: 0px; height: 1px; }
.tb3 { background-color: #AB3434; border-width: 0px; height: 1px; }

.menubkg  { background-color: #D36161; }
.menufill { background-color: #D36161; width: 9999px; }

#titel
{
	font: normal 16px Verdana, "DejaVu Sans", Helvetica, sans-serif;
	color: #3B7B6A;
	width: 240px;
	text-align: center;
}

#logo { display: none; } /* alleen op afdruk */

#pt     /* ruimte voor driehoekje met pointer naar sitemap */
{
	width: 7px;
	height: 7px;
	background-color: #FFFFFF;
	z-index: 2;
}

/* pagina-eigenschappen */

body
{
	background: url(img/klaprooshoog.jpg) #FFFFFF no-repeat 8px 47px fixed;
	margin: 0;
	padding: 0;
}

.popwin /* pop-up windows */
{
	background: #FFFFFF;
	margin: 12px;
	padding: 0;
}

/*
 * menu en paginatitel moeten op vaste plek (blijven) staan, echter
 * "position: fixed" wordt niet ondersteund door (uitgerekend): Internet Explorer 6.0 !!
 * Oplossing gevonden op http://www.howtocreate.co.uk/fixedPosition.html
 */
#hoofdzaak { position: relative; top: 47px; width: 100%; background: transparent; z-index: 1;}

/* Netscape 4, IE 4.x-5.0/Win and other lesser browsers will use this */
#menuspace { position: absolute; left: 0px; top: 0px; }
#menu      { position: absolute; left: 0px; top: 8px; }
#titel     { position: absolute; left: 70px;  top: 54px; background: transparent; z-index: 1;}
#pt        { position: absolute; left: 1px; top: 41px; }

/* used by Opera 5+, Netscape6+/Mozilla, Konqueror, Safari, OmniWeb 4.5+, iCab, ICEbrowser */
body > div#menuspace { position: fixed; }
body > div#menu      { position: fixed; }
body > div#titel     { position: fixed; }
body > div#pt        { position: fixed; }

/* kolommen hoofdtabel */

.linkerkolom  { width: 342px; height: 480px; }
.hoofdkolom   { background-color: #FFFFFF; vertical-align: top; }
.topmarge     { background-color: #FFFFFF; height: 1px; }
.linkermarge  { background-color: #FFFFFF; width: 1%; }
.rechtermarge { background-color: #FFFFFF; width: 2%; }
.rechterkolom { width: 14%; height: 480px; background: url(img/klaproosrand.jpg) repeat-y; }
.linksonder   { background-color: #FFFFFF; width: 340px; vertical-align: bottom; text-align: right; }
.rechtsonder  { background-color: #FFFFFF; width: 14%; vertical-align: bottom; text-align: center; }

/* LAST! but not least: print styles */

@media print
{
 body { background: white none;
 	padding: 0;
 	margin: 16mm 0;
 	float: none;
 	width: auto;
 	height: auto;
 }
 #menuspace, #menu, #titel, #pt { display: none; }
 #logo	{ display: block; }
 #hoofdzaak { position: static; width: auto; height: auto; }
 P, H1, H2, TD, #titel, .inhoud, .citaat, .sitemap, .vvt { color: black; }
 .tekst, .tekst-klein, .compact, .hlnk, .contrast, .opmerking { color: black; line-height: 112%; }
 .copyright, .topknop, .noprint { display: none; }
 a:link, a:visited { color: black; text-decoration: none; }
 A.hlnk:link, A.hlnk:visited { color: black; }
 A.inhoud:link, A.inhoud:visited { color: black; }
 .linkerkolom { width: 12mm; }
 .rechterkolom { background: white none; width: 10mm; }
 .hoofdkolom   { background-color: transparent; padding-left: 0px; }
 .rechtermarge, .linksonder { display: none; }
}