/* -------------- Kontaktformular-CSS -------------
##### Dies ist nur ein Beispiel - die Angaben k?nnen bis auf wenige Ausnahmen beliebig angepasst werden ####
*/


form#Kontaktformular {         /* Gestaltung des Formulars - Breite und Abst?nde z. B. */
        width:340px;
        margin:0 0 10px -30px;
        padding:0 0 20px 0;
}

form#Kontaktformular label, form#Kontaktformular input, form#Kontaktformular textarea {                /* Allgemeine Stile f?r Labels und Formularfelder */
        font:inherit;
        color:inherit;
        width:130px;
        margin:10px 5px 0 0;
        padding:1px;

/* Diese beiden Angaben bitte nicht ver?ndern: */
        display:block;
        float:left;
}

form#Kontaktformular input, form#Kontaktformular textarea {                                /* Stile, die nur auf Formularfelder angewandt werden sollen */
        border:1px solid #663866;
        background:#fcfcfc url(../images/form-hg.png) repeat-x;
}

form#Kontaktformular textarea {                                                /* Seperate Angaben f?r die Textarea, falls ben?tigt */
        height:70px;
}

form#Kontaktformular input:focus, form#Kontaktformular textarea:focus {                /* Stile f?r aktivierte Formularfelder */
        border:1px solid #af6faf;
}

form#Kontaktformular label {                                                        /* Feldbeschriftungen */
        text-align:right;
        width:90px;
        padding:0 15px 0 0;
}

form#Kontaktformular legend {                                                        /* Stile f?r die ?berschriften der Formularabschnitte ("fieldset") */

        /* Hiermit werden die ?berschriften nicht angezeigt.
        Falls gew?nscht entfernen, um die Anzeige zu erm?glichen */
        display:none;
}

form#Kontaktformular fieldset {                                                /* Formularabschnitte */
        border:none;
        padding:0 0 0 20px;
}

form#Kontaktformular input#submit {                                /* Gestaltung des Submit-Buttons */
        width:120px;
        padding:2px;
        background:#663866;
        color:#fff;
        font-size:1.2em;
        font-weight:bold;
        font-variant:small-caps !important;
        cursor:pointer;
        border:none;
}

form#Kontaktformular fieldset#submitbox {                        /* Element zur Ausrichtung des Submit-Buttons */
        width:120px;
        height:25px;
        padding:0 0 0 140px;        /* Diese Angabe bestimmt den Abstand zum linken Rand des Formulars */
}

form#Kontaktformular fieldset#adresse {                        /* Formularabschnitt mit den Adressdaten */
        margin:0 10px 0 0;
}

form#Kontaktformular input.radio {                                        /* Anpassungen f?r Radio-Buttons - diese m?ssen die Angabe class="radio" erhalten! */
        width:20px;
        margin-top:2px;
        border:none;
        background:transparent;
}

* html form#Kontaktformular input.radio {                        /* F?r die Radio-Buttons im IE ein etwas anderer Abstand... */
        margin-top:2px;
}

form#Kontaktformular label.radio {                                        /* Beschriftungen f?r Radio-Buttons */
        width:auto;
}

form#Kontaktformular input.checkbox {                                        /* Anpassungen f?r Checkboxen - diese m?ssen die Angabe class="radio" erhalten! */
        width:20px;
        margin-top:10px;
        border:none;
        background:transparent;
}

* html form#Kontaktformular input.checkbox {                        /* F?r die Checkboxen im IE ein etwas anderer Abstand... */
        margin-top:7px;
}

form#Kontaktformular label.checkbox {                                                /* Beschriftungen f?r Checkboxen */
        width:90px;
}

form#Kontaktformular label.required {                                /* Klasse zur Kennzeichnung von Pflichtfeldern */
        background:url(../images/required.png) top right no-repeat;
}

.error {                                                                /* Stil f?r die Gestaltung der als fehlerhaft markierten Felder */
        color:#663866 !important;
        font-weight:bold !important;
}

p#fehlermeldung {                        /* Die Fehlermeldung */
        display:none;
        background:#fff;
        border:1px solid #663866 ;
        padding:20px;
        margin:0 75px 15px 55px;
}



/* Die folgenden Angaben bitte nicht ver?ndern! */
form#Kontaktformular br {
        clear:left;
}

form#Kontaktformular input[type=hidden] {
        display:none;
        border:0;
        padding:0;
}