/* START homepage grid definition */
div#grid {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
div#grid div#slotA {
  position: absolute;
  left: 0;
  top: 0;
}
div#grid div#slotB {
  position: absolute;
  left: 10px;
  top: 284px;
  width: 150px;
  overflow:hidden;
}
div#grid div#slotC {
  position: absolute;
  left: 166px;
  top: 0;
}
div#grid div#slotD {
  position: absolute;
  left: 166px;
  top: 276px;
}

div#grid div#slotD div#teaserSlotA {
  position: absolute;
  left: 10px;
  top: 8px;
  z-index: 6;
}
div#grid div#slotD div#teaserSlotB {
  position: absolute;
  left: 10px;
  top: 100px;
  z-index: 5;
}
div#grid div#slotD div#teaserSlotC {
  position: absolute;
  left: 259px;
  top: 8px;
  z-index: 4;
}
div#grid div#slotD div#teaserSlotD {
  position: absolute;
  left: 259px;
  top: 100px;
  z-index: 3;
}
div#grid div#slotD div#teaserSlotE {
  position: absolute;
  left: 508px;
  top: 8px;
  z-index: 2;
}
div#grid div#slotD div#teaserSlotF {
  position: absolute;
  left: 508px;
  top: 100px;
  z-index: 1;
}

div#grid div.HpTeaserObj {
  display: none;
}
div#grid div.displayHpTeaserObj {
  display: block;
}

div#grid div#mask.displayTrue {
  position: absolute;
  left:   0;
  top:    0;
  width:  100%;
  height: 100%;
  background-color: #000000;
  display: block;
}
div#grid div#mask.displayFalse {
  display: none;
}
    
div#grid.displayFalse {
}

div#grid.displayTrue {
}

div#ref {
  position: absolute;
  overflow: hidden;
  display: none;
  visibility: hidden;
  text-align: left;
}
    

/* END homepage grid definition */

/* START common link definitions (e.g. MINI Type Links or Arial Type Links) */

  /* MINI Type Link (GIF) */

a.standardMINITypeLink,
a.standardMINITypeLinkColor000000 {
  display: block;
  background-image: url(../../_common/_img/arrow_11x9_ffffff_000000.gif);
  background-repeat: no-repeat;
  background-position: 0 1px;
  padding: 0 0 0 10px;
}
a.standardMINITypeLinkColor000000 {
  background-image: url(../../_common/_img/arrow_11x9_000000_ffffff.gif);
}

  /* Arial Type Link (system font) */

a.standardArialTypeListLink,
a.standardArialTypeListLink:link,
a.standardArialTypeListLink:visited,
a.standardArialTypeListLinkActive,
a.standardArialTypeListLinkActive:link,
a.standardArialTypeListLinkActive:visited {
  display: block;
  background-image: url(../../_common/_img/arrow_3x5_a9a9a9_ffffff.gif);
  background-repeat: no-repeat;
  background-position: 0 4px;
  padding: 0 0 0 11px;
  font-family: arial,helvetica,sans-serif;
  font-size: 11px;
  line-height: 13px;
  color: #a9a9a9;
  margin-bottom: 3px;
}
a.standardArialTypeListLink:focus,
a.standardArialTypeListLink:hover,
a.standardArialTypeListLink:active {
  background-image: url(../../_common/_img/arrow_3x5_a9a9a9_ffffff-a.gif);
  color: #ffffff;
}

/* END common link definitions (e.g. MINI Type Links or Arial Type Links) */

/* START standanrd large teaser definition */
div.defaultLargeTeaser {
  position: absolute;
  left: 0;
  top: 0;
  width: 757px;
  height: 276px;
}
div.defaultLargeTeaser img {
  border: none;
  display: block;
}
div.defaultLargeTeaser a.fullLinkArea {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: 100%;
  height: 100%;
}
div.defaultLargeTeaser img.teaserVisual {
  position: absolute;
  left: 10px;
  top: 10px;
}
div.defaultLargeTeaser img.cabrioTeaserVisual {
  position: absolute;
  left: 10px;
  top: 0;
}
div.defaultLargeTeaser img.defaultLargeTeaserFrame {
  position: absolute;
  left: 0;
  top: 0;
  border: 10px solid transparent;
}
div.defaultLargeTeaser img.cabrioLargeTeaserFrame {
  position: absolute;
  left: 0;
  top: 0;
  border-right: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 10px solid transparent;
}
div.defaultLargeTeaser div.largeTeaserContent {
  position: absolute;
  left: 435px;
  top: 21px;
}
div.defaultLargeTeaser div.largeTeaserContent p {
  font-family: arial,helvetica,sans-serif;
  color: #cccccc;
  font-size: 11px;
  line-height: 13px;
  padding: 0;
  margin: 0 0 0 1px;
  display: block;
}
div.defaultLargeTeaser div.largeTeaserContent a.standardMINITypeLink {
  margin-bottom: 7px;
}
div.defaultLargeTeaser div.largeTeaserContent a.standardArialTypeListLink {
  margin-left: 1px;
}

