﻿.login-link {
	font-family: var(--text-font);
	font-size: 16px;
	font-weight: bold;
}

.window {
	padding: 25px;
}

.admin-title {
	font-family: var(--text-font);
	font-size: 20px;
	font-weight: bold;
	color: var(--label-text-color);
}

.admin-result {
	font-family: var(--text-font);
	font-size: 16px;
	font-weight: normal;
	color: var(--text-color);
}

/* links */

.action-link {
	text-decoration: none;
	border: none;
	color: var(--panel-bg-color);
	font-family: var(--text-font);
	font-size: 20px;
	font-weight: bold;
	padding-left: 8px;
	padding-right: 8px;
	padding-bottom: 10px;
}

.ort > a {
	text-decoration: none;
	color: var(--label-text-color);
}

	.ort > a:link {
		text-decoration: none;
		color: var(--label-text-color);
	}

	.ort > a:visited {
		text-decoration: none;
		color: var(--label-text-color);
	}

	.ort > a:hover {
		text-decoration: none;
		color: var(--label-text-color);
	}

.name-box > a {
	text-decoration: none;
	color: var(--name-text-color);
	font-weight: bold;
}

	.name-box > a:link {
		text-decoration: none;
		color: var(--name-text-color);
		font-weight: bold;
	}

	.name-box > a:visited {
		text-decoration: none;
		color: var(--name-text-color);
		font-weight: bold;
	}

	.name-box > a:hover {
		text-decoration: none;
		color: var(--name-text-color);
		font-weight: bold;
	}

a.entry-info {
	text-decoration: none;
	color: var(--text-color);
}

	a.entry-info:link {
		text-decoration: none;
		color: var(--text-color);
	}

	a.entry-info:visited {
		text-decoration: none;
		color: var(--text-color);
	}

	a.entry-info:hover {
		text-decoration: none;
		color: var(--text-color);
	}

.material-icons {
	color: var(--icon-text-color);
}

.description-text {
	font-family: var(--text-font);
	font-size: 18px;
	color: var(--description-text-color);
}

/* text colors */

.accented {
	color: var(--accented-text-color);
	font-weight: var(--accented-text-font-weight);
}

/* admin info fields */

div.afield {
	text-decoration: none;
	border: none;
	padding-top: 5px;
	padding-left: 20px;
	display: table;
}

span.afieldname {
	text-decoration: none;
	border: none;
	color: var(--label-text-color);
	font-family: var(--text-font);
	font-size: 14px;
	font-weight: bold;
	width: 90px;
	display: table-cell;
}

span.afieldvalue {
	text-decoration: none;
	border: none;
	color: var(--text-color);
	font-family: var(--text-font);
	font-size: 14px;
	font-weight: normal;
	display: table-cell;
}

/* element items */

th {
	font-family: var(--text-font);
	font-size: 18px;
	font-weight: bold;
	color: var(--label-text-color);
}

.mail-quote {
	border: 2px dotted;
	border-color: var(--text-color);
	padding: 8px;
}

/* text */

.datum {
	font-family: var(--text-font);
	font-size: 36px;
	font-weight: bold;
	color: var(--date-text-color);
}

.ort {
	font-family: var(--text-font);
	font-size: 24px;
	font-weight: bold;
	color: var(--label-text-color);
}

td.ort {
	font-family: var(--text-font);
	font-size: 24px;
	font-weight: bold;
	color: var(--label-text-color);
	background-color: var(--panel-bg-color);
	max-width: 200px;
}

td.name-box {
	font-family: var(--text-font);
	font-size: 24px;
	font-weight: bold;
	color: var(--name-text-color);
	background-color: var(--panel-bg-color);
	max-width: 200px;
	padding-top: 10px;
	padding-bottom: 10px;
}

.line {
	font-family: var(--text-font);
	font-size: 24px;
	font-weight: bold;
	color: var(--label-text-color);
	background-color: var(--line-color);
}

.main-line {
	font-family: var(--text-font);
	font-size: 24px;
	font-weight: bold;
	color: var(--label-text-color);
	background-color: var(--main-line-color);
}

.tagUhrzeit {
	font-family: var(--text-font);
	font-size: 18px;
	color: var(--date-text-color);
}

.konzerte {
	font-family: var(--text-font);
	font-size: 14px;
	color: var(--text-color);
}

.UpdateHints {
	font-family: var(--text-font);
	font-size: 12px;
	color: var(--text-color);
}

.error {
	font-family: var(--text-font);
	font-size: 10px;
	color: var(--text-color);
	background: var(--panel-bg-color);
}

/* colors */

.mittelbraun {
	color: var(--panel-bg-color);
}

.hellbraun {
	color: var(--label-text-color);
}

.weiss {
	color: var(--text-color);
}

/* layout */

div#contents {
	padding: 0px;
	margin: 0px;
}

div#contentsmain {
	margin-left: 280px;
}

/* calender related */

div.calender-entry-address {
	padding-top: 8px;
	font-weight: bold;
	font-family: var(--text-font);
	color: var(--address-text-color);
}

div.calender-entry-icons {
	padding-top: 3px;
	padding-bottom: 0px;
	font-weight: normal;
	font-family: var(--text-font);
	font-size: 12pt;
	color: var(--address-text-color);
}

div.calender-entry-info {
	padding-top: 0px;
	padding-bottom: 10px;
	font-weight: normal;
	font-family: var(--text-font);
	font-size: 14px;
	color: var(--text-color);
}

td.form-submit-panel {
	background: var(--submitpanel-bg-color);
	text-align: center;
	width: 270px;
	height: 80px;
}

/* link buttons */
sa.button-link {
	text-decoration: none;
	margin-left: 10px;
	width: 80px;
	float: left;
	font-weight: bold;
	padding-left: 10px;
	padding-right: 10px;
	text-align: center;
	letter-spacing: 1px;
	border: 1px solid;
	color: var(--text-color);
	border-bottom-color: gray;
	border-right-color: Gray;
	border-top-color: gray;
	border-left-color: gray;
	background-color: #330000;
	padding-left: 8px;
	padding-right: 8px;
}

#sbutton a:hover {
	border-bottom-color: black;
	border-right-color: black;
	border-top-color: var(--text-color);
	border-left-color: var(--text-color);
	background-color: gray;
}

a.button-link {
	float: left;
	text-decoration: none;
	margin-left: 10px;
	margin-top: 10px;
	width: 120px;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: center;
	letter-spacing: 1px;
	border: 0px;
	color: var(--button-text-color);
	background-color: var(--panel-bg-color);
	font-size: 12px;
	font-family: var(--text-font);
	font-weight: bold;
	-webkit-appearance: none;
}

	a.button-link:hover {
		outline: none;
		background-color: var(--button-hover-bg-color);
		color: var(--button-hover-text-color);
	}

#button a:hover {
	border-bottom-color: var(--text-color);
	border-right-color: var(--text-color);
	border-top-color: var(--text-color);
	border-left-color: var(--text-color);
	background-color: var(--panel-bg-color);
}
