/* forms */

/* style: Hauptstil language: default / engineId: default / pseudo: default */
.mandatory label.caption {
	padding-left:13px;
	background-image:none;
	background-position:left top;
}

.mandatory label {
	background-image:url(../../../../docs/de/2012/mandatory-label.png?v=1.0);
	background-repeat:no-repeat;
	background-position:right top;
}

.mandatory ul.checkbox label {
	background-image:none;
}

.error input.textfield,
.error select,
.error textarea,
.input-error select,
.input-error textarea {
	border-color:#CC1880 !important;
	background-color:Colors/$error-light !important;
}

.error select {
	border-style:solid;
}

.input-error select {
	border-style:solid;
}

.error label {
	color:#CC1880;
}

.error label.caption {
	color:#25313F;
}

label {
	font-family:'Myriad W01 Regular',arial,sans-serif;
	font-weight:normal;
	font-style:normal;
	color:#25313F;
	padding-right:5px;
	font-size:14px;
	line-height:1.6em;
}

p.error {
	color:#CC1880;
}

.captcha-image {
	vertical-align:top;
}

input.checkbox,
input.radiobutton {
	vertical-align:middle;
	width:18px;
	height:18px;
	-moz-appearance:none;
	-webkit-appearance:none;
	appearance:none;
	margin-right:10px;
	background-color:#FFFFFF;
	background-image:url(../../../../docs/de/1911/sprite-bricks-icons.png?v=1.0);
	background-repeat:no-repeat;
	background-position:left -600px;
	cursor:pointer;
}
div.pc3-input-checkbox,
div.pc3-input-radiobutton {
	vertical-align:middle;
	width:18px;
	height:18px;
	-moz-appearance:none;
	-webkit-appearance:none;
	appearance:none;
	margin-right:10px;
	background-color:#FFFFFF;
	background-image:url(../../../../docs/de/1911/sprite-bricks-icons.png?v=1.0);
	background-repeat:no-repeat;
	background-position:left -600px;
	cursor:pointer;
}

input.radiobutton {
	vertical-align:top;
	float:left;
	width:16px;
	height:16px;
	margin-top:0px;
	margin-bottom:0px;
	margin-left:0px;
	background-position:-200px -600px;
}
div.pc3-input-radiobutton {
	vertical-align:top;
	float:left;
	width:16px;
	height:16px;
	margin-top:0px;
	margin-bottom:0px;
	margin-left:0px;
	background-position:-200px -600px;
}

ul.checkbox {
	margin-bottom:10px;
}

ul.checkbox li {
	padding-bottom:5px;
}

ul.checkbox li label {
	font-family:Arial, sans-serif;
	font-weight:normal;
	font-style:normal;
	color:#25313F;
	font-size:14px;
	line-height:1.6em;
}

.content .button-submit,
.content a.button-submit {
	font-family:'Myriad W01 SmBd', arial, sans-serif;
	font-weight:normal;
	font-style:normal;
	color:#FFFFFF;
	font-size:16px;
	text-align:center;
	float:right;
	width:auto;
	border-style:none;
	margin-top:20px;
	margin-bottom:5px;
	margin-left:10px;
	padding-top:6px;
	padding-right:15px;
	padding-bottom:6px;
	padding-left:15px;
	background-color:#0098CA;
	-o-transition:background-color 0.2s linear 0s;
	-webkit-transition:background-color 0.2s linear 0s;
	transition:background-color 0.2s linear 0s;
	cursor:pointer;
	line-height:1.2;
}

.content fieldset {
	margin-right:-0px;
	margin-bottom:0px;
	margin-left:-0px;
}

.content fieldset header {
	display:none;
	margin:0px;
	margin-bottom:2px;
	padding-top:12px;
	padding-right:20px;
	padding-bottom:8px;
	padding-left:20px;
	background-color:#F4F4F4;
}

.content fieldset header h2 {
	margin:0px;
}

.content fieldset aside {
	padding-top:0px;
	padding-bottom:5px;
}

.content fieldset aside .form-field {
	overflow:hidden;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	padding-right:0px;
	padding-bottom:15px;
	padding-left:0px;
}

