body, html {
	margin: 0;
	padding: 0;
	/*background-color:lightgray;*/
	font-family: Arial, Verdana, Helvetica, Geneva, Sans-Serif;
	font-size: 9pt;
	height: 100%;
}

img {
	border: none
}

.fixed-table-container {
	position:relative;
	padding-top:152px; /* die hoehe des thead */
	height:400px;
}

.fixed-table-container .header-bg-1 {
	position:absolute;
	top:0;
	height:20px;
	background-color:#1a7dda;
	width:100%;
}

.fixed-table-container .header-bg-2 {
  position:absolute;
  top:135px;
  height:20px;
  background-color:#d3d3d3;
  width:100%;
}

.fixed-table-container-inner {
	overflow-x:hidden;
	overflow-y:auto;
	height:100%;
}

.fixed-table-container-inner table {
	width:100%;
	overflow-x:hidden;
  overflow-y:auto;
}

.fixed-table-container-inner thead td {
	padding:0 !important;
	height:0 !important;
}

.fixed-table-container-inner thead td > div {
	position:absolute;
	top:0;
}

.fixed-table-container-inner thead tr:nth-child(1) td > div {
	height:20px;
  line-height:20px;
}

.fixed-table-container-inner thead tr:nth-child(3) td > div:before {
	content:'';
	display:inline-block;
	height:100%;
	width:0;
}

.fixed-table-container-inner thead tr:nth-child(3) td > div {
  position:absolute;
  top:20px;
  height:110px;
  overflow:visible;
}

.fixed-table-container-inner thead tr:nth-child(4) td > div {
	position:absolute;
	top:135px;
	height:20px;
	line-height:20px;
}

table#toplevel {
	height: 95%;
}

.tiefen_messstellen {
	border: 1px solid grey;
}

.tiefen_parameter > div {
	margin-bottom: 0.5em;
	border: 1px solid #aaa;
}

/*
	****************************************************************************
*/
div.zuordnung_display {
	height: 4em;
	color: green;
}

div.zuordnung_display.create {
	color: orange;
}

option.zuordnung_anlegen {
	color: orange;
}

option.zuordnung_aendern {
	color: #aa0;
}

option.zuordnung_aendern[disabled] {
	color: lightgrey;
}

option.zuordnung_bekannt {
	color: green;
}

option.zuordnung_bekannt[disabled] {
	color: lightgrey;
}

form.spreadsheet td.d button {
	padding: 1px 0;
}

/*
	****************************************************************************
*/
table.spreadsheet td {
	border: solid 1px #888888;
	font-size: 10px;
}

table.spreadsheet select {
	width: 120px;
}

/*
   ****************************************************************************
   login
*/
div#login {
	margin: 100px auto;
	width: 350px;
}

div#login input {
	width: 95%;
}

table, tbody, tr, td, th {
	vertical-align: top;
}

td {
	/*font-size:90%;*/
	
}

td.number {
	text-align: right;
}

tr.hier td {
	background-color: yellow;
}

tr.header, tr.downloadgruppe, thead tr, table caption {
	background-color: #1a7dda !important;
	font-weight: bold;
	color: white;
	font-size: 1.2em;
}

table caption {
	text-align: left;
	margin: 10px 0 0 0;
	padding: 2px;
}

tr.downloadgruppe {
	font-weight: normal;
	font-size: 1em;
}

tr.downloadgruppe td {
	padding-left: 10px;
	cursor: pointer;
}

td.downloadbezeichnung {
	padding-left: 5ex;
}

tr.headeru {
	background-color: lightgrey;
}

tr.header td, thead th {
	padding: 2px 10px;
	text-align: left;
}

tr.header th, tr.headeru th {
	text-align: left;
}

div#content {
	margin: 0px 10px;
	
}

div#content h1 {
	margin-top: 15px;
}

td.menu {
	width: 200px;
	height: 100%;
	/*background-color:yellow;*/
}

table.messwerttabelle thead tr.noborder td:last-child, td.menu.left {
	border-right: solid 1px #1a7dda;
}

td.menu.right {
	border-left: solid 1px #1a7dda;
}

td.menu.right>div {
	width: 188px;
	position: relative;
	/*right: 3px;
	top: 20px;*/
}

