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

body.mceContentBody h1, body.mceContentBody h2, body.mceContentBody h3, body.mceContentBody h4, body.mceContentBody h5, body.mceContentBody h6, body.mceContentBody div, body.mceContentBody span, body.mceContentBody p, body.mceContentBody em, body.mceContentBody strong, body.mceContentBody hr, body.mceContentBody table, body.mceContentBody tr, body.mceContentBody th, body.mceContentBody td, body.mceContentBody blockquote  { margin: 0; padding: 0; border: 0; outline: 0; vertical-align: top; }
body.mceContentBody table { border-collapse: collapse; border-spacing: 0; }
body.mceContentBody .mceItemTable, body.mceContentBody .mceItemTable td, body.mceContentBody .mceItemTable th, body.mceContentBody .mceItemTable caption, body.mceContentBody .mceItemVisualAid { border: 1px dashed #BBB;}

/***********************************/

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

h1  { font-size: 1.4em; font-weight: bold; margin: 0 0 0.5em 0; padding: 0em; color: #006a66;  } /* also needed outside wysiwyg texts */
.mceContentBody h2	{ font-size: 1.1em; margin: 0; padding: 0.4em 0 0 0; color: #006a66; }
.mceContentBody h2 a  { font-size: 1em; margin: 0; padding: 0.4em 0 0 0; color: #006a66; } /* h2 a with color is for toc in frontend*/
.mceContentBody h3,
.mceContentBody h3 a  { font-size: 1.0em; margin: 0; padding: 0.4em 0 0 0; color: #006a66; } /* h2 a with color is for toc in frontend*/
.mceContentBody h4,
.mceContentBody h4 a  { font-size: 1.0em; margin: 0; padding: 0.4em 0 0 0; color: #006a66; font-weight: normal; } /* h2 a with color is for toc in frontend*/
.mceContentBody a     { color: #006a66; }

.mceContentBody blockquote  { margin: 0px 0px 0px 1.6em; }
.mceContentBody hr          { border: 1px dotted; border-color: #006a66 #ffffff #ffffff #ffffff; margin: 0; clear:both;  }
.mceContentBody ul,
.mceContentBody ol,
.mceContentBody p           { margin: 0em; }

.deelsite h1  { color: #E19C01;  } /* also needed outside wysiwyg texts */
.deelsite .mceContentBody h2,
.deelsite .mceContentBody h2 a  { color: #E19C01; }
.deelsite .mceContentBody h3,
.deelsite .mceContentBody h3 a  { color: #E19C01; }
.deelsite .mceContentBody h4,
.deelsite .mceContentBody h4 a  { color: #E19C01; font-weight: normal; }
.deelsite .mceContentBody a     { color: #E19C01; }



/* standardtable */
.mceContentBody table.standardtable { font-size: 90%; }
.mceContentBody table.standardtable thead tr td { background-color: #99BABA; }
.mceContentBody table.standardtable tbody tr td { background-color: #99BABA; }
.mceContentBody table.standardtable tfoot tr td { background-color: #99BABA; }

.mceContentBody table.standardtablevjz { font-size: 90%; }
.mceContentBody table.standardtablevjz thead tr td { background-color: #99BABA; }
.mceContentBody table.standardtablevjz tbody tr td { background-color: #99BABA; }
.mceContentBody table.standardtablevjz tfoot tr td { background-color: #99BABA; }

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

/*custom styles */
.mceContentBody .red { color: #ff0000; }
.mceContentBody .small { font-size: 90%; }
.mceContentBody .imagecaption { font-size: 90%; font-style: italic; }

/*** LISTS, option 1: bullets when next to image, but not aligned neatly behind bullet after linebreaks ***/
    /* frontend */
div.mceContentBody ul			{ list-style-position: outside; display: block; list-style: square; }
div.mceContentBody ol         	{ list-style-position: outside; display: block; list-style: decimal; }
div.mceContentBody ul li		{ margin-left: 13px; }
div.mceContentBody ol li		{ margin-left: 13px;  }

body.mceContentBody ul			{ list-style-position: outside; display: block; list-style: disc; margin-left: 0; }
body.mceContentBody ol          { list-style-position: outside; display: block;  list-style: decimal;  margin-left: 0; }
body.mceContentBody li			{ margin-left: 20px; }
body.mceContentBody ol li		{ margin-left: 23px; }

    /* 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   { }

div.mceContentBody img { margin: 0 10px 10px 0; }

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; }