.coding { font-family: monospace; font-size: 1.1em;}
.note {background: #dfd; padding: 1em; border-top: 1px #bdb dotted; border-bottom: 1px #bdb dotted;}
.important {background: #ffd; padding: 1em; border-top: 1px #ddb dotted; border-bottom: 1px #ddb dotted;}
.warning {background: #fdd; padding: 1em; border-top: 1px #dbb dotted; border-bottom: 1px #dbb dotted;}
.float_left { float: left; display:inline; margin-right: 1em; margin-bottom: 0.15em;}
.float_right { float: right; display:inline; margin-left: 1em; margin-bottom: 0.15em;}
.center { text-align:center; margin: 0.5em auto}
 
/* these are for showing alignment in RTE on the backend */
p.align-left { text-align: left; }
p.align-center { text-align: center; }
p.align-right { text-align: right; }
.align-justify { text-align: justify; }

/* custom colors */

span.colour1, strong.colour1, em.colour1, i.colour1 { color: rgb(220,145,23); }
span.colour2, strong.colour2, em.colour2, i.colour2 { color: rgb(106,156,3); }
span.colour3, strong.colour3, em.colour3, i.colour3 { color: rgb(164,31,13); }
span.colour4, strong.colour4, em.colour4, i.colour4 { color: rgb(0,80,131); }
span.colour5, strong.colour5, em.colour5, i.colour5 { color: rgb(137,167,39); }
span.colour6, strong.colour6, em.colour6, i.colour6 { color: rgb(221,0,131); }
span.panel-heading, strong.panel-heading, em.panel-heading, i.panel-heading { width: 100%; background-color: #EEEEEE; font-size: 1.1em; }
span.panel-body, strong.panel-body, em.panel-body, i.panel-body { width: 100%; }

span.contacttitel, strong.contacttitel, em.contacttitel, i.contacttitel {
  font-size: 1.5em;
}

span.picfix, strong.picfix, em.picfix, i.picfix { clear: both; display: block; }

span.subtitel, strong.subtitel, em.subtitel, i.subtitel {color: #A9A9A9;
    font-size: 1.5em;
    font-weight: bolder; 
}

#c4441 span.subtitel, #c4472 span.subtitel, #c4485 span.subtitel, #c4487 span.subtitel{
  color: #005083;
}

#c4472{
  margin-top: 10px;
}

#events ul li {
  margin-bottom: 10px;
  list-style: none;
}

#events ul li::before {
  font-family: 'FontAwesome';
  content: '\f0c8';
  margin: 0 10px 0 0;
  color: #005083;
  font-size: 0.7em;
  position: relative;
  top: -2px;
}

#cliclaPlaceholder ul li::before, .page-navigation ul li::before, #kesearch_pagebrowser_bottom ul li::before  {
  content: normal !important;
}

span.adres, strong.adres, em.adres, i.adres {color: rgb(102, 102, 102);}
span.email, strong.email, em.email, i.email {color: rgb(102, 102, 102);}
span.locatie, strong.locatie, em.locatie, i.locatie {color: rgb(102, 102, 102);}
span.hoofdvpl, strong.hoofdvpl, em.hoofdvpl, i.hoofdvpl {color: rgb(102, 102, 102);}

table.bluetable td.colour1, table td.colour1 { background-color: rgb(220,145,23); color: rgb(255, 255, 255); }
table.bluetable td.colour2, table td.colour2 { background-color: rgb(106,156,3); color: rgb(255, 255, 255); }
table.bluetable td.colour3, table td.colour3 { background-color: rgb(164,31,13); color: rgb(255, 255, 255); }
table.bluetable td.colour4, table td.colour4 { background-color: rgb(0,80,131); color: rgb(255, 255, 255); }
table.bluetable td.colour5, table td.colour5 { background-color: rgb(137,167,39); color: rgb(255, 255, 255); }
table.bluetable td.colour6, table td.colour6 { background-color: rgb(221,0,131); color: rgb(255, 255, 255); }

/* box style */

div.blueborder, p.blueborder { border: 2px solid rgb(0,80,131); padding: 8px; display: inline-block; }

div.orangeborder, p.orangeborder { border: 2px solid rgb(220,145,23); padding: 8px; display: inline-block; margin-left: 50%; width: 36%;}

div.panel-heading, p.panel-heading { width: 100%; background-color: #EEEEEE; font-size: 1.1em; }


div.panel-body, p.panel-body { width: 100%; }

div.picfix, p.picfix { clear: both; display: block;}

/*div.contact, p.contact {border: #F2F2F2 1px solid;  background-color: #f5f5f5;}*/


/* table style */

table.bluetable {
  border-top: 1px solid rgb(0,82,130);
  border-right: 1px solid rgb(0,82,130);
  background-color: rgb(0,82,130);
  margin-bottom: 1.2em;
  border-spacing: 0px;
}

table.bluetable th,
table.bluetable td {
  padding: 8px;
}

table.bluetable th {
  background-color: rgb(0,82,130);
  color: rgb(255, 255, 255);
}

table.bluetable td {
  background-color: rgb(255,255,255);
  border-left: 1px solid rgb(0,82,130);
  border-bottom: 1px solid rgb(0,82,130);
}