div.menu {
	padding: 5px;
	font-size: 90%;
}

h1, h2, h3, h4 {
	font-family: sans-serif;
}

h1 {
	font-size: 15pt;
}

h2 {
	font-size: 12pt;
}

h3 {
	font-size: 10pt;
}

h4 {
	font-size: 9pt;
}

div.menu h1 {
	margin: 0;
}

div.menu h2 {
	background-color: #1a7dda;
	color: white;
	padding: 2px 10px;
	/*margin:0;*/
	cursor: pointer;
	font-size: 14px;
}

td.toptitle {
	background-color: #1a7dda;
	color: white;
	padding: 2px 10px;
	font-size: 14px;
	font-weight: bold;
}

td.toptitle a {
	color: white;
}

div.menu h2.ohnelink {
	cursor: text;
}

[unselectable=on] {
	/*
	user-select:none;
	-moz-user-focus: ignore; -moz-user-input: disabled; -moz-user-select: none;
	-o-user-select:none;
	-khtml-user-select: none;
	*/
	
}

div.menu div.submenu h2 {
	background-color: transparent !important;
	color: #1a7dda;
	font-size: 100%;
	padding: 2px 10px;
	margin: 0;
}

div.menu.main {
	
}

div.menu li.current {
	background-color: #D3D3D3;
	color: black;
}

div.menu li.current a {
	color: black;
	font-weight: bold;
}

div.menu.sub {
	
}

div.heading {
	position: relative;
}

div.heading img {
	position: absolute;
	right: 3px;
	top: 3px;
	cursor: pointer;
}

div.submenu div.heading img {
	position: absolute;
	top: 5px;
	right: 7px;
}

div.collapsed div.submenu {
	display: none;
}

div.submenu.collapsed img.open {
	display: block;
}

div.submenu img.open {
	display: none;
}

div.collapsed div.heading img.close {
	display: none;
}

div.collapsed div.heading img.open {
	/*display:block;*/
	
}

div.menuhilfe {
	margin-bottom: 10px;
}

div.collapsed ul, div.collapsed div.menuhilfe {
	display: none;
}

div.menu ul {
	padding: 0px;
	margin: 0px;
}

div.submenu ul {
	margin-bottom: 10px;
}

div.menu ul {
	list-style-type: none;
}

div.menu ul li {
	/* mit left 20 wird es etwas knapp mit längeren Texten*/
	padding: 2px 0px 2px 0px;
}

div.menu.main ul li {
	padding: 2px 0px 2px 2px;
}

div.menu ul li a {
	text-decoration: none;
	/*display:block;*/
	/*height:1em;*/
	/*padding:2px 0px 2px 20px;*/
	/*border-bottom:solid 1px gray;*/
	font-family: sans-serif;
	/* color:#1a7dda; */
	color: black;
	/*white-space:nowrap;*/
	display: inline-block;
	width: 80%;
}

div.menu.main ul li a {
	width: 100%;
}

div.menu ul li:first-child {
	border-top: solid 1px gray;
}

div.menu ul li {
	/*display:block;*/
	border-bottom: solid 1px gray;
	/*white-space:nowrap;*/
}

div.menu ul li:hover {
	background-color: lightgray;
}

div.menu a.csv {
	float: right;
	padding-right: 4px;
	display: inline;
	width: auto;
}

div.menu a.csv img {
	border: none;
}

div.adresse {
	
}

div.adresse span {
	display: block;
}

div.adresse span.plzort {
	font-weight: bold;
}

div.adresse_zusatz {
	margin-top: 1em;
}

div.adresse_zusatz span {
	display: block;
}

table.horizontal th {
	text-align: right;
	background-color: #e5e4d1;
	padding: 2px 8px;
}

/* Badinfo */
.toggle {
	cursor: pointer;
}

div.b_collapsed .b_collapse_client {
	display: none;
}

img.b_open, img.b_close {
	position: relative;
	top: -3px;
}

img.b_open {
	display: none;
}

div.b_collapsed img.b_open {
	display: inline;
}

div.b_collapsed img.b_close {
	display: none;
}

/*******************************************************************************
	Messdaten
*/
div#gemessenedaten {
	padding: 1ex 2ex;
}

table.messwerttabelle tr.wasserart {
	
}

