p, div, table { font-size: 12px; font-family: Arial, sans-serif; color:#cfdbf2; line-height: 16px; }

em { font-style: italic; }

#contentRight p,
#contentRight div,
#contentRight table,
#contentRight a {
	font-size: 11px;
	color: #000033;
}

.indent { text-indent: 20px; }

a img { border: 0; }

a { color: #ffffff; text-decoration: none; font-weight: bold; }

a:visited { color: #ffffcc; }
a:hover { text-decoration: underline; }

h1 { font-size: 1.4em; }
h2 { font-size: 1.2em; }
h3 { font-size: 1.1em; }
h4 { font-size: 1em; }
h5 { font-size: .83em; }
h6 { font-size: .67em; }

h1, h2, h3, h4, h5, h6 {
	color: #cfdbf2;
	font-weight: bold;
}

#contentRight h1, 
#contentRight h2, 
#contentRight h3, 
#contentRight h4, 
#contentRight h5, 
#contentRight h6 {
	margin-bottom: 0;
	color: #000033;
}

h1 *, h2 *, h3 *, h4 *, h5 *, h6 * { font-size: 1em; }

p { margin: 0px; margin-bottom: 16px; }
h1, h2, h3, h4, h5, h6 { margin: 0; margin-bottom: 16px; }

UL { margin-top: 0px; padding-left: 20px; }
OL { margin-top: 0px; padding-left: 20px; }
LI { margin-top: 0px; margin-bottom: 0px; padding-top: 2px; }

/*
TABLE.contenttable { border: 1px solid; margin: 10px 0px 10px 0px; width: 100%; }
*/
TABLE.contenttable TR TD { padding: 0px 3px 0px 3px; }
TABLE.contenttable TR TD P.bodytext {  }
TABLE.contenttable TR {  }
*/

div.csc-header h1,
div.csc-header h2,
div.csc-header h3,
div.csc-header h4,
div.csc-header h5 { margin-top: 0;  margin-bottom: 16px; }

.htmlarea-content-body {
	background-color: #2651A8 !important;
	color: #cfdbf2 !important;
	font-size: 12px !important; 
	font-family: Arial, sans-serif !important; 
	line-height: 16px !important;
}

/* trainings kalender stijl */

table.trainingskalender { 
	width: 588px;
  background-image: url('../images/tk-table-header-bg.gif');
	background-repeat: no-repeat;
}

table.trainingskalender thead th { 
	background-image: none; 
	font-weight: bold; 
}

table.trainingskalender tfoot td {
	background-image: url('../images/tk-table-footer-bg.gif') ;
	background-repeat: no-repeat;
	font-weight: bold; 
	height: 18px;
	
}

table.trainingskalender tfoot td {
	border: none;
}

table.trainingskalender th, table.trainingskalender td { padding: 4px; }
table.trainingskalender th,
table.trainingskalender td {
	text-align: left;
	vertical-align: top;
	color: #ffffff;
}

table.trainingskalender td {
	border: 1px solid #ffffff;
}

table.trainingskalender th {
	padding-left: 5px;
	padding-top: 5px;
	height:  16px;
}


/* smalle tabel stijl */

/* trainings kalender stijl */

table.smalle_tabel { 
	position: relative;
	left: -5px;
	width: 406px;
  background-image: url('../images/small-table-header-bg.gif');
	background-repeat: no-repeat;
}

table.smalle_tabel thead th { 
	background-image: none; 
	font-weight: bold; 
}

table.smalle_tabel tfoot td {
	background-image: url('../images/small-table-footer-bg.gif') ;
	background-repeat: no-repeat;
	font-weight: bold; 
	height: 20px;
	
}

table.smalle_tabel tfoot td {
	border: none;
}

table.smalle_tabel th, table.smalle_tabel td { padding: 4px; }
table.smalle_tabel th,
table.smalle_tabel td {
	text-align: left;
	vertical-align: top;
	color: #ffffff;
}

table.smalle_tabel td {
	border: 1px solid #ffffff;
}

table.smalle_tabel th {
	padding-left: 5px;
	padding-top: 5px;
	height:  2px;
}

table p {
	margin-top: 0;
	margin-bottom: 0;
	color: inherit !important;
}





/****************************************************************************************
# Default css file for content edited with htmlArea RTE
#
# Defines a few class selectors that can be simply taken as examples by anyone who needs to configure the RTE.
# This css file is referenced by property RTE.default.contentCSS in the default configuration of htmlArea RTE
#
# TYPO3 SVN ID: $Id: dynamiccss.css 2663 2007-11-05 09:22:23Z ingmars $
# ***************************************************************************************/

/* Left, center, right and justify alignment of text in block elements*/
p.align-left, h1.align-left, h2.align-left, h3.align-left, h4.align-left, h5.align-left, h6.align-left, div.align-left, address.align-left { text-align: left; }
p.align-center, h1.align-center, h2.align-center, h3.align-center, h4.align-center, h5.align-center, h6.align-center, div.align-center, address.align-center { text-align: center; }
p.align-right, h1.align-right, h2.align-right, h3.align-right, h4.align-right, h5.align-right, h6.align-right, div.align-right, address.align-right { text-align: right; }
p.align-justify, h1.align-justify, h2.align-justify, h3.align-justify, h4.align-justify, h5.align-justify, h6.align-justify, div.align-justify, address.align-justify { text-align: justify; }

/* Two frame examples taken from the example CSS file of CSS Styled Content extension and applied to p and table block elements.*/
p.csc-frame-frame1, table.csc-frame-frame1 { background-color: #EDEBF1; padding: 2px 4px 2px 4px; border: 1px solid #333333; }
p.csc-frame-frame2, table.csc-frame-frame2 { background-color: #F5FFAA; padding: 2px 4px 2px 4px; border: 1px solid #333333; }

/* Bullet styles for unordered lists.*/
ul.component-items { color: #186900; list-style-type: circle; }
ul.action-items { color: #8A0020; list-style-image: url(img/red_arrow_bullet.gif); }

/* Numbering styles for ordered lists.*/
ol.component-items-ordered { color: #10007B; list-style-type: lower-roman; }
ol.action-items-ordered { color: #8A0020; list-style-type: lower-greek; }

/* Three inline text colors taken from the color scheme of CSS Styled Content extension.*/
span.important { color: #8A0020; }
span.name-of-person { color: #10007B; }
span.detail { color: #186900; }

/* Selectors for the default configuration of the link accessibity feature.*/
a.external-link {}
a.external-link-new-window {}
a.internal-link {}
a.internal-link-new-window {}
a.download {}
a.mail {}


/* menu sitemaps zonder bullet */
.csc-menu {
  list-style-type: none;
	padding-left: 0;
}