/* Liste bitte fortfuehren!

  Zuletzt bearbeitet
  | version | am     | eMail
  |--------------------------------------------------
  |    1.06 | 061023 | dirk.wildt@think-visually.com
  |           Ueberarbeitet wegen Erweiterung auto-presse.tv -> div.tv
*/

/*
  table
    main
    mainTMB (top, bottom)
    mainTMBMiddle
    header
    menuHeader
    mainMiddle
    menuLeft
    menuBottom
    mainContent, mainContentWithGoogle
*/


/*
  table main

                             left                             right
             |---------------------------------------------------------------|
  top        | td.mainTopLeft (table mainTMB top)       | td.mainTopRight    |
             |---------------------------------------------------------------|
  blue       | td.mainLineBlue (colspan 2)                                   |
             |---------------------------------------------------------------|
  header     | td.mainHeader (table header, colspan 2)                       |
             |---------------------------------------------------------------|
  headerMenu | td.mainHeaderMenu (table headerMenu, colspan 2)               |
             |---------------------------------------------------------------|
  white      | td.mainLineWhite (colspan 2)                                  |
             |---------------------------------------------------------------|
  middle     | td.mainMiddleLeft (table mainTMB middle) | td.mainMiddleRight |
             |---------------------------------------------------------------|
  blue       | td.mainLineBlue (colspan 2)                                   |
             |---------------------------------------------------------------|
  bottom     | td.mainBottomLeft (table mainTMB bottom) | td.mainBottomRight |
             |---------------------------------------------------------------|

  table
  td
    height
    width
    background
  td.mainHeader
*/

table.main {
  height: 100%;
  width: 100%;
}
td.mainTopLeft,
td.mainTopRight {
  height: 15px;
}
td.mainMiddleLeft,
td.mainMiddleRight {
}
td.mainBottomLeft,
td.mainBottomRight {
  height: 15px;
}

td.mainTopRight,
td.mainMiddleRight,
td.mainBottomRight {
  width: 100%;
}
td.mainTopRight {
  
  background-position: bottom;
  background-repeat: repeat-x;
}
td.mainMiddleRight {
  padding: 4px 0px 0px 4px;
  vertical-align: top;
}
td.mainBottomRight {
  
  background-position: top;
  background-repeat: repeat-x;
}
td.mainHeader {
  background-color: white;
  height: 66px;
  padding: 0px 0px 0px 20px;
}
td.mainHeaderMenu {
  background-color: #E0E3EA;
  height: 18px;
  padding: 0px 0px 0px 20px;
}
td.mainLineBlue {
  background-color: grey;
  height: 1px;
}
td.mainLineWhite {
  background-color: white;
  height: 1px;
}


/*
  TMB: Top, Middle, Bottom

  table mainTMB (top)
  |-----------------------------------------------------------------|
  | td.mainTMBTopLeft    | td.mainTMBTopRight                       |
  |-----------------------------------------------------------------|

  table mainTMBMiddle
  |-----------------------------------------------------------------|
  | td.mainTMBMiddleLeft | td.mainTMBMiddleRight (table mainMiddle) |
  |-----------------------------------------------------------------|

  table mainTMB (bottom)
  |-----------------------------------------------------------------|
  | td.mainTMBBottomLeft | td.mainTMBBottomRight                    |
  |-----------------------------------------------------------------|

  table
    mainTMB
    mainTMBMiddle
  td
    height
    background-color, width
    background
*/

table.mainTMB,
table.mainTMBMiddle {
  width: 788px;
}
table.mainTMBMiddle {
  height: 100%;
}

/*
  Top, Middle, Bottom: height
 */
td.mainTMBTopLeft,
td.mainTMBTopRight {
  height: 15px;
  padding: 5px 0px 10px 0px;
}
td.mainTMBMiddleLeft,
td.mainTMBMiddleRight {
}
td.mainTMBBottomLeft,
td.mainTMBBottomRight {
  height: 15px;
}
td.mainTMBTopRight {
  text-align: center;
}

/*
  Left, Right: background-color, width
 */
td.mainTMBTopLeft,
td.mainTMBMiddleLeft,
td.mainTMBBottomLeft {
  background-color: #0052CC;
  width: 20px;
}
td.mainTMBTopRight,
td.mainTMBMiddleRight,
td.mainTMBBottomRight {
  background-color: white;
  width: 768px;
}

