#ee-projectdetails-invested-block {
    width: 100%;
    display: inline-block;
}
#ee-value {
    background: url('../images/eueco/icons/value.png') repeat-x scroll right top;
    position:relative;
    top: -21px;
    height: 29px;
}
#ee-skala {
    background: url("../images/eueco/icons/skala.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    background-size: 100% 100%;
    height: 30px;
}
#ee-invested {
    color: #FFFFFF;
    font-weight: bold;
    font-size: 115%;
    margin-left: 5px;
    position: relative;
}
.text-left {
    text-align:left;
}
.text-center {
    text-align:center;
    left:10px;
}
.black {
    color: #000000 !important;
}
#ee-value-wrapper {
    color: #A0A0A0;
    font-size: 90%;
    font-weight:normal;
    padding:5px;
    display: flex;
    justify-content: space-between;
}
#ee-min-value {
    margin-left:5px;
}
#ee-max-value {
    margin-right:5px;
}
#ee-projectdetails-title{
    font-size:90%;
    text-transform: uppercase;
    font-weight: bold;
    padding: 10px 0 0 15px;
    color: #3E3E3E;
}
#page .ee-projectdetails-invested-block .inner {
    padding:10px;
    border-radius:15px;
    box-shadow: 0 0 3px 1px #CCCCCC;
    background-color: #D9DACE;
    padding:0;
}
/*********************************************************************/
/***  Tooltip Style */
/*********************************************************************/
tr span.tooltip {
    display:none;
}
tr:hover span.tooltip {
    position:absolute;
    top:10px;
    left:20px;
    display:inline;
    border:none;
}
.tooltip {
    border-bottom: 1px dotted #000000;
    color: #000000;
    outline: none;
    cursor: pointer;
    text-decoration: none;
    position: relative;
}
.tooltip span {
    background: url('../images/eueco/icons/tooltip.png') no-repeat scroll 0 0 rgba(0, 0, 0, 0);;
    margin-left: -999em;
    position: absolute;
    width: 120px;
}
.tooltip:hover span {
    margin-left: 20px;
}
.tooltip:hover img {
    border: 0;
    margin: -10px 0 0 -55px;
    float: left;
    position: absolute;
}
.tooltip:hover em.text {
    font-size: 14px;
    font-weight: bold;
    font-style: normal;
    display: block;
    padding: 10px 0 0 0;
}
.tooltip:hover em.value {
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    display: block;
    padding: 4px 0 0 0;
}
.tooltip .classic {
    padding: 0.8em 1em;
}
.tooltip .custom {
    padding: 0.5em 0.8em 0.8em 2em;
}
* html a:hover {
    background: transparent;
}
.tooltip .classic {
    background: #FFFFAA;
    border: none;
    -webkit-box-shadow: 0 8px 6px -3px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 8px 6px -3px rgba(0, 0, 0, 0.5);
     box-shadow: 0 8px 6px -3px rgba(0, 0, 0, 0.5);
}
.tooltip .critical {
    background: #FFCCAA;
    border: 1px solid #FF3334;
}
.tooltip .help {
    background: #9FDAEE;
    border: 1px solid #2BB0D7;
}
.tooltip .info {
    background: #9FDAEE;
    border: 1px solid #2BB0D7;
}
.tooltip .warning {
    background: #FFFFAA;
    border: 1px solid #FFAD33;
}
#beteiligungsstruktur {
    color: #ee7700;
}
/*********************************************************************/
/***  doughnut Style */
/*********************************************************************/
#doughnut_wrapper{
  display: inline-block;
  position: relative;
  margin:0 auto;
}
#doughnut .arc_inner_bg{
fill:rgba(59, 125, 173, 1);
}
#doughnut .arc_inner_text{
fill:#ffffff;
}
#doughnut .arc_0{
fill:#FFE100;
}
#doughnut .arc_1{
fill:#D7D7D7;
}
#doughnut_inner{
  position: absolute;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color:#ffffff;
  width:100%;
  height:100%;
  top:0;
  text-align: center;
}
.doughnut_inner_top{
  border-bottom: 1px solid #fff;
  padding-bottom: 30px;
  width: 200px;
  margin-bottom: 30px;
}