/*****************************************************************/
/* Powermail einfach  */
/* (einfaches CSS integriert. Werte hier überschrieben) */
/*****************************************************************/
/*Field*/
span.mandatory,
span.powermail_mandatory { padding-left:5px; color: red; }

.powermail_field_error { border-color: red !important;}

.powermail_check_outer.powermail_field_error { border:2px solid red; border-radius: 3px 3px 3px 3px;}

form.powermail_form {
	margin: 0;
	padding: 0;
	width: 100%;
	/*font-size: 0.929em;  13px zu normal Font-Size 14px (vermutlich besser 14px belassen)*/
}
fieldset.powermail_fieldset {
	border: 3px solid #9d9d9d;
	margin: 0;
	background: #fafafa;
	padding: 8px 24px;
	border-radius: 4px;
}
fieldset.powermail_fieldset label {
	display: block;
}

/*IE bricht Label nicht um ohne diese Angabe KE 13.9.2013 - IE7 bleibt einzeilig! */
legend.powermail_label { width:100%; }

fieldset.powermail_fieldset input,
fieldset.powermail_fieldset textarea {
	border: 2px solid #9d9d9d;
	border-radius: 3px;
	width: 100%;
	line-height: 1;
	padding: 6px 3px 7px;
}
fieldset.powermail_fieldset textarea {
	height: 116px;
}
fieldset.powermail_fieldset input:focus,
fieldset.powermail_fieldset textarea:focus {
	outline: 2px dotted #005093;
	outline-offset: 1px	;
}

fieldset.powermail_fieldset div.powermail_fieldwrap {
	margin: 16px 0 12px;
}
fieldset.powermail_fieldset div.powermail_fieldwrap_submit {
	margin: 22px 0 12px;
}
fieldset.powermail_fieldset div.powermail_fieldwrap_submit input, fieldset.powermail_fieldset input.powermail_submit {
	width: 8.571em;
	border-color: #005093;
	background: #005093;
	color: white;
	font-weight: bold;
}
fieldset.powermail_fieldset div input.powermail_submit:hover {
	cursor: pointer;
	color: #fff;
	background: #666;
	border-color: #666;
}

.tx-powermail .requiredFieldMessage {
	font-size: 0.929em; /* 13px zu normal Font-Size 14üx */
	text-align: right;
	margin: 7px 3px;
}

.powermail_message {
	font-size: 1.077em;
	border: 3px solid #cdcdcd;
	margin: 24px 12px;
	background: #fafafa;
	padding: 24px;
}
.powermail_message_error,
.powermail_message_error ul li{
	color: red !important;
}

/* Radio Buttons & Checkboxen */
fieldset.powermail_fieldset div.powermail_fieldwrap_radio fieldset,
fieldset.powermail_fieldset div.powermail_fieldwrap_check fieldset {
	border: none;
	margin: 0;
	padding: 0;
}

fieldset.powermail_fieldset div.powermail_fieldwrap_radio fieldset .powermail_radio_outer,
fieldset.powermail_fieldset div.powermail_fieldwrap_check fieldset .powermail_check_outer {
	padding-top: 7px;
}
fieldset.powermail_fieldset div.powermail_fieldwrap_radio fieldset .powermail_radio_inner,
fieldset.powermail_fieldset div.powermail_fieldwrap_check fieldset .powermail_check_inner {
	margin-top: 12px;
	/*display: inline;*/
	display: block;
	padding-right: 12px;
	width: auto;
}
fieldset.powermail_fieldset div.powermail_fieldwrap_radio fieldset input,
fieldset.powermail_fieldset div.powermail_fieldwrap_check fieldset input {
	width: 18px;
	/* IE Border ausschalten 13.9.2013*/
	border:none;
}
fieldset.powermail_fieldset div.powermail_fieldwrap_radio fieldset label,
fieldset.powermail_fieldset div.powermail_fieldwrap_check fieldset label {
	display: inline;
	/*font-weight: bold;*/
}
fieldset.powermail_fieldset div.powermail_fieldwrap_radio fieldset label,
fieldset.powermail_fieldset div.powermail_fieldwrap_check fieldset label {}

/* Checkboxen und Options bei Layout 1 Untereinander */
fieldset.powermail_fieldset div.powermail_fieldwrap_check.layout1 {}
fieldset.powermail_fieldset div.powermail_fieldwrap_check.layout1 .powermail_check_inner {
	display:block; margin-top:5px;
}