table.messwerttabelle tr.parmameter {
	height: 4em;
}

table.messwerttabelle tr.einheit {
	
}

table.messwerttabelle tr.grenzwert {
	
}

/* obsolete Zeile */
table.messwerttabelle tr.grafik {
	display: none;
}

table.messwerttabelle tr.datum {
	
}

/*
table.messwerttabelle > tbody > tr + tr + tr + tr + tr + tr + tr > td{
	border-right:solid 1px darkgray;
}

*/
table.messwerttabelle {
	/*border-right:solid 1px darkgray;*/
	border-collapse: collapse;
	table-layout: fixed;
}

table.messwerttabelle tr.header td {
	text-align: left;
}

table.messwerttabelle tr td {
	border: solid 1px darkgray !important;
	padding: 1px;
	border-collapse: collapse;
	/* text-align: right; */
	overflow: hidden;
	vertical-align: middle;
	text-align:center;
}

table.messwerttabelle tr.wasserart td {
	vertical-align: top;
}

table.messwerttabelle td>div {
	overflow: hidden;
}

table.messwerttabelle col.wt {
	width: 22px;
}

table.messwerttabelle col.date {
	width: 55px;
}

table.messwerttabelle col.st {
	width: 60px;
}

table.messwerttabelle col.uz {
	width: 50px;
}

table.messwerttabelle col.mz {
	width: 20px;
}

table.messwerttabelle col.mk {
	width: 50px;
}

table.messwerttabelle col.z {
	width: 50px;
}

table.messwerttabelle col.b {
	width: 25px;
}

table.messwerttabelle col.str {
	width: 100px;
}

table.messwerttabelle col.d {
	width: 80px;
}

table.messwerttabelle col.dt {
	width: 15ex;
}

table.messwerttabelle thead td {
	border: solid 1px gray;
	overflow: hidden;
}

table.messwerttabelle td.z {
	padding-right: 3px;
	text-align: center;
}

table.messwerttabelle td.str {
	text-align: left;
	overflow: hidden;
	padding-left: 3px;
}

table.messwerttabelle span.zpkz {
	
}

table.messwerttabelle span.zpzt {
	display: none;
}

/*
	***********************************************
*/
table.zeitplan tr td {
	border-right: none;
}

table.spaltenlinien td {
	border-right: solid 1px darkgray;
}

table.spaltenlinien.eigenschaften td {
	white-space: nowrap;
}

table.spaltenlinien.eigenschaften tr.unterheader td {
	white-space: normal;
}

table.zeilenlinien td {
	border-bottom: solid 1px darkgray;
}

table.zeilenlinien.formlayout td {
	/* vertical-align: bottom; */
	
}

table.spaltenlinien td:only-child {
	border: none;
}

select.analyse {
	width: 150px;
}

table {
	border-collapse: collapse;
	empty-cells: show;
}

table.layout {
	border-collapse: collapse;
	width: 100%;
}

table.stretch {
	
}

table.border>tbody>tr>td {
	border: solid 1px darkgray;
}

table.layout td {
	/*vertical-align:top;*/
	
}

tr.grenzwerte td, tr.messeinheit td, tr.messgroesse td {
	font-size: 80%;
	background-color: #d3d3d3;
}

td.messdaten, td.grenzwerte, td.messeinheit {
	background-color: #c9cedf;
	font-size: 80%;
	text-align: center;
	vertical-align: bottom;
	height: 2em;
}

/*
	gleich hinter Parameter zeigen
*/
span.messeinheit_inner {
	display: none;
}

table.messwerttabelle thead tr.noborder td {
	border: none !important;
}

table.messwerttabelle thead tr.noborder td:first-child {
	border: none !important;
	padding-left: 3px;
}

form.spreadsheet table.messwerttabelle tbody.eingabe tr.spacer td {
	border: none !important;
	height: 1.5em;
}

form.spreadsheet table.messwerttabelle tbody.eingabe button.ok {
	background-color: #00ff00;
}

form.spreadsheet table.messwerttabelle tbody.eingabe td {
	padding: 0;
}

form.spreadsheet table.messwerttabelle tbody.eingabe input[type=text] {
	box-sizing: border-box;
	border: none;
	padding: 0 2px;
	/*width: 100%;*/
	height: 100%;
}

