.dropdownmenu {
    position: absolute;
    border: 2px solid #24603c;
    line-height: 18px;
    z-index: 100;
    text-align: left;
    width: auto;
    background-color: #fff;
  }
  .listtable,
  .listtablebasis,
  .listtablebasissmall {
    width: 100%;
    border-width: 0;
    border-collapse: collapse;
    padding: 3px;
  }
  .listheader,
  .listheader TD {
    font-family: Open Sans, Verdana, Arial;
    font-size: 8pt;
    font-weight: 700;
    overflow: hidden;
    background-color: #e0e0e0 !important;
    border-width: 0;
    padding: 3px;
  }
  .listheader A {
    color: #000;
  }
  .listitem {
    font-family: Open Sans, Verdana, Arial;
    font-size: 8pt;
    background-color: #fcfcfc;
    border-width: 0;
    border-color: navy;
    border-style: solid;
  }
  .listitem,
  .listtable td,
  .listtablebasis td {
    padding: 3px;
    vertical-align: top;
  }
  .listtablebasissmall td {
    overflow: hidden;
    padding: 3px 3px 3px 3px;
    vertical-align: top;
  }
  .zebra {
    background-color: #f0f0f0;
  }
  .listtable > tbody > tr:nth-of-type(even) td {
    background-color: #f0f0f0;
  }
  .listtable > tbody > tr.tabellenebene0 td {
    background-color: #f8f8f8;
  }
  .listtable > tbody > tr.tabellenebene1 td {
    background-color: #f0f0f0;
  }
  .listtable > tbody > tr.tabellenebene2 td {
    background-color: #e0e0e0;
  }
  .listtable > tbody > tr.tabellenebene3 td {
    background-color: #d0d0d0;
  }
  .listtable > tbody > tr.tabellenebene4 td {
    background-color: silver;
  }
  .listtable > tbody > tr:nth-of-type(even) td.nozebra {
    background-color: #fff !important;
  }
  .listtable > thead > tr > td {
    background-color: #ccc;
  }
  .listtable > tbody > tr:nth-of-type(even) td.draghover {
    background-color: #ff0;
  }
  .listitemgray {
    background-color: #e0e0e0;
  }
  .listsection {
    background-color: grey !important;
    color: #fff;
    font-weight: 700;
    padding: 3px;
    margin-top: 10px;
  }
  .bezahlt {
    background-color: #c0ffc0;
  }
  .listtable tbody tr:nth-of-type(even) td.bezahlt {
    background-color: #a0f0a0;
  }
  .forumlistitem TD {
    background-color: #fff !important;
    border-bottom: 1px solid silver;
  }
  .smarttable td {
    padding-right: 8px;
  }
  .table-responsive {
    overflow-x: visible;
  }
  .table-responsive td {
    line-height: 1.2;
  }
  @media only screen and (max-width: 480px) {
    .responsivetable table,
    .responsivetable tbody,
    .responsivetable thead {
      display: block;
    }
    .responsivetable thead > tr {
      position: absolute;
      top: -9999px;
      left: -9999px;
    }
    .responsivetable tr {
      display: block;
      border: 1px solid #ccc;
      margin-bottom: 10px;
    }
    .responsivetable td {
      display: block;
      position: relative;
      padding-left: 120px !important;
      min-height: 30px !important;
      text-align: left;
    }
    .responsivetable td:before {
      position: absolute;
      left: 6px;
      content: attr(data-title);
      width: 110px;
      height: auto;
      line-height: 0.85;
    }
    .smarttable table,
    .smarttable tbody,
    .smarttable td,
    .smarttable thead,
    .smarttable tr {
      display: block;
    }
    .smarttable td {
      width: 100%;
    }
    .listitem {
      white-space: normal !important;
    }
  }
  @media only screen and (max-width: 767px) {
    .table-responsive > .table > tbody > tr > td {
      white-space: normal !important;
    }
  }
  /*************** Eingabe-Felder ***************/
  
  input[type=text], input[type=tel], input[type=email], input[type=password], input:not([type])
  {
     padding: 0;
     padding-left: 3px !important;
     box-sizing: border-box;
     max-height: 25px !important;
     height: 25px !important;
     color: #000;
  }
  select:not([multiple]):not([size])
  {
     padding: 0;
     color: #000;
  }
  input[type=submit], input[type=button]
  {
     height: 24px;
     padding: 1px 5px 1px 5px;
  }
  textarea
  {
     padding: 0;
     padding-left: 3px !important;
     border-radius: 0 !important;
     line-height: 1.3;
  }
  input, textarea, select
  {
    border: 1px solid #888;
    margin-left: 0.5rem;
    margin-right: 0.5rem;
  }
  input[type=radio], input[type=checkbox]
  {
     width: 14px;
  }
  input.form-control, select.form-control, input.datepicker, input.colorpicker
  {
     padding: 0;
     height: 24px;
     color: #000;
     border: 1px solid #ccc;
     box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  }
  select.form-control
  {
     width: 100%;
  }
  textarea.form-control
  {
     color: #000;
     border: 1px solid #bbb;
  }
  div.form-control
  {
     padding: 0px; 
     margin:0;
     vertical-align: middle;
     min-height: 18px;
     border: 1px solid #ccc;
     border-radius: 0;
  }
  div.form-control input:not([type])
  {
     padding: 0;
     height: 16px;
     color: #000;
     width:100%;
     border:0;
     padding:0;
     margin:0;
  }
  
  
  .fieldcontrol
  {
     line-height: 1.39;
  }
  
  .fieldcontrol select:not([size])
  {
     height:24px !important;
  }
  
  .fieldcontrol
  {
     font-size: 9pt;
     color: #666;
  }
  
  input.form-control:focus, textarea:focus, select:focus
  {
     border: 1px solid #000 !important;
  }
  .input
  {
     width: 100%;
  }
  .ui-datepicker-title select
  {
     color: #000;
     font-weight: normal;
  }
  
  .readonlyfield
  {
     padding: 0;
     padding-left: 3px;
     min-height: 21px;
     background-color: #ddd;
     border: 1px solid #bbb;
  }
  
  .table td, .table100 td
  {
     font-size: 8pt;
  }
  
  .table100
  {
     width: 100%;
  }
  
  .maininputtable td
  {
     padding: 6px;
     font-size: 8pt;
  }
  
  .fieldgroup
  {
     width: 100%;
     padding: 1px;
  }
  .fieldgroup::after
  {
     clear: left;
     content: '';
     display:block;
  }
  
  .errorbox
  {
     border: 1px solid red;
     background-color: #ffd0d0;
     padding: 10px;
     color: red;
     margin-bottom: 20px;
  }
  
  .errorfield
  {
     border: 1px solid red;
     background-color: #ffd0d0;
     color: red;
     padding: 3px;
  }
  
  .required:after
  {
     padding-left: 3px;
     color: red;
     content: '*';
  }
  .antragrequired
  {
     background-color: red;
     padding: 3px;
     color: white;
     content: '*##';
  }
  
  .antragverify
  {
     border: 1px solid green;
     background-color: #d0ffd0;
     padding: 3px;
     font-weight: bold;
     color: green;
  }
  
  .fieldgrouprequired .fieldcontrol
  {
     margin-left: 3px;
     background-color: #ffd0d0;
     color: red;
  }
  .fieldgrouprequired .fieldcontrol input, .fieldgrouprequired .fieldcontrol select
  {
     margin-left: 3px !important;
  }
  .fieldlabel
  {
    float: left;
    text-align: right;
    font-size: 9pt;
    color: #666;
    padding: 3px 3px 0px 0;
    width: 120px;
    overflow: hidden;
    vertical-align: top;
    line-height: 1.3;
  }
  .fieldlabellong
  {
    text-align: left;
    width: 99%;
    padding-bottom: 0px;
    margin-bottom: 0px;
  }
  .fieldcontrol
  {
    float: left;
    padding: 3px;
    width: calc(99% - 150px);
  }
  .fieldcontrol45
  {
    float: left;
    padding: 3px;
    width: calc(95% - 490px)
  }
  .fieldcontrol55
  {
    float: left;
    padding: 3px;
    width: calc(95% - 390px);
  }
  .fieldcontrol65
  {
    float: left;
    padding: 3px;
    width: calc(95% - 290px)
  }
  .fieldcontrol10
  {
    float: left;
    padding: 3px;
    width: 100px;
  }
  .fieldcontrolfull
  {
    float: left;
    padding: 3px;
    width: 100%;
  }
  
  .profilfoto
  {
    float:right;
    width:140px;
  }
  
  .profilmain
  {
    float:left;
    width:calc(100% - 160px);
  }
  
  .begleitertable td
  {
    padding: 2px;
  }
  
  .begleitertable .fieldlabel
  {
    text-align: left;
    width: 150px;
  }
  
  @media (max-width: 600px)
  {
    .fieldgroup
    {
       padding: 0px;
    }
    .fieldlabel
    {
      display: block;
      width: 90%;
      text-align: left;
      padding: 8px 0 0 3px;
      margin: 0px 0px 0px 0px;
      overflow: none;
    }
    .fieldcontrol
    {
      display: block;
      width: 100%;
      margin: 0px 0px 10px 0px;
    }
    .fieldcontrol45
    {
      float: left;
      padding: 3px;
      width: calc(95% - 300px)
    }
    .fieldcontrol55
    {
      float: left;
      padding: 3px;
      width: calc(95% - 200px);
    }
    .fieldcontrol65
    {
      float: left;
      padding: 3px;
      width: calc(95% - 100px)
    }
    .fieldcontrol10
    {
      float: left;
      padding: 3px;
      width: 100px;
    }
    .fieldcontrolfull
    {
      float: left;
      padding: 3px;
      width: 100%;
    }
  
    .mceLayout tbody tr:first-child { display:none; }
    .fileselecttable, .fileselecttable tr, .fileselecttable td { display:block; }
  
     .profilfoto
     {
       display: block;
       width: 100%;
       margin-bottom: 20px;
     }
  
     .profilmain
     {
       display: block;
       width: 100%;
     }
  }
  
  /*************** Lightbox ***************/
  
  .lightboxbackground
  {
     display:none;
     position:absolute;
     top:0%;
     left:0%;
     width:100%;
     height:100%;
     background-color:black;
     z-index:1001;
     -moz-opacity:0.8;
     opacity:.50;
     filter:alpha(opacity=50); 
  }
  
  .lightboxbackgroundvisible
  {
     background-color:#f0f0f0;
  }
  
  .lightbox
  {
     display:none;
     font-size:10pt;
     position:absolute;
     top:50%;
     left:50%;
     margin: -40px 0 0 -150px;
     width:300px;
     height:80px;
     padding:16px 1px 1px 1px;
     border:1px solid black;
     background-color:white;
     z-index:1002;
     overflow:auto;
     text-align:center;
     vertical-align:middle; 
     line-height: 1.8;
  }
  
  .bloglink
  {
     color:#404040;
  }
  
  .bloglink:hover
  {
     text-decoration: underline;
  }
  
  .datakachel
  {
     display: table;
     cursor: pointer;
     width: 150px;
     height: 150px;
     max-height: 150px;
     margin-right: 30px;
     margin-bottom: 15px;
     line-height: 2;
     float: left;
     text-align: center;
     box-shadow: 5px 5px 5px #808080;
  }
  .datakachelimg
  {
     line-height: 1.2;
  }
  
  .datakachel span
  {
     display: table-cell;
     text-align: center;
     vertical-align: middle;
     line-height: 1.2;
     padding: 2px;
  }
  
  .datakachel img
  {
     display: block;
     max-width: 100%;
     max-height: 90px;
     padding: 8px 5px 5px 5px;
     margin-top: 5px;
     margin-bottom: 5px;
     margin-left: auto;
     margin-right: auto;
  }
  
  canvas
  {
      -moz-user-select: none;
      -webkit-user-select: none;
      -ms-user-select: none;
      user-select: none;
  }
  
  .responsivespalten td
  {
     padding: 0;
     padding-right: 5px;
  }
  
  @media only screen and (max-width: 640px)
  {
     table.responsivespalten, table.responsivespalten > tbody, table.responsivespalten > tbody > tr, table.responsivespalten > tbody > tr > td
     { 
        display: block; 
        width: 100% !important;
     }
     table.responsivespalten
     {
        border: 1px solid #888;
        padding: 0;
     }
  }
  
  .itemid
  {
     color: #888;
     font-size: 8pt;
  }
  
  @media only screen and (min-width: 480px)
  {
    .colwidth50     { padding: 1px !important; width: 50px; }
    .colwidth60     { padding: 1px !important; width: 60px; }
    .colwidth70     { padding: 1px !important; width: 70px; }
    .colwidth100    { padding: 1px !important; width: 100px; }
    .colwidth150    { padding: 1px !important; width: 150px; }
    .colwidth330    { padding: 1px !important; width: 330px; }
    .colwidthREL260 { padding: 1px !important; width: calc(100% - 260px); white-space: nowrap; }
    .colwidthREL650 { padding: 1px !important; width: calc(100% - 650px); white-space: nowrap; }
    .colwidthREL770 { padding: 1px !important; padding-left: 3px !important; width: calc(100% - 770px); white-space: nowrap; }
    .colwidthREL590 { padding: 1px !important; width: calc(100% - 590px); white-space: nowrap; }
    .colwidthREL710 { padding: 1px !important; width: calc(100% - 710px); white-space: nowrap; }
    .colwidthREL390 { padding: 1px !important; width: calc(100% - 390px); white-space: nowrap; }
    .colwidthREL510 { padding: 1px !important; width: calc(100% - 510px); white-space: nowrap; }
  
    .spankontopicker330 { padding:0; margin:0; border:0; white-space:nowrap; width:330px; }
    .spankontopicker430 { padding:0; margin:0; border:0; white-space:nowrap; width:430px; }
  }
  .inputpicker
  {
     height: 24px !important;
     border-color: #bbb !important;
     background-color: white;
     
  }
  .buttonitem .inputpicker
  {
     height: 30px !important;
  }
  .inputpicker input
  {
     padding: 0;
     height: 20px !important;
     max-height: 20px !important;
     outline: 0px;
  }
  .inputpicker div
  {
    float:left;
    padding:3px 3px 3px 3px;
  }
  
  .mitgliedsantrag td
  {
     padding-right: 10px;
     padding-bottom: 10px;
  }
  
  INPUT[type=checkbox], INPUT[type=radio]
  {
     margin-top: 0;
     margin-right: 6px;
     margin-bottom: 0;
     padding: 0;
  }
  
  .optiondetails
  {
     color: #808080;
     font-size: 10pt;
     margin-bottom: 12px;
  }
  
  .starttabelle td
  {
     padding-right: 15px;
  }
  
  .datatabellebilder td
  {
     padding-right: 10px;
     background-color: #e0e0e0;
     text-align: center;
  }
  
  .datatabelle td
  {
     padding-right: 20px;
  }
  
  .calendarday
  {
     line-height: 140%;
  }
  
  .standard
  {
     line-height: 1;
  }
  
  .optionsubnavi
  {
     padding: 5px;
     margin: 5px 5px 5px 0px;
     border: 1px solid black;
     float: left;
     background: #e0e0e0;
     cursor: pointer;
  }
  .optionsubnavi:hover
  {
     background: #f8f8f8;
  }
  .optionsubnaviselected
  {
     background: #000080;
     color: white;
  }
  .optionsubnaviselected:hover
  {
     background: #000080;
     color: white;
  }
  
  .publicsearchtablefields TD
  {
     padding: 5px;
  }
  
  .rechnunganrede, .rechnungtitel { width:80px; }
  .rechnungvorname { width:calc(50% - 80px); }
  .rechnungnachname { width:calc(50% - 80px); }
  .rechnungnamegeb { width:calc(30% - 55px); }
  
  .rechnungplz { width:80px; }
  .rechnungland  { width:100px; }
  .rechnungort { width:calc(100% - 180px); }
  
  .rechnungtabelle
  {
     padding-left: 0px;
     width: 100%;
     overflow: scroll;
     border-spacing: 0px;
     border-collapse: separate;
     margin: 0;
     box-sizing: border-box;
  }
  .rechnungtabelle div
  {
     margin: 0;
     box-sizing: border-box;
  }
  .rechnungtabelle td
  {
     padding: 0 0 2px 5px;
  }
  .rechnungtabelle td:nth-child(1)
  {
     padding-left: 0px;
  }
  
  .rollentable > thead > tr > td
  {
     vertical-align: top;
     background-color: white;
  }
  
  #postfachfolder
  {
     width: 240px;
     margin: 0 20px 30px 0;
     float: left;
     overflow-x: auto;
     box-sizing: border-box;
  }
  
  #postfachliste
  {
     width: 50%;
     margin: 0 20px 30px 0;
     float: left;
     min-height: 300px;
     overflow-x: auto !important;
     box-sizing: border-box;
  }
  
  #postfachmail
  {
     width: 50%;
     float: left;
     box-sizing: border-box;
  }
  
  #postfachliste.drei
  {
     width: calc(50% - 140px);
  }
  #postfachmail.drei
  {
     width: calc(50% - 140px);
  }
  
  @media (max-width: 1000px)
  {
     #postfachfolder { width:100% !important; }
     #postfachliste { width:100% !important; padding-right:0px; }
     #postfachmail { width:100% !important; }
  }
  
  #datapaths
  {
     box-sizing: border-box;
     width: 330px;
     padding-right:30px;
     float: left;
     overflow-x: auto;
  }
  
  #datafiles
  {
     box-sizing: border-box;
     width: calc(100% - 330px);
     float: left;
  }
  
  #datafilesteam
  {
     box-sizing: border-box;
     width: calc(100% - 660px);
     float: left;
  }
  
  #datateam
  {
     box-sizing: border-box;
     width: 330px;
     float: left;
     padding-left: 30px;
  }
  @media (max-width: 1000px)
  {
     #datapaths
     {
        width: 100%;
     }
     #datafiles, #datafilesteam, #datateam
     {
        margin-top: 50px;
        padding: 0px;
        width: 100%;
     }
  }
  
  .dateienliste TD
  {
     padding: 0 0 5px 0;
  }
  .webpartpage
  {
     padding-top: 20px;
     padding-left: 10px;
  }
  
  .avatar
  {
     border-radius: 50%;
  }
  
  p
  {
     padding:0 0 8px 0;
     margin:0;
  }
  
  .line
  {
     height: 16px;
  }
  
  .registerline
  {
     height: 14px;
  }
  .infotext
  {
     font-weight: bold;
     padding-bottom: 12px;
  }
  
  .postfachmailtable
  {
     width: 100%;
     font-size: 8pt;
     overflow: hidden;
     border-width: 0;
     border-collapse: collapse;
  }
  
  .postfachmailtable td
  {
     padding: 3px 6px 3px 6px;
     vertical-align: top;
  }
  
  #membertree
  {
     width: 200px;
     margin-right:10px;
     float: left;
     overflow-x: auto;
  }
  
  #membertree TD
  {
     padding-right: 6px;
     vertical-align: top;
  }
  
  #memberrechts
  {
     width: calc(100% - 220px);
     float: left;
     margin-right:10px;
  }
  

  .newmarker
  {
     background-color: red;
     margin-left: 5px;
     min-width: 16px;
     height: 16px;
     min-height: 16px;
     max-height: 16px;
     text-align: center;
     color: white;
     display: inline-block;
     border-radius: 8px;
     font-size: 10px;
  }
  
  .flex-container
  {
     float:left;
     margin: 0 20px 10px 0;
     background-color:#e0e0e0;
     padding:10px;
     min-height: 140px;
  }
  
  .captcha
  {
     margin-bottom: 3px;
  }
  .captcha SPAN
  {
     white-space: nowrap;
  }
  .captcha IMG
  {
     margin:0;
     padding:0;
  }
  
  TR.ungelesengruen TD
  {
     background-color:#D3F7D3;
  }
  TR.ungelesengruen:nth-of-type(even) TD.listitem
  {
     background-color:#B0F2B0 !important;
  }
  TR.mailopen TD
  {
     background-color:#DEECF9 !important;
  }
  .mitglieddetails
  {
     width:calc(50% - 20px);
     float:left;
     margin-right:20px;
     overflow-x: hidden;
  }
  @media (max-width: 900px)
  {
     .mitglieddetails
     {
        width:100%;
     }
  }
  
  .table0, .tablejournal
  {
     border-spacing: 0px;
     border-collapse: separate;
  }
  .table0 td, .tablejournal td
  {
     padding: 0;
     vertical-align: top;
  }
  .tablejournal
  {
     width: 100%;
  }
  .table5
  {
     border-spacing: 0px;
     border-collapse: separate;
  }
  .table5 td
  {
     font-family: Open Sans, Verdana, Arial;
     padding: 0px 5px 2px 0px;
     vertical-align: top;
  }
  .table6
  {
     font-family: Open Sans, Verdana, Arial;
     border-spacing: 0px;
     border-collapse: separate;
  }
  .table6 td
  {
     padding: 6px;
     vertical-align: top;
  }
  
  .nachlesebild
  {
     float:left;
     padding:10px;
     width:135px;
     height:135px;
     background-color:#f0f0f0;
     margin-right:30px;
     margin-bottom:30px;
  }
  .nachlesetext
  {
     float:left;
     width: calc(100% - 185px);
     margin-bottom:30px;
  }
  @media (max-width: 600px)
  {
     .nachlesetext { width:100%; }
  }
  
  .infoblockheader
  {
     font-weight: bold;
  }
  
  .infoblockbody
  {
     padding-bottom: 18px;
  }
  
  @media (max-width: 1300px)
  {
     table.shopartikel2, table.shopartikel2 > tbody > tr, table.shopartikel2 > tbody > tr > td
     {
        display: block; 
     }
     table.shopartikel2 > tbody > tr > td
     {
        width: 100% !important;
     }
  }
  
  @media (max-width: 1650px)
  {
     table.shopartikel3, table.shopartikel3 > tbody > tr, table.shopartikel3 > tbody > tr > td
     {
        display: block; 
     }
     table.shopartikel3 > tbody > tr > td
     {
        width: 100% !important;
     }
  }
  
  .shopeinartikel
  {
     margin-right:10px;
     margin-bottom:10px;
     width:100%;
  }
  .shopeinartikeltitel
  {
     padding:0 10px 10px 10px;
  }
  .shopeinartikel td
  {
     vertical-align:top;
     width:50%;
     padding:10px;
  }
  
  
  @media only screen and (max-width: 500px)
  {
     .shopeinartikel td
     {
         width:100%;
         display:block;
     }
  }
  
  .nebeneinander  .fieldgroup
  {
     padding: 0px;
  }
  .nebeneinander  .fieldlabel
  {
    display: block;
    width: 90%;
    text-align: left;
    margin: 0px 0px 0px 0px;
    font-weight: bold;
    overflow: none;
  }
  .nebeneinander  .fieldcontrol
  {
    display: block;
    width: 90%;
    margin: 0px 0px 10px 0px;
  }
  .nebeneinander  .fieldcontrol45
  {
    float: left;
    padding: 3px;
    width: calc(95% - 300px)
  }
  .nebeneinander  .fieldcontrol55
  {
    float: left;
    padding: 3px;
    width: calc(95% - 200px);
  }
  .nebeneinander  .fieldcontrol65
  {
    float: left;
    padding: 3px;
    width: calc(95% - 100px)
  }
  .nebeneinander  .fieldcontrol10
  {
    float: left;
    padding: 3px;
    width: 100px;
  }
  .nebeneinander  .fieldcontrolfull
  {
    float: left;
    padding: 3px;
    width: 100%;
  }
  
  @media (max-width: 400px)
  {
  .nebeneinander { width:100% !important; }
  }
  
  .helptable
  {
     border-spacing: 0px;
     border-collapse: separate;
  }
  .helptable > tbody > tr > td
  {
     padding: 5px;
     border: 1px solid #c0c0c0;
  }
  .helptable td .table0 td
  {
     padding: 0 !important;
  }
  
  .kapitelsuche table.helptable td
  {
     padding: 5px;
     border: 1px solid #ccc;
  }
  
  .btntest
  {
     display: inline-block;
     padding: 6px 12px;
     margin-bottom: 0;
     font-weight: normal;
     line-height: 1.42857143;
     text-align: center;
     white-space: nowrap;
     vertical-align: middle;
     -ms-touch-action: manipulation;
     touch-action: manipulation;
     cursor: pointer;
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none;
     background-image: none;
     border: 1px solid transparent;
     border-radius: 0px;
  }
  
  .btn-group .btntest.dropdown-toggle
  {
     padding-left: 8px;
     padding-right: 8px;
     margin-left: -5px;
  }
  
  .btntest:hover, .btntest:focus, .btntest.focus
  {
    text-decoration: none;
    background-color: #0F7EAE;
    color: white;
  }
  
  .datenschutz
  {
     color: green;
  }
  
  .faqfrage
  {
    cursor:pointer;
  }
  
  .back-to-top
  {
    cursor: pointer;
    position: fixed;
    bottom: 20px;
    right: 20px;
    display:none;
  }
  
  .jPicker.Container
  {
    z-index:1000;
  }
  
  .fancybox-button
  {
     background-color: white;
     color: blue !important;
  }
  
  .member-items
  {
      margin-bottom: 60px;
  }
  
  .member-items .member-item
  {
      margin-bottom: 20px;
      padding: 18px 17px 18px 17px;
      position: relative;
      min-height:250px !important;
      background-color: #f0f0f0;
  }
  
  .member-items .member-item .image
  {
      float: left;
      width: 37%;
  }
  
  .member-items .member-item .image img
  {
      border: 0 !important;
      max-width: 100%;
      padding-right: 30px;
  }
  
  .member-items .member-item .text
  {
      float: left;
      width: 63%;
  }
  
  .member-items .member-item .text p
  {
      font-size: 9pt !important;
  }
  
  @media(max-width:450px)
  {
     .member-items .member-item .image
     {
        width:100%;
        margin-bottom: 20px;
     }
  
     .member-items .member-item .text
     {
        width:100%;
     }
  }
  
  
  #tablelogin td
  {
    padding:1px;
  }
  
  #tablelogin input, #tablelogin a.btn
  {
     height: 30px !important;
     max-height: 30px !important;
  }
  
  .tableplatzhalter
  {
     width: 100%;
  }
  .tableplatzhalter th
  {
     padding: 5px;
     border: 1px solid #c0c0c0;
     background-color: #e0e0e0;
  }
  .tableplatzhalter td
  {
     padding: 5px;
     border: 1px solid #c0c0c0;
  }
  
  .kasseuebersicht
  {
     width:100%;
  }
  .kasseuebersicht TD
  {
     padding: 0 20px 10px 0;
  }
  
  .kasseuebersicht TD > DIV
  {
     border: 1px solid #ccc;
     box-shadow: 5px 5px 5px #808080;
     padding: 0px;
     height: 100%;
  }
  .kasseuebersicht .header
  {
     background-color: #e0e0e0;
     padding: 10px;
     margin-bottom: 5px;
     text-align: center;
  }
  .kasseuebersicht .details
  {
     padding: 20px;
  }
  
  .noinput
  {
     height: 24px !important;
     border:1px solid #aaa; 
     padding: 2px !important;
     background-color:#e0e0e0;
  }
  
  .buttonline .noinput
  {
     height: 30px !important;
  }
  
  .fieldinfo
  {
     font-style: italic;
     font-size: 8pt;
     color: #888;
     line-height: 1.2;
  }
  
  .inputshort
  {
     margin-right: 6px;
     width: 200px;
     display: inline;
  }
  
  .inputshorttext
  {
     font-size: 9pt;
     color: #666;
     display: inline;
  }
  
  .star
  {
     font-size: 11pt;
     color: #888;
     padding-right: 2px;
  }
  
  .star-selected
  {
     color: yellow;
  }
  
  
  
  
  #webparttoolbox, .webpartlist
  {
    list-style-type: none;
    margin: 0;
    padding: 0;
  }
  
  #webparttoolbox li, .webpartlist li
  {
    list-style-type: none;
  }
  
  .wpitem, .wpdrag
  {
    border: 1px solid #ccc;
    background-color: #eee;
    padding: 0px;
    margin: 0px; 
  }
  
  .wpitem
  {
    width: 100%;
    height: 100%;
    padding: 5px;
  /*  margin-bottom: 10px; */
  }
  
  .wpdrag
  {
    padding: 5px;
    margin-bottom: 10px;
    width: 150px;
    font-size: 10pt;
  }
  
  .droparea, .wpitemchild
  {
    border: 1px dashed #888;
    color: #888;
    text-align: center;
    font-size: 10pt;
    cursor: pointer;
  }
  
  .droparea-active
  {
    background-color: lightgreen !important;
    color: black;
    border: 1px solid lightgreen;
  /*  margin-top: 10px;
    margin-bottom: 10px; */
  }
  .droparea-hover, .droparea:hover
  {
    background-color: green !important;
  }
  
  .ms-options-wrap > .ms-options
  {
  left: auto;
  width: 400px;
  }
  
  .ms-options-wrap > button, .ms-options-wrap > button:focus
  {
  padding: 3px 20px 3px 5px;
  }
  
  @media print
  {
    #modaldialog
    {
      display:none;
    }
  }
  
  .chiroterminzeit
  {
     padding: 2px;
  }
  
  .chirozeiticon
  {
    float:left;
    margin: 0 5px 2px 0;
  }
  .chirozeit
  {
    float:left;
  }
  .chirozeit:hover, .chirozeit:hover a
  {
    background-color: #444;
    color: #ddd !important;
  }
  
  .listtable.chiropatient > tbody > tr > td:nth-child(1), .listtable.chiropatient > tbody > tr > td:nth-child(2)
  {
    padding: 0 20px 0 0 !important;
  }
  
  .chiropatient1 { width: 30% !important; min-width: 30% !important; max-width: 30% !important; }
  .chiropatient2 { width: 70% !important; min-width: 70% !important; max-width: 70% !important; }
  
  .chiropatient1edit { width: 50% !important; min-width: 50% !important; max-width: 50% !important; }
  .chiropatient2edit { width: 50% !important; min-width: 50% !important; max-width: 50% !important; }
  
  .chiropatient1foto { width: 30% !important; min-width: 30% !important; max-width: 30% !important; }
  .chiropatient2foto { width: 50% !important; min-width: 50% !important; max-width: 50% !important; }
  .chiropatient3foto { width: 20% !important; min-width: 20% !important; max-width: 20% !important; }
  
  @media (max-width: 1024px)
  {
    .chiropatient TD, .chiropatient1, .chiropatient2, .chiropatient3, .chiropatient1edit, .chiropatient2edit, .chiropatient1foto, .chiropatient2foto, .chiropatient3foto
    {
       width: 100% !important;
       max-width: 100% !important;
       min-width: 100% !important;
       display: block;
    }
  }
  
  .listtable > tbody > tr > td.chirodokuheader
  {
     background-color: #b00000;
     color: white;
  }
  .listtable > tbody > tr > td.chirodokuheadergeloescht
  {
     background-color: #444444;
     color: black;
  }
  
  .behandlungend
  {
     display:none;
  }
  
  .calendarklein
  {
     border:1px solid #ddd;
     margin-bottom: 12px;
  }
  .calendarklein td
  {
     font-size: 10pt;
     width:30px;
     height:30px;
     text-align:center;
  }
  .chiro.calendarklein td a
  {
     color:white !important;
  }
  
  .profile-sektion
  {
    float: left;
    width: 280px;
    margin: 0 20px 10px 0;
  }
  
  .profile-group
  {
    width:250px;
    box-sizing: border-box;
    min-height:30px;
    background-color:#f0f0f0;
    margin:0 0 10px 0;
    padding:10px;
    cursor:pointer;
    border:1px solid transparent;
  }
  .profile-group:hover
  {
    background-color:#e0e0e0;
  }
  .profile-groupselected
  {
    border:1px solid black;
  }
  .profile-main1
  {
    float: left;
    box-sizing: border-box;
    width: calc(100% - 300px);
  }
  .profile-main2
  {
    float: left;
    box-sizing: border-box;
    width: calc(100% - 600px);
  }
  .profile-webparts
  {
    float: left;
    box-sizing: border-box;
    width: 300px;
    padding-left:10px;
  }
  
  @media (max-width: 1000px)
  {
    .profile-sektion, .profile-main1, .profile-main2, .profile-webparts
    {
      width: 100%;
      margin-left: 0;
      padding-left: 0;
    }
    .profile-group
    {
      float:left;
      margin-right:20px;
      width: calc(50% - 20px);
    }
  }
  
  .mybadge
  {
    margin-left: 6px;
    background-color: #c52d2f;
    color: white;
    border-radius: 5px;
    font-size:8pt;
    padding: 1px 5px 1px 5px;
    position: relative;
    top: -6px;
  }
  .mymodulebadge
  {
    margin-left: 6px;
    background-color: #c52d2f;
    color: white;
    border-radius: 5px;
    font-size:8pt;
    padding: 1px 5px 1px 5px;
    position: relative;
    left: -12px;
    top: -12px;
  }
  
  div.col1Fixed-1 { padding-left: 150px;}
  div.col1Fixed-2 { position:relative; width:100%; padding:0px; }
  div.col1Fixed-3 { overflow-x:auto; padding:0px;}
  td.col1Fixed, th.col1Fixed { position:absolute; left: -150px; width:150px; min-height:50px; }
  div.col1Fixed-3 .platzbuchungitem, div.col1Fixed-3 .platzbuchungheader, div.col1Fixed-3 .platzbuchunggesperrt { height:50px; min-height:50px; }
  
  .chiro-webparts
  {
     width:50%;
     float:left;
  }
  @media (max-width: 1000px)
  {
     .chiro-webparts
     {
        width:100%;
     }
  }
  
  @media (max-width: 1000px)
  {
     .float100
     {
        width:100% !important;
     }
  }
  
  .zentraladmin.bugs .public td
  {
     background-color: lightgreen;
  }
  
  .supporttickets .message
  {
     background-color: #f0f0f0;
     margin-bottom: 12px;
     padding: 10px;
  }
  .supporttickets .message:hover
  {
     background-color: #e0e0e0;
     margin-bottom: 12px;
     padding: 10px;
  }
  .supporttickets .message .messageheader
  {
     font-weight: bold;
     padding-bottom: 5px;
  }
  .supporttickets .message .messagefooter
  {
     text-align: right;
     font-size: 8pt;
  }
  
  .wpraster { width:25%; float:left; box-sizing: border-box; padding: 0 30px 30px 0; }
  @media (max-width: 1400px) { .wpraster { width:33%; } }
  @media (max-width: 1200px) { .wpraster { width:50%; } }
  @media (max-width: 750px) { .wpraster { width:100%; padding: 0 0 30px 0; } }
  
  .wpraster3 { width:33%; float:left; box-sizing: border-box; padding: 0 30px 30px 0; }
  @media (max-width: 1200px) { .wpraster3 { width:50%; } }
  @media (max-width: 750px) { .wpraster3 { width:100%; padding: 0 0 30px 0; } }
  
  .picturebox
  {
    min-height:340px;
    width: 100%;
    border:1px solid #ccc;
    text-align: center;
    position:relative;
    background-color:#f8f8f8;
    box-shadow: 5px 5px 5px #808080;
    box-sizing: border-box;
  }
  .pictureheader
  {
    box-sizing: border-box;
    background-color: #e0e0e0;
    text-align: left;
    padding: 4px;
    width: 100%;
  }
  .picturedetails
  {
    padding: 10px;
  }
  .picturefooter
  {
    position:absolute;
    bottom:0;
    left:0;
    width: 100%;
    text-align: right;
    font-size: 8pt;
    padding: 0 10px 5px 0;
  }
  
  .warenkorboben
  {
     margin-bottom:40px;
  }
  .warenkorbrechts
  {
     float:right;
     width: 25%;
  }
  .shopartikelwarenkorbrechts
  {
    float:left;
    margin: 0;
    width: 75%;
  }
  .shopartikel
  {
    float:left;
    margin: 0;
    width:100%;
  }
  @media (max-width: 1200px)
  {
     .warenkorbrechts
     {
        float:none;
        margin-left:0px;
        margin-bottom:40px;
     }
    .shopartikel, .shopartikelwarenkorbrechts, .warenkorbrechts { width: 100%; }
  }
  @media (min-width: 1201px)
  {
     .shopartikelwarenkorbrechts .wpraster { width:33%; float:left; box-sizing: border-box; padding: 0 30px 30px 0; }
     @media (max-width: 1466px) { .shopartikelwarenkorbrechts .wpraster { width:50%; } }
     @media (max-width: 1000px) { .shopartikelwarenkorbrechts .wpraster { width:100%; padding: 0 0 30px 0; } }
  }
  
  .shopbox
  {
    position:relative;
    width:100%;
    min-height:300px;
    border:1px solid #ccc;
    text-align: center;
    position:relative;
    background-color:#f8f8f8;
    padding: 10px;
    box-sizing: border-box;
    box-shadow: 5px 5px 5px #808080;
  }
  
  .shopheader
  {
    position:absolute;
    top:0;
    left:0;
    text-align: center;
    background-color: #e0e0e0;
    padding: 6px 0 6px 0;
    margin-right: 5px;
    width: 100%;
  }
  .shopdetails
  {
    height:110px;
    overflow-y:auto;
  }
  .shopbilder
  {
    margin-top:50px;
    min-height:200px;
    text-align: center;
  }
  .shopaction
  {
    margin-top: 10px;
    text-align: center;
    height:100px;
  }
  
  .chiroabrdisabled td
  {
    color:#ccc !important;
  }
  
  .clearfix:after
  {
     content: ".";
     display: block;
     clear: both;
     font-size: 0;
     height: 0;
     visibility: hidden;
  }
  
  .zugesagt:hover
  {
     background-color:lightgreen;
  }
  
  .abgesagt:hover
  {
     background-color:#F0d0d0;
  }
  
  .kasse-webparts
  {
     float: left;
  /*   width: 45%; */
  }
  @media (max-width: 1000px)
  {
     .kasse-webparts
     {
        float: left;
        width: 100%;
     }
  }
  
  .rollenliste
  {
    min-width:500px;
    padding-right: 30px;
    box-sizing: border-box;
  }
  
  .rollenhilfe
  {
    word-wrap: normal;
    margin-top: 20px;
    box-sizing: border-box;
    overflow:hidden;
  }
  
  .datainfo
  {
    background-color:#FFFFaa;
    padding:5px;
    font-size: 9pt;
    color: #404040;
  }
  
  #cookie_directive_container, #cookie_directive_container nav
  {
    background-color: #404040 !important;
  }
  #cookie_directive_container .container
  {
    vertical-align:middle;
    padding-top:30px;
    color:white;
    font-size: 12pt;
  }
  #cookie_directive_container a.btn
  {
    width: 60px;
    text-align: center;
    border: 1px solid white;
    border-color: white !important;
    color: white !important;
    background-color: #404040 !important;
  }
  #cookie_directive_container a.btn:hover, #cookie_directive_container a.btn:focus
  {
    background-color: #888 !important;
  }
  
  .wpitem
  {
    position: relative;
  }
  .editarea
  {
    position: absolute;
    background-color: #888;
    color: white;
    font-size: 10pt;
    padding: 3px;
    margin: 0 5px 0 0;
    top: -1px;
    right: -5px;
  }
  .editarea a
  {
     color: white !important;
  }
  .wpitemchild
  {
    padding-top: 16px;
  }
  
  .hidden
  {
     display: none;
  }
  
  .tablefiles td
  {
     padding: 0 10px 10px 0;
  }
  
  .info1
  {
    color: #808080;
    font-size: 10pt;
  }
  
  .info
  {
    color: #808080;
    margin-bottom: 12pt;
    font-size: 10pt;
  }
  
  .versammlung .tops
  {
    box-sizing: border-box;
    float: left;
    width:75%;
  }
  .versammlung .teilnehmer
  {
    box-sizing: border-box;
    float: left;
    width:25%;
    padding-left: 25px;
  }
  @media (max-width: 640px)
  {
    .versammlung .tops, .versammlung .teilnehmer { width:100%; padding-left:0; }
  }
  
  .spendenbarometerorange
  {
    padding: 5px;
    background-color: orange;
    color: white;
    min-height: 30px;
    height: 30px;
    text-align: center;
  }
  .spendenbarometergreen
  {
    padding: 5px;
    background-color: green;
    color: white;
    min-height:30px;
    height: 30px;
    text-align: center;
  }
  
  .carousel-indicators li
  {
    border: 1px solid #888 !important;
  }
  .carousel-indicators li.active
  {
    background-color: #888 !important;
    border: 1px solid #888 !important;
  }
  .carousel-indicators
  {
    bottom: -40px !important;
  }
  .carousel-inner
  {
    margin-bottom: 24px;
  }
  
  .mitgliedsfotoX
  {
    height: 40px;
    width: 40px;
    border-radius: 50%;
    object-fit: cover;
  }
  
  #datapaths .minus, #datapaths .plus
  {
    display: inline-block;
    width:16px;
    height:16px;
  }
  
  #postfachfolder td
  {
    font-size: 10pt !important;
    line-height: 1.8;
  }
  #postfachfolder td a
  {
    padding: 2px;
  }
  #postfachliste td
  {
    font-size: 8pt !important;
  }
  #postfachmail td
  {
    font-size: 10pt !important;
  }
  
  .mailarchivextra TD
  {
     background-color: #ccc !important;
  }
  
  .glyphicon 
  {
    font-family: 'Glyphicons Halflings' !important;
  }
  
  .einausrv TD
  {
     background-color: #e0e0e0 !important;
  }
  
  .listodd TD, .listneutral TD
  {
     background-color: #ffffff !important;
  }
  .listeven TD
  {
     background-color: #f0f0f0 !important;
  }