/*
  background
 */
td.mainTMBTopLeft {
  
  background-position: bottom;
  background-repeat: repeat-x;
}
td.mainTMBTopRight {
 
  background-position: bottom;
  background-repeat: repeat-x;
}
td.mainTMBBottomLeft {
  
  background-position: top;
  background-repeat: repeat-x;
}
td.mainTMBBottomRight {
  
  background-position: top;
  background-repeat: repeat-x;
}

/*
  table header

  |---------------------------------------------------------------|
  | td.headerLogo       | td.headerBanner                         |
  |---------------------------------------------------------------|

  table
  td
    height
    width, others
*/

table.header {
  width: 768px;
}

/* height */
td.headerLogo,
td.headerBanner {
  height: 66px;
}

/* width, others */
td.headerLogo {
  vertical-align: middle;
  width: 284px;
}
td.headerBanner {
  padding: 0px 0px 0px 0px;
/* text-align funktioniert nicht in Mozilla */
/* deshalb in der Tabellenzelle div definiert */
  vertical-align: middle;
  width: 538px;
}

/*
  table menuHeader

  |------------------------|
  | td.menuHeader (1 .. 8) |
  |------------------------|

  table
  td
*/

table.menuHeader {
  background-color: #E0E3EA;
  border-left: 1px solid white;
  width: 768px;
}
td.menuHeaderOn,
td.menuHeaderOff,
td.menuHeaderVideoOn,
td.menuHeaderVideoOff,
td.menuDummy,
td.menuDummyBorderRight {
  border-right: 1px solid white;
  color: #0052CC;
  font-family: arial, sans-serif;
  font-size: 11px;
  font-weight: bold;
  height: 18px;
  line-height: 12px;
  text-align: center;
  vertical-align: middle;
}
td.menuHeaderOff,
td.menuHeaderVideoOff {
  border-right: 1px solid white;
  background-color: red;
  color: white;
}
td.menuHeaderUmwelt {
  border-right: 1px solid white;
  background-color: #9FC90D;
  font-family: arial, sans-serif;
  font-size: 11px;
  font-weight: bold;
  height: 18px;
  line-height: 12px;
  text-align: center;
  vertical-align: middle;

  
}


div.tv td.menuHeaderOff,
div.tv td.menuHeaderVideoOff {
  background-color: #0052CC;
}
div.tv td.menuHeaderOff div.de,       /* Mozilla/Firefox */
div.tv td.menuHeaderVideoOff div.de{
  background-color: red;
  padding-top:3px;
  height: 15px;
}
*html div.tv td.menuHeaderOff div.de, /* IE */
*html div.tv td.menuHeaderVideoOff div.de{
  background-color: red;
  b\ackground-color: red;
  border-top:3px solid red;
  b\order-top:3px solid red;
  height: 18px;
  h\eight: 18px;
  padding:0px;
  p\adding:0px;
}


td.menuHeaderOff a,
td.menuHeaderOff a:link,
td.menuHeaderOff a:visited,
td.menuHeaderVideoOff a,
td.menuHeaderVideoOff a:link,
td.menuHeaderVideoOff a:visited {
  color: white;
}
td.menuHeaderUmwelt a:hover {
  color: red;
}
td.menuHeaderVideoOff {
  background-color: #0052CC;
}
td.menuDummy {
  border-right: 0px solid white;
}

/*
  table mainMiddle

  |------------------------------------------------------------------|
  | td.mainMiddleMenuLeft | td.mainMiddleContent (table mainContent) |
  |------------------------------------------------------------------|
  | td.mainMiddleMenuBottom (table menuBottom, colspan 2)            |
  |------------------------------------------------------------------|
  | td.mainMiddleLinksBottom (colspan 2)                             |
  |------------------------------------------------------------------|

  table
  td
*/

table.mainMiddle {
  border-left: 1px solid white;
  border-right: 1px solid white;
  height: 100%;
  width: 766px;
}
td.mainMiddleMenuLeft,
td.mainMiddleContent {
}
td.mainMiddleMenuBottom {
  background-color: #E0E3EA;
  border-top: 1px solid white;
  border-bottom: 1px solid white;
  height: 18px;
}
td.mainMiddleLinksBottom {
  background-color: #E0E3EA;
  color: #0052CC;
  font-family: tahoma, arial, sans-serif;
  font-size: 10px;
  height: 30px;
  line-height: 12px;
  text-align: center;
  vertical-align: middle;
}

