/**
 * styles that apply to pages that were generated 
 * with the TFW_content/Home Template
 * $Id: home.css 1222 2009-12-15 17:29:53Z EQEEE $
 */
 
div#content.homepage div.page-head {
    background: transparent url(/html/media/images/css/page_head_bg.png) top left no-repeat;
    float: left;
    height: 5.5em;
    margin: .375em 0 0 .375em;
    width: 52.375em;
}

div#content.homepage div.page-head h1 {
    font-size: .875em;
    color: #d60877;
    margin: .916em 0 0 2.8em;
}

div#content.homepage div.page-head p {
    font-size: .75em;
    margin: .75em 0 0 1em;
}

/**
 * large banner that spans over or under left-column
 * layout : 4x1
 * without left-margin
 */
div#content.homepage div.illu,
div#content.homepage div.large-banner
{
    margin-top   : 0; /* 1.25em 20px@fontsize:16px */
    margin-bottom: 0; /* 10px@fontsize:16px */
    padding      : 0;
    width        : 63.375em; /* 1014@fontsize:16px */
    height       : 15.5625em; /* 195px@fontsize:16px */
    overflow     : hidden;
    position     : relative;
}

* html div#content.homepage div.illu {
    overflow     : visible;
}

/**
 * banner next to left-column
 * layout : 3x1
 * with left-margin
 */
div#content.homepage div.banner {
    margin-top   : 1.25em; /* 20px@fontsize:16px */
    margin-bottom: .625em; /* 10px@fontsize:16px */
    margin-left  : 11.25em; /* 180px@fontsize:16px */
    padding      : 0;
    width        : 37.8125em; /* 605px@fontsize:16px */
    height       : 12.8125em; /* 195px@fontsize:16px */
    overflow     : hidden;
}

div#content.homepage div.illu object,
div#content.homepage div.illu embed{
    margin :0;
    border :0;
    padding:0;
}

div#content.homepage div.illu div.str {
    position: relative;
    z-index: 2;
    margin: 45px 0 0 55px;
    color: #fff;
}

div#content.homepage div.illu div.str h2 {
    text-transform: uppercase;
    font-size: 1.375em;
    width: 16.875em;
    font-weight: normal;
}

div#content.homepage div.patch.size2 a,
div#content.homepage div.patch.size3 a,
div#content.homepage div.patch.size4 a { 
    background: transparent url(/html/media/images/css/link_bg.png) center left no-repeat;
    bottom: 1.81em;
    color: #fff;
    display: block;
    font-weight: bold;
    font-size: .6875em;
    height: 1.54em;
    left: .09em;
    line-height: 1.45em;
    padding: 0 0 0 3.63em;
    position: absolute;
    text-decoration: none;
    width: 9em;
}

* html div#content.homepage div.patch.size2 a,
* html div#content.homepage div.patch.size3 a,
* html div#content.homepage div.patch.size4 a {
    background: transparent url(/html/media/images/css/link_bg.gif) center left no-repeat;
}

div#content.homepage div.patch.size3 a {
    bottom: 0em;
    font-size: 1.09em;
    left: auto;
    right: .625em;
    width: 8em;
}

* html div#content.homepage div.patch.size3 a {
    z-index: -1;
}

div#content.homepage div.patch.size2 a {
    bottom: .875em;
    left: auto;
    right: .625em;
}

div#content.homepage div.patch.size2 a:hover,
div#content.homepage div.patch.size3 a:hover,
div#content.homepage div.patch.size4 a:hover {
    background: transparent url(/html/media/images/css/link_hover_bg.png) center left no-repeat;
}

* html div#content.homepage div.patch.size2 a:hover,
* html div#content.homepage div.patch.size3 a:hover,
* html div#content.homepage div.patch.size4 a:hover {
    background: transparent url(/html/media/images/css/link_hover_bg.gif) center left no-repeat;
}

div#content.homepage div.illu div.str a {
    color: #fff;
    display: block;
    font-weight: bold;
    height: 2em;
    line-height: 1.75em;
    margin: 0.625em 0 0 0;
    padding: 0 1.75em 0 0;
    text-align: right;
    text-decoration: none;
    background: transparent url(/html/media/images/css/largelink_bg.png) center right no-repeat;
    width: 27.75em !important;
}

