/**
 * BTZ 2011
 *
 * LICENSE
 *
 * This software and its source code is protected by copyright law (Sec. 69a ff. UrhG).
 * It is not allowed to make any kinds of modifications, nor must it be copied,
 * or published without explicit permission. Misuse will lead to persecution.
 *
 * @copyright  2012 infomax websolutions GmbH
 * @link       http://www.infomax-it.de
 * @package    css
 * @subpackage article styles
 * @author     oswald
 * @since      29.06.2012
 * @version    $Id: landingpage.css 2244 2016-06-06 14:54:50Z mueller $
 **/
@media screen
{

  /*  =========================================================
  0. basic config
  ========================================================== */


  /*  =========================================================
   =0. basic config
  ========================================================= */

  #CONT_content .mainContentArea.landingpage {width: 960px; margin: 0;}

  #CONT_content .mainContentArea .article.landingpage {margin: 0;}

  #CONT_content .mainContentArea .article .topTeaser .mainImage {float: left; margin-right: 20px;}
  #CONT_content .mainContentArea .article .topTeaser .mainImage h2 {position: relative; margin: 0; top: 322px; z-index: 10;}
  #CONT_content .mainContentArea .article .topTeaser .mainImage h4 {position: relative; margin: 0; top: 330px; z-index: 10;}
  #CONT_content .mainContentArea .article .topTeaser .mainImage h2 a {
    position: absolute; top: -4px; padding: 4px 20px 4px 12px;
    text-decoration: none; color: #fff; background-color: #C20016; font-size: 36px;
    font-family: 'DesyrelRegular',Arial,Helvetica,Verdana,sans-serif;
  }

  #CONT_content .mainContentArea .article .topTeaser .mainImage h4 a {
    position: absolute; top: 44px; padding: 4px 20px 4px 12px;
    text-decoration: none;  color: #fff; background-color: #C20016; font-size: 18px;
  }

  #CONT_content .mainContentArea .article .topTeaser .booking {margin-top: 15px; float: right;}

  #CONT_content .mainContentArea .subteasers h2 {
    margin: 0 0 10px; color: #717171;
    font-size: 32px; font-family: 'DesyrelRegular',Arial,Helvetica,Verdana,sans-serif;
  }

  #CONT_content .mainContentArea .subteasers {position: relative; margin: 0 0 50px; z-index: 10;}

  #CONT_content .mainContentArea .subteasers .teaserRow {position: relative; overflow: hidden; margin: 0 40px; padding: 0; width: 885px; height: 349px;}
  #CONT_content .mainContentArea .subteasers .teaser.subTeaser {float: left; width: 280px; height: 350px; margin: 0 15px 0 0;}
  #CONT_content .mainContentArea .subteasers .teaser.subTeaser .image {position: relative; display: block; margin: 0 0 10px; padding: 5px; max-height: 160px; width: 270px;}
  #CONT_content .mainContentArea .subteasers .teaser.subTeaser .image img {position: relative;}
  #CONT_content .mainContentArea .subteasers .teaser.subTeaser h4 {margin: 0; font-size: 16px;}
  #CONT_content .mainContentArea .subteasers .teaser.subTeaser h4 a {font-weight: bold; color: #717171; text-decoration: none;}
  #CONT_content .mainContentArea .subteasers .teaser.subTeaser p {max-height: 3.75em; overflow: hidden;}
  #CONT_content .mainContentArea .subteasers .teaser.subTeaser .roundedBorder {box-shadow: 0 1px 2px black;}

  #CONT_content .contextArea .contextTeaser a.button {
    float: right; height: 23px; margin: 10px 0 0; padding: 7px 10px 0;
    font-weight: bold; font-size: 14px; text-decoration: none;
  }
  #CONT_content .mainContentArea .subteasers a.button {
    float: right; height: 23px; margin: 0 20px 20px 0; padding: 7px 10px 0;
    font-weight: bold; font-size: 16px; text-decoration: none;
  }

  #CONT_content .mainContentArea .subteasers .coverflow {position: absolute; bottom: 190px; width: 100%; height: 30px; z-index: -10; opacity: 0.7;}
  #CONT_content .mainContentArea .subteasers .coverflow:hover { opacity: 1; }
  #CONT_content .mainContentArea .subteasers .coverflow a.backLink {position: absolute; left: -20px;}
  #CONT_content .mainContentArea .subteasers .coverflow a.nextLink {position: absolute; right: -10px;}

  #CONT_content .mainContentArea.landingpage .contentTabs {float: left;}
  #CONT_content .mainContentArea.landingpage .contextColumn {float: left; width: 280px; margin: 0 40px 0 0;}
  #CONT_content .mainContentArea.landingpage .article.landingpage > p {width: 620px;}


  #CONT_content .contextArea.landingpageDetail {position: absolute; bottom: 0; padding-left: 15px;}

  /*teaser carousel*/
  #carouselWrapper {float: left; width: 340px; margin: 0; padding-bottom: 165px;}
  #carouselWrapper:focus{outline: none; background-color: transparent;} /*required for Chrome*/

  #carouselWrapper input.carousel-control {
    display: block; width: 284px; height: 41px; margin: 0; padding: 0; border: 0 none; color: transparent;
    background: url("/portal/img/objects/context.teaserCarousel.button.png") no-repeat scroll 0 0 transparent;
  }
  #carouselWrapper input.carousel-control.previous {background-position: 0 0; margin: 0 10px 15px;}
  #carouselWrapper input.carousel-control.next {background-position: 0 -41px; margin: 15px 10px 0;}

  #carouselWrapper .teaser.contextTeaser {height: 280px !important; width: 280px; margin: 0; padding: 10px 60px 45px 10px;}
  #carouselWrapper .teaser.contextTeaser:first-child {background: url("/portal/img/objects/context.teaserCarousel.highlight.png") scroll no-repeat 0 0 transparent;}

  #CONT_content .contextArea .contextTeaser:first-child a.button {display: none;}

  .landingpage .topTeaser .image>figcaption {
    bottom: 95px;
    right: -85px;
    left: auto;
    -moz-transform: rotate(270deg);
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    transform: rotate(270deg);
  }

}