/******************************
* file: kirchenweblogin.css
* date: 24.01.2009
* author: david jufer
* change: 15.02.2012
******************************/

html {
	height: 100%;
}

body {
	height: 100%;
	margin: 0;
	padding: 0;
	font-size: 13px;
	color: #686e72;
}

img {
	border: 0;
}

input {
	padding: 1px;
}

td {
	margin: 0;
	padding: 0 7px 0 0;
	vertical-align: top;
}

button, input, select, textarea {
	font-family: inherit;
}

.textRight {
	text-align: right;
}

form {
	margin: 0;
	padding: 0;
}

a {
	color: #00669f;
	font-size: 13px;
	text-decoration: none;
	cursor: pointer;
}

a:hover {
	color: #666666;
}

.jq-toast-wrap a:hover {
	color: #eeeeeedd;
	border-bottom-color: #eeeeeedd;
}

hr {
	height: 1px;
	color: #cccccc;
	background: #cccccc;
	border: 0;
}

details {
	margin: 0.5rem 0;
}

details > details {
	margin-left: 1rem;
}

details > *:not(summary):not(i):not(strong):not(b):not(a):not(s):not(u) {
	margin-left: 1rem;
}

summary {
	cursor: pointer;
}

summary.title {
	margin-top: 12px;
	margin-bottom: 6px;
	font-size: 14px;
	font-weight: bold;
}

.hauptueberschrift {
	margin: 0 0 10px 0;
	padding: 4px 0 4px 10px;
	color: #686e72;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 11px;
	background: #d5e1e7;
	text-align: left;
	font-weight: normal;
	line-height: 160%;
}

.ueberschrift {
	font-family: Arial, Helvetica, sans-serif;
}

.sendButton {
	line-height: 140%;
	font-weight: bold;
	color: #ffffff;
	border-width: 0;
	border-color: #cccccc;
	border-style: solid;
}

.cssButton {
	border-style: solid;
	border-color: #000000;
	border-width: 1px;
	font-weight: bold;
	color: #000000;
	font-family: Helvetica, Arial, sans-serif;
	background-color: #ffffff;
}

.ope {
	margin: 0;
	padding: 0 0 0 16px;
	background: url(/_kirchenweb/images/loginIcons.png) 0 -1450px no-repeat;
}

.clo {
	margin: 0;
	padding: 0 0 0 16px;
	background: url(/_kirchenweb/images/loginIcons.png) 0 -1500px no-repeat;
}

a.neuanm {
	color: #555555;
	font-weight: normal;
	text-decoration: none;
}

a.neuanm:visited {
	font-weight: normal;
	text-decoration: none;
}

a.neuanm:hover {
	text-transform: none;
	text-decoration: none;
	color: #555599;
}

.login {
	font-family: Arial, Helvetica, sans-serif;
	background-color: #ffffff;
}

input {
	color: #555555;
}

.erklaerung {
	font-size: 9px;
	color: #999999;
}

a.nav {
	display: block;
	width: 135px;
	color: #ffffff;
	text-decoration: none;
	font-size: 10px;
	font-weight: bold;
	line-height: 130%;
	font-family: Helvetica, Arial, sans-serif;
}

a.nav:active,
a.nav:hover {
	color: #ffffff;
	background-color: #8a8c96;
}

a:link.navrubriktitel,
a:visited.navrubriktitel {
	color: #555555;
	font-size: 10px;
	font-weight: bold;
	line-height: 140%;
	text-decoration: none;
}

a.navrubriktitel:hover,
a.navrubriktitel:active {
	color: #553300;
}

.rubriktitel {
	font-family: Helvetica, Arial, sans-serif;
	color: #555555;
	font-size: 13px;
	font-weight: bold;
	line-height: 140%;
	text-decoration: none;
}

.service-login {
	font-family: Helvetica, Arial, sans-serif;
	color: #555555;
	font-size: 10px;
}


/* suche, ausgabe ausfuehrlich */
div.modSucheAusgabeAusfuehrlich > a {
	display: block;
}

div.modSucheAusgabeAusfuehrlich .modSucheAusgabeAusfuehrlichBild {
	float: left;
	width: 80px;
	height: 60px;
	padding: 5px 0 0 0;
}

div.modSucheAusgabeAusfuehrlich .modSucheAusgabeAusfuehrlichBild img,
div.modSucheAusgabeAusfuehrlich .modSucheAusgabeAusfuehrlichBild svg {
	width: 100%;
}

div.modSucheAusgabeAusfuehrlich .modSucheAusgabeAusfuehrlichText {
	margin: 0 0 0 90px;
	padding: 3px 0;
	min-height: 64px;
	color: #555555;
}

div.modSucheAusgabeAusfuehrlich .modSucheAusgabeAusfuehrlichText span {
	display: block;
}

div.modSucheAusgabeAusfuehrlich .modSucheAusgabeAusfuehrlichText span.msaTitel {
	font-weight: bold;
}


/* suche, ausgabe handlich */
div.modSucheAusgabeHandlich {
	float: left;
	width: 80px;
	color: #555555;
}

div.modSucheAusgabeHandlichV {
	float: left;
	width: 80px;
}


/* suche, ausgabe spalten, spaltenkomma, zeilen (22.03.2017 dj) */
div.modSucheAusgabe table.modSucheTableSpalten,
div.modSucheAusgabe table.modSucheTableSpaltenkomma,
div.modSucheAusgabe table.modSucheTableZeilen {
	border-collapse: collapse;
}

div.modSucheAusgabe table.modSucheTableSpalten tr:hover,
div.modSucheAusgabe table.modSucheTableSpaltenkomma tr:hover,
div.modSucheAusgabe table.modSucheTableZeilen tr:hover {
	background-color: #f1f5f7;
}

div.modSucheAusgabe table.modSucheTableSpalten tr td,
div.modSucheAusgabe table.modSucheTableSpaltenkomma tr td,
div.modSucheAusgabe table.modSucheTableZeilen tr td {
	padding: 2px 7px 1px 0;
}


/******************************
* loginbereich
******************************/

/* für datei veranstaltungen-admNeu.php (kann gelöscht werden sobald neuer loginbereich) */
#zentriertAllesLogin {
	text-align: left;
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background: #ffffff;
}


#loginAlles {
	height: auto;
	min-height: 100%;
	text-align: center;
	margin: 0 auto 0 auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background: #919a9f;
}

#loginInhalt {
	margin: 0 auto;
	padding: 0;
	width: 1200px;
	height: auto;
	min-height: calc(100vh - 127px);
	text-align: left;
	border-right: 1px solid #919a9f;
	border-left: 1px solid #919a9f;
	background: #ffffff;
}

#loginKopfLink {
	position: absolute;
	width: 270px;
}

#loginKopfLink a {
	display: block;
	height: 45px;
	margin: 0;
	padding: 0;
}

.maintenance {
	margin: 0 auto;
	padding: 10px;
	color: #ffffff;
	font-size: 16px;
	font-family: Helvetica, Arial, sans-serif;
	line-height: 1.5;
	text-align: center;
}

.maintenance.regular {
	background-color: #1e3a8a;
}

.maintenance.extensive {
	background-color: #ff6d00;
}

.maintenance a {
	color: #b5d8ff;
	font-size: 16px;
	font-family: Helvetica, Arial, sans-serif;
	text-decoration: none;
}

.maintenance a:hover {
	color: #000000;
}

.maintenancebox {
	width: 650px;
	margin: 0 auto;
	padding: 25px 80px 35px 80px;
	color: #ffffff;
	font-size: 18px;
	font-family: Helvetica, Arial, sans-serif;
	line-height: 1.5;
	text-align: left;
	background-color: #ff6d00;
}

.maintenancebox a {
	color: #b5d8ff;
	font-size: 18px;
	font-family: Helvetica, Arial, sans-serif;
	text-decoration: none;
}

.maintenancebox a:hover {
	color: #555555;
}

#altLink {
	position: absolute;
	width: 220px;
	top: 49px;
}

a#altLinkA {
	float: left;
	width: 61px;
	height: 35px;
	margin: 0 0 0 13px;
	padding: 0;
	background-position: 0 0;
	background-repeat: no-repeat;
}

a#altLinkA:hover {
	background-position: 0 -50px;
}

a#altLinkB {
	float: left;
	width: 61px;
	height: 35px;
	margin: 0 0 0 13px;
	padding: 0;
	background-position: 0 -100px;
	background-repeat: no-repeat;
}

a#altLinkB:hover {
	background-position: 0 -150px;
}

#loginKopf {
	min-height: 80px;
	margin: 0;
	padding: 0;
	background-image: url(/_kirchenweb/images/loginMenu.png);
	background-position: 0 -150px;
	background-repeat: repeat-x;
	background-color: #929ba0;
}

#loginKopf div.loginKopfContainer {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	min-height: 80px;
}

#loginKopf div.loginKopfNavInfoContainer {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	justify-content: space-evenly;
	width: calc(100% - 270px);
}

#loginLogo {
	width: 260px;
	height: 70px;
	margin: 0;
	padding: 0;
}

#loginLogo.sprache-de {
	background: url(/_kirchenweb/images/loginLogo.svg) 13px 16px/240px 25px no-repeat;
}

#loginLogo.sprache-fr {
	background: url(/_kirchenweb/images/loginLogo_fr.svg) 13px 16px/240px 25px no-repeat;
}

#loginLogo.sprache-it {
	background: url(/_kirchenweb/images/loginLogo_it.svg) 11px -22px/260px 102px no-repeat;
}

#loginKopfNav {
	display: flex;
	flex-direction: row-reverse;
	flex-wrap: wrap;
	justify-content: flex-start;
	gap: 10px 15px;

	margin: 0;
	padding: 10px 20px 10px 10px;
}

#loginKopfNav div.loginKopfNav a {
	font-size: 12px;
	color: #2a2c2e;
}

#loginKopfNav div.loginKopfNav a:hover {
	color: #00669f;
}

#loginKopfNav div.loginKopfNav span.nextMaintenanceWindow {
	margin-right: 10px;
}

#loginKopfInfo {
	width: 690px;
	padding: 6px 20px;
	text-align: right;
	font-size: 12px;
	color: #ffffff;
}

#loginMenu {
	float: right;
	width: 980px;
	height: 32px;
	margin: 0;
	padding: 0;
	background: url(/_kirchenweb/images/loginMenu.png) 0 0 repeat-x;
	border-bottom: 1px solid #686e73;
}

#loginMenu div {
	float: left;
	margin: 0;
	padding: 0;
	background-image: url(/_kirchenweb/images/loginMenu.png);
	background-position: 0 0;
	background-repeat: repeat-x;
}

#loginMenu div:hover {
	background-position: 0 -50px;
}

#loginMenu div.loginMenuA {
	background-position: 0 -100px;
}

#loginMenu div a {
	float: left;
	width: auto;
	height: 24px;
	margin: 0;
	padding: 8px 18px 0 18px;
	text-align: center;
	color: #2a2c2e;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	border-right: 1px solid #829ead;
}

#loginMenu div.loginMenuA a {
	color: #ffffff;
}

#loginMenusub {
	float: left;
	margin: 0;
	padding: 0;
	width: 219px;
	min-height: calc(100vh - 81px);
	background: #d5e1e7;
}

#loginMenusub div.loginMenu {
	margin: 0;
	padding: 0;
	background-image: url(/_kirchenweb/images/loginIcons.png);
	background-position: 5px -1689px;
	background-repeat: no-repeat;
}

#loginMenusub div.menusubBg div.loginMenu:hover {
	background-color: #c3ced5;
}

#loginMenusub div.menusubBg div.loginMenu span {
	display: block;
	margin: 15px 0 0 0;
	padding: 8px 10px 9px 10px;
	color: #686e72;
	font-size: 13px;
	font-weight: normal;
	background: none;
}

#loginMenusub div.menusubBg div.loginMenu:first-child span {
	margin: 0;
}

#loginMenusub div.menusubBg div.loginMenu a {
	display: block;
	margin: 0;
	padding: 8px 10px 9px 23px;
	color: #2a2c2e;
	font-size: 13px;
}

#loginMenusub div.menusubBg div.loginMenuA a {
	display: block;
	min-height: 17px;
	margin: 0;
	padding: 8px 10px 8px 23px;
	color: #ffffff;
	font-size: 13px;
	background: #6092af url(/_kirchenweb/images/loginIcons.png) 5px -1739px no-repeat;
}

#loginMenusub div.menusubBg div.loginMenuA a.open {
	background: #6092af url(/_kirchenweb/images/loginIcons.png) 5px -1789px no-repeat;
}

#loginMenusub div.menusubBg div.loginMenuA a:focus {
	outline: 0;
}

#loginMenusub div.loginMenusubsub {
	padding: 0 8px 10px 15px;
	background: #6092af;
}

#loginMenusub div.loginMenusubsubBox {
	padding: 3px 3px 3px 5px;
	background-color: #6092af;
	border: 1px solid #a0c6da;
}

#loginMenusub div.loginMenusubsubBox div.loginMenu {
	background-image: none;
}

#loginMenusub div.loginMenusubsubBox div.loginMenu:hover {
	background-color: #79a6c1;
	background-image: none;
}

#loginMenusub div.loginMenusubsubBox div.loginMenu span {
	padding: 2px;
	color: #ffffff;
	font-size: 14px;
	font-weight: bold;
	background-color: #6092af;
}

#loginMenusub div.loginMenusubsubBox div.loginMenu a {
	display: block;
	min-height: 16px;
	padding: 2px;
	color: #ffffff;
}

/* neu icon */
/*
#menusub_agenda{
background: url(/_kirchenweb/images/loginIconNeuPfeil.gif) 185px 8px no-repeat;
}
*/

/* not needed with redesign of LoginArea? 18.10.2019 mha
#loginSeite{
	height: auto;
	min-height: 100%;
	margin: 0;
	padding: 0;
	background: #fff url(/_kirchenweb/images/loginMenusubBg.png) -1px 0 repeat-y;
	border-top: 1px solid #686e73;
	overflow: auto;
}

@supports (display: flow-root) {
	#loginSeite {
		overflow: unset;
		display: flow-root !important;
	}
}



#loginSeiteInhalt{
	float: right;
	width: 950px;
	height: auto;
	min-height: 100%;
	margin: 0;
	padding: 15px;
	background: #fff;
}
*/


/******************************
* subnavigation menu
******************************/
nav#subSub .men,
#loginMenusub div.loginMenusubsubBox div.loginMenu a.men {
	float: right;
	width: 20px;
	height: 16px;
	padding: 0;
	background: url(/_kirchenweb/images/loginIcons.png) 0 -4048px no-repeat;
}

nav#subSub .men {
	justify-self: flex-end;
	margin-left: auto;
}

nav#subSub a:hover .men,
#loginMenusub div.loginMenusubsubBox div.loginMenu:hover a.men {
	background: transparent url(/_kirchenweb/images/loginIcons.png) 0 -3948px no-repeat;
}

nav#subSub .divMenu,
#loginMenusub div.loginMenusubsubBox div.loginMenu div.divMenu {
	position: absolute;
	clear: both;
	display: none;
	width: 100px;
	margin: 20px 0 0 83px;
	padding: 1px;
	background: #747e83;
	border: 1px solid #494f52;
}

nav#subSub .divMenu a,
#loginMenusub div.loginMenusubsubBox div.loginMenu div.divMenu a {
	display: block;
	height: 15px !important;
	min-height: 15px !important;
	padding: 2px 10px 0 10px !important;
	background: #747e83;
	color: #ffffff;
	font-size: 11px;
}

nav#subSub .divMenu a:hover,
#loginMenusub div.loginMenusubsubBox div.loginMenu div.divMenu a:hover {
	background-color: #42484a;
}


/******************************
* subnavigation suche projektseiten
******************************/
#loginMenusub div.loginMenusubsubBox div.loginMenu #formFilter {
	margin: 2px 0 2px 2px;
}

#loginMenusub div.loginMenusubsubBox div.loginMenu #filterBoxG {
	float: left;
	width: 163px;
	height: 20px;
	background: #ffffff url(/_kirchenweb/images/iconLaden2.gif) 0 -30px repeat-x;
}

#loginMenusub div.loginMenusubsubBox div.loginMenu #filterBoxG input#filterTextG {
	float: left;
	width: 140px;
	height: 16px;
	margin: 0;
	padding: 2px 0 2px 2px;
	font-size: 13px;
	border: 0;
	background: transparent;
}

#loginMenusub div.loginMenusubsubBox div.loginMenu #filterBoxG a#filterTextGSucheAus {
	float: left;
	width: 21px;
	height: 20px;
	padding: 0;
	background: transparent url(/_kirchenweb/images/loginIcons.png) 3px -1998px no-repeat;
}

#loginMenusub div.loginMenusubsubBox div.loginMenu #formFilter a#filterTextGSucheEin {
	float: left;
	width: 18px;
	height: 20px;
	margin: 0 0 0 2px;
	padding: 0;
	background: url(/_kirchenweb/images/loginIcons.png) 0 -2147px no-repeat;
}

#loginMenusub div.loginMenusubsubBox div.loginMenu #formFilter a#filterTextGSucheEin:hover {
	background-color: #79a6c1;
}

#loginMenusub div.loginMenusubsubBox div.loginMenu a#filterTextGSucheEin:focus,
#loginMenusub div.loginMenusubsubBox div.loginMenu a#filterTextGSucheAus:focus,
#loginMenusub div.loginMenusubsubBox div.loginMenu #filterTextG_liste li a:focus {
	outline: 0;
}

