/***********************************/
/********* ONLY BACKEND ************/
/***********************************/
body.mceContentBody {
    background-color: #ffffff;
    font-family: Verdana, 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; color: #424242; }
.mceContentBody a 		{ text-decoration: none; }
.mceContentBody a:hover { text-decoration: underline; }

h1  						{ font-family: Arial, Helvetica, sans-serif; font-size: 2.4em; font-weight: bold; margin: 0 0 1em 0; padding: 0; color: #424242; font-weight: normal; } /* also needed outside wysiwyg texts */
.mceContentBody h2 			{ color: #424242; font-size: 1.4em;margin: 1em 0 0.5em 0; padding: 0; font-family: arial, helvetica, sans-serif; } /* h2 a with color is for toc in frontend*/
.mceContentBody h2 	a		{ color: #3AA4B2; font-family: Arial, Helvetica, sans-serif; } /* h2 a with color is for toc in frontend*/
.mceContentBody h2 	a:hover	{ color: #000000; text-decoration:none; } /* h2 a with color is for toc in frontend*/
.mceContentBody h3			{ color: #424242; font-size: 1.3em; margin: 2em 0 0 0; padding: 0; font-family: arial, helvetica, sans-serif; }
.mceContentBody h4 			{ font-size: 1.2em; margin: 0; padding: 0; font-weight: normal; }
.mceContentBody h5 			{ font-size: 1em; }

.mceContentBody blockquote  { margin: 0 0 0 2em; }
.mceContentBody hr          { border: 1px solid; border-color: #000000 #ffffff #ffffff #ffffff;  }
.mceContentBody ul,
.mceContentBody ol,
.mceContentBody p           { font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0; line-height: 1.6em; }

div.side .mceContentBody h1   	{ font-family: Arial, Helvetica, sans-serif; margin: 0; padding: 0; font-size: 1.2em; }
div.side .mceContentBody h3 	{ font-family: Arial, Helvetica, sans-serif; margin: 1em 0 0 0;  font-size: 1em;}
div.side .mceContentBody h4	 	{ font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 1.2em; }
div.side .mceContentBody h5	 	{ font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 1em; margin: 0; padding: 0; color: #424242; }

div.side .mceContentBody a		{  }
div.side .mceContentBody a:hover{ color: #424242; text-decoration: none; }

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

/*** 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,
.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 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.slideshow { background-color: #ffffff; }
div.mceContentBody div.slideshow img { }
div.mceContentBody div.slideshow p { text-align: center; }