@charset "iso-8859-1";
body {
font-family: Verdana, Helvetica, sans-serif; 
font-size: small; 
margin-left: 2%; 
margin-right: 2%;
background-image: url(papier.gif); 
background-color: #F7ECD1; 
background-attachment: fixed; }
:link { color: #1704D4; text-decoration: none;}
:visited { color: #147CB5 }
a:hover{background-color:#DAA520; color:#8B0000 ;}
H1 {color: #804000; text-align: center; font-weight: bolder; font-size: 200%;}
H2 {color: #804000; text-align: center; font-weight: bolder; font-size: 150%;}
H3 {color: #804000; text-align: center; font-weight: bolder; font-size: 100%;}
li.c1 {list-style: square; font-size: 100%;font-weight: bold;}
li.c2 {list-style: circle; font-size: 100%;}
li.c3 {list-style: disc; font-size: 100%;} 
p.c1 {color: #804000; font-weight: bold; }	 
p.c2 {font-size: 110%}
div.c1 {font-weight: bold;}  
.periodtable    {background: #F7ECD1; border: 1px solid; font-size: 115%;}
.periodtable caption    {text-decoration: underline; font-weight: bold; margin: 0 0 1em 0;}
.periodtable th {background: #F7ECD1; }
.periodtable td {padding: 0 3px 0 3px; }
.periodtable td.actionrow       {color: #0000DD; background: #F7ECD1; font-weight: bold; }
.periodtable td.erBottom1       {background: #C4FCC4; }
.periodtable td.erBottom2       {background: #A3D6A2; }
a {text-decoration:	none;}


img {border: 0;}
.avtable {width: 80%; border: 2px solid #F7ECD1; border-collapse: collapse; empty-cells: show;}
.avtable caption{text-decoration: underline; font-weight: bold; margin: 0 0 1em 0;}
/* header row */
.avtable th{padding: 1px;text-align: center;}
.avtable tr{padding: 1px;}
.avtable td{padding: 1px; text-align: center; border: 1px solid #996600; border-collapse: collapse;}
/* next en previous knopjes (image) */
.navbtn	{border: 0;}
/* next en previous (link behaviour zelf) */
.navlink	{text-decoration: none;}
/* data bovening */
#dates{background: #EEDACA; font-size: 80%;}
/* labels links en rechts van de tabel */
.label{background: #EEDACA;font-size: 80%;font-weight: bold;}
.label p {margin: 0 0 0 0;}
/* d.m.v. dubbele classes met komma gescheiden kun je er meerdere tegelijk opmaken */
/* in dit geval dus B = gereserveerd, maar ook blegend, dat is het legenda-vlakje */
/* je kunt deze stijlen ook apart gebruiken, zoals voorbeeld daaronder */
.b, .blegend {background: #CB3B3F;}
.o, .olegend{background: #FFCC33;}
.a, .alegend{background: #66FF66;}
.n {background: #F7ECD1;}
.e {background: #F7ECD1;}
/* de actie stijl */
.priceaction	{color: #0000FF;}
/* de legenda tabel */
.legendtable	{border: 1px solid #996600; border-collapse: collapse; margin: 12px 0 12px 0;}
.legendtable td	{border: 1px solid #996600; border-collapse: collapse;}