/* ##### ##### ##### CUSTOM FORMS ##### ##### #####*/

html {
    font-family: "HelveticaRegular", arial, sans-serif;
    font-size:16px;
    line-height:1.4rem;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}

body{
	padding:0;
	margin:0 auto;
	font-weight:400;
	color: #484848;
}

body, div, p{
	-ms-hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    -o-hyphens: auto;
    hyphens:auto;
}

/* unbedingt die Verdana aus jQuery UI ueberschrieben ! */
/* da das von Google CDN kommt !*/
.ui-widget * {
	font-family: "HelveticaRegular", Arial, sans-serif!important;
}

.ui-widget{
	font-family: "HelveticaRegular", Arial, sans-serif!important;
}

.ui-tabs-anchor{
	font-family: "HelveticaLight", Arial, sans-serif!important;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    /* display: none; <- Crashes Chrome on hover */
    -webkit-appearance: none!important;
    margin: 0!important; /* <-- Apparently some margin are still there even though it's hidden */
}


input[type=number] {
    -moz-appearance:textfield;
}


.hideonmobile{
	display: block;
}


.showonmobile{
	display:none;
}


/* bitte keine runden Ecken bei UI elementen */
div[class*='ui-corner-']{
   -webkit-border-radius: 0!important;
   -webkit-border-top-left-radius: 0!important;
   -webkit-border-top-right-radius: 0!important;
   -webkit-border-bottom-left-radius: 0!important;
   -webkit-border-bottom-right-radius: 0!important;

   -moz-border-radius: 0!important;
   -moz-border-top-left-radius: 0!important;
   -moz-border-top-right-radius: 0!important;
   -moz-border-bottom-left-radius: 0!important;
   -moz-border-bottom-right-radius: 0!important;

   -o-border-radius: 0!important;
   -o-border-top-left-radius: 0!important;
   -o-border-top-right-radius: 0!important;
   -o-border-bottom-left-radius: 0!important;
   -o-border-bottom-right-radius: 0!important;

   -ms-border-radius: 0!important;
   -ms-border-top-left-radius: 0!important;
   -ms-border-top-right-radius: 0!important;
   -ms-border-bottom-left-radius: 0!important;
   -ms-border-bottom-right-radius: 0!important;

    border-radius: 0!important;
    border-top-left-radius: 0!important;
    border-top-right-radius: 0!important;
    border-bottom-left-radius: 0!important;
    border-bottom-right-radius: 0!important;
}


.formtabs{
	padding:0!important;
	margin:0!important;
}
/*
  .ui-tabs .ui-tabs-nav .ui-state-default {
                border: none !important;
                background-color: #e4e1cd !important;
                background-image: none !important;
                border-top:1px solid #EEECDD!important;
                border-right:1px solid #EEECDD!important;
                border-left:1px solid #EEECDD!important;
                border-bottom:2px solid #cdcaaa!important;
                border-radius:0px!important;
            }
            .ui-tabs .ui-tabs-nav .ui-state-default a.ui-tabs-anchor{
                color:#74757b;
                font-weight:800;
            }

           
            .ui-tabs .ui-tabs-active.ui-state-active {
                background-color: #EEECDD !important;
                background-image: none !important;
                border-bottom:2px solid #EEECDD!important;
            }
            .ui-tabs-active.ui-state-active a.ui-tabs-anchor{
                color: #FF6C00!important;
                font-weight:800;
            }
*/

.formtabs li{
	display:block;
	float:left;
	padding:.5rem .75rem .5rem .75rem;
	background-color: #e4e1cd;
	border-top:1px solid #EEECDD;
	border-left:1px solid #EEECDD;
	border-right:1px solid #EEECDD;
	border-bottom:2px solid #cdcaaa;
	margin:0!important;
}



.formtabs li:not(:first-child){
	border-left:none;
	margin-left:2px!important;
}

.formtabs li.active{
	background-color:#EEECDD;
	border-bottom:2px solid #EEECDD;
}

.formtabs li a{
	font-family: "HelveticaLight", sans-serif;
    line-height:1.4rem;
	text-decoration:none;
	color:#74757b;
	font-weight:800;
}
.formtabs li.active a{
	color:#FF6C00;
}

.formtabs li span{
	font-family: "HelveticaLight", sans-serif;
    line-height:1.4rem;
	color:#CCC;
}




input{
	-ms-hyphens: none;
    -moz-hyphens: none;
    -webkit-hyphens: none;
    -o-hyphens: none;
    hyphens:none;
    outline:none;
    line-height:1rem;
}



.formcontainer{
	display:block;
	float:left;
	width:100%;
	background-color:#EEECDD;
	padding:1rem 0 1rem .75rem!important;
	margin:0 0 1rem 0;
}


.formcontainer * {
	/* wichtig: hebt einstellungen in project.css auf */
    -moz-box-sizing: content-box!important;
    -webkit-box-sizing: content-box!important;
    box-sizing: content-box!important;
}

.formcontainer form{
	padding:0;
	margin:0;
}

