/**
 * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
 *
 * (en) YAML core stylesheet
 * (de) YAML Basis-Stylesheet
 *
 * Don't make any changes in this file!
 * Your changes should be placed in any css-file in your own stylesheet folder.
 *
 * @copyright       Copyright 2005-2010, Dirk Jesse
 * @license         CC-A 2.0 (http://creativecommons.org/licenses/by/2.0/),
 *                  YAML-C (http://www.yaml.de/en/license/license-conditions.html)
 * @link            http://www.yaml.de
 * @package         yaml
 * @version         3.3
 * @revision        $Revision: 480 $
 * @lastmodified    $Date: 2010-10-12 21:56:55 +0200 (Di, 12 Okt 2010) $
 */

@media screen
{
  option { padding-left:0.4em; }
  select { padding:1px; }

  fieldset { border:0 solid; }

  .subcolumns { display:table; width:100%; table-layout:fixed; }

  .c20l, .c25l, .c33l, .c40l, .c38l, .c50l, .c60l, .c62l, .c66l, .c75l, .c80l { float:left; }
  .c20r, .c25r, .c33r, .c40r, .c38r, .c50r, .c60r, .c66r, .c62r, .c75r, .c80r { float:right; margin-left:-5px; }

  .c20l, .c20r { width:20%; }
  .c40l, .c40r { width:40%; }
  .c60l, .c60r { width:60%; }
  .c80l, .c80r { width:80%; }
  .c25l, .c25r { width:25%; }
  .c33l, .c33r { width:33.333%; }
  .c50l, .c50r { width:50%; }
  .c66l, .c66r { width:66.666%; }
  .c75l, .c75r { width:75%; }
  .c38l, .c38r { width:38.2%; }
  .c62l, .c62r { width:61.8%; }

  .subc  { padding:0 0.5em; }
  .subcl { padding:0 1em 0 0; }
  .subcr { padding:0 0 0 1em; }

  .equalize, .equalize .subcolumns { table-layout:fixed; }

  .equalize > div {
    display:table-cell;
    float:none; 
    margin:0; 
    overflow:hidden;
    vertical-align:top;
  }
  
  #overlay{
    display:none;
  }
  
  .js #overlay{
    height: 500px;
    left: 20px;
    padding: 20px;
    position: absolute;
    top: 20px;
    width: 600px;
    z-index: 1000000;
  }
  
  #overlay .feedbackForm{
    background:#ffffff url('../images/bg_popup.jpg') repeat-x 0 0;
    padding:40px;
    border-radius:4px;  
    margin:20px 0 0 0
  }
  
  #overlay a.close{
    background: transparent url('/fileadmin/templates/contact-form/skin/images/Close_Button.png') 0 0 no-repeat;
    display: block;
    height: 25px;
    position: absolute;
    right: 10px;
    top: 28px;
    width: 25px;    
    cursor: pointer;
  }
  
  #overlay #feedbackVisitor{
    cursor: pointer;
    margin:0 0 0 -10px;
  }
  
  #content-box .Tx-Formhandler .feedbackForm #visitor{
    display:none;
  }
  
  #content-box .Tx-Formhandler .feedbackForm #contact-form{
    display: block;
  }
  
  #feedback{
    margin:0 0 0 5px;
  }
  
}