BODY  {
	background-color : #f4f2e9;
	color : black;
	font-family : verdana, Arial, Helvetica;
	generic-family : sans-serif;
	font-size : 9pt;
}

TD  {
	color : black;
}

A  {
	color : #333366;
	text-decoration : none;
}

a:visited  {
	color : #336699;
	text-decoration : none;
}

a:hover  {
	color : #0B2362;
	text-decoration : underline;
}

Table, H4, P, DIV, H5, A, OL, UL, TD  {
	font-family : verdana, Arial, Helvetica;
	generic-family : sans-serif;
	font-size : 9pt;
}

H1, H2 {
	font-family : verdana, Arial, Helvetica;
	generic-family : sans-serif;
	font-size : 12pt;
}

H3 {
	font-family : verdana, Arial, Helvetica;
	generic-family : sans-serif;
	font-size : 11pt;
	color: #663366;
}

H4 {
	font-family : verdana, Arial, Helvetica;
	generic-family : sans-serif;
	font-size : 11pt;
}
	
.timestamp {
	font-size: 7pt;
	font-style: italic;
	margin-top: 5pt;
	margin-left: 30pt;
}


.agendadatum {
	font-family : verdana;
	font-size: 8pt;
	color: #808080;
}

.agendainfo {
        border-left-width: 1px;
        border-right: 2px solid #CFAEA9;
        border-top-width: 1px; 
        border-bottom-width: 1px; 
        vertical-align: top;
}

.small {
	font-size: 8pt;
}

.top {
	text-align: right;
	vertical-align: text-bottom;
	margin-right: 10px;
}

/*CSS voor het reactieformulier */
#reactions
{
	background-color: silver;
	border: solid 1px gray;
	margin-left: 30px;
	margin-right: 30px;
	margin-top: 30px;
	padding: 0px;
}

.reactionButton {
  padding: 10px;
}

#reactionForm
{
	margin-top: 0px;
	margin-bottom: 0px;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 10px;
	padding-bottom: 10px;
}

/*CSS voor de blokjes*/
.selected
{
  background-color: white;
  border: 1px solid #853F5C;
  color: pink;
  padding: 3px;
  text-align: center;
  color: #853F5C;
  font-weight: bold;
}


.deselected
{
  background-color: #853F5C;
  border-left: 1px solid #853F5C;
  border-top: 1px solid #853F5C;
  border-right: 1px solid white;
  border-bottom: 1px solid white;
  padding: 3px;
  text-align: center;
  margin: 0;
}

.deselected a
{
  color: white;
  font-size: 8.5pt;
}

.deselected a:visited
{
  color: white;
  font-size: 8.5pt;
}

.deselected a:hover
{
  color: white;
  font-size: 8.5pt;
}

.deselected2
{
  background-color: #853F5C;
  border-left: 1px solid #853F5C;
  border-top: 1px solid #853F5C;
  border-right: 1px solid white;
  border-bottom: 1px solid #853F5C;
  padding: 3px;
  text-align: center;
  font-size: 8.5pt;
}

.deselected2 a
{
  color: white;
  font-size: 8.5pt;
}

.deselected2 a:visited
{
  color: white;
  font-size: 8.5pt;
}

.deselected2 a:hover
{
  color: white;
  font-size: 8.5pt;
}

.deselected3
{
  background-color: #853F5C;
  border-left: 1px solid #853F5C;
  border-top: 1px solid #FFFFFF;
  border-right: 1px solid white;
  border-bottom: 1px solid #853F5C;
  padding: 3px;
  text-align: center;
}

.deselected3 a
{
  color: white;
}

.deselected3 a:visited
{
  color: white;
}

.deselected3 a:hover
{
  color: white;
}

/*CSS voor CFH site*/

#cfh_bodytext {
width: 440px;
float: left;
}

#cfh_events_block {
width: 230px;
margin: 0px 0px 0px 20px;
float: left;
overflow: hidden;
}