/* highcharts*/
#container {
    height: 600px; 
}

.highcharts-figure, .highcharts-data-table table {
    min-width: 310px; 
    max-width: 600px;
    margin-left: 0px;
	margin-top: 14px;
}

.highcharts-data-table table {
    font-family: Verdana, sans-serif;
    border-collapse: collapse;
    border: 1px solid #EBEBEB;
    margin: 10px auto;
    text-align: center;
    width: 100%;
    max-width: 500px;
}
.highcharts-data-table caption {
    padding: 1em 0;
    font-size: 1.2em;
    color: #555;
}
.highcharts-data-table th {
	font-weight: 600;
    padding: 0.5em;
}
.highcharts-data-table td, .highcharts-data-table th, .highcharts-data-table caption {
    padding: 0.5em;
}
.highcharts-data-table thead tr, .highcharts-data-table tr:nth-child(even) {
    background: #f8f8f8;
}
.highcharts-data-table tr:hover {
    background: #f1f7ff;
}

body {
    font-family: Arial;
    font-size:14px;
}

/* Style the tab */
.tab {
  overflow: hidden;
  border: 1px solid #ccc;
  background-color: #f1f1f1;
}

/* Style the buttons inside the tab */
.tab button {
  background-color: inherit;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 14px 16px;
  transition: 0.3s;
  font-size: 17px;
}

/* Change background color of buttons on hover */
.tab button:hover {
  background-color: #ddd;
}

/* Create an active/current tablink class */
.tab button.active {
  background-color: #ccc;
}

/* Style the tab content */
.tabcontent {
  display: none;
  padding: 6px 12px;
  -webkit-animation: fadeEffect 1s;
  animation: fadeEffect 1s;
}

/* Fade in tabs */
@-webkit-keyframes fadeEffect {
  from {opacity: 0;}
  to {opacity: 1;}
}

@keyframes fadeEffect {
  from {opacity: 0;}
  to {opacity: 1;}
}

/* my stuff */
.summary-table{
        border-collapse: collapse;
}

.summary-td-right{
  text-align: right;
}

.summary-td-bold{
    font-weight: bold;
}
.summary-table, .summary-th, .summary-td, .summary-td-bold, .summary-td-right{
    border: 1px solid darkgrey;
    padding-left: 3px;
    padding-right: 3px;
    padding-top: 2px;
    padding-bottom: 2px;
}

/*font aweseom*/
.fa-link{
  color:#246036;
}

/* indikatoren */
h1{
  font-size: 11pt;
  font-variant:small-caps;
  letter-spacing: none;
  font-weight: bold;
  color: #204453;
  line-height: 100%;
  margin-top: 14px;
  margin-bottom: 8px;
  margin-left: 16px;
  margin-right: 50px;
}

.lesehilfe {
  margin-left: 16px;
  margin-right: 50px;
  font-size: 10pt;
}


/* Tooltip text */
.tooltip .tooltiptext {
  background-color: slategray;
  color: black;
}