.content fieldset aside .form-field .form-input {
	float:right;
	width:75%;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}

.content fieldset aside .form-field .form-input select {
	width:100%;
}

.content fieldset aside .form-field .form-label {
	float:left;
	width:25%;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	padding-right:10px;
}

.content fieldset aside .form-field input.textfield {
	font-family:Arial, sans-serif;
	font-weight:normal;
	font-style:normal;
	font-size:14px;
	line-height:1.2em;
	float:right;
	width:75%;
	height:26px;
	border-width:1px;
	border-color:#BFC3C7;
	border-style:solid;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	padding-top:0px;
	padding-right:12px;
	padding-bottom:0px;
	padding-left:12px;
}

.content fieldset aside .form-field select.meduim,
select.auto,
select.default {
	font-family:Arial, sans-serif;
	font-weight:normal;
	font-style:normal;
	color:#25313F;
	font-size:14px;
	line-height:1.2em;
	float:right;
	width:75%;
	height:26px;
	-moz-appearance:none;
	-webkit-appearance:none;
	appearance:none;
	border-width:1px;
	border-color:#BFC3C7;
	border-style:solid;
	-moz-border-radius:0px;
	-webkit-border-radius:0px;
	border-radius:0px;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	padding-right:27px;
	padding-left:12px;
	background-color:#FFFFFF;
	background-image:url(../../../../docs/de/1631/dropdown.jpg?v=1.0);
	background-repeat:no-repeat;
	background-position:right top;
	cursor:pointer;
}
.content fieldset aside .form-field div.pc3-select-meduim,
div.pc3-select-auto,
div.pc3-select-default {
	font-family:Arial, sans-serif;
	font-weight:normal;
	font-style:normal;
	color:#25313F;
	font-size:14px;
	line-height:1.2em;
	float:right;
	width:75%;
	height:26px;
	-moz-appearance:none;
	-webkit-appearance:none;
	appearance:none;
	border-width:1px;
	border-color:#BFC3C7;
	border-style:solid;
	-moz-border-radius:0px;
	-webkit-border-radius:0px;
	border-radius:0px;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	padding-right:27px;
	padding-left:12px;
	background-color:#FFFFFF;
	background-image:url(../../../../docs/de/1631/dropdown.jpg?v=1.0);
	background-repeat:no-repeat;
	background-position:right top;
	cursor:pointer;
}

select.auto,
select.default {
	width:auto;
}
div.pc3-select-auto,
div.pc3-select-default {
	width:auto;
}

select.default {
	float:none;
}
div.pc3-select-default {
	float:none;
}

.content fieldset aside .form-field textarea {
	font-family:Arial, sans-serif;
	font-weight:normal;
	font-style:normal;
	font-size:14px;
	line-height:1.2em;
	float:right;
	width:75%;
	height:154px;
	border-width:1px;
	border-color:#BFC3C7;
	border-style:solid;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	padding-top:6px;
	padding-right:12px;
	padding-bottom:6px;
	padding-left:12px;
}

.content fieldset aside .form-field label.caption {
	padding-left:13px;
	background-image:none;
	background-position:left top;
}

.content fieldset aside .form-field select.multiple {
	font-family:Arial, sans-serif;
	font-weight:normal;
	font-style:normal;
	color:#25313F;
	font-size:14px;
	line-height:1.2em;
	width:75%;
	height:60px;
	border-width:1px;
	border-color:#BFC3C7;
	border-style:solid;
	-moz-border-radius:0px;
	-webkit-border-radius:0px;
	border-radius:0px;
	cursor:pointer;
}

.content fieldset aside .form-field select.multiple option {
	font-family:Arial, sans-serif;
	font-weight:normal;
	font-style:normal;
	color:#25313F;
	font-size:14px;
	line-height:1.2em;
	padding-top:3px;
	padding-right:20px;
	padding-bottom:3px;
	padding-left:12px;
}

.content fieldset aside .form-field div.upload {
	position:relative;
	height:26px;
}

