/**
 * CSS fuer Diagramm-Elemente.
 * Alle Klassennamen fangen an mit "dia".
 */

/** Grafikrechteck selbst. Enthaelt das Datenrechteck, das Andere steckt heraus an den Seiten. */ 
.dia div{
	padding:0;
}

div.dia {
	overflow: hide;
	position: relative;
	/*width: 0;*/ /** Anfaenglich. */
	margin-bottom: 50px;
	background-color: #ffffff;
	border: 1px solid #ffffff;
	padding:0;
	background-repeat: no-repeat;
	width: 548px !important;
}
/** Markierungsklasse fuer Wartezeitanimation. */
div.diaWait {
	background-image: url(/global-img/rechner/diagram_loading.gif);
	background-position: 50% 50%;
	text-indent: -999em;
}
/** Ticks, Skalierungswerte. */
div.diaTick {
	display: block;
	position: absolute;
	width: 110px;
	height: 25px;
	font-family: Arial, sans-serif;
	font-style: normal;
	font-size: 11px !important;
	padding: 0px 2px 1px 2px;
	z-index: 6;
	background-color: transparent;
	vertical-align: bottom;
	color: #336699;
}
div.diaSelectionFromDate {
	display: block;
	position: absolute;
	width: 65px;
	height: 14px;
	padding: 0px 2px 1px 2px;
	left: 0;
	top: 10px; /*-14px;*/
	z-index: 7;
	background-color: transparent;
	text-align: right;
	vertical-align: top;
	font-family: Arial, sans-serif;
	font-style: normal;
	font-size: 11px;
	color: #e16f00;
}
div.diaSelectionToDate {
	display: block;
	position: absolute;
	width: 65px;
	height: 14px;
	padding: 0px 2px 1px 2px;
	left: 0;
	top: 10px; /*-14px;*/
	z-index: 7;
	background-color: transparent;
	text-align: left;
	vertical-align: top;
	font-family: Arial, sans-serif;
	font-style: normal;
	font-size: 11px;
	color: #e16f00;
}
/** Domaenwert des Kreuzfadens: Datum. */
div.diaCursorXValue {
	display: none;
	position: absolute;
	width: 110px;
	height: 13px;
	padding: 1px 2px 1px 2px; /* W-truncation, antialiasing. */
	left: 0;
	top: 0;
	background-color: transparent;
	color: #000000;
	vertical-align: top;
	font-family: Arial, sans-serif;
	font-style: normal;
	font-size: 11px;
}
/** Bereichswert des Kreuzfadens: Kommazahl + EUR. */
div.diaCursorYValue {
	display: none;
	position: absolute;
	width: 120px;
	height: 13px;
	padding: 1px 2px 1px 2px; /* W-truncation, antialiasing. */
	left: 0;
	top: 0;
	background-color: transparent;
	color: #000000;
	font-family: Arial, sans-serif;
	font-style: normal;
	font-size: 11px;
}
/** Horizontal positionierter Kreuzfaden. */
div.diaHCursor {
	display: none;
	position: absolute;
	width: 1px;
	height: 100%;
	background-color: #000000;
}
/** Vertikal positionierter Kreuzfaden. */
div.diaVCursor {
	display: none;
	position: absolute;
	height: 1px;
	width: 21px;
	border-top: 1px solid #000000; /* As height will not be 1px on IE */
}
/** Durchsichtigkeit (insbesondere des Auswahls). */
div.diaTranslucent {
	opacity: 0.2;
	filter:alpha(opacity: 20);
	-moz-opacity: 0.2;
	-khtml-opacity: 0.2;
}
/** Auswahlbereich */
div.diaSelection {
	position: absolute;
	display: none;
	width: 1px;
	height: 100%;
	background-color: #e16f00; /*#00aa00;*/
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
}