.formcontainer h2{
	font-family: "HelveticaLight",sans-serif;
	font-size:2.125rem;
	font-weight:200;
	line-height:1.2;
	padding:0;
	margin:0 0 1.25rem 0;
}


.formcontainer .intro{
	padding:0 .75rem 0 0;
	font-size: 1rem;
	font-weight:200;
	line-height:1.4;
}

.formcontainer form{
	padding:0;
	margin:0;
}

.formcontainer sup{
	font-size: .5rem;
	line-height:.5rem;
}

.formcontainer fieldset{
	padding:.75rem 0 .75rem .75rem!important;
	margin:2rem 0 0 0!important;
	width: calc(100% - .75rem)!important;
	border:none!important;
	background-color:#E4E1CD!important;
}

/*z.B. Userprofile Form*/
.formcontainer fieldset .innerwrapper{
	display:block;
	float:left;
	width:65%;
}

.formcontainer.calculatorform fieldset .innerwrapper{
	display:block;
	float:left;
	width:100%
}



.formcontainer .ui-slider-handle{
	width:16px!important;
	height:16px!important;
	cursor:ew-resize;
	
}

/* result fields */

.formcontainer fieldset.result{
	/*
	background-image:url("../images/resultbg_karo.png");
	background-repeat:repeat;
	background-position: top left;
	*/
	background-color:rgba(202,192,175,1)!important; /* 50% von 150,130,95 */
	background-size:5px;
	/*
	border-top:.25rem solid #E4E1CD!important;
	border-left:.25rem solid #E4E1CD!important;
	border-bottom:.25rem solid #E4E1CD!important;
	*/
	/*
	border-top:.25rem solid rgba(150,130,95,1)!important;
	border-left:.25rem solid rgba(150,130,95,1)!important;
	border-bottom:.25rem solid rgba(150,130,95,1)!important;
	*/
	padding:.75rem 0 .75rem .75rem!important;
	width: calc(100% - .75rem)!important;
}

.formcontainer fieldset.result .formelement label, .formcontainer fieldset.result .formelement .unit{
	/*color:#FF6c00;*/
	color:#000;
	font-family: "HelveticaRegular", sans-serif!important;
}

.formcontainer fieldset.result .formelement .inputtext{
	/*
	opacity:.75!important;
	background-color:rgba(255,108,0,.25);
	*/
	 color:#FF6c00;
	 /* Case 36101 fett und 1 schriftgrad groesser*/
	 font-weight:bold;
	 font-size:18px;
	 /* Case 36101 */
	 font-family: "HelveticaRegular", sans-serif!important;
}

/* end result fields */

.detailtext{
	position:relative;
	display:none;
	border:none;
	clear:both;
	width:calc(100% - 2.7rem);
	background-color:#d1cfc1;
	padding:.5rem;
	font-size:.8rem;
	min-height:40px;
}

.calculatorform .detailtext{
	width:calc(60% - 1.2rem);
}

.detailtext:after{
	bottom:100%;
	left: 15px;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(238, 236, 221, 0);
	border-bottom-color: #d1cfc1;
	border-width: 10px;
	margin-left: -10px;
}

/* Editor Styles fuer Detailtext */
.detailtext h1,
.detailtext h2,
.detailtext h3,
.detailtext h4,
.detailtext h5,
.detailtext h6{
	padding:0!important;
	margin:0!important;
}

.detailtext h1,
.detailtext h2{
	font-size:1.1rem!important;
}

.detailtext h3,
.detailtext h4{
	font-size:1rem!important;
}

.detailtext h5,
.detailtext h6{
	font-size:.9rem!important;
}

.detailtext p{
	padding:0!important;
	margin:.25rem 0 .25rem 0;
	line-height:1.2rem;
}


.formcontainer fieldset h2{
	font-family: "HelveticaLight",sans-serif;
	font-size:1.2rem;
	font-weight:200;
	line-height:1.2;
	padding:0 .75rem .6rem 0;
	margin:0 0 1rem 0;
}

.formcontainer fieldset .formelement{
	display:block;
	float:left;
	clear:both;
	width:100%;
	padding:0;
	margin:.5rem 0 .5rem 0;
}

.formcontainer fieldset .formelement.sixtysix{
	width:66.66666666%;
}
.formcontainer fieldset .formelement.sixtysix > label{
	width:calc(100% - 1.5rem)!important;
}

.formcontainer fieldset .formelement.fifty{
	width:50%;
}
.formcontainer fieldset .formelement.fifty > label{
	width:calc(100% - 1.5rem)!important;
}

.formcontainer fieldset .formelement.thirtythree{
	width:33.33333333%;
}
.formcontainer fieldset .formelement.thirtythree > label{
	width:calc(100% - 1.5rem)!important;
}

.formcontainer fieldset .formelement.twentyfive{
	width:25%;
}
.formcontainer fieldset .formelement.twentyfive > label{
	width:calc(100% - 1.5rem)!important;
}

.formcontainer fieldset .formelement.seventeen{
	width:16.66666666%;
}
.formcontainer fieldset .formelement.seventeen > label{
	width:calc(100% - 1.5rem)!important;
}