#loginMenusub div.loginMenusubsubBox div.loginMenu #filterTextG_liste {
	margin: 20px 0 0 0;
	padding: 0;
	width: 161px;
}

#loginMenusub div.loginMenusubsubBox div.loginMenu #filterTextG_liste li {
	color: #ff6d00;
}

#loginMenusub div.loginMenusubsubBox div.loginMenu #filterTextG_liste li a {
	display: block;
	color: #777777 !important;
	background: #ffffff;
}

#loginMenusub div.loginMenusubsubBox div.loginMenu #filterTextG_liste li a:hover {
	background: #e7eff2 !important;
}

#loginMenusub div.loginMenusubsubBox div.loginMenu #filterTextG_liste li a.aktiv {
	background: #d5e1e7 !important;
}


/******************************
* kontobox
******************************/
.kontobox {
	margin: 0 0 15px 0;
	padding: 0 0 10px 0;
	color: #686e72;
	background: #e7eff2;
}

.kontobox .titel {
	margin: 0 0 2px;
	padding: 4px 0 4px 10px;
	color: #686e72;
	font-size: 11px;
	background: #d5e1e7;
}

.kontobox .titelorange {
	margin: 0 0 2px 0;
	padding: 4px 0 4px 20px;
	color: #ffffff;
	font-size: 11px;
	background: #ff6d00 url(/_kirchenweb/images/loginIcons.png) 2px -1647px no-repeat;
}

.kontobox .titel a {
	font-size: 11px;
}

.kontobox div.link {
	position: relative;
}

.kontobox div.link:hover div.men {
	display: block;
}

.kontobox div.link:hover .eventDatum {
	display: none;
}

.kontobox div.link div.men {
	position: absolute;
	top: 0;
	right: 0;
	width: 24px;
	height: 19px;
	padding: 0;
	font-size: 0;
	background-image: url(/_kirchenweb/images/loginIcons.png);
	background-position: right 7px top -4048px;
	background-repeat: no-repeat;
	display: none;
}

.kontobox div.link div.men:hover {
	background-position: right 7px top -3949px;
}

.kontobox div.link div.men:hover .divMenuEvent {
	display: block;
}

.divMenuEvent {
	clear: both;
	display: none;
	position: absolute;
	top: 19px;
	right: 0;
	width: 112px;
	padding: 1px;
	background: #747e83;
	border: 1px solid #494f52;
	z-index: 100;
}

.divMenuEvent a {
	display: block;
	padding: 3px 5px 3px 5px;
	color: #ffffff;
	font-size: 11px;
}

.divMenuEvent a:hover {
	background-color: #42484a;
}


/******************************
* formular
******************************/

.reiterbox {
	margin: 0;
	padding: 7px 0 0 3px;
	width: 804px;
	height: 41px;
	background: #acb7be url(/_kirchenweb/images/loginReiterbox.png) 0 0 no-repeat;
}

.reiterbox .reiter,
.reiterbox .reiterAktiv,
.reiterbox .reiterInhalt {
	float: left;
	margin: 0;
	padding: 0 0 0 5px;
}

.reiterbox .reiter a,
.reiterbox .reiterInhalt a,
.reiterbox .reiterAktiv a {
	cursor: pointer;
}

.reiterbox .reiter a span.a,
.reiterbox .reiterAktiv a span.a,
.reiterbox .reiterInhalt a span.a {
	float: left;
	width: 5px;
	height: 41px;
	margin: 0;
	padding: 0;
}

.reiterbox .reiter a span.b,
.reiterbox .reiterAktiv a span.b,
.reiterbox .reiterInhalt a span.b {
	float: left;
	width: 117px;
	height: 31px;
	margin: 0;
	padding: 10px 0 0 0;
	text-align: center;
	color: #ffffff;
}

.reiterbox .reiter a span.c,
.reiterbox .reiterAktiv a span.c,
.reiterbox .reiterInhalt a span.c {
	float: left;
	width: 5px;
	height: 41px;
	margin: 0;
	padding: 0;
}

.reiterbox .reiter a span.a {
	background: url(/_kirchenweb/images/loginReiter.png) 0 -150px no-repeat;
}

.reiterbox .reiter a span.b {
	background: url(/_kirchenweb/images/loginReiter.png) 0 -200px repeat-x;
}

.reiterbox .reiter a span.c {
	background: url(/_kirchenweb/images/loginReiter.png) 0 -250px no-repeat;
}

.reiterbox .reiter a:hover span.a {
	background: url(/_kirchenweb/images/loginReiter.png) 0 -300px no-repeat;
}

.reiterbox .reiter a:hover span.b {
	background: url(/_kirchenweb/images/loginReiter.png) 0 -350px repeat-x;
}

.reiterbox .reiter a:hover span.c {
	background: url(/_kirchenweb/images/loginReiter.png) 0 -400px no-repeat;
}

.reiterbox .reiterInhalt a span.a {
	background: url(/_kirchenweb/images/loginReiter.png) 0 -450px no-repeat;
}

.reiterbox .reiterInhalt a span.b {
	background: url(/_kirchenweb/images/loginReiter.png) 0 -500px repeat-x;
}

.reiterbox .reiterInhalt a span.c {
	background: url(/_kirchenweb/images/loginReiter.png) 0 -550px no-repeat;
}

.reiterbox .reiterInhalt a:hover span.a {
	background: url(/_kirchenweb/images/loginReiter.png) 0 -600px no-repeat;
}

.reiterbox .reiterInhalt a:hover span.b {
	background: url(/_kirchenweb/images/loginReiter.png) 0 -650px repeat-x;
}

.reiterbox .reiterInhalt a:hover span.c {
	background: url(/_kirchenweb/images/loginReiter.png) 0 -700px no-repeat;
}

.reiterbox .reiterAktiv a span.a {
	background: url(/_kirchenweb/images/loginReiter.png) 0 -0px no-repeat;
}

.reiterbox .reiterAktiv a span.b {
	background: url(/_kirchenweb/images/loginReiter.png) 0 -50px repeat-x;
	color: #00669f;
	font-weight: bold;
}

.reiterbox .reiterAktiv a span.c {
	background: url(/_kirchenweb/images/loginReiter.png) 0 -100px no-repeat;
}

#formInhalt div.box div.spalte1 {
	margin: 0 !important;
	padding: 0 !important;
	float: left;
	width: 190px;
}

#formInhalt div.box div.spalte2 {
	margin: 0 !important;
	padding: 0 !important;
	float: left;
	width: 170px;
}

div.box div.spalte3 {
	margin: 0 !important;
	padding: 0 !important;
	float: left;
	width: 110px;
}

div.box div.spalte4 {
	margin: 0px !important;
	padding: 0px !important;
	float: left;
	width: 210px;
}

div.box div.hinzufuegen {
	margin: 3px 0 0 1px;
	padding: 0;
}

div.box div.hinzufuegen a {
	margin: 0;
	padding: 0 0 0 20px;
	color: #686e72;
	background: url(/_kirchenweb/images/loginIcons.png) 0 -750px no-repeat;
	cursor: pointer;
}

div.box div.hinzufuegen a:hover {
	background: url(/_kirchenweb/images/loginIcons.png) 0 -800px no-repeat;
}

div.box div.hinzufuegenNA {
	margin: 3px 0 0 1px !important;
	padding: 0;
	color: #afafaf;
}

div.box div.hinzufuegenNA a {
	margin: 0;
	padding: 0 0 0 20px;
	color: #afafaf;
	cursor: default;
	background: url(/_kirchenweb/images/loginIcons.png) 0 -4400px no-repeat;
}

div.box div.loeschen {
	margin: 3px 0 0 1px !important;
	padding: 0 !important;
	color: #686e72;
}

div.box div.loeschen a {
	float: left;
	width: 15px;
	height: 16px;
	margin: 0;
	padding: 0 5px 0 0;
	background: url(/_kirchenweb/images/loginIcons.png) 0 -849px no-repeat;
}

div.box div.loeschen a:hover {
	background: url(/_kirchenweb/images/loginIcons.png) 0 -899px no-repeat;
}

div.box div.loeschenNA {
	margin: 3px 0 0 1px !important;
	padding: 0;
	color: #686e72;
}

div.box div.loeschenNA a {
	float: left;
	width: 15px;
	height: 16px;
	margin: 0;
	padding: 0 5px 0 0;
	background: url(/_kirchenweb/images/loginIcons.png) 0 -949px no-repeat;
	cursor: default;
}

div.box div.ui-sortable div.loeschen {
	cursor: move;
}

div.box div.bearbeiten {
	margin: 3px 0 0 1px;
	padding: 0 !important;
}

div.box div.bearbeiten a {
	margin: 0;
	padding: 0 0 0 20px;
	color: #686e72;
	background: url(/_kirchenweb/images/loginIcons.png) 0 -5700px no-repeat;
	cursor: pointer;
}

div.box div.bearbeiten a:hover {
	background: url(/_kirchenweb/images/loginIcons.png) 0 -5750px no-repeat;
}

div.box div.bearbeitenNA {
	margin: 3px 0 0 1px !important;
	padding: 0;
	color: #afafaf;
}

div.box div.bearbeitenNA a {
	margin: 0;
	padding: 0 0 0 20px;
	color: #afafaf;
	cursor: default;
	background: url(/_kirchenweb/images/loginIcons.png) 0 -5800px no-repeat;
}

div.box div.info {
	margin: 0;
	padding: 0;
}

div.box div.info a {
	display: block;
	width: 502px;
	margin: 1px 0 0 0;
	padding: 0 10px 0 20px;
	color: #ff6d00 !important;
	font-size: 11px;
	border: 1px solid #ff6d00;
	background: #ffffff url(/_kirchenweb/images/loginIcons.png) 1px -1649px no-repeat;
}

div a.zurueck {
	float: left;
	width: 15px;
	height: 22px;
	margin: 0;
	padding: 0;
	background: #ffffff url(/_kirchenweb/images/loginIcons.png) 0 -450px no-repeat;
}

div a.zurueck:hover {
	background: #ffffff url(/_kirchenweb/images/loginIcons.png) 0 -500px no-repeat;
}

div a.weiter {
	float: left;
	width: 15px;
	height: 22px;
	margin: 0;
	padding: 0;
	background: #ffffff url(/_kirchenweb/images/loginIcons.png) 0 -600px no-repeat;
}

div a.weiter:hover {
	background: #ffffff url(/_kirchenweb/images/loginIcons.png) 0 -650px no-repeat;
}

#formInhalt {
	float: left;
	width: 580px;
}

#formInhalt input.text {
	width: 530px;
	padding: 1px;
	color: #686e72;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	border: 1px solid #c5d9e1;
	background: #ffffff;
}

#formInhalt textarea {
	min-width: 530px;
	width: 530px;
	margin: 0;
	padding: 1px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #686e72;
	border: 1px solid #c5d9e1;
	background: #ffffff;
}

#formInhalt input.text[readonly],
#formInhalt textarea[readonly],
#formInhalt input.text[disabled],
#formInhalt textarea[disabled] {
	background: unset;
}

#formInhalt a.hilfe {
	display: block;
	margin: 1px 0 0 0;
	padding: 0;
	width: 15px;
	height: 15px;
	background: url(/_kirchenweb/images/loginIcons.png) 0 -1000px no-repeat;
}

#formInhalt a.hilfe:hover {
	background: url(/_kirchenweb/images/loginIcons.png) 0 -1050px no-repeat;
}

#formInhalt #erweiterungFormularAnzeige {
	position: relative;
}

#formInhalt #erweiterungFormularAnzeige a.qr-code-icon {
	font-size: 11px;
	background: url(/_kirchenweb/images/qr-code.png) left center no-repeat;
	background-size: 16px 16px;
	position: absolute;
	height: 16px;
	line-height: 16px;
	width: 172px;
	top: -17px;
	padding-left: 26px;
	left: 338px;
}

#formInhalt a.nachOben {
	display: block;
	margin: 0;
	padding: 0;
	width: 15px;
	height: 16px;
	background: url(/_kirchenweb/images/loginIcons.png) 0 -4100px no-repeat;
}

#formInhalt a.nachOben:hover {
	background: url(/_kirchenweb/images/loginIcons.png) 0 -4150px no-repeat;
}

#formInhalt a.nachObenNA {
	display: block;
	margin: 0;
	padding: 0;
	width: 15px;
	height: 16px;
	background: url(/_kirchenweb/images/loginIcons.png) 0 -4200px no-repeat;
	cursor: default;
}

#formInhalt a.nachUnten {
	display: block;
	margin: 0;
	padding: 0;
	width: 15px;
	height: 16px;
	background: url(/_kirchenweb/images/loginIcons.png) 0 -4250px no-repeat;
}

#formInhalt a.nachUnten:hover {
	background: url(/_kirchenweb/images/loginIcons.png) 0 -4300px no-repeat;
}

#formInhalt a.nachUntenNA {
	display: block;
	margin: 0;
	padding: 0;
	width: 15px;
	height: 16px;
	background: url(/_kirchenweb/images/loginIcons.png) 0 -4350px no-repeat;
	cursor: default;
}

#formInhalt div.box {
	margin: 0 0 10px 0;
	padding: 0 0 5px 0;
	/* color: #686e72; BA mha */
	color: #646a6f;
	line-height: 150%;
	background: #e7eff2;
}

#formInhalt div.box label, /* BA mha */
#formInhalt div.box p {
	display: block;
	margin: 0 0 0 0;
	padding: 5px 0 0 0;
}

div.box > div {
	margin: 0;
	padding: 0 0 5px 10px;
}

#formInhalt div.box hr {
	clear: left;
	margin: 5px 10px 0 10px;
	height: 1px;
	color: #c8d6dd;
	background-color: #c8d6dd;
	border: 0;
}

#formInhalt div.box span.hilfe {
	float: right;
	margin: 0;
	padding: 0 10px 0 0;
}

#formInhalt div.box div.formatsteuerung {
	margin: 0 10px 0 0;
	padding: 5px 5px 0 5px;
	background-color: #919a9f;
	border: 1px solid #919a9f;
	line-height: 100%;
}

#formInhalt div.box div.formatsteuerung a {
	margin: 0;
	padding: 0 5px 0 0;
	font-size: 0;
}

#monitorload {
	float: right;
	width: 16px;
	height: 16px;
	margin: 0 8px 0 0;
	background: url(/_kirchenweb/images/iconLaden.gif) 0 0 no-repeat;
	visibility: hidden;
}

div.monitor.kontobox #monitorload {
	margin: 3px 8px 0 0;
}

#monitor {
	margin: 0;
	padding: 10px;
	color: #686e72;
	line-height: 155%;
	overflow: auto;
}

#monitor a {
	color: #686e72;
}

#monitor hr {
	clear: left;
	color: #c8d6dd;
	height: 1px;
	margin: 15px 10px 15px 0;
	background: #c8d6dd;
	border: 0 none;
}

#monitor div.children {
	padding: 0;
}

.angemeldetBleiben input[type="checkbox"] {
	opacity: 0;
	position: absolute;
	left: -100vw;
}

.angemeldetBleiben input[type="checkbox"] + label {
	margin: 0;
	padding: 0 5px 0 18px;
	color: #686e72;
	font-size: 11px;
	background: url(/_kirchenweb/images/loginIcons.png) 0 -1100px no-repeat;
	position: relative;
	cursor: pointer;
	user-select: none;
}

.angemeldetBleiben input[type="checkbox"]:focus + label:before {
	content: '';
	position: absolute;
	left: 0px;
	top: 1px;
	width: 11px;
	height: 11px;
	box-shadow: 0 0 0 1px #007ab6;
}

.angemeldetBleiben input[type="checkbox"]:checked + label {
	background-position: 0 -1150px;
}

div.checkboxAus a {
	margin: 0;
	padding: 0 5px 0 18px;
	color: #686e72;
	font-size: 11px;
	background: url(/_kirchenweb/images/loginIcons.png) 0 -1100px no-repeat;
}

div.checkboxEin a {
	margin: 0;
	padding: 0 5px 0 18px;
	color: #686e72;
	font-size: 11px;
	background: url(/_kirchenweb/images/loginIcons.png) 0 -1150px no-repeat;
}

div.checkboxUnb a {
	margin: 0;
	padding: 0 5px 0 18px;
	color: #686e72;
	font-size: 11px;
	background: url(/_kirchenweb/images/loginIcons.png) 0 -5500px no-repeat;
}

div.checkboxNA a, div.checkboxNAAus a {
	margin: 0;
	padding: 0 5px 0 18px;
	color: #afafaf !important;
	font-size: 11px;
	cursor: default;
	background: url(/_kirchenweb/images/loginIcons.png) 0 -1250px no-repeat;
}

div.checkboxNAEin a {
	margin: 0;
	padding: 0 5px 0 18px;
	color: #afafaf !important;
	font-size: 11px;
	cursor: default;
	background: url(/_kirchenweb/images/loginIcons.png) 0 -4000px no-repeat;
}

#monitor .spalte1 {
	margin: 0;
	padding: 0 0 0 17px;
	float: left;
	width: 145px;
}

#monitor .spalte2 {
	margin: 0;
	padding: 0;
	float: left;
	width: 145px;
}

div.radioboxAus a {
	margin: 0;
	padding: 0 5px 0 18px;
	color: #686e72;
	font-size: 11px;
	background: url(/_kirchenweb/images/loginIcons.png) 0 -1100px no-repeat;
}

