/***********************************/
/********* only backend ************/
/***********************************/
body.mceContentBody {
    background-color: #ffffff;
    font-family: arial,helvetica, sans-serif;
    font-size: 62.5%;
}
body.mceContentBody .mcevisualaid {	border: 1px dashed #bbbbbb; }
body.mceContentBody img.ttlayer { border: 1px dashed #000000; }
/***********************************/

h1  { font-size: 18px; margin: 0; padding: 12px 0 7px 0; color: #0154A4; } /* also needed outside of wysiwyg texts */
.mceContentBody h2,
.mceContentBody h2 a    { font-size: 13px; margin: 10px 0 0 0; padding: 0; color: #0154A4; } /* h2 a with color is for toc in frontend*/
.mceContentBody h3      { font-size: 13px; margin: 10px 0 0 0; padding: 0; color: #0154A4; font-weight: normal; }
.mceContentBody h4      { font-size: 12px; margin: 10px 0 0 0; padding: 0; color: #8A8C8F; border-bottom: 1px solid  #8A8C8F; }

.mceContentBody a   { color: #0154A4; }
.mceContentBody li { list-style-type: square; }
.mceContentBody blockquote  { margin: 0px 0px 0px 2em; }
.mceContentBody hr          {  border: 1px solid; border-color: silver white white white;   }
.mceContentBody ul          { margin: 0 0 0 18px; padding: 0; }
.mceContentBody ol          { margin: 0 0 0 24px; padding: 0; }
.mceContentBody td          { font-size: 0.75em; vertical-align: top; } /* hack 2 undo the page stylesheets of admin do not copy to a frontened css */

.mceContentBody p,
.mceContentBody td,
.mceContentBody li { color: #555555; font-size: 12px; margin: 0; padding: 0; }

.mceContentBody p p,
.mceContentBody li li,
.mceContentBody td td,
.mceContentBody td p,
.mceContentBody td li,
.mceContentBody td h1,
.mceContentBody td h2,
.mceContentBody td h3,
.mceContentBody td h4,
.mceContentBody td h5 { font-size: 12px; }


table.2coltable td.productimage { text-align:right;}
table.2coltable td.col1 { margin-right: 2em; }


/* 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 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 p.document      { margin: 0em; }
div.mceContentBody span.ttlayer p.document img  { margin: 0em 0.8em 0em 0em; border-width: 0em; width: 1.6em; height: 1.6em; }
div.mceContentBody span.ttlayer p.imagecaption  { display: block; margin: 0em; text-align: center; }

div.mceContentBody table.download                   { }
div.mceContentBody table.download tr td             { padding: 2px; height: 60px; }
div.mceContentBody table.download tr td.icon        { width: 60px; text-align: center; vertical-align: middle; }