.formcontainer fieldset .formelement.inline{
	display:block;
	float:left;
	clear:none;
	padding:0;
	margin:.5rem 0 .5rem 0;
}



.formcontainer fieldset .formelement > label{
	display:block;
	clear:both;
	width:calc(100% - 1.5rem)!important;
	font-size:1.1rem;
	font-weight:200;
	line-height:1.2;
	padding:0 0 .25rem 0!important;
}


.formcontainer.calculatorform fieldset .formelement > label{
	width:60%!important;
}


.formcontainer fieldset .formelement.inline label{
	display:block;
	clear:both;
	width:calc(100% - 3.1rem);
	font-size:1.1rem;
	font-weight:200;
	line-height:1.2;
	padding:0 1.3rem .25rem 0;
}



.formcontainer .mandatory{
	font-size:1.5rem;
	font-weight:600!important;
	line-height:.75rem!important;
	color:#FF6c00;
	padding:0;
	margin:0;
}

.formcontainer .clearfix{
	display:block;
	width:100%;
	clear:both;
}

.formcontainer .formelement .inputtext{
	display:block;
	float:left;
	border:1px solid #FFFFFF;
	background-color:#FFFFFF;
	padding:.75rem .6rem .75rem .6rem!important;
	width: calc(60% - 1.5rem)!important;
	font-size:1rem;
	color:#000000;
	margin:0;
	-webkit-appearance: none;
 	-webkit-border-radius: 0;
 	-moz-border-radius: 0;
 	border-radius: 0;
}

.formcontainer .formelement.inline .inputtext{
	width: calc(100% - 3rem)!important;
	
}

.formcontainer .formelement .inputtext[readonly]{
	background-color:rgba(255,255,255,.5);
	color:rgba(51,51,51,.5);
	border:1px solid rgba(255,255,255,.125);
	pointer-events: none;
}

.formcontainer .formelement .slidercontainer{
	width:calc(60% - .2rem);
	margin:.6rem 0 .8rem 0;
}


.formcontainer .formelement > .unit{
	display:block;
	float:right;
	width: calc(40% - 1.75rem);
	padding:.75rem .6rem .75rem 1rem;
	white-space: nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	font-size:1rem;
	font-weight:200;
	line-height:1.2;
}

.formcontainer .formelement > .unit.sliderunit{
	margin-top:1.5rem;
}


.formcontainer .formelement .details{
	float:right;
	position:relative;
	padding:0 .25rem 0 0;
}

.formcontainer .formelement.inline.error .errortext{
	width:calc(100% - 3rem);
}

.formcontainer .formelement.sixtysix .detailtext{
	width: calc(100% - 2.7rem)!important;
}
.formcontainer .formelement.sixtysix.error .errortext{
	width: calc(100% - 3rem)!important;
}

.formcontainer .formelement.fifty .detailtext{
	width: calc(100% - 2.7rem)!important;
}
.formcontainer .formelement.fifty.error .errortext{
	width: calc(100% - 3rem)!important;
}


.formcontainer .formelement.thirtythree .detailtext{
	width: calc(100% - 2.7rem)!important;
}
.formcontainer .formelement.thirtythree.error .errortext{
	width: calc(100% - 3rem)!important;
}


.formcontainer .formelement.twentyfive .detailtext{
	width: calc(100% - 2.7rem)!important;
}
.formcontainer .formelement.twentyfive.error .errortext{
	width: calc(100% - 3rem)!important;
}



.formcontainer .formelement.seventeen .detailtext{
	width: calc(100% - 2.7rem)!important;
}
.formcontainer .formelement.seventeen.error .errortext{
	width: calc(100% - 3rem)!important;
}



.formcontainer .formelement .details div{
	display:block;
	float:right;
	width:22px;
	height:22px;
	border-radius: 50%;
	text-align:center;
	background-color:#FFFFFF;
	color:#d1cfc1;
	font-family:Helvetica, arial, sans-serif!important;
	font-size:18px!important;
	/*font-style: italic;*/
	font-weight:600!important;
	/*border:1px solid #d1cfc1!important;*/
	cursor:pointer!important;
}

.formcontainer .formelement .i{
	display:block;
	float:left;
	width:40px;
	height:40px;
	margin:0px 10px 0px 0px;
	border-radius: 50%;
	text-align:center;
	background-color:rgba(255,255,255,.75);
	color:rgba(228,225,205,1);
	font-family:"Times New Roman", times, serif;
	font-size:30px;
	line-height: 40px;
	font-style: italic;
	font-weight:800;
}

.formcontainer .formelement.error .inputtext{
	border:1px solid #FF6C00;
	/*
	background-image:url("../images/errorinputbg.png");
	*/
}


.formcontainer .formelement.error .checkgroup,
.formcontainer .formelement.error .radiogroup{
	border:1px solid #FF6C00;
}


.formcontainer .formelement.error .errortext{
	position:relative;
	display:block;
	float:left;
	font-size:.8rem;
	padding:.75rem .6rem .75rem .6rem;
	width: calc(60% - 1.5rem);
	border:1px solid #FF6c00;
	background-color: #FF6c00;
	color:#FFF;
}

