body { background-color:#FFF; padding:0px; font-family: 'Arial', sans-serif; line-height:22px; font-size:13pt;  margin:0px; padding:0px; color:#3e3e40; }

IMG { border:none;} 
.Clear { clear:both;}
.Left { float:left;}
.Right {float:right;}
DIV.Space { height:10px;}


h2 { color:#000; border-top:solid 3px #000000; margin:0px; padding:0px; margin-bottom:20px; text-transform:uppercase; padding-top:10px; font-size:20px; }

DIV.Holder {width:1280px; text-align:left;}


DIV.Field50, DIV.Field50R, DIV.Field50R2 {float:left; margin-bottom:20px;}
DIV.Field50R { margin-left:20px;}
DIV.Field50R2 { margin-left:20px; width: 570px;}

DIV.Field33, DIV.Field33R, DIV.Field33R2 {float:left; margin-bottom:20px;}
DIV.Field33R { margin-left:20px;} 
DIV.Field33R2 { margin-left:20px;} 
 

DIV.Field50 INPUT, DIV.Field50R INPUT, DIV.Field50R2 INPUT { width:566px; padding:30px; box-sizing: content-box; }
DIV.Field50R2 INPUT { width: 520px; }
DIV.Field33 INPUT, DIV.Field33R INPUT, DIV.Field33R2 INPUT { width:351px; padding:30px; box-sizing: content-box; }
DIV.Field100 INPUT { width: calc(100% - 60px); padding:30px; box-sizing: content-box;  }
DIV.Field33R2 INPUT { width:290px;}
/* formColors */
DIV.Field50 INPUT, DIV.Field50R INPUT, .Verbundsname INPUT, .Field33 INPUT, .Field33R INPUT, .Field33R2 INPUT, .Field100 INPUT { background-color:#f6f6f6; color:#868789; font-size:12px; border:solid 1px #e4e4e4;}


.Space30 { height:30px;}
.Space10 { height:10px;}

.TypAuswahl { width:autopx; float:none;}
.Verbundsname { float:none; }
.Verbundsname INPUT { padding:20px; width:726px; margin-top: 20px; }


TABLE.AQPForm { padding:0px; margin:0px;background-color:#e4e4e4;  }
TABLE.AQPForm TH { background-color:#FFF; font-weight:normal; padding:20px; padding-top:30px; padding-bottom:30px;}
TABLE.AQPForm TD { background-color:#f6f6f6 ; padding:20px}

A { cursor:pointer;}
A.AddNew { color:#97c00c; text-decoration:none; font-size:12px;}

DIV.SepLine { margin-top:10px; margin-bottom:40px; border-bottom: solid 1px #e4e4e4;  }
DIV.SepLine2 { margin-top:0px; margin-bottom:0px; border-bottom: solid 1px #e4e4e4;  }
DIV.SepLine3 { margin-top:0px; margin-bottom:10px; border-bottom: solid 1px #000;  }


DIV.DeleteSpace { margin-left:20px; float:left; background-color:#f6f6f6; border:solid 1px #e4e4e4; padding:10px; padding-top:25px; padding-bottom:25px; width:16px; text-align:center; color:#e4e4e4; font-size:15px; line-height:24px; }

DIV.DeleteSpace:Hover { background-color:#97c00c; color:#000; cursor:pointer;}
.Loading { width:100%; height:100px; background-image:url(/media/images/load.gif); background-position:center center; background-repeat:no-repeat;}
.ML { margin-left: 30px;}
.TD30 { width:30px; display: inline-block}
.TD10 { width:10px; display: inline-block}

.Clickable { cursor:pointer;}

.WKZACMInfo { 
background-color:#f6f6f6; border:solid 1px #e4e4e4; padding:10px; font-size:12px;
display:none; border-bottom:none;}

.WKZRights { 
background-color:#f6f6f6; border:solid 1px #e4e4e4; padding:10px; font-size:12px;
display:none; }

Select.Field { border: solid 1px #f5f5f4; margin:0px;  padding:30px; background-color:#FFF;  color:#909193; }  

INPUT.Field , SELECT.Field {
-webkit-transition: all .5s linear;  -moz-transition: all .5s linear;  -o-transition: all .5s linear;  transition: all .5s linear;	
}


SELECT.Full { width:850px;}
SELECT.Half1,A.Half1 { width:628px;}
SELECT.Half2, A.Half2 {  width:384px;}


option 
{  
	font-size: 20pt;
 
} 


  SELECT.Field { line-height:50px; font-size:20px;}
  SELECT.Field option.ReadOnly { color:#858962; background-color:#ffe6e6;}
  
  .selectBox-dropdown  {background:none;  background-color:#f6f6f6;  border-radius:0px;  border: solid 1px #e4e4e4; margin:0px;  padding:30px;  color:#868789; font-size:12px; }
  .selectBox-dropdown .selectBox-arrow { border-left:none; width:50px; background-repeat:no-repeat; margin:0px; padding:0px;  } 
  
  .selectBox-dropdown .selectBox-arrow .Notify { opacity:0;}

  .FieldSelectFunktion .selectBox-dropdown { padding: 24px; width: 100%;}
  // SELECT { display:none;}
  A.Half2 { margin-left:15px;}
  
  UL.selectBox-dropdown-menu LI A { padding-top:10px; padding-bottom:10px; border-bottom:solid 1 px #e3e4e4; }
  .selectBox-options LI.selectBox-selected A { background-color:#97bf0d; color:#FFF; }
  .selectBox-options LI.selectBox-disabled A { background-color:#ffe6e6; color:#FFF; font-style:italic; } 
  .selectBox-dropdown-menu { max-height:260px;}


TABLE.AQPForm TD.Interactive { padding:0px;}
TABLE.AQPForm TD.Interactive INPUT { padding:20px; border:0px; background-color:#f6f6f6; }
TABLE.AQPFormNarrow TD.Interactive INPUT { padding:6px; box-sizing: content-box }


TABLE.AQPFormNarrow TH {  padding:10px; padding-top:20px; padding-bottom:20px;}
TABLE.AQPFormNarrow TD { padding:10px}



.Field_Nr { width:80px;}
.Field_Haus { width:380px;} 
.Field_Strasse { width:324px;}
.Field_PLZ { width:80px;}
.Field_Ort { width:160px;}
.Field_Abteilung { width:120px;}
.Field_Marke { width:120px;}

TABLE.AQPForm .ArtTable TD  { background-color: transparent!important;;}

.Field_Delete,.Field_Delete_Row { width:10px; text-align:center;}

.Field_Delete_Row {  background-color:#f6f6f6;color:#e4e4e4; font-size:15px; line-height:24px; cursor:pointer;}
.Field_Delete_Row:Hover { background-color:#97c00c; color:#000; cursor:pointer;}


.INPUT_Nr { width:80px;}
.INPUT_Haus { width:330px;} 
.INPUT_HausHaus { width:385px;} 

.INPUT_Strasse { width:324px;}
.INPUT_PLZ { width:80px;}
.INPUT_Ort { width:160px;}



.Field_Von,.INPUT_Von { width:85px;}
.Field_Bis,.INPUT_Bis { width:85px;}
.Field_Umsatzziel,.INPUT_Umsatzziel { width:90px;}
.Field_Bonus,.INPUT_Bonus { width:70px;}
.Field_WKZ, .INPUT_WKZ { width:70px;}

.INPUT_WKZ { width:50px;}

.Field_Einheit,.INPUT_Einheit { width:70px;}
.Field_Gesamt,.INPUT_Gesamt { width:90px;}
.Field_Staffelung { width:300px;}
.INPUT_Staffel  { width:290px;}
.INPUT_StaffelWert  { width:290px;}
.INPUT_StaffelBonus   { width:290px;}
.Field_StaffelWert  { width:230px;}
.Field_StaffelDelete { width:50px;}


.Select_Marke { width:120px; }
.Select_Unterstuetzung { width: 120px;}
.Select_Abteilung { width: 170px;}

.INPUT_Gesamtziel {width:270px;}
.INPUT_Vorjahresumsatz {width:270px;}
.INPUT_Qualifizierung { width:176px;}
.Select_ADD_Abteilung { width:120px;}
.Select_ADD_Marke { width:120px;}

.INPUT_Vorjahresumatz { width: 80px;}

.INPUT_ADD_Umsatzziel { width:100px;}
.INPUT_ADD_Betrag { width:100px;}


.Interactive select.selectBox { padding:5px; border:none; -webkit-box-shadow: none;}
.Interactive .selectBox-dropdown { border:none; padding:10px; -webkit-box-shadow:none;}


TABLE.AQPFormNarrow TD.Interactive INPUT , TABLE.AQPFormNarrow TD.Interactive .selectBox-dropdown { 
	font-size:11px;
	color:#aaa9aa;
}

.RedBG { background-color:#ff3e3e !important; color:#FFF; font-weight:bold; background-image:none !important;  }
.GreenBG { background-color:#97bf0d !important; color:#FFF; font-weight:bold; background-image:none !important;}
.Green { color:#97bf0d;}
.Bold { font-weight:bold;}


.RedBG2 { background-color:#ff3e3e !important; color:#FFF; font-weight:normal; text-align:center; background-image:none; }
.GreenBG2 { background-color:#97bf0d !important; color:#FFF; font-weight:normal; text-align:center; background-image:none;}


TABLE.AQPForm TD.SmallFontPadding { font-size:11px; padding:10px;}

TABLE.AQPFormNarrow TD.Interactive .INPUT_Gesamt.RedBG, TABLE.AQPFormNarrow TD.Interactive .INPUT_Gesamt .GreenBG { color:#FFF; font-weight:bold;}

TABLE.AQPFormNarrow TD.Interactive.Additional_Senden { background-color:#474747; text-align:center; color:#fff; font-size:12px;} 


INPUT.FinalSubmit, INPUT.FinalSubmitDisabled { background-color:#97bf0d !important; color:#FFF; font-weight:bold; text-align:center; border:none; width:100%; padding:30px; }
INPUT.FinalSubmitRed { background-color:#ff3e3e !important; color:#FFF; font-weight:bold; text-align:center; border:none; width:100%; padding:30px; }
INPUT.FinalSubmit:Hover, INPUT.FinalSubmitRed:Hover , INPUT.FinalSubmitDisabled:Hover { opacity:.9; cursor:pointer;}

INPUT.ButtonDraft { border: dashed 1px #efefef; opacity:1; background-color:rgba(122,211,255,1.00) !important;}
INPUT.ButtonTemplate { border: dashed 1px #efefef; opacity:1; background-color:rgba(122,211,255,1.00) !important;}
 


TABLE.AQPFormNarrow TD.Interactive.GreenBG   INPUT { color:#FFF;}

A.Final { color:#97bf0d; text-decoration:none; font-weight:bold;}

.Hide { display:none;}
.Show { display:block;}

INPUT.Button { background-color:#97bf0d !important; color:#FFF; font-weight:bold; text-align:center; border:solid 1px #97bf0d; width:100%; padding:30px; cursor:pointer; }

.DisabledField { background-image:url(/media/images/disabled.png) !important; }
.DisabledFieldNoImage, .DisabledFieldNoImage INPUT.DisabledField { background-image:none; !important; }

INPUT.FinalSubmitDisabled { background-color:#A6A6A6 !important;}

INPUT.Error, .Error, TEXTAREA.Error { background-color:#FFADAE !important;}


TEXTAREA.Anmerkungen { width:1216px; height:80px; padding:30px; border:solid 1px #e4e4e4; background-color:#f6f6f6 ; color:#868789; font-size:14px; margin-bottom:10px; font-family:'Arial', sans-serif; box-sizing: content-box; }

.HiddenHolder { background-color:#f6f6f6; border:solid 1px #e4e4e4; margin-top:30px; display:none;}
.HiddenHolder h3 { margin:0px; padding:0px; margin-bottom:10px; font-size:12px;}
.HiddenHolder .Padding { padding:10px;}
.HiddenHolder INPUT.Field { padding:10px; background-color:##f6f6f6; border:solid 1px #e4e4e4; width:1238px; margin-bottom:20px;}
.HiddenHolder INPUT.Button {width:200px; padding:20px;}
.HiddenHolder INPUT.ButtonCancel { background-color:#e4e4e4 !important; margin-right:10px; border:solid 1px #999; color:#333;}

.LoadFromTemplate { margin-bottom:20px; }
.LoadFromTemplate INPUT.Button { padding:10px; background-color:#727272 !important; text-transform:uppercase; font-size:10px; border:none;}
.LoadFromTemplate INPUT.Button:Hover { opacity:.6;}

.LoadFromTemplate .TemplatesToLoad { margin-top:20px; display:none;}

TABLE.AQPFormSmall { padding: 0px; margin-top: 20px;}
TABLE.AQPFormSmall TD, TABLE.AQPFormSmall TH { padding: 2px; padding-left: 10px;}
TABLE.AQPFormSmall TD INPUT.Button { padding: 5px;}


DIV.Overlay { position: fixed; width: 100%; height: 100%; background-color: #FFFFFF;  z-index: 999999; display: none;  }
DIV.OverlayInner { padding: 20px; width:1280px; border: solid 1px #000000; margin-top: 40px; text-align: left;}

DIV.Overlay2 { position: absolute; width: 100%; height: 100%; background-color: #FFFFFF;  z-index: 999999; display: none;  }
DIV.OverlayInner2 { padding: 20px; width:1280px; border: solid 1px #000000; margin-top: 40px; text-align: left;}

DIV.HouseWarning.AgreementFound {border:0px;  border: solid 1px #333333; background-color: #FFFFFF; padding: 15px; margin-bottom: 15px; padding-bottom: 20px;}

SELECT.SelectToAgreement  {
    background-color: transparent;
    color: #aaa9aa;
    padding: 0px;
    margin: 0px;
    border: 0px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 11px;

}

SELECT.SelectToAgreement OPTION {
    background-color: #FFFFFF;
    color: #aaa9aa;
    padding: 0px;
    margin: 0px;

    font-size: 11px;
}

TABLE.AQPFormAgreements TH { font-size: 11px; padding: 6px; font-weight: bold;}
INPUT.ButtonCancel { background-color:#e4e4e4 !important; margin-right:10px; border:solid 1px #999; color:#333;}
.AgreementInfos:Hover { cursor: pointer; opacity: .8;}

.OverlayContent INPUT { padding: 30px;
    background-color: #f6f6f6;
    color: #868789;
    font-size: 12px;
    border: solid 1px #e4e4e4;
}

.OverlayContent TEXTAREA.Field100P { width: calc(100% - 40px); height: 80px; padding: 20px; }
.OverlayContent TABLE { width: 100%;}
.OverlayContent TABLE TD.AQP30 { width: 30%; font-size: 70%;}
.OverlayContent TABLE TD.AQP70 { width: 70%;}

.InfoHint, .InfoHint TABLE td {padding: 0px; margin: 0px;}
.InfoHint, .InfoHint TABLE TD {
    color: #666666;
    font-size: 80%;
}
.InfoHint TABLE TD.Label { font-weight: bold; padding-right: 10px;}

SELECT.Styled  {padding:11px; padding-bottom: 12px; background-color:#f6f6f6; border:solid 1px #e4e4e4; color: #868789; font-size: 12px ;

    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;       /* remove default arrow */
    background-image: url(...);   /* add custom arrow */
    padding-left: 30px;
    outline: none;
    background-image: url('/media/images/wkz/arrow-down-b.png');
    background-repeat: no-repeat;
    background-position: calc(100% - 20px) center;;
    background-size: 20px auto;;

}






/* CAUTION: IE hackery ahead */
select.Styled::-ms-expand {
    display: none; /* remove default arrow on ie10 and ie11 */
}

/* target Internet Explorer 9 to undo the custom arrow */
@media screen and (min-width:0\0) {
    select.Styled {
        background:none\9;
        padding: 5px\9;
    }
}

SELECT.Styled OPTION  { background-color:#FFFFFF; color: #868789; font-size: 12px; line-height: 20px; padding-top: 20px; padding-bottom: 20px; height: 30px;  }

DIV.FileUploadArea {
    background-color: #FFFFFF; border:solid 1px #c6c7c8; padding:30px;
    width: 100%;
}

DIV.FileUploadArea INPUT { padding: 0px;}
DIV.FileUploadArea .filesUploaded { padding-top: 10px; }
DIV.FileUploadArea .progress {display: none;}
DIV.FileUploadArea .FileRow { border-bottom: solid 1px #CCCCCC; background-color: #efefef; font-size: 100%;}

DIV.WKZFiles .File {border-bottom: solid 1px #CCCCCC; background-color: #efefef; font-size: 100%; padding:6px; -webkit-transition: all .4s linear;  -moz-transition: all .4s linear;  -o-transition: all .4s linear;  transition: all .4s linear;}
DIV.WKZFiles .File .DeleteItem { cursor: pointer; padding-right: 8px;}
DIV.WKZFiles .File:Hover { background-color: #cccccc;}