/* html-catview-download specific */
      #CATview{
        position: fixed;
        top: 0;
        z-index: 3;
      }
      #CATview .edge-name { z-index: 3 !important };
      #macro_level { margin-top: 200px; }
      .synopsis-headline { top: 202px !important; }
      #white-box { top: 200px !important; }
      .micro_level:first-of-type::before{ height: 225px !important; }

      body{
        font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
        color: #333;
        line-height: 1.42857143;
        margin: 10px 0 0;
        overflow-y: scroll; /* always display vertical scrollbar */
      }

      #macro_level{
        margin-bottom: 100px;
        table-layout: fixed;
      }

      .synopsis-headline {
        position: sticky;
        top: 12px;
        z-index: 2;
        background: #999999;
        color: white;
        text-align: center;
        border: solid 1px white;
        font-size: 18px;
        padding: 4px;
        text-shadow: 0 0 10px rgba(0,0,0,0.6);
      }
      .synopsis-segment {
        padding: 0 15px;
        vertical-align: top;
        text-align: justify;
        font-family: serif;
        font-size: 18px;
        line-height: 1.5;
        border-right: dotted 1px #999;
        word-wrap: break-word;
      }
      .synopsis-segment:last-child { border-right: 0 none; }

      .dir_right{ direction: rtl; }

      /* styling of missing segment */
      .synopsis-missing{
        text-align: center;
        color: #999999;
        font-style: italic;
      }

      /* elements for colored markings of differences */
      hl[c="copy"]{ background-color:#EAEAEA; }
      hl[c="add"]{ background-color:#99FF99; }
      hl[c="del"]{ background-color:#FFAAAA; }
      hl[c="sub"]{ background-color:#BBBBFF; }

      /* menu of micro levels */
      .synopsis-ml-menu { padding: 20px 5px 40px; }
      .collapse{
        max-height: 0;
        overflow: hidden;
        transition: max-height 0.2s ease-out;
        background-color: #f5f5f5;
        border: 1px solid #e3e3e3;
        border-bottom: none;
        border-radius: 4px;
      }
      .btn-ml-menu {
        display: block;
        padding: 1px;
        text-align: center;
        border: 1px solid #dddddd;
        background-color: #f8f8f8;
        border-radius: 4px;
        cursor: pointer;
        color: #337ab7;
      }
      .btn-ml-menu:hover { color: #333; }

      /* neu */
      .btn-ml-menu-non {
         display: block;
         padding: 1px;
         border: 1px solid #dddddd;
         background-color: #f8f8f8;
         border-radius: 4px;
         color: #337ab7;
       }

      .wasserzeichen{
        position: absolute;
        left: 50%;
        text-align: center;
        color: #d8d8d8;
        z-index: -1;
        pointer-events: none;
        margin-top: -30px;
        font-family: serif;
        font-size: 22px;
      }
      .wasserzeichen-inner{
        position: relative;
        left: -50%;
      }

      .micro_level:first-of-type::before{
        content: '';
        display: block;
        height: 25px;
      }

      .copy-segment{
        color: #bbb;
        z-index: -1;
      }
      .copy-ref{
        text-align: center;
        z-index: -1;
      }
      .copy-ref a {
        cursor: pointer;
        color: #337ab7;
        text-decoration: none;
      }
      .copy-apparatus { color: #bbb; }

      .macro-table-rtl{ direction: rtl; }
      .macro-table-rtl thread{ direction: ltr; }
      .macro-table-rtl tbody{ direction: ltr; }
      .macro-table-rtl .synopsis-segment:last-child { border-right: dotted 1px #999; }
      .macro-table-rtl .synopsis-segment:first-child { border-right: 0 none; }
      .macro-table-rtl .apparatus_rtl .apparatus-table-inner td:last-child { text-align: right; }

      /* apparatus of differences within micro level menu */
      .apparatus-col {
        padding-bottom: 10px;
        float:left;
      }
      .apparatus-table { margin-right: 20px; }
      .apparatus-table td { padding-right: 10px; }
      .apparatus-table td:first-child { font-size: 75%; }
      .apparatus-table-inner td:first-child {
        font-size: 100%;
        font-weight: bold;
        vertical-align: top;
        text-align: right;
      }
      .apparatus_rtl .apparatus-col {
        float: right !important;
        direction: rtl;
      }
      .apparatus_rtl .apparatus-col .apparatus-table-inner { direction: rtl !important; }
      .apparatus_rtl .apparatus-col .apparatus-table-inner td:first-child { text-align: left; }

      /* style of renditions and macros */
      .lera-unclear{ opacity: 0.8; text-shadow: 0 0 5px #333; }
      .lera-head{ font-size: 125%; font-weight: bold; }
      .lera-alteration{ color: red; }
      .lera-name { color: darkblue; }
      .lera-name-person {}

      .lera-note{ position: relative; color: #555; font-size: 80%; border: 1px solid #999; padding: 0.2em; border-radius: 4px; }
      .lera-note-text{
        visibility: hidden;
        background-color: #fff;
        color: #555;
        border: 1px solid #999; padding: 0.2em; border-radius: 4px;
        text-align: center;
        /* position per default on the bottom */
        z-index: 1;
        position: absolute;
        width: 250px;
        top: 100%;
        left: 50%;
        margin-left: -125px;
      }
      .lera-note:hover .lera-note-text { visibility: visible; }


      /* html-download specific */
      #white-box{
         position: fixed;
         top:0;
         left: 0;
         right: 0;
         height: 25px;
         background: #fff;
       }
      .micro_level:first-of-type::before{
        content: '';
        display: block;
        height: 25px;
      }