form.spreadsheet table.messwerttabelle tbody.eingabe input:focus {
	
}

td.sichttiefe {
	overflow: hidden;
	white-space: nowrap;
	text-align: left;
}

td.messdaten {
	font-weight: bold;
	height: 2.5em;
}

td.grenzwerte, td.messeinheit {
	white-space: nowrap;
}

/* nicht das html so stark aufblähen */
td.grenzwerte span {
	cursor: help;
}

table.werte {
	width: 100%;
}

table.werte td {
	width: 33%;
	text-align: right;
}

tbody.odd, tr.odd {
	background-color: #e5e4d1;
}

/** *********************************************************************************
*/
form {
	background-color: lightgrey;
	padding: 5px 5px 10px 5px;
	border: solid 1px darkgray;
	margin-bottom: 2px;
	/* 
		font-size:85%; 
	*/
}

input {
	/*font-size:85%; */
	
}

input[readonly] {
	background-color: lightgrey;
	/* color:#555555; */
	color: black;
}

input:focus {
	border-color: blue;
}

input[readonly]:focus {
	border-color: lightgrey;
}

legend {
	font-weight: bold;
	font-size: 120%;
	/* color:#1a7dda; */
}

label {
	
}

label.disabled {
	color: gray;
}

fieldset {
	padding: 15px;
}

/*
	zumindest für die Text inputs
*/
input {
	padding-left: 2px;
	padding-right: 2px;
}

/** *********************************************************************************
*/
input.absmin, td.absmin, td.absmin input {
	/*
		background-color:#6666ff;
*/
	background-color: #ff6666 !important;
}

input.grenzmin, td.grenzmin, td.grenzmin input {
	background-color: #ff9999 !important;
	/*	background-color:#9999ff; */
}

input.richtmin, td.richtmin, td.richtmin input {
	background-color: #ffdddd !important;
	/*	background-color:#ddddff; */
}

input.absmax, td.absmax, td.absmax input {
	background-color: #ff6666 !important;
}

input.grenzmax, td.grenzmax, td.grenzmax input {
	background-color: #ff9999 !important;
}

input.richtmax, td.richtmax, td.richtmax input {
	background-color: #ffdddd !important;
}

input.untergrenzwert, td.untergrenzwert, td.untergrenzwert input {
	background-color: #ff9999 !important;
	/*	background-color: #9999ff; */
}

input.unterrichtwert, td.unterrichtwert, td.unterrichtwert input {
	background-color: #ffdddd !important;
	/*	background-color: #ddddff; */
}

input.uebergrenzwert, td.uebergrenzwert, td.uebergrenzwert input {
	background-color: #ff9999 !important;
}

input.ueberrichtwert, td.ueberrichtwert, td.ueberrichtwert input {
	background-color: #ffdddd !important;
}

td.ok, td.ueberrichtwert, td.uebergrenzwert, td.untergrenzwert, td.unterrichtwert
	{
	white-space: nowrap;
}

div#csvuploadform {
	background-color: lightgrey;
	padding: 5px;
	position: relative;
}

div#csvuploadform span.messdatenstelle {
	font-weight: bold;
	display: block;
	font-size: 140%;
	position: absolute;
	right: 24px;
	top: 24px;
}

table.formlayout {
	border-collapse: collapse;
}

table.formlayout td {
	vertical-align: middle;
	white-space: nowrap;
	padding: 2px 3px;
}

table.mitlinien {
	border: 1px solid black;
	border-collapse: collapse;
}

table.mitlinien td {
	border: 1px solid black;
	border-collapse: collapse;
	padding-left: 2px;
	padding-right: 2px;
}

table.grenzwerte {
	width: 150px;
}

table.grenzwerte td {
	width: 20%;
	/*font-size: 8pt;*/
	text-align: right;
	/*border:none;*/
}

div.form_entnahmestelle {
	font-weight: bold;
	margin-bottom: 5px;
}

iframe {
	background-color: lightgrey;
	width: 100%;
	height: 1.5em;
	margin-right: 2px;
	border: none;
}

/*** Badsuche *******************************/
.suchtreffer {
	background-color: yellow;
}

input#suchfeld {
	margin: 2px 0;
	width: 190px;
	border: solid 1px #1a7dda;
}
/*** /Badsuche ******************************/
div.clear {
	clear: both;
}

