/*
  Dieses CSS ermoeglicht die spaltenabhaengige Formatierung
  in Typo3.

  Fuer Spalten gelten folgende Werte
  | Spalte | colPos-Wert | frameClass |
  |--------|-------------|------------|
  | Normal | 0           | content    |
  | Links  | 1           |
  | Rechts | 2           |
  | Rand   | 3           |
  |--------|-------------|

  Tags
    h1 .. h5
    p
      csc-caption
    td
    imgtext-table
    contenttable
    ul
    csc-form-labelcell

    td.content ul
    td.content ul.csc-bulletlist-0
    Spalte 2 - Projektkasten links
*/

/*
  h1 .. h5
    siehe auch -> content.css:h1 .. h5
*/
h1.tsCol-0-left,
h1.tsCol-0-center,
h1.tsCol-0-right,
h1.tsCol-0-left-firstHeader,
h1.tsCol-0-center-firstHeader,
h1.tsCol-0-right-firstHeader {
  font-size: 24px;
  margin: 0px;
  padding: 0px 0px 4px 0px;
}
h2.tsCol-0-left,
h2.tsCol-0-center,
h2.tsCol-0-right,
h2.tsCol-0-left-firstHeader,
h2.tsCol-0-center-firstHeader,
h2.tsCol-0-right-firstHeader {
  font-size: 18px;
  padding: 6px 0px 4px 0px;
}
h3.tsCol-0-left,
h3.tsCol-0-center,
h3.tsCol-0-right,
h3.tsCol-0-left-firstHeader,
h3.tsCol-0-center-firstHeader,
h3.tsCol-0-right-firstHeader {
  font-size: 14px;
  padding: 6px 0px 4px 0px;
}
h4.tsCol-0-left,
h4.tsCol-0-center,
h4.tsCol-0-right,
h4.tsCol-0-left-firstHeader,
h4.tsCol-0-center-firstHeader,
h4.tsCol-0-right-firstHeader {
  font-size: 14px;
  font-weight: normal;
  padding: 6px 0px 4px 0px;
}
h5.tsCol-0-left,
h5.tsCol-0-center,
h5.tsCol-0-right,
h5.tsCol-0-left-firstHeader,
h5.tsCol-0-center-firstHeader,
h5.tsCol-0-right-firstHeader {
  font-size: 14px;
  padding: 6px 0px 4px 0px;
}

h1.tsCol-0-left,
h1.tsCol-0-left-firstHeader,
h2.tsCol-0-left,
h2.tsCol-0-left-firstHeader,
h3.tsCol-0-left,
h3.tsCol-0-left-firstHeader,
h4.tsCol-0-left,
h4.tsCol-0-left-firstHeader,
h5.tsCol-0-left,
h5.tsCol-0-left-firstHeader, {
  text-align: left;
}
h1.tsCol-0-center,
h1.tsCol-0-center-firstHeader,
h2.tsCol-0-center,
h2.tsCol-0-center-firstHeader,
h3.tsCol-0-center,
h3.tsCol-0-center-firstHeader,
h4.tsCol-0-center,
h4.tsCol-0-center-firstHeader,
h5.tsCol-0-center,
h5.tsCol-0-center-firstHeader {
  text-align: center;
}
h1.tsCol-0-right,
h1.tsCol-0-right-firstHeader,
h2.tsCol-0-right,
h2.tsCol-0-right-firstHeader,
h3.tsCol-0-right,
h3.tsCol-0-right-firstHeader,
h4.tsCol-0-right,
h4.tsCol-0-right-firstHeader,
h5.tsCol-0-right,
h5.tsCol-0-right-firstHeader {
  text-align: right;
}