div.radioboxEin a {
	margin: 0;
	padding: 0 5px 0 18px;
	color: #686e72;
	font-size: 11px;
	background: url(/_kirchenweb/images/loginIcons.png) 0 -1200px no-repeat;
}

div.radioboxUnb a {
	margin: 0;
	padding: 0 5px 0 18px;
	color: #686e72;
	font-size: 11px;
	background: url(/_kirchenweb/images/loginIcons.png) 0 -5550px no-repeat;
}

div.radioboxNAAus a {
	margin: 0;
	padding: 0 5px 0 18px;
	color: #afafaf !important;
	font-size: 11px;
	cursor: default;
	background: url(/_kirchenweb/images/loginIcons.png) 0 -1250px no-repeat;
}

div.radioboxNAEin a {
	margin: 0;
	padding: 0 5px 0 18px;
	color: #afafaf !important;
	font-size: 11px;
	cursor: default;
	background: url(/_kirchenweb/images/loginIcons.png) 0 -2450px no-repeat;
}

#monitor div.datum {
	width: 80px;
	margin: 5px 0 0 0;
	padding: 0;
}

#monitor div.datum a {
	display: block;
	padding: 1px 7px 1px 7px;
	color: #00669f;
	font-size: 13px;
}

#monitor div.datum a.active, #monitor div.datum a.active:hover {
	color: #ffffff;
	background: #00669f;
}

#monitor div.datum a:hover {
	background: #d5e1e7;
}

#monitor table.datum {
	margin: 6px 0 0 12px;
	border: 0;
	border-collapse: collapse;
}

#monitor table.datum td {
	padding: 1px 1px 0 0;
	text-align: center;
	font-size: 11px;
	color: #686e72;
}

#monitor table.datum td div a {
	display: block;
	width: 25px;
	margin: 0;
	padding: 0 0 1px 0;
	text-align: center;
	font-size: 12px;
	background-image: none;
}

#monitor table.datum td div.ein a {
	color: #ffffff;
	background: #00669f;
}

#monitor table.datum td div.aus a {
	color: #00669f;
}

#monitor table.datum td div.aus a:hover {
	background: #c3d3da;
}

#monitor table.datum td div.na a {
	color: #c3d3da;
	cursor: default;
}

#monitor table.datum td div.ft {
	background: #e7eff2;
}


#dokumentAnzeige img {
	padding: 0 5px 0 0;
	width: 15px;
}


#formSenden {
	clear: both;
	margin: 0 0 20px 0;
	padding: 13px 10px 0 10px;
	width: 787px;
	height: 35px;
	background: #acb7be url(/_kirchenweb/images/loginSpeicherbox.png) 0 bottom no-repeat;
}


/* BUTTON COMPONENT STYLES */

button.button {
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	border-radius: 3px;
	background: linear-gradient(#778186, #484e51);
	height: 22px;
	margin: 0;
	padding: 0 8px;
	border: 0;
	font-size: 0.6875rem;
	line-height: 0.6875rem;
	color: #ffffff;
	cursor: pointer;
	transition: 0.1s;
}

button.button:hover {
	background: linear-gradient(#414749, #414749);
}

button.button.disabled {
	background: linear-gradient(#a4afb4, #8b9498);
	cursor: not-allowed;
}

button.button.loading,
#dialogOverlay button.button.loading {
	background: linear-gradient(90deg, #7e878d 25%, #a1abaf 75%, #7e878d);
	animation: animatedBackgroundButtonLoading 200s linear infinite;
}

@keyframes animatedBackgroundButtonLoading {
	from {
		background-position: 0 0;
	}
	to {
		background-position: 20000px 0;
	}
}

button.button.success {
	background: linear-gradient(#088600, #076201);
}

button.button.success:hover {
	background: linear-gradient(#125100, #125100);
}

button.button.info {
	background: linear-gradient(#388bbb, #18618c);
}

button.button.info:hover {
	background: linear-gradient(#388bbb, #18618c);
}

button.button.warning {
	background: linear-gradient(#db7a00, #b85200);
}

button.button.warning:hover {
	background: linear-gradient(#bc6801, #9c5402);
}

button.button.danger {
	background: linear-gradient(#9f1700, #851500);
}

button.button.danger:hover {
	background: linear-gradient(#740300, #740300);
}

button.button.link {
	background: none;
	color: #295fd1;
	font-size: 0.8125rem;
	line-height: 0.8125rem;
}

button.button.link:hover {
	text-decoration: underline;
	color: #2450ae;
}


button.button.outline {
	background: none;
	border: 1px solid #484e51;
	color: #484e51;
}

button.button.outline:hover {
	background: #484e51;
	color: #d6e0e6;
}

button.button.outline.disabled {
	background: none;
	border: 1px solid #8a9398;
	color: #8a9398;
	cursor: not-allowed;
}

button.button.outline.success {
	background: none;
	border: 1px solid #076102;
	color: #076102;
}

button.button.outline.success:hover {
	background: #076102;
	color: #d6e0e6;
}

button.button.outline.info {
	background: none;
	border: 1px solid #18618c;
	color: #18618c;
}

button.button.outline.info:hover {
	background: #18618c;
	color: #d6e0e6;
}

button.button.outline.warning {
	background: none;
	border: 1px solid #b85200;
	color: #b85200;
}

button.button.outline.warning:hover {
	background: #b85200;
	color: #d6e0e6;
}

button.button.outline.danger {
	background: none;
	border: 1px solid #be0900;
	color: #be0900;
}

button.button.outline.danger:hover {
	background: #be0900;
	color: #d6e0e6;
}

/* Buttons in Flex Containers */
.flex.row > button.button {
	margin-right: 10px;
}

.flex.row > button.button:last-of-type {
	margin-right: 0;
}

.flex.row > button.button.right {
	justify-self: flex-end;
}

.flex.row > button.button + button.button.right {
	margin-left: auto;
}

button.link {
	position: relative;

	display: inline-block;
	box-sizing: border-box;
	align-items: center;
	justify-content: center;
	margin: 0;
	padding: 0;

	color: #00669f;
	font-size: inherit;
	line-height: inherit;
	text-align: left;
	text-decoration: none;

	border: 0;
	background-color: transparent;
	cursor: pointer;

	transition: 0.1s;
}

button.link:hover {
	color: #666666;
}

/* END BUTTON COMPONENT STYLES */


button.button.aus {
	color: #d6e0e6;
	background: #a0acb1;
	cursor: default;
}


a.button, .aus a.button.ein {
	cursor: pointer;
	float: left;
	margin: 0 0 0 10px;
}

.aus a.button {
	cursor: default;
}

a.button span.a, .aus a.button.ein span.a {
	float: left;
	width: 5px;
	height: 22px;
	margin: 0;
	padding: 0;
	border-radius: 3px 0 0 3px;
	background: linear-gradient(#778186, #484e51);
}

.ein a.button:hover span.a, .aus a.button.ein:hover span.a {
	background: linear-gradient(#727d82, #333739);
}

.aus a.button span.a {
	background: linear-gradient(#a4afb4, #8b9498);
}

a.button span.b, .aus a.button.ein span.b {
	float: left;
	min-width: 50px;
	height: 16px;
	margin: 0;
	padding: 6px 1px 0 3px;
	text-align: center;
	color: #ffffff;
	line-height: 100%;
	font-size: 11px;
	background: linear-gradient(#778186, #484e51);
}

.ein a.button:hover span.b, .aus a.button.ein:hover span.b {
	background: linear-gradient(#727d82, #333739);
}

.aus a.button span.b {
	color: #d6e0e6;
	background: linear-gradient(#a4afb4, #8b9498);
}

.aus.loading a.button span.b {
	background: #99a3a7 url(/_kirchenweb/images/iconLadenButton.gif) 0 0 repeat-x;
}

a.button span.c, .aus a.button.ein span.c {
	float: left;
	width: 7px;
	height: 22px;
	margin: 0;
	padding: 0;
	border-radius: 0 3px 3px 0;
	background: linear-gradient(#778186, #484e51);
}

.ein a.button:hover span.c, .aus a.button.ein:hover span.c {
	background: linear-gradient(#727d82, #333739);
}

.aus a.button span.c {
	background: linear-gradient(#a4afb4, #8b9498);
}

a.buttonCss.loe {
	float: none;
	display: inline-block;
	height: 16px;
	line-height: 16px;
	color: #686e72;
	border: 1px solid rgba(0, 0, 0, 0.2);
}

a.buttonCss.loe:hover {
	color: #ff6d00;
	border: 1px solid #ff6d00;
}

/* button without image, multicolor */
a.buttonCss {
	margin: 0 0 0 10px;
	padding: 2px 7px;
	color: #ffffff;
	font-size: 11px;
	border-radius: 3px;
	float: right;
}

a.buttonCss.left {
	float: left;
	margin: 0 10px 0 0;
}

a.buttonCss.blue {
	background: linear-gradient(#3a8ab7, #004369);
}

a.buttonCss.blue:hover {
	background: linear-gradient(#34769f, #003052);
}

a.buttonCss.grey {
	background: linear-gradient(#778186, #494f52);
}

a.buttonCss.grey:hover {
	background: linear-gradient(#555c60, #333739);
}


/******************************
* tooltip (rechts von element)
******************************/

#kwTooltip {
	position: absolute;
	margin: -15px 0 0 0;
	z-index: 1000;
	text-align: left;
}

#kwTooltip div {
	position: static;
	height: auto;
}

#kwTooltip .kwTooltipPfeil {
	position: absolute;
	left: 0;
	top: 16px;
	width: 20px;
	height: 50px;
	background: transparent url(/_kirchenweb/images/tooltipL.png) 0 0 no-repeat;
	z-index: 1002;
}

#kwTooltip .kwTooltipInhalt {
	position: absolute;
	left: 19px;
	top: 0;
	min-width: 180px;
	min-height: 18px;
	margin: 0;
	padding: 18px 18px 16px 18px;
	color: #686e72;
	font-size: 12px;
	font-family: Arial, sans-serif;
	line-height: 140%;
	overflow: visible;
	background: #ffffff;
	border: 1px solid #959595;
	z-index: 1001;
}

#kwTooltip.right320 .kwTooltipInhalt {
	min-width: 320px;
}

#kwTooltip .kwTooltipInhalt .laden {
	width: 16px;
	height: 16px;
	background: url(/_kirchenweb/images/iconLaden.gif) 0 0 no-repeat;
}

#kwTooltip .kwTooltipInhalt hr {
	height: 1px;
	color: #cccccc;
	background: #cccccc;
	border: 0;
}

/* as long as twig frontend ajax calls are not possible (19.07.2019 sj) */
.kwTooltip {
	font-size: 12px !important;
}


/******************************
* tooltip (links von element)
******************************/

#kwTooltip.left .kwTooltipPfeil,
#kwTooltip.left250 .kwTooltipPfeil,
#kwTooltip.left320 .kwTooltipPfeil {
	position: absolute;
	left: -12px;
	top: 16px;
	background: transparent url(/_kirchenweb/images/tooltipR.png) 0 0 no-repeat;
	z-index: 1005;
}

#kwTooltip.left .kwTooltipInhalt {
	position: absolute;
	left: -249px;
	top: 0;
	width: 200px;
	padding: 18px 18px 16px 18px;
	overflow: hidden;
}

#kwTooltip.left250 .kwTooltipInhalt {
	position: absolute;
	left: -299px;
	top: 0;
	width: 250px;
	padding: 18px 18px 16px 18px;
	overflow: hidden;
}

#kwTooltip.left320 .kwTooltipInhalt {
	position: absolute;
	left: -369px;
	top: 0;
	width: 320px;
	padding: 18px 18px 16px 18px;
	overflow: hidden;
}


#kwTooltip div.row {
	clear: both;
	margin: 0;
	padding: 0 0 3px 0;
	background: none;
}

#kwTooltip div.row.spa {
	padding: 0;
	height: 10px;
}

#kwTooltip div.title {
	font-weight: bold;
	white-space: nowrap;
}

#kwTooltip .des {
	color: #686e72;
	font-size: 10px;
}


/******************************
* mitteilung
******************************/

#kwMitteilung {
	position: fixed;
	top: 0;
	width: 465px;
	margin: 0 auto;
	height: 55px;
	background: url(/_kirchenweb/images/loginMitteilung.png) 0 0 no-repeat;
	z-index: 101;
}

#kwMitteilung div.info {
	float: left;
	width: 50px;
	height: 53px;
	background: url(/_kirchenweb/images/loginMitteilung.png) 0 -54px no-repeat;
}

#kwMitteilungText {
	float: left;
	padding: 20px 0 0 0;
	width: 405px;
	height: 38px;
	color: #ffffff;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 14px;
	line-height: 80%;
}


/******************************
* dialog
******************************/

#kwDialogHintergrund {
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	padding: 0;
	opacity: 0.6;
	background: #ffffff;
	z-index: 3;
	cursor: pointer;
}

#kwDialog {
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	padding: 0;
	background: #ffffff;
	z-index: 100;
}

#kwDialog.fenster {
	color: #686e72;
	font-family: Arial, Helvetica, sans-serif;
	border: 1px solid #07699f;
}

#kwDialog.fenster h1 {
	margin: 0;
	padding: 9px 8px 0 18px;
	height: 29px;
	color: #ffffff;
	font-size: 16px;
	background: #07699f url(/_kirchenweb/images/loginModalDialogFenster.png) 0 0 repeat-x;
}

/* Corona event title highlight color overwrite */
#kwDialog.fenster h1 [style="color:#FF0000;font-weight:bold;"] {
	color: #ffb8b8 !important;
}

#kwDialog h1 a.close {
	float: right;
	width: 22px;
	height: 22px;
	margin: -1px 0 0 0;
	background: transparent url(/_kirchenweb/images/loginModalDialogFenster.png) 0 -50px no-repeat;
}

#kwDialog h1 a.close:hover {
	background-position: 0 -100px;
}

#kwDialog.fenster div {
	margin: 0;
	padding: 0;
	line-height: 140%;
	font-size: 13px;
}

#kwDialog.fenster .dialogInfospalteKirchenpersonen div.data {
	font-size: 16px;
}

#kwDialog.fenster div.box {
	margin: 15px 0 0 15px;
	padding: 10px 10px 10px 18px;
	line-height: 100%;
	background: #e6eff3
}

#kwDialog.warnung {
	color: #686e72;
	font-family: Arial, Helvetica, sans-serif;
	border: 1px solid #f66c05;
}

#kwDialog.warnung h1 {
	margin: 0;
	padding: 9px 18px 0 40px;
	height: 29px;
	color: #ffffff;
	font-size: 16px;
	background: #f66c05 url(/_kirchenweb/images/loginModalDialogWarnung.png) 0 0 no-repeat;
}

#kwDialog.warnung div {
	margin: 0;
	padding: 0;
	line-height: 140%;
	color: #ff6c00;
	font-size: 13px;
}

#kwDialog div.dialogNaviTitel {
	padding: 15px 0 2px 0;
}

#kwDialog div.dialogNaviTitel a {
	padding: 0 0 0 17px;
	color: #686e72;
	font-size: 13px;
	font-weight: bold;
}

#kwDialog div.dialogNaviUntertitel a {
	padding: 2px 0 2px 0;
}

#kwDialog div.dialogNaviUntertitel a {
	margin: 0 0 0 17px;
	padding: 0 0 0 17px;
	color: #686e72;
	font-size: 13px;
	font-weight: bold;
}

#kwDialog div.diaInfo {
	clear: left;
	float: left;
	width: 220px;
	padding: 2px 15px 5px 0;
	color: #bbbbbb;
	font-size: 12px;
	text-align: right;
}

#kwDialog div.diaData {
	float: left;
	padding: 0 0 2px 0;
	font-size: 14px;
	max-width: 600px;
}

#kwDialog div.diaData a {
	font-size: 14px;
}

#kwDialog div.diaData.diaDataDokumente img {
	margin: 0 5px -1px 0;
	width: 15px;
}

#kwDialog div.hilfe a {
	display: block;
	margin: 1px 0 0 0;
	padding: 0;
	width: 15px;
	height: 15px;
	background: url(/_kirchenweb/images/loginIcons.png) 0 -1000px no-repeat;
}

#kwDialog div.hilfe a:hover {
	background: url(/_kirchenweb/images/loginIcons.png) 0 -1050px no-repeat;
}

#kwDialog div.group {
	margin: 0 18px 4px 0;
	border-bottom: 1px solid #e7eff2;
}

#kwDialog div.group:after {
	content: "";
	display: block;
	clear: both;
}

#kwDialog div.group.groupmore {
	margin: 0 18px 0 0;
	border-bottom: none;
}

/* einfach auswahl */
/*
#kwDialog div.option{
cursor: pointer;
margin: 0 15px 8px 0;
padding: 8px 10px;
background-color: #e7eff2;
}
#kwDialog div.option:hover, #kwDialog div.option.active{
color: #fff;
background-color: #6092af;
}
*/
/* mehrfach auswahl */
/*
#kwDialog div.choice{
cursor: pointer;
margin: 0 15px 8px 0;
padding: 8px 10px;
}
#kwDialog div.choice:hover{
background-color: #e7eff2;
}
#kwDialog div.choice.active{
color: #fff;
background-color: #6092af;
}
*/


#kwDialog div.accordion {
	clear: left;
	margin: 0;
	padding: 0 0 20px 0;
}

