@font-face {	font-family: 'dearJoeItalic';	src: url('font/dearji__-webfont.eot');}
@font-face {	font-family: 'dearJoeItalic';	src: url('font/dearji__-webfont.eot');	src: local('?'), url('font/dearji__-webfont.woff') format('woff'), url('font/dearji__-webfont.ttf') format('truetype'), url('font/dearji__-webfont.svg#webfontje3L1RrG') format('svg');	font-weight: normal;	font-style: normal;}


/***********************************/
/********* 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 td          { font-size: 0.75em; } /* hack 2 undo the page stylesheets of admin do not copy to a frontened css */
/***********************************/

.mceContentBody         { font-size: 1em; }
.mceContentBody a       { color: #000000; }
.mceContentBody a:hover { text-decoration: none; }

h1  			{ font-size: 60px; font-weight: normal; margin: 0 0 15px; line-height:50px; padding: 0; color: #6675AE; font-family: 'dearJoeItalic'; } /* also needed outside wysiwyg texts */
h3.left 		{ font-size: 40px; text-align: left; font-weight: normal; background-color: #E7E9EC; color: #4d6a8a; margin:0 0 0 20px; font-family: 'dearJoeItalic'; line-height:60px; }        
h3.right		{ font-size: 40px; text-align: left; font-weight: normal; background-color: #E2EBD3; color: #4d6a8a; margin:0 0 0 20px; font-family: 'dearJoeItalic'; line-height:60px;}
  
.mceContentBody h2		{ font-size: 14px; margin: 0; padding: 4px 0; color: #6675AE;  } 
.mceContentBody h2 a    { color: #6675AE; } /* h2 a with color is for toc in frontend*/
.mceContentBody h3		{ font-size: 1em; color: #000000; margin: 1em 0 0 0; }
.mceContentBody h4      {}
.mceContentBody h5      {}

.mceContentBody blockquote  { margin: 0 0 0 2em; }
.mceContentBody hr          { border: 0.1em solid; border-color: silver white white white;  }
.mceContentBody ul,
.mceContentBody ol,
.mceContentBody p           { margin: 0; }

.mceContentBody hr, hr			{ border: 1px solid #ffffff; border-top: 1px dotted #596B9F; }


/* standardtable */
.mceContentBody table.standardtable thead tr td { font-weight: bold; background-color: #999999; color: #ffffff; }
.mceContentBody table.standardtable tbody tr td { background-color: #e5e5e5; }
.mceContentBody table.standardtable tfoot tr td { background-color: #999999; }
.mceContentBody table.standardtable tbody tr td.standardtablefirstcolumn,
.mceContentBody table.standardtable tbody tr td.standardtablefirstcolumn a { background-color: #ffffff; color: #000000; font-weight: bold; }

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

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

.mceContentBody ul li { list-style-type: square; }
/*** LISTS, option 1: bullets when next to image, but not aligned neatly behind bullet after linebreaks ***/
.mceContentBody ul,
.mceContentBody ol          { padding: 0px; margin: 1em 0 1em 2em; list-style-position: inside; display: block; position: relative; }
.mceContentBody li          { margin: 0.5em 0 0 0; padding: 0em; }
    /* frontend */
div.mceContentBody ul ul,
div.mceContentBody ol ul,
div.mceContentBody ul ol,
div.mceContentBody ol ol    { font-size: 1em; left: 2em; }
    /* 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: 2em; }

/*** 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   	{ list-style: none; margin: 0; padding: 0; left: 0; }
div.mceContentBody ul.toc li   	{ list-style: none; margin: 0; padding: 2px 0; left: 0; }
div.mceContentBody ul.toc li a  { font-weight: bold; color:#6675AE; background:  url(../../images/default/gogo.gif) no-repeat right top; text-decoration: none; padding-right: 25px;  }


div.mceContentBody span.ttlayer { display: inline; }
div.mceContentBody span.ttlayer span.document { margin: 0em; }
div.mceContentBody span.ttlayer span.document img { margin: 0em 0.8em 0em 0em; border-width: 0em; width: 1.6em; height: 1.6em; }
div.mceContentBody span.ttlayer span.imagecaption { display: block; margin: 0em; text-align: center; }

div.mceContentBody table.download                   { border: solid #555555 1px; border-bottom: none; }
div.mceContentBody table.download tr td             { border-bottom: solid #555555 1px; padding: 2px; height: 60px; }
div.mceContentBody table.download tr td.icon        { width: 60px; text-align: center; vertical-align: middle; }

div.mceContentBody div.slideshowjs { background-color: #ffffff; }
div.mceContentBody div.slideshowjs img { }
div.mceContentBody div.slideshowjs p { text-align: center; }

ul.poll li				 { list-style:none;}
ul.poll                  { margin: 10px 0 0 -18px; padding: 0; height: 180px; list-style-type: none; }