/** * ============================================================================= * formular elemente * ========================================================================== */
 input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], input:not([type]), textarea {
	 width: 100%;
	 display: inline-block;
	 padding: 8px 6px;
	 background: #fff;
	 border: 1px solid #ccc;
	 -moz-border-radius: 0;
	 -webkit-border-radius: 0;
	 border-radius: 0;
	 -moz-box-shadow: inset 0 1px 1px #eee;
	 -webkit-box-shadow: inset 0 1px 1px #eee;
	 box-shadow: inset 0 1px 1px #eee;
	 -moz-transition: all 0.15s linear;
	 -webkit-transition: all 0.15s linear;
	 -o-transition: all 0.15s linear;
	 transition: all 0.15s linear;
	 -moz-box-sizing: border-box;
	 -webkit-box-sizing: border-box;
	 box-sizing: border-box;
	 -webkit-appearance: none;
}
 input[type="text"]:focus, input[type="password"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="time"]:focus, input[type="url"]:focus, input:not([type]):focus, textarea:focus {
	 outline: 0;
	 background: #fcfcfc;
	 border-color: #bbb;
}
 input[type=radio], input[type=checkbox] {
	 margin: 0 3px 0 2px;
}
 form button, input[type=submit], .button {
	 display: inline-block;
	 padding: 12px 32px 12px 32px;
	 margin-bottom: 0;
	 text-align: center;
	 vertical-align: middle;
	 line-height: 16px;
	 font-size: 16px;
	 color: #fff;
	 cursor: pointer;
	 border: 2px solid #8c3477;
	 border-radius: 0;
	 background-color: #8c3477;
	 background-image: -webkit-linear-gradient(top, #8c3477, #8c3477);
	 background-image: linear-gradient(to bottom, #8c3477, #8c3477);
	 background-repeat: repeat-x;
	 -webkit-transition: background 0.15s linear;
	 transition: background 0.15s linear;
}
 form button:hover, input[type=submit]:hover {
	 border: 2px solid #999;
	 background-color: #999;
	 background-image: -webkit-linear-gradient(top, #999, #999);
	 background-image: linear-gradient(to bottom, #999, #999);
	 background-position: 0 !important;
	 color: #fff;
	 -webkit-transition: background 0.15s linear;
	 transition: background 0.15s linear;
}
 .ce_form .widget-select select {
	 width: 100%;
	 display: block;
	 -moz-appearance: none;
	 -webkit-appearance: none;
	 float: none;
	 padding: 8px 8px 8px 8px;
	 color: #555;
	 border: 0;
	 border: 1px solid #ccc;
	 border-radius: 0;
	 background-image: url("/files/gardinen-winkel/img/select-arrow-black.png");
	 background-color: #fff;
	 background-repeat: no-repeat;
	 background-position: 94% center;
	 text-indent: 0.01px;
	 text-overflow: "";
	 box-shadow: inset 0 1px 1px #eee;
}
 .firefox .widget-select select {
	 padding: 8px 8px 6px 8px !important;
}
 .firefox .widget-select.tl_chosen #ctrl_country select, .firefox .widget-select.tl_chosen select {
	 padding: 2px 8px 2px 8px;
}
 .firefox .widget-select.tl_chosen select[name="country"] {
	 padding: 8px 8px 6px 8px;
}
 .widget-upload {
	 width: 100%;
	 padding: 16px;
	 margin-right: 0;
	 margin-bottom: 20px;
	 border: 1px solid #ccc;
}
 .widget-explanation {
	 width: 100%;
	 padding: 16px;
	 margin-right: 0;
	 margin-bottom: 20px;
	 border: 1px solid #ccc;
}
 .widget-explanation p:last-child {
	 margin-bottom: 0;
}
 .widget-checkbox span, .widget-radio span {
	 display: block;
}
 @media (min-width: 992px) {
	 .ce_form .widget-checkbox span, .ce_form .widget-radio span {
		 width: 80%;
		 display: inline-block;
	}
}
 fieldset {
	 width: 100%;
	 padding: 16px;
	 margin-right: 0;
	 margin-bottom: 20px;
	 border: 1px solid #ccc;
}
 legend {
	 width: auto;
	 padding-left: 6px;
	 padding-right: 6px;
}
 .ce_form .widget-select select, .ce_form .widget input[class*=col-], .ce_form .widget label[class*=col-] {
	 -ms-flex: 0 0 100%;
	 -webkit-box-flex: 0;
	 flex: 0 0 100%;
	 max-width: 100%;
	 width: 100%;
}
 .ce_form .widget label[class*=col-] {
	 padding: 0;
}
 .widget label .mandatory {
	 color: #c20016;
}
/** * ============================================================================= * mod_search * ========================================================================== */
 .mod_search .widget-text {
	 width: 100%;
	 float: left;
	 margin-right: 0;
	 margin-bottom: 20px;
}
 .mod_search .widget-submit {
	 width: 100%;
	 float: left;
	 margin-bottom: 20px;
}
 .mod_search .widget-submit button {
	 width: 100%;
	 padding: 9px 20px 10px 20px;
}
 @media (min-width: 768px) {
	 .mod_search .widget-text {
		 width: 75%;
		 float: left;
		 margin-right: 3%;
		 margin-bottom: 20px;
	}
	 .mod_search .widget-submit {
		 width: 22%;
		 float: left;
		 margin-bottom: 20px;
	}
	 #header .mod_search .widget-text, #header .mod_search .widget-submit {
		 margin-bottom: 0;
	}
}
/** * ============================================================================= * mod_registration mod_personalData * ========================================================================== */
 .mod_personalData fieldset .widget-select select, .mod_registration fieldset .widget-select select, .mod_personalData .fields .widget-select select, .mod_registration .fields .widget-select select {
	 background-position: 97% center;
}
 .mod_personalData fieldset .widget-select select, .mod_registration fieldset .widget-select select, .mod_personalData .fields .widget-select select, .mod_registration .fields .widget-select select {
	 width: 100%;
	 display: block;
	 -moz-appearance: none;
	 -webkit-appearance: none;
	 float: none;
	 padding: 8px 8px 8px 8px;
	 color: #555;
	 border: 0;
	 border: 1px solid #ccc;
	 border-radius: 0;
	 background-image: url("/files/gardinen-winkel/img/select-arrow-black.png");
	 background-color: #fff;
	 background-repeat: no-repeat;
	 background-position: right 0.7em top 50%, 0 0;
	 text-indent: 0.01px;
	 text-overflow: "";
	 box-shadow: inset 0 1px 1px #eee;
}
 .mod_personalData fieldset, .mod_registration fieldset, .mod_personalData .fields, .mod_registration .fields {
	 overflow: hidden;
}
 fieldset + .widget-captcha {
	 display: none;
}
 @media only screen and (min-width: 768px) {
	 .mod_personalData fieldset .widget, .mod_registration fieldset .widget, .mod_personalData .fields .widget, .mod_registration .fields .widget {
		 width: 50%;
		 float: left;
	}
	 .mod_personalData .fields .widget:nth-child(odd), .mod_registration .fields .widget:nth-child(odd) {
		 padding-right: 8px;
	}
	 .mod_personalData fieldset .widget:nth-child(odd), .mod_registration fieldset .widget:nth-child(odd) {
		 padding-left: 8px;
	}
	 .mod_personalData .fields .widget:nth-child(even), .mod_registration .fields .widget:nth-child(even) {
		 padding-left: 8px;
	}
	 .mod_personalData fieldset .widget:nth-child(even), .mod_registration fieldset .widget:nth-child(even) {
		 padding-right: 8px;
	}
}
 
.extra label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: normal;
	font-size: 12px;
	margin-left: 30px;
    margin-top: -16px;
}
.extra fieldset {
    border:none;
	padding:0px;
}
.extra span.mandatory {
    color: #c20016;
}
.formbody .extra .mandatory span.mandatory {
    padding-right: 10px;
    float: left;
	margin-top: -20px;
	margin-left:-15px;
}
fieldset.checkbox_container.extra.mandatory legend {
    font-size: 14px;
    border-bottom: none;
    margin-bottom: 8px;
	margin-left: 15px;
}