/**
 * 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 detail
 * @author     oswald
 * @since      11.09.2012
 * @version    $Id: b2b.css 2173 2015-12-08 15:23:58Z keller $
 **/
@media screen
{

  /*  =========================================================
  1. contact widget in footer
  ========================================================== */


  /*  =========================================================
   =1. contact widget in footer
  ======================================================== */

  #contactAccessArea {
    width: 100%;
    background: url("../../../img/branding/default/contactAccessArea.clouds.jpg") no-repeat scroll center -300px white;
    box-shadow: 0 -1px 3px rgba(0, 0, 0, .85) inset;
  }
  #contactAccessArea .content {position: relative; width: 960px; margin: 0 auto;}

  #contactAccessArea .content > div {position: relative; padding: 0; margin: 0;}

  #contactAccessArea .contactBarContent {display: block; height:0; overflow: hidden; text-align: left;}
  #contactAccessArea .contactBarContent{ transition:all 1s ease; -moz-transition:all 1s ease; -webkit-transition:all 1s ease; -o-transition:all 1s ease;}
  #contactAccessArea .contactBarContent.active { padding: 20px 0;}

  #contactBarContent-phone.tourism.active{ height: 150px;}
  #contactBarContent-callback.tourism.active{ height: 300px;}
  #contactBarContent-contact.tourism.active{ height: 325px;}

  #contactBarContent-phone.congress.active{ height: 200px;}
  #contactBarContent-callback.congress.active{ height: 335px;}
  #contactBarContent-contact.congress.active{ height: 325px;}

  #contactAccessArea .contactBarContent table{ table-layout: fixed; border: 0; border-spacing: 0; border-collapse: collapse;}

  #contactAccessArea .contactBarContent td { width: 241px; padding:0 0 0 35px; vertical-align: top;}
  #contactAccessArea .contactBarContent td.spacing { padding-right: 42px;}
  #contactAccessArea .contactBarContent td.double {width: 603px;}
  #contactAccessArea .contactBarContent td.verticalLine{ width: 0; height: 100%; border-left: 1px rgba(0, 0, 0, .25) solid; border-right: 1px rgba(255, 255, 255, .7) solid; padding: 0;}
  #contactAccessArea .contactBarContent td td {padding: 0;}

  #contactAccessArea .contactBarContent h2 {
    margin: 0 0 10px; padding-left: 40px; color: #E3001A;
    font-size: 3em; font-family: 'DesyrelRegular',Arial,Helvetica,Verdana,sans-serif;
    background: url("/portal/img/branding/default/footer.contactSectionHeadings.png") scroll no-repeat 0 0 transparent;
  }
  #contactAccessArea .contactBarContent.phone h2 {background-position: 0 5px;}
  #contactAccessArea .contactBarContent.contact h2 {background-position: 0 -54px;}
  #contactAccessArea .contactBarContent.callback h2 {background-position: 0 -110px;}
  #contactAccessArea .contactBarContent h2.noIcon {background: none;}

  #contactAccessArea .contactBarContent h3 {margin: 5px 0 10px; font-size: 1.9em; font-weight: bold; color: #717171;}
  #contactAccessArea .contactBarContent h4 {margin: 10px 0 5px; font-weight: bold; font-size: 1.3em; color: #515151;}
  #contactAccessArea .contactBarContent p {margin: 5px 0; font-size: 1.3em; line-height: 1.4em; color: #515151;}
  #contactAccessArea .contactBarContent p a {color: #515151; text-decoration: underline;}
  #contactAccessArea .contactBarContent p.mandatory {text-align: right;}
  #contactAccessArea .contactBarContent p.formerror {
    min-height: 32px; margin: 10px 0; padding-left: 40px; color: #E3001A;
    font-weight: bold; line-height: 2.4em;
    background: url("/portal/img/objects/icon.form.error.png") scroll no-repeat 0 0 transparent;
  }
  #contactAccessArea .contactBarContent p.availability{
    margin: 0 0 20px 0;
    padding-left: 40px;
  }
  #contactAccessArea .contactBarContent p.outro {
    min-height: 32px; margin: 10px 0; padding-left: 40px;
    font-weight: bold; line-height: 2.4em;
    background: url("/portal/img/objects/icon.form.success.png") scroll no-repeat 0 0 transparent;
  }
  #contactAccessArea .contactBarContent .red {color: #E3001A}
  #contactAccessArea .contactBarContent td h2 {
    margin: 0;
  }

}