/* Spalte 2 - Projektkasten links - ---------------------------------------------------------*/
h1.tsCol-2-left,
h1.tsCol-2-center,
h1.tsCol-2-right,
h1.tsCol-2-left-firstHeader,
h1.tsCol-2-center-firstHeader,
h1.tsCol-2-right-firstHeader {
  font-size: 12px;
  font-weight: bold;
  line-height: 14px;
  padding: 10px 2px 4px 2px;
}
h1.tsCol-2-left-firstHeader,
h1.tsCol-2-center-firstHeader,
h1.tsCol-2-right-firstHeader {
  padding: 0px 2px 2px 2px;
  /* Wie h2 */
}
h2.tsCol-2-left,
h2.tsCol-2-center,
h2.tsCol-2-right,
h2.tsCol-2-left-firstHeader,
h2.tsCol-2-center-firstHeader,
h2.tsCol-2-right-firstHeader {
  font-size: 10px;
  font-weight: normal;
  line-height: 10px;
  padding: 0px 2px 2px 2px;
  /* Wie h1 */
}
h3.tsCol-2-left,
h3.tsCol-2-center,
h3.tsCol-2-right,
h3.tsCol-2-left-firstHeader,
h3.tsCol-2-center-firstHeader,
h3.tsCol-2-right-firstHeader {
  font-size: 10px;
  font-weight: normal;
  line-height: 10px;
  padding: 6px 0px 2px 2px;
}
h4.tsCol-2-left-firstHeader,
h4.tsCol-2-center-firstHeader,
h4.tsCol-2-right-firstHeader {
  font-size: 8px;
  font-weight: normal;
  line-height: 8px;
  padding: 2px 2px 2px 2px;
}
h4.tsCol-2-left,
h4.tsCol-2-center,
h4.tsCol-2-right,
h5.tsCol-2-left-firstHeader,
h5.tsCol-2-center-firstHeader,
h5.tsCol-2-right-firstHeader {
  font-size: 8px;
  font-weight: normal;
  line-height: 8px;
  padding: 2px 2px 2px 2px;
}
h5.tsCol-2-left,
h5.tsCol-2-center,
h5.tsCol-2-right {
  font-size: 8px;
  font-weight: normal;
  line-height: 8px;
  padding: 2px 2px 2px 2px;
}

h1.tsCol-2-left,
h1..tsCol-2-left-firstHeader,
h2.tsCol-2-left,
h2..tsCol-2-left-firstHeader,
h3.tsCol-2-left,
h3..tsCol-2-left-firstHeader,
h4.tsCol-2-left,
h4..tsCol-2-left-firstHeader,
h5.tsCol-2-left,
h5.tsCol-2-left-firstHeader, {
  text-align: left;
}
h1.tsCol-2-center,
h1.tsCol-2-center-firstHeader,
h2.tsCol-2-center,
h2.tsCol-2-center-firstHeader,
h3.tsCol-2-center,
h3.tsCol-2-center-firstHeader,
h4.tsCol-2-center,
h4.tsCol-2-center-firstHeader,
h5.tsCol-2-center,
h5.tsCol-2-center-firstHeader {
  text-align: center;
}
h1.tsCol-2-right,
h1.tsCol-2-right-firstHeader,
h2.tsCol-2-right,
h2.tsCol-2-right-firstHeader,
h3.tsCol-2-right,
h3.tsCol-2-right-firstHeader,
h4.tsCol-2-right,
h4.tsCol-2-right-firstHeader,
h5.tsCol-2-right,
h5.tsCol-2-right-firstHeader {
  text-align: right;
}

