/* -- Allgemeines ------------------------------------------------------------------------------ */
body {
	color: rgba( 255, 255, 255, 1 );
	background-color: #1c1c1c;
}

a {
	color: rgba( 255, 255, 255, 0.7 );
}

/* -- Grundgerüst ------------------------------------------------------------------------------ */

#head-container {
	background-color: #333333;
	border-bottom: 1px solid #515254;
}

#header, #quotation {
	color: rgba( 255, 255, 255, 0.7 );
}

#content-container {
	border-top: 1px solid #000000;
}

#homer {
	border: 2px solid #757575;
	background-color: #333333;
}

#navigation {
	color: rgba( 255, 255, 255, 0.7 );
}

/* -- Menu fuer die Einstellungen -------------------------------------------------------------  */

#settings-overlay {
	background-color: rgba( 255, 255, 255, 0.15 );
}

#settings-open > img {
	background-position: left top;
}

#settings-close > img {
	background-position: left -16px;
}

#section-refresh > img {
	background-position: left -32px;
}

#section-nightmode > img {
	background-position: left -48px;
}

#section-diagrams > img {
	background-position: left -64px;
}

#settings-panel {
	background-color: rgba( 31, 31, 31, 0.95 );
}

#settings-panel li.section {
	border-top: 1px solid rgba( 255, 255, 255, 0.1 );
}

#settings-save {
	background-color: #73716e;
}

/* -- Navigation ------------------------------------------------------------------------------- */

#navigation ul.list li a.link, #navigation ul.list li a.active, #navigation ul.data li {
	border-top: 1px solid #2b2b2b;
	border-bottom: 1px solid #090909;
}

#navigation ul.list li:last-child a, #navigation ul.data li:last-child {
	border-bottom: 0;
}

/* -- Auswahl der Darstellungsart -- */

#navigation ul.mode li a {
	border: 1px solid transparent;
}

#navigation ul.mode li a.active {
	background-color: #2b2b2b;
	border: 1px solid #090909;
	box-shadow: inset -1px -1px 3px 0 #616264;
}

/* -- Schriften und Blockelemente -------------------------------------------------------------- */

/* -- Seitentitel -- */

#maintitle a {
	color: #1976D2;
}

#subtitle a {
	color: rgba( 255, 255, 255, 0.5 );
}

/* -- Legenden -- */

#temp-legend {
	color: rgba( 255, 255, 255, 0.5 );
}

#temp-legend .status {
	border: 1px solid #515254;
	background-color: #090909;
}

.avg {
	background-color: #f1f2f4;
}

.sum {
	background-color: #24b50c;
}

.max {
	background-color: #cf0101;
}

.min {
	background-color: #0189cf;
}

.curr {
	background-color: #f1f2f4;
}

.temp5cm {
	background-color: #ff8000;
}

.tempdew {
	background-color: #24b50c;
}

/* -- Diagrammüberschriften -- */

h3 {
	color: rgba( 255, 255, 255, 0.7 );
}

/* -- Navigationsüberschriften -- */

h4 {
	color: rgba( 255, 255, 255, 1 );
	border-bottom: 1px solid #090909;
}

/* -- Seiteninformationen im Header -- */
#pageinfo {
	color: rgba( 255, 255, 255, 0.5 );
	text-shadow: 1px 1px 1px rgba( 0, 0, 0, 0.87 );
}

/* -- Diagrammauswahl -- */
#navigation ul li.choise {
	border-top: 1px solid #2b2b2b;
	border-bottom: 1px solid #090909;
}

#navigation ul li.choise:last-child {
	border-bottom: 0;
}

#navigation .diaselect {
	color: rgba( 255, 255, 255, 0.5 );
	background-color: transparent;
	border: 2px solid #73716e;
}

#navigation .diaselect:hover {
	color: #ffffff;
	background-color: #73716e;
}

/* -- Dropdownmenu zur Monats- und Jahresauswahl -- */

.selection-tab {
	color: rgba( 255, 255, 255, 1 );
	border: 1px solid #414244;
	background-color: #2b2b2b;
}

.selection-tab .droplist, .selection-tab div.droptable {
	background-color: #2b2b2b;
	border-left: 1px solid #414244;
	border-right: 1px solid #414244;
}

.select-list a {
	color: rgba( 255, 255, 255, 1 );
	border-bottom: 1px solid #414244;
}

.select-list a.active, .select-list a:hover, .droptable a.active, .droptable a:hover {
	background-color: #2a6698;
}

.droptable a {
	color: rgba( 255, 255, 255, 1 );
	border-bottom: 1px solid #414244;
}

/* -- Tooltips für Werteanzeige -- */

.balloon::before {
	border-bottom-color: #090909;
}

.balloon::after {
	border-bottom-color: #333333;
}

.tooltip a {
	color: rgba( 255, 255, 255, 1 );
}

.tooltip a:hover .balloon {
	background-color: #333333;
	border: 1px solid #090909;
	box-shadow: 2px 2px 4px 1px rgba( 0, 0, 0, 0.3 );
}

.balloon table td.legend div {
	color: rgba( 0, 0, 0, 0.87 );
	border: 1px solid #090909;
}

/* -- Anzeige der Mitschnittrate im Tooltip -- */
.container {
	border: 1px solid #090909;
	background-color: #1c1c1c;
}

.container > .rating {
	background-color: #1976D2;
}

.container > .value {
	color: rgba( 255, 255, 255, 1 );
}

/* -- Datentabellen ---------------------------------------------------------------------------- */
#content table.data {
	border-top: 1px solid #515254;
	border-left: 1px solid #515254;
	background-color: #1c1c1c;
}

#content table.data th, #content table.data td {
	border-bottom: 1px solid #515254;
	border-right: 1px solid #515254;
}

#content table.data th {
	background-color: #515254;
}

#content table.data td.nodata {
	color: rgba( 255, 255, 255, 0.24 );
}

/* -- Logtabellen ------------------------------------------------------------------------------ */
#content table.log th, #content table.log td {
	color: rgba( 255, 255, 255, 0.5 );
	border-bottom: 1px solid rgba( 255, 255, 255, 0.12 );
}

/* -- Aufzeichnungsdichte ---------------------------------------------------------------------- */

#statistics .year {
	border-bottom: 1px solid rgba( 255, 255, 255, 0.5 );
}

/*
#statistics .day.rec {
	color: rgba( 0, 0, 0, 0.54 );
}
*/

#statistics .day.miss {
	border-color: #6D4C41;
	background-color: #6D4C41;
}

#statistics .day.dummy {
	border-color: rgba( 255, 255, 255, 0.18 );
	background-color: rgba( 255, 255, 255, 0.05 );
}

/* -- Extremewerte ----------------------------------------------------------------------------- */
#extremes-head .extremes-flap {
	color: rgba( 255, 255, 255, 0.7 );
	border-bottom: 4px solid transparent;
}

#extremes-head .extremes-flap.active {
	color: rgba( 255, 255, 255, 1 );
	border-bottom-color: #2a6698;
}

#content .extreme-box {
	background-color: #2b2b2b;
	box-shadow: 2px 2px 3px 0 rgba( 0, 0, 0, 0.38 );
}

#content .extreme-box .caption {
	color: #1976D2;
	border-bottom: 1px solid rgba( 255, 255, 255, 0.12 );
}

#content .extreme-box .time {
	color: rgba( 255, 255, 255, 0.7 );
}