/*****************************************************************************
   Badübersicht
*/
.stammdaten h2 {
	margin-bottom: 3px;
}

div.uebox {
	width: 100%;
	background-color: #fcfcfc;
	border: 1px solid #aaa;
	margin-top: 17px;
	box-sizing:border-box;
}

div.uebox img {
	margin: 7px;
	box-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
}

table.anlagen_tabelle {
	width: 95%;
}

table.adress_tabelle {
	width: 95%;
}

table.adress_tabelle, table.anlagen_tabelle, table.beckeninfo {
	margin: 10px;
}

table.adress_tabelle thead td {
	font-weight: bold;
	text-align: center;
}

table.adress_tabelle tr, table.anlagen_tabelle  tr {
	border-bottom: 1px solid #bbb;
}

table.adress_tabelle td {
	padding: 2px 5px;
}

table.adress_tabelle tbody tr:nth-child(2n+1), table.anlagen_tabelle tbody tr:nth-child(2n+1)
	{
	background-color: #B9D9F7;
}

table.beckeninfo td {
	/*font-size:100%;*/
	padding: 2px 10px;
	border-bottom: 1px solid #bbb;
}

table.beckeninfo th.beckenname {
	text-align: left;
}

/******************************************************************************/
table.daten {
	width: 98%;
	margin: 10px;
}

table.daten tr {
	border-bottom: 1px solid #bbb;
}
/******************************************************************************/
div.fehlernachricht {
	background-color: #ffe0e0;
	width: 95%;
	border: 1px solid black;
	padding: 10px;
}

/******************************************************************************/
div.menu div.submenu h2 a {
	/*
	background-color:transparent;
	font-size:100%;
	margin:0;
	padding:2px 10px;
*/
	color: #1A7DDA;
	text-decoration: none;
}

table.datenlage {
	width: 100%;
}

table.datenlage td {
	padding: 0px 2px;
	padding-bottom: 2px;
	overflow: hidden;
}

.qualitaet_0 {
	background-color: #FFAC8F;
}

.qualitaet_1 {
	background-color: #FFEB8F;
}

.qualitaet_2 {
	background-color: #F3FF8F;
}

.qualitaet_3 {
	background-color: #DEFF8F;
}

.qualitaet_4 {
	background-color: #9FFF8F;
}

.qualitaet_5 {
	background-color: #9FFF8F;
}

div#mobile ul li a {
	font-size: 150%;
}

/**
	Darstellung in Tabellenübersicht der Messwerte
*/
tr.keinemessung {
	/*	background-color: #FFE7DF; */
	background-color: white;
	height: 10px;
}

tr.neuertag {
	border-top: 2px solid black;
}

tr.zeitpunkt_3 {
	background-color: #E8E8E8;
}

tr.zeitpunkt_2, tr.zeitpunkt_5 { /* taeglich wie mittags */
	background-color: #F0F0F0;
}

tr.zeitpunkt_1 {
	background-color: #F8F8F8;
}

div.shortcuts label, div.shortcuts button {
	font-size: 80%;
}

div.shortcuts button {
	margin-top: 2px;
	width: 92px;
	padding: 0 3px;
}

div.shortcuts button.step {
	width:auto;
}

div.shortcuts button img {
	vertical-align: middle;
	height: 10px;
}

div.scroll_table {
	height: 400px;
	overflow: auto;
	border-bottom: 1px solid darkgray;
	border-top: 1px solid darkgray;
	margin: 10px 0 20px 0;
}

div.nav_links a img {
	border: none;
}

div.nav_links a {
	text-decoration: none;
	/* color:#1a7dda; */
	color: black;
	margin-right: 20px;
}

div.nav_links a:hover {
	background-color: #d3d3d3;
}

div#laborimport {
	
}

div#laborimport td {
	padding: 2px 2px;
	white-space: nowrap;
}

div#laborimport td.fehler {
	color: #ee0000;
	text-align: center;
}

div#laborimport span.fehler {
	color: #ee0000;
}

div#laborimport thead.head1 td {
	font-weight: bold;
	font-size: 140%;
	letter-spacing: 0.3em;
	text-align: center;
	background-color: transparent !important;
	white-space: normal;
}

