/***********************************/
/********* 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: 1.2em; }

.mceContentBody a   { color: #e2007a; }

h1  					{ font-size: 1.6em; font-weight: bold; margin: 0; padding: 0; background: #9c027c; text-align: right; padding: 0.5em 0.5em 1.5em 0; margin: 0 0 1em -1.3em; color: #ffffff; font-weight: normal; } /* also needed outside wysiwyg texts */
.mceContentBody h2       { font-size: 1.1em; margin: 1em 0 0.2em 0; padding: 0; color: #9c027c; } /* h2 a with color is for toc in frontend*/
.mceContentBody h2.vacatures{ font-size: 1.1em; margin: 0 0 0.2em 0; padding: 0; color: #9c027c; } /* h2 a with color is for toc in frontend*/
.mceContentBody h2 a	{ color: #9c027c; }
.mceContentBody h3 		{ font-size: 1em; margin: 1em 0 0 0; padding: 0; color: #008ca3; }
.mceContentBody h3 a	{ color: #008ca3; }
.mceContentBody h4 		{ font-size: 1em; margin: 1em 0 0 0; padding: 0; color: #008ca3; font-weight: normal; }
.mceContentBody h4 a	{ color: #008ca3; }
.mceContentBody h5 		{ font-size: 1em; margin: 1em 0 0 0; padding: 0; color: #9c027c; border-top: 1px dotted #9c027c;  }
.mceContentBody h5 a	{ color: #9c027c; }
.mceContentBody h6 		{ margin: 1em 1em 4em 0; padding: 0; font-size: 1.2em; text-align: right; color: #9c027c; }
.mceContentBody h6 a 	{ color: #9c027c; }

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

.mceContentBody a.gogo { display: inline-block; color: #e2007a; font-size: 0.9em; font-weight: bold; text-decoration: none; background: url(../../images/ogt/gogo.gif) no-repeat right 0.1em; padding-right: 1.3em;  }


/* standardtable */
.mceContentBody table.standardtable				{ width: 100%; }
.mceContentBody table.standardtable thead tr td,
.mceContentBody table.standardtable thead tr th { font-weight: bold; border-bottom: 1px solid #008ca3; color: #008ca3; }
.mceContentBody table.standardtable tbody tr td { border-left: 1px dotted #008ca3; }
.mceContentBody table.standardtable tfoot tr td { color: #008ca3; text-align: center; font-style:italic; border-top: 1px solid #008ca3; }
.mceContentBody table.standardtable tbody tr td.standardtablefirstcolumn,
.mceContentBody table.standardtable tbody tr td.standardtablefirstcolumn a { background-color: #ffffff; color: #e2007a; font-weight: bold; border: none; }

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

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

/*** LISTS, option 1: bullets when next to image, but not aligned neatly behind bullet after linebreaks ***/
/*
.mceContentBody ul,
.mceContentBody ol          { padding: 0px; margin: 0px; list-style-position: inside; display: block; position: relative; }
.mceContentBody li          { margin: 0em; padding: 0em; }
*/
    /* 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          { margin-left: 1.6em; padding: 0em; }
.mceContentBody ol          { margin-left: 2.3em; padding: 0; }
.mceContentBody ul ul,
.mceContentBody ol ul,
.mceContentBody ul ol,
.mceContentBody ol ol       { font-size: 1em; margin-left: 1.6em; }
.mceContentBody ul li          { list-style-image: url(../../images/ogt/li.gif); }
.mceContentBody ul li li         { list-style-image: url(../../images/ogt/lili.gif); }

.mceContentBody ol			 { margin:0 0 0 0.5em; }
.mceContentBody ol li         { list-style:decimal; list-style-position:inside }


/***********************************/
/********* ONLY FRONTEND ***********/
/***********************************/
div.mceContentBody ul.toc   { }

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