.formcontainer .formelement.error .errortext:after {
	bottom: 100%;
	left: 15px;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(255, 108, 0, 0);
	border-bottom-color: #ff6c00;
	border-width: 10px;
	margin-left: -10px;
}

.formcontainer .btn{
	display:block!important;
	float:left!important;
	width:auto!important;
	font-family: "HelveticaBold", sans-serif;
	font-size: 0.9375rem;
	border: 1px solid white;
	padding: 0 1.25rem;
	color: white;
	line-height: 1.75rem;
	text-transform: uppercase;
	margin:.5rem 0 0 0!important;
	-webkit-appearance: none;
 	-webkit-border-radius: 0;
 	-moz-border-radius: 0;
 	border-radius: 0;
}

.formcontainer .btnsubmit{
	background-color: #ff6c00;
	margin-right:2rem!important;
}

.formcontainer .btnreset{
	background-color: #87888a;
	margin-right:2rem!important;
}

.formcontainer .btnsubmit:hover{
	background-color:#e66100;
}

.formcontainer .btnreset:hover{
	background-color:#676769;
}

/* RADIO und CHECKBOX */
.formcontainer input[type=checkbox]:not(old),
.formcontainer input[type=radio]:not(old){
  width   : 28px;
  margin  : 0;
  padding : 0;
  opacity : 0;
  display:none;
}

.formcontainer input[type=radio]:not(old) + label{
  display      : inline-block;
  width:20px;
  height:20px;
  background   : url('/custom/kws/aw/kws_Forms/images/radiobutton.png') no-repeat 0 0;
  background-size:24px 24px;
}

.formcontainer input[type=checkbox]:not(old) + label{
	display      : inline-block;
	width:20px;
    height:20px;
	background   : url('/custom/kws/aw/kws_Forms/images/checkbox.png') no-repeat 0 0;
	background-size:24px 24px;
}

.formcontainer input[type=radio]:not(old):checked + label{
	background   : url('/custom/kws/aw/kws_Forms/images/radiobutton_checked.png') no-repeat 0 0;
	background-size:24px 24px;
}
.formcontainer input[type=checkbox]:not(old):checked + label{
	background   : url('/custom/kws/aw/kws_Forms/images/checkbox_checked.png') no-repeat 0 0;
	background-size:24px 24px;
}
.formcontainer input[type=checkbox]:not(old):disabled + label{
	background   : url('/custom/kws/aw/kws_Forms/images/checkbox_disabled.png') no-repeat 0 0;
	background-size:24px 24px;
}

.formcontainer fieldset .formelement .radiogroup,
.formcontainer fieldset .formelement .checkgroup{
	display: block;
	float:left;
	width: calc(100% - 1.95rem);
	background-color:rgba(255,255,255,1);
	border:1px solid #FFF;
	padding:.6rem 0 .6rem .15rem;
	margin:0!important;
}

.formcontainer.calculatorform fieldset .formelement .radiogroup,
.formcontainer.calculatorform fieldset .formelement .checkgroup{
	width: calc(60% - .4rem);
}

.formcontainer fieldset .formelement .radiogroup .radiocontainer,
.formcontainer fieldset .formelement .checkgroup .checkcontainer{
	display:block;
	width:auto;
	float:left;
	clear:both;
	margin:0px;
	padding:0px 10px 0px 0px!important;
}

.formcontainer fieldset .formelement .radiogroup.inline .radiocontainer,
.formcontainer fieldset .formelement .checkgroup.inline .checkcontainer{
	display:block;
	float:left;
	clear:none!important;
	margin:0 2rem 0 0!important;
	padding:.25rem .5rem .25rem 0!important;
	padding:0px 10px 0px 0px!important;
	background-color:transparent;

}

.formcontainer fieldset .formelement .radiogroup.inline .radiocontainer:last-child,
.formcontainer fieldset .formelement .checkgroup.inline .checkcontainer:last-child{
 margin:0 0 0 0!important;
}

.formcontainer fieldset .formelement .radiogroup input[type="radio"],
.formcontainer fieldset .formelement .checkgroup input[type="checkbox"]{
	display:block;
	float:left;
	clear:left;
	-webkit-appearance: none;
	-moz-appearance: none!important;
	appearance: none!important;

	-moz-box-sizing: content-box!important;
	-webkit-box-sizing: content-box!important;
	box-sizing: content-box!important;
}

.formcontainer fieldset .formelement .radiogroup label,
.formcontainer fieldset .formelement .checkgroup label{
	display: block;
	clear:none;
	width:calc(100% - 20px);
	height:auto;
	font-size:0.975rem;
	line-height:1.2;
	padding:4px 0px 2px 28px;
}


.formcontainer fieldset .formelement .radiogroup .unit,
.formcontainer fieldset .formelement .checkgroup .unit{
	display:inline!important;
	white-space: nowrap;
	font-size: 0.975rem;
	margin:0px 0px 0px 0px;
}


