@charset "utf-8";

.text_right {
	text-align: right;
}

.text_left {
	text-align: left;
}

.TabelleNoBr {
	white-space: nowrap;
}

#ApplicationMain div table th.text_left,
#ApplicationMain div table th.text_right,
#ApplicationMain div table th[scope="col"] {
	padding: .5em .5em .5em 0;
}

	#ApplicationMain div table th.text_left > a,
	#ApplicationMain div table th.text_right > a,
	#ApplicationMain div table th[scope="col"] > a {
		display: block;
		padding: .25em .15em 0 0;
		font: bold 13px/17px 'Open Sans', sans-serif;
	}

	#ApplicationMain div table th.text_right > a {
		padding: .25em 0 0 .15em;
		text-align: right;
	}

#ApplicationMain div table th.text_right {
	padding: .5em .5em 0 .5em;
}

.ButtonVorlaeufig {
	background-color: #9bcdd4 !important;
}

.ButtonVorlaeufigSelected {
	background-color: #056776 !important;
}

.st0 {
	fill: #1A171B;
}

.st1 {
	fill: #CACCCD;
}

.st2 {
	fill: #CACCCD;
	stroke: #1A171B;
	stroke-width: 3;
	stroke-miterlimit: 10;
}

.st3 {
	fill: none;
	stroke: #1A171B;
	stroke-width: 3;
	stroke-miterlimit: 10;
}

#MarketAreaMonitor {
	display: inline-block;
	vertical-align: top;
	width: 80%;
}

	#MarketAreaMonitor svg {
		width: 80%;
		height: auto;
	}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	#MarketAreaMonitor svg {
		height: 1428px;
	}
}

@media all and (-ms-high-contrast: none) and (max-width:1199px), (-ms-high-contrast: active) and (max-width:1199px), {
	#MarketAreaMonitor svg {
		width: 940px;
		height: 1188px;
	}
}

@media all and (-ms-high-contrast: none) and (max-width:979px), (-ms-high-contrast: active) and (max-width:979px), {
	#MarketAreaMonitor svg {
		width: 696px;
		height: 879px;
	}
}

@media all and (-ms-high-contrast: none) and (max-width:767px), (-ms-high-contrast: active) and (max-width:767px), {
	#MarketAreaMonitor svg {
		width: 706px;
		height: 892px;
	}
}

@media all and (-ms-high-contrast: none) and (max-width:679px), (-ms-high-contrast: active) and (max-width:679px), {
	#MarketAreaMonitor svg {
		width: 622px;
		height: 786px;
	}
}

@media all and (-ms-high-contrast: none) and (max-width:548px), (-ms-high-contrast: active) and (max-width:548px), {
	#MarketAreaMonitor svg {
		width: 491px;
		height: 620px;
	}
}

@media all and (-ms-high-contrast: none) and (max-width:479px), (-ms-high-contrast: active) and (max-width:479px), {
	#MarketAreaMonitor svg {
		width: 265px;
		height: 380px;
	}
}

/* Speicher/Gesamt-SLP/Gesamt-RLM (unterhalb der Karte) */
#MarketAreaMonitor svg #Delta_Storage_SLP_RLM {
}

	#MarketAreaMonitor svg #Delta_Storage_SLP_RLM .values text {
		font-family: "Open Sans", sans-serif;
		font-size: 18px;
	}

@media screen and (max-width:640px) {
	#MarketAreaMonitor svg #Delta_Storage_SLP_RLM .values text {
		font-size: 24px;
	}
}

@media screen and (min-width:1280px) {
	#MarketAreaMonitor svg #Delta_Storage_SLP_RLM .values text {
		font-size: 18px;
	}
}

#MarketAreaMonitor svg #Delta_Storage_SLP_RLM .values text + text {
	font-weight: bold;
}

#Delta_Storage_SLP_RLM .arrows polygon {
	fill: #1A171B;
}


/* negative Werte: Entry */
#MarketAreaMonitor svg #Delta_Storage_SLP_RLM .arrows polygon.entry {
	stroke: #ff7800;
}

/* negative Werte: Exit */
#MarketAreaMonitor svg #Delta_Storage_SLP_RLM .arrows polygon.exit {
	stroke: #068193;
}




/* Karte Marktgebiet */
#MarketAreaMonitor svg #Map {
}

	#MarketAreaMonitor svg #Map .neighbors {
		stroke-width: 2px;
	}

@media screen and (max-width:580px) {
	#MarketAreaMonitor svg #Map .neighbors {
		stroke-width: 3px;
	}
}

#MarketAreaMonitor svg .arrows polygon {
	stroke-width: 3px;
}

/* dickere Strichst�rke innerhalb der Map */
#MarketAreaMonitor svg #Map .arrows polygon {
	stroke-width: 7px;
}

/* NCG-Orange bei positiven Werten (entry) */
#MarketAreaMonitor .arrows .entry polygon.entry {
	stroke: #ff7800;
}

#MarketAreaMonitor .arrows g.entry polygon.exit {
	display: none;
}

/* NCG-T�rkis bei negativen Werten (exit) */
#MarketAreaMonitor .arrows g.exit polygon.exit {
	stroke: #068193;
}

#MarketAreaMonitor .arrows g.exit polygon.entry {
	display: none;
}

/* alls Wert "0" -> kein Pfeil */
#MarketAreaMonitor .arrows g:not(.entry):not(.exit) {
	display: none;
}




/* Texte in Karte */
#MarketAreaMonitor svg #Map .values .value {
	font-weight: bold;
}

@media screen and (max-width:640px) {
	#MarketAreaMonitor svg #Map .values * {
		font-size: 24px;
	}
}

@media screen and (min-width:1024px) {
	#MarketAreaMonitor svg #Map .values * {
		font-size: 19px;
	}
}