/***********************************/
/********* ONLY BACKEND ************/
/***********************************/
body.mceContentBody {
    background-color: #ffffff;
    font-family: 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.3em; }


h1  					{ font-size:2em; padding:0 0 0.4em;  }
h2  					{ font-size:2em; padding:0 0 0.4em;  }
.mceContentBody h1		{ font-size:2em; padding:0 0 0.4em;  }
.mceContentBody h2		{ font-size:1.6em; padding:0 0 0.2em; }
.mceContentBody h2 a  	{ cursor:pointer; } /* h2 a with color is for toc in frontend*/
.mceContentBody h3  	{ font-size:1.4em; padding:0 0 0.2em; }
.mceContentBody h4		{ font-size:1.3em; padding:0 0 0.2em; }
.mceContentBody h5 		{ font-size:1.2em; padding:0 0 0.2em; }
.mceContentBody h6 		{ font-size:1.1em; padding:0 0 0.2em; }

.mceContentBody a   			{ color:#000000; font-weight:bold; text-decoration:none; }
div.mceContentBody a:hover 		{ text-decoration:underline; }
.mceContentBody a.more 			{ background: url(../../images/default/attention_gogo.gif) 100% 57% no-repeat #000000; display:inline-block; color: #ffffff; padding: 0.2em 1.5em 0.2em 0.5em; text-decoration: none; font-weight: bold; }
div.mceContentBody a.more:hover	{ background: url(../../images/default/attention_gogo_hover.gif) 100% 57% no-repeat #ffffff; color:#000000; text-decoration:none; }

/*link types*/
div.mceContentBody a.external		{ background: url(../../images/default/icon_externallink.gif) no-repeat 100% 50% #000000; padding: 0 18px 0 0; display:inline-block; } 
div.mceContentBody a.media			{ background: url(../../images/default/icon_medialink.gif) no-repeat 100% 50% #000000; padding: 0 18px 0 0; display:inline-block; } 
div.mceContentBody a.mail			{ background: url(../../images/default/icon_mailtolink.gif) no-repeat 100% 50% #000000; padding: 0 15px 0 0; display:inline-block; } 

.mceContentBody p           	{ color: #000000; }
.mceContentBody p.small     	{ font-size:0.8em; }
.mceContentBody p.newsdate,
p.newsdate						{ font-size:1em; color: #000000; font-weight:bold; margin:0 0 3px 0; }
.mceContentBody a.backoverview	{ color:#082C3C; font-weight:bold; text-decoration:none; }
.mceContentBody p.red       	{ color: #FF0000; }
.mceContentBody p.imagecaption	{ font-style:italic; }
.mceContentBody blockquote  {}
.mceContentBody ul			{}
.mceContentBody ol			{}
.mceContentBody li          {}
.mceContentBody	strong		{}
.mceContentBody	em 			{}
.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; }
.mceContentBody hr          { border: 1px solid; border-color: #05222e #ffffff #ffffff #ffffff;  }

/* 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; background-color: #000000; color: #ffffff; padding:0 1em; line-height:1.5em; }
.mceContentBody table.standardtable tbody tr	{ border-bottom:0.1em solid #000000; }
.mceContentBody table.standardtable tbody tr td { background-color: #ffffff; color: #000000; padding:0 10px; line-height:1.3em; vertical-align:top; padding:0.2em 1em }
.mceContentBody table.standardtable tfoot tr td { background-color: #000000; color: #ffffff; padding:0 10px; line-height:1.5em; border-top:0.2em solid #ffffff; }
.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.attentiontable { margin-left: -35px; }
body.mceContentBody table.attentiontable { border: 1px dotted #cccccc; width: 100%; margin-left: 0;}

/* Media lijst */
.mceContentBody table.download					{ border-top:0.2em solid #000000; border-bottom:0.2em solid #000000; }
.mceContentBody table.download tbody tr			{ border-bottom:0.1em solid #000000; }
.mceContentBody table.download tbody tr td		{ background-color: #ffffff; color: #000000; line-height:1.3em; vertical-align:top; padding:0.8em 1em; }
.mceContentBody table.download tbody tr td.icon	{  }

/*custom styles */
.mceContentBody .red { color: #ff0000; }

/*** LISTS, option 1: bullets when next to image, but not aligned neatly behind bullet after linebreaks ***/
div.mceContentBody ul			{ list-style-position: outside; display: block; position: relative; list-style: square; }
div.mceContentBody ol         	{ list-style-position: outside; display: block; position: relative; list-style: decimal; }
div.mceContentBody ul li		{ margin-left: 1.3em; }
div.mceContentBody ol li		{ margin-left: 1.6em; }

body.mceContentBody ul			{ list-style-position: outside; display: block; position: relative; list-style: disc; margin-left:0em; }
body.mceContentBody ol          { list-style-position: outside; display: block; position: relative; list-style: decimal; }
body.mceContentBody li			{ margin-left: 2em; }

    /* frontend */
div.mceContentBody ul ul,
div.mceContentBody ol ul,
div.mceContentBody ul ol,
div.mceContentBody ol ol    { left: 1.2em; }
    /* 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   { margin-left: 1.2em; }


/*** 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		{ position: relative; list-style:none; background:#000000; border:10px solid #000000; border-left:24px solid #000000;  }
div.mceContentBody ul.toc li	{ margin:2px 0 4px 0; list-style-type:square; line-height:1.4em; color:#FFFFFF; }
div.mceContentBody ul.toc li a	{ color:#FFFFFF; font-weight:bold; background:url(../../images/default/gogo_white.gif) 100% 50% no-repeat; padding:0 15px 0 0; }
div.mceContentBody ul.toc li a:hover	{ color:#ffffff; }

div.mceContentBody span.ttlayer { display: run-in;  }
div.mceContentBody span.ttlayer span.document { margin: 0; }
div.mceContentBody span.ttlayer span.document img { margin: 0 0.8em 0 0; border-width: 0; width: 1.6em; height: 1.6em; }
div.mceContentBody span.ttlayer span.imagecaption { display: block; margin: 0; text-align: center; }

h2 a img.back2top { background: #fffffff; border-bottom:2px solid #ffffff; padding:0 0 2px 0; }
h2 a:hover img.back2top {  border-bottom:2px solid #000000; }

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