/* SELECT BOX */

.formcontainer fieldset .formelement .selectcontainer{
	display: block;
	float:left;
	width: calc(60% - 1.5rem);
	background-color:#FFF;
	margin:0!important;
}

.formcontainer fieldset .formelement.inline .selectcontainer{
	display: block;
	float:left;
	width: calc(100% - 3rem);
	background-color:#FFF;
	margin:0!important;
}

.formcontainer fieldset .formelement.error .selectcontainer select{
	border:1px solid #FF6C00;
}


.formcontainer fieldset .formelement .selectcontainer select{
	display:block;
	float:left;
	border:1px solid #FFF;
	background-color:#FFFFFF;
	padding:.7rem .6rem .6em .6rem;
	width: 100%;
	font-size:1rem;
	color:#333333;
	margin:0;
	background-color: #FFF!important;
    background-image: none!important;

	-webkit-outline:none!important;
	-moz-outline:none!important;
	outline: none!important;

	-webkit-box-shadow:none!important;
	-moz-box-shadow:none!important;
    box-shadow:none!important;

    -webkit-appearance: none!important;
    -moz-appearance: none!important;
    appearance: none!important;
    
    -webkit-border-radius: 0!important;
    -moz-border-radius: 0!important;
    border-radius: 0!important;
    
    background-image:url("../images/icon_arrow_down.svg")!important;
    background-repeat:no-repeat!important;
    background-position:98% center!important;
    background-size:25px 25px!important;
}

/* IE >= 10 */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	/* disable dropdown arrow */
	select::-ms-expand {
    	display: none;
	}
}

.formcontainer fieldset .formelement .selectcontainer select[multiple]{
	background-image:none!important;
}


.resultratingcontainer{
	border-top:none;
	border-right:none;
	border-top:5px solid #E4E1CD;
	border-left:5px solid #E4E1CD;
	border-bottom:5px solid #E4E1CD;
	float:left;
	clear:both;
	display:block;
	margin:2rem 0 2rem 0;
	width:100%;
}

.resultratingcontainer .resultrating{
	display: block;
	float:left;
	clear:both;
	padding:.5rem .5rem .5rem 5.5rem;
		width: calc(60% - 5.175rem);
	font-size: 1rem;
	font-weight:200;
	line-height:1.4;
	min-height:65px;
}



.resultratingcontainer .resultrating.positive{
	background-image:url("../images/positive.png");
	background-repeat:no-repeat;
	background-position:.7rem .7rem;
	background-size:65px 65px;
}

.resultratingcontainer .resultrating.negative{
	background-image:url("../images/negative.png");
	background-repeat:no-repeat;
	background-position:.7rem .7rem;
	background-size:65px 65px;
}



.resultratingcontainer .resultrating img{
	float:left;
	margin:.25rem .5rem 0 0;
}

.resultratingcontainer .resultrating img.right{
	float:right;
	margin:.25rem 0 0 .5rem;
}

.resultratingcontainer .resultrating h1,
.resultratingcontainer .resultrating h2{
	font-size:1.2rem!important;
	padding:0;
	margin:0;
}

.resultratingcontainer .resultrating h3,
.resultratingcontainer .resultrating h4{
	font-size:1rem!important;
	padding:0;
	margin:0;
}

.resultratingcontainer .resultrating h5,
.resultratingcontainer .resultrating h6{
	font-size:.9rem!important;
	padding:0;
	margin:0;
}

.resultratingcontainer .resultrating p{
	padding:0;
	margin:1.2rem 0 1.2rem 0;
}

.resultratingcontainer .resultrating p:last-child{
	padding:0;
	margin:0 0 0 0!important;
}

/* Userprofile Kultur Form */
.kulturcontainer .kulturheader{
	display:block;
	float:left;
	width:calc(100% - 1rem);
	
	background-color: #bab68a;
	padding:.5rem .5rem .5rem .5rem;
	margin:0 0 .5rem 0;
}

.kulturcontainer .selectcontainer{
	display: block;
	float:left;
	min-width:175px;
	background-color:#FFF;
	margin:0 20px 0 0!important;
	
}

.kulturcontainer .selectcontainer select{
	white-space: nowrap;
	display:block;
	float:left;
	border:1px solid #FFF;
	background-color:#FFFFFF;
	padding:.7rem .6rem .6em .6rem;
	width: 100%;
	font-size:1rem;
	color:#333333;
	margin:0;
	background-color: #FFF!important;
    background-image: none!important;

	-webkit-outline:none!important;
	-moz-outline:none!important;
	outline: none!important;

	-webkit-box-shadow:none!important;
	-moz-box-shadow:none!important;
    box-shadow:none!important;

    -webkit-appearance: none!important;
    -moz-appearance: none!important;
    appearance: none!important;
    
    -webkit-border-radius: 0!important;
    -moz-border-radius: 0!important;
    border-radius: 0!important;
    
    background-image:url("../images/icon_arrow_down.svg")!important;
    background-repeat:no-repeat!important;
    background-position:97% center!important;
    background-size:25px 25px!important;
}

