/* Zählerstandmeldung: Ergänzungen zum Theme-Stil */

/* Das Theme gestaltet nur type=text – Datum, Telefon und E-Mail genauso */
.inner_main input[type=date],
.inner_main input[type=tel],
.inner_main input[type=email] {
	width: 95%;
	padding: 6px 10px 6px;
	margin: 1px 0 10px;
	background-color: #f1f1f2;
	border: 1px solid #fff;
	border-radius: 4px;
	box-shadow: inset 0 1px 3px #ccc;
	color: #1d1d1d;
	font: inherit;
	outline: 0;
}
.inner_main input[type=date] { width: auto; min-width: 180px; }
.inner_main input[type=date]:focus,
.inner_main input[type=tel]:focus,
.inner_main input[type=email]:focus { background-color: #eaeaea; box-shadow: inset 0 2px 4px #b9b9b9; }

/* Der Fußbereich des Themes überlappt den Inhalt um 80px */
.zs-formular { padding-bottom: 80px; }

/* Zählerstand-Spalten oben ausrichten, auch wenn ein Hinweis umbricht */
.zs-formular td { vertical-align: top; }

.zs-hinweis {
	display: block;
	font-size: 12px;
	line-height: 1.4;
	color: #666;
	margin-top: 4px;
}

.zs-banner {
	display: none;
	padding: 14px 18px;
	margin: 0 0 20px;
	font-size: 15px;
	line-height: 1.5;
	border-left: 5px solid;
}
.zs-banner.sichtbar,
#gesendet:target { display: block; }
.zs-ok { background: #eaf6ea; border-color: #2e7d32; color: #1b5e20; }
.zs-fehler { background: #fdecea; border-color: #d32f2f; color: #b71c1c; }
.zs-kopie { display: none; }
.zs-ok.mit-kopie .zs-kopie { display: inline; }

/* Spamfalle: für Menschen unsichtbar, Bots füllen sie aus */
.zs-honig {
	position: absolute;
	left: -10000px;
	width: 1px;
	height: 1px;
	overflow: hidden;
}

.zs-formular input:invalid.geprueft,
.zs-formular textarea:invalid.geprueft { border-color: #d32f2f !important; }
.zs-formular input[type="submit"][disabled] { opacity: .6; cursor: wait; }