#yeartable {
	margin-top: 25px;
	margin-bottom: 25px;
	text-align: left;
}

#yeartable th {
	font-size: 16px;
}

#yeartable td {
	font-size: 15px;
}

.yearth1 {
	min-width: 100px;
}

.yearth2 {
	min-width: 200px;
}

.bsspendenstand .leftcol
{
	width:25%;
	float:left;
}

.bsspendenstand .centercol
{
	width:25%;
	float:left;
}

.bsspendenstand .rightcol
{
	width:75%;
	float:left;
}

.bsspendenstand .rightcol_small
{
	width:50%;
	float:left;
}


.bsspendenstand label {
	font-size: 15px;
	margin-right: 15px;
	min-width:125px;
	float:left;
}

.bsspendenstand .hand
{
	cursor:pointer;
}

.bsspendenstand .btn_delete
{
	margin:0px 25px 0px 25px;
	color:White;
	background-color:red; 
}

.bsspendenstand .summe {
	margin-left: 15px;
}

.bsspendenstand .clocktable {
	border: 1px solid #555;
	margin: 15px 10px;
	padding: 5px;
	display: inline-block;
	text-align: left;
}

.bsspendenstand .clocktable input[type=text] {
	min-width: 250px;
}

.bsspendenstand .bslh, .bsrh {
	display: inline-block;
	width: 50%;
}



.chart_container_wrapper
{
	position:relative;
	float:left;
    width:100%;
}

.chart_container_detail
{
	width:100%;
	height:250px;
}

.advlayer #chart_container_detail
{
	width: 40%;
    float: left;
}

.chart_container_wrapper .target_overlay
{
	position:absolute;
	top:49%;		
	text-align: center;
	width:100%;		
}

.chart_container_wrapper.advlayer .target_overlay
{
	top:45%;
	left:54%;
	width:auto;
}


body.spendenstand .chart_container_wrapper .target_overlay {  
  
}

.chart_container_wrapper .target_overlay .txt_large
{
	font-size:3em;
	font-weight: bold;
	line-height: 0;
}

.chart_container_wrapper .target_overlay .txt_small
{	
	font-weight: normal;
}


.text-mobile
{
	padding:10px;
	background-color: #ebebeb;
	float:left;
	width:100%;
	margin-bottom:10px;
}



/* amcharts styles */
.arrowed-left{
    float: left;
    width: 40%;
    height: 100%;
    height: auto;
    min-height: 250px;
    margin-top:38px;
}

.arrow_box {
    position: relative;
    background: #fbfbfb;
    border: 4px solid #ebebeb;    
    padding:10px;
}
.arrow_box:after,
.arrow_box:before {
    left: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.arrow_box:after {
    border-color: rgba(136, 183, 213, 0);
    border-left-color: #fbfbfb;
    border-width: 30px;
    margin-top: -30px;
}
.arrow_box:before {
    border-color: rgba(194, 225, 245, 0);
    border-left-color: #ebebeb;
    border-width: 36px;
    margin-top: -36px;
}

.arrowed-right{
    float: left;
    width: 20%;
    height: 100%;
    height: auto;
    min-height: 125px;
     margin-top:93px;
     z-index:-1;
     position:relative;
}

.arrow_box_2 {
    position: relative;
    background: #fff;
    border: 2px solid #00A508;
    min-height:100px;
    padding:10px;
}

.arrow_box_2 .text
{
    margin-top: 15px;
    float: left;
}
.arrow_box_2:after,
.arrow_box_2:before {
    right: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.arrow_box_2:after {
    border-color: rgba(255, 255, 255, 0);
    border-right-color: #fff;
    border-width: 30px;
    margin-top: -30px;
}
.arrow_box_2:before {
   border-color: rgba(235, 235, 235, 0);
    border-right-color: #00A508;
    border-width: 33px;
    margin-top: -33px;
}

@media ( max-width : 991px) {
	.advlayer .chart_container_detail
	{
		width:100% !important;
	}

	.chart_container_wrapper.advlayer .target_overlay
	{
		left:43%;
		top:46%;
	}
}

@media ( max-width : 768px) {
	
	.chart_container_wrapper.advlayer .target_overlay
	{
		left:40%;
		top:47%;
	}
}

