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

.mceContentBody a   	{ color: #00507d; }

h1  					{ font-size: 1.6em; } /* also needed outside wysiwyg texts */
.mceContentBody h2,
.mceContentBody h2 a    { font-size: 1em; font-weight: normal; color: #cc0033; margin-bottom: 0em; } /* h2 a with color is for toc in frontend*/
.mceContentBody h3 		{ font-size: 1em; color: #cc0033; margin: 0px; }
.mceContentBody h4 		{ font-size: 1em; font-weight: normal; color: #cc0033; border-bottom : 1px solid #cc0033; margin-bottom: 0px; padding-left: 0.5em; width:534px; }
.mceContentBody h5 		{}

.mceContentBody blockquote  { margin: 0 0 0 2em; }
.mceContentBody hr          { border: 1px solid; border-color: silver white white white;  }
.mceContentBody ul,
.mceContentBody ol,
.mceContentBody p       { font-family: arial,helvetica, sans-serif; /*font-size: 0.8em;*/ margin: 0; }
.mceContentBody td h2	{ /*font-size: 0.9em;*/ }

.mceContentBody ul	    					{ list-style-type: square; list-style-position: outside; margin-left: 1.4em; }
.mceContentBody ol ol       				{ left: 16px; font-size: 1em; list-style-position: outside; margin-left: 2.1em; }
.mceContentBody li, td li, p li, td td li 	{ list-style-image:url(../../images/default/li.gif); }

.mceContentBody ol li .document a   { font-size: 1.2em; }

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


/* TABLES */

/* 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 table.standardtable 					{ border-bottom: 1px solid #009fd9; color: #000000; width: 540px; }

.mceContentBody table.standardtable tr td.firstcolumn,
.mceContentBody td.firstcolumn,
td.firstcolumn  		{ padding-left: 0.5em; background-color: #D9D9D9; color: #000000; font-weight: normal; }

.mceContentBody table.standardtable tr td.firstcolumn,
.mceContentBody tr td.firstcolumn, td.firstcolumn a 			{ color: #000000; font-weight: normal; font-size:1em; }

.mceContentBody table.standardtablecaption tr td,
.mceContentBody table.standardtable tr.standardtablecaption td,
.mceContentBody tr.standardtablecaption td,
.mceContentBody table.standardtable tr td.standardtablecaption,
.mceContentBody td.standardtablecaption 				{ font-weight: normal; color: #01507b; background-color: #ffffff;  border-bottom: 1px solid #009fd9; }

.mceContentBody table.standardtable tr td,
.mceContentBody tr.standardtable td,
.mceContentBody td.standardtable 						{ padding-left: 0.5em; background-color: #E9E9E9; border: 1px solid #ffffff; color: #000000; vertical-align: top; }

.mceContentBody table.standardtablefooter tr td,
.mceContentBody tr.standardtablefooter td,
.mceContentBody table.standardtable tr.standardtablefooter td,
.mceContentBody td.standardtablefooter,
.mceContentBody table.standardtable tr td.standardtablefooter 	{ background-color: #E9E9E9; }
table.standardtable tr.standardtablecaption td.firstcolumn 		{ font-weight: normal; color: #01507b; background-color: #ffffff; }

.mceContentBody table.standardtable 							{ /*font-size: 0.8em;*/ }

/* standard table styles new */
.mceContentBody table.standardtable thead tr td, table.standardtable thead tr td.firstcolumn { font-weight: normal; color: #01507b; background-color: #ffffff;  border-bottom: 1px solid #009fd9; }
.mceContentBody table.standardtable tbody tr td { background-color: #E9E9E9; border: 1px solid #ffffff; color: #000000; }
.mceContentBody table.standardtable tfoot tr td { background-color: #E9E9E9; }
.mceContentBody table.standardtable tr td.firstcolumn,
.mceContentBody td.firstcolumn, td.firstcolumn a { background-color: #D9D9D9; color: #000000; font-weight: normal; }

/*  keyfigures tabel */
.mceContentBody table.keyfigures 					{ border-bottom: 1px solid #009fd9; }
.mceContentBody table.keyfigures tr td 				{ background-color: #E9E9E9; padding-left: 5px; padding-right: 5px; text-align: right; vertical-align: bottom; }
.mceContentBody table.keyfigures tr td.headerred 	{ font-weight: normal; color: #cc0033; background-color: #ffffff;  border-bottom : 1px solid #cc0033; text-align: left; vertical-align: top; }
.mceContentBody table.keyfigures tr td.headerblue 	{ font-weight: normal; color: #01507b; background-color: #ffffff;  border-bottom: 1px solid #009fd9; text-align: right; vertical-align: top; }
.mceContentBody table.keyfigures tr td.headerblackfirst { font-weight: normal; color: #000000; background-color: #ffffff;  border-bottom: 1px solid #000000; text-align: left; vertical-align: top; }
.mceContentBody table.keyfigures tr td.headerblack 		{ font-weight: normal; color: #000000; background-color: #ffffff;  border-bottom: 1px solid #000000; text-align: right; vertical-align: top; }
.mceContentBody table.keyfigures tr td.headerbluefirst 	{ font-weight: normal; color: #01507b; background-color: #ffffff;  border-bottom: 1px solid #009fd9; text-align: left; vertical-align: top; }
.mceContentBody table.keyfigures tr td.kffirstcolumn { background-color: #D9D9D9; font-weight: normal; text-align: left; }
.mceContentBody table.keyfigures tr td.empty 		 { background-color: #E9E9E9; font-weight: normal; font-style: italic; text-align: left; }
.mceContentBody table.keyfigures tr td.totals 		 { background-color: #ffffff; font-weight: normal; border-color: #ffffff; text-align: right; }


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