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

/* reset styles wysywig elements */
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 ol, body.mceContentBody ul, body.mceContentBody li, 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; vertical-align: top; }
body.mceContentBody table { border-collapse: collapse; border-spacing: 0; }
/* end of reset */


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


h1 { color: #0063a5; font-size: 1.6em; line-height: 1.2em; font-family: verdana, arial, helvetica, sans-serif; margin: 0 0 1em 0;}

.mceContentBody h2 { color: #CE171E; font-size: 1.2em; font-family: verdana, arial, helvetica, sans-serif; margin: 1em 0 0.5em 0; line-height:1.1em; }
.mceContentBody h2 a { color: #CE171E; text-decoration:none; }
.mceContentBody .hpcolumnboxen h2 { font-size: 1.6em; }
.mceContentBody h3 { color: #0063a5; font-size: 1.4em; font-family: verdana, arial, helvetica, sans-serif; margin: 0.5em 0; }
.mceContentBody h4 { color: #0063a5; font-size: 1.2em; font-family: verdana, arial, helvetica, sans-serif; margin: 0.5em 0; }
.mceContentBody h5 { color: #CE171E; font-size: 1.2em; font-family: verdana, arial, helvetica, sans-serif; margin: 0.2em 0 0.5em 0; }
.mceContentBody h6 { color: #000000; font-size: 1.2em; font-family: verdana, arial, helvetica, sans-serif; margin: 0.5em 0; }

.mceContentBody a   	{ color: #ce171e; text-decoration: underline; }
.mceContentBody a:hover	{ text-decoration: none;  }

.mceContentBody blockquote  { margin: 0px 0px 0px 2em; }
.mceContentBody	sub			{ line-height: 1.2em; vertical-align: baseline; vertical-align: bottom; position: relative; }
.mceContentBody	sup			{ line-height: 1.2em; vertical-align:text-top; vertical-align: top; position: relative; }
hr          				{ border: 1px dashed; border-color: #CE171E #ffffff #ffffff #ffffff; margin:25px 0 20px; }


/* tablestyle */
table.tablestyle 					{ vertical-align: top; }
table.tablestyle tr td				{ padding: 2px; border-bottom: 1px solid #008AB9; }
table.tablestyle tr th				{ font-weight: bold; border-bottom: 1px solid #008AB9; text-align: left; color: #374b86; }
table.tablestyle thead tr td		{  }
table.tablestyle thead tr th		{ background: #008AB9; border-bottom: 1px solid #008AB9; padding: 2px; text-align: left; font-weight: bold; color: #ffffff }
table.tablestyle tfoot tr td 		{ border-bottom: none; font-style: italic; color: #008AB9; line-height: 2em;}

/* standardtable */
.mceContentBody table caption,
.mceContentBody table.standardtable caption		{ text-align:left; font-weight:bold; color:#000000; margin:0 0 0.2em 0; }
.mceContentBody table.standardtable thead tr	{  }
.mceContentBody table.standardtable thead tr td { font-weight: bold; padding:0 1em; line-height:1.5em; }
.mceContentBody table.standardtable tbody tr	{  }
.mceContentBody table.standardtable tbody tr:first-child td { border-top: 1px dashed #cccccc; }
.mceContentBody table.standardtable tbody tr td { border-bottom: 1px dashed #cccccc; padding:4px 10px; line-height:1.3em; }

.mceContentBody table.standardtable tfoot tr td { border-bottom: none; font-style: italic; color: #000000; line-height: 2em;}
.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; }
.mceContentBody p.small     	{ font-size:0.8em; }
.mceContentBody p.imagecaption	{ font-style:italic; }

/*** LISTS, option 1: bullets when next to image, but not aligned neatly behind bullet after linebreaks ***/
.mceContentBody ul			{ padding: 0; margin: 0; list-style-position: outside; list-style-image:url(../../images/default/bullet_small.gif); }
.mceContentBody ol          { padding: 0; margin: 0; list-style-position: outside; list-style-type: decimal; }
.mceContentBody ul li       { margin: 0; padding: 0; margin-left: 1.6em; line-height:1.4em; }
.mceContentBody ol li       { margin: 0; padding: 0; margin-left: 1.8em; line-height:1.4em; }

/*only poll*/
.poll ul			{ list-style-image:none; }

    /* 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   { list-style-image:none; }
div.mceContentBody ul.toc li{ margin:0; }

div.mceContentBody span.ttlayer { display: inline-block; }
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; }