/* Spalte 3 - Projektkasten rechts - ---------------------------------------------------------*/
h1.tsCol-3-left,
h1.tsCol-3-center,
h1.tsCol-3-right,
h1.tsCol-3-left-firstHeader,
h1.tsCol-3-center-firstHeader,
h1.tsCol-3-right-firstHeader {
  font-size: 12px;
  font-weight: bold;
  line-height: 14px;
  padding: 10px 2px 4px 2px;
}
h1.tsCol-3-left-firstHeader,
h1.tsCol-3-center-firstHeader,
h1.tsCol-3-right-firstHeader {
  padding: 0px 2px 2px 2px;
  /* Wie h2 */
}
h2.tsCol-3-left,
h2.tsCol-3-center,
h2.tsCol-3-right,
h2.tsCol-3-left-firstHeader,
h2.tsCol-3-center-firstHeader,
h2.tsCol-3-right-firstHeader {
  font-size: 10px;
  font-weight: normal;
  line-height: 10px;
  padding: 0px 2px 2px 2px;
  /* Wie h1 */
}
h3.tsCol-3-left,
h3.tsCol-3-center,
h3.tsCol-3-right,
h3.tsCol-3-left-firstHeader,
h3.tsCol-3-center-firstHeader,
h3.tsCol-3-right-firstHeader {
  font-size: 10px;
  font-weight: normal;
  line-height: 10px;
  padding: 6px 0px 2px 2px;
}
h4.tsCol-3-left-firstHeader,
h4.tsCol-3-center-firstHeader,
h4.tsCol-3-right-firstHeader {
  font-size: 8px;
  font-weight: normal;
  line-height: 8px;
  padding: 2px 2px 2px 2px;
}
h4.tsCol-3-left,
h4.tsCol-3-center,
h4.tsCol-3-right,
h5.tsCol-3-left-firstHeader,
h5.tsCol-3-center-firstHeader,
h5.tsCol-3-right-firstHeader {
  font-size: 8px;
  font-weight: normal;
  line-height: 8px;
  padding: 2px 2px 2px 2px;
}
h5.tsCol-3-left,
h5.tsCol-3-center,
h5.tsCol-3-right {
  font-size: 8px;
  font-weight: normal;
  line-height: 8px;
  padding: 2px 2px 2px 2px;
}

h1.tsCol-3-left,
h1..tsCol-3-left-firstHeader,
h2.tsCol-3-left,
h2..tsCol-3-left-firstHeader,
h3.tsCol-3-left,
h3..tsCol-3-left-firstHeader,
h4.tsCol-3-left,
h4..tsCol-3-left-firstHeader,
h5.tsCol-3-left,
h5.tsCol-3-left-firstHeader, {
  text-align: left;
}
h1.tsCol-3-center,
h1.tsCol-3-center-firstHeader,
h2.tsCol-3-center,
h2.tsCol-3-center-firstHeader,
h3.tsCol-3-center,
h3.tsCol-3-center-firstHeader,
h4.tsCol-3-center,
h4.tsCol-3-center-firstHeader,
h5.tsCol-3-center,
h5.tsCol-3-center-firstHeader {
  text-align: center;
}
h1.tsCol-3-right,
h1.tsCol-3-right-firstHeader,
h2.tsCol-3-right,
h2.tsCol-3-right-firstHeader,
h3.tsCol-3-right,
h3.tsCol-3-right-firstHeader,
h4.tsCol-3-right,
h4.tsCol-3-right-firstHeader,
h5.tsCol-3-right,
h5.tsCol-3-right-firstHeader {
  text-align: right;
}

/*
  p
    csc-caption (left, center, right)
   -> content.css:p
*/
p.tsCol-0 {
  font-size: 15px;
  text-align: left;
  /* vers 1.0: text-align: justify; */
}
p.tsCol-2 {
  font-size: 10px;
  font-weight: normal;
  line-height: 11px;
  margin: 0px 0px 0px 2px;
  padding: 0px 0px 0px 2px;
  text-align: left;
}
p.tsCol-3 {
  font-size: 10px;
  font-weight: normal;
  line-height: 11px;
  margin: 0px 0px 0px 2px;
  padding: 0px 0px 0px 2px;
  text-align: left;
}
p.csc-caption {
  background-color: #747474;
  color: white;
  font-size: 11px;
  line-height: 14px;
  font-weight: bold;
  padding: 0px 2px 0px 2px;
  text-align: left;
}
p.csc-caption-center {
  text-align: center;
}
p.csc-caption-left {
  text-align: left;
}
p.csc-caption-right {
  text-align: right;
}

