/***********************************/
/********* 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 .mcevisualaid {	border: 1px dashed #bbbbbb; }
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-spacing: 0; }
/* end of reset */


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

div.defout h1			{ font-size: 1.9em; line-height:1.4em; font-weight: normal; margin: 0 0 1em 0; padding: 0; color:#154796; } /* also needed outside wysiwyg texts */
div.defout h4			{ font-size: 1.5em; font-weight: bold; margin: 4px 10px 12px; padding: 0; color:#154796; line-height:1.6em; } /* also needed outside wysiwyg texts */
div.defout h4 a			{ color:#154796; text-decoration:none; }
div.defout h4 a:hover	{ text-decoration:underline; }

div.accommodaties h1,
div.accommodaties h4,
div.accommodaties h4 a			{ color:#0287bf; }

div.arrangementen h1,
div.arrangementen h4,
div.arrangementen h4 a  	{ color:#8f7f59; }

div.projecten h1,
div.projecten h4,
div.projecten h4 a  			{ color:#6f9003; }

/*attentionarea opmaak*/
div.attentionarea h2 { color:#FFFFFF; font-size:1.3em; font-weight:normal; line-height:1.7em; overflow:hidden; padding:5px 10px; background:#154796; }

h3  					{ font-size: 1.8em; margin: 0; padding:7px 0; color: #ffffff; font-weight:normal; /*max-height:13px;*/ overflow:hidden; } /* also needed outside wysiwyg texts */
h3 a					{ text-decoration:none; color:#FFFFFF; display:block; }

/*wysiwyg default titles*/
div.mceContentBody h1,
body.mceContentBody h1	{ font-size: 1.45em; line-height:1.4em; font-weight: normal; margin: 0 0 1em; padding: 0; color:#154796;  }
div.mceContentBody h1 a { font-weight: normal; }
.mceContentBody h2		{ font-size:1.3em; font-weight: normal; padding:0 0 0.2em; color:#154796; }
.mceContentBody h2 a  	{ font-size:0.9em; font-weight: normal; padding:0 0 0.2em; color:#154796; cursor:pointer; } /* h2 a with color is for toc in frontend*/
.mceContentBody h3  	{ font-size:1.1em; padding:0 0 0.2em; color:#EB6909; }
div.mceContentBody h4,
body.mceContentBody h4	{ font-size: 1.2em; font-weight: bold; margin: 0; padding: 0; color:#154796; line-height:1.6em; }
.mceContentBody h5 		{ font-size: 1.2em; font-weight: bold; margin: 0; padding: 0; color:#EB6909; line-height:1.6em; }
.mceContentBody h6 		{ font-size:1.1em; padding:0 0 0.2em; }

.mceContentBody a   			{ color:#154796; font-weight:bold; text-decoration:none; }
div.mceContentBody a:hover 		{ text-decoration:underline; }

div.arrangementen .mceContentBody a   			{ color:#8f7f59; }
div.projecten .mceContentBody a   			{ color:#6f9003; }

/*wysiwyg accommodaties titles*/
div.accommodaties div.mceContentBody h1,
div.accommodaties div.mceContentBody h1 a { color:#0287BF;  }
div.accommodaties .mceContentBody h2,
div.accommodaties .mceContentBody h2 a  	{ color:#0287BF;} /* h2 a with color is for toc in frontend*/
div.accommodaties .mceContentBody h3  	{ color:#0287BF; font-size:1.4em; }

/*wysiwyg arrangement titles*/
div.arrangementen div.mceContentBody h1,
div.arrangementen div.mceContentBody h1 a { color:#8f7f59;  }
div.arrangementen .mceContentBody h2,
div.arrangementen .mceContentBody h2 a  	{ color:#8f7f59;} /* h2 a with color is for toc in frontend*/
div.arrangementen .mceContentBody h3  	{ color:#8f7f59; font-size:1.4em;  }

/*wysiwyg projecten titles*/
div.projecten div.mceContentBody h1,
div.projecten div.mceContentBody h1 a { color:#6F9003;  }
div.projecten .mceContentBody h2,
div.projecten .mceContentBody h2 a  	{ color:#6F9003;} /* h2 a with color is for toc in frontend*/
div.projecten .mceContentBody h3  	{ color:#6F9003; font-size:1.4em;  }

/*link uitzonderingen*/
div.attentionarea .mceContentBody a { color:#000000; font-weight:bold; text-decoration:none; }

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

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

/*link types arrangementen*/
/*
div.arrangementen div.mceContentBody a.external		{ background: url(../../images/default/icon_externallink_arrangementen.gif) no-repeat 100% 50% #8f7f59; padding: 0 18px 0 0; display:inline-block; }
div.arrangementen div.mceContentBody a.media			{ background: url(../../images/default/icon_medialink_arrangementen.gif) no-repeat 100% 50% #8f7f59; padding: 0 18px 0 0; display:inline-block; }
div.arrangementen div.mceContentBody a.mail			{ background: url(../../images/default/icon_mailtolink_arrangementen.gif) no-repeat 100% 50% #8f7f59; padding: 0 15px 0 0; display:inline-block; }
*/

/*link types projecten*/
/*
div.projecten div.mceContentBody a.external		{ background: url(../../images/default/icon_externallink_projecten.gif) no-repeat 100% 50% #6f9003; padding: 0 18px 0 0; display:inline-block; }
div.projecten div.mceContentBody a.media			{ background: url(../../images/default/icon_medialink_projecten.gif) no-repeat 100% 50% #6f9003; padding: 0 18px 0 0; display:inline-block; }
div.projecten div.mceContentBody a.mail			{ background: url(../../images/default/icon_mailtolink_projecten.gif) no-repeat 100% 50% #6f9003; padding: 0 15px 0 0; display:inline-block; }
*/

.mceContentBody p           	{ line-height:1.5em; }
.mceContentBody p.small     	{ font-size:0.8em; }
.mceContentBody p.newsdate		{ font-size:0.9em; color:#8F8F8F; font-style:italic }
.mceContentBody a.backoverview	{  }
.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:none; border-top: 2px dotted #154796;  }

div.accommodaties div.mceContentBody hr       { border:none; border-top: 2px dotted #154796; }
div.arrangementen div.mceContentBody hr      { border:none; border-top: 2px dotted #8f7f59; }
div.projecten div.mceContentBody hr          { border:none; border-top: 2px dotted #6f9003; }

/* standardtable */
.mceContentBody table caption,
.mceContentBody table.standardtable caption		{ text-align:left; font-weight:bold; color:#154796; padding:0 0 10px 0; line-height:1.4em; }
.mceContentBody table.standardtable				{ border-collapse:collapse }
.mceContentBody table.standardtable thead tr	{  }
.mceContentBody table.standardtable thead tr td { font-weight: bold; background-color: #154796; color: #ffffff; padding:10px 10px; line-height:1.5em; }
.mceContentBody table.standardtable tbody tr	{  }
.mceContentBody table.standardtable tbody tr td { color: #000000; padding:3px 10px; line-height:1.3em; vertical-align:top; background:#FFFFFF; }
.mceContentBody table.standardtable tfoot tr td { background-color: #154796; color: #ffffff; padding:0 10px; line-height:1.4em; }
.mceContentBody table.standardtable tbody tr td.standardtablefirstcolumn	{ color: #ffffff; background:#154796; }
.mceContentBody table.standardtable tbody tr td.standardtablefirstcolumn a	{ text-decoration:underline; color:#FFFFFF; font-weight:normal; }

.mceContentBody table.attentiontable { margin-left: -35px; }
body.mceContentBody table.attentiontable { border: 1px dotted #cccccc; width: 100%; margin-left: 0;}

/* standardtable accommodaties*/
div.accommodaties div.mceContentBody table caption,
div.accommodaties div.mceContentBody table.standardtable caption		{ color:#0287BF; }

/* standardtable arrangementen*/
div.arrangementen div.mceContentBody table caption,
div.arrangementen div.mceContentBody table.standardtable caption	 { color:#8f7f59;}
div.arrangementen div.mceContentBody table.standardtable thead tr td { background-color: #B4A78D; color: #8f7f59; }
div.arrangementen div.mceContentBody table.standardtable tfoot tr td { background-color: #B4A78D; color: #8f7f59; }
div.arrangementen div.mceContentBody table.standardtable tbody tr td.standardtablefirstcolumn	{ color: #8f7f59; background:#B4A78D; }
div.arrangementen div.mceContentBody table.standardtable tbody tr td.standardtablefirstcolumn a	{ color:#8f7f59;}

/* standardtable projecten*/
div.projecten div.mceContentBody table caption,
div.projecten div.mceContentBody table.standardtable caption	 { color:#6F9003;}
div.projecten div.mceContentBody table.standardtable thead tr td { background-color: #B5D744; color: #6F9003; }
div.projecten div.mceContentBody table.standardtable tfoot tr td { background-color: #B5D744; color: #6F9003; }
div.projecten div.mceContentBody table.standardtable tbody tr td.standardtablefirstcolumn	{ color: #6F9003; background:#B5D744; }
div.projecten div.mceContentBody table.standardtable tbody tr td.standardtablefirstcolumn a	{ color:#6F9003;}

/*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.4em; }
div.mceContentBody ol li		{ margin-left: 2em; }

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

/*template uitzonderingen*/
div.attentioncontent_icon ul li	{ margin-left: 0em; }
div.tabbox_menu ul li	{ margin-left: 0em; }

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


/*tabbox*/
div.mceContentBody div.tabbox_menu_vervolg ul li { margin:0; padding:0; }
div.mceContentBody div.tabbox_menu_vervolg ul li a { color:#000000; }
div.mceContentBody div.tabbox_menu_vervolg ul li p.kop a { 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		{ position: relative; list-style:none; padding:10px 10px 10px 24px; border:2px dotted #9c9e9f; }
div.mceContentBody ul.toc li	{ margin:2px 0 4px 0; list-style-type:square; line-height:1.4em; color:#666666; }
div.mceContentBody ul.toc li a	{ color:#666666; font-weight:bold; }
div.mceContentBody ul.toc li a:hover	{ color:#28292b; }

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

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