/* Liste bitte fortfuehren!

  Zuletzt bearbeitet
  | version | am     | eMail
  |--------------------------------------------------
  |    1.10 | 080414 | dirk.wildt@think-visually.com
  |                  |   Top-Image erhaelt anderes Format: bisher 100/46,0, neu 100/62,5
  |    1.06 | 061032 | dirk.wildt@think-visually.com
  |           Ueberarbeitet wegen Erweiterung auto-presse.tv -> div.tv
  |    1.03 | 060319 | dirk.wildt@think-visually.com

*/

/*
  h1, h2, h3
    teaser
    report
  p
    teaser
    report
  table
    teaserImgLeft
    teaserFrameset
    teaserTopBottom
    teaser
*/

/* h1, h2, h3 */

h1.report,
h1.teaser_00,
h1.teaser_01,
h1.teaser_02,
h1.teaser_03,
h1.teaser_04,
h2.teaser,
h3.teaser {
  color: #4B4B4B;
  font-family: Arial, Helvetica, sans-serif;
  margin: 0px;
}

h1.report {
  font-size: 18px;
  line-height: 22px;
  padding: 5px 6px 6px 0px;
}

h1.teaser_01 {
  font-size:1.6em;
  line-height:1em;
  padding: 4px 2px 4px 0px;
}
h1.teaser_00,
h1.teaser_02,
h1.teaser_03,
h1.teaser_04 {
  font-size: 12px;
  line-height: 14px;
  padding: 4px 2px 2px 0px;
}
h1.teaser_00 {
  padding: 4px 2px 2px 0px;
}

h2.teaser {
  color: #fff;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  margin: 0px 0px 1px 4px;
}
h3.teaser {
  font-size: 12px;
}

p.report,
p.reportBU,
p.galerie,
p.teaser_00,
p.teaser_01,
p.teaser_02,
p.teaser_03,
p.teaser_04 {
  color: #4B4B4B;
  margin: 0px;
}

p.report,
p.reportImgLine,
p.reportGalLine,
p.galerie {
  font-family: Verdana, Helvetica, sans-serif;
  font-size: 12px;
  line-height: 14px;
  padding: 5px 0px 10px 0px;
  
}
p.reportImgLine {

  line-height: 12px;
  color: #4B4B4B;
  font-size: 10px;
  margin: 0px;
  padding: 2px 0px 5px 0px;
  text-align: left;
  
}

p.report {
padding: 5px 10px 10px 0px;
}

p.reportGalLine {
  font-weight: bold;
  margin: 0px;
  padding: 0px 0px 0px 0px;
  text-align: left;
  vertical-align: bottom;
}

p.teaser_00,
p.teaser_01,
p.teaser_02,
p.teaser_03,
p.teaser_04 {
  font-family: Tahoma, Arial, Helvetica, sans-serif;
  font-size: 11px;
  line-height: 13px;
  padding: 0px 4px 2px 0px;
}
p.teaser_01 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  line-height: 14px;
  padding: 0px 4px 4px 0px;
}

/*
  table teaserImgLeft
*/
table.teaserImgLeft {
  padding:0px 6px 0px 0px;
}
table.teaserIconVideo {
  padding:0px 4px 0px 0px;
}
table.teaserIconVideo_01 {
  padding:0px 4px 0px 0px;
}

/*
  table teaserFrameset

  |----------------------------------------------------------------|
  | td.teaserNewsLandscape (colspan 3)            | td.teaserNews- |
  |-----------------------------------------------| Skyscrapper    |
  | td.teaserNews | td.teaserNews | td.teaserNews | (rowspan 2)    |
  |----------------------------------------------------------------|

  table
  td
*/

table.teaserFrameset {
  width: 620px;   /* Bei Aenderungen $g_arr_html[Teaser] in html.php nachpflegen */
}
td.teaserNewsSkyscrapper {
  vertical-align: top;
  width: 155px;  /* table.teaserFrameset.width / 4 */
}
td.teaserNewsLandscape {
  vertical-align: top;
/*   width: 465px;  /* table.teaserFrameset.width / 4 * 3 */ */
/* 1.10 */
  width: 620px;  /* table.teaserFrameset.width / 4 * 4 */
}
td.teaserNews {
  vertical-align: top;
  width: 155px;  /* table.teaserFrameset.width / 4 */
}