td.mainMiddleMenuLeft {
  background-color: #E0E3EA;
  border-right: 1px solid white;
  vertical-align: top;
  width: 125px;
}
td.mainMiddleContent {
  border: 1px solid grey;
  padding: 0px 0px 0px 0px;
  vertical-align: top;
  width: 639px;
}

/*
  table menuLeft

  |------------------------|
  | td.menuLeftTitleSmall  |
  |------------------------|
  | td.menuLeftBannerTitle |
  |------------------------|
  | td.menuLeftBannerImg   |
  |------------------------|
  | td.menuLeftBannerLink  |
  |------------------------|
  | ...                    |
  |------------------------|
  | td.menuLeftTitle       |
  |------------------------|
  | td.menuLeftItemOn        |
  |------------------------|
  | ...                    |
  |------------------------|
  | td.menuLeftItemOnLast    |

  table
  td
*/

table.menuLeft {
  width: 100%;
}
td.menuLeftBannerImg,
td.menuLeftNewsImg {
  border-bottom: 1px solid white;
  height: 1px;
}
td.menuLeftBannerTitle,
td.menuLeftBannerLink,
td.menuLeftItemOff,
td.menuLeftItemOffLast,
td.menuLeftItemOn,
td.menuLeftItemOnLast,
td.menuLeftNewsTitle,
td.menuLeftNewsTitleVideo,
td.menuLeftNewsLink,
td.menuLeftTitle,
td.menuLeftTitleSmall {
  border-bottom: 1px solid white;
  padding: 0px 0px 0px 4px;
}
td.menuLeftBannerTitle,
td.menuLeftBannerLink,
td.menuLeftNewsTitle,
td.menuLeftNewsTitleVideo,
td.menuLeftNewsLink {
  font-family: tahoma, arial, sans-serif;
  font-size: 10px;
  font-weight: bold;
  height: 16px;
}
td.menuLeftBannerTitle {
  background-color: #0052CC;
  color: white;
}
td.menuLeftBannerLink {
  padding: 0px 4px 0px 0px;
  text-align: right;
}
td.menuLeftNewsTitle {
  background-color: #FF0000;
  color: white;
}
div.tvXXXXX td.menuLeftNewsTitle {
  background-color: #0052CC;
}
.menuLeftNewsTitle a {
  text-decoration: none;
}
.menuLeftNewsTitle a:link,
.menuLeftNewsTitle a:visited {
  color: white;
}

.menuLeftNewsTitle a:active,
.menuLeftNewsTitle a:hover {
  color: #FFFF00; /* gelb */
  color: #E0E3EA; /* helles grau */
}

td.menuLeftNewsTitleVideo {
  background-color: #0052CC;
  color: white;
}
.menuLeftNewsTitleVideo a {
  text-decoration: none;
}
.menuLeftNewsTitleVideo a:link,
.menuLeftNewsTitleVideo a:visited {
  color: white;
}
.menuLeftNewsTitleVideo a:active,
.menuLeftNewsTitleVideo a:hover {
  color: #FFFF00; /* gelb */
  color: #E0E3EA; /* helles grau */
}

td.menuLeftNewsLink {
}

td.menuLeftItemOn,
td.menuLeftItemOnLast,
td.menuLeftItemOff,
td.menuLeftItemOffLast {
  color: #0052CC;
  font-family: arial, sans-serif;
  font-size: 11px;
  font-weight: bold;
  height: 22px;
}
td.menuLeftItemOnLast {
  border-bottom: 0px;
  padding: 0px 4px 20px 0px;
}

td.menuLeftItemOff,
td.menuLeftItemOffLast {
  background-color: red;
  color: white;
}
div.tv td.menuLeftItemOff,
div.tv td.menuLeftItemOffLast {
  background-color: #0052CC;
  color: white;
}

div.tv td.menuLeftItemOff div.de,
div.tv td.menuLeftItemOffLast div.de{
  background-color: red;
}
td.menuLeftItemOff a,
td.menuLeftItemOff a:link,
td.menuLeftItemOff a:visited,
td.menuLeftItemOffLast a,
td.menuLeftItemOffLast a:link,
td.menuLeftItemOffLast a:visited {
  color: white;
}

