/**
 * 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  2011 infomax websolutions GmbH
 * @link       http://www.infomax-it.de
 * @package    css
 * @subpackage contentArea on frontdoor
 * @author     gueldner
 * @since      19.07.2011
 * @version    $Id$
 **/
@media screen
{

  /*  =========================================================
  0. basic config
  1. theme slider
  2. quick search
  3. teaser area
  ========================================================== */


  /*  =========================================================
   =0. basic config
  ========================================================= */
  #CONT_frontdoorContent{ width:100%; height:auto; position:relative; margin:-120px 0 150px 0; z-index:2; text-align:center;}
  #CONT_frontdoorContent .contentArea{ padding:4px; width:952px;}
  #CONT_frontdoorContent .contentArea > .roundedBorder{ z-index:0; }
  #CONT_frontdoorContent .innerContent{ width:952px; position:relative;}


  /*  =========================================================
   =1. theme slider
  ========================================================= */
  #CONT_frontdoorContent .themeSlider{ margin:0 auto 20px; padding:17px 0 0; width:826px;}
  #CONT_frontdoorContent .themeSlider h2{ font-family: 'DesyrelRegular', Arial, Helvetica, Verdana, sans-serif; font-size:32px; margin:0 0 10px; padding:0;}
  #CONT_frontdoorContent .themeSlider h4{ font-family: 'DesyrelRegular', Arial, Helvetica, Verdana, sans-serif; font-size:20px; margin:0; padding:0; width:165px; text-align:center; float:left; cursor:pointer;}

  #CONT_frontdoorContent .themeSlider .button{ width:21px; height:20px; background:url(../../../img/objects/frontdoor.slider.buttons.gif) 0 0 no-repeat; float:left; cursor:pointer;}
  #CONT_frontdoorContent .themeSlider .button.left{ background-position:0 0;}
  #CONT_frontdoorContent .themeSlider .button.right{ background-position:0 -40px;}

  #CONT_frontdoorContent .themeSlider .sliderHelper{ width:780px; height:20px; background:url(../../../img/objects/bg.slider.frontdoor.gif) 0 0 repeat-x; margin:0 2px; float:left;}
  #CONT_frontdoorContent .themeSlider .sliderHelper #sliderKeyvisualTheme{ width:665px; margin:0 58px 0 57px;}

  #CONT_frontdoorContent .themeSlider .ui-widget-content { border:0; background:url(../../../img/objects/bg.slider.frontdoor.gif) 0 0 repeat-x;}
  #CONT_frontdoorContent .themeSlider .ui-slider-horizontal{ height:20px; }

  #CONT_frontdoorContent .themeSlider .ui-state-default{ border:0; background:50% 50% repeat-x;}
  #CONT_frontdoorContent .themeSlider .ui-slider .ui-slider-handle { position:absolute; z-index:2; width:115px; height:20px; cursor:default;}
  #CONT_frontdoorContent .themeSlider .ui-slider-horizontal .ui-slider-handle{ top:0; margin-left:-57px;}


  /*  =========================================================
   =2. quick search
  ========================================================= */
  #CONT_frontdoorContent .quickSearch{ padding:0 15px 5px 20px; margin:0 0 10px 0; width:345px; border-right:1px solid; vertical-align:top; float:left;}
  #CONT_frontdoorContent .quickSearch h3{ font-size:20px; font-weight:bold; margin:0 0 5px; padding:0;}

  #CONT_frontdoorContent .quickSearch ul.tabs{ list-style-type:none; margin:0; padding:0;}
  #CONT_frontdoorContent .quickSearch ul.tabs li{ cursor:pointer; float:left; padding:4px 20px 0 5px; height:22px; font-size:15px; font-weight:bold; background:right 0 no-repeat;}

  #CONT_frontdoorContent .quickSearch .formCollection{ width:345px; overflow:hidden;}
  #CONT_frontdoorContent .quickSearch form{ padding:5px 0; width:345px; overflow:hidden; display:none;}
  #CONT_frontdoorContent .quickSearch form:first-child{ display:block;}

  #CONT_frontdoorContent .quickSearch form .section{ padding:4px 10px;}
  #CONT_frontdoorContent .quickSearch form .fullside{ width:324px;}
  #CONT_frontdoorContent .quickSearch form .partside{ float:left; padding-top: 15px;}
  #CONT_frontdoorContent .quickSearch form fieldset.hotelroom{ position:relative;}
  #CONT_frontdoorContent .quickSearch form fieldset.hotelroom > span{ position:absolute; left:10px;}

  #CONT_frontdoorContent .quickSearch form fieldset.hotelroom span{ color:#717171;}

  #CONT_frontdoorContent .quickSearch .frontdoorinfo.packages div {
    margin-top: 5px;
  }

  #CONT_frontdoorContent .quickSearch .frontdoorinfo .bigLabel{
    color: #515151;
    text-decoration: underline;
    font-size: 14px;
    padding: 0 7px 0 0;
    background: right center no-repeat;
  }
  #CONT_frontdoorContent .quickSearch .frontdoorinfo .bigLabel{
    background-image: url("../../../img/objects/allg.link.arrow.right.gif");
  }
  #CONT_frontdoorContent .quickSearch .frontdoorinfo .bigLabel img.icon{
    display: block;
    float: left;
    margin-right: 10px;
  }

  #CONT_frontdoorContent .quickSearch form fieldset.hotelroom span.smallLabel{ font-size:12px;}

  #CONT_frontdoorContent .quickSearch form input.text.date{ width:136px; padding-right:5px; background-position:128px center;}
  #CONT_frontdoorContent .quickSearch form select{ width:43px;}
  #CONT_frontdoorContent .quickSearch form select[name^=roomtype]{ width:117px;}
  #CONT_frontdoorContent .quickSearch form select[name=category]{ width:152px;}
  #CONT_frontdoorContent .quickSearch form select[name=nights]{ width:152px;}

  #CONT_frontdoorContent .quickSearch form .fix{ font-size:14px; font-style:italic; padding:4px 0 0 3px;}

  #CONT_frontdoorContent .quickSearch form a.addRooms{ font-size:15px; font-weight:bold; padding:0 0 0 18px; margin:0 0 15px; display:block; text-decoration:underline; background:transparent 0 center no-repeat;}
  #CONT_frontdoorContent .quickSearch form a.removeRoom{ width:21px; height:21px; position:absolute; top:-13px; right:0; background:0 0 no-repeat;}
  #CONT_frontdoorContent .quickSearch form hr{ width:324px; margin:10px;}
  #CONT_frontdoorContent .quickSearch form button{ float:right; height:25px;}

  #CONT_frontdoorContent .quickSearch.congress fieldset { padding: 10px; }
  #CONT_frontdoorContent .quickSearch.congress hr { width: 310px; }
  #CONT_frontdoorContent .quickSearch.congress a.backLink { text-decoration: underline; font-size: 12px; padding: 0 0 0 7px; background: left center no-repeat; background-image:url("../../../img/objects/allg.link.arrow.left.gif"); color: #515151; }
  #CONT_frontdoorContent .quickSearch.congress label { margin: 10px 0; display: inline-block; }
  #CONT_frontdoorContent .quickSearch.congress input { float: right; width: 85px; margin: 5px; }
  #CONT_frontdoorContent .quickSearch.congress select { float: right; width: 235px; margin: 5px 0 0 0; }
  #CONT_frontdoorContent .quickSearch.congress button { margin: 0 10px 0 0; }

  #CONT_frontdoorContent .quickSearch form a.button{
    color: white!important;
    background: #AF0014 url("../../../img/branding/default/bg.button.gif") 0 0 repeat-x!important;
    border: 0;
    font-size: 16px;
    font-weight: bold;
    cursor: pointer;
  }
  #CONT_frontdoorContent .quickSearch form a.button.middle{
    position: relative; left: 25%; float: none;
    height: 22px; margin-top: 5px; display: inline-block; padding: 0px 5px;
  }

  /*touch device customizations*/
  html.touch #CONT_frontdoorContent .quickSearch form select.name-roomtype0 {width: 125px;}
  html.touch #CONT_frontdoorContent .quickSearch form select.name-persons0,
  html.touch #CONT_frontdoorContent .quickSearch form select.name-children0
  { width:55px;}


  /*  =========================================================
   =3. teaser area
  ========================================================= */
  #CONT_frontdoorContent .teaserArea{ width:551px; height:315px; margin:-3px 10px 10px 10px; padding:0; float:left; overflow:hidden;}
  #CONT_frontdoorContent .teaserArea .mainTeaserCollection{ height:auto; width:2805px;}
  #CONT_frontdoorContent .teaserArea .mainTeaserCollection .teaserGroup{ width:551px; float:left; margin:0 10px 0 0;}

  /*big Teaser*/
  #CONT_frontdoorContent .teaserArea .bigTeaser{ width:546px; height:210px; margin:0 0 10px; padding:0 0 0 5px; overflow:hidden;}
  #CONT_frontdoorContent .teaserArea .bigTeaser .teaserCollection{ height:220px;}

  /*small Teaser*/
  #CONT_frontdoorContent .teaserArea .smallTeaser{ width:546px; height:95px;}
  #CONT_frontdoorContent .teaserArea .smallTeaser .teaserRow{ height:90px; width:433px; padding:2px 3px 3px 3px; float:left; overflow:hidden;}
  #CONT_frontdoorContent .teaserArea .smallTeaser .teaserCollection{ height:90px;}


  #CONT_frontdoorContent .teaserArea.congress{ width:952px; margin:0 0 10px 0; overflow:hidden;}
  #CONT_frontdoorContent .teaserArea.congress .mainTeaserCollection{ width:4760px;}
  #CONT_frontdoorContent .teaserArea.congress .mainTeaserCollection .teaserGroup{ width:737px; margin:0 108px 10px 107px; position:relative;}
  #CONT_frontdoorContent .teaserArea.congress .teaserGroup .teaserWrapper{ width:737px; overflow:hidden;}
  #CONT_frontdoorContent .teaserArea.congress .bigTeaser{ width:732px;}
  #CONT_frontdoorContent .teaserArea.congress .smallTeaser{ width:737px; position: relative;}
  #CONT_frontdoorContent .teaserArea.congress .smallTeaser .teaserRow{ width:732px;}


}