/* a:active{ color: green; } */
a {
    color: #FFFF00;
    font-weight: bold;
    cursor: pointer;
    text-decoration: underline;
}
a:hover {
    color: red;
} 
a:focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
  color: red;
}
.link a {
    color: #fff;
    font-weight: normal;
/*    text-decoration: none;*/
/*    text-transform: upperse;*/
}
.link a:hover {
    color: #444832;
    text-decoration: underline;
}
a.label-link {
    color: #FFF; 
    text-decoration: none;
}
a.region-link {
    color: #777;
    font-weight: normal;
    text-decoration: none;
/*    text-transform: uppercase;*/
}
a.region-link:hover {
    color: #444832;
    text-decoration: underline;
}

.smetr {
    background-color: grey;
    text-align: center;
    border-radius: 3px;
    border: #616161 solid 1px;
    margin-bottom: 12px;
    padding: 1px 1px;
    color: black;
    font-family: Tahoma;
    font-size: 12px;

}

.smeterpeak {
    width:100px;
    height:10px;
    background-color:#FFff00;
    box-shadow: 0 0 8px rgba(250, 0, 0, 0.8);
    -webkit-box-shadow: 0 0 8px rgba(250, 0, 0, 0.8);
    position:absolute;
    margin: 4px 0px 0px 7px;
}

.smeterbar {
    width:100px;
    height:10px;
    max-width: 112px;
    background-color: #05ff0a;
    box-shadow: 0 0 16px rgba(251, 244, 135, 0.8);
/*    -webkit-box-shadow: 0 0 16px rgba(251, 244, 135, 0.8); */

    position:absolute;
    margin: 4px 0px 0px 7px;
}

.view_smeter {
  overflow: hidden;
  /* position: relative; */
  cursor: default; 
}

.view_smeter .mask,
.view_smeter .content {
    width: 242px;
    height: 11px;
    position: absolute;
    overflow: hidden;
    top: 44px;
    left: 54; 
}

.view_smeter img, .view_smeter video {
    display: block;
    position: relative; 
}

.view_smeter .mask {
  background-attachment: fixed; 
}