* html div#content.homepage div.illu div.str a {
    background: transparent url(/html/media/images/css/largelink_bg.gif) center right no-repeat;
}

div#content.homepage div.illu div.image {
    width: 100%;
    position: absolute;
    top: 0em;
    left: 0em;
}


div#content.homepage div#grid{
  margin-top: 0em;
  margin-left: 0em;
  width: 63.375em;
}

* html div#content.homepage div#grid{
  float: right;
  height: 17em;
  overflow: hidden;
}

div#content.homepage div#grid div.patchimg {
    float: left;
    margin: 0 0 0.7em 0;
    padding: 0;
    height: 16.25em;
}

/** 
    Browser specific
*/
html > body div#content div#grid div.patch,
html > body div#content div.tools div.patch,
html > body div#page div#content div#grid div.patch,
html > body div#content div#grid div.patchimg {
    overflow:visible;
    height: auto; 
}



html > body div#content div#grid div.patch, 
html > body div#content div.tools div.patch, 
html > body div#page div#content div#grid div.patch {
    /** unknown to IE6 so why hide this with child selector? */
    min-height: 16.25em;
}

div.str {
    padding-top:.6em !important;
    /* height:14.9em; */
}

div#content.homepage div#grid div.patch.size4 {
    height: 12.5625em;
    min-height: 12.5625em;
    width: 15.5625em;
    background: transparent url(/html/media/images/css/teaser_bg_4x1.png) top left no-repeat;
    margin: 0.3125em 0 0 0.375em;
    float: left;
    position: relative;
}

* html div#content.homepage div#grid div.patch.size4  {
    background: transparent url(/html/media/images/css/teaser_bg_4x1.gif) top left no-repeat;
}

div#content.homepage div#grid div.patch.size4.left {
    margin: .3125em 0 0 0;
}

* html div#content.homepage div#grid div.patch.size4.left {
    margin: .3125em 0 0 0;
}

div#content.homepage div#grid div.patch.size4 div.str {
    margin: 0 0 0 1.2em;
    width: 20em !important;
    font-size: 0.6875em;
    position: relative;
    z-index: 2;
}

div#content.homepage div#grid div.patch.size4 div.str  div.p-box {
    width: 12.9375em !important;
}

div#content.homepage div#grid div.patch.size3 {
    background: transparent url(/html/media/images/css/teaser_bottom_bg_3x1.png) bottom left no-repeat;
    height: 15em !important;
    min-height: 15em !important;
    margin: .1875em 0 0 .375em;
    float: left;
    position: relative;
    width: 17.1875em !important;
}

div#content.homepage div#grid div.patch.size3.nomedia {
    height: 7.1875em !important;
    min-height: 7.1875em !important;
}

div#content.homepage div#grid div.patch.size3 div.str {
    background: transparent url(/html/media/images/css/teaser_tile_bg_3x1.gif) top left repeat-y;
    font-size: .6875em;
    height: 16.81em;
    left: 0em;
    margin: 0;
    padding: 0 .90em;
    position: absolute;
    top: 3.09em;
}

div#content.homepage div#grid div.patch.size3.nomedia div.str {
    height: 6em;
    width: 23.2em;
}

div#content.homepage div#grid div.patch.size3 div.str  div.image {
    border: 1px solid #d6d6d6;
    float: none;
    margin: .909em 0 0 -.0909em;
}

div#content.homepage div#grid div.patch.size3.nomedia div.str div.image {
    display: none;
}

div#content.homepage div#grid div.patch.size3 div.str  div.p-box {
    margin: .909em 0 0 0;
}

div#content.homepage div#grid div.patch.size2 {
    height: 3.9375em !important;
    min-height: 3.9375em !important;
    margin: .1875em 0 0 .375em;
    float: left;
    position: relative;
    width: 31.5em !important;
}

div#content.homepage div#grid div.patch.size2.left {
    margin: .1875em 0 0 0;
}

div#content.homepage div#grid div.patch.size2 div.str {
    position: absolute;
    top: 0.625em;
    left: 16.625em;
    margin: 0 !important;
    z-index: 2;
}