/*
  table
    imgtext-table (left, center, right)
*/
table.tsCol-0-layout-0,
table.tsCol-0-layout-1,
table.tsCol-0-layout-2,
table.tsCol-0-layout-3 {
  margin: 0px;
  padding: 0px;
}
table.tsCol-2-layout-0,
table.tsCol-2-layout-1,
table.tsCol-2-layout-2,
table.tsCol-2-layout-3 {
  margin: 0px;
  padding: 0px 0px 0px 2px;
  width: 100%;
}
table.tsCol-3-layout-0,
table.tsCol-3-layout-1,
table.tsCol-3-layout-2,
table.tsCol-3-layout-3 {
  margin: 0px;
  padding: 0px 0px 0px 2px;
  width: 100%;
}

table.imgtext-nowrap {
  margin: 0px 0px 20px 0px;
  padding: 0px;
  vertical-align: top;
}
td.content table.imgtext-table {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}
td.content table.imgtext-table img, td.content .csc-textpic-imagewrap img {
  margin: 10px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}



td.content table.imgtext-table-center {
}

td.content table.imgtext-table-left {
  padding-right: 10px;
}
td.content table.imgtext-table-right {
  padding-left: 10px;
}

/*
  td
*/

td.tsCol-0-layout,
td.tsCol-0-layout-col-last,
td.tsCol-0-layout-0,
td.tsCol-0-layout-0-col-last,
td.tsCol-0-layout-1,
td.tsCol-0-layout-1-col-last,
td.tsCol-0-layout-2,
td.tsCol-0-layout-2-col-last,
td.tsCol-0-layout-3,
td.tsCol-0-layout-3-col-last,
td.tsCol-0-layout-0-col-1,
td.tsCol-0-layout-0-col-2,
td.tsCol-0-layout-0-col-3 {
  font-size: 14px;
  font-weight: normal;
  line-height: 18px;
  margin: 0px 0px 0px 0px;
  padding: 4px 10px 0px 0px;
  text-align: left;
  vertical-align: top;
}
td.tsCol-0-layout-0-col-0 {
  font-weight: bold;
}
td.tsCol-0-layout-col-last,
td.tsCol-0-layout-0-col-last,
td.tsCol-0-layout-1-col-last,
td.tsCol-0-layout-2-col-last,
td.tsCol-0-layout-3-col-last {
  padding-right: 0px;
  text-align: left;
}

/* Spalte 2 - Projektkasten rechts - ------------------------------------------------------- */

td.tsCol-2-layout,
td.tsCol-2-layout-col-last,
td.tsCol-2-layout-0,
td.tsCol-2-layout-0-col-last,
td.tsCol-2-layout-1,
td.tsCol-2-layout-1-col-last,
td.tsCol-2-layout-2,
td.tsCol-2-layout-2-col-last,
td.tsCol-2-layout-3,
td.tsCol-2-layout-3-col-last {
  font-size: 10px;
  font-weight: normal;
  line-height: 12px;
  margin: 0px 0px 0px 0px;
  padding: 0px 2px 0px 0px;
  text-align: left;
  vertical-align: top;
}
td.tsCol-2-layout-col-last,
td.tsCol-2-layout-0-col-last,
td.tsCol-2-layout-1-col-last,
td.tsCol-2-layout-2-col-last,
td.tsCol-2-layout-3-col-last {
  font-weight: normal;
  padding: 0px 0px 0px 0px;
  text-align: right;
  /* vers 1.0: text-align: left; */
}

/* Spalte 3 - Projektkasten links - ------------------------------------------------------- */