div#laborimport thead.head2 td {
	font-weight: bold;
	text-align: center;
	padding-bottom: 10px;
	border-top: solid 1px #dddddd;
	border-bottom: solid 1px #dddddd;
	background-color: transparent !important;
}

div#laborimport thead.head2 td.ppm {
	color: #1a7dda;
}

div#laborimport tbody tr:nth-child(odd) td {
	background-color: #eeeeee;
}

div#laborimport table thead.headk {
	background-color: blue;
	border-top: 2px black;
}

div#laborimport table thead.headk tr td {
	background-color: #ccccff;
}

div#laborimport tbody tr:hover td {
	/*color:#1a7dda;*/
	color: #0000ee;
	background: #ffddff;
}

tr.verfahren_gleich td.verfahren, tr.verfahren_gleich td.verfahren {
	/* color:green; */
	
}

tr.verfahren_ungleich td.verfahren, tr.verfahren_ungleich td.verfahren {
	color: red;
	font-weight: bold;
}

tr.fehler {
	color: #ee0000;
}

thead.headk tr {
	border-top: 2px black;
	margin-top: 5px;
}

table.limdaten tr td {
	padding-left: 2px;
	padding-right: 2px;
	text-align: right;
	border-collapse: collapse;
	border-right: 1px solid darkgray;
	border-bottom: 1px solid lightgray;
}

/*
	****************************************************************************
*/
table.limdaten tr td.limdata {
	width: 55px;
}

table.limdaten tr td.limdata div {
	white-space: nowrap;
	overflow: hidden;
	width: 55px;
}

table.limdaten tr td:first-child {
	text-align: left;
	white-space: nowrap;
	border-right: none;
}

table.limdaten tr td:nth-child(2) {
	text-align: center;
}

table.limdaten tbody tr:nth-child(odd), table.limdaten_legende tbody tr:nth-child(odd)
	{
	background-color: #ffffff;
}

table.limdaten tbody tr:nth-child(even), table.limdaten_legende tbody tr:nth-child(even)
	{
	background-color: #edf5ff;
}

table.limdaten_legende tr td {
	border-collapse: collapse;
	border-right: 1px solid darkgray;
	border-bottom: 1px solid lightgray;
}

.limdaten_legende caption {
	text-align: left;
}

.limdaten_legende {
	margin-top: 40px;
}

.limdaten_legende thead {
	background-color: #1a7dda;
	color: white;
}

.limdaten_legende td {
	padding: 2px;
}

.limdaten_legende td:first-child {
	padding-right: 20px;
}

/*
	****************************************************************************
*/
td.messzeitpunkt {
	
}

td.messzeitpunkt span {
	font-size: 200%;
}

td.messzeitpunkt a {
	color: #1a7dda;
}

/*
	****************************************************************************
*/
#berichte input {
	width: 120px;
}

div#upload_history {
	
}

div#upload_history form {
	background-color: transparent;
	border: none;
}

/*
	****************************************************************************
*/
div#upload_errors table thead, div#upload_history table thead {
	background-color: #1a7dda;
	font-size: 120%;
	font-weight: bold;
	color: white;
}

div#upload_errors td, div#upload_history td {
	padding: 2px 10px;
}

div#upload_errors table tbody tr td:first-child, div#upload_history table tbody tr td:first-child
	{
	background-color: #e5e4d1;
	font-weight: bold;
	text-align: right;
}

div#upload_history table tbody tr:nth-child(2n+1) {
	background-color: #eaeaea;
}

div#upload_history button {
	vertical-align: middle;
}

/**********************************************************
Grafikgeschichten
*/

/* alt */
div#charteditor {
	
}

div#charteditor div.messdatensatz {
	margin-bottom: 1em;
}

div#charteditor fieldset.axis_def {
	width: 200px;
	float: left;
}

div#charteditor div.messdatensatz label {
	display: block;
}
/*
div#charteditor div.messdatensatz:hover label {
	display:block;
}
*/
div#charteditor div.messdatensatz span.name {
	font-weight: bold;
	display: block;
}

td.jqplot-table-legend {
	font-size: 1.2em;
}

/* neu */
div.cs_messstelle {
	font-weight: bold;
	background-color: #eee;
	padding: 2px;
}