.kulturcontainer .selectcontainer select[disabled]{
	color:#AAA;
	background-color:#FAFAFA!important;
}

.kulturcontainer .kultur{
	display:none;
	float:left;
	width:100%;
	/*min-height:60px;*/
	background-color:#EEECDD;
	padding:0 0 0 0;
	margin:0 0 .5rem 0;
	background-size:50px 50px;
	background-position:5px 5px;
	background-repeat:no-repeat;
}

.kulturcontainer .kultur .fieldcontainer{
	display:block;
	float:left;
	width:58%;
	min-width:220px;
	white-space: nowrap;
}

.kulturcontainer .kultur:last-child{
	margin:0 0 0 0!important;
}

.kulturcontainer .kultur .title{
	padding:1.4rem 0 0 4rem;
	display:block;
	float:left;
	height:35px;
	width:calc(32% - 4rem);
	min-width:calc(220px - 4rem);
	line-height:1rem;
	font-size:1.1rem;
	white-space: nowrap;
}

.kulturcontainer .kultur .close{
	display: block;
	float:right;
	width:18px;
	height:28px;
	background-image: url('/custom/kws/aw/kws_Forms/images/close.png');
	background-repeat: no-repeat;
	background-position: top left;
	background-size: 18px 18px;
	margin:.5rem .5rem 0 0;
}

.kulturcontainer .kultur .close:hover{
	background-image: url('/custom/kws/aw/kws_Forms/images/close_hover.png');
}

.kulturcontainer .kultur .close a{
	text-decoration: none;
	color:#333;
}

/* Form upload Reset*/
.resetupload{
	text-decoration: none;
	width:18px;
	height:28px;
	background-image: url('/custom/kws/aw/kws_Forms/images/close.png');
	background-repeat: no-repeat;
	background-position: top left;
	background-size: 18px 18px;
	margin:0 0 0 0;
}

.resetupload:hover{
	background-image: url('/custom/kws/aw/kws_Forms/images/close_hover.png');
}
/* Form upload Reset*/

.kulturcontainer .kultur label{
	display:block;
	float:left;
	margin:1.4rem .5rem 0 0;
	line-height:1rem;
	font-size:.9rem;
	min-width:190px;
	overflow:hidden;
	text-overflow:ellipsis;
}
.kulturcontainer .kultur .fieldcontainer{
	margin:0 0 .5rem .5rem;
}
.kulturcontainer .kultur .fieldcontainer .inputcontainer{
	display: block;
	float:left;
	white-space: nowrap;
	min-width:180px;
}

.kulturcontainer .kultur .fieldcontainer .inputtext{
	display:block;
	float:left;
	margin:.65rem 0 0 0;
	border:1px solid #FFF;
}


.kulturcontainer .kultur.error .fieldcontainer .inputtext{
	border:1px solid #FF6c00;
}

.kulturcontainer .kultur.error .fieldcontainer .errortext{
	position:relative;
	display: block;
	float:left;
	clear:both;
	color:#FFF;
	font-size:.8rem;
	background-color:#FF6c00;
	width:calc(173px - .5rem);
	padding:.25rem;
	margin:0 0 .5rem 0;
	white-space: normal
}

.kulturcontainer .kultur.error .fieldcontainer .errortext:before {
	bottom: 100%;
	left: 15px;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(255, 108, 0, 0);
	border-bottom-color: #ff6c00;
	border-width: 10px;
	margin-left: -10px;
}


.kulturcontainer .kultur .fieldcontainer .unit{
	position:relative;
	display:block;
	float:left;
	margin:1.4rem 0 0 .5rem;
	line-height:1rem;
	font-size:1.1rem;
}


.kulturheader .errortext{
	position:relative;
	display: block;
	float:left;
	clear:both;
	color:#FFF;
	font-size:.8rem;
	background-color:#FF6c00;
	width:calc(196px - .5rem);
	padding:.25rem;
	margin:0 0 .5rem 0;
	white-space: normal;
}

.kulturheader .errortext:before {
	bottom: 100%;
	left: 15px;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(255, 108, 0, 0);
	border-bottom-color: #ff6c00;
	border-width: 10px;
	margin-left: -10px;
}



/* ##### ##### ##### ##### ##### ##### ##### ##### ##### ##### @MEDIA ##### ##### ##### ##### ##### ##### ##### ##### ##### ##### */
@media (max-width:1024px){
	.resultratingcontainer .resultrating.positive,
	.resultratingcontainer .resultrating.negative{
		background-size:65px 65px;
	}
	.resultratingcontainer .resultrating{
		padding:.5rem .5rem .5rem 5.5rem;
		width: calc(60% - 5.175rem);
		min-height:65px;
	}
}

@media (max-width:768px){
	.resultratingcontainer .resultrating.positive,
	.resultratingcontainer .resultrating.negative{
		background-size:45px 45px;
	}
	.resultratingcontainer .resultrating{
		padding:4rem .5rem .5rem .5rem;
		width: calc(70% - 2.175rem);
		min-height:45px;
	}
	


}

