/*Anfang Formular*/

form {
        border-top: 1px solid #008458;
        border-bottom: 1px solid #008458;
        color: #666;
        background-color: #F7F1E1;
        margin-left: 0px;
        padding: 10px;
        /*width: 490px; */
        background-image: none;
        background-repeat: no-repeat;
}

input, textarea, select {
        border: 1px solid #008458;
        color: #666;
        background-color: #D2E6DB;
        margin: 5px;
        padding: 2px 2px 2px 5px;
        vertical-align: top;
        font-family: arial, helvetica, futura, sans-serif;
        font-size: 10pt;
}

.inputtext {

        width: 290px;
}

.inputmedium {

        width: 131px;
}

.inputsmall {

        width: 40px;
}

.inputtelefon {

        width: 120px;
}

select {

        padding: 0px;                /*dropdwonliste ohne padding*/
}

.checkbox, .radiobutton {
        background-color: #D2E6DB;   /*farbe hintergrund wie form hintergrund*/
}

/* kontaktformular */
.beschriftung { width: 170px; float:left; line-height: 200%; clear: left; }
.beschriftunginnen { line-height: 200%; width: 20px; } /*width für IE damit Text nicht zu hoch kommt*/
.beschriftungcheckbox { line-height: 200%; width: 45px; } /*width für IE damit Text nicht zu hoch kommt, width 60 für grosse schriftarten nötig bei weniger zeilenumbruch*/
.beschriftungcheckboxmittellang { line-height: 120%;  margin-top: 5px;  width: 100px; } /*width für IE damit Text nicht zu hoch kommt, width 60 für grosse schriftarten nötig bei weniger zeilenumbruch*/
.beschriftungcheckboxlang { line-height: 200%; width: 280px; } /*width für IE damit Text nicht zu hoch kommt*/
.beschriftungcheckboxzeile { line-height: 100%; width: 400px; margin-top: 4px; margin-bottom: 4px; } /*width für IE damit Text nicht zu hoch kommt*/
.beschriftungbestellung { line-height: 100%; width: 100%; margin-top: 4px; margin-bottom: 4px; float:left; }

/* feedbackformular */
.beschriftungtitelfrage { line-height: 150%; float:left; width: 340px; font-weight: bold; margin-top: 4px; margin-bottom: 4px; } /*width für IE damit Text nicht zu hoch kommt*/
.beschriftungfrage {      line-height: 150%; float:left; width: 340px; margin-top: 4px; margin-bottom: 4px; border-bottom: 1px dotted; } /*width für IE damit Text nicht zu hoch kommt*/
.beschriftungbemerkungfrage { line-height: 150%; float:left; width: 500px; margin-top: 4px; margin-bottom: 4px; } /*width für IE damit Text nicht zu hoch kommt*/
.antwortspalte1 {         line-height: 150%; float:left; width: 40px; margin-top: 4px; margin-bottom: 4px; text-align: center; background: #F7F1E1;  }
.antwortspalte2 {         line-height: 150%; float:left; width: 38px; margin-top: 4px; margin-bottom: 4px; text-align: center; background: #F7F1E1;   }
.antwortspalte3 {         line-height: 150%; float:left; width: 38px; margin-top: 4px; margin-bottom: 4px; text-align: center; background: #F7F1E1;  }
.antwortspalte4 {         line-height: 150%; float:left; width: 38px; margin-top: 4px; margin-bottom: 4px; text-align: center; background: #F7F1E1;  }
.antwortspalteleer {      line-height: 150%; float:left; width: 38px; margin-top: 4px; margin-bottom: 4px; text-align: center;  } /*damit in Opera das Formular nicht auseinander faellt*/
.antwortspalte1smiley {   line-height: 175%; float:left; width: 40px; margin-top: 4px; margin-bottom: 4px; text-align: center; background: #F7F1E1 url(../images/smileydouble.jpg) no-repeat center;  }
.antwortspalte2smiley {   line-height: 175%; float:left; width: 38px; margin-top: 4px; margin-bottom: 4px; text-align: center; background: #F7F1E1 url(../images/smiley.jpg) no-repeat center;  }
.antwortspalte3smiley {   line-height: 175%; float:left; width: 38px; margin-top: 4px; margin-bottom: 4px; text-align: center; background: #F7F1E1 url(../images/smileyapathetic.jpg) no-repeat center; }
.antwortspalte4smiley {   line-height: 175%; float:left; width: 38px; margin-top: 4px; margin-bottom: 4px; text-align: center; background: #F7F1E1 url(../images/smileysad.jpg) no-repeat center;  }


input:focus, input:hover, textarea:focus, textarea:hover  { background-color: #ffffff; } /*nur NS Hintergrundfarbe Eingabefelder ändert*/

.error_text {
        color: red;
        font-weight: 600;
        padding-left: 15px;
}

.submit  {

        display: block; /*block und width damit ganze Zelle link im IE*/
        width: 140px;
        text-align: center;
        margin-left: 172px;
        background-color: #FFF;
        color: #008458;
        border: solid 1px #008458;
}

.submit:hover  { /*nur fuer NS*/
        color: #811509;
        background-color: #d2e6db;
        border: solid 1px #811509;
        cursor: pointer;
}

.antwortbeschriftung {
        width: 140px;
        background-color: #D2E6DB;
        border: 1px solid #008458;
        float: left;
        margin-left: 5px;
        margin-bottom: 2px;
        padding: 2px 0px 2px 5px;
        clear: left;
}

.antworttext {
        width: 350px;
        background-color: #FFFFFF;
        border: 1px solid #008458;
        margin-right: 5px;
        margin-bottom: 2px;
        padding: 2px 0px 2px 5px;
        float: right;
}

/*Ende Formular*/