.controlpoint {
          position:absolute;
      }


      .controlpoint .label {
          position:absolute;
          line-height:26px;

          padding-left:8px;
          padding-right:8px;
          font-size:15px;
          cursor: pointer;
      }


      .controlpoint .label.left-orientation {
          right:20px;
          top:-15px;
          white-space:nowrap;
      }
      .controlpoint .label.right-orientation {

          left:20px;
          top:-15px;
          white-space:nowrap;
          
      }

      .controlpoint .controlpoint-caption{
          position:absolute;
          line-height:31px;

          width:31px;
          height:31px;
          left:-16px;
          top:-16px;

          text-align:center;
          padding-left:1px;
          font-size:17px;
          line-height:31px;
          
          cursor:pointer;
          font-weight: bold;
      }

      .cornermark {
          width:15px;
          height:15px;
          left:-8px;
          top:-8px;

          background-color:#000;
          opacity:0.2;
          position:absolute;
          border: black solid 1px;
          z-index:2;
      }
      .controlpoint.path-selected .cornermark {
          opacity:1;
          left:-4px;
          top:-4px;
          width: 7px;
          height: 7px;
          background-color: #F00;
      }

      .controlpoint.selected .cornermark {
          background-color:#66F;
      }



/* Farbschema für Labels */
.controlpoint .label {
    border: 1px solid #006165;
    background-color: #bbe3eb;
    text-decoration:underline;
}

/* Farbschema für BI-Punkt-Nummerierungen und  Labels */
.controlpoint .controlpoint-caption, .controlpoint .label {
    color:#006165;
    font-size:16px !important;
}

.controlpoint .controlpoint-caption.selected{
    color: #FFF;
}

.controlpoint .label.nomediainfo {
    border: none;
    cursor: default;
    text-decoration:none;
    border: 1px solid #006165;
}
/* Ende: Farbschema */


/* Wenn die  Bildinfopunkte CSS-basiert gerendert werden sollen */
.controlpoint-caption {
    background-color:#FFF;
    border-radius:20px;
    -webkit-border-radius:20px;
    -moz-border-radius:20px;
    border: solid #006165 2px;
}
.controlpoint-caption.selected {
    background-color:#006165 !important;
    border: solid #FFFFFF 2px !important;
}

.controlpoint .controlpoint-caption{
    margin:-2px;
}

.biItemElement.collapsed, .biItemElement.inactive {
    display:none;
}

/* Ende: CSS-Basierte Bildinfo */