fieldset.powermail_fieldset div.powermail_fieldwrap_radio.layout1 .powermail_radio_inner {
	display:block; margin-top:5px;
}

fieldset .powermail_field .radio .powermail_radio, fieldset .powermail_field .checkbox .powermail_checkbox {
	width: 20px;
	height: 20px;
	display: inline;
	margin: 11px 10px 10px 1px;
	position: relative;
	top: 0px;
	left: -1px;
}

fieldset .powermail_field {
	margin-top: 8px;
}

fieldset .noFieldsetBorder {
	border: none;
	padding: 0;
	margin: 0;
}

fieldset .parsley-required {
	color: red;
	list-style-type: none;
	font-weight: bold;
}

.parsley-errors-list {
	padding-left: 0;
	margin-top: .5rem;
}

fieldset.powermail_fieldset .parsley-error {
	border-color: red;
}

fieldset.powermail_fieldset label.powermail_radio_label:hover {
	cursor: pointer;
}


/* Create a custom radio button */
fieldset.powermail_fieldset .radio label {
	position: relative;
	display: inline-block;
	padding-right: 10px;

}


fieldset.powermail_fieldset .radiomark {
	position: absolute;
	top: 11px;
	left: 0;
	height: 20px;
	width: 20px;
	background-color: #ccc;
	border-radius: 50%;
}

/* On mouse-over, add a grey background color */
fieldset.powermail_fieldset label.powermail_radio_label:hover .powermail_radio:not(:checked) ~ .radiomark {
	background-color: #aaa;
	/*cursor: pointer;*/
}

/* When the radio button is checked, add a blue background */
fieldset.powermail_fieldset label .powermail_radio:checked ~ .radiomark {
	background-color: #009bbc;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
fieldset.powermail_fieldset .radiomark:after {
	content: "";
	position: absolute;
	display: none;
}

/* Show the indicator (dot/circle) when checked */
fieldset.powermail_fieldset .powermail_radio:checked ~ .radiomark:after {
	display: block;
}

/* Style the indicator (dot/circle) */
fieldset.powermail_fieldset .radiomark:after {
	top: 5px;
	left: 5px;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background: #333;
}

fieldset.powermail_fieldset .parsley-error span.radiomark {
	/* background-color: red; */
	border: 2px solid red;
}

/* Custom Checkbox */


fieldset.powermail_fieldset label.powermail_checkbox_label {
	position: relative;
	display: inline-block;
	padding-right: 10px;

}

fieldset.powermail_fieldset label.powermail_checkbox_label {
	position: relative;
	display: inline-block;
	padding-right: 10px;
}

/* Create a custom checkbox */

fieldset.powermail_fieldset  label.powermail_checkbox_label .checkmark {
	position: absolute;
	top: 11px;
	left: 0px;
	height: 20px;
	width: 20px;
	background-color: #ccc;
}

/* On mouse-over, add a grey background color */
fieldset.powermail_fieldset label.powermail_checkbox_label:hover {
	cursor: pointer;
}

fieldset.powermail_fieldset label.powermail_checkbox_label:hover .powermail_checkbox:not(:checked) ~ .checkmark {
	background-color: #aaa;
}

fieldset.powermail_fieldset label.powermail_checkbox_label:hover .powermail_checkbox ~ .checkmark {
	background-color: #aaa;
}

/* When the checkbox is checked, add a blue background */
fieldset.powermail_fieldset .powermail_checkbox:checked ~ .checkmark {
	background-color: #009bbc;
}

/* Create the checkmark/indicator (hidden when not checked) */
fieldset.powermail_fieldset label.powermail_checkbox_label .checkmark:after {
	content: "";
	position: absolute;
	display: none;
}

/* Show the checkmark when checked */
fieldset.powermail_fieldset .powermail_checkbox:checked ~ .checkmark:after {
	display: block;
}

/* Style the checkmark/indicator */
fieldset.powermail_fieldset label.powermail_checkbox_label .checkmark:after {
	left: 7px;
	top: 2px;
	width: 7px;
	height: 14px;
	border: solid #333;
	border-width: 0 3px 3px 0;
	-webkit-transform: rotate(40deg);
	-ms-transform: rotate(40deg);
	transform: rotate(40deg);
	border-radius: 2px;
}

fieldset.powermail_fieldset .parsley-error span.checkmark {
	border: 2px solid red;
}