.content fieldset aside .form-field div.upload div.upload-file {
	position:absolute;
	overflow:hidden;
	width:100%;
	height:100%;
	top:0px;
	left:0px;
}

.content fieldset aside .form-field div.upload div.upload-file input {
	font-size:200px;
	width:2000px;
	height:200px;
	margin-top:-10px;
	margin-left:-30px;
	-ms-filter:Alpha(opacity=1);
	filter:Alpha(opacity=1);
	opacity:0.01;
	cursor:pointer;
}

.content fieldset aside .form-field div.upload div.upload-file div.loader {
	position:absolute;
	display:none;
	width:100%;
	height:100%;
	top:0px;
	left:0px;
	background-color:#FFFFFF;
	-ms-filter:Alpha(opacity=60);
	filter:Alpha(opacity=60);
	opacity:0.6;
}

.content fieldset aside .form-field div.upload div.upload-file div.loader img {
	position:absolute;
	top:50%;
	margin-top:-7px;
	margin-left:12px;
}

.content .button-reset,
.input-add-on .input-add-on-rest input.button,
a.button-reset {
	font-family:'Myriad W01 SmBd', arial, sans-serif;
	font-weight:normal;
	font-style:normal;
	color:#FFFFFF;
	font-size:16px;
	text-align:center;
	float:right;
	width:auto;
	height:auto;
	border-style:none;
	margin-top:20px;
	margin-bottom:5px;
	margin-left:10px;
	padding-top:6px;
	padding-right:25px;
	padding-bottom:6px;
	padding-left:25px;
	background-color:#25313F;
	-o-transition:background-color 0.2s linear 0s;
	-webkit-transition:background-color 0.2s linear 0s;
	transition:background-color 0.2s linear 0s;
	cursor:pointer;
	line-height:1.2;
}

.input-add-on .input-add-on-rest input.button {
	height:26px;
	margin-left:0px;
}

a.button-reset {
	line-height:1.4em;
}

.content fieldset.error h2 {
	color:#CC1880;
}

.content fieldset.error label {
	color:#CC1880;
}

.content fieldset.decoy {
	position:absolute;
	top:-10000px;
	left:-10000px;
}

.content article.bg-color2 fieldset aside .form-field input.textfield {
	border-color:#BFC3C7;
}

.content article.bg-color2 fieldset aside .form-field select.meduim {
	border-color:#BFC3C7;
}

.content article.bg-color2 fieldset aside .form-field select.multiple {
	border-color:#BFC3C7;
}

.content article.bg-color2 fieldset aside .form-field textarea {
	border-color:#BFC3C7;
}

.content article.bg-color2 input.search-field {
	border-color:#BFC3C7;
}

.content .button-pulse {
	font-family:'Myriad W01 SmBd', arial, sans-serif;
	font-weight:normal;
	font-style:normal;
	color:#FFFFFF;
	font-size:14px;
	text-align:center;
	float:right;
	width:auto;
	height:30px;
	border-style:none;
	margin-top:20px;
	margin-bottom:5px;
	margin-left:10px;
	padding-top:8px;
	padding-right:15px;
	padding-bottom:8px;
	padding-left:15px;
	background-color:#FD9352;
	-o-transition:background-color 0.2s linear 0s;
	-webkit-transition:background-color 0.2s linear 0s;
	transition:background-color 0.2s linear 0s;
	cursor:pointer;
	line-height:1.2;
}

.content .button-toolbar {
	border-width:0;
	padding:0;
	background-color:transparent;
}

input.search-field,
input.default,
textarea.default {
	width:70%;
	height:25px;
	-moz-appearance:none;
	-webkit-appearance:none;
	appearance:none;
	border-width:1px;
	border-color:#BFC3C7;
	border-style:solid;
	-moz-border-radius:0px;
	-webkit-border-radius:0px;
	border-radius:0px;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	margin-right:10px;
	padding-top:0px;
	padding-right:12px;
	padding-bottom:0px;
	padding-left:12px;
}

textarea.default {
	font-family:Arial, sans-serif;
	font-weight:normal;
	font-style:normal;
	min-height:100px;
}

