/** Gemeinsamkeiten  ----------------------------------------------------- */
.StandardFormular fieldset,
.KompaktFormular fieldset {
    border: 1px solid #eee;
    margin-left: 0;
    margin-bottom: 20px;
    padding: 20px;
}

form .optional {
    font-size: 0.8em;
    color: #8ba34f;
}

.requiredhint {
    font-size: 0.75em;
    color: #C11931;
}

.pwnorequiredhint > label > span {
	display: none;
}

.requiredexplanation {
    font-size: 0.75em;
}

form div.datewrapper select{
    width: auto;
    display: inline-block;
    float: none;
}

.StandardFormular .errorwrapper input.checkbox,
.KompaktFormular .successwrapper input.checkbox,
.StandardFormular input.checkbox,
.KompaktFormular input.checkbox {
    /*clear: left;*/
    width: auto;
    
    display: inline-block;
    vertical-align: top;
}

.KompaktFormular label.radiolabel,
.StandardFormular label.radiolabel {
    display: inline-block;
    vertical-align: top;
}

.KompaktFormular label.imagelabel,
.StandardFormular label.imagelabel {
    float: right;
    padding-left: 10px;
    padding-bottom: 10px;
}

.StandardFormular textarea,
.KompaktFormular textarea {
    width: 100%;
}

form .hint {
    display: none;
    font-size: 0.9em;
}

/* Radiobuttons und Checkboxen nicht auf block setzen */
.KompaktFormular input[type="radio"],
.KompaktFormular input[type="radio"] + label,
.KompaktFormular input[type="checkbox"],
.KompaktFormular input[type="checkbox"] + label,
.StandardFormular input[type="radio"],
.StandardFormular input[type="radio"] + label,
.StandardFormular input[type="checkbox"],
.StandardFormular input[type="checkbox"] + label {
    display: inline;
    width: auto;
}


.StandardFormular .errorhint,
.KompaktFormular .errorhint {
    font-size: 0.9em;
}

#registerForm .errorhint {
    display: none;
}

#registerForm #streetName {
    display: inline-block;
    width: 47%
}

#registerForm #houseNumber {
    display: inline-block;
    width: 7%
}

/** Standard Formulare  ----------------------------------------------------- */
.StandardFormular label,
.StandardFormular input{
}

.StandardFormular label{
    clear: left;
    display: block;
    margin-bottom: 5px;
}

.StandardFormular input,
.StandardFormular select{
    display: block;
    width: 100%;
}

.StandardFormular .successwrapper input,
.StandardFormular .successwrapper select,
.StandardFormular .errorwrapper input,
.StandardFormular .errorwrapper select {
    float: left;
    width:90%; 
}

.StandardFormular .inputwrapper {
    margin-bottom: 10px;
}

.StandardFormular input:focus,
.StandardFormular select:focus{
    
}

.StandardFormular .successwrapper input,
.StandardFormular .successwrapper select {
    border: 1px solid #8ba34f;
}

.StandardFormular .errorwrapper input,
.StandardFormular .errorwrapper select {
    border: 1px solid #c11931;
}

.StandardFormular .successimage,
.StandardFormular .errorimage {
    margin-left: 5px;
}

.StandardFormular .errorhint {
    /*background: url(/img/bestellvorgang/error_hint.png) no-repeat top left; 
    padding-top: 18px;*/
    position: relative;
    margin-top: -4px;
    width: 90%;
}

/** Kompaktes Formular ---------------------------------------------- */

.KompaktFormular {
    
}

.KompaktFormular label{
    clear: left;
    width: 38%;
    min-width: 87px;
    margin-bottom: 5px;
    margin-right: 10px;
    float: left;
    text-align: right;
}

.nolablefloat label {
    float: none;
}

.KompaktFormular input,
.KompaktFormular select{
    display: block;
    width: 55%;
}

.KompaktFormular .successwrapper input,
.KompaktFormular .successwrapper select,
.KompaktFormular .errorwrapper input,
.KompaktFormular .errorwrapper select {
    float: left;
    width: 45%; 
}

.KompaktFormular .inputwrapper {
    margin-bottom: 10px;
    padding-top: 3px;
}

.KompaktFormular input:focus,
.KompaktFormular select:focus{
    
}

.KompaktFormular .successwrapper input,
.KompaktFormular .successwrapper select {
    border: 1px solid #8ba34f;
}

.KompaktFormular .errorwrapper input,
.KompaktFormular .errorwrapper select {
    border: 1px solid #c11931;
}

.KompaktFormular .successimage,
.KompaktFormular .errorimage {
    margin-left: 5px;
}

.KompaktFormular .errorhint {
    position: relative;
    top: -2px;
    margin-left: 40.5%;
    margin-bottom: 0;
    width: 44.5%;
}


/* eingabefelder für strasse und hausnummer für die gastbesteller-/erstkunden-view */
.errorwrapper #streetName,
.successwrapper #streetName  {
    width: 79%;
}

#streetName {
    width: 88%;
    margin-right: 1%;
    display: inline;
}

#houseNumber {
    width: 10%;
    display: inline;
}

#lieferadresse .inputwrapper {
    min-height: 1.8em;
}

.errorwrapper #Liefer_streetName,
.successwrapper #Liefer_streetName  {
    width: 34%;
}

#lieferadresse #Liefer_streetName {
    width: 43%;
    margin-right: 1%;
    display: inline;
}

#lieferadresse #Liefer_houseNumber {
    width: 10%;
    display: inline;
}