.htmlarea-content-body {
	font: Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	
	margin: 0;
	padding: 3px;
	background-color: #FFFFFF;
}

#contentmain *,
.htmlarea-content-body TD,
.htmlarea-content-body UL,
.htmlarea-content-body OL,
.htmlarea-content-body TF,
.htmlarea-content-body p {
  font-size:11px;
  line-height: 135%;
}

.htmlarea-content-body TD {
	vertical-align: top;
}


/* Left, center, right and justify alignment of text in block elements*/
p.align-left, td.align-left, th.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, td.align-center, th.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, td.align-right, th.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, td.align-justify, th.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: #284983; padding: 2px 4px 2px 4px; border: 1px solid #333333; color: #fff; }

hr { height: 0px; border-bottom: 1px dotted #999999; border-top: 0px; margin: 0 0 25px 0; }

/* Numbering styles for ordered lists.*/
#contentmain ul, #contentmain-wide ul, .htmlarea-content-body ul  { list-style-image: url(/fileadmin/media/_statics/listbullet.gif); list-style-position: outside; }
li { padding-bottom: 2px; }
ul li, ol li { margin-left: -20px; }

.htmlarea-content-body a:link, .htmlarea-content-body a:visited, .htmlarea-content-body a:hover, a:active,
a:link, a:visited, a:hover, a:active {
	color: #284983;
	text-decoration: underline;
}
.htmlarea-content-body a:hover, .htmlarea-content-body  a:active, a:hover, a:active {
	text-decoration: none;
}

/*------ hyperlinks: download, mail, external ------*/
a[href^="http:"] {
  background: url(/fileadmin/media/_statics/link_external.gif) no-repeat right top;
  padding-right: 13px;
}

a[href^="mailto:"] {
  background: url(/fileadmin/media/_statics/link_mail.gif) no-repeat right top;
  padding-right: 13px;
}

a[href$=".pdf"], a[href$=".jpg"] {
  background: url(/fileadmin/media/_statics/link_download.gif) no-repeat right top;
  padding-right: 13px;
}

.csc-textpic-image a, .news-single-img a {
  background: none !important;
  padding-right: 0 !important;
}

.csc-textpic a {
	background: none;
	padding-right: 0;
}

/* Three inline text colors taken from the color scheme of CSS Styled Content extension.*/
span.important { color: #ff0000; }
span.name-of-person { font-style: italic; }
span.detail { color: #284983; }

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

/* Default selector for indentation.*/
div.indent { margin-left: 2em; }

/*------ HEADLINES ------*/
/*
h1, h2, h3 {
	padding: 0 0 15px 0;
}
*/
h1, h1 a { /* Page */
	margin:0 0 10px 0;
	color: #333; 
	font-size: 18px !important;
	font-weight:bold;
	line-height: 135%;
	text-decoration: none !important;
}
h2, h2 a{ /* Summary */
	margin:0px 0 10px 0; 
	color:#284983;
	font-size:14px !important;
	font-weight:bold;
	line-height:24px;
	text-decoration: none !important;
}

h3, h3 a{ /* Summary */
	margin:0px 0 5px 0;
	color:#333;
	font-size:11px !important;
	font-weight:bold;
	line-height:13px;
	text-decoration: none !important;
}