td.menuLeftTitle,
td.menuLeftTitleSmall {
  color: #86888C;
  font-weight: bold;
}
td.menuLeftTitle {
  font-family: arial, sans-serif;
  font-size: 12px;
  height: 40px;
  padding: 20px 0px 0px 4px;
}
td.menuLeftTitleSmall {
  font-family: tahoma, arial, sans-serif;
  font-size: 10px;
  height: 16px;
}

/*
  table menuBottom

  |-------------------------------------------------------------------------------------------|
  | td.menuDummy | td.menuDummyBorderRight | td.menuHeaderOn .. | td.menuDummy | td.menuDummy |
  |-------------------------------------------------------------------------------------------|

  table
*/

table.menuBottom {
  background-color: #E0E3EA;
  width: 766px;
}

/*
  table mainContent (638px), mainContentWithGoogle

  | 638px                                                                                              |
  | 11px                     | 621px                                       | 6px                       |

  |----------------------------------------------------------------------------------------------------|
  | td.mainContentTopLeft    | td.mainContentTopCenter                     | td.mainContentTopRight    |
  |----------------------------------------------------------------------------------------------------|
  | td.mainContentMiddleLeft | td.mainContentTeaser (table teaserFrameset) | td.mainContentMiddleRight |
  |----------------------------------------------------------------------------------------------------|
  | td.mainContentMiddleLeft | td.mainContentHeadlines                     | td.mainContentMiddleRight |
  |----------------------------------------------------------------------------------------------------|
  | td.mainContentMiddleLeft | td.mainContentTopNews                       | td.mainContentMiddleRight |
  |----------------------------------------------------------------------------------------------------|
  | td.mainContentBottomLeft | td.mainContentBottomCenter                  | td.mainContentBottomRight |
  |----------------------------------------------------------------------------------------------------|

  table
  td
    height
    width
    background
  google
    table
    td
  navigation
    td
*/

table.mainContent {
  height: 100%;
  width: 638px;
}
td.mainContentTopLeft,
td.mainContentTopCenter,
td.mainContentTopRight {
  height: 7px;
}
td.mainContentMiddleLeft,
td.mainContentMiddleRight {
}
td.mainContentTeaser {
  height: 100px;
}
td.mainContentHeadlines {
  height: 10px;
  width: 621px; /* news.css -> table.news */
}
td.mainContentTopNews {
  vertical-align: top;
}
td.mainContentBottomLeft,
td.mainContentBottomCenter,
td.mainContentBottomRight {
  height: 7px;
}
/* width */
td.mainContentTopLeft,
td.mainContentMiddleLeft,
td.mainContentBottomLeft {
  width: 11px;
}
td.mainContentTopCenter,
td.mainContentMiddleCenter,
td.mainContentBottomCenter {
}
td.mainContentTopRight,
td.mainContentMiddleRight,
td.mainContentBottomRight {
  width: 6px;
}
/* background */
td.mainContentTopLeft {
 
  background-repeat: no-repeat;
}
td.mainContentTopCenter {
  
  background-repeat: repeat-x;
}
td.mainContentTopRight {
  
  background-repeat: no-repeat;
}
td.mainContentMiddleLeft {
  
  background-repeat: repeat-y;
}
td.mainContentMiddleCenter {
  vertical-align: top;
}
td.mainContentMiddleRight {
  
  background-repeat: repeat-y;
}
td.mainContentBottomLeft {
 
  background-repeat: no-repeat;
}
td.mainContentBottomCenter {
  
  background-repeat: repeat-x;
}
td.mainContentBottomRight {
  
  background-repeat: no-repeat;
}

/* google */
table.mainContentLeft {
  border-right: 1px solid grey;
  height: 100%;
  width: 511px;
}
table.mainContentGoogle {
  background-color: #E0E3EA;
  border: 1px solid white;
  height: 100%;
  width: 127px;
}
td.mainContentGoogle {
  padding: 2px 2px 2px 3px;
  vertical-align: top;
}
table.mainContentWithGoogle {
  height: 100%;
  width: 638px;
}

/* navigation */
td.mainContentNavigation {
  color: grey;
  font-family: arial, helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
  padding: 10px 0px 0px 4px;
  text-align: center;
}