/*////////////////////////////////////
CSS for www.postcodeloterij.nl
Copyright 2006 Nationale Postcode Loterij
Programming: Bas de Valk
/////////////////////////////////////*/

a:link 		{ color: #003399; } /* BLAUW */
a:visited 	{ color: #003399; } /* BLAUW */
a:hover 	{ color: #EE1C24; text-decoration: underline; }
a:active 	{ color: #EE1C24; text-decoration: underline; }

/*///// TEKSTOPMAAK //////*/

div#containerContent p, input {
	font: 1.1em/1.4em Verdana, Arial, Helvetica, sans-serif;
	/*margin-bottom: 1.4em;*/
}
.containerContent p, input {
	font: 1.1em/1.4em Verdana, Arial, Helvetica, sans-serif;
}
th {font-weight:bold;text-align:left;}


/**********************************
De koppen worden als <h1>, <h2> etc in de tekst gezet.
Op die manier kunnen voorleesbrowsers voor blinden de koppen
gewoon lezen.
Middels onderstaande css, de inline-styles aan de head-tags 
en een extra <span> in iedere kop wordt de kop vervangen door een 
tekst-image met de kop in het juiste lettertype (Myriad Pro). 

Ik heb een methode gebruikt die wordt uitgelegd op 
http://mezzoblue.com/tests/revised-image-replacement/
onderaan de pagina: "Shea enhancement".

Het aan de <span>-tag hangen van de juiste background-image zal 
serverside moeten gebeuren - m.a.w. dat zal GX op moeten lossen.
WebManager kan nl. automatisch kop-images maken met het juiste
lettertype (moet als truetype font op de server geinstalleerd worden).

Hoe dat zal gaan met koppen over twee regels... dat weet ik niet.

**********************************/
/* LET OP: door interlinie in ems verschuift de span binnen de <h>-tag */

h1 { 
	font: bold 2em/1.2em Verdana, Arial, Helvetica, sans-serif; 
	color: #1A64BB;
	padding: 0;
	margin: 0;
	/*position: relative;*/
}
h2  { 
	/*font: bold 1.6em/1.4em Verdana, Arial, Helvetica, sans-serif;*/
	font: bold 1.2em/1.4em Verdana, Arial, Helvetica, sans-serif;
  color: #1A64BB;
	margin-bottom: 0.9em;
	margin-top: 0.1em;
	position: relative;
}

h3 { /* hoogte: 17px */
	font: bold 1.2em/1.4em Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
}
h4 { /* hoogte: 17px */
	font: bold 1.4em/1.2em Verdana, Arial, Helvetica, sans-serif;
	margin-bottom: 8px;
	color: #1A64BB;
	position: relative;
}
h5 {
	font: bold 1.1em/1.4em Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	/*margin-bottom: 8px;*/
}

h6 {
  font: normal 1.2em/1.4em Verdana, Arial, Helvetica, sans-serif;
	color: #999999;
  border-bottom:solid 1px #999999;
  margin-bottom:2px;
  padding-bottom:1px;}

h1 span, h2 span, h3 span, h4 span, h5 span, h6 span {
	position: absolute;
	width: 100%;
	height: 2.9em;
}

h1 span {
	/*margin-top: -2px;*/
}
img.vrijstaand {
	margin-bottom: 1.4em;
}
img.alignRight {
	float: right;
/*	margin-left: 10px;  verwijderd BdV 1/5/2007 */
	margin-bottom: 1.4em; /* toegevoegd BdV 1/5/2007 */
}
img.alignLeft {
	float: left;
/*	margin-right: 10px; verwijderd BdV 1/5/2007 */
	margin-bottom: 1.4px; /* toegevoegd BdV 1/5/2007 */
}
div.alignRight {
	float: right;
	padding-left: 10px; /* toegevoegd BdV 1/5/2007 */
}
div.alignLeft {
	float: left;
	padding-right: 10px; /* toegevoegd BdV 1/5/2007 */
}
/* Toegevoegd op 1/5/2007 door Bas de Valk tbv onderschriften foto's */
div.image em {
	color: #666666;
}

div.nounderline p a.normal {	
	text-decoration: none;
}

div.nounderline p a.normal:hover {
	text-decoration: underline;
}