div.defaultLargeTeaser div.largeTeaserContent img.mini_headline_30,
div.defaultLargeTeaser div.largeTeaserContent img.mini_headline_30a,
div.defaultLargeTeaser div.largeTeaserContent img.arial_headline_30,
div.defaultLargeTeaser div.largeTeaserContent img.arial_headline_30a {
  margin-top: 2px;
}
div.defaultLargeTeaser div.largeTeaserContent img.mini_headline_20,
div.defaultLargeTeaser div.largeTeaserContent img.arial_headline_20 {
  margin-top:4px ;
}
div.defaultLargeTeaser div.largeTeaserContent img.mini_headline_20a,
div.defaultLargeTeaser div.largeTeaserContent img.arial_headline_20a { /* h2 -> h2 */
  margin-top:2px ;
}
div.defaultLargeTeaser div.largeTeaserContent img.mini_headline_15,
div.defaultLargeTeaser div.largeTeaserContent img.arial_headline_15 {
  margin-top: 5px;
}
div.defaultLargeTeaser div.largeTeaserContent img.mini_headline_15a,
div.defaultLargeTeaser div.largeTeaserContent img.arial_headline_15a { /* h3 -> h3 */
  margin-top: 3px;
}
/* END standanrd large teaser definition */


/* START default text and img/text teaser definition (small teaser) */

div.standardImgTxtTeaserObj,
div.standardTxtTeaserObj {
  width: 234px;
  height: 74px;
  overflow: hidden;
  background-position: 0 2px;
  background-repeat: no-repeat;
}

div.standardImgTxtTeaserObj div.arrowObj,
div.standardTxtTeaserObj div.arrowObj {
  background-image: url(../../_common/_img/arrow_5x8_ffffff_000000.gif);
  background-position: 93px 2px;
  background-repeat: no-repeat;
}
div.standardTxtTeaserObj div.arrowObj {
  background-position: 0 2px;
}

div.standardImgTxtTeaserObj a.linkObj,
div.standardTxtTeaserObj a.linkObj {
  display: block;
  width: 234px;
  height: 74px;
  overflow: hidden;
}

div.standardImgTxtTeaserObj img.headlineObj,
div.standardTxtTeaserObj img.headlineObj {
  display: block;
  margin: 0 0 0 104px;
  border: none;
}
div.standardTxtTeaserObj img.headlineObj {
  margin: 0 0 0 11px;
}

div.standardImgTxtTeaserObj span.txtObj,
div.standardTxtTeaserObj span.txtObj {
  display: block;
  margin:  8px 0 0 93px;
}
div.standardTxtTeaserObj span.txtObj {
  margin:  8px 0 0 0;
}

/* END default text and img/text teaser definition (small teaser) */


/* START multilink img/text teaser - "1col 2rows" definition (small teaser) */
div.teaserImgTxt1col2rowsObj {
  width: 239px;
  height: 166px;
  overflow: hidden;
}

div.teaserImgTxt1col2rowsObj img {
  border: none;
}

div.teaserImgTxt1col2rowsObj a.imgObj {
  display: block;
  padding: 2px 0 17px 0;
}

div.teaserImgTxt1col2rowsObj a.standardMINITypeLink {
  width: 239px;
  margin-bottom: 8px;
}

  /* START "1col 2rows" variant1 - One link only! */
  div.teaserImgTxt1col2rowsObjOneLink a {
    display: block;
    background-image: url(../../_common/_img/arrow_5x8_ffffff_000000.gif);
    background-position: 0 93px;
    background-repeat: no-repeat;
    width: 239px;
    height: 166px;
    overflow: hidden;
  }
  div.teaserImgTxt1col2rowsObjOneLink img {
    border: none;
    display: block;
  }
  div.teaserImgTxt1col2rowsObjOneLink img.imgObj {
    margin: 2px 0 17px 0;
  }
  div.teaserImgTxt1col2rowsObjOneLink img.headlineObj {
    margin: 0 0 8px 11px;
  }
  div.teaserImgTxt1col2rowsObjOneLink span {
    display: block;
  }

/* END multilink img/text teaser - "1col 2rows" definition (small teaser) */