/*#444444 für den hintergrund*/
    body { color: green; background-color: #444444; }
    .ctl { background: #444444; float: left; width: auto; margin:5px; border:2px; padding:5px; border: solid #00ffff 1px; border-radius: 4px}
    .maincontrols { top:0px; clear:both; background-color: #444444; z-index:200; }
    .clear { clear: both; margin:5px}
    .others { font-size: 60%; font-family: sans-serif; }
    .scale{position:relative;}
    .scaleabs{position:absolute;}
    .hideblind { display:inline; }
    .showblind { display:none; }
    .fullcenter {margin: auto; padding: 6.8% 6%; text-align: center;}
    .f33 { font-size: 33px !important; }
    .text-darkgrey { color: #777 !important; }

    .statinfo0 { 
    border-width:1px;
    border-style:solid;
    border-color:#ffc080;
    background-color:#df7401;
    color:black; font-size:12px;
    padding: 1px 2px 1px 2px;
    font-weight: normal;
    border: 1px solid #ffc080;
    border-radius: 3px;
    white-space: nowrap;
    position: relative;
    cursor: pointer;
    float: left;
    }
    .statinfo1 { float:left; position:relative; border-left-width:0px; border-right-width:2px; border-top-width:0px; border-bottom-width:2px; border-color:black; }
    .statinfo1:hover { z-index:98; }
    .statinfo2 {  border-width:0px; border-left-width:2px; border-color:black;position:absolute; }
    .statinfo2:hover { overflow:visible; }
    .statinfol { background-color:#ffc080; }
    .statinfo0l { float:left; white-space:nowrap; position:relative; border-width:1px;border-style:solid;border-color:#80ffc0; background-color:#40cc80;color:black;font-size:12px; }
    .statinfo0l {
      padding: 1px 2px 1px 2px;
      font-weight: normal;
      background-color: rgba(64, 204, 128, 0.85);
      color: #000;
      color: rgba(0, 0, 0, 0.9);
      border: 1px solid #80ffc0;
      border: 1px solid #80ffc0;
      border-radius: 3px;
      white-space: nowrap;
      position: relative;
      cursor: pointer;
      float: left;
    }
    .statinfo1l { float:left; position:relative; border-left-width:0px; border-right-width:2px; border-top-width:0px; border-bottom-width:2px; border-color:black; }
    .statinfo1l:hover { z-index:98; }
    .statinfo2l { border-width:0px; border-left-width:2px; border-color:black; position:absolute; }
    .statinfo2l:hover { overflow:visible; }
    .statinfoll { background-color:#80ffc0; }
    .statinfo0AB { float:left; white-space:nowrap; position:relative; border-width:1px;border-style:solid;border-color:#2ebb2e; background-color:#067806;color:#e6e6e9;font-size:8px; }
    .statinfo0AB {
      padding: 1px 2px 1px 2px;
      font-weight: normal;
      font-size: 8px;
      background-color: rgba(46, 125, 46, 0.75);
      color: rgba(0, 0, 0, 0.9);
      border: 1px solid #2ebb2e;
      border-radius: 3px;
      white-space: nowrap;
      position: relative;
      cursor: pointer;
      float: left;
    }
    .statinfo1AB { float:left; position:relative; border-left-width:0px; border-right-width:2px; border-top-width:0px; border-bottom-width:2px; border-color:black; }
    .statinfo1AB:hover { z-index:98; }
    .statinfo2AB {  border-width:0px; border-left-width:2px; border-color:black;position:absolute; }
    .statinfo2AB:hover { overflow:visible; }
    .statinfolAB { background-color:#2ebb2e; }
    .statinfo0BB { float:left; white-space:nowrap; position:relative; border-width:1px;border-style:solid;border-color:#2ebb2e; background-color:#067806;color:#e6e6e9;font-size:8px; }
    .statinfo0BB {
      padding: 1px 2px 1px 2px;
      font-weight: normal;
      font-size: 8px;
      background-color: rgba(150, 40, 145, 0.75);
      color: rgba(255, 255, 255, 0.9);
      border: 1px solid #df01a5;
      border-radius: 3px;
      white-space: nowrap;
      position: relative;
      cursor: pointer;
      float: left;
    }
    .statinfo1BB { float:left; position:relative; border-left-width:0px; border-right-width:2px; border-top-width:0px; border-bottom-width:2px; border-color:black; }
    .statinfo1BB:hover { z-index:98; }
    .statinfo2BB {  border-width:0px; border-left-width:2px; border-color:black;position:absolute; }
    .statinfo2BB:hover { overflow:visible; }
    .statinfolBB { background-color:#df01a5; }
    a.statinfo {
      /* position: relative; */
      /* font-size: 10px; */
      font-weight: normal;
      color: rgba(255, 255, 255, 0.9);
      text-decoration: none;
      border-bottom: 1px gray dotted;
    }
    a.statinfo span {
      display: none;
    }
    a.statinfo:hover {
      background: none;
      z-index: 500;
/*      cursor: help; */
    }
    a.statinfo:hover span {
      font-size: 8px;
      font-weight: bold;
      display: inline;
      position: absolute;
      white-space: nowrap;
      top: 20px;
      left: 10px;
      background: white;
      color: black;
      padding: 3px;
      border: 1px solid orange;
      border-left: 4px solid orange;
      border-radius: 3px;
    }
    a.statinfoAB {
      /*position: relative;*/
      font-size: 8px;
      font-weight: normal;
      color: rgba(255, 255, 255, 0.9);
      text-decoration: none;
      border-bottom: 1px gray dotted;
    }
    a.statinfoAB span {
      display: none;
    }
    a.statinfoAB:hover {
      background: none;
      z-index: 500;
/*      cursor: pointer; */
    }
    a.statinfoAB:hover span {
      font-size: 8px;
      font-weight: bold;
      display: inline;
      position: absolute;
      white-space: nowrap;
      top: 15px;
      left: 10px;
      background: white;
      color: black;
      padding: 3px;
      border: 1px solid #2e7d2e;
      border-left: 4px solid #2e7d2e;
      border-radius: 3px;
    }
    a.statinfoBB {
      /*position: relative;*/
      font-size: 8px;
      font-weight: normal;
      color: rgba(255, 255, 255, 0.9);
      text-decoration: none;
      border-bottom: 1px gray dotted;
    }
    a.statinfoBB span {
      display: none;
    }
    a.statinfoBB:hover {
      background: none;
      z-index: 500;
/*      cursor: help; */
    }
    a.statinfoBB:hover span {
      font-size: 8px;
      font-weight: bold;
      display: inline;
      position: absolute;
      white-space: nowrap;
      top: 15px;
      left: 10px;
      background: black;
      color: green;
      padding: 3px;
      border: 1px solid #960591;
      border-left: 4px solid #960591;
      border-radius: 3px;
    }


    html, body {
      font-family: "Roboto Condensed",Helvetica,"Lucida Grande",Verdana,Arial;
      font-size: 90%;
    }

    @-webkit-keyframes blinker {
      from {opacity: 1.0;}
      to {opacity: 0.0;}
    }
    .blink{
      text-decoration: blink;
      -webkit-animation-name: blinker;
      -webkit-animation-duration: 3.6s;
      -webkit-animation-iteration-count:infinite;
      -webkit-animation-timing-function:ease-in-out;
      -webkit-animation-direction: alternate;
      border: 1px solid #000;
      border-radius: 4px;
    }
    #soundappletdiv div{
      color: #808080;
      border: none  !important;
      background-color: #000000 !important;
      min-height: 0 !important;
      max-width: 100% !important;
      font-family: "Roboto Condensed" !important;
    }
    .pseudolink {
        color: #1B4EFF;
        font-weight: bold;
        cursor: pointer;
        text-decoration: underline;
    }
    .pseudolink:hover {
        color: red;
        text-decoration: underline;
    }
    .pseudo-link {
        text-decoration: underline;
        cursor: pointer;
    }
    .hidden-pseudolink {
        cursor: pointer;
    }
    .hidden-pseudolink:hover {
        text-decoration: underline;
    }
    .not-visible {
        color: red;
    }
    .maybe-visible {
        color: orange;
        font-weight: bold;
    }
    .shouldbe-visible {
        color: green;
        font-weight: bold;
    }
    .wf-bg {
      margin: 5px;
      padding: 5px;
      width: 1035px;
      height: 100%;
      background-color: #000;
      border: 1px solid #000;
      border-radius: 4px;
      overflow: hidden;
      overflow-x: hidden;
      overflow-y: hidden;
    }
    .waterfalls {
      width: 1024px;
    //  border: 1px solid #000000;
      border-radius: 4px;
    }
    h1{
      margin: -8px -8px 8px -8px;
      padding: 15px 8px 20px;
      font-size: 22px;
      background-color: #808080;
      color: white;
    }
    h1 span{
      font-weight: normal;
    }
    h1 span a{
      color: white;
      text-decoration: none;
      font-weight: normal;
    }
    h1 em{
      color: #C0C0C0;
      display: block;
      font-size: 10pt;
      font-weight: normal;
      background-color: #808080;
    }
    h1 em a{
      color: #C0C0C0;
      text-decoration: none;
    }
    h3{
      font-size: 24px;
      margin-top: 10px;
      margin-bottom: 10px;
      font-family: inherit;
      font-weight: 500;
      line-height: 1.1;
      color: inherit;
    }


    .keylist { display: none; position:absolute; left:0px; background-color:#222222; padding:5px; white-space:nowrap; }
    div:hover > .keylist { display: block; }
    .warning { color:red; font-weight:bold; border:2px; border-style:solid; border-color:black; background-color: #222222; margin:8px; padding:4px; display:none;  }
    .tog1:not(:checked) ~ .hideiftog1notchecked , .tog2:not(:checked) ~ .hideiftog2notchecked , .hiddencontrol {opacity: 0.3; pointer-events:none;}

    .tabs {
      margin-left: 5px;
      margin-right: 5px;
      clear:both;
    }
    .tabs label {
/*
      background: #e0e0e0;
      background: #d0d0d0;
      background: #dcdcdc;
*/
      background: #444444;
      padding: 4px;
      padding-bottom: 2px;
      border: 0px;
      display:inline-block;
      border-radius: 4px 4px 0px 0px;
      font-size: 85%;
    }
    .tabs label:hover {
      background: #a0a0a0;
    }
    .tabs [type=radio]:checked + label {
      background: #a0a0a0;
      padding-bottom: 4px;
    }
    .tabs [type=radio].tabsr {
      display: none;
    }
    .tab {
/*
      background: #e0e0e0;
      background: #c0c0c0;
      background: #f0f0f0;
*/
      background: #f5f5f5;
      width: auto;
      margin:0px -2px 0px -2px;
      border: 1px solid white;
      padding:2px;
      border-radius:4px;
      display: none;
    }
    .tabs label:nth-of-type(1) + [type=radio]:checked ~ .tab:nth-of-type(1) { display: block; }
    .tabs label:nth-of-type(2) + [type=radio]:checked ~ .tab:nth-of-type(2) { display: block; }
    .tabs label:nth-of-type(3) + [type=radio]:checked ~ .tab:nth-of-type(3) { display: block; }
    .tabs label:nth-of-type(4) + [type=radio]:checked ~ .tab:nth-of-type(4) { display: block; }
    .tabs label:nth-of-type(5) + [type=radio]:checked ~ .tab:nth-of-type(5) { display: block; }
    .tabs label:nth-of-type(6) + [type=radio]:checked ~ .tab:nth-of-type(6) { display: block; }
    .tabs label:nth-of-type(7) + [type=radio]:checked ~ .tab:nth-of-type(7) { display: block; }
    .tabs label:nth-of-type(8) + [type=radio]:checked ~ .tab:nth-of-type(8) { display: block; }
    .tabs label:nth-of-type(9) + [type=radio]:checked ~ .tab:nth-of-type(9) { display: block; }
    .tabs label:nth-of-type(10) + [type=radio]:checked ~ .tab:nth-of-type(10) { display: block; }
    .tabs label:nth-of-type(11) + [type=radio]:checked ~ .tab:nth-of-type(11) { display: block; }
    .tabs label:nth-of-type(12) + [type=radio]:checked ~ .tab:nth-of-type(12) { display: block; }
    .tabs label:nth-of-type(13) + [type=radio]:checked ~ .tab:nth-of-type(13) { display: block; }
    .tabs label:nth-of-type(14) + [type=radio]:checked ~ .tab:nth-of-type(14) { display: block; }
    .tabs label:nth-of-type(15) + [type=radio]:checked ~ .tab:nth-of-type(15) { display: block; }
      #events {
      text-align: center;
    }
    label.volumedb {
      font-family: monospace;
      vertical-align: middle;
      cursor: pointer;
    }