/***********************************/
/********* 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: #008CA3; }

h1  					{ font-size: 1.6em; font-weight: bold; margin: 0; padding: 0; background: #e2007a; text-align: right; padding: 0.5em 0.5em 1.5em 1.3em; margin: 0 0 1em -1.3em; color: #ffffff; font-weight: normal; } /* also needed outside wysiwyg texts */
h1 span { display: block; font-size: 0.8em; }
.mceContentBody h2       { font-size: 1.1em; margin: 1em 0 0.2em 0; padding: 0; color: #e2007a; } /* h2 a with color is for toc in frontend*/
.mceContentBody h2 a	{ color: #e2007a; }
.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: #e2007a; }
.mceContentBody h6 a 	{ color: #e2007a; }

.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: #555555;}

.mceContentBody div.vacaturefooter	{ font-size:smaller; }

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

.mceContentBody table  { width: 100%; border-bottom: 0.3em solid #e2007a;  }
.mceContentBody table td { border-top: 1px dotted #e2007a; }
.mceContentBody table th { border-top: 1px solid #e2007a; text-align: left; vertical-align: top; }

/* standardtable */
.mceContentBody table.standardtable				{ width: 100%; border: none; }
.mceContentBody table.standardtable	td, .mceContentBody table.standardtable	th { vertical-align: top; }
.mceContentBody table.standardtable thead tr td,
.mceContentBody table.standardtable thead tr th { font-weight: bold; color: #008ca3; vertical-align:top; }
.mceContentBody table.standardtable tbody tr td {  }
.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; }

.mceContentBody .adres p { color: #555555; }

/*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 ***/
body.mceContentBody ul			{ margin-left: 1.6em; padding: 0em; }
body.mceContentBody ol          { margin-left: 0.5em; padding: 0em; list-style-position:inside }

div.mceContentBody ul,
div.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 ul li          { list-style-image: url(../../images/default/li.gif);  }
.mceContentBody ul li ul li          { list-style-image: url(../../images/default/lili.gif);  }



/***********************************/
/********* 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; font-size: 0.9em; font-style: italic; color: #008CA3; }

div.mceContentBody table.download                   { }
div.mceContentBody table.download tr td             { padding: 2px; border-bottom: 1px dotted #E2007A; color: #88898a; }
div.mceContentBody table.download tr td.icon        { width: 2em; vertical-align: top; }
div.mceContentBody table.download tr td.icon img 	{ width: 1.4em; height: 1.4em; margin-top: 0.2em;}

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