/* form elements */

form {
    margin: 0px;
    padding: 0 5px;
    border: 1px solid #ADADAD; 
}

label {
    float: left;
    font-weight: bold;
    width: 140px;
    margin-left: 10px;
    margin-top: 5px;
}

input, select {
    padding: 2px;
    border: 1px solid #ADADAD;
    color: #777;
    margin-top: 5px;
    width: 180px;
}

textarea {
    width: 320px;
    padding: 2px;
    border: 1px solid #ADADAD;
    height: 100px;
    color: #777;
    margin-top: 5px;
    margin-left: 10px;
}

input.button{ 
    border: 1px solid #CCC; 
    padding: 3px; 
    background: #8e8c8f;
    color: #e8e8e8;
    margin-top: 5px;
    margin-left: 10px;
    width: auto;
}

input.button:hover{ 
    background: #98959a;
    color: #fff; 
    text-decoration: none;
}
 
span.right {
    margin-left: 150px;
}

span.contactFormSubmit {
    margin-buttom: 10px;
}

span.spam, #SprySicherheitscode {
    padding-left: 10px;
}

/* form elements */
/*
#ContactForm { 
    margin: 0px;
    padding: 0 5px;
    border: 1px solid #ADADAD;
}
span.contactFormSubmit input.resetbutton,span.contactFormSubmit input.submitbutton{
    background:#fff;
    color:#000;
    border: 1px solid #000;
}

span.contactFormSubmit input.resetbutton:hover,span.contactFormSubmit input.submitbutton:hover{
    background: #Fafafa;
    color: #FF7400;
}

span.contactFormSubmit input.submitbutton{
    margin-left:60px;
}
#ContactForm ul{
    list-style:none;
    margin:0;
    padding:0;
}

#ContactForm select, #ContactForm input[type="text"]{
    width:180px;
    padding:2px;
    border:1px solid #eee;
    font: normal 1em Verdana, sans-serif;
    color:#777;
}

#ContactForm textarea{
    height:150px;
    width:250px;
    padding:2px;
    font: normal 1em Verdana, sans-serif;
    border:1px solid #eee;
    color:#777;
}
*/
#ContactForm ul, #ContactForm ul li{
        list-style: none;
        margin: 0px;
        padding: 0px;
}/*
#ContactForm ul li.textarea{
    height:180px;;
}
#ContactForm label{
    display:block;
    float:left;
    width:130px;
    font-weight: bold;  
}
*/
span.textfieldRequiredMsg, span.textfieldInvalidFormatMsg, span.textfieldMinCharsMsg, span.textfieldMaxCharsMsg {
margin-left: 10px;
}

.validMsg, .novalidMsg{
    position:relative;
    top:2px;
    padding: 0px 3px;
    width:8px;
    height:8px;
    display:none;
}
.validMsg{
    display:none;
}
.radioValidState .validMsg,
.checkboxValidState .validMsg,
.textfieldValidState .validMsg, 
.textareaValidState .validMsg, 
.selectValidState .validMsg{
    display:inline;
}

.checkboxMaxSelectionsState .novalidMsg,
.checkboxMinSelectionsState .novalidMsg,
.radioRequiredState .novalidMsg,
.checkboxRequiredState .novalidMsg,
.textfieldRequiredState .novalidMsg,
.textareaRequiredState  .novalidMsg,
.textfieldInvalidFormatState .novalidMsg , 
.textfieldMinCharsState .novalidMsg, 
.textfieldMaxCharsState .novalidMsg , 
.textareaMinCharsState .novalidMsg , 
.textareaMaxCharsState .novalidMsg, 
.selectRequiredState .novalidMsg{
    display:inline;
}
span.textareaRequiredMsg,span.textareaMinCharsMsg,span.textareaMaxCharsMsg{
    left:10px;
}
#Counterror_mess{
    padding:0px 5px;
}
#ContactForm ul li.grpradio{
    height:auto;
}
#ContactForm ul li span span.grpradio{
    display:block;
    width:70px;
    height:25px;
    float:left;
}
#ContactForm ul li.grpcheckbox{
    height:auto;
}
#ContactForm ul li span span.grpcheckbox{
    display:block;
    width:100px;
    height:25px;
    float:left;
}
br.clear{
    clear:both;
}