/* Formular */

/* Korrektur Einrücken, bündig mit Fieldset-titel */
div.csc-mailform fieldset li {
  padding: 0.5em 0;
}

.csc-mailform ol {
  list-style-type: none;
}


/* Form Feld */
li.csc-form-element-fieldset,
.csc-mailform, 
.ctype-mailform {
  width: 100%;
  padding: 0px;
  margin: 0px;
}

/* Feld Beschriftungen */
li.csc-form-element label {
  width: auto;
  padding: 0px;
  margin: 0px;
  height: 1.4em;
}


/* Textfelder */
li.csc-form-element-textline {
  height: 3.4em;
}
li.csc-form-element-textline input[type=text],
li.csc-form-element-textline input[type=email] {
  width: 100%;
  max-width: 34em;
  height: 2.4em;
  font-size: 100%;
  color: #000000;
  padding: 0 0 0 0.5em;
  background-color: #FFFFFF;
  border: 1px solid rgba(82,93,97,0.8);
  -moz-border-radius:6px; /* Firefox */
  -webkit-border-radius:6px; /* Chrome, Safari */
  -khtml-border-radius:6px; /* Konqueror */
  border-radius:6px; /* CSS3 */
  behavior:url(border-radius.htc); /* Internet Explorer */
}
li.csc-form-element-textline input[type=text]:focus,
li.csc-form-element-textline input[type=email]:focus {
  border: 1px solid rgb(255, 215, 25);
  -webkit-box-shadow: 3px 3px 3px #c8d0d6;
  -moz-box-shadow: 3px 3px 3px #c8d0d6;
  box-shadow: 3px 3px 3px #c8d0d6;
}

/* Textfeld mehrzeilig */
li.csc-form-element-textarea {
  height: auto;
}
li.csc-form-element-textarea textarea {
  width: 100%;
  max-width: 34em;
  height: auto;
  min-height: 15em;
  font-size: 100%;
  color: #000000;
  padding: 0.5em;
  background-color: #FFFFFF;
  border: 1px solid rgba(82,93,97,0.8);
  -moz-border-radius:5px; /* Firefox */
  -webkit-border-radius:5px; /* Chrome, Safari */
  -khtml-border-radius:5px; /* Konqueror */
  border-radius:5px; /* CSS3 */
  behavior:url(border-radius.htc); /* Internet Explorer */
}
li.csc-form-element-textarea textarea:focus {
  border: 1px solid rgb(255, 215, 25);
  -webkit-box-shadow: 3px 3px 3px #c8d0d6;
  -moz-box-shadow: 3px 3px 3px #c8d0d6;
  box-shadow: 3px 3px 3px #c8d0d6;
}

/* Select */
li.csc-form-element-select select {
  width: 100%;
  max-width: 34em;
  height: 35px;
  font-size: 100%;
  color: #696758;
  padding: 0px;
  margin-bottom: 1em;
  -moz-border-radius:6px; /* Firefox */
  -webkit-border-radius:6px; /* Chrome, Safari */
  -khtml-border-radius:6px; /* Konqueror */
  border-radius:6px; /* CSS3 */
  behavior:url(border-radius.htc); /* Internet Explorer */  
}

/* Checkbox */

li.csc-form-element-checkbox label {
  width: auto;
}

li.csc-form-element-checkbox {
 display: block;
 width: auto;
 height: auto;
 padding: 0 0 6% 1%;
}

/* Textblock */
li.csc-form-element-textblock {
 display: inline-block;
 color: #333333;
 width: 100%;
 line-height: 130%;
 height: 2.5em;
 }


/* Buttons allgemein */
div.csc-mailform li.csc-form-element-reset,
div.csc-mailform li.csc-form-element-submit,
div.csc-mailform li.csc-form-confirmation-false,
div.csc-mailform li.csc-form-confirmation-true {
  float: left;
  width: 50%;
  min-width: 100px;
  height: auto;
  padding-right: 1em;
  padding: 0em;
  margin: 0em;  
  
}

div.csc-mailform li.csc-form-element-reset label,
div.csc-mailform li.csc-form-element-submit label {
  width: 0; margin-right: 0;
}


/* Button reset */
li.csc-form-element-reset input[type=reset] {
  /*width: 50%;*/
  min-width: 100px;
  font-size: 100%;
  color: #000000;
  background: rgba(82,93,97,0.3);
  border: 1px solid rgba(82,93,97,0.5);
  cursor: pointer;
  padding: 1px 10px 0px 10px;
  margin-top: 1em;
  -moz-border-radius:6px; /* Firefox */
  -webkit-border-radius:6px; /* Chrome, Safari */
  -khtml-border-radius:6px; /* Konqueror */
  border-radius:6px; /* CSS3 */
  behavior:url(border-radius.htc); /* Internet Explorer */   
}
li.csc-form-element-reset input[type=reset]:hover {
  color: rgb(255, 215, 25);
  background: rgba(82,93,97,0.8);
  cursor: pointer;
}
  
/* Button submit */

/* Typografie normal und Rekapitulation */
li.csc-form-element-submit input,
li.csc-form-confirmation-false input[type=submit],
li.csc-form-confirmation-true input[type=submit] {
/*  width: 50%;*/
  min-width: 100px;
  font-size: 100%;
  color: #000000;
  background: rgba(82,93,97,0.3);
  border: 1px solid rgba(82,93,97,0.5);
  cursor: pointer;
  padding: 1px 10px 0px 10px;
  margin-top: 1em;
  -moz-border-radius:6px; /* Firefox */
  -webkit-border-radius:6px; /* Chrome, Safari */
  -khtml-border-radius:6px; /* Konqueror */
  border-radius:6px; /* CSS3 */
  behavior:url(border-radius.htc); /* Internet Explorer */   
}
li.csc-form-element-submit input:hover,
li.csc-form-confirmation-false input[type=submit]:hover,
li.csc-form-confirmation-true input[type=submit]:hover {
  color: rgb(255, 215, 25);
  background: rgba(82,93,97,0.8);
  cursor: pointer;
}


/* Position Buttons Rekapitulation */
li.csc-form-confirmation-false,
li.csc-form-confirmation-true {

}
li.csc-form-confirmation-false input[type=submit],
li.csc-form-confirmation-true input[type=submit] {
  margin: 1em 0 0 0;
  padding: 0em 2em;
  height: 2em;
}




/* Für Browser-Breiten unter 800 Pixel */
@media (max-width: 800px) {

/* Schriftgrösse */
  div.csc-mailform li {
    font-size: 95%;
  }

  /* Required Beschriftung */
  li.csc-form-element em {
    float: left;
    margin-top: 2px;
    padding-right: 5px;
  }
  /* Required Fehleranzeige */
  li.csc-form-element strong {
    margin-top: -15px;
    padding-left: 8em;
    background-color: red;
    line-height: 0em;
    width: 500px;
    font-size: 9px;
    color: #265480;
  }

  /* Position Button normal */
  li.csc-form-element-submit input {
    margin: 1.1em 0em;
    padding: 0px 2em;
    height: 25px;
  }

}