/* Formular Empfehlung */
#empfehlung {
    margin-bottom: 1em;
    padding: 0.6em;
    background-color: #eaeaea;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
#empfehlung h2 {
	margin: 0 0 0.5em 0;
	padding: 0;
	background-color: transparent;
}
#empfehlung span {
    font-weight: normal;
    color: #03357f;
}
/* ENDE Formular Empfehlung */

form {
    margin: 0;
    padding: 0;
    font-size: 1em;
}

#formpreview th {
	text-align: right;
	padding-right: 0.6em;
	background-color: #dddddd; 
}
#formpreview td {
	text-align: left;
	padding-left: 0.6em;
}
form fieldset {
    margin: 0 0 1em 0;
    padding: 0;
    border-top: 2px solid #272727;
    border-right: none;
    border-bottom: none;
    border-left: none;
}

form legend {
    margin: 0 0 0 20px;
    padding: 0 0.3em 0.6em 0.3em;
    font-size: 1.3em;
}

form div {
    margin: 0 0 1em 0;
    clear: both;
}

form div.lineoftext {
    margin: 0 0 0.6em 0;
}

form textarea {
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    width: 98%;
    background-color: #d3d3d3;
    padding: 0.2em 1%;
   border: none;
   -webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
}
form input {
    line-height: 1;
    background-color: #d3d3d3;
    border: none;
    padding: 0.2em 1%;
    -webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
form input.text {
    width: 98%;
}
form input.email {
    width: 98%;
}
form input.tel {
    width: 98%;
}
form input.url {
    width: 98%;
}
form input.date {
    width: 98%;
}
form input.login {
    width: 98%;
}
form input.password {
    width: 98%;
}

form label {
    display: block;
    width: 100%;
    margin: 0;
    padding: 0;
    cursor: pointer;
}

form label.checkbox {
    display: inline;
}
form label.required:before {
    content: "*";
    color: #272727;
}

form label.error {
	width: 98%;
    padding: 0.2em 1%;
    background-color: yellow;
    -webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;    
}

/* Zeichen zählen im textarea */
form label.textareacount {
    float: left;
    width: auto;
}
form div.textareacount {
    clear: none;
    float: left;
    margin: 0 0 0 0.6em;
    color: #03357f;
}
form div.textareacount span {
    color: #fff;
    background-color: #03357f;
    padding: 0 0.2em;
}

/* ENDE Zeichenzähler */

/* Checkbox-group */
form div.groupcb {
    margin: 0 0 0.6em 0;
}
form div.groupcb label {
    margin-bottom: 0.6em;
}
form div.groupcb label span {
    padding: 0 0.1em 0.2em 0;
}
form div.groupcb label.checkbox {
    float: left;
    width: auto;
    margin: 0;
    padding: 0 0 0.5em 0.4em;
    line-height: 1;
}
form div.groupcb input {
    float: left;
    clear: left;
}
/* ENDE Checkbox-group */

/* Radio-group */
form div.groupr {
    margin: 0 0 0.6em 0;
}
form div.groupr label {
    display: inline;
    margin-right: 0.6em;
}
form div.groupr label.radio {
    display: inline;
    padding: 0 0.4em 0 0.3em;
    margin-right: 0;
}
form div.groupr label span {
    padding: 0 0.1em 0.2em 0;
}
/* ENDE Radio-group */
/* Select */
form div.select {
	margin: 0;
}
/* ENDE Select */
/* Captcha */
form input.codec {
    width: 3.5em;
    background-color: #dddddd;
}
form input.codect {
    width: 3.5em;
    color: #fff;
    background-color: #272727;
    text-align: center;
}
form span.codet {
  color: #03357f;
  background-color: transparent;
}
/* ENDE Captcha */

/* Sende-Button */
form div.send,
form div.preview,
form div.forgotpw {
    margin-top: 0;
}
form div.send input,
form div.preview input,
form div.forgotpw input {
    color: #fff;
	background-color: #03357f;
    padding: 0.2em 0;
    cursor: pointer;
    width: 100%;
    -webkit-appearance: none;
    -webkit-border-radius: 7px;
  	-moz-border-radius: 7px;
  	border-radius: 7px;
}
form div.preview input {
    color: #fff;
	background-color: #272727;
}
form div.send input:hover,
form div.send input:focus,
form div.preview input:hover,
form div.preview input:focus,
form div.forgotpw input:hover,
form div.forgotpw input:focus {
    color: #fff;
    background-color: #809bca;
}
/* ENDE Sende-Button */

/* Meldung nach Abschicken des Formulars */
div#formsuccess {
    padding: 0.4em;
    margin-bottom: 0.7em;
}
div#formsuccess h2 {
    margin: 0 0 0.4em 0;
}
div#formsuccess p {
    margin: 0 0 0.7em 0;
}
div#formsuccess strong {
    color: #272727;
    background-color: transparent;
}
div#formsuccess p.mail {
    margin-bottom: 0;
    font-weight: bold;
}
div#formsuccess div.pdf a:link, div#formsuccess div.pdf a:visited {
    margin-bottom: 0;
}
div#formsuccess p.link a:link, div#formsuccess p.link a:visited {
    display: block;
    text-decoration: none;
    text-align: center;
    padding: 0.2em 0.4em;
    border: 1px solid #03357f;
    cursor: pointer;
}
div#formsuccess p.button a:link, div#formsuccess p.button a:visited {
    display: block;
    text-decoration: none;
    text-align: center;
    padding: 0.2em 0.4em;
    cursor: pointer;
}
/* ENDE Meldung nach Abschicken des Formulars */

/* Meldung bei Fehlern im Formular */
div#formerror {
    padding: 0.3em;
    background-color: yellow;
    margin-bottom: 0.6em;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;

}
div#formerror h2 {	
    margin: 0 0 0.3em 0;
    font-weight: normal;
    background-color: transparent;
}
div#formerror ul {
	margin-left: 0.6em;
}
/* ENDE Meldung bei Fehlern im Formular */