@import "css/jquery-ui.css";
html{
}
body{
 font-family: Arial, Helvetica, sans-serif;
 font-size: 11px;
 color: #000000;
 text-decoration: none;
 margin: 0px;
 padding: 0px;
}
.neutral{
 font-family: Arial, Helvetica, sans-serif;
 font-size: 11px;
 color: #000000;
 text-decoration: none;
}
a.default,
a {text-decoration:none; color:#AD8000}
A.default:link,
A:link {text-decoration:none}
A.default:visited,
A:visited {text-decoration:none}
A.default:hover,
A:hover {text-decoration:none; color:#EBAE00}

A.menu {text-decoration:none; color:#3F4D65; font-size: 11px}
A.menu:hover {text-decoration:none; color:#dcaa31; font-size: 11px}
A.menugray {text-decoration:none; color:#A0A0A0; font-size: 11px}
A.menugray:hover {text-decoration:none; color:#dcaa31; font-size: 11px}

A.menu2 {text-decoration:none; color:#3F4D65; font-size: 11px}
A.menu2:hover {text-decoration:none; color:#dcaa31; font-size: 11px}
A.menu2gray {text-decoration:none; color:#A0A0A0; font-size: 11px}
A.menu2gray:hover {text-decoration:none; color:#dcaa31; font-size: 11px}

.side {text-decoration:none; font-size: 10px; color:#3F4D65}
.bold {font-weight:bold;}
.side:hover {text-decoration:none; font-size: 10px; color:#dcaa31}

.sidehead {text-decoration:none; font-size: 11px; color:#3F4D65}
.sidehead:hover {text-decoration:none; font-size: 11px; color:#dcaa31}

A.black {text-decoration:none; color:#3F4D65}
A.black:hover {text-decoration:none; color:#dcaa31}

A.blackbig {text-decoration:none; color:#AD8000}
A.blackbig:hover {text-decoration:none; color:#E9AC00}

A.menu3 {text-decoration:none; color:#FFFFFF}
A.menu3:hover {text-decoration:underline; color:#FFFFFF}

A.ButtonWhite {text-decoration:none; color:#FFFFFF; font-weight:bold; font-size:9pt}
A.ButtonWhite:hover {text-decoration:underline; color:#FFFFFF; font-weight:bold; font-size:9pt}

A.menu4 {text-decoration:none; color:#71829E}
A.menu4:hover {text-decoration:underline; color:#71829E}

A.hnavil {text-decoration:none; font-weight:bold; font-size:10pt; font-family:Arial; color:#3F4D65}
A.hnavil:hover { color:#dcaa31}

.bg {background-color:#FFFDF7;}

.headlink {text-decoration:none; color:#3F4D65; font-size: 12px}
.headlink:hover {text-decoration:none; color:#dcaa31; font-size:12px;}

h1 {text-decoration:none; font-weight:bold; font-size:11pt; font-family:Arial, Helvetica, sans-serif; color:#3F4D65}
h2 {text-decoration:none; font-weight:bold; font-size:11pt; font-family:Arial, Helvetica, sans-serif; color:#3F4D65}
h3 {text-decoration:none; font-weight:bold; font-size:10pt; font-family:Arial, Helvetica, sans-serif; color:#3F4D65;text-decoration:underline;}
td {text-decoration:none; font-size:9pt; font-family:Arial, Helvetica, sans-serif; color:#3F4D65}
.gray, .gray * {padding-left:2px;color:#FFFFFF}
.TickerVal {text-decoration:none; font-weight:normal; font-size:11px; font-family:Arial, Helvetica, sans-serif; color:#3F4D65}
.TickerHL {text-decoration:none; font-weight:bold; font-size:11px; font-family:Arial, Helvetica, sans-serif; color:#3F4D65}
.pionier {font-family: verdana;  font-size: 7pt; text-transform: uppercase; font-weight: bold; color: #ffffff; background: #71829E; letter-spacing: 1px}
.profi {font-family: verdana;  font-size: 7pt; text-transform: uppercase; font-weight: bold; color: #ffffff; background: #DAA924; letter-spacing: 1px}
.invisible {display:none;}
.visible {display:inline;}

input, textarea {font-size:14px;padding:0px 2px;}

.HeadTable td {
     border-left:1px solid;
     border-top:1px solid;
     border-right:1px solid;
}

.fehler_rot a{ font-size: 12px;color:#000;}
.fehler_gruen a{font-size: 12px; color:#000;}
.fehler_rot{
            font-family: Arial,Helvetica;
            font-weight: bold;
            font-size: 12px;
            color: #ff0000;
            border: 3px solid #FF0000;
            padding: 4px;
            margin-bottom: 8px;
}

.fehler_gruen{
            font-family: Arial,Helvetica;
            font-weight: bold;
            font-size: 12px;
            color: #526900;
            border: 3px solid #9EBD36;
            padding: 4px;
            margin-bottom: 8px;
}
/*-----------------------------------------------------------------*\
    Formatierungen der WYSIWYG - Popupmenues
\*-----------------------------------------------------------------*/
 #wysiwygpopup{
    font-family: arial, verdana, helvetica;
    font-size: 10px;
 }
 #wysiwygpopup input.text {
    font-family: arial, verdana, helvetica;
    font-size: 11px;
    width: 100%;
 }
 #wysiwygpopup select{
   font-family: arial, verdana, helvetica;
    font-size: 11px;
 }
 #wysiwygpopup .popupbox{
     background-color: #F7F7F7;
     padding: 5px;
 }
 #wysiwygpopup .popupcontainer{
   margin-right: 10px;
   margin-top: 10px;
   padding: 5px;
   background-color: #F7F7F7;
   border:1px solid #A0A0A0;
 }
 #wysiwygpopup .popuphead{

      font-family: arial, verdana, helvetica;
      font-size: 13px;
      font-weight: bold;
 }
 

 
 
 
.PageSwitcher 
.PageSwitcher td
 { font-size:11px;}
.PageSwitcher td b {display:inline-block;padding-bottom:4px;}

.HeadlineAndBreadCrumb a {color:#3f4d65;text-decoration:underline;}
.HeadlineAndBreadCrumb a:hover {color:#3f4d65;text-decoration:none;}
.ListHeaderDateSearchFields {border-top:1px solid #AAA;background-color:#DDA;margin: 0px 2px;}
.ListHeaderSearchFields {border-top:1px solid #AAA;background-color:#FDB;margin: 0px 2px;}
.ListHeaderOptions {border-top:1px solid #AAA;background-color:#DDD;margin: 0px 2px;}
form {padding:0px;margin:0px;}

.TopNavi td {line-height:25px;}



div.PopupLayer{
 position: absolute;
 top:0px;
 left:0px;
 -moz-box-shadow: 0px 0px 15px #999;
 -webkit-box-shadow: 0px 0px 15px #999;
 box-shadow: 0px 0px 15px #999;
 background-color:#FFF;
 padding:0px;
}
iframe.EingabePopup{
    width:650px;
    height:550px;
}
.DataTable .Symbole {min-width:100px;padding-left:4px;}



.UrlaubsPlaner a, .UrlaubsPlaner span {width:24px;display:block;float:left;padding:2px 0px; text-align:center;margin:1px;
    background-color: #FFF;
    color: #286E9A;
    text-decoration:none;
    height:14px;
}
.UrlaubsPlaner a:hover { color:#286E9A;}
.UrlaubsPlanerTable td span {cursor:default;display:block;padding:2px 0px; text-align:center;margin:1px;background-color: #FFF; color: #286E9A;text-decoration:none;height:14px;}
.UrlaubsPlanerTable tr.DataRow:nth-child(even) td {background-color:#CCCCCC;}
.UrlaubsPlanerTable tr.DataRow:nth-child(even) td span {background-color:#EEEEEE;}
.UrlaubsPlanerTable tr.DataRow:hover td {background-color:#FA9999;}
.UrlaubsPlanerTable tr.DataRow:hover td span {background-color:#FFCCCC;}

.UrlaubsPlaner span {cursor:default;}
.UrlaubsPlaner .Hdln {font-weight:bold;background-color: #E0E0E0!important;}
.UrlaubsPlaner .weekend {background-color:#DEDEDE;}
.UrlaubsPlaner .kw {
        color: #666;
        background-color:#F7F7F7;
        font-size:10px;
}
.UrlaubsPlaner .gray {
        color: #999;
        background-color:#F7F7F7;
}
.UrlaubsPlaner .gray.weekend {background-color:#C0C0C0;}
.UrlaubsPlaner .aktiv {font-weight:bold;background-color:#286E9A!important;color:#FFF;}
.UrlaubsPlaner .aktiv:hover {color:#000;}
.UrlaubsPlaner .disabled {font-style: italic;color:#999!important;}

.UrlaubsPlaner .Anreise_Feiertag,
.UrlaubsPlaner .Abreise_Feiertag,
.UrlaubsPlaner .Belegt_Feiertag {background-color: #999!important;color:#CCC;}

.UrlaubsPlaner .Anreise_Urlaub,
.UrlaubsPlaner .Abreise_Urlaub,
.UrlaubsPlaner .Belegt_Urlaub {background-color: #99F!important;}

.UrlaubsPlaner .Anreise_Resturlaub,
.UrlaubsPlaner .Abreise_Resturlaub,
.UrlaubsPlaner .Belegt_Resturlaub {background-color: #BBF!important;}

.UrlaubsPlaner .Anreise_Krankheit,
.UrlaubsPlaner .Abreise_Krankheit,
.UrlaubsPlaner .Belegt_Krankheit {background-color: #FAA!important;}

.UrlaubsPlaner .Anreise_KrankheitOhneKS,
.UrlaubsPlaner .Abreise_KrankheitOhneKS,
.UrlaubsPlaner .Belegt_KrankheitOhneKS {background-color: #ff8484!important;}

.UrlaubsPlaner .Anreise_Sonderurlaub,
.UrlaubsPlaner .Abreise_Sonderurlaub,
.UrlaubsPlaner .Belegt_Sonderurlaub {background-color: #FFA!important;}

.UrlaubsPlaner .Anreise_Betriebsferien,
.UrlaubsPlaner .Abreise_Betriebsferien,
.UrlaubsPlaner .Belegt_Betriebsferien {background-color: #CCC!important;color:#999;}

.UrlaubsPlaner .Anreise_Frei,
.UrlaubsPlaner .Abreise_Frei,
.UrlaubsPlaner .Belegt_Frei {background-color: #86b1ff!important;}

.UrlaubsPlaner .Anreise_Unentschuldigt,
.UrlaubsPlaner .Abreise_Unentschuldigt,
.UrlaubsPlaner .Belegt_Unentschuldigt {background-color: #ff4444!important;}


.TabList {
    clear:both;
    
}

.TabListHeader {
    clear:both;
    
}

.TabContent {background-color:#FAFAFA;padding:16px 8px;}
.TabListHeader .TabListReiter { text-decoration:none;font-size:14px;
margin-right:1px;cursor:pointer;display:block;width:auto;padding:6px 10px;float:left;height:auto;
-webkit-border-top-left-radius: 4px;
-webkit-border-top-right-radius: 4px;
-moz-border-radius-topleft: 4px;
-moz-border-radius-topright: 4px;
border-top-left-radius: 4px;
border-top-right-radius: 4px;    
    background-color:#E0E0E0;
    color:#002d49;
}
.TabListHeader .TabListReiter.active{ 
    background-color:#F0F0F0;
}
.TabContentEnd,
.TabListHeaderEnd {
    clear:both;
    
}


.ShowHideSwitcher a {cursor:pointer;background-color:#E0E0F0; padding:2px 4px;min-width:80px;border:1px solid #D0D0E0;margin:2px;}
/*.ShowHideSwitcher a .SwitcherIcon{padding:0px;background-image: url(../images/start.gif);background-repeat:no-repeat;background-position: left bottom;display:block;float:left;width:10px;height:10px;}
.active .ShowHideSwitcher a .SwitcherIcon {background-position: left top;}*/

.ShowHideSwitcher * {float:left;clear:none!important;}
.ShowHideSwitcher .ShowHideSwitcherEnd {clear:both!important;}

a.CancelBtn,
a.SubmitBtn,
a.DeleteBtn,
input[type="reset"],
input[type="submit"] {
   font-family: Arial, Helvetica, sans-serif;
    font-size:16px;
    display: inline-block;
    margin:4px;
    min-width:0px;
    max-width:none;
    width:auto;
    text-align:center;
    border: 1px solid transparent;
    font-weight: bold!important;
    text-decoration:none!important;
    color: #FFF;
    cursor: pointer;
    background-color:#3498db;

    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;

    -moz-box-shadow: 0px 2px 5px #AAA;
    -webkit-box-shadow: 0px 2px 5px #AAA;
    box-shadow: 0px 2px 5px #AAA;

    -webkit-appearance:none;
    outline: none;
    padding:6px 24px;
}

a.SubmitBtn.SmallButton,
a.DeleteBtn.SmallButton,
a.CancelBtn.SmallButton,
input[type="submit"].SmallButton{
    padding:3px 6px;
    font-size:12px;
}

input[type="reset"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner { 
    border: 0; 
    padding: 0; 
}
a.SubmitBtn:hover,
input[type="submit"]:hover {
    background-color:#37a0e6;
}
a.DeleteBtn,
input[type="submit"].Delete{
    background-color:#a03737;
}
a.DeleteBtn:hover,
input[type="submit"].Delete:hover {
    background-color:#D03737;
}

a.CancelBtn,
input[type="reset"]{
    background-color:#AAA;
}
a.CancelBtn:hover,
input[type="reset"]:hover {
    background-color:#A5A5A5;
}

.SetupForm select,
.SetupForm textarea,
.SetupForm input[type="text"],
.SetupForm input[type="file"],
.SetupForm input[type="password"] {
    width:280px;
    display:inline-block;
    float:left;
    margin-top:4px;
    padding:1px;
    font-family: Arial, Helvetica, sans-serif;
}
.SetupForm label span{float:left}
.SetupForm textarea{
    min-height:30px;
    height:60px;
    min-width:280px;
    max-width:627px;
}

.SetupForm input[type="text"].DateField {width: 100px;margin-right:9px;}
.SetupForm input[type="text"].CoinField,
.SetupForm input[type="text"].CurrencyField {width: 70px; text-align:right;}

.SetupForm label{
    clear:both;
    width:160px;
    font-weight: bold;
    font-size: 12px;
    display:block;
    float:left;
    margin-top:4px;
    padding-top:2px;
}

.SetupForm span.inputRO {margin-bottom:6px;padding-top:5px;display:inline-block; font-size:14px;}


.SetupForm {width:810px}
.SetupForm .FormButtons {margin-top:16px;}
.SetupForm .FormButtons a.SubmitBtn,
.SetupForm .FormButtons input[type="submit"],
.SetupForm .FormButtons input[type="button"]{float:right;}
.SetupForm .FormButtons a.CancelBtn,
.SetupForm .FormButtons input[type="reset"]{float:left;}
.SetupForm .FormButtonsEnd {clear:both;}
.clear {clear:both;}

.SetupForm .CheckBoxList { width:280px;float:left;margin-top:4px;padding:1px;display:block;}
.SetupForm .CheckBoxList .CheckBoxListEntry {width:140px;float:left;display:block;padding:2px 0px;margin-bottom:4px;}
.SetupForm .CheckBoxList .CheckBoxListEntry input[type="checkbox"]{display:none;}
.SetupForm .CheckBoxList .CheckBoxListEntry label.cbox{margin:0px; width:18px;}
.SetupForm .CheckBoxList .CheckBoxListEntry .CheckBoxListEntryLabel{float:left; display:block;padding:3px 0px 0px 2px;margin:0px;width:auto;font-weight:normal;clear:none;}
.SetupForm .CheckBoxListEnd {clear:both;}

.SetupForm .RadioList { width:290px;float:left;margin-top:4px;padding:1px;display:block;}
.SetupForm .RadioList .RadioListEntry {width:auto;float:left;display:block;padding:2px 0px;}
.SetupForm .RadioList .RadioListEntry input[type="radio"]{float:left;}
.SetupForm .RadioList .RadioListEntry .RadioListEntryLabel{float:left; display:block;padding-left:2px;padding-right:4px;}
.SetupForm .RadioList .RadioListEntry label.RadioListEntryLabel{margin-top:1px;clear:none;width:auto;}
.SetupForm .RadioListEnd {clear:both;}

.SetupForm #PreviewField .toolbar1,
.SetupForm #PreviewField .toolbar2,
.SetupForm #PreviewField .toolbar3{ border-left:none;border-right:none;border-top:none}


input[type="checkbox"].cbox {margin-top:8px;    
    outline: none;
}
.SetupForm .cboxContent{
    float:left;
    width:auto;
    margin-right:4px;
}
.SetupForm .cboxNamedLabel{
    float:left;clear:none;width:auto;
    margin-top:6px;font-weight:normal;
}
.SetupForm .cboxLabel{
    float:left;
    margin-right:-20px!important;
}
.SetupForm input[type="checkbox"]:checked + label.cbox:before {
    background-color: #3498db;
    
    -moz-box-shadow: inset -1px -1px 3px #FFF, inset 1px 1px 3px #FFF;
    -webkit-box-shadow: inset -1px -1px 3px #FFF, inset 1px 1px 3px #FFF;
    box-shadow: inset -1px -1px 3px #FFF, inset 1px 1px 3px #FFF;
}

.SetupForm label.cbox{
    clear:none;
    width:auto;
    height:10px;
}
label.cbox:before {
    background-color: #FFFFFF;
    
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;

    -moz-box-shadow: inset 1px 1px 5px #DDD;
    -webkit-box-shadow: inset 1px 1px 5px #DDD;
    box-shadow: inset 1px 1px 5px #DDD;

    border:1px solid #CCC;
    content: "";
    display: inline-block;
    height: 15px!important;
    width: 15px!important;
    position:absolute;
}


.SetupForm .FormObjExtInfo{
    display:inline-block;
    padding-top:8px;
    padding-left:8px;
}
select,
input[type="text"],
input[type="password"] {
    height:23px;
}
select,
textarea,
#PreviewField table,
input[type="text"],
input[type="password"] {
    display: inline-block;
    border: 1px solid #CCC;
    background-color:#FFFFFF;

    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;

    -moz-box-shadow: inset 1px 1px 5px #DDD, 1px 1px 5px #EEE;
    -webkit-box-shadow: inset 1px 1px 5px #DDD, 1px 1px 5px #EEE;
    box-shadow: inset 1px 1px 5px #DDD, 1px 1px 5px #EEE;
    
    -webkit-appearance:none;
    outline: none;
    padding:2px 4px;
    overflow-y: auto;
}


select[multiple="multiple"]{
    min-height:54px;
}

.SetupForm .KalenderIcon {margin-top:6px;float:left;}
select:focus,
textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="checkbox"]:focus + label.cbox:before{
   border-color:#AAA;
}

a.SubmitBtn:focus,
input[type="submit"]:focus,
input[type="button"]:focus{
    background-color:#37a0e6;
    border-color:#555;
}

input[type="submit"].Delete:focus{
    background-color:#D03737;
    border-color:#555;
}
a.CancelBtn:focus,
input[type="reset"]:focus{
    background-color:#A5A5A5;
    border-color:#555;
}

.tagdiv {
    background-color: #d9dbe0;
    border: 1px solid #3f4d65;
    border-radius: 3px;
    color: #3f4d65;
    float: left;
    margin-top: 4px;
    margin-right: 5px;
    padding: 2px 4px;
}

 .tagdiv .lspan {
    background: url("./images/tag_loeschen_link2.png") no-repeat right center rgba(0, 0, 0, 0);
    display: inline-block;
    height: 14px;
    width: 14px;
    cursor:pointer;
    margin-top:-3px;
    margin-right:-3px;
}

div.suggest{
    width: 275px;
    max-height: 100px;
    overflow-y:auto;
    background: #fff;
    margin-top:24px;
    border:1px solid #AFAFAF;
    position:absolute;
    display:none;
    z-index: 10000;
    text-align:left;
}
div.suggest a {
    width: auto;
    color:#000;
    margin:0;
    padding:2px 4px;
    display:block;
    text-decoration:none;
    overflow: hidden;
    cursor:pointer;
}
div.suggest a:hover , div.suggest a.selected{ 
    background-color: #ffb; 
    text-decoration:none;
}

.TagListTagsEnd {clear:both;margin-bottom:4px;}
.TagList {float:left;width:280px;}
.TagListInput {clear:both;}

div.autoSelField{
    width: 275px;
    /*max-height: 100px;*/
    /*overflow:auto;*/
    background: #fff;
    margin-top:24px;
    border:1px solid #CCC;
    position:absolute;
    display:none;
    z-index: 10000;
    text-align:left;
    margin-left:1px;
}
div.autoSelField a {
    width: auto;
    color:#000;
    margin:0;
    padding:2px 4px;
    display:block;
    text-decoration:none;
    overflow: hidden;
}
div.autoSelField a:hover , div.autoSelField a.selected{ 
    background-color: #ffb; 
    text-decoration:none;
}
div.autoSelField.focus{
    border-color:#AAA;
}

.GapBar{width:204px;overflow:hidden;border-left:1px solid black;}
.GapBar .ZeroPoint{float:left;width:1px;background-color:#000;height:14px;}
.GapBar .EmptyArea{float:left;margin-top:1px;height:10px;border-top:1px solid #d3d3d3;border-bottom:1px solid #d3d3d3;background-color:#f5f5f5;line-height:1px;}
.GapBar .RedArea{margin-top:1px;float:left;height:10px;border-top:1px solid #d30000;border-bottom:1px solid #d30000;background-color:#ff0000;line-height:1px;}
.GapBar .GreenArea{margin-top:1px;float:left;height:10px;border-top:1px solid #00d300;border-bottom:1px solid #00d300;background-color:#00ff00;line-height:1px}
.GapBar .GapBarValue{float:left;width:1px;position:relative;}
.GapBar .GapBarValue .Wert{padding:1px 0px;font-size:10px;position:relative;left:-50px;text-align:right;width:50px;color:#000;text-shadow: 0px 0px 1px #FFF;}
.GapBar .GapBarEnd{clear:both;}

.LoginScreen {width:300px;margin:auto;background-color:#EEE;border-radius:10px;padding:10px 20px;}
.LoginScreen .CopyRightInfo {text-align:right;font-size:10px;margin-top:20px;}
.LoginScreen .LoginForm {width:auto;}
.LoginScreen .LoginForm label {font-weight:normal;width:200px;display:inline-block;}
.LoginScreen .LoginForm input[type="text"],
.LoginScreen .LoginForm input[type="password"] { width:200px;}
.LoginScreen .LoginForm .FormButtons {margin-top:10px;}
.LoginScreen .LoginForm .FormButtons input[type="submit"] {float:none;margin:0px;}
.LoginScreen .fehler_rot {width:100%;background-color:red;border:none;color:#FFF;border-radius:4px;padding:4px;}
.LoginScreen h3 {color:#A01010;}

.SetupForm input[type="file"]{
    opacity: 0;
    -moz-opacity: 0;
    -webkit-opacity: 0;
    filter: alpha(opacity=0);
    cursor:pointer;
    clear:none;
    height:15px;
    width:1px; overflow:hidden;
    float:none;
}
.SetupForm label.uploadField{
    clear:none;
    width:auto;
    margin:0px;
    text-align:center;
    font-weight:normal;
    color:#999;
}
.SetupForm label.uploadField:before{
    content: "Hier klicken oder Drag&Drop";
}
input[type="file"] + label.uploadField{
    content: "";
    display: inline-block;
    border:5px dashed #F00;
    width:280px;
    height:15px;
    opacity: 1;
    -moz-opacity: 1;
    -webkit-opacity: 1;
    filter: alpha(opacity=100);    
    position:absolute;
}
input[type="file"] + label.uploadField.uploading{
    background-color:#EEE;
    border-color:#AAA;
    color:#AAA;
}
input[type="file"] + label.uploadField.DragHover{
    border-color:#00FF00;
}

.SetupForm label.uploadField.DragHover:before{
    content: "jetzt los lassen";
}

.DataTable td {
    min-width:20px;
    /*max-width:150px;*/
    border-right:1px solid #CCC;
    border-top:1px solid #CCC;}
.DataTableWrapper { padding:1px 2px;width:100%;box-sizing: border-box;}
.DataTable {
    box-sizing: border-box;
    border-top: 1px solid #CCC;border-left: 1px solid #CCC;
    background-color:#CCC;
    border-spacing:0px;border-collapse: separate;
}
.DataTable thead tr.DataTableFilter {display:none;}
.DataTable thead .showFiltersBtn {display:inherit!important;}
.DataTable thead .hideFiltersBtn {display:none!important;}
.DataTable.DataTableShowFilters thead tr.DataTableFilter{display:table-row;}
.DataTable.DataTableShowFilters thead .showFiltersBtn{display:none!important;}
.DataTable.DataTableShowFilters thead .hideFiltersBtn{display:inherit!important;}
.DataTable thead td {background-color:#f9e4b1;position:relative;min-height:24px;height:24px;}
.DataTable > thead > tr:first-child > td {background-color:#D5D5D5;}
.DataTable tbody tr:nth-child(odd) td {background-color:#F5F5F5;}
.DataTable tbody tr:nth-child(even) td {background-color:#FFFFFF;}
.DataTable tbody tr:hover td {background-color:#FFF4C1;}
.DataTable tfoot td {background-color:#D5D5D5; }
.DataTable tbody td { 
    /*white-space:nowrap;*/
    vertical-align:middle;
    max-width: 600px;
}

.DataTable tbody td.wrap{ 
    white-space:normal;
}
.DataTable thead tr {min-height:24px;}
.DataTable thead tr td {min-height:24px;}
.DataTable thead tr.DataTableFilter td { background-color:#F0F0F0;}
.DataTable thead tr.DataTableFilter td.DataTableFilterElem { background-color:#FFF;position:relative;}
.DataTable thead tr.DataTableFilter td > div { box-sizing:border-box;padding:0px;height:20px;display:none;width:100%;max-width:100%;white-space:nowrap;}
.DataTable thead tr.DataTableFilter td > div input[type=text] {margin-top:-1px;font-family: Arial, Helvetica, sans-serif;height:20px;width:80px;display:inline;padding:0px;border:1px solid #3f4d65;border-radius:0px;box-shadow:none;background-color:transparent;font-size:12px;color:#3f4d65;}

.DataTable thead tr.DataTableFilter td > span { cursor:pointer;box-sizing:border-box;top:0px;padding:4px 2px;left:0px;right:0px;height:20px;position:absolute;display:block;width:100%;max-width:100%;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.DataTable thead tr.DataTableFilter td > input[type=text] { cursor:text;font-family: Arial, Helvetica, sans-serif;height:20px;width:100%;display:none;min-width:80px;padding:0px;border:none;border-color:transparent;border-radius:0px;box-shadow:none;background-color:transparent;font-size:12px;color:#3f4d65;}
.DataTable thead tr.DataTableFilter td > select { cursor:pointer;font-family: Arial, Helvetica, sans-serif;height:20px;width:100%;display:none;min-width:80px;padding:0px;border:none;border-color:transparent;border-radius:0px;box-shadow:none;background-color:transparent;font-size:12px;color:#3f4d65;}
.DataTable thead tr.DataTableFilter td.EditFilter > div { display:block;}
.DataTable thead tr.DataTableFilter td.EditFilter > input[type=text] { display:inline-block;}
.DataTable thead tr.DataTableFilter td.EditFilter > select { display:inline-block;}
.DataTable thead tr.DataTableFilter td.EditFilter > span { display:none;}
.DataTable thead td.DataTableSortDown a:after {}
.DataTable thead td.DataTableSortUp a:after {}
.DataTable thead td.DataTableSortDown a:after { z-index:1;position:absolute;top:-4px;right:5px;content: "\f0d7";font-family: "FontAwesome";}
.DataTable thead td.DataTableSortUp a:after { z-index:1;position:absolute;top:5px;right:5px;content: "\f0d8";font-family: "FontAwesome";}

.DataTable thead td.DataTableColName:hover,
.DataTable thead td.DataTableColName.DataTableSortUp,
.DataTable thead td.DataTableColName.DataTableSortDown {
    background-color:#A9A9A9;
    border-top:1px solid #999;
    border-left:1px solid #999;
    border-right:1px solid #EEE;
    border-bottom:1px solid #EEE;
}
.DataTable thead td.DataTableColName{
    border-top:1px solid #DDD;
    border-left:1px solid #DDD;
    border-right:1px solid #BBB;
    border-bottom:1px solid #BBB;
}

.DataTable thead .DataTableColName a span {white-space:nowrap;display:inline-block;}
.DataTable thead .DataTableColName.DataTableSortUp a span {padding-right:14px;padding-left:14px;}
.DataTable thead .DataTableColName.DataTableSortDown a span {padding-right:14px;padding-left:14px;}
.DataTable thead .DataTableColName > span,
.DataTable thead .DataTableColName a { 
    display:inline-block;
    width:100%;
    color:#3f4d65;
    /*height:100%; */
    line-height:18px;
    white-space:nowrap;
}
.DataTable thead .DataTableColName a.DataTableSortDown { display:none;}
.DataTable thead .DataTableColName.DataTableSortUp a.DataTableSortDown { display:inline-block;}
.DataTable thead .DataTableColName.DataTableSortUp a.DataTableSortUp { display:none;}
.DataTable thead .DataTableColName.DataTableSortDown a.DataTableSortDown { display:none;}
.DataTable thead .DataTableColName.DataTableSortDown a.DataTableSortUp { display:inline-block;}

.DataTable > thead > tr > td.DataTableOptions.disabled,
.DataTable > thead > tr > td.DataTableOptions.disabled:hover,
.DataTable > thead > tr > td.DataTableOptions,
.DataTable > tbody > tr > td.DataTableOptions{
    padding:0px;
    margin:0px;
    width:30px;
    min-width:25px;
    position:relative;
    height:24px;
    min-height:24px;
    background-color:#CCC;
    border-top:1px solid #DDD;
    border-left:1px solid #DDD;
    border-right:1px solid #BBB;
    border-bottom:1px solid #BBB;
    box-sizing: border-box;
    text-align:center;
}

.DataTable tbody tr.DataTableSelectedRow td {background-color:#CCC;}

.DataTable > tbody > tr.DataTableSelectedRow > td.DataTableOptions,
.DataTable > thead > tr > td.DataTableOptions.DataTableSelectedOption,
.DataTable > thead > tr > td.DataTableOptions:hover,
.DataTable > tbody > tr > td.DataTableOptions:hover {
    background-color:#A9A9A9;
    border-top:1px solid #999;
    border-left:1px solid #999;
    border-right:1px solid #EEE;
    border-bottom:1px solid #EEE;
}

.DataTable > thead .DataTableColName.disabled,
.DataTable > thead .DataTableColName.disabled:hover,
.DataTable > tbody > tr > td.DataTableOptions.disabled,
.DataTable > tbody > tr > td.DataTableOptions.disabled:hover{
    background-color:#D5D5D5;
    border-bottom:1px solid transparent;
    border-left:1px solid transparent;
    border-right:1px solid #CCC;
    border-top:1px solid #CCC;
}

.DataTable .DataTableOptions ul,
.DataTable .DataTableOptions li{
    list-style-type:none;
    list-style-image:none;
    padding:0px;
    margin:0px;
    display:block;
    width:auto;
    box-sizing: border-box;
    border:none;
    position:relative;
    line-height:18px;
}
.DataTable .DataTableOptions ul a,
.DataTable .DataTableOptions ul button,
.DataTable .DataTableOptions ul label,
.DataTable .DataTableOptions ul span{
    background-color:transparent;
    border:0px solid transparent;
}
.DataTable .DataTableOptions button {color:#3f4d65;font-size:12px;}
.DataTable .DataTableOptions button:hover {color:#3f4d65;}
.DataTable .DataTableOptions a {color:#3f4d65;}
.DataTable .DataTableOptions a:hover {color:#3f4d65;}
.DataTable .DataTableOptions input[type="checkbox"]:checked + ul button,
.DataTable .DataTableOptions input[type="checkbox"]:checked + ul a,
.DataTable .DataTableOptions input[type="checkbox"]:checked + ul label,
.DataTable .DataTableOptions input[type="checkbox"]:checked + ul span,
.DataTable .DataTableOptions li.DataTableSelectedOption > button,
.DataTable .DataTableOptions li.DataTableSelectedOption > a,
.DataTable .DataTableOptions li.DataTableSelectedOption > label,
.DataTable .DataTableOptions li.DataTableSelectedOption > span,
.DataTable .DataTableOptions li > button:hover,
.DataTable .DataTableOptions li > a:hover,
.DataTable .DataTableOptions li > label:hover,
.DataTable .DataTableOptions li > span:hover{
    background-color:transparent;
    border:0px solid transparent;
} 

.DataTable .DataTableOptions li a,
.DataTable .DataTableOptions li button,
.DataTable .DataTableOptions li label,
.DataTable .DataTableOptions li span { vertical-align:middle;cursor:pointer;box-sizing: border-box;
 padding:2px 6px; text-align:center;width:100%;height:100%;display:inline-block;}
 
.DataTable .DataTableOptions input[type="checkbox"] { display:none;}

.DataTable .DataTableOptions > ul{
    border-spacing: 0;
    border-collapse: collapse;
    display: table;
}
.DataTable .DataTableOptions > ul > li{
    display: table-row;
    border-spacing: 0;
    border-collapse: collapse;
}
.DataTable .DataTableOptions > ul > li > button,
.DataTable .DataTableOptions > ul > li > a,
.DataTable .DataTableOptions > ul > li > span,
.DataTable .DataTableOptions > ul > li > label{
    display:table-cell;
    border-spacing: 0;
    border-collapse: collapse;
    box-sizing: border-box;
    background-color:transparent;
    border:0px solid transparent;
}
.DataTable .DataTableOptions > ul,
.DataTable .DataTableOptions > ul > li{
    width:100%;
    height:100%;
}
.DataTable .DataTableOptions  ul > li > ul > li {
    border: 1px solid transparent;
}
.DataTable .DataTableOptions  ul > li > ul{
    background-color:#CCC;
    border-top:1px solid #DDD;
    border-left:1px solid #DDD;
    border-right:1px solid #BBB;
    border-bottom:1px solid #BBB;
    position:absolute;
    left:100%;
    top:-2px;
    margin-left:2px;
    white-space:nowrap;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    z-index:100000;
}


.DataTable .DataTableOptions  ul > li > ul > li.DataTableSelectedOption,
.DataTable .DataTableOptions  ul > li > ul > li:hover {
    background-color:#A9A9A9;
    border-top:1px solid #999;
    border-left:1px solid #999;
    border-right:1px solid #EEE;
    border-bottom:1px solid #EEE;
}

.DataTable .DataTableOptions ul > li > ul{
    display:none;
}
.DataTable .DataTableOptions ul > li.DataTableOptionTrenner:after{
    content: " ";
    display:block;
    width:100%;
    height:3px;
    overflow:hidden;
    background-color:#A9A9A9;
    border-top: 1px solid #DDD;
    border-bottom: 1px solid #EEE;
    cursor:pointer;
}

.DataTable .DataTableOptions ul > li.DataTableSelectedOption > ul{
    display:block;
}

.UploadContainer { float:left;}
.UploadFileList {
    border: 1px solid #CCC;
    background-color:#FFFFFF;

    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;

    -moz-box-shadow: inset 1px 1px 5px #DDD, 1px 1px 5px #EEE;
    -webkit-box-shadow: inset 1px 1px 5px #DDD, 1px 1px 5px #EEE;
    box-shadow: inset 1px 1px 5px #DDD, 1px 1px 5px #EEE;
    
    -webkit-appearance:none;
    outline: none;
    padding:2px 4px;
    overflow-y: auto;
    max-height:100px;
    margin-bottom:8px;
 }
.SetupForm .UploadFileList {width:280px;}
.SetupForm .UploadContainer {width:280px;margin-top:8px;}
.UploadFileList .FileListEntry {clear:both;background-color:#FFF;height:20px;}
.UploadFileList .FileListEntry:nth-child(even) {background-color:#F5F5F5;}
.UploadFileList .FileListEntry div.FileName {width:155px;float:left;padding-top:3px;}
.UploadFileList .FileListEntry div.FileName a {text-decoration:underline;color:#3f4d65;}
.UploadFileList .FileListEntry div.FileSize {width:80px;float:left;padding-top:3px;text-align:right;}
.UploadFileList .FileListEntry div.FileOptions {width:20px;float:left;padding-top:1px}
.UploadFileList .FileListEntry div.FileListEntryEnd {clear:both;}
.DelIcon { cursor:pointer;padding-left:19px;height:17px;background-image: url('./images/delete.gif');background-repeat:no-repeat;display:inline-block;margin:0px 2px;}

.UploadFileListEnd {clear:both;}


.UploadGalFileList {}
.UploadGalFileList .GalFileListEntry {cursor:move;background-color:black;background-repeat:no-repeat;display:block;margin:4px;border:1px solid black;float:left;background-size:100%;background-position: center center;width:120px; height:120px;}
.UploadGalFileList .GalFileListEntry div.GalFileListEntryEnd {clear:both;}
.UploadGalFileListEnd {clear:both;}

.GalUpload label.uploadField {position:inherit!important;display:block;float:left;width:120px!important;height:120px!important;}
a.red {color:#FF0000;}





.DataTableContents {width:100%;box-sizing: border-box;}
.DataTableContents .DataTableContentList,
.DataTableContents .AvailContentList
 {width:50%;float:left;box-sizing: border-box;padding:5px;position:relative;}
.DataTableContents .ContentListTransfer {width:0px; overflow:visible;float:left;position:relative;height:270px;}
 
.DataTableContents .DataTableContentList {border-left:15px solid transparent;}
.DataTableContents .AvailContentList {border-right:15px solid transparent;}
.DataTableContents .ContentListTransfer button{
    position:absolute;
    left: -11px;
    top: 150px;
    cursor:pointer;
    padding:2px;
    z-index:100;
}
.DataTableContents .ContentListTransfer button:before {
    width: 16px;
    height: 16px;
    display:block;
    background-image: url("css/images/ui-icons_444444_256x240.png");
    background-position: -96px -80px;
    content: " ";
}

.DataTableContents ul#sortable3,.DataTableContents ul#sortable3 li {list-style-type:none;margin:0px;padding:0px;}

li.MovingContainer ul {width:100%;}
.DataTableContents ul#sortable1,.DataTableContents ul#sortable2 {list-style-type:none;margin:0px;padding:2px;line-height:20px;width:100%;height:270px;overflow-y:auto;float:left;display:block;box-sizing: border-box;border:1px solid #CCC;}
li.MovingContainer ul li,
.DataTableContents ul#sortable1 li,.DataTableContents ul#sortable2 li {cursor:pointer;list-style-type:none;margin:2px 0px;line-height:20px;padding:2px;position:relative;text-overflow: ellipsis;}
.DataTableContents ul#sortable1 li input[type=checkbox],
.DataTableContents ul#sortable2 li input[type=checkbox] {border:3px solid transparent;display:block;float:left;;}

.DataTableContents li input[type=checkbox] {position:absolute;}
.DataTableContents li span {padding-right:30px;padding-left:25px;display:block;}
.DataTableContents li.ui-state-disabled span {padding-right:30px;padding-left:5px;display:block;}
.DataTableContents li span.name {font-weight:bold;}

.DataTableContents li.bundle:before,
.DataTableContents li.onlinetutorial:before,
.DataTableContents li.offlinetutorial:before,
.DataTableContents li.webinar:before {
    width: 16px;
    height: 16px;
    display:block;
    background-image: url("css/images/ui-icons_444444_256x240.png");
    position:absolute;right:25px;top:4px;
    content: " ";
}
.DataTableContents li.onlinetutorial:before {
    background-position: -240px -112px;
}

.DataTableContents li.offlinetutorial:before {
    background-position: -32px -112px;
}

.DataTableContents li.webinar:before {
    background-position: -144px -96px;
}

.DataTableContents li.bundle:before {
    background-position: -48px -80px;
}

.DataTableContents .DataTableContentList ul li:after {
    width: 16px;
    height: 16px;
    display:block;
    background-image: url("css/images/ui-icons_444444_256x240.png");
    background-position: -128px -48px;
    position:absolute;right:6px;top:4px;
    content: " ";
}

li.MovingContainer:after {display:none!important;}

.DataTableContentsEnd {clear:both;}

.DataTableColumnList .Selector {background-color:#CCC;padding:5px 9px;}


.PortalSelect{
    display:inline-block;
    width: 155px;
    white-space: nowrap;
    overflow: hidden;
}

.PortalSelect.kat{
    width: 230px;
}
.PortalSelect.kat.indent{
    width: 50px;
}

.PortalListe{
    margin: 10px 0 10px 5px;
    padding: 10px 5px 10px 10px;
    border: 1px solid #BBC8E5;
}

.kat_preise{
    width: 90%!important;
}

#MerchantData.inactive{
    display: none;
}
#MerchantData.active{
    display: block;
}