ul.radiobutton {
	margin-bottom:10px;
}

ul.radiobutton li {
	padding-bottom:5px;
}

ul.radiobutton li label {
	font-family:Arial, sans-serif;
	font-weight:normal;
	font-style:normal;
}

input.search-button {
	font-family:Arial, sans-serif;
	font-weight:normal;
	font-style:normal;
	color:#FFFFFF;
	font-size:13px;
	text-align:center;
	height:auto;
	-moz-appearance:none;
	-webkit-appearance:none;
	appearance:none;
	border-width:0px;
	border-color:#909DA5;
	border-style:none;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	padding-top:5px;
	padding-right:10px;
	padding-bottom:5px;
	padding-left:10px;
	background-color:#909DA5;
	cursor:pointer;
}

.input-add-on {
	width:100%;
	table-layout:auto;
}

.input-add-on .input-add-on-fluid {
	width:100%;
}

.input-add-on .input-add-on-fluid input.textfield {
	width:100%;
	height:26px;
}

.input-add-on .input-add-on-rest {
	width:auto;
}

input.checkbox.disabled {
	-ms-filter:Alpha(opacity=0);
	filter:Alpha(opacity=0);
	opacity:0;
	cursor:default;
}

.v-align-top {
	vertical-align:top;
}

input.default.error {
	border-color:#FD9352;
}

.input-error input {
	border-color:#CC1880 !important;
}

p.error.right {
	text-align:right;
}

select.error {
	border-color:#FD9352;
}

textarea.default.block {
	width:100%;
}

input.checkbox.half {
	-ms-filter:Alpha(opacity=50);
	filter:Alpha(opacity=50);
	opacity:0.5;
}

input.search-field.higher {
	height:32px;
}
/* style: Hauptstil language: default / engineId: default / pseudo: hover */
.content .button-submit:hover,
.content a.button-submit:hover {
	background-color:#CC1880;
}

.content .button-reset:hover,
.input-add-on .input-add-on-rest input.button:hover,
a.button-reset:hover {
	color:#FFFFFF !important;
	background-color:#CC1880;
}

input.search-button:hover {
	border-color:#CC1880;
	background-color:#CC1880;
}
/* style: Hauptstil language: default / engineId: default / pseudo: checked */
input.checkbox:checked, input.checkbox:checked:hover,
input.radiobutton:checked, input.radiobutton:checked:hover {
	background-position:-100px -600px;
}
div.pc3-input-checkbox-checked, div.pc3-input-checkbox-checked:hover,
div.pc3-input-radiobutton-checked, div.pc3-input-radiobutton-checked:hover {
	background-position:-100px -600px;
}

input.radiobutton:checked, input.radiobutton:checked:hover {
	background-position:-300px -600px;
}
div.pc3-input-radiobutton-checked, div.pc3-input-radiobutton-checked:hover {
	background-position:-300px -600px;
}

/* forms @media Tablet */
@media only screen and (max-width: 1001px) {

/* style: Hauptstil language: default / engineId: default / pseudo: default */
.content fieldset aside .form-field .form-input {
	float:none;
	width:100%;
}

.content fieldset aside .form-field .form-label {
	display:block;
	float:none;
	width:100%;
	margin-bottom:5px;
}

.content fieldset aside .form-field input.textfield {
	float:none;
	width:100%;
}

.content fieldset aside .form-field select.meduim {
	float:none;
	width:100%;
}

.content fieldset aside .form-field textarea {
	font-size:16px;
	float:none;
	width:100%;
}

.content fieldset aside .form-field select.multiple {
	float:none;
	width:100%;
}

.content article.bg-color2 fieldset aside .form-field textarea {
	font-size:16px;
	float:none;
	width:100%;
}

input {
	-moz-appearance:none;
	-webkit-appearance:none;
	appearance:none;
	-moz-border-radius:0px;
	-webkit-border-radius:0px;
	border-radius:0px;
}
}

/* forms @media Mobile */
@media only screen  and (max-width : 700px) {

/* style: Hauptstil language: default / engineId: default / pseudo: default */
input {
	font-size:16px;
}
}