@media (max-width:640px){
	.formtabs li a{
		margin-right:0;
	}

	form fieldset .innerwrapper{
		width:calc(100% - .5rem)!important;
	}

	.hideonmobile{
		display: none;
	}
	.showonmobile{
		display:block;
	}


	/*select box statt Tabs auf mobile devices*/
	.mobile-tabselect{
		display:block!important;
		float:left!important;
		border-top:1px solid #EEECDD!important;
		border-left:1px solid #EEECDD!important;
		border-right:none!important;
		border-bottom:3px solid #999!important;
		background-color:#EEECDD!important;
		padding:.7rem 2.5rem .6em .6rem!important;
		width: 100%!important;
		font-size:1rem!important;
		color:#333333;
		margin:0 0 0 0!important;
	    background-image: none!important;

		-webkit-outline:none!important;
		-moz-outline:none!important;
		outline: none!important;
		-webkit-box-shadow:none!important;
		-moz-box-shadow:none!important;
	    box-shadow:none!important;
	    -webkit-appearance: none!important;
	    -moz-appearance: none!important;
	    appearance: none!important;
	    -webkit-border-radius: 0!important;
	    -moz-border-radius: 0!important;
	    border-radius: 0!important;
	    background-image:url("../images/icon_arrow_down.svg")!important;
	    background-repeat:no-repeat!important;
	    background-position:98% center!important;
	    background-size:25px 25px!important;
	}

	.ui-tabs-panel{
		padding:2.5rem 0 0 0!important;
	}


}

/* MOBILE DEVICES */
@media (max-width: 480px) {

	

	.formcontainer fieldset .formelement > label{
		display:block;
		float:left;
		font-size:1.2rem;
		font-weight:200;
		line-height:1.2;
		padding:0 .75rem 0 0;
		width:calc(100% - 1.5rem);
	}


	.formcontainer .formelement .inputtext{
		display:block;
		float:left;
		border:none;
		background-color:#FFFFFF;
		padding:.75rem .6rem .75rem .6rem;
		width: calc(100% - 1rem)!important;
		font-size:1rem;
	}

	
	.formcontainer .formelement .slidercontainer{
		display:block;
		clear:both;
		width:100%;
		margin:1rem 0 1rem 0;
	}


	.formcontainer .formelement > .unit{
		display:block;
		float:left;
		width: calc(100% - 1.75rem - 20px);
		padding:0 .6rem 0 0rem;
		margin: 0 0 .75rem 0;
		white-space: nowrap;
		overflow:hidden;
		text-overflow:ellipsis;
	}

	.formcontainer .formelement > .unit.sliderunit{
		margin-top:0;
	}

	.formcontainer .formelement > .unit:before{
		content:"[";
	}
	.formcontainer .formelement > .unit:after{
		content:"]";
	}

	.formcontainer .formelement .mandatory{
		position:absolute;
		float:right;
		font-size:1.6rem;
		font-weight:600;
		line-height:1;
		color:#FF6c00;
		margin-left:.125rem;
	}

	.formcontainer .formelement.error .errortext{
		display:block;
		float:left;
		font-size:.8rem;
		padding:.75rem .7rem .75rem .6rem;
		width: calc(100% - 1rem);
		border:1px solid #FF6c00;
		background-color: #FF6C00;
		color:#FFF;
	}

	.formcontainer .formelement .detailtext{
		display:none;
		float:left;
		border:none;
		clear:both;
		width:calc(100% - .75rem)!important;
	}

	.formcontainer.calculatorform .formelement .details{
		width: calc(100% - 3.1rem)!important;
	}

	.formcontainer .formelement .details div{
		color:#FF6c00;
	}

	.formcontainer fieldset .formelement .radiogroup,
	.formcontainer fieldset .formelement .checkgroup{
		width: calc(100% - .75rem);
	}

	.formcontainer.calculatorform fieldset .formelement .radiogroup,
	.formcontainer.calculatorform fieldset .formelement .checkgroup{
		width:100%;
	}

	.formcontainer fieldset .formelement .selectcontainer{
		width: calc(100% - 1rem);
	}

	.resultratingcontainer .resultrating.positive,
	.resultratingcontainer .resultrating.negative{
		background-size:25px 25px;
	}
	.resultratingcontainer .resultrating{
		padding:2.75rem .5rem .5rem .5rem;
		width: calc(100% - 1.2rem);
	}
	.resultratingcontainer .resultrating img{
		display:block;
		clear:both;
		width:100%;
		margin:0 0 0 0;
	}

	.formtabs li a{
		font-size: .6rem;
		font-weight:800;
	}

	form fieldset .innerwrapper{
		width:calc(100% - .5rem)!important;
	}

	/*bei inline form elementen*/
	.formcontainer:not(.calculatorform) .formelement .details{
		position:relative;
		top:0;
		display:block;
		float:right;
		text-align:right;
	}

	.formcontainer.calculatorform .formelement .details{
		position:absolute!important;
		top:auto!important;
		display:block!important;
		float:right!important;
		width: calc(100% - 2.2rem)!important;
		text-align:right!important;
	}

	.formcontainer:not(.calculatorform) .formelement.inline .inputtext{
		width:calc(100% - 1.3rem)!important;
	}

	.formcontainer:not(.calculatorform) .formelement.inline .inputtext[readonly]{
		width:calc(100% - 1.4rem)!important;
	}

	.formcontainer:not(.calculatorform) fieldset .formelement > .radiogroup,
	.formcontainer:not(.calculatorform) fieldset .formelement > .checkgroup{
		width:calc(100% - .25rem)!important;
	}

	.formcontainer fieldset .formelement{
		width:100%!important;
	}
	.formcontainer:not(.calculatorform) fieldset .formelement > label,
	.formcontainer:not(.calculatorform) fieldset .formelement.sixtysix > label,
	.formcontainer:not(.calculatorform) fieldset .formelement.fifty > label,
	.formcontainer:not(.calculatorform) fieldset .formelement.thirtythree > label,
	.formcontainer:not(.calculatorform) fieldset .formelement.twentyfive > label,
	.formcontainer:not(.calculatorform) fieldset .formelement.seventeen > label{
		width:100%!important;
	}

	.formcontainer:not(.calculatorform) fieldset .formelement .detailtext,
	.formcontainer:not(.calculatorform) fieldset .formelement.sixtysix .detailtext,
	.formcontainer:not(.calculatorform) fieldset .formelement.fifty .detailtext,
	.formcontainer:not(.calculatorform) fieldset .formelement.thirtythree .detailtext,
	.formcontainer:not(.calculatorform) fieldset .formelement.twentyfive .detailtext,
	.formcontainer:not(.calculatorform) fieldset .formelement.seventeen .detailtext{
		width:calc(100% - 1.1rem)!important;
	
	}

	.formcontainer:not(.calculatorform) fieldset .formelement.error .errortext,
	.formcontainer:not(.calculatorform) fieldset .formelement.sixtysix.error .errortext,
	.formcontainer:not(.calculatorform) fieldset .formelement.fifty.error .errortext,
	.formcontainer:not(.calculatorform) fieldset .formelement.thirtythree.error .errortext,
	.formcontainer:not(.calculatorform) fieldset .formelement.twentyfive.error .errortext,
	.formcontainer:not(.calculatorform) fieldset .formelement.seventeen.error .errortext{
		width:calc(100% - 1.4rem)!important;
	}


	/* Userprofile Kultur Form */
	.kulturcontainer .kulturheader .selectcontainer{
		width:calc(100% - 1.5rem);
	}
	
	.kulturcontainer .kultur .fieldcontainer{
		margin:.5rem .5rem .5rem .5rem;
		width:95%;
	}
	
	.kulturcontainer .kultur .fieldcontainer .inputtext{
		width:240px;
	}
	.kulturcontainer .kultur .fieldcontainer .errortext{
		width:calc(264px - .5rem)!important;
	}

}/*end @480px*/


