/************************************************
== Aussehen einzelner Elemente:
   Hier kann das Aussehen der einzelnen Elemente 
   geaendert werden
************************************************/
/*
#kontakt-form form .input-area input {
    color:              #505050;
    font-size:          13px;
    border:             1px solid #ccc;
    padding:            2px 0 2px 0;
    }
*/

/*
#kontakt-form form .buttons input {
    border:             1px solid #888;
    background:         #eee;
}
*/

/*
#kontakt-form form .buttons input:hover {
    border:             1px solid #505050;
    background:         #ccc;
}
*/
/************************************************
*************************************************

                    KONTAKT

/************************************************
/************************************************
== Allgemein
************************************************/

#kontakt-form { 
    width:100%;
    font-size:12px;
}

.input-area {
    float:left;
    width: 50%;
    display:inline;
}

.input-area .field-name {
    display:block;
}

#kontakt-form .clear { height:0px; line-height:0; }



/************************************************
== Input-Felder
************************************************/

.kontakt-message div {
    font-size:12px;
    margin-bottom:20px;
}

.kontakt-form-success   {  color:#5B9B50; }
.kontakt-form-error     {  color:#A73F1A; }
.kontakt-form-default   {  color:inherit; }



#kontakt-form .strasse,
#kontakt-form .nachricht,
#kontakt-form .email                { width:100%; }

#kontakt-form .plz                  { width:20%; }
#kontakt-form .ort                  { width:80%; }

#kontakt-form .button {
    float:left;
    min-witdh:10%; width:auto !important; width:50%;
}

#kontakt-form .input-area input     { width:80%; border:none; border-bottom: 1px dotted #777; }

#kontakt-form .strasse input,
#kontakt-form .email input,
#kontakt-form .nachricht textarea   { width:90%; }
#kontakt-form .nachricht textarea 	 { border: 1px dotted #777; }

#kontakt-form .nachricht textarea:hover { background: #FBEFDA; text-decoration: none;
}

#kontakt-form .ort input            { width:87.5%; }
#kontakt-form .plz input            { width:80%; }


#kontakt-form .captcha img          { vertical-align:bottom; }
#kontakt-form .captcha input {     
    width:100px;
    height:28px;
    font-size:20px;
    font-weight:bold;
    text-align:center;
    font-family:Courier;
    letter-spacing:2px;
border: 1px solid #777;
}

#kontakt-form .kontakt-form-message {
    padding-bottom:20px;
    min-height:40px; height:auto !important; height:40px;
}


#kontakt-form ul.mandatory-fields {
    margin-left:20px;
}

#kontakt-form .button {
    margin:10px 0 0 0;
}

#kontakt-form .button input {
    background-color: #5D270C;
    border: 3px solid #fff;
    border-style: dotted;
    font-weight:bold;
    margin-right: 10px;
    height: 40px;
    color: #fff;
    width: 208px;

}

#kontakt-form .button input:hover { background: #666; text-decoration: none;
    color: #FBEFDA;
}



/************************************************
*************************************************

                   IMPRESSUM

/************************************************
/************************************************
== Allgemein
************************************************/


.impressum-table {
    width:100%;
    margin-bottom:30px;
}

.impressum-table td {
    padding-bottom:5px;
}

.impressum-table .impressum-label-field { font-weight:bold; }

.impressum-table .section-19 td {
    padding-bottom:20px;
}