/***********************************/
/********* ONLY BACKEND ************/
/***********************************/
body.mceContentBody {
    background-color: #ffffff;
    font-family: arial,helvetica, sans-serif;
    font-size: 75%;
}
body.mceContentBody .mcevisualaid {	border: 1px dashed #bbbbbb; }
body.mceContentBody img.ttlayer { border: 1px dashed #000000; }
body.mceContentBody a   { color: #F18E00; }
body.mceContentBody td          { font-size: 0.75em; font-family: arial,helvetica, sans-serif; } /* hack 2 undo the page stylesheets of admin do not copy to a frontened css */
/***********************************/

.mceContentBody { font-size: 1.2em; line-height: 1.4em; }

h1  { font-size: 1.8em; font-weight: bold; margin: 0 0 1.6em 0; padding: 0em; color: #F18E00; font-weight: normal; } /* also needed outside wysiwyg texts */
.kleur_titel_natuurlijk { font-size: 1.8em; color: #72a244;}
.kleur_titel_cultuur { font-size: 1.8em; color: #922047;}
.kleur_titel_gastvrij { font-size: 1.8em; color: #f9a032;}
.kleur_titel_nostalgisch { font-size: 1.8em; color: #63195f;}
.kleur_titel_historisch { font-size: 1.8em; color: #bc8229;}
.kleur_titel_sportief { font-size: 1.8em; color: #362950;}

.mceContentBody h1 { font-size: 1.5em; }
.mceContentBody h1 { font-size: 1.5em; }
.mceContentBody h2,
.mceContentBody h2 a  { font-size: 1.2em; font-weight: bold; margin: 0 0 0.5em 0; padding: 0; color: #6a6250; font-style:italic; } /* h2 a with color is for toc in frontend*/
.mceContentBody h3 { color: #f18e00; font-size: 1em; margin: 0; padding: 0; }

h5 {font-size: 1.0em; font-weight: bold; margin: 0; padding: 0em; color: #000000; font-weight: normal;}
.team-member_natuurlijk_titel{ color: #72a244; font-weight: bold; }
.team-member_cultuur_titel{ color: #922047; font-weight: bold; }
.team-member_gastvrij_titel{ color: #f9a032; font-weight: bold; }
.team-member_nostalgisch_titel{ color: #63195f; font-weight: bold; }
.team-member_historisch_titel{ color: #bc8229; font-weight: bold; }
.team-member_sportief_titel{ color: #362950; font-weight: bold; }

.mceContentBody h4 { color: #DC002E; font-size: 1em; margin: 0; padding: 0; font-weight: normal; }

.mceContentBody a   { color: #F18E00; }

.mceContentBody blockquote  { margin: 0 0 0 2em; }
.mceContentBody hr          { border: 1px solid; border-color: #F18E00 #ffffff #ffffff #ffffff;  }
.mceContentBody ol,
.mceContentBody ul,
.mceContentBody p           { margin: 0em; }


div.side .mceContentBody { font-size: 1.2em;  }
div.side h2 { color: #000000; font-size: 1.8em; font-weight: normal; padding: 0 0 10px 0 }
div.side .mceContentBody h3, div.side .mceContentBody h3 a { color: #6A6250; font-size: 1em; padding-bottom: 0.3em;  }
div.side .mceContentBody h3 a:hover { color: #000; }
div.side .mceContentBody a	{ color: #F18E00;  }	
div.side p {font-size: 12px;}
div.side hr {
  color: #000;
  background-color: #000;
  height: 0px;
  border: 0;
  width: 85%;
}

/* standardtable */
.mceContentBody table.standardtable thead tr td { font-weight: bold; background-color: #999999; color: #ffffff; }
.mceContentBody table.standardtable tbody tr td { border-top: 1px solid #F18E00; }
.mceContentBody table.standardtable tfoot tr td { }
.mceContentBody table.standardtable tbody tr td.standardtablefirstcolumn { width: 50%; }
.mceContentBody table.standardtable tbody tr td.standardtablefirstcolumn a { }

.mceContentBody ol li .document a   { font-size: 12px; }

/*custom styles */
.mceContentBody .red { color: #DC002E; }

/*** LISTS, option 1: bullets when next to image, but not aligned neatly behind bullet after linebreaks ***/
.mceContentBody ul,
.mceContentBody ol          { padding-left: 3em; margin: 0; }
.mceContentBody li          { margin: 0; padding: 0; }
    /* frontend */
div.mceContentBody ul ul,
div.mceContentBody ol ul,
div.mceContentBody ul ol,
div.mceContentBody ol ol    { font-size: 1em; left: 1.6em; }

    /* backend */ /* frontend works in backend for firefox but not in IE */
body.mceContentBody ul ul,
body.mceContentBody ol ul,
body.mceContentBody ul ol,
body.mceContentBody ol ol   { font-size: 1em; margin-left: 1.6em; }

/*** LISTS, option 2: aligned neatly behind bullet after linebreaks but no bullets and indentation when next to image ***/
/*.mceContentBody ul,
.mceContentBody ol          { margin-left: 1.6em; padding: 0em; }
.mceContentBody ul ul,
.mceContentBody ol ul,
.mceContentBody ul ol,
.mceContentBody ol ol       { font-size: 1em; margin-left: 1.6em; }
.mceContentBody li          { }*/

/***********************************/
/********* ONLY FRONTEND ***********/
/***********************************/
div.mceContentBody ul.toc   { margin: 0; padding: 0;  }
div.mceContentBody ul.toc li { list-style:none; font-weight: bold; display: block; padding: 0.3em 0; border-bottom: 1px solid #EDEDEC;  }
div.mceContentBody ul.toc li a { text-decoration: none; }
div.mceContentBody ul.toc li a:hover { color: #DC002E; }

div.mceContentBody span.ttlayer { display: inline; }
div.mceContentBody span.ttlayer span.document { margin: 0; }
div.mceContentBody span.ttlayer span.document a { text-decoration: none; }
div.mceContentBody span.ttlayer span.document img { margin: 0 0.8em 0 0; border-width: 0; }
div.mceContentBody span.ttlayer span.imagecaption { display: block; margin: 0em; text-align: right; font-style:italic; }

div.mceContentBody table.download                   { }
div.mceContentBody table.download tr td 			{ padding: 0.3em; }
div.mceContentBody table.download tr td a           { font-weight: bold;}
div.mceContentBody table.download tr td.icon       	{  }