/***********************************/
/********* 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 */
body.mceContentBody p { margin:0; }
/***********************************/

.mceContentBody { font-size: 12px; line-height: 16px; }


h1 						{ color:#0063a1; font-size:1.6em; font-weight:bold; margin-bottom:1em;}
.mceContentBody h2 		{ color:#0063a1; font-size:1.2em; margin-bottom:0.5em; margin-top:1em;}
.mceContentBody h3 		{ color:#0063a1; font-size:1.2em; font-weight:bold; margin-top:1em;}
.mceContentBody h4, 
.mceContentBody h4 a	{ margin-bottom: 6px; color:#0063a1; font-size:1.1em; font-weight:bold; font-weight:normal;}

.mceContentBody a   		{ color: #0063a1; text-decoration:none;}
.mceContentBody a:hover 	{ color:#C1D948; } 
.mceContentBody a.toptoc 	{   }
.mceContentBody blockquote  { margin: 0 0 0 2em; }
.mceContentBody hr          { border: 1px solid; border-color: #000000 #ffffff #ffffff #ffffff;  }
.mceContentBody ul,
.mceContentBody ol,
.mceContentBody p { color:#000000; font-size: 12px; line-height: 16px; }

.mceContentBody ul,
.mceContentBody ol	{ list-style-type: square; color: #0063a1;  }
.mceContentBody ul li { color: #000000; }

/* links */
a.extralink 		{}
a.downloadlink 		{}

.specs 	{ font-size: smaller; }
.date	{ font-size: smaller; }
.source { font-size: smaller; }
.author	{ font-size: smaller; }
.error	{ color: red; }


/* paginering */
ul.pagination 						{ margin:0; padding:0; list-style: none;   }
ul.pagination li 					{ float: left; margin: 0; padding: 0; list-style: none;  }
ul.pagination li a 					{ display: block; padding: 0 0.2em;  margin: 0.2em; text-align:center; color:#FFFFFF; border-right:1px solid #ffffff; background-color:#0063a1; height:2em; line-height:2em;}
ul.pagination li a:hover			{ color:#0063a1; background-color:#c3d946; }
ul.pagination li.first a 			{ width:5em; }
ul.pagination li.previous a			{ width:5em;}
ul.pagination li.page a 			{ width:2em;}
ul.pagination li.next a				{ width:6em;}
ul.pagination li.last a				{ width:5em; border-right:none;}

/* standardtable */
.mceContentBody table.standardtable caption		{  height:2em; line-height:2em; color:#0063a1; border:1px solid #0063a1; font-weight:bold;}
.mceContentBody table.standardtable thead 		{ border-bottom:1px solid #0063a1;  }
.mceContentBody table.standardtable thead tr th { font-weight:normal;  padding-top:0.8em; color:#0063a1; padding-left:0.5em; }
.mceContentBody table.standardtable tbody tr td {  padding-top:0.5em;  padding-bottom:0.2em; border-bottom:1px solid #0063a1; padding-left:0.5em; }
.mceContentBody table.standardtable tfoot tr td {  border:1px solid #0063a1; height:1.5em; line-height:1.5em; padding-left:0.5em; }
.mceContentBody table.standardtable tbody tr td.standardtablefirstcolumn,
.mceContentBody table.standardtable tbody tr td.standardtablefirstcolumn a { background-color: #0063a1; color: #000000; font-weight: bold; }

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

/* nested ul */
/* level 2 */
.mceContentBody ul li ul			{ margin-top:0.5em;  }
.mceContentBody ul li li	 		{ }
/* level 3 */  
.mceContentBody ul li li li 		{ margin-left:2em; }

/*ankers ul*/
.mceContentBody ul.toc { }
.mceContentBody ul.toc li { list-style:square;  color:#0066c0; margin-left:1.2em; }
.mceContentBody ul.toc li a { line-height:1.2em;}
/* categorylistview */
.mceContentBody ul.categorylistview { }
.mceContentBody ul.categorylistview li { list-style:none;  color:#0066c0; margin-left:0em; padding:0 }
.mceContentBody ul.categorylistview li ul { line-height:1.2em;}
.mceContentBody ul.categorylistview li ul li { margin-left:0em;}

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

/* formulier */
.mceContentBody table.form 							{ vertical-align: top; }
.mceContentBody table.form tr td.first				{ background-color:#0063a1; color:#FFFFFF; border:1px solid #ffffff; padding-left:1em; padding-bottom:0.2em; }

.mceContentBody form.formstyle 						{ }
.mceContentBody form.formstyle input 				{ border:1px solid #0063a1; }
.mceContentBody form.formstyle input.checkbox 		{ border:0;}
.mceContentBody form.formstyle input.radio 			{ border:0;}
.mceContentBody form.formstyle input.button 		{ margin-left:14.3em; border:0; background-color:#0063a1; color:#FFFFFF;}

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