div#content.homepage div#grid div#left-teaser {
    height: 19.2em !important;
    min-width: 10.625em !important;
    position: absolute;
    top: 16.2em;
    width: 10.625em !important;
    display: block;
}

div#content.homepage div#grid div#left-teaser div.patch.size1 {
    background: transparent url(/html/media/images/css/right_hand_teaser_bottom.png) no-repeat left bottom;
    height: auto !important;
    min-width: 10.625em !important;
    padding: 0 0 1.7em;
    width: 10.625em !important;
}

div#content.homepage div#grid div.patch.size1  div.image {
    margin: 0;
}

div#content.homepage div#grid div.patch.size1 div.p-box {
    color: #D60877;
    font-size: .6875em;
    margin: 0;
    padding: .5em .8em 0;
}

div#content.homepage div#grid div.patch.size1 div.str {
    background: transparent url(/html/media/images/css/right_hand_teaser_tile.png) repeat-y left top;
    margin: 0;
    padding: 0 !important;
}

div#content.homepage div#grid div.patch h1{
    font-size: 1.7em;
    font-weight: normal;
    color: #666666;
    margin: 0 0.7em 0em 0.9em;
}

div#content.homepage div#grid div.patch h2 {
    color: #d60877;
    font-size: 1.1em;
    margin: 1em 0 1.25em 0;
}

div#content.homepage div#grid div.patch h2 a {
    background: transparent;
    bottom: auto;
    color: #d60877;
    font-size: 1em;
    left: 0em;
    line-height: 1em;
    margin: 1em 0 1.25em 0;
    position: relative;
    padding: 0;
    width: 18em;
}

div#content.homepage div#grid div.patch.size3 h2{
    background: url(/html/media/images/css/teaser_head_bg_3x1.png) top left no-repeat;
    display: block;
    font-size: .75em;
    height: 2.83em;
    margin: 0;
    padding: .83em 0 0 .83em
}

div#content.homepage div#grid div.patch.size3 h2 a{
    margin: .2em 0 1.25em;
}

div#content.homepage div#grid div.patch.size2 div.str h2 {
  margin: 0 !important;
  text-transform: uppercase;
}

div#content.homepage div#grid div.patch.size2 div.str h2 a{
  margin: 0;
}

div#content.homepage div#grid div.patch.size1 h2 {
    background: transparent url(/html/media/images/css/right_hand_teaser_headline.png) no-repeat left top;
    color: #D60877;
    display: block;
    font-size: .875em;
    height: auto;
    margin: 0;
    min-height: 1.4em;
    padding: 0 0 0 3em;
}

div#content.homepage div#grid div.colored h2{
    color: #FF5500;
}

/**
 * overline, copy 
 */
div#content.homepage div#grid div.patch h3{
    font-size: 0.5em; /* 8px */
    font-weight: normal;
    color: #666;
    margin: 0 1.25em 0em;
}

div#content.homepage div.illu  .p-box {
	padding: 0;
  margin: 0.875em 0 0 0;
	font-size: 0.75em;
  width: 34.75em;
}

div#content.homepage div#grid div.patch.size4 div.image {
    position: absolute;
    bottom: 0.25em;
    right: 0.0625em;
    margin: 0 !important;
}

* html div#content.homepage div#grid div.patch.size4 div.image  {
    bottom: 0;
    right: 0;
}

div#content.homepage div#grid div.patch.size2 div.image {
    position: absolute;
    top: 0em;
    left: 0em;
    margin: 0 !important;
}

div#content.homepage div#grid div.patch {
    position: relative;
    top: 0;
    left: 0;
}

div#content.homepage div#grid div.patch div.bottom {
    position:absolute;
    z-index:100;
    bottom:0px;
    left:0px;
    padding-bottom:11px;
    padding-left:11px;
}


div#content.homepage div#grid div.patch div.head {
    position:absolute;
    z-index:100;
    top:0px;
    left:0px;
}

body#page_4 div#content.homepage div#grid div.patch.size2 {
    margin: 1.25em 0 0 .375em;
}

body#page_4 div#content.homepage div#grid div.patch.size2.left{
    margin: 1.25em 0 0;
}

body#page_6 div#content.homepage  div#grid div#left-teaser {
    display: none;
}