div#chart_wrapper, div#chart_messdaten {
	/*height: 500px;*/
}

div#chart_wrapper {
	/*float: left;*/
	width: 80%;
	/*padding-left: 15px;*/
	/* damit verhindern wir abschneiden von Datum links */
	overflow: hidden;
	/* einfacher Weg um die Datumsangaben unten nicht überlaufen zu lassen. */
	
	display:inline-block;
}

div#chartselector {
	/*margin-top: 8px;*/
	float: right;
	width: 170px;
	overflow: hidden;
	/* background-color: #eee;*/
}

div#chartselector img {
	margin: 0;
	box-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
}

div#chartselector>div {
	height: 350px;
	margin-bottom: 10px;
	/*overflow-y: auto;*/
}

div#chartselector button {
	font-size: 80%;
}

label.parameter_disabled {
	text-decoration: line-through;
}

label.no_data {
	text-decoration: line-through;
	/* color: #FB8282; */
	color: darkgrey
}

/**
	die silk info icons manchmal verkleinern
*/
img.info {
	width: 10px;
}

a.unscheinbar {
	color: grey;
	text-decoration: none;
}

a.unscheinbar:hover {
	text-decoration: underline;
}

/*

	Kopf der Tabelle gedreht 
	
	http://redmine.ravenworks.de/issues/720
*/
table.messwerttabelle tr td.messdaten {
	overflow: visible;
	border: none !important;
	background-color: transparent !important;
}

table.messwerttabelle.mitdaten {
	border: 1px solid #313193;
}

table.messwerttabelle div.headerrot {
	transform-origin: 0 0;
	transform: translateX(20px) rotate(-38deg);
	-ms-transform: translateX(10px) rotate(-38deg); /* IE 9 */
	-moz-transform: translateX(10px) rotate(-38deg); /* Firefox */
	-webkit-transform: translateX(10px) rotate(-38deg);
	/* Safari and Chrome */
	-o-transform: translateX(10px) rotate(-38deg); /* Opera */
	overflow: visible;
	white-space: nowrap;
	font-size: 12px;
	font-weight: normal;
	text-align: left;
}

/**
	und die Einheit zeigen 
*/
span.messeinheit_inner {
	font-weight: normal;
	/* display: inline; */
	display: none;
}

tr.einheit {
	/* display: none; */
	
}

tr.parameter {
	height: 70px;
}

tr.parameter td.messdaten {
	height: 100px;
	vertical-align: bottom;
	/* padding-bottom: 15px; */
}

.jqplot-axis {
	font-size: 1.0em; /* 0.75em; */
}

.periodselector {
	/*
	background-color: lightgrey;
	border: 1px solid darkgrey;
	border-collapse: collapse;
	margin-top: 1em;
	padding: 1ex;
	*/
  vertical-align:middle;
}

.periodselector,
.periodselector .shortcuts,
.periodselector .shortcuts > div {
	display:inline-block;
}

.periodselector > div > div {
  vertical-align:middle;	
}

.periodselector .button {
	white-space:nowrap;
	margin:2px;
}

.periodselector .button button:nth-child(1) {
	/*
	border-right:none;
	*/
}

.periodselector .button button:nth-child(2) {
	/*
	border-right:none;
  border-left:none;
  */
  width:90px;
}

.periodselector .button button:nth-child(3) {
	/*
  border-left:none;
  */
}

.topcontrols {
	background-color:#eeeeee;
	background: linear-gradient(to bottom, #eeeeee 0%,#e8e8e8 100%);
	border:solid 1px #eeeeee;
	border-radius:4px;
	padding:8px;
	margin:17px 0 10px 0;
}
	
.periodselector.charttype {
  float:right;	
}	

.periodselector.charttype .shortcuts {
	display:block;
}

.periodselector.charttype .shortcuts input {
	margin-left: 2em;
}

.periodselector.charttype .shortcuts label imb {
  shadow: none;
  margin:0 0.5ex 0 0;
}

.periodselector.downloads button {
	display:block;
	width:100%;
}
	
	
.clearfix:after {
  content: "";
  display: table;
  clear: both;
}
	
.xaxisconf {
	margin:20px 0;
}
	
.xaxisconf span {
	width:40%;
	display:inline-block;
}

.xaxisconf select,
.xaxisconf input {
	width:60%;
	box-sizing:border-box;
}

.xaxisconf label {
	display:block;
	margin:4px 0;
}
	
	
#chart_area.sidebar #chart_settings {
	/*display:flex;
	flex-direction:column;
	flex-wrap:nowrap;
	justify-content: flex-start;
	align-items: stretch;*/
}