#kwDialog div.accordion:after {
	content: "";
	display: block;
	clear: left;
}

#kwDialog div.accordion h2 {
	margin: 0 18px 5px 0;
	padding: 10px 15px 10px 15px;
	font-size: 13px;
	font-weight: normal;
	line-height: 140%;
	cursor: pointer;
	background-color: #e7eff2;
}

#kwDialog div.field {
	margin-bottom: .5rem;
}

#kwDialog div.field input {
	margin-left: 0;
}

#kwDialog div.dialogFooter {
	height: 32px;
	padding: 10px 25px 0px 18px;
	background: #acb7be;
	border-top: 1px solid #919a9f;
}

a.buttonLeft {
	float: left;
	margin: 0 10px 0 0;
}

a.buttonRight {
	float: right;
	margin: 0 0 0 10px;
}


/* Textvorschlag */
input.textvorschlag {
	width: 265px;
	margin: 0;
	padding: 2px;
	color: #555555;
	font-size: 13px;
}

.textvorschlagListe li a:focus {
	outline: 0;
}

.textvorschlagListe {
	margin: 0;
	padding: 0;
	width: 271px;
}

.textvorschlagListe li {
	color: #ff6d00;
	font-size: 13px;
}

.textvorschlagListe li a {
	display: block;
	padding: 1px 4px;
	color: #777777 !important;
	font-size: 13px;
	background: #ffffff;
}

.textvorschlagListe li a:hover {
	background: #e7eff2 !important;
}

.textvorschlagListe li a.aktiv {
	background: #d5e1e7 !important;
}


/* alte definition für modal-message.js */
.modalDialog_transparentDivs {
	position: absolute;
	opacity: 0.6;
	background: #ffffff;
	z-index: 3;
}

.modalDialog_warnung {
	padding: 0;
	z-index: 100;
	position: absolute;
	font-family: Arial, Helvetica, sans-serif;
	background: #ffffff;
	border: 1px solid #f66c05;
}

.modalDialog_warnung h1 {
	margin: 0;
	padding: 9px 18px 0 40px;
	height: 29px;
	color: #ffffff;
	font-size: 16px;
	background: #f66c05 url(/_kirchenweb/images/loginModalDialogWarnung.png) 0 0 no-repeat;
}

.modalDialog_warnung div {
	margin: 0;
	padding: 15px 15px 0 18px;
	line-height: 140%;
	color: #ff6c00;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
}

.modalDialog_fenster {
	padding: 0;
	z-index: 100;
	position: absolute;
	color: #686e72;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	background: #ffffff;
	border: 1px solid #07699f;
}

.modalDialog_fenster h1 {
	margin: 0;
	padding: 9px 18px 0 18px;
	height: 29px;
	color: #ffffff;
	font-size: 16px;
	background: #07699f url(/_kirchenweb/images/loginModalDialogFenster.png) 0 0 repeat-x;
}

.modalDialog_fenster div {
	margin: 0;
	padding: 0;
	line-height: 140%;
	position: static;
}

.modalDialog_fenster div.box {
	margin: 15px 0 0 15px;
	padding: 10px;
	line-height: 100%;
	background: #e6eff3
}


/* dokumentbaum */
/* Standard Definitionen */
.treecontainer {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	z-index: 0;
}

.treecontainer * {
	font-size: 13px;
}

.treecontainer .meldungGefiltert {
	display: none;
}

.treecontainer .meldungGefiltert.active {
	display: block;
}

.treecontainer .controls {
	float: right;
	position: relative;
	z-index: 1;
	padding-right: 10px;
}

.treecontainer .controls > a {
	display: inline-block;
	width: 1em;
	height: 1em;
}

.treecontainer .controls > a.reload {
	background-image: url("/_kirchenweb/images/loginIcons.png");
	background-position: 0 -2250px;
	background-repeat: no-repeat;
}

.treecontainer .controls > a.collapse {
	background-image: url("/_kirchenweb/images/loginIcons.png");
	background-position: 0 -1600px;
	background-repeat: no-repeat;
}

.treecontainer .controls > a.extend {
	background-image: url("/_kirchenweb/images/loginIcons.png");
	background-position: 0 -1550px;
	background-repeat: no-repeat;
}

.treecontainer .folder,
.treecontainer .document {
	position: relative;
	line-height: 150%;
}

.treecontainer .name {
	display: inline;
	cursor: pointer;
	line-height: 100%;
	padding-right: 5px;
}

.treecontainer .name span {
	margin-left: 0.5em;
}

.treecontainer .marked > .name {
	background-color: #d5e1e7; /*rgba(0,0,0,0.2);*/
}

.treecontainer .name a.doklink {
	color: inherit;
}

.treecontainer [data-owner] > .name a.doklink {
	color: #00669f;
}

.treecontainer [data-nomod] > .name a.doklink {
	color: inherit;
}

.treecontainer [data-root] > .name a.doklink {
	font-weight: bold;
}

.treecontainer .icon {
	display: inline-block;
	height: 1em;
	width: 1em;
	background-repeat: no-repeat;
	background-position: center;
	vertical-align: text-top;
}

.treecontainer .name .downloadIcon {
	display: inline-block;
	visibility: hidden;
	height: 1em;
	width: 1em;
	margin-left: 0.5em;
	background-image: url("/_kirchenweb/images/dokIconsSVG/download.svg");
	background-repeat: no-repeat;
	background-position: center;
	vertical-align: text-top;
}

.treecontainer .name:hover .downloadIcon,
.treecontainer .marked > .name .downloadIcon {
	visibility: visible;
}

.treecontainer .uploading > .name:hover .downloadIcon,
.treecontainer .loading > .name:hover .downloadIcon,
.treecontainer .uploading.marked > .name .downloadIcon,
.treecontainer .loading.marked > .name .downloadIcon {
	display: none;
}

.treecontainer .folder > .name .icon {
	background-image: url("/_kirchenweb/images/dokIconsSVG/folder.svg");
}

.treecontainer .folder[data-parent] > .name .icon {
	background-image: url("/_kirchenweb/images/dokIconsSVG/folder_open.svg");
}

.treecontainer .error > .name .icon {
	background-image: url("/_kirchenweb/images/loginIcons.png");
	background-position: 4px -1397px;
}

.treecontainer .folder.loading > .name .icon,
.treecontainer .document.loading > .name .icon,
.treecontainer .folder.uploading > .name .icon,
.treecontainer .document.uploading > .name .icon {
	background-image: url(/_kirchenweb/images/iconLaden.gif);
	background-size: contain;
}

.treecontainer .document .uploadProgress {
	margin: 0 0 2px 6px;
	display: none;
	position: relative;
	width: 4em;
	height: 5px;
	box-sizing: border-box;
	border: 1px solid #686e72;
}

.treecontainer .document .uploadProgress .bar {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 0%;
	margin: 0;
	background-color: #0088bb;
	background-image: url("/_kirchenweb/images/spritemap.png");
	background-repeat: repeat-x;
	background-position: 0px -400px;
}

.treecontainer .document .cancel {
	margin: 0 0 -2px 6px;
	display: none;
	height: 15px;
	width: 15px;
	background-image: url("/_kirchenweb/images/loginIcons.png");
	background-position: 0 -2100px;
	background-repeat: no-repeat;
	cursor: pointer;
}

.treecontainer .document.uploading .uploadProgress,
.treecontainer .document.uploading .cancel {
	display: inline-block;
}

.treecontainer .children {
	display: none;
	margin-left: 1.5em;
}

.treecontainer .folder.extended > .children {
	display: block;
}

.treecontainer .root > .children {
	display: block;
	margin-left: 0;
}

.treecontainer .document.droppable > .name {
	margin-top: -1px;
	border-top: 1px dashed #ff6d00;
}

.treecontainer .folder > .name span.droppable {
	outline: 1px dashed #ff6d00;
	background: #fbefd6;
}

.treecontainer .folder.droppable > .name {
	margin-top: -1px;
	border-top: 1px dashed #ff6d00;
}

/* Dialog Übertragen */
#kwDialog.fenster div.dokverwaltungUebertragen {
	padding: 20px 30px;
}

#kwDialog.fenster form.dokverwaltungUebertragen {
	padding: 0 30px;
}

#kwDialog.fenster form.dokverwaltungUebertragen .checkboxEin,
#kwDialog.fenster form.dokverwaltungUebertragen .checkboxAus {
	margin-top: 10px;
}

#kwDialog .dokverwaltungUebertragen .uebertragenPersonen {
	display: none;
}

#kwDialog .dokverwaltungUebertragen .buttons {
	position: absolute;
	bottom: 15px;
	right: 15px;
}

#kwDialog .dokverwaltungUebertragen .buttons > * {
	float: right;
}

/* Context Menu */
.treecontainer #contextMenu {
	opacity: 0;
	position: absolute;
	background-color: rgba(239, 239, 239, 1);
	border: 1px solid rgba(0, 0, 0, 1);
	transition: opacity 0.2s linear;
}

.treecontainer #contextMenu.active {
	opacity: 1;
}

.treecontainer #contextMenu > div {
	padding: 5px;
	cursor: pointer;
}

.treecontainer #contextMenu > div:hover {
	background-color: rgba(0, 0, 0, 0.2);
}

.treecontainer .contextMenuActive > .name .nameSpan {
	color: rgba(255, 255, 255, 1);
	background-color: rgba(96, 146, 175, 1);
}

/* Monitor Infos */
.dokumentmonitor div.content {
	position: relative;
	padding: 10px;
}

.dokumentmonitor .info > div {
	padding: 2px 0px;
}

.dokumentmonitor .dokverwaltung form .info input,
.dokumentmonitor .dokverwaltung form .info select,
.dokumentmonitor .dokverwaltung form .info textarea {
	width: 100%;
	box-sizing: border-box;
	margin: 5px 0;
	border: 1px solid #c5d9e1;
	display: block;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #555555;
	padding: 2px;
}

.dokumentmonitor .dokverwaltung form .info textarea {
	height: initial;
}

.dokumentmonitor .dokverwaltung form .info :disabled {
	display: none;
}

.dokumentmonitor .dokverwaltung form .info input[type=submit] {
	display: none;
}

.dokumentmonitor .sortierung:after {
	display: block;
	content: " ";
	clear: both;
}

.dokumentmonitor .sortierung > * {
	box-sizing: border-box;
	float: left;
	padding-right: 20px;
}

.dokumentmonitor a.hilfe {
	display: block;
	margin: 1px 0 0 0;
	padding: 0;
	width: 15px;
	height: 15px;
	background: url(/_kirchenweb/images/loginIcons.png) 0 -1000px no-repeat;
}

.dokumentmonitor a.hilfe:hover {
	background: url(/_kirchenweb/images/loginIcons.png) 0 -1050px no-repeat;
}

.dokumentmonitor .freigabeDiv:after,
.dokumentmonitor .sortierungDiv:after {
	clear: both;
	content: " ";
	display: block;
}

.dokumentmonitor .dokverwaltung form .info .freigabeDiv select,
.dokumentmonitor .dokverwaltung form .info .sortierungDiv .sortierung {
	float: left;
	width: 375px;
}

.dokumentmonitor .freigabeDiv a.hilfe {
	float: right;
	margin-top: 8px;
}

.dokumentmonitor .sortierungDiv a.hilfe {
	float: right;
}

.dokumentmonitor .error {
	background-color: rgb(251, 239, 214);
	border-color: rgb(255, 109, 0);
	outline-color: rgb(255, 109, 0);
}

.dokumentmonitor div.dragMask {
	display: none;
}

.dokumentmonitor.droppable div.dragMask {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background-color: rgba(255, 255, 255, 0.7);
	border: 2px dashed #ff6d00;
}

.dokumentmonitor.droppable div.dragMask div.dragTable {
	height: 100%;
	width: 100%;
	display: table;
}

.dokumentmonitor.droppable div.dragMask div.dragTable div.dragText {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}

.dokumentmonitor div.dragMask .uploadProgress,
.dokumentmonitor div.dragMask .cancel {
	display: none;
}

.dokumentmonitor div.dragMask.uploading .uploadProgress,
.dokumentmonitor div.dragMask.uploading .cancel {
	display: inline-block;
}

.dokumentmonitor.waiting #monitorload {
	visibility: visible;
}

.dokumentmonitor.saving #monitorload {
	visibility: visible;
}

.dokumentmonitor .uploadProgress {
	margin: 0 0 2px 6px;
	display: inline-block;
	position: relative;
	width: 4em;
	height: 5px;
	box-sizing: border-box;
	border: 1px solid #686e72;
}

.dokumentmonitor .dragMask .uploadProgress {
	margin-left: 0;
}

.dokumentmonitor .uploadProgress .bar {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 0%;
	margin: 0;
	background-color: #0088bb;
	background-image: url("/_kirchenweb/images/spritemap.png");
	background-repeat: repeat-x;
	background-position: 0px -400px;
}

.dokumentmonitor .cancel {
	margin: 0 0 -2px 6px;
	display: inline-block;
	height: 15px;
	width: 15px;
	background-image: url("/_kirchenweb/images/loginIcons.png");
	background-position: 0 -2100px;
	background-repeat: no-repeat;
	cursor: pointer;
}

/* Aktuelle Dokumente & Suche */
.kontobox.aktuell .row a,
.kontobox.suche .row a {
	color: inherit;
}

.kontobox.aktuell .row[data-owner] a,
.kontobox.suche .row[data-owner] a {
	color: #00669f;
}

.kontobox.suche div.info {
	margin: 0 10px;
}

.kontobox.suche div.info a {
	display: block;
	box-sizing: border-box;
	width: 100%;
	margin: 1px 0 0 0;
	padding: 2px 10px 3px 20px;
	color: #ff6d00 !important;
	font-size: 11px;
	border: 1px solid #ff6d00;
	background: #ffffff url(/_kirchenweb/images/loginIcons.png) 1px -1649px no-repeat;
}

.kontobox.suche .sucheload {
	float: right;
	width: 16px;
	height: 16px;
	margin: 0 8px 0 0;
	background: url(/_kirchenweb/images/iconLaden.gif) 0 0 no-repeat;
	visibility: hidden;
}

.kontobox.suche.waiting .sucheload {
	visibility: visible;
}

.kontobox .autor {
	float: right;
}

.kontobox .icon {
	display: inline-block;
	height: 1em;
	width: 1em;
	background-repeat: no-repeat;
	background-position: center;
	vertical-align: text-top;
}

.kontobox .folder .icon {
	background-image: url("/_kirchenweb/images/dokIconsSVG/folder.svg");
}

.kontobox .contextMenuActive > a {
	color: rgba(255, 255, 255, 1);
	background-color: rgba(96, 146, 175, 1);
}

/* Monitor Dokbaum */
#monitor .treecontainer .checkboxEin,
#monitor .treecontainer .checkboxAus,
#monitor .treecontainer .checkboxNA {
	display: inline-block;
	width: 1em;
	height: 1em;
	margin-left: 0.5em;
	vertical-align: text-top;
}

#monitor .treecontainer .checkboxEin {
	background: url(/_kirchenweb/images/loginIcons.png) 0 -1150px no-repeat;
}

#monitor .treecontainer .checkboxAus {
	background: url(/_kirchenweb/images/loginIcons.png) 0 -1100px no-repeat;
}

#monitor .treecontainer .checkboxNA {
	background: url(/_kirchenweb/images/loginIcons.png) 0 -1250px no-repeat;
}

#monitor .treecontainer .name a.doklink {
	color: inherit;
}

#monitor .treecontainer [data-owner] > .name a.doklink {
	color: #00669f;
}

#monitor .treecontainer [data-nomod] > .name a.doklink {
	color: inherit;
}

#monitor .treecontainer [data-unselectable] > .name .nameSpan {
	opacity: 0.5;
}

/* Dialog löschen */
#kwDialog .elemName {
	font-weight: bold;
}

#kwDialog div.verwendet {
	padding: 15px 0 15px 15px;
	height: 180px;
	overflow-y: auto;
}

#kwDialog .verwendet .folder + .dokument {
	margin-top: 10px;
}

#kwDialog .verwendet .elemente {
	padding-left: 10px;
}

#kwDialog .verwendet .titel .name {
	font-weight: bold;
}

#kwDialog .verwendet .element .icon {
	display: inline-block;
	width: 15px;
	height: 15px;
	background-image: url(/_kirchenweb/images/loginIcons.png);
	background-repeat: no-repeat;
	vertical-align: top;
}

#kwDialog .verwendet .element.freepage .icon {
	background-position: 0 -2600px;
}

#kwDialog .verwendet .element.article .icon {
	background-position: 0 -2550px;
}

#kwDialog .verwendet .element.event .icon {
	background-position: 0 -2500px;
}

#kwDialog .verwendet .element.raum .icon {
	background-position: 0 -3200px;
}

#kwDialog .verwendet .element.gebaeude .icon {
	background-position: 0 -3150px;
}

#kwDialog .verwendet .element .datum {
	font-size: 0.8em;
	margin-left: 10px;
	color: #686e72;
}


/******************************
* mein konto
******************************/

div.loginMenuNeuD {
	margin: 30px 0 0 0;
}

div.loginMenuNeuD a {
	background-image: url(/_kirchenweb/images/loginIcons.png);
	background-position: 9px -3642px;
	background-repeat: no-repeat;
	color: #2a2c2e;
	display: block;
	font-size: 13px;
	margin: 0;
	padding: 8px 10px 9px 30px;
}

