/*  #####################################################
**  Domain:    www.aschau.de
**  Datei:     forms.css
**  Funktion:  Einzelstyles f�r Formularelemente

**  Erstellt:  02.03.2009
**  Media:     screen, projection

**  Autor:     Axel G�ldner
**  copyright: infomax websolutions GmbH
##################################################### */

/*  =========================================================

1. Allgemeine Einstellungen
2. Kontaktformular

========================================================== */

@media screen
{
  /*  =========================================================
   =1. Allgemeine Einstellungen
 	  (Styles die �berall gleich sein sollten.)
  ========================================================= */

  .contentForm{ width:100%; height:auto; margin:2em 0 0!important;}
  .contentForm .optionBlock{
    margin:2.5em 0!important;
    padding:2em 0 1em!important;
    width:100%;
    height:auto;
    border-top:1px #BCBCBC dotted!important;
    border-bottom:1px #BCBCBC dotted!important;
  }
  .contentForm .optionBlock li{ list-style:none; clear:both;}
  .contentForm .optionBlock li label{ width:auto; padding:0!important; margin:.5em 0 .5em .5em!important;}
  .contentForm .optionBlock li input{ clear:both; float:left; margin:.5em 0!important;}
  .contentForm .selectBlock{ margin:3em 0!important; width:100%; height:auto;}
  .contentForm .selectBlock li{ list-style:none; clear:both; padding:0 0 0 10em!important;}
  .contentForm .selectBlock li label{ width:90%; padding:0!important; margin:.5em 0 .5em .5em!important; text-align:left!important;}
  .contentForm .selectBlock li input{ float:left; margin:.5em 0!important;}

  p.formerror, label.formerror, select.formerror, input.formerror, textarea.formerror{ color:red!important;}
  p.formerror, select.formerror, input.formerror, textarea.formerror{ border:1px red solid!important; background:#FFC5C5!important;}
  p.formerror{ padding:.5em!important; font-weight:bold;}
  legend{
    font-size:1.1em;
    font-weight:bold;
    margin:0.5em 0 0.25em!important;	
  }

  label{
    font-size:1.1em;
    width:10em;
    float:left;
    padding:0.5em 0 0 !important;
  }

  input.text{
    border-top:1px #BBBBBB solid!important;
    border-left:1px #BBBBBB solid!important;
    border-right:1px #F4F4F4 solid!important;
    border-bottom:1px #F4F4F4 solid!important;
    background:white url(../../../img/objects/bg_input.gif) repeat-x;
    color:#777;
    font-size:1em;
    height:1.4em;
    padding:.3em!important;
  }
  input.text:focus{ color:black;}


  textarea.text{
    border-top:1px #BBBBBB solid!important;
    border-left:1px #BBBBBB solid!important;
    border-right:1px #F4F4F4 solid!important;
    border-bottom:1px #F4F4F4 solid!important;
    background:white url(../../../img/objects/bg_input.gif) repeat-x;
    color:#777;
    font-size:1em;
    height:20em;
    padding:.3em!important;
  }
  textarea.text:focus{ color:black;}

  select{
    border-top:1px #BBBBBB solid!important;
    border-left:1px #BBBBBB solid!important;
    border-right:1px #F4F4F4 solid!important;
    border-bottom:1px #F4F4F4 solid!important;
    color:#DEDFDF;
    font-size:1em;
    height:1.6em;
    padding:0 0 0 .3em!important;
  }
  select:focus{ color:black;}

  a.formbutton, a.formbutton:visited{
    min-width:82px;
    height:17px;
    padding:5px 8px 0 9px!important;
    text-align:right!important;
    font-size:9px;
    background: transparent url(../../../img/objects/btn_standard.gif) right 0 no-repeat;
    display:block;
  }
  a.formbutton:hover, a.formbutton:focus, a.formbutton:active{ background-position:right -22px;}
  a.formbutton span, a.formbutton:visited span{ background:transparent url(../../../img/objects/arrow_black_shorter.gif) right 4px no-repeat; width:auto; display:block; cursor:pointer; text-align:right!important; padding:0 25px 0 0!important;}
  a.formbutton:hover span, a.formbutton:focus span, a.formbutton:active span{ color:white; background-image:url(../../../img/objects/arrow_white_shorter.gif)}


  /*  =========================================================
   =2. Kontaktformular
 	  (Styles f�r die Kontaktseite)
  ========================================================= */

  .contactForm .w6{ width:6em!important; margin:0 .5em 0 0!important;}
  .contactForm .w22_5{ width:22.5em!important;}
  .contactForm .w30{ width:30em!important;}
  .contactForm label{ margin:0 2em 0 0!important; padding:.25em 0 0!important; text-align:right!important;}
  .contactForm select{ height:1.8em!important;}
  .contactForm .closer{ margin:1em 0 0!important;}
  .contactForm .info{ padding:0 0 0 1em!important;}


  form input.hide,
  form label.hide { display: none;}
  /*  =========================================================
   =3. Gastro Formular
  ========================================================= */
  #gastroForm input.text,
  #gastroForm select { margin: 3px 0; }
  #gastroForm input.text{ width: 168px;}
  #gastroForm select { width: 177px;}
  

}