@media (max-width: 350px) {
	.kulturcontainer .kultur .fieldcontainer .inputtext{
		width:180px!important;
	}
	.kulturcontainer .kultur .fieldcontainer .errortext{
		width:calc(204px - .5rem)!important;
	}

	.formcontainer.calculatorform .formelement .details{
		width: calc(100% - 3.1rem)!important;
	}

	.ui-tabs-panel .formcontainer.calculatorform .formelement .details{
		width: calc(100% - 2.2rem)!important;
	}

}


/* Bertaersuche in der  Navigation*/
.consultant-portal-link{
	font-size:.75rem;
}
#main-zip-search-zip{
	font-family:"HelveticaRegular"!important;
	font-weight:200!important;
}
#main-zip-search-variety, #main-zip-search-sugarbeetoffice{
	display:block;
	border-top:none;
	border-right:none;
	border-bottom:1px solid #87888a;
	border-left:none;
	background-color:transparent;
	padding:.5rem 1.2rem 0.125rem 0rem!important;
	width: 100%;
	font-size:.8125rem;
	color:#87888a;
	font-weight:200!important;
	margin:0 0 1.5rem 0;
    background-image: none!important;
    font-family:"HelveticaRegular"!important;

	-webkit-outline:none!important;
	-moz-outline:none!important;
	outline: none!important;

	-webkit-box-shadow:none!important;
	-moz-box-shadow:none!important;
    box-shadow:none!important;

    -webkit-appearance: none!important;
    -moz-appearance: none!important;
    appearance: none!important;
    
    -webkit-border-radius: 0!important;
    -moz-border-radius: 0!important;
    border-radius: 0!important;
    
    background-image:url("../images/icon_arrow_down.svg")!important;
    background-repeat:no-repeat!important;
    background-position:98% 72%!important;
    background-size:15px 15px!important;

    -ms-hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    -o-hyphens: auto;
    hyphens:auto;
}

/* dden haesslichen outline in FF unterdruecken !*/
@-moz-document url-prefix() { 
    select {
       color: transparent !important;
       text-shadow: 0 0 0 #87888a !important;
    }
}