/*
  teaserTopBottom

  Wegen Schattenrand hat die Zeile Top und Bottom jeweils anderes Spaltenbreiten links
  als der mittlere Teil der Teaser-Tabelle

  |------------------------------------------------------------------------------------|
  | td.teaserTopLeft    | td.teaserTopCenter                    | td.teaserTopRight    |
  |------------------------------------------------------------------------------------|

  hier kommt: table teaser

  |------------------------------------------------------------------------------------|
  | td.teaserBottomLeft | td.teaserBottomCenter                 | td.teaserBottomRight |
  |------------------------------------------------------------------------------------|

  table
  td
    height
    width
    background
    others

*/

table.teaserTopBottom {
  font-family: arial, sans-serif;
  height: 100%;
/*   1.10 */
  width:100%;
}

td.teaserTopLeft,
td.teaserTopCenter,
td.teaserTopRight {
  height: 3px;
}
td.teaserBottomLeft,
td.teaserBottomCenter,
td.teaserBottomRight {
  height: 5px;
}

/* width */
td.teaserTopLeft,
td.teaserBottomLeft {
  width: 5px;
}
td.teaserTopCenter,
td.teaserBottomCenter {
}
td.teaserTopRight,
td.teaserBottomRight {
  width: 5px;
}



/*
  table teaser

  |------------------------------------------------------------------------------------|
  | td.teaserTitleLeft  | td.teaserTitle                        | td.teaserTitleRight  |
  |------------------------------------------------------------------------------------|
  | td.teaserMiddleLeft | td.teaserMiddleCenter (table ...)     | td.teaserMiddleRight |
  |------------------------------------------------------------------------------------|

  table
  td
    height
    width
    background
    others
*/

table.teaser,
table.teaserVideo {
  font-family: arial, sans-serif;
  height: 100%;
}
table.teaser a.group {
  font-weight: bold;
  text-decoration: none;
}
table.teaser a.group:link,
table.teaser a.group:visited {
  color: #fff;
}
table.teaser a.group:active,
table.teaser a.group:hover {
  color: #FFFF00; /* gelb */
  color: red; /* helles grau */
}
table.teaser a.text {
  font-weight: normal;
  text-decoration: none;
}
table.teaser a.text:link,
table.teaser a.text:visited {
  color: #4B4B4B;
}
table.teaser a.text:active,
table.teaser a.text:hover {
  color: #4B4B4B;
}

table.teaserVideo a.group {
  font-weight: bold;
  text-decoration: none;
}
table.teaserVideo a.group:link,
table.teaserVideo a.group:visited {
  color: white;
}
table.teaserVideo a.group:active,
table.teaserVideo a.group:hover {
  color: #FFFF00; /* gelb */
  color: #E0E3EA; /* helles grau */
}

table.teaserVideo p {
  color: #4B4B4B;
  font-family: Tahoma, Arial, Helvetica, sans-serif;
  font-size: 11px;
  line-height: 13px;
  margin: 0px;
  padding: 0px 4px 2px 4px;
}
table.teaserVideo a.text {
  font-weight: normal;
  text-decoration: none;
}
table.teaserVideo a.text:link,
table.teaserVideo a.text:visited {
  color: #4B4B4B;
}
table.teaserVideo a.text:active,
table.teaserVideo a.text:hover {
  color: #4B4B4B;
}
td.teaserTitleLeft,
td.teaserTitleCenter,
td.teaserTitleRight {
  height: 14px;
}
td.teaserMiddleLeft,
td.teaserMiddleCenter,
td.teaserMiddleRight {

}

/* width */
td.teaserTitleLeft,
td.teaserMiddleLeft {
  width: 3px;
}
td.teaserTitleCenter,
td.teaserMiddleCenter {
}
td.teaserTitleRight,
td.teaserMiddleRight {
  width: 5px;
}
/* background */

table.teaser td.teaserTitleCenter {
  background-color: red;
}
div.tv table.teaser td.teaserTitleCenter {
  background-color: #0052CC;
}
table.teaserVideo td.teaserTitleCenter {
  background-color: #0052CC;
}

td.teaserTitleCenter {
  color: white;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  font-weight: bold;
  padding: 0px 2px 1px 4px;
}
td.teaserMiddleCenter {
  border: 0px;
  font-family: arial, sans-serif;
  font-size: 12px;
  font-weight: normal;
  margin: 0px;
  padding: 0px;
  vertical-align: top;
}