div.loginMenuNeuA a {
	background-image: url(/_kirchenweb/images/loginIcons.png);
	background-position: 9px -5291px;
	background-repeat: no-repeat;
	color: #2a2c2e;
	display: block;
	font-size: 13px;
	margin: 0;
	padding: 8px 10px 9px 30px;
}

div.loginMenuNeuV a {
	background-image: url(/_kirchenweb/images/loginIcons.png);
	background-position: 9px -2692px;
	background-repeat: no-repeat;
	color: #2a2c2e;
	display: block;
	font-size: 13px;
	margin: 0;
	padding: 8px 10px 9px 30px;
}

div.loginMenuNeuB a {
	background-image: url(/_kirchenweb/images/loginIcons.png);
	background-position: 9px -2742px;
	background-repeat: no-repeat;
	color: #2a2c2e;
	display: block;
	font-size: 13px;
	margin: 0;
	padding: 8px 10px 9px 30px;
}

div.loginMenuNeuI a {
	background-image: url(/_kirchenweb/images/loginIcons.png);
	background-position: 9px -2792px;
	background-repeat: no-repeat;
	color: #2a2c2e;
	display: block;
	font-size: 13px;
	margin: 0;
	padding: 8px 10px 9px 30px;
}

div.loginMenuNeuG a {
	background-image: url(/_kirchenweb/images/loginIcons.png);
	background-position: 9px -2842px;
	background-repeat: no-repeat;
	color: #2a2c2e;
	display: block;
	font-size: 13px;
	margin: 0;
	padding: 8px 10px 9px 30px;
}

div.loginMenuNeuD a:hover, div.loginMenuNeuA a:hover, div.loginMenuNeuV a:hover, div.loginMenuNeuB a:hover, div.loginMenuNeuI a:hover {
	background-color: #c3ced5;
}

table.inhalt {
	margin: 0;
	border-collapse: collapse;
	background-color: #ffffff;
}

table.inhalt tr.row:hover {
	background-color: #f1f5f7;
}

table.inhalt tr.row.titel {
	background: #d5e1e7 url(/_kirchenweb/images/loginBgTable.png) 0 0 repeat-x;
}

table.inhalt tr.row.titel td {
	padding: 3px 5px;
	color: #686e72;
	font-size: 11px;
	border-bottom: 0;
}

table.inhalt tr.row.titel td a {
	font-size: 11px;
}

table.inhalt tr.row td {
	padding: 3px 5px;
	color: #686e72;
	font-size: 12px;
	border-bottom: 1px solid #e7eff2;
}

table.inhalt tr.row td a {
	font-size: 12px;
}


/* hilfe texte */
#loginSeiteInhalt span.blau, #loginSeiteInhalt #monitor .blau {
	color: #00669f;
}

#loginSeiteInhalt span.orange, #loginSeiteInhalt #monitor .orange {
	color: #ff6d00;
}

#loginSeiteInhalt span.grau {
	color: #999999;
}

#loginSeiteInhalt a.video, #loginMenusub div.loginMenusubsubBox div.loginMenu a.video {
	display: inline;
	min-height: initial;
	padding: 0 0 0 20px;
	color: #00669f;
	background: url(/_kirchenweb/images/loginIcons.png) 0 -2398px no-repeat;
}

#loginSeiteInhalt a.pdf, #loginMenusub div.loginMenusubsubBox div.loginMenu a.pdf {
	display: inline;
	min-height: initial;
	padding: 0 0 0 20px;
	color: #00669f;
	background: url(/_kirchenweb/images/loginIcons.png) 2px -3899px no-repeat;
}

#loginMenusub div.loginMenusubsubBox div.loginMenu a.hilfe {
	display: inline;
	min-height: initial;
	padding: 0;
	color: #00669f;
}

#loginSeiteInhalt a.feedback {
	padding-left: 20px;
	color: #00669f;
	background: url(/_kirchenweb/images/loginIcons.png) 0 -2349px no-repeat;
}

#loginSeiteInhalt a.meldung {
	padding-left: 20px;
	color: #00669f;
	background: url(/_kirchenweb/images/loginIcons.png) 0 -3500px no-repeat;
}

#loginSeiteInhalt a.edit {
	padding-left: 20px;
	color: #00669f;
	background: url(/_kirchenweb/images/loginIcons.png) 0 -2300px no-repeat;
}

#loginSeiteInhalt a.excel {
	padding-left: 20px;
	color: #00669f;
	background: url(/_kirchenweb/images/loginIcons.png) 0 -4600px no-repeat;
}

#loginSeiteInhalt a.back {
	padding-left: 20px;
	color: #00669f;
	background: url(/_kirchenweb/images/loginIcons.png) 0 -4700px no-repeat;
}

#loginSeiteInhalt a.ansehen {
	padding-left: 20px;
	color: #00669f;
	background: url(/_kirchenweb/images/loginIcons.png) 0 -3850px no-repeat;
}

#loginSeiteInhalt a.daten {
	padding-left: 20px;
	color: #00669f;
	background: url(/_kirchenweb/images/loginIcons.png) 0 -4650px no-repeat;
}

#loginSeiteInhalt a.uebertragen {
	padding-left: 20px;
	color: #00669f;
	background: url(/_kirchenweb/images/loginIcons.png) 0 -5850px no-repeat;
}

#loginSeiteInhalt a.loeschen {
	padding-left: 20px;
	color: #00669f;
	background: url(/_kirchenweb/images/loginIcons.png) 0 -2050px no-repeat;
}

#loginSeiteInhalt a.senden {
	padding-left: 20px;
	color: #00669f;
	background: url(/_kirchenweb/images/loginIcons.png) 0 -2350px no-repeat;
}

/* Neue SVG Icons */
#loginSeiteInhalt a.neuDokSVG {
	padding-left: 20px;
	background-image: url(/_kirchenweb/images/iconDokumentNeu.svg);
	background-repeat: no-repeat;
	background-position: 0 0;
}

#loginSeiteInhalt a.neuOrdnerSVG {
	padding-left: 20px;
	background-image: url(/_kirchenweb/images/iconOrdnerNeu.svg);
	background-repeat: no-repeat;
	background-position: 0 0;
}

#loginSeiteInhalt a.ansehenSVG {
	padding-left: 20px;
	background-image: url(/_kirchenweb/images/iconView.svg);
	background-repeat: no-repeat;
	background-position: 0 0;
}

#loginSeiteInhalt a.sendenSVG {
	padding-left: 20px;
	background-image: url(/_kirchenweb/images/iconMail.svg);
	background-repeat: no-repeat;
	background-position: 0 0;
}

#loginSeiteInhalt a.uebertragenSVG {
	padding-left: 20px;
	background-image: url(/_kirchenweb/images/iconUebertragen.svg);
	background-repeat: no-repeat;
	background-position: 0 0;
}

#loginSeiteInhalt a.loeschenSVG {
	padding-left: 20px;
	background-image: url(/_kirchenweb/images/iconDelete.svg);
	background-repeat: no-repeat;
	background-position: 0 0;
}


/******************************
* projektseite
******************************/

.farbwahl {
	position: absolute;
	width: 100px;
	height: 40px;
	background: #aaaaaa;
	border: 1px solid #777777;
}

.farbwahl a {
	float: left;
	width: 20px;
	height: 20px;
}

.infoseite.formular {
	padding: 0 10px;
}

.infoseite.formular div * {
	line-height: 160%;
}

.infoseite.formular h1 {
	padding: 25px 0 10px 0;
}

.infoseite.diskussion h1 {
	padding: 25px 10px 10px 10px;
}


/* einfügebefehl raumbelegung (05.09.2017 dj) */
.ausgabeRaumbelegungContainer {
	overflow-x: auto;
}

table.ausgabeRaumbelegung {
	border-collapse: collapse;
}

table.ausgabeRaumbelegung th,
table.ausgabeRaumbelegung td {
	padding: 0 5px 0 5px;
	font-weight: normal;
	color: #555555;
}

table.ausgabeRaumbelegung th.tzstunden {
	padding: 2px;
}

table.ausgabeRaumbelegung tr.titelraum th {
	font-weight: bold;
}

table.ausgabeRaumbelegung tr.titeldatum,
table.ausgabeRaumbelegung th.titelbez {
	text-align: left;
}

table.ausgabeRaumbelegung td.rbel {
	cursor: pointer;
	border: 1px solid #ffffff;
}

table.ausgabeRaumbelegung td.frei {
	background-color: rgba(83, 169, 63, 0.7);
	transition: background 0.5s ease-in-out 0s;
}

table.ausgabeRaumbelegung td.frei:hover {
	background-color: rgba(21, 111, 0, 0.7);
}

table.ausgabeRaumbelegung td.bese {
	background-color: rgba(234, 67, 53, 0.7);
	transition: background 0.5s ease-in-out 0s;
	position: relative;
}

table.ausgabeRaumbelegungLegende .legendeText {
	text-align: left;
}

table.ausgabeRaumbelegungLegende .legendeBeispiel {
	width: 14px;
}
table.ausgabeRaumbelegung td.bese::before,
table.ausgabeRaumbelegung td.bese::after {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	width: 1px;
	height: 100%;
	background: black;
	transform-origin: center;
}

table.ausgabeRaumbelegung td.bese::before {
	transform: translate(-50%, -50%) rotate(45deg);
}

table.ausgabeRaumbelegung td.bese::after {
	transform: translate(-50%, -50%) rotate(-45deg);
}

table.ausgabeRaumbelegung td.bese:hover {
	background-color: rgba(186, 14, 0, 0.7);
}

table.ausgabeRaumbelegung tr.we td.frei {
	background-color: rgba(83, 169, 63, 1);
}

table.ausgabeRaumbelegung tr.we td.frei:hover {
	background-color: rgba(21, 111, 0, 1);
}

table.ausgabeRaumbelegung tr.we td.bese {
	background-color: rgba(234, 67, 53, 1);
}

table.ausgabeRaumbelegung tr.we td.bese:hover {
	background-color: rgba(186, 14, 0, 1);
}

table.ausgabeRaumbelegung tr:hover td.rbeldatum,
table.ausgabeRaumbelegung th.aktiv {
	background-color: #e4e4e4;
}


/******************************
* bildbereich auswahl (imagearea select)
******************************/

.imgareaselect-border1, .imgareaselect-border2,
.imgareaselect-border3, .imgareaselect-border4 {
	background-color: transparent;
	opacity: 0.5;
	filter: alpha(opacity=50);
	border: 1px dashed #ffffff;
}

.imgareaselect-handle {
	background-color: #ffffff;
	border: solid 1px #000000;
	opacity: 0.5;
	filter: alpha(opacity=50);
}

.imgareaselect-outer {
	background-color: #000000;
	opacity: 0.5;
	filter: alpha(opacity=50);
}

.imgareaselect-selection {
	background-color: transparent;
	opacity: 0.5;
	filter: alpha(opacity=50);
	border: 1px solid #000000;
}

.kwBild .kwBildAnzeige {
	padding-left: 0;
}

#dialogBildbereichwahl div.formatwahlContainer {
	float: left;
	margin-left: 20px;
	width: 340px;
}

#dialogBildbereichwahl div.formatwahlContainer ul {
	list-style: none;
	padding: 0;
}

#dialogBildbereichwahl div.formatwahlContainer ul li {
	box-sizing: border-box;
	display: inline-block;
	width: 100%;
	height: 64px;
	margin: 0 0 5px 0;
	background: #ffffff;
	border: 2px solid #ffffff;
	cursor: pointer;
	font-size: 15px;
	position: relative;
}

#dialogBildbereichwahl div.formatwahlContainer ul li.active,
#dialogBildbereichwahl div.formatwahlContainer ul li.active:hover {
	border: 2px solid rgba(0, 102, 204, 150);
}

#dialogBildbereichwahl div.formatwahlContainer ul li svg {
	vertical-align: middle;
	margin-left: 5px;
}

#dialogBildbereichwahl div.formatwahlContainer ul li img {
	vertical-align: middle;
	margin: 5px 0 0 5px;
}

#dialogBildbereichwahl div.formatwahlContainer ul li span.formatBezeichnung {
	display: inline-block;
	vertical-align: middle;
	line-height: 60px
}

#dialogBildbereichwahl div.formatwahlContainer ul li span.manuellInfo {
	position: absolute;
}

#dialogBildbereichwahl div.formatwahlContainer ul li:hover {
	border: 2px solid #cccccc;
}

.bild {
	float: left;
}

#dialogBildbereichwahl h2 {
	margin-top: 10px;
	font-weight: normal;
}

#kwDialog.fenster #albBldUeb div.bild.bildDeaktiviert {
	position: relative;
}

.bildwahlDeaktiviert {
	position: absolute;
	top: 0;
	left: 0;
	background: #ffffff; /*e7eff2*/
	opacity: 0.95;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.bildwahlDeaktiviert p {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 15px;
	line-height: 1.3;
	color: grey;
	margin: 0;
	padding: 10px;
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: 1fr 10px 1fr;
	grid-template-columns: repeat(2, 1fr);
	grid-row-gap: 5px;
	grid-column-gap: 10px;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.bildwahlDeaktiviert p .title {
	font-size: 18px;
	-ms-grid-column: 1;
	grid-column-start: 1;
	-ms-grid-column-span: -2;
	grid-column-end: -1;
	text-align: center;
	margin-bottom: 5px;
}

.bildwahlDeaktiviert p .label {
	font-weight: bold;
	text-align: right;
	letter-spacing: 0.008em;
}

.bildwahlDeaktiviert p span {
	white-space: nowrap;
}

.kwBild .kwBildAnzeige .bildWaehlenPlatzhalter {
	border-color: #686e72;
	border-style: dashed;
	border-width: 2px;
	color: #686e72;
	height: 90px;
	padding: 0;
	text-align: center;
	width: 120px;
	margin-top: 5px;
}

.kwBild .kwBildAnzeige .bildWaehlenPlatzhalter div.waehlen {
	padding: 35px 0 0;
}

.bildHinzufuegen, .buttonBildLoeschen {
	cursor: pointer;
}


/******************************
* album
******************************/

.album span.albumDatum {
	font-family: ariel, sans-serif;
	font-weight: normal;
	font-size: 17px;
	line-height: 120%;
	padding: 0 0 16px 0;
	color: #666666;
}

.album div.albumBeschreibung {
	font-family: ariel, sans-serif;
	font-size: 14px;
	line-height: 120%;
	padding: 0 0 16px 0;
	color: #666666;
}

.album .sliderBox {
	margin: 0;
	padding: 0;
	overflow: hidden;
	background: transparent;
}

.album .sliderBox #albumSlider {
	position: relative;
	top: 0;
	left: 0;
}

.album .bilderBox {
	float: left;
}

.album .bilderBox .bild {
	float: left;
	z-index: 10;
}

.album .bilderBox .bild .bildinfo {
	display: none;
	overflow: hidden;
	opacity: 0.8;
	filter: alpha(opacity=80);
	position: absolute;
	color: #444444;
	background: #dfe8ec;
	font-size: 12px;
	z-index: 20;
	cursor: pointer;
}

.album .bilderBox .bild .bildinfo .box {
	position: relative;
}

.album .bilderBox .bild .bildinfo .bildname {
	position: absolute;
	bottom: 0;
	display: block;
	margin: 0 0 25px 0;
}

.album .bilderBox .bild .bildinfo .bildfotograf {
	position: absolute;
	bottom: 0;
	display: block;
	font-size: 11px;
}

.album .bilderBox .bild:hover .bildinfo {
	display: block;
}

.album .sliderNavTop, .album .sliderNavBot {
	position: relative;
	height: 35px;
	margin: 15px 0;
	padding: 5px;
	border: 0;
	background-color: #eeeeee;
	font-size: 12px;
}

.album .albName {
	float: left;
	height: 15px;
	padding: 9px 10px 11px 10px;
}

.album .anzBilder {
	float: right;
	height: 15px;
	padding: 9px 10px 11px 10px;
}

.album .sliderL, .album .sliderR {
	float: right;
	width: 15px;
	height: 25px;
	padding: 5px 10px;
	background-color: #ffffff;
}

.album .sliderL {
	margin: 0 2px 0 0;
}

.album .sliderD {
	position: absolute;
	height: 15px;
	padding: 10px 5px;
}

.album .sliderLP, .album .sliderRP, .album .sliderLP.sliderAus, .album .sliderRP.sliderAus {
	fill: #d2d2d2;
}

.album .sliderDP, .album .sliderL:hover .sliderLP, .album .sliderR:hover .sliderRP, .album .sliderD:hover .sliderDP, .album .sliderLP.sliderEin, .album .sliderRP.sliderEin {
	fill: #797979 !important;
}


/******************************
 * eventManage
 *****************************/
.spalteSuche .children .date {
	visibility: hidden;
}

.spalteSuche .children {
	padding-left: 20px;
}


/******************************
* fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license
******************************/
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp {
	padding: 0;
	margin: 0;
	border: 0;
	outline: none;
	vertical-align: top;
}

.fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 8020;
}

.fancybox-skin {
	position: relative;
	background: #f9f9f9;
	color: #444444;
	text-shadow: none;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

.fancybox-opened {
	z-index: 8030;
}

.fancybox-opened .fancybox-skin {
	-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0);
	-moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0);
	box-shadow: 0 10px 25px rgba(0, 0, 0, 0);
}

.fancybox-outer, .fancybox-inner {
	position: relative;
}

.fancybox-inner {
	overflow: hidden;
}

