/**
    Suchebox
---------------------------------------------- */
div.suchbox input.feld
{
    border       : 1px solid #AAA;
    border-top   : 2px solid #AAA;
    padding      : 2px;
    padding-left : 6px;
}

div.suchbox input.submit
{
    vertical-align: middle;
    border: none;
    height: 19px;
    width : 20px;
    background: url(../img/icon-suche_schalter.gif) no-repeat;
}

/*  Fromulare
---------------------------------------------------------------------------- */

div#wrapper-formular{ position:relative; margin-bottom: 25px; }

/*  Feld | hidden   */
div#wrapper-formular div.hidden{ display:none; }

/* legend | label   */
div#wrapper-formular legend{ display:none;}
div#wrapper-formular label{ display:block;}
div#wrapper-formular label strong{ font-weight:bold; }
div#wrapper-formular label span{ color:#D95E1D; background-color:#FFF }

/* Zeile */
div#wrapper-formular div.zeile{ margin-bottom: 8px; }


div#wrapper-formular div.feld input,
div#wrapper-formular div.textarea textarea
{
    font-family: Arial,Helvetica,sans-serif;
    width: 100%;
    border:1px solid #666;
    padding:1px;
}

div#wrapper-formular textarea{  .9em; }

/*  Checkboxen */
div#wrapper-formular div.checkbox{ float:left; margin-right: 5px; margin: -3px 0px; }

/*  Schalter */
div#wrapper-formular input#schalter
{
    background-color: #D95E1D;
    color: #FFF;
    padding: 2px 10px;
}

/*  Schalter */
input.schalter
{
    background-color: #D95E1D;
    color: #FFF;
    padding: 2px 10px;
    margin-bottom:10px;
}

/*  Pflichtfeld */
div#wrapper-formular p.pflichtfeld{ text-align:right; }
div#wrapper-formular p.pflichtfeld span{ color:#D95E1D; background-color: #FFF; }

/*  Felder | kurz, nieder    */
div#wrapper-formular div.kurz{ width: 25%; }
div#wrapper-formular div.nieder textarea{ height: 60px; }

/*  Fehlermeldungen
---------------------------------------------------------------------------- */

div#wrapper-formular div.wrapperFehler{ border:1px solid #D95E1D; margin-bottom: 20px; padding:3px; }
div#wrapper-formular div.wrapperFehler h3{ color:#000;  margin-left: 0px; }
div#wrapper-formular div.fehlerMeldung { font-weight:bold; }
div#wrapper-formular div.fehlerFelder { font-weight:normal; margin-top:3px; }

/* altes Eform unter Kontakt  */
div#wrapper-formular div.errors{ border:1px solid #D95E1D; margin-bottom: 20px; padding:3px; }
div#wrapper-formular div.errors strong{ display:block; margin-bottom: 8px; font-weight:bold; }


/* Neues Eform / Seminaranmeldungen  */
div#wrapper-formular div.form_errors{ background:url(../img/icon-achtung.png) no-repeat 3px 8px; padding:8px; padding-left:25px; border: 1px solid #f00; margin-bottom: 20px; }
div#wrapper-formular div.form_errors div.error_items p.fields{ line-height:1.5em; }
div#wrapper-formular div.form_errors div.error_items p{ margin-bottom: .9em; }

/*  Fehler | benötigte Felder */
div#wrapper-formular div.feld input.required,
div#wrapper-formular div.textarea textarea.required{ border-color: #D95E1D }

/** Erfolgsmeldungen
----------------------------------------------------------------------------- */
div#wrapper-formular p.mail_versendet{ background:url(../img/icon-tick.png) no-repeat 3px 50%; padding:8px; padding-left:25px; font-weight:bold; border: 1px solid #009F33 }

/*  Kontaktformular
----------------------------------------------------------------------------- */
div#wrapper-formular div.strasse{ float:left; width: 78% }
div#wrapper-formular div.hausnummer{ float:right; width:20%; }

div#wrapper-formular div.plz{ float:left; width:20%; }
div#wrapper-formular div.ort{ float:left; width:48%; margin-left:2% }
div#wrapper-formular div.land{ float:right; width:28%; }

div#wrapper-formular div.ustid{ float:left; width:49%; }
div#wrapper-formular div.stnr{ float:right; width:49%; }

div#wrapper-formular div.telefon{ float:left; width:49%; }
div#wrapper-formular div.fax{ float:right; width:49%; }

/*  Reparaturauftrag
---------------------------------------------------------------------------- */

div#wrapper-formular div.objekt{ margin-bottom:10px; }
div#wrapper-formular div.objekt div.text{ float:none; width:100% }
div#wrapper-formular div.objekt div.zeile{ float:left; }
div#wrapper-formular div.objekt div.absperr{ width:30%;margin-right:2%; }
div#wrapper-formular div.objekt div.sonstiges{ float:left; width:67% }
div#wrapper-formular div.objekt div.sonstiges label{ float:left;display:block; width:10%; }
div#wrapper-formular div.objekt div.sonstiges div.feld{ float:right; width:88% }

div#wrapper-formular div.auftragsart{ margin-bottom:10px; }

div#wrapper-formular div.masse div.zeile{ width:32%; }
div#wrapper-formular div.masse div.links{ float:left; }
div#wrapper-formular div.masse div.rechts{ float:right; }
div#wrapper-formular div.masse div.mitte{ float:left; margin-left:2%; }

div#wrapper-formular div.versand div.zeile{ float:left; width: 25%; }
div#wrapper-formular div.versand div.text{ }

/**
    Bestellung
----------------------------------------------------------------------------- */
div#wrapper-formular div.produkt { border-bottom: 1px dotted #333; padding-bottom:2px; padding:5px; }
div#wrapper-formular form.bestellung div.produkt { margin-bottom:0;}

div#wrapper-formular div.odd { background-color: #f5f5f5 }
div#wrapper-formular div.produkt { border-bottom: 1px dotted #333; padding-bottom:2px;}
div#wrapper-formular div.ptitel { border-bottom: 1px solid #333; padding-bottom:2px;}
div#wrapper-formular div.ptitel label{ font-size: 1.2em; font-weight:bold; }
div#wrapper-formular div.produkt label{ float:left; width:420px; font-size:.9em; margin-bottom:3px; }
div#wrapper-formular div.produkt div.feld{ width: 25px; float:right; padding:0; }
div#wrapper-formular div.ptitel div.feld{ width: 40px; float:right;}
div#wrapper-formular div.produkt label span.preis{ float:right; font-size:1.2em; background-color:transparent}
div#wrapper-formular div.produkt div.preis{float:left; /*background-color: #f0f0f0;*/ width:420px;  font-size:.85em; padding:2px 0 }
div#wrapper-formular div.produkt div.preis span.sparen{ color: #219304; font-size:1.1em; font-weight:bold; }
div#wrapper-formular div.produkt:hover{ background-color: #e0e0e0 }


/*  PLZ Suche
---------------------------------------------------------------------------- */
div.plzformular legend{ margin-bottom: 5px; padding-left: 0px; font-weight: bold; color:#D95E1D }
div.plzformular input.text{ width:80%;margin-bottom: 5px; }