td.tsCol-3-layout,
td.tsCol-3-layout-col-last,
td.tsCol-3-layout-0,
td.tsCol-3-layout-0-col-last,
td.tsCol-3-layout-1,
td.tsCol-3-layout-1-col-last,
td.tsCol-3-layout-2,
td.tsCol-3-layout-2-col-last,
td.tsCol-3-layout-3,
td.tsCol-3-layout-3-col-last {
  font-size: 10px;
  font-weight: normal;
  line-height: 12px;
  margin: 0px 0px 0px 0px;
  padding: 0px 2px 0px 0px;
  text-align: left;
  vertical-align: top;
}
td.tsCol-3-layout-col-last,
td.tsCol-3-layout-0-col-last,
td.tsCol-3-layout-1-col-last,
td.tsCol-3-layout-2-col-last,
td.tsCol-3-layout-3-col-last {
  font-weight: normal;
  padding: 0px 0px 0px 0px;
  text-align: right;
  /* vers 1.0: text-align: left; */
}

/*
  csc-form-labelcell
*/
td.csc-form-labelcell {
  padding: 2px 20px 4px 0px;
  vertical-align: middle;
}

/*
    ul
*/

ul.tsCol-0-layout-0,
ul.tsCol-0-layout-1,
ul.tsCol-0-layout-2,
ul.tsCol-0-layout-3 {
  font-size: 14px;
  font-weight: normal;
  line-height: 20px;
  margin: 4px 0px 4px 20px;
  padding: 0px 0px 0px 0px;
}
ul.tsCol-0-layout-1 {
  list-style-type: circle;
  margin: 0px 0px 4px 28px;
  padding: 0px 0px 0px 28px;
}
ul.tsCol-0-layout-2 {
  list-style-type: decimal;
}
ul.tsCol-0-layout-3 {
  list-style-type: decimal;
  margin: 0px 0px 4px 28px;
  padding: 0px 0px 0px 28px;
}

/* Spalte 2 - Projektkasten links - -------------------------------------------------------*/
ul.tsCol-2-layout-0,
ul.tsCol-2-layout-1,
ul.tsCol-2-layout-2,
ul.tsCol-2-layout-3 {
  font-size: 10px;
  font-weight: normal;
  line-height: 11px;
  list-style-image: url(images/listenzeichen-linie-0.gif); /* vers 1.1 */
  margin: 0px 0px 0px 10px;
  padding: 0px 0px 0px 10px;
}
ul.tsCol-2-layout-1 {
  list-style-type: circle;
  margin-left:  12px;
  padding-left: 16px;
  padding-top:  0px;
}
ul.tsCol-2-layout-2 {
  list-style-type: decimal;
}
ul.tsCol-2-layout-3 {
  list-style-type: decimal;
  margin-left:  16px;
  padding-left: 20px;
}
/* Spalte 3 - Projektkasten rechts - -------------------------------------------------------*/
ul.tsCol-3-layout-0,
ul.tsCol-3-layout-1,
ul.tsCol-3-layout-2,
ul.tsCol-3-layout-3 {
  font-size: 10px;
  font-weight: normal;
  line-height: 11px;
  list-style-image: url(images/listenzeichen-linie-0.gif); /* vers 1.1 */
  margin: 0px 0px 0px 10px;
  padding: 0px 0px 0px 10px;
}
ul.tsCol-3-layout-1 {
  list-style-type: circle;
  margin: 0px 0px 0px 16px;
  padding: 0px 0px 0px 16px;
}
ul.tsCol-3-layout-2 {
  list-style-type: decimal;
}
ul.tsCol-3-layout-3 {
  list-style-type: decimal;
  margin: 0px 0px 0px 20px;
  padding: 0px 0px 0px 20px;
}

/* Spalte 0 - content -  bulletlist */
td.content ul,
td.content ul.csc-bulletlist-0 {
  margin: 0px 0px 0px 8px;
  padding: 2px 0px 2px 8px;
}
td.content ul li,
td.content ul.csc-bulletlist-0 li {
  font-size: 15px;
  list-style-image: url(images/listenzeichen-linie-0.gif); /* vers 1.1 */
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}

/* Spalte 2, 3 - Projektkasten links, rechts */
td.projektkasten_left ul,
td.projektkasten_right ul {
  padding: 0px 0px 8px 10px;
}
td.projektkasten_right table.contenttable td.td-last p {
  text-align: right;
}