#chart_settings.close #parameterselector {
	display:none;
}

#chart_settings #parameterselector {
	display:block;
}


div#toggleparameterdiv {
  border:none;
  position:absolute;
  right:5px;
  top:0;
  width:15px;
  height:15px !important;
  cursor:pointer;
  margin:0 !important;
  background-position:center;
  background-repeat:no-repeat;
}

div#toggleparameterdiv {
  background-image:url(/ppm/gfx/sub_dropdown_close.gif);
}


div#chartselector div#parameterselector {
  /*height: auto !important;*/
  /*background: #eee;*/
  /*overflow: clip;*/
  margin-bottom: 0px;
}

div.selector {
  width: 30ex;
  height: 20em;
  margin-right: 1ex;
  float: left;
  position: relative;
  padding: 3px;
  border: 1px solid #ccc;
}

div.selector.new {
	border-style:dashed;
}

div.selector > img {
  position: absolute;
  right: 0px;
  top: 0;
  box-shadow: none;
  margin: 3px;
}

div.selector select {
  /* does not work with firefox on windows if ctrl+ width: 28ex; */
  width: 90%;
}

div.selector select.hidden {
	display:none;
}

div.selector .parameter {
  position: relative;
  width: 28ex;
  padding-right: 2ex;
  overflow-y:hidden;
}

div.selector select.hidden + select + select + .parameter {
	height:204px;
}

div.selector select.hidden + select.hidden + select + .parameter {
  height:222px;
}

div.selector .messparameter,
div.selector .parameter .messparameter {
  position: relative;
}

div.selector .parameter .messparameter div.edit_settings,
div.selector .messparameter div.edit_settings,
div.tp .messparameter div.edit_settings {
  position: absolute;
  right: 0px;
  top: 0px;
  opacity:0;
  transition: opacity 0.2s ease-in-out;
}

div.selector .parameter .messparameter:hover div.edit_settings,
div.selector .messparameter:hover div.edit_settings,
div.tp .messparameter:hover div.edit_settings {
  opacity:1;
}

div.selector .parameter .messparameter img.edit_settings,
div.tp .messparameter div.edit_settings img {
  position: relative;
  box-shadow: none;
  margin: 2px;
  padding-top: 3px;
  /*background: #eee;*/
/*  border: 3px solid white; */
}


div.selector .parameter .messparameter img.edit_settings:hover {
  /* border: 3px solid #eee; */
}


#chart_settings.close div#toggleparameterdiv {
  background-image:url(/ppm/gfx/sub_dropdown_open.gif);
}

#chart_settings.close {
	padding:4px;
}

#chart_area.sidebar #chartselector #parameterselector {
	height:auto;
	max-height:initial;
}

div.ao,
div.go,
div.tp {
	/*outline:solid 1px red;*/
	margin-bottom:1em;
}

div.ao b,
div.tp b,
div.go b {
	display:block;
	margin-bottom:5px;
}

div.tp .messparameter {
	margin: 5px 0;
}

div.tp .messparameter label input {
	margin:0;
}


/**
Parameter wahl
*/

.group_hidden {
	display:none;
}
.param_hidden {
	display:none;
}

div.einstellungen {
	margin: 5px;
	float: left;
	padding-left: 1ex;
	padding-right: 1ex;
}

#loader,
#shade {
	position:fixed;
	left:0;
	top:0;
	width:100%;
	height:100%;
	display:none;
	/*cursor:wait;*/
}

#shade {
	background-color:#a2a2a2;
	opacity:0.0;
}

#loader {
	background-image:url(/ppm/gfx/loader.gif);
  background-repeat:no-repeat;
  background-position:center;
}

#loader span {
	position:fixed;
	top:50%;
	width:100%;
	text-align:center;
	font-size:200%;
	margin-top:28px;
	color:#222222;
}

body.shaded #shade {
	display:block;
	opacity:0.5;
}

body.shaded #loader {
	display:block;
}