.fancybox-type-iframe .fancybox-inner {
	-webkit-overflow-scrolling: touch;
}

.fancybox-error {
	color: #444444;
	font: 14px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
	margin: 0;
	padding: 15px;
	white-space: nowrap;
}

.fancybox-image, .fancybox-iframe {
	display: block;
	width: 100%;
	height: 100%;
}

.fancybox-image {
	max-width: 100%;
	max-height: 100%;
}

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
	background-image: url(/_kirchenweb/images/fancybox_sprite.png);
}

#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -22px;
	margin-left: -22px;
	background-position: 0 -108px;
	opacity: 0.8;
	cursor: pointer;
	z-index: 8060;
}

#fancybox-loading div {
	width: 44px;
	height: 44px;
	background: url(/_kirchenweb/images/fancybox_loading.gif) center center no-repeat;
}

.fancybox-close {
	position: absolute;
	top: -18px;
	right: -18px;
	width: 36px;
	height: 36px;
	cursor: pointer;
	z-index: 8040;
}

.fancybox-nav {
	position: absolute;
	top: 0;
	width: 40%;
	height: 100%;
	cursor: pointer;
	text-decoration: none;
	background: transparent url(/_kirchenweb/images/blank.gif); /* helps IE */
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	z-index: 8040;
}

.fancybox-prev {
	left: 0;
}

.fancybox-next {
	right: 0;
}

.fancybox-nav span {
	position: absolute;
	top: 50%;
	width: 36px;
	height: 34px;
	margin-top: -18px;
	cursor: pointer;
	z-index: 8040;
	visibility: hidden;
}

.fancybox-prev span {
	left: 10px;
	background-position: 0 -36px;
}

.fancybox-next span {
	right: 10px;
	background-position: 0 -72px;
}

.fancybox-nav:hover span {
	visibility: visible;
}

.fancybox-tmp {
	position: absolute;
	top: -99999px;
	left: -99999px;
	visibility: hidden;
	max-width: 99999px;
	max-height: 99999px;
	overflow: visible !important;
}

/* Overlay helper */
.fancybox-lock {
	overflow: hidden !important;
	width: auto;
}

.fancybox-lock body {
	overflow: hidden !important;
}

.fancybox-lock-test {
	overflow-y: hidden !important;
}

.fancybox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	display: none;
	z-index: 8010;
	background-color: rgba(0, 0, 0, 0.8);
}

.fancybox-overlay-fixed {
	position: fixed;
	bottom: 0;
	right: 0;
}

.fancybox-lock .fancybox-overlay {
	overflow: auto;
	overflow-y: scroll;
}

/* Title helper */
.fancybox-title {
	visibility: hidden;
	font: normal 13px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
	position: relative;
	text-shadow: none;
	z-index: 8050;
}

.fancybox-opened .fancybox-title {
	visibility: visible;
}

.fancybox-title-float-wrap {
	position: absolute;
	bottom: 0;
	right: 50%;
	margin-bottom: -35px;
	z-index: 8050;
	text-align: center;
}

.fancybox-title-float-wrap .child {
	display: inline-block;
	margin-right: -100%;
	padding: 2px 20px;
	background: transparent; /* Fallback for web browsers that doesnt support RGBa */
	background: rgba(0, 0, 0, 0.8);
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	text-shadow: 0 1px 2px #222222;
	color: #ffffff;
	font-weight: bold;
	line-height: 24px;
	white-space: nowrap;
}

.fancybox-title-outside-wrap {
	position: relative;
	margin-top: 10px;
	color: #ffffff;
}

.fancybox-title-inside-wrap {
	padding-top: 10px;
}

.fancybox-title-over-wrap {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #ffffff;
	padding: 10px;
	background: #000000;
	background: rgba(0, 0, 0, .8);
}

/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
	#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
		background-image: url(/_kirchenweb/images/fancybox_sprite@2x.png);
		background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/
	}

	#fancybox-loading div {
		background-image: url(/_kirchenweb/images/fancybox_loading@2x.gif);
		background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/
	}
}

#fancybox-thumbs {
	position: fixed;
	left: 0;
	width: 100%;
	overflow: hidden;
	z-index: 8050;
}

#fancybox-thumbs.bottom {
	bottom: 2px;
}

#fancybox-thumbs.top {
	top: 2px;
}

#fancybox-thumbs ul {
	position: relative;
	list-style: none;
	margin: 0;
	padding: 0;
}

#fancybox-thumbs ul li {
	float: left;
	padding: 1px;
	opacity: 0.5;
}

#fancybox-thumbs ul li.active {
	opacity: 0.75;
	padding: 0;
	border: 1px solid #ffffff;
}

#fancybox-thumbs ul li:hover {
	opacity: 1;
}

#fancybox-thumbs ul li a {
	display: block;
	position: relative;
	overflow: hidden;
	border: 1px solid #222222;
	background: #111111;
	outline: none;
}

#fancybox-thumbs ul li img {
	display: block;
	position: relative;
	border: 0;
	padding: 0;
	max-width: none;
}

#fancybox-buttons {
	position: fixed;
	left: 0;
	width: 100%;
	z-index: 8050;
}

#fancybox-buttons.top {
	top: 10px;
}

#fancybox-buttons.bottom {
	bottom: 10px;
}

#fancybox-buttons ul {
	display: block;
	width: 337px;
	height: 30px;
	margin: 0 auto;
	padding: 0;
	list-style: none;
	border: 1px solid #111111;
	border-radius: 3px;
	-webkit-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .05);
	-moz-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .05);
	box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .05);
	background: rgb(50, 50, 50);
	background: -moz-linear-gradient(top, rgb(68, 68, 68) 0%, rgb(52, 52, 52) 50%, rgb(41, 41, 41) 50%, rgb(51, 51, 51) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgb(68, 68, 68)), color-stop(50%, rgb(52, 52, 52)), color-stop(50%, rgb(41, 41, 41)), color-stop(100%, rgb(51, 51, 51)));
	background: -webkit-linear-gradient(top, rgb(68, 68, 68) 0%, rgb(52, 52, 52) 50%, rgb(41, 41, 41) 50%, rgb(51, 51, 51) 100%);
	background: -o-linear-gradient(top, rgb(68, 68, 68) 0%, rgb(52, 52, 52) 50%, rgb(41, 41, 41) 50%, rgb(51, 51, 51) 100%);
	background: -ms-linear-gradient(top, rgb(68, 68, 68) 0%, rgb(52, 52, 52) 50%, rgb(41, 41, 41) 50%, rgb(51, 51, 51) 100%);
	background: linear-gradient(top, rgb(68, 68, 68) 0%, rgb(52, 52, 52) 50%, rgb(41, 41, 41) 50%, rgb(51, 51, 51) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#444444", endColorstr="#222222", GradientType=0);
}

#fancybox-buttons ul li {
	float: left;
	margin: 0;
	padding: 0;
}

#fancybox-buttons a {
	display: block;
	width: 30px;
	height: 30px;
	text-indent: -9999px;
	background-color: transparent;
	background-image: url(/_kirchenweb/images/fancybox_buttons.png);
	background-repeat: no-repeat;
	outline: none;
	opacity: 0.8;
}

#fancybox-buttons a:hover {
	opacity: 1;
}

#fancybox-buttons a.btnPrev {
	background-position: 5px 0;
}

#fancybox-buttons a.btnNext {
	background-position: -33px 0;
	border-right: 1px solid #3e3e3e;
}

#fancybox-buttons a.btnPlay {
	background-position: 0 -30px;
}

#fancybox-buttons a.btnPlayOn {
	background-position: -30px -30px;
}

#fancybox-buttons a.btnDirectLink {
	width: 95px;
	height: 30px;
	text-indent: 0;
	text-align: center;
	background: transparent;
	border-left: 1px solid #111111;
	border-right: 1px solid #3e3e3e;
	line-height: 220%;
	font-size: 13px;
	font-family: "Ubuntu", sans-serif;
	color: #f1f1f1;
}

#fancybox-buttons a.btnDirectLink:hover {
	color: #f0f0f0;
}

#fancybox-buttons a.btnDisagreement {
	width: 110px;
	height: 30px;
	text-indent: 0;
	text-align: center;
	background: transparent;
	border-left: 1px solid #111111;
	border-right: 1px solid #3e3e3e;
	line-height: 220%;
	font-size: 13px;
	font-family: "Ubuntu", sans-serif;
	color: #f1f1f1;
}

#fancybox-buttons a.btnDisagreement:hover {
	color: #f0f0f0;
}

#fancybox-buttons a.btnToggle {
	background-position: 3px -60px;
	border-left: 1px solid #111111;
	border-right: 1px solid #3e3e3e;
	width: 35px
}

#fancybox-buttons a.btnToggleOn {
	background-position: -27px -60px;
}

#fancybox-buttons a.btnClose {
	border-left: 1px solid #111111;
	width: 35px;
	background-position: -56px 0;
}

#fancybox-buttons a.btnDisabled {
	opacity: 0.4;
	cursor: default;
}


/* PSEUDO CLASSES */
.clear-after::after {
	content: '';
	display: block;
	clear: both;
}

.clear-before::before {
	content: '';
	display: block;
	clear: both;
}

/* VISIBILITY CLASSES */
.hiddenInitially {
	display: none !important;
}

/* GRID */
.grid {
	width: 100%;
	display: grid;
	grid-template-columns: repeat(12, 1fr);
	grid-gap: 15px 15px;
	justify-items: stretch; /* row-axis */
	align-items: start; /* column-axis */
	/* justify-content: stretch; test without this */
	margin: 0 0 15px 0;
	grid-auto-flow: row;
}

.grid.row {
	grid-auto-flow: row;
}

.grid.dense {
	grid-auto-flow: dense;
}

.grid.stretchItems {
	align-items: stretch; /* column-axis */
}

.grid.row > .base-1 {
	grid-column: auto / span 1;
}

.grid.row > .base-2 {
	grid-column: auto / span 2;
}

.grid.row > .base-3 {
	grid-column: auto / span 3;
}

.grid.row > .base-4 {
	grid-column: auto / span 4;
}

.grid.row > .base-5 {
	grid-column: auto / span 5;
}

.grid.row > .base-6 {
	grid-column: auto / span 6;
}

.grid.row > .base-7 {
	grid-column: auto / span 7;
}

.grid.row > .base-8 {
	grid-column: auto / span 8;
}

.grid.row > .base-9 {
	grid-column: auto / span 9;
}

.grid.row > .base-10 {
	grid-column: auto / span 10;
}

.grid.row > .base-11 {
	grid-column: auto / span 11;
}

.grid.row > .base-12 {
	grid-column: auto / span 12;
}


/* FLEX */
.flex {
	display: flex;
}

.flex.column {
	flex-direction: column;
}

.flex.row {
	flex-direction: row;
	justify-content: space-between;
}

.flex.justifyStart {
	justify-content: flex-start;
}

.flex.justifyEnd {
	justify-content: flex-end;
}

.flex.wrap {
	flex-wrap: wrap;
}

.flex.noWrap {
	flex-wrap: nowrap;
}

.flex .itemsStretch {
	align-items: stretch;
}

.flex .itemsStart {
	align-self: flex-start;
}

.flex.itemsStart {
	align-items: flex-start;
}

.flex.itemsCenter {
	align-items: center;
}

.flex.itemsTopLeft {
	align-items: start;
	vertical-align: top;
}

.flex.itemsTopCenter {
	align-items: center;
	vertical-align: top;
}

.flex.itemsTopRight {
	align-items: end;
	vertical-align: top;
}

.flex.itemsCenterLeft {
	align-items: start;
	vertical-align: middle;
}

.flex.itemsCenterCenter {
	align-items: center;
	vertical-align: middle;
}

.flex.itemsCenterRight {
	align-items: end;
	vertical-align: middle;
}

.flex.itemsTopLeft {
	align-items: start;
	vertical-align: bottom;
}

.flex.itemsTopCenter {
	align-items: center;
	vertical-align: bottom;
}

.flex.itemsTopRight {
	align-items: end;
	vertical-align: bottom;
}

.flex .itemCenter {
	align-self: center;
}

.flex.itemsEnd {
	align-items: flex-end;
}

.flex .itemEnd {
	align-self: flex-end;
}

.flex .textLeft {
	text-align: left;
}

.flex .textRight {
	text-align: right;
}

.flex .base-1 {
	flex-basis: calc((100% - 15px) / 12 * 1 - 15px);
}

.flex .base-2 {
	flex-basis: calc((100% - 15px) / 12 * 2 - 15px);
}

.flex .base-3 {
	flex-basis: calc((100% - 15px) / 12 * 3 - 15px);
}

.flex .base-4 {
	flex-basis: calc((100% - 15px) / 12 * 4 - 15px);
}

.flex .base-5 {
	flex-basis: calc((100% - 15px) / 12 * 5 - 15px);
}

.flex .base-6 {
	flex-basis: calc((100% - 15px) / 12 * 6 - 15px);
}

.flex .base-7 {
	flex-basis: calc((100% - 15px) / 12 * 7 - 15px);
}

.flex .base-8 {
	flex-basis: calc((100% - 15px) / 12 * 8 - 15px);
}

.flex .base-9 {
	flex-basis: calc((100% - 15px) / 12 * 9 - 15px);
}

.flex .base-10 {
	flex-basis: calc((100% - 15px) / 12 * 10 - 15px);
}

.flex .base-11 {
	flex-basis: calc((100% - 15px) / 12 * 11 - 15px);
}

.flex .base-12 {
	flex-basis: 100%;
}

.flex.column .shrink-none {
	flex-shrink: 0;
}

.flex.column .shrink-low {
	flex-shrink: 1;
}

.flex.column .shrink-medium {
	flex-shrink: 2;
}

.flex.column .shrink-height {
	flex-shrink: 4;
}

/* FLEX PANELS */
.panel {
	margin-bottom: 15px;
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: stretch;
}

.flex.column > .panel {
	justify-self: stretch;
}

.panel > .title {
	padding: 4px 10px;
	margin-bottom: 0;
	color: #686e72;
	font-size: 11px;
	background: #d5e1e7;
	text-transform: uppercase;
}

.panel > .title:empty {
	margin: 0;
	padding: 0;
	height: 0;
}

.panel > .title.loading {
	background: #d5e1e7 url(/_kirchenweb/images/iconLaden.gif) right 5px center no-repeat;
}

.panel > .title.orange {
	padding: 4px 10px 4px 20px;
	color: #ffffff;
	font-size: 11px;
	background: #ff6d00 url(/_kirchenweb/images/loginIcons.png) 2px -1647px no-repeat;
}

.panel .panelContent {
	box-sizing: border-box;
	margin: 0;
	padding: 10px;
	color: #61676b;
	background: #e7eff2;
	font-size: 13px;
	display: flex;
	align-items: stretch;
	flex-direction: column;
}

.panel .panelContent.row {
	flex-direction: row;
}

.panel .panelContent > h1 {
	margin-top: 12px;
	margin-bottom: 6px;
	font-size: 15px;
	font-weight: bold;
}

.panel .panelContent > h1:first-of-type {
	margin-top: 0;
	margin-bottom: 6px;
	font-weight: bold;
}

.panel .panelContent:empty {
	margin: 0;
	padding: 0;
	height: 0;
}

.panel.contentLight > .panelContent {
	background: #ffffff;
}

.panel.titleLight > .title {
	background: #ffffff;
}

.panel.light > .panelContent,
.panel.light > .title {
	background: #ffffff;
}

.panel .panelContent.noRim {
	padding-left: 0;
	padding-right: 0;
	padding-top: 2px;
}

.panel.stretched {
	box-sizing: border-box;
	align-self: stretch;
}

.panel.stretched > .panelContent {
	box-sizing: border-box;
	flex-basis: 100%;
	flex-shrink: 1;
}

/* FEEDBACK PANEL */
.panel.feedback > .panelContent {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
}

.panel.feedback textarea {
	width: 100%;
	resize: vertical;
	min-height: 40px;
	max-height: 150px;
	font: inherit;
	color: #686e72;
	margin-bottom: 10px;
}

.panel.feedback .supervisor {
	display: flex;
	align-items: center;
}

.panel.feedback .supervisor .name {
	margin-left: 8px;
}

.panel.feedback .icon.send {
	text-transform: capitalize;
	display: block;
}


/* PANEL LINKS */
.panel .panelContent > .link {
	box-sizing: border-box;
	flex-basis: 19px;
	line-height: 19px;
	display: flex;
	flex-direction: row;
	align-items: center;
	padding: 2px 5px 2px 10px;
	cursor: pointer;
	color: #00669f;
}

.panel .panelContent .link:hover {
	background-color: #dfe8ec;
}

.panel .panelContent .link .text {
	flex-basis: 100%;
}

.panel .panelContent .link .viewPublic {
	display: block;
	flex-basis: 20px;
	flex-shrink: 0;
	align-self: stretch;
}

.panel .panelContent .link:hover .viewPublic {
	background: transparent url(/_kirchenweb/images/loginIcons.png) 0 -3848px no-repeat;
}

/* PANEL LISTS */
.panel .panelContent table {
	font-size: inherit;
}

.panel .panelContent table td {
	border-bottom: 1px solid #d5e1e7;
	padding: 5px;
}

.panel .panelContent table tr:last-of-type td {
	border-bottom: none;
}

.panel .panelContent ul.flex {
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	justify-content: flex-start;
	padding: 0;
	margin: 0;
}

