/**
 * 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 website footer
 * @author     gueldner
 * @since      22.07.2011
 * @version    $Id$
 **/
@media screen
{

  /*  =========================================================
  0. basic config
  1. newsletter form
  2. ---
  3. metanavi
  4. service telephone
  5. logo & copyright
  ========================================================== */


  /*  =========================================================
   =0. basic config
  ========================================================= */
  .footer{ width:100%; position:relative; z-index:1; padding: 0 0 10px 0;}
  .footer .singlePart{ width:320px; float:left;}
  .footer .singlePart--large{ width:355px; float:left;}
  .footer .doublePart{ width:640px; float:left;}
  .footer .doublePart--small{ width:605px; float:left;}
  .footer .hr{ width:100%; height:2px; padding:12px 0 10px; background:url(../../../img/environment/line.png) 0 center repeat-x;}


  /*  =========================================================
   =1. interaction form
  ========================================================= */
  .footer .interactionForm{ padding:15px 0 0;}
  .footer .interactionForm .placeHolder{ height:142px;}
  .footer .interactionForm h4{ font-family:'DesyrelRegular', Arial, Helvetica, Verdana, sans-serif; font-size:23px; margin:0 0 10px; padding:0; background:0 bottom no-repeat;}
  .footer .interactionForm p{ margin:0 0 15px; padding:0;}

  .footer .interactionForm form{ width:312px; max-height:25px; padding:4px; position:relative; margin:0;}
  .footer .interactionForm form fieldset{ width:312px; height:25px; position:relative;}
  .footer .interactionForm input.text{ border:0; background:transparent; font-size:14px; font-style:normal; height:25px; width:218px; float:left;}
  .footer .interactionForm button{ height:25px; width:84px; float:right; margin:0; padding:0; font-family:'DesyrelRegular', Arial, Helvetica, Verdana, sans-serif; font-size:20px; font-weight:normal;}

  .footer .interactionForm a.button {
    display: block; width: 125px; height: 25px; padding: 5px; font-size: 20px; font-family: 'DesyrelRegular',Arial,Helvetica,Verdana,sans-serif;
    border: 3px solid;
  }


  /*  =========================================================
   =3. metanavi
  ========================================================= */
  .footer .metanavi ul{ margin:0; padding:0; width:50%; float:left;}
  .footer .metanavi ul li{ list-style-type:square; list-style-position:inside; line-height:16px;}
  .footer .metanavi ul li a{ font-size:12px;}


  /*  =========================================================
   =4. service telephone
  ========================================================= */
  .footer .servicetelephone h6{ margin:0 0 5px 60px; font-weight:bold; font-size:16px;}
  .footer .servicetelephone img{ margin:0 0 5px 55px;}
  .footer .servicetelephone p{ margin:0 0 0 60px; font-size:10px;}
  .footer .servicetelephone > a {
    display: block; height: 45px;
    margin: 0 0 0 60px; padding: 5px 0 0 0;
    background: url('/portal/img/environment/trustedShop.png') scroll no-repeat 0 0 transparent;
  }


  /*  =========================================================
   =5. logo & copyright
  ========================================================= */
  .footer .logo img{ float:right;}
  .footer .copyright{ font-size:12px; font-style:italic;}
  .footer .officialInfo{ font-size:12px; text-align:right;}


}