BODY 
{ font-size: 10pt; 
  line-height: 14pt;
  font-family: verdana,arial;
  background-image: url(images/rulogo-deel.gif);
  background-repeat: no-repeat
}

P.extro
{ font-size: 8pt; 
  line-height: 10pt;
  font-family: verdana,arial
}

P.abstract
{ 
  font-style: italic;
}

P.lead
{ 
  font-style: italic;
  margin-left: 4ex ;
  margin-right: 4ex ;
  margin-top: 1ex ;
  margin-bottom: 1ex ;
}

P.standout
{
  color: rgb(255,255,255) ;
  /* background-color: rgb(255,127,0) ; */
  background-color: rgb(205,107,47)  ;
  line-height: 12pt;
  padding-top: 1em;
  padding-bottom: 1em;
  padding-left: 3em ;
  padding-right: 1em
}

P.news
{
  background-color: rgb(200,206,215) ;
  line-height: 12pt;
  padding-top: 1em;
  padding-bottom: 1em;
  padding-left: 3em ;
  padding-right: 1em
}

td.col
{
  line-height: 13pt;
}

SPAN.foot
{ float: right ;
  font-size: 7pt; 
  line-height: 10pt;
  width: 100% ;
/*  background-color: rgb(230,165,106) ; */
  background-color: rgb(240,240,240) ;
  margin: 5pt ;
  margin-left: 10ex ;
  padding: 5pt ;
}

SPAN.side
{ 
  background-color: rgb(200,206,215) ;
  float: right ;
  margin: 1em ;
  padding: 1em ;
  width: 50% ;
}

TABLE
{ 
  font-size: 10pt; 
  font-family: verdana,arial ;
}

TABLE.general TD
{
  padding: 3pt ; 
}

TABLE.toc
{ 
  table-layout: fixed;
  font-size: 10pt; 
  font-family: verdana,arial ;
  border-collapse: collapse ;
  border: none ;
}

TR.head
{ 
  font-style: italic;
  background-color: rgb(200,206,215) ;
}

TD.head
{ 
  font-style: italic;
  background-color: rgb(240,240,240) ;
}

TR.toc
{ 
  background-color: rgb(200,206,215) ; 
} 

TD.toc
{
/*  border-right: 1px solid black; */
  padding: 2px ;
}

TD.tocstart
{
  color: rgb(255,255,255) ;
  background-color: rgb(63,72,87) ;
  font-weight: bold;
  padding: 2px ;
}

TR.dark, TD.dark
{ 
  color: rgb(255,255,255) ;
  background-color: rgb(63,72,87) ;
  font-weight: bold;
}

TR.middle, TD.middle
{ 
  background-color: rgb(200,206,215) ; 
}


TR.light, TD.light
{ 
  background-color: rgb(240,240,240) ;
}

TR.standout, TD.standout
{ 
  background-color: rgb(205,107,47)  ;
}



H1, H2, H3, H4
{ font-family: trebuchet MS,verdana,arial;
  font-weight: bold;
  color: rgb(205,107,47) 
}


H1
{
  line-height: 120%;
}

H3
{
  font-style: italic;
}

H4
{
  font-style: italic;
}

UL 
{ 
  list-style-image: url(images/triangle-shadow.jpg) ;
  line-height: 12pt; 
}

/*
JHH: i would prefer using markers, so that i can position the triangle better,
but this is not supported in the browsers, apparently
(at least i cannot get it to replace the default marker generated by the lists)

LI:before 
{
  display: marker;
  content: url(images/triangle-shadow.jpg) ;
}  

*/

DL 
{ 
  line-height: 12pt;
}

DT
{
/*  font-family: trebuchet MS,verdana,arial; */
  font-family: verdana,arial;
  font-weight: bold;
  color: rgb(112,128,152) ; 
/*  color: rgb(205,107,47); */
  font-style: normal;
  text-decoration:none;
  margin-top: 1em;
}

A
{
  font-weight: bold;
  font-style: normal;
  text-decoration:none
}

A:link		{ color: rgb(112,128,152) ; } 
/* A:link          { color: rgb(205,107,47) ; } */
A:visited	{ color: #999966;  } 
A:active	{ color: #CCCC99;  } 
A:hover		{ color: #CCCC99;  }