/* -- Allgemeines ------------------------------------------------------------------------------ */
body {
	color: rgba( 0, 0, 0, 0.87 );
	background-color: #F1F2F4;
}

a {
	color: rgba( 0, 0, 0, 0.54 );
}

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

#head-container {
	background-color: #d4ebf6;
	border-bottom: 1px solid #d6d6d6;
}

#header, #quotation {
	color: rgba( 0, 0, 0, 0.54 );
}

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

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

#navigation {
	color: rgba( 0, 0, 0, 0.54 );
}

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

#settings-overlay {
	background-color: rgba( 0, 0, 0, 0.2 );
}

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

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

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

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

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

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

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

#settings-save {
	background-color: #9cc2cb;
}

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

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

#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: #e5e6e8;
	border: 1px solid #d3d3d3;
	box-shadow: inset 1px 1px 3px 0 #c8c8c8;
}

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

/* -- Seitentitel -- */

#maintitle a {
	color: #2A6698;
}

#subtitle a {
	color: rgba( 0, 0, 0, 0.38 );
}

/* -- Legenden -- */

#temp-legend {
	color: rgba( 0, 0, 0, 0.38 );
}

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

.avg {
	background-color: #2b2b2b;
}

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

.max {
	background-color: #cf0101;
}

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

.curr {
	background-color: #2b2b2b;
}

.temp5cm {
	background-color: #ff8000;
}

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

/* -- Diagrammüberschriften -- */

h3 {
	color: rgba( 0, 0, 0, 0.54 );
}

/* -- Navigationsüberschriften -- */

h4 {
	color: rgba( 0, 0, 0, 0.87 );
	border-bottom: 1px solid #e1e2e4;
}

/* -- Seiteninformationen im Header -- */
#pageinfo {
	color: #2a6698;
	text-shadow: 1px 1px 1px rgba( 0, 0, 0, 0.05 );
}

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

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

#navigation .diaselect {
	color: #2a6698;
	background-color: transparent;
	border: 2px solid #9cc2cb;
}

#navigation .diaselect:hover {
	color: #ffffff;
	background-color: #9cc2cb;
}

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

.selection-tab {
	color: rgba( 0, 0, 0, 0.87 );
	border: 1px solid #dddddd;
	background-color: #ffffff;
}

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

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

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

.droptable a {
	color: rgba( 0, 0, 0, 0.87 );
	border-bottom: 1px solid #dddddd;
}

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

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

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

.tooltip a {
	color: rgba( 0, 0, 0, 0.87 );
}

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

.balloon table td.legend div {
	color: #ffffff;
	border: 1px solid #8e8e8e;
}

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

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

.container > .value {
	color: rgba( 0, 0, 0, 0.87 );
}

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

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

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

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

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

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

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

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

#statistics .day.miss {
	border-color: #8D6E63;
	background-color: #8D6E63;
}

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

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

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

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

#content .extreme-box .caption {
	color: #2a6698;
	border-bottom: 1px solid rgba( 0, 0, 0, 0.12 );
}

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