.panel .panelContent ul.flex li {
	display: inline-block;
	margin: 0 5px;
	padding: 2px 0;
	cursor: default;
}

.panel .panelContent.noRim ul.flex li {
	margin: 0;
	padding: 2px 5px;
}

.panel .panelContent ul.flex li:hover {
	background-color: #dfe8ec;
}

.panel .panelContent .checkbox {
	display: flex;
	flex-direction: row;
	align-items: center;
}

.panel .panelContent .checkbox.on:before {
	content: "";
	width: 18px;
	height: 14px;
	background: url(/_kirchenweb/images/loginIcons.png) 0 -1150px no-repeat;
}

.panel .panelContent .checkbox.off:before {
	content: "";
	width: 18px;
	height: 14px;
	background: url(/_kirchenweb/images/loginIcons.png) 0 -1100px no-repeat;
}

/* ICONS */
span.hyphen {
	padding: 0 3px;
}

/*
.icondc {
	background: transparent url(/_kirchenweb/images/iconsDc.png) -30px 0 no-repeat;
	padding-left: 15px;
}

.icondc.on {
	background-position: 0 1px;
}
.icondc.off {
	background-position: 0 -48px;
}
.icondc.inactive {
	background-position: 0 -98px;
}*/

.icondc {
}

.icondc.on:before {
	content: '\2BC0';
	padding-right: 3px;
	color: #a5c550;
}

.icondc.inactive:before {
	content: '\2BC0';
	padding-right: 3px;
	color: #9b9b9b;
}

.icondc.off:before {
	content: '\2BC0';
	padding-right: 3px;
	color: #fda440;
}

.icon.send {
	padding-left: 20px;
	color: #00669f;
	background: url(/_kirchenweb/images/loginIcons.png) 0 -2349px no-repeat;
}

.icon.disabled {
	cursor: not-allowed;
}

.icon.enabled {
	cursor: pointer;
}

/* Texteditor */
.texteditorToolbar {
	background-color: #919a9f;
	margin-right: 10px;
	padding: 3px;
}

.texteditorToolbar .toolbarButton,
.texteditorToolbar .toolbarSeparator {
	float: left;
}

.toolbarButton {
	position: relative; /* für Dropdown */
	display: block;
	box-sizing: border-box;
	height: 23px;
	width: 23px;
	margin: 0 1px;
	padding: 4px 0;
	cursor: pointer;
	border-radius: 2px;
	border: 1px solid transparent;
}

.toolbarButton:first-child {
	margin-left: 0;
}

.toolbarButton:hover {
	background-color: hsla(0, 0%, 100%, .12);
	border: 1px solid hsla(0, 0%, 0%, .2);
}

.toolbarButton svg {
}

.toolbarSeparator {
	width: 0;
	height: 21px;
	margin: 0 6px;
	color: transparent;
	border-left: 1px solid hsla(0, 0%, 0%, .2);
	border-right: 1px solid hsla(0, 0%, 100%, .12);
}

#formInhalt .textareaText {
	box-sizing: border-box;
	width: calc(100% - 10px);
	height: 100px;
	min-width: 0;
	padding: 6px 10px;
}

.infoseiteZelleEditTitle {
	font-size: 1rem;
}

.toolbarExtendedSave {
	float: right;
}

.toolbarDropdown {
	display: none;
	position: absolute;
	top: 22px;
	left: 0px;
	padding: 3px;
	background-color: white;
	box-shadow: 0 2px 4px hsla(0, 0%, 0%, .2);
}

.toolbarDropdownMenu {
	padding: 0;
	text-align: left;
	border: 1px solid #686e72;
}

.toolbarDropdownColor .toolbarDropdownItem {
	width: 13px;
	height: 13px;
	border: 1px solid white;
}

.toolbarDropdownMenu .toolbarDropdownItem {
	width: 142px;
	padding: 2px 10px;
	cursor: pointer;
}

.toolbarDropdownMenu .toolbarDropdownItem:hover {
	background-color: #f6f7f7;
}

.hasDropdown:hover .toolbarDropdown {
	display: block;
}


.clearfix::before,
.clearfix::after {
	content: '';
	display: table;
}

.clearfix::after {
	clear: both;
}


/**
 * SUCHERGEBNIS
 */
.modSucheNavigation {
	padding: 8px 16px;
	border: 1px solid #74a1ba;
}

.modSucheNavigation.top {
	margin-bottom: 2rem;
}

.modSucheNavigationTabs {
	display: flex;
	flex-wrap: wrap;
}

.modSucheNavigationSteuerung {
	margin-top: 16px;
	padding: 0 16px;
}

.modSucheNavigationTab {
	display: block;
	padding: 8px 16px;
	font-size: 14px;
	color: #2a2c2e;
}

.modSucheNavigationTab.disabled,
.modSucheNavigationTab.disabled:hover {
	color: hsla(0, 0%, 0%, 0.15);
	cursor: not-allowed;
}

.modSucheNavigation .active {
	color: #4d85a5;
	border: 1px solid #74a1ba;
}

.checkboxSwitch {
	position: relative;
	top: -2px;
	display: inline-block;
	margin-right: 4px;
	vertical-align: middle;
}

.checkboxSwitchInput {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	position: absolute;
	opacity: 0;
}

.checkboxSwitchLabel {
	--switchLabelWidth: calc(1.8 * var(--switchLabelHeight));
	--switchLabelHeight: 1em;
	--switchLabelButtonSpace: 1px;
	--switchLabelButtonSize: calc(var(--switchLabelHeight) - (2 * var(--switchLabelButtonSpace)));
	margin-right: 3em;
	cursor: pointer;
}

.checkboxSwitchHandle {
	width: var(--switchLabelWidth);
	height: var(--switchLabelHeight);
	border-radius: calc(var(--switchLabelHeight) / 2);
	background-color: #666666;
}

.checkboxSwitchHandle::before {
	content: '';
	position: absolute;
	top: var(--switchLabelButtonSpace);
	left: var(--switchLabelButtonSpace);
	display: block;
	width: var(--switchLabelButtonSize);
	height: var(--switchLabelButtonSize);
	border-radius: 50%;
	background-color: #ffffff;
	transition: all 0.2s ease;
}

.checkboxSwitchInput:checked ~ .checkboxSwitchHandle {
	background-color: #4d85a5;
}

.checkboxSwitchInput:checked ~ .checkboxSwitchHandle::before {
	left: calc(var(--switchLabelWidth) - var(--switchLabelButtonSpace) - var(--switchLabelButtonSize));
}

.button.viewChange {
	padding: 0.2rem 0.5rem;
	font-size: 14px;
}

.button.viewChange:hover {
	transform: none;
	background-color: #f9f9f9;
}

.modSucheNavigationLabel {
	margin-right: 4px;
	font-size: 14px;
}

.modSucheNavigation.bottom {
	margin-top: 2rem;
}

.modSucheNavigationPagination {
	display: flex;
	justify-content: space-between;
}

.paginationPage {
	box-sizing: border-box;
	display: inline-block;
	width: 24px;
	height: 24px;
	line-height: 22px;
	text-align: center;
	color: #2a2c2e;
}

.modSucheNavigation select {
	padding: 2px;
	font-size: 14px;
	border: 1px solid #74a1ba;
	width: auto;
}


/**
 * TWIG BACKEND
 */

#loginSeite {
	display: grid;
	grid-template-columns: 220px 980px;
	grid-template-rows: 35px auto;

	min-height: calc(100vh - 81px);
	border-top: 1px solid #686e73;
}

nav#main {
	grid-column: 2 / 2;
	grid-row: 1 / 1;

	display: flex;
	flex-direction: row;
	background: linear-gradient(#d5e1e7, #a7b1b7);
	border-bottom: 1px solid #686e73;
}

nav#main a {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%;
	padding: 0 18px;
	border-right: 1px solid #829ead;
	color: #2a2c2e;
}

nav#main a.active:hover,
nav#main a.active {
	background: linear-gradient(#74a1ba, #4d85a5);
	color: white;
}

nav#main a:hover {
	background: linear-gradient(#bec9ce, #9aa3a9);
}

nav#sub {
	grid-column: 1 / 1;
	grid-row: 1 / span 2;

	box-sizing: border-box;
	width: 220px;
	min-height: calc(100vh - 81px);
	background: #d5e1e7;
	border-right: 1px solid #686e73;
}

nav#sub > a {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	box-sizing: border-box;
	height: 35px;
	padding: 0 18px 0 23px;
	background: url("/_kirchenweb/images/subMenuArrow.svg") 6px no-repeat;
	background-size: 11px;
	color: #2a2c2e;
}

nav#sub > a.active:hover,
nav#sub > a.active {
	color: white;
	background-color: #6092af;
	background-image: url("/_kirchenweb/images/subMenuArrowActive.svg");
}

nav#sub > a.open {
	background-image: url("/_kirchenweb/images/subMenuArrowOpen.svg");
}

nav#sub > a.open.active:hover,
nav#sub > a.open.active {
	background-image: url("/_kirchenweb/images/subMenuArrowActiveOpen.svg");
}

nav#sub > a:hover {
	background-color: #c3ced5;
}

#subSubContainer {
	box-sizing: border-box;
	padding: 0 8px 10px 15px;
	background: #6092af;
	width: 100%;
}

nav#subSub {
	box-sizing: border-box;
	padding: 3px 3px 3px 5px;
	border: 1px solid #a0c6da;
	width: 100%;
}

nav#subSub > a {
	display: flex;
	align-items: center;
	height: auto;
	padding: 2px;
	background: none;
	color: white;
	box-sizing: border-box;
}

nav#subSub > a:hover,
nav#subSub > a.active,
nav#subSub > a.active:hover {
	background: #79a6c1 none;
}

nav#subSub h2 {
	margin: 15px 0 0 0;
	padding: 2px;
	color: #ffffff;
	font-size: 14px;
	font-weight: bold;
}

nav#subSub .men {
	width: 20px;
	height: 16px;
	min-height: 20px;
	padding: 0;
	background: url(/_kirchenweb/images/loginIcons.png) 0 -4048px no-repeat;
}

nav#subSub .men {
	justify-self: flex-end;
	margin-left: auto;
}

nav#subSub a:hover .men {
	background: transparent url(/_kirchenweb/images/loginIcons.png) 0 -3948px no-repeat;
}

nav#subSub .divMenu {
	position: absolute;
	display: none;
	width: 100px;
	margin: 20px 0 0 83px;
	padding: 1px;
	background: #747e83;
	border: 1px solid #494f52;
}

nav#subSub .divMenu a {
	display: block;
	height: 15px !important;
	min-height: 15px !important;
	padding: 2px 10px 0 10px !important;
	background: #747e83;
	color: #ffffff;
	font-size: 11px;
}

nav#subSub .divMenu a:hover {
	background-color: #42484a;
}


#loginSeiteInhalt {
	grid-column: 2 / 2;
	grid-row: 2 / 2;

	box-sizing: border-box;
	width: 980px;
	padding: 15px;
	background: #ffffff;
}


/******************************
* subnavigation suche projektseiten
******************************/
nav#subSub #formFilter {
	margin: 2px 0 2px 2px;
}

nav#subSub #filterBoxG {
	float: left;
	width: 163px;
	height: 20px;
	background: #ffffff url(/_kirchenweb/images/iconLaden2.gif) 0 -30px repeat-x;
}

nav#subSub #filterBoxG input#filterTextG {
	float: left;
	width: 140px;
	height: 16px;
	margin: 0;
	padding: 2px 0 2px 2px;
	font-size: 13px;
	border: 0;
	background: transparent;
}

nav#subSub #filterBoxG a#filterTextGSucheAus {
	float: left;
	width: 21px;
	height: 20px;
	padding: 0;
	background: transparent url(/_kirchenweb/images/loginIcons.png) 3px -1998px no-repeat;
}

nav#subSub #formFilter a#filterTextGSucheEin {
	float: left;
	width: 18px;
	height: 20px;
	margin: 0 0 0 2px;
	padding: 0;
	background: url(/_kirchenweb/images/loginIcons.png) 0 -2147px no-repeat;
}

nav#subSub #formFilter a#filterTextGSucheEin:hover {
	background-color: #79a6c1;
}

nav#subSub a#filterTextGSucheEin:focus,
nav#subSub a#filterTextGSucheAus:focus,
nav#subSub #filterTextG_liste li a:focus {
	outline: 0;
}

nav#subSub #filterTextG_liste {
	margin: 20px 0 0 0;
	padding: 0;
	width: 161px;
}

nav#subSub #filterTextG_liste li {
	color: #ff6d00;
}

nav#subSub #filterTextG_liste li a {
	display: block;
	color: #777777 !important;
	background: #ffffff;
}

nav#subSub #filterTextG_liste li a:hover {
	background: #e7eff2 !important;
}

nav#subSub #filterTextG_liste li a.aktiv {
	background: #d5e1e7 !important;
}


nav#sub a.loginMenuNeuD {
	background: url(/_kirchenweb/images/loginIcons.png) 9px -3641px no-repeat;
	padding-left: 30px;
	margin-top: 30px;
}

nav#sub a.loginMenuNeuA {
	background: url(/_kirchenweb/images/loginIcons.png) 9px -5290px no-repeat;
	padding-left: 30px;
}

nav#sub a.loginMenuNeuV {
	background: url(/_kirchenweb/images/loginIcons.png) 9px -2691px no-repeat;
	padding-left: 30px;
}

nav#sub a.loginMenuNeuB {
	background: url(/_kirchenweb/images/loginIcons.png) 9px -2741px no-repeat;
	padding-left: 30px;
}

nav#sub a.loginMenuNeuI {
	background: url(/_kirchenweb/images/loginIcons.png) 9px -2791px no-repeat;
	padding-left: 30px;
}

nav#sub a.loginMenuNeuG { /* is not used */
	background: url(/_kirchenweb/images/loginIcons.png) 9px -2841px no-repeat;
	padding-left: 30px;
}

nav#sub a.loginMenuNeuHelp {
	background: url(/_kirchenweb/images/loginIcons.png) 9px -991px no-repeat;
	margin-top: 30px;
	padding-left: 30px;
}

.shared-guided-tour-background-inherit {
	background-color: inherit !important;
}

.notification.btn {
	/* bootstrap copy until we can use bootstrap for the header too */
	display: inline-block;
	font-weight: 400;
	line-height: 1.5;
	text-align: center;
	text-decoration: none;
	vertical-align: middle;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	background-color: transparent;
	border-radius: 0.25rem;
	transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;

	/* proprietary changes */
	position: relative;
	font-size: 12px;
	padding: 0 6px 1px;
	border: none;
	box-sizing: border-box;
	color: #ffffff;
}

.notification.btn:hover {
	background-color: #6092af;
	border: none;
}

.notification.btn .badge {
	left: 0;
	top: 0;
	border-radius: 50rem;
	background-color: #6092af;
	transform: translate(-50%, -50%);
	position: absolute;
	display: inline-block;
	padding: 0.35em 0.65em;
	font-size: .75em;
	font-weight: 700;
	line-height: 1;
	color: #ffffff;
	text-align: center;
	white-space: nowrap;
	vertical-align: baseline;
}


/* Kirchenweb light theme prototype */

.kw-light-theme {
	--kw-light-theme-color-primary: #007bb0;
	--kw-light-theme-bg: #edf2f9;
	--kw-light-theme-color-secondary: #344050;
	--kw-light-theme-box-shadow: 0 7px 14px 0 rgba(65, 69, 88, 0.1), 0 3px 6px 0 rgba(0, 0, 0, 0.07);
	--kw-light-theme-color-link: #5e6e82;
	--kw-light-theme-color-link-hover: #232e3c;
	--kw-light-theme-border-radius: 3px;
	--kw-light-theme-border-radius-lg: 0.375rem;
	--kw-light-theme-bg-teritary: #f9fafd;
	--kw-light-theme-btn-bg: #748194;
	--kw-light-theme-btn-hover-bg: #636e7e;
	--kw-light-theme-gray: #edf2f9;

}

body.kw-light-theme,
.kw-light-theme #loginAlles {
	background: var(--kw-light-theme-bg);
}

.kw-light-theme #loginInhalt {
	border: unset;
	background: unset;
}

.kw-light-theme #loginSeite {
	grid-template-rows: auto auto;
	min-height: calc(100vh - 81px);
	border-top: unset;
}

.kw-light-theme #loginKopf {
	height: unset;
	min-height: unset;
}

.kw-light-theme #loginKopfLink a {
	height: 50px;
}

.kw-light-theme #loginLogo {
	height: unset;
}

.kw-light-theme #loginKopfNav,
.kw-light-theme #loginKopfInfo {
	padding-top: 3px;
	padding-bottom: 3px;
}

.kw-light-theme #loginSeiteInhalt,
.kw-light-theme #loginKopf {
	background: unset;
}

.kw-light-theme #loginKopf div.loginKopfContainer {
	min-height: unset;
}

.kw-light-theme #loginKopf .loginKopfNavInfoContainer {
	min-height: 55px;
	justify-content: center;
}

.kw-light-theme nav#sub {
	margin-top: 15px;
	grid-column: 1 / 1;
	grid-row: 2 / -1;
	border: unset;
	background: unset;
}

.kw-light-theme nav#main {
	grid-column: 1 / -1;
	grid-row: 1 / 1;
	border: unset;
	background: unset;
}

.kw-light-theme .kontobox,
.kw-light-theme .panel > .panelContent,
.kw-light-theme div div.spalteRechts div.publik,
.kw-light-theme div div.spalteRechts div.monitor,
.kw-light-theme div div.spalteRechts #monitor,
.kw-light-theme #agenda {
	background: #ffffff !important;
	box-shadow: var(--kw-light-theme-box-shadow) !important;
}

.kw-light-theme .kontobox {
	border-radius: var(--kw-light-theme-border-radius);
}

.kw-light-theme .kontobox .titel,
.kw-light-theme div .spalteRechts h1 {
	padding: 7px 0 7px 10px !important;
	color: var(--kw-light-theme-color-secondary) !important;
	background: var(--kw-light-theme-bg-teritary) !important;
}

.kw-light-theme nav#subSub .navigationFilter .navtitel {
	/*padding: 7px 0 7px 10px !important;*/
	color: var(--kw-light-theme-color-secondary) !important;
	background: var(--kw-light-theme-bg-teritary) !important;
}

.kw-light-theme .panel > .title {
	padding-top: 7px;
	padding-bottom: 7px;
	border-radius: var(--kw-light-theme-border-radius) var(--kw-light-theme-border-radius) 0 0;
	color: var(--kw-light-theme-color-secondary) !important;
	background: var(--kw-light-theme-bg-teritary) !important;
}

.kw-light-theme .kontobox .titel,
.kw-light-theme nav#subSub .navigationFilter .navtitel {
	border-radius: var(--kw-light-theme-border-radius) var(--kw-light-theme-border-radius) 0 0;
}

.kw-light-theme .reiterbox {
	background: unset !important;
}

.kw-light-theme #formInhalt div div.box {
	background: unset;
}

.kw-light-theme .reiterbox + form > div:first-child {
	background: #ffffff;
	border-radius: var(--kw-light-theme-border-radius);
	border: unset;
	box-shadow: var(--kw-light-theme-box-shadow);
}

.kw-light-theme #formSenden {
	background: unset !important;
}

.kw-light-theme #loginKopfInfo,
.kw-light-theme #loginKopfInfo .notification {
	color: unset;
}

.kw-light-theme nav#main a {
	padding: 15px 15px 0 15px;
	height: unset;
	background: unset;
	border: unset;
	font-size: 1rem;
	color: var(--kw-light-theme-color-link);
	font-weight: bolder;
}

.kw-light-theme nav#main a.active:hover,
.kw-light-theme nav#main a.active {
	background: unset;
	color: var(--kw-light-theme-color-primary);
	font-weight: bolder;
}

.kw-light-theme nav#main a:hover {
	background-color: unset;
	color: var(--kw-light-theme-color-link-hover);
}

.kw-light-theme nav#sub > a {
	font-weight: bolder;
	color: var(--kw-light-theme-color-link);
}

.kw-light-theme nav#sub > a:hover {
	background-color: unset;
	color: var(--kw-light-theme-color-link-hover);
}

.kw-light-theme nav#sub > a:hover:not(.loginMenuNeuHelp) {
	background-image: url(/_kirchenweb/images/subMenuArrow.svg);
}

.kw-light-theme nav#sub > a.active:hover,
.kw-light-theme nav#sub > a.active {
	background-image: url(/_kirchenweb/images/subMenuArrow.svg);
	background-color: unset;
	color: var(--kw-light-theme-color-primary);
}

.kw-light-theme nav #subSubContainer {
	background-color: unset;
	padding-left: 20px;
	padding-right: 0;
}

.kw-light-theme nav#subSub {
	width: 100%;
	border: unset;
}

.kw-light-theme nav#subSub > a,
.kw-light-theme nav#subSub > a:hover,
.kw-light-theme nav#subSub > a.active,
.kw-light-theme nav#subSub > a.active:hover {
	background: unset;
	padding: 5px 0;
	color: inherit;
	font-weight: bolder;
	font-size: 0.95em;
}

.kw-light-theme nav#subSub > a:hover {
	color: var(--kw-light-theme-color-link-hover)
}

.kw-light-theme nav#subSub > a.active {
	color: var(--kw-light-theme-color-primary);
}

.kw-light-theme .reiterbox .reiter,
.kw-light-theme .reiterbox .reiterAktiv,
.kw-light-theme .reiterbox .reiterInhalt {
}

.kw-light-theme .reiterbox a span.a,
.kw-light-theme .reiterbox a span.c {
	display: none;
}

.kw-light-theme .reiterbox .reiter a,
.kw-light-theme .reiterbox .reiterInhalt a,
.kw-light-theme .reiterbox .reiterAktiv a {
	border-radius: var(--kw-light-theme-border-radius);
}

.kw-light-theme .reiterbox .reiterAktiv a span.b,
.kw-light-theme .reiterbox .reiterInhalt a span.b,
.kw-light-theme .reiterbox .reiter a span.b,
.kw-light-theme #agendaHeuteAnsicht {
	background: #ffffff88;
	height: 26px;
	color: var(--kw-light-theme-color-link);
	border-radius: var(--kw-light-theme-border-radius);
	padding-right: 5px;
	padding-left: 5px;
}


.kw-light-theme .reiterbox .reiterAktiv a:hover span.b,
.kw-light-theme .reiterbox .reiterInhalt a:hover span.b,
.kw-light-theme .reiterbox .reiter a:hover span.b,
.kw-light-theme #agendaHeuteAnsicht:hover {
	background: #ffffffaa;
}

.kw-light-theme a.agendaZurueck,
.kw-light-theme a.agendaWeiter {
	background-color: #ffffff88;
}

.kw-light-theme a.agendaZurueck:hover,
.kw-light-theme a.agendaWeiter:hover {
	background-color: #ffffffaa;
}

.kw-light-theme .reiterbox .reiterAktiv a span.b,
.kw-light-theme .reiterbox .reiterAktiv a:hover span.b {
	height: 31px;
	color: #00669f;
	background: #ffffff;
	border-radius: var(--kw-light-theme-border-radius) var(--kw-light-theme-border-radius) 0 0;
}

.kw-light-theme .reiterbox .reiterInhalt a span.b {
	height: 31px;
	color: var(--kw-light-theme-color-link);
	background: #ffffff88;
	border-radius: var(--kw-light-theme-border-radius) var(--kw-light-theme-border-radius) 0 0;
	font-weight: bolder;
}

.kw-light-theme #formInhalt div.box hr {
	background-color: #c8d6dd88;
}

.kw-light-theme .infoseite h1,
.kw-light-theme .infoseite div h1 {
	background: unset;
}

.kw-light-theme #filterToggles a {
	color: inherit;
}

.kw-light-theme #filterEinblenden .iconWhite svg.kwIcon.kwIconToggleArrowDotted .dots,
.kw-light-theme #filterAusblenden .iconWhite svg.kwIcon.kwIconToggleArrowDotted .dots {
	fill: var(--kw-light-theme-color-secondary);
}

.kw-light-theme #agenda {
	border: unset;
	border-radius: var(--kw-light-theme-border-radius);
}

.kw-light-theme #agendaFpw {
	padding: 15px 10px;
	background: unset;
	border: unset;
	border-radius: var(--kw-light-theme-border-radius);
}

.kw-light-theme #agendaDatumAnsicht {
	color: unset;
}

.kw-light-theme #saveViewButtonAlternative {
	color: var(--kw-light-theme-color-primary);
	border-color: var(--kw-light-theme-color-primary);
}


.kw-light-theme #formInhalt input.text {
	padding: 0.2em;
}

.kw-light-theme .kontobox div.link {
	background-color: unset;
}

.kw-light-theme .kontobox div.link:hover,
.kw-light-theme .kontobox div.link:hover a,
.kw-light-theme .kontobox div.link:hover a:hover,
.kw-light-theme .kontobox div.linkNeuMailgruppe a:hover,
.kw-light-theme .kontobox div.linkNeuVerkettung a:hover {
	background-color: var(--kw-light-theme-bg-teritary);
	font-weight: normal;
}

.kw-light-theme #dialogOverlay,
.kw-light-theme #kwDialogHintergrund {
	background-color: rgba(0, 0, 0, 0.4);
}

.kw-light-theme #dialogOverlay .dialog,
.kw-light-theme #kwDialog {
	box-shadow: var(--kw-light-theme-box-shadow);
	background: #ffffff;
	border: unset;
	border-radius: var(--kw-light-theme-border-radius-lg);
}

.kw-light-theme #dialogOverlay .dialogHeader,
.kw-light-theme #kwDialog.fenster h1 {
	background: var(--kw-light-theme-bg-teritary);
	flex-grow: 0;
	padding: 1.2rem;
}

.kw-light-theme #dialogOverlay .dialogHeader,
.kw-light-theme #kwDialog.fenster h1,
.kw-light-theme #kwDialog.warnung h1 {
	border-top-right-radius: var(--kw-light-theme-border-radius-lg);
	border-top-left-radius: var(--kw-light-theme-border-radius-lg);
}

.kw-light-theme #kwDialog.fenster h1 {
	height: unset;
}

.kw-light-theme #dialogOverlay .dialogHeader h1,
.kw-light-theme #kwDialog.fenster h1 {
	color: var(--kw-light-theme-color-secondary);
	/*font-size: 1.2rem;*/
}

.kw-light-theme #dialogOverlay .dialogFooter,
.kw-light-theme #kwDialog > *:last-child {
	background: var(--kw-light-theme-bg-teritary) !important;
	border-top: 1px solid #919a9f22 !important;
	border-bottom-left-radius: var(--kw-light-theme-border-radius-lg) !important;
	border-bottom-right-radius: var(--kw-light-theme-border-radius-lg) !important;
}

.kw-light-theme #dialogOverlay .button,
.kw-light-theme a.button span.b,
.kw-light-theme .aus a.button span.b {
	height: unset;
	border-radius: var(--kw-light-theme-border-radius);
	background: var(--kw-light-theme-btn-bg);
	padding: 0.3rem 1rem;
	/*font-size: 1rem;*/
}

.kw-light-theme .aus a.button span.b,
.kw-light-theme .aus a.button:hover span.b {
	background: #636e7e77;
}

.kw-light-theme a.button span.a,
.kw-light-theme .aus a.button span.a,
.kw-light-theme a.button span.c,
.kw-light-theme .aus a.button span.c {
	display: none;
}

.kw-light-theme #dialogOverlay .button:hover,
.kw-light-theme a.button:hover span.b {
	height: unset;
	border-radius: var(--kw-light-theme-border-radius);
	background: var(--kw-light-theme-btn-hover-bg);
	padding: 0.3rem 1rem;
	/*font-size: 1rem;*/
}

.kw-light-theme .logintable > .login {
	background: white;
	box-shadow: var(--kw-light-theme-box-shadow);
	border-radius: var(--kw-light-theme-border-radius-lg);
}

.kw-light-theme .logintable .formular input {
	border: 1px solid var(--kw-light-theme-btn-hover-bg);
	border-radius: var(--kw-light-theme-border-radius);
}

.kw-light-theme .logintable > .links > a {
	color: var(--kw-light-theme-color-link);
}

.kw-light-theme .activeRegionSwitch ul {
	background: #ffffff;
}

.kw-light-theme .activeRegionSwitch li:hover {
	background: var(--kw-light-theme-gray);
}

.kw-light-theme .weisserAbstand {
	margin-left: unset !important;
}


/* Kirchenweb light theme switch on/off button */

.kw-light-theme-switch {
	position: absolute;
	top: 20px;
	left: 290px;
	transform: translate(-250px, -123px) scale(0.07);
}

.kw-light-theme-switch .toggle  {
	--sz: 130px;
	--on: #03A9F4;
	--of: #fff0;
	--gr: #666666;
	--tr: all 0.5s ease 0s;
	--lg: var(--of);
	position: relative;
	width: calc(var(--sz) * 4);
	height: calc(var(--sz) * 2);
	display: flex;
	align-items: center;
	justify-content: center;
}

.kw-light-theme-switch input {
	display: none;
}

.kw-light-theme-switch label[for=btn] {
	position: absolute;
	width: calc(var(--sz) * 4);
	height: calc(var(--sz) * 2);
	background: linear-gradient(0deg, #99a2a7, #c8d3db);
	border-radius: var(--sz);
	box-shadow: 0 0 calc(var(--sz) / 50) calc(var(--sz) / 50) #0006, 0 -4px calc(var(--sz) / 10) calc(var(--sz) / 500) #0b0b10, 0 0px calc(var(--sz) / 10) calc(var(--sz) / 50) #b9e1ff88, 0 -4px calc(var(--sz) / 5) calc(var(--sz) / 50) #15182fcc;
}
.kw-light-theme-switch input:checked + label[for=btn] {
	background: linear-gradient(0deg, #e8f1f4, #e3ecee);
	box-shadow: 0 0 calc(var(--sz) / 50) calc(var(--sz) / 50) rgba(255, 255, 255, 0.4), 0 -4px calc(var(--sz) / 10) calc(var(--sz) / 500) #fbfbfd, 0 0px calc(var(--sz) / 10) calc(var(--sz) / 50) rgb(90 126 143 / 53%), 0 -4px calc(var(--sz) / 5) calc(var(--sz) / 50) rgba(232, 234, 248, 0.8);
}

.kw-light-theme-switch .thumb {
	position: absolute;
	width: calc(calc(var(--sz) * 2) - calc(var(--sz) / 8));
	height: calc(calc(var(--sz) * 2) - calc(var(--sz) / 8));
	top: calc(calc( var(--sz) / 10) + calc(var(--sz) / -20));
	left: calc(calc( var(--sz) / 10) + calc(var(--sz) / -30));
	background:
			radial-gradient(circle at 48% 50%, #fff0 calc(var(--sz) / 1.05), var(--lg) calc(var(--sz) / 0.99)),
			radial-gradient(circle at 40% 50%, #fff0 calc(var(--sz) / 0.95), var(--lg) calc(var(--sz) / 0.75)),
			linear-gradient(180deg, #bac0c4, #707983);
	border-radius: var(--sz);
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 1;
	overflow: hidden;
}

.kw-light-theme-switch #btn:checked + label .thumb {
	--lg: var(--on);
	transition: var(--tr);
	left: calc(calc(100% - calc(calc(var(--sz) * 2) - calc(var(--sz) / 3))) - calc(calc( var(--sz) / 10) + calc(var(--sz) / 5.75)));
	background:
			radial-gradient(circle at 48% 50%, rgba(255, 255, 255, 1) calc(var(--sz) / 1.05), var(--lg) calc(var(--sz) / 0.99) ),
			radial-gradient(circle at 40% 50%, rgba(255, 255, 255, 1) calc(var(--sz) / 0.95), var(--lg) calc(var(--sz) / 0.75)),
			linear-gradient(180deg, #edf0f6, #f9fafb);
}

.kw-light-theme-switch .thumb:before {
	content: "";
	position: absolute;
	width: calc(var(--sz) / 0.5);
	height: calc(var(--sz) / 0.5);
	background: radial-gradient(circle at 45% 50%, #fff0 calc(var(--sz) / 1), var(--lg) calc(var(--sz) / 0.95));
	filter: blur(1px);
}

.kw-light-theme-switch .light {
	position: absolute;
	width: calc(var(--sz) * 1);
	height: calc(var(--sz) / 1.75);
	right: calc(var(--sz) * -2.75);
	display: flex;
	justify-content: center;
	z-index: 1;
	background: #121212;
	position: relative;
	width: calc(var(--sz) / 1.75);
	height: calc(var(--sz) / 1.75);
	border-radius: var(--sz);
	box-shadow:
			0 0px calc(var(--sz) / 50) calc(var(--sz) / 50) #0008,
			0 -4px calc(var(--sz) / 10) calc(var(--sz) / 500) #000,
			0 2px calc(var(--sz) / 10) calc(var(--sz) / 500) #fff8,
			0 0px calc(var(--sz) / 20) calc(var(--sz) / 25) #000;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: var(--tr);
}

.kw-light-theme-switch .light:before {
	content: "";
	transition: var(--tr);
	width: calc(100% - calc(var(--sz) / 15));
	height: calc(100% - calc(var(--sz) / 15));
	position: absolute;
	background: radial-gradient(circle at 50% 32%, #fff5 0 calc(var(--sz) / 20), #000 calc(var(--sz) / 3) calc(var(--sz) / 3));
	border-radius: var(--sz);
	box-shadow:
			0 0 calc(var(--sz) / 3) 0 #003ef520,
			0 0 calc(var(--sz) / 3) calc(var(--sz) / 20) #003ef520 inset;
}

.kw-light-theme-switch #btn:checked + label + .light:before {
	--lg: var(--on);
	transition: var(--tr);
	box-shadow:
			0 0 calc(var(--sz) / 2.5) 0 var(--lg),
			0 0 calc(var(--sz) / 3) calc(var(--sz) / 20) var(--lg) inset,
			0 calc(var(--sz) / -20) calc(var(--sz) / 10) calc(var(--sz) / 10) #000c inset;
	background: radial-gradient(circle at 50% 32%, #fff 0 calc(var(--sz) / 20), var(--lg) calc(var(--sz) / 3) calc(var(--sz) / 3));
}

/* start - kurs mailgruppen ausblenden - https://www.notion.so/kirchenweb/Kurse-auf-Mailgruppen-bersicht-ausblenden-2e9766573d8480f68b4dd3ea3103ab1f */
.kontobox div.row:has(.box.mgr .b2 a[href^="mailto:kurs."]) {
	display: none;
}
/* end - kurs mailgruppen ausblenden */