/* Inhalts-Typografie (Frontend + Editor). Theme 1.2: größere Schrift, gleiche Struktur wie der alte RTE. */

a { color: #3366cc; }

.align-right { text-align: right; }

.htmlarea-content-body p,
#maincontent p,
.overview p { margin: 0; }

.htmlarea-content-body,
#maincontent,
.overview { font-size: 16px; line-height: 1.6; }

.indent { margin-left: 10px; }

ul { margin: 0; padding: 0 0 0 8px; list-style: square inside; }

h1 { margin: 0 0 14px; font-size: 28px; line-height: 1.25; font-weight: 600; color: #1d2430; }
h2 { margin: 18px 0 8px; font-size: 20px; line-height: 1.3; color: #3366cc; font-weight: 600; }
h1 + h2, h2:first-child { margin-top: 0; }
h3 { margin: 0; font-size: 16px; line-height: 1.35; color: #3366cc; font-weight: 600; }
h4 { margin: 0; font-size: 16px; }
h5 { margin: 0; font-size: 15px; }
h6 { margin: 0; font-size: 14px; }

.htmlarea-content-body a,
#maincontent a { text-decoration: underline; text-underline-offset: 2px; color: #3366cc; }

/* Listen mit Pfeil-Aufzählung */
.htmlarea-content-body ul,
#maincontent ul,
.overview ul { margin: 6px 0; padding: 0; list-style: none; list-style-position: outside !important; }

.htmlarea-content-body li,
#maincontent li,
.overview li {
  padding-left: 18px;
  margin: 3px 0;
  background-image: url(../images/bullet.png);
  background-repeat: no-repeat;
  background-position: 0 .5em;
}

/* Tabellen */
table.contenttable,
.htmlarea-content-body table { border-collapse: collapse; width: 100%; }

.htmlarea-content-body td,
.htmlarea-content-body th,
.contenttable th,
.contenttable td {
  border-left: 1px solid #fff;
  border-right: 1px solid #fff;
  border-top: 1px solid #269;
  border-bottom: 1px solid #269;
  font-size: 14px;
  color: #2e6e9e;
  padding: 6px 8px;
  vertical-align: top;
}

.htmlarea-content-body th,
.contenttable th { background: #88B6D9; color: #fff; font-weight: bold; border: 1px solid #fff; }

.htmlarea-content-body th[scope=row],
.contenttable th[scope=row] { text-align: left; font-weight: normal; background: #ddd; color: #555; }

.csc-header h1 { font-weight: bold; }