/*!
 * ursulaheitmann-neu.css
 * Styles for PmWiki Skin 'UrsulaHeitmann' / 02-01-2025
 * Copyright Dierk Onken
 */



@import url(fonts.css);


/* Variablen */
:root {
	/* Farben */
	--logo-purple: #8e2588;
	--logo-grey: #5e5e5c;

	/* Typografie */
	--text-font-family: "Source Sans Pro",sans-serif;
	--headline-font-family: "Advent Pro",sans-serif;
}


*, *::before, *::after {
	box-sizing: border-box;
}
html {
	font-size: 16px;
}
body {
  margin: 0;
	padding: 0;
	background-color: rgb(255,253,237);
	color: #333;
	/* font-family: "Source Sans Pro",sans-serif; */
	font-family: var(--text-font-family);
	font-size: 1rem;/* 12pt; */
	font-weight: 300;
}

/* ALLGEMEINE ELEMENTE */
h1 {
	color: var(--logo-purple);
	font-family: var(--headline-font-family);
	font-size: 2rem;/* 24pt; */
	font-weight: 500;
	text-transform: uppercase;
}
h2 {
	color: var(--logo-purple);
	font-family: var(--headline-font-family);
	font-size: 2rem;/* 24pt; */
	font-weight: 500;
	text-transform: uppercase;
}
h3 {
	color: var(--logo-purple);
	font-family: var(--headline-font-family);
	font-size: 1.67rem;/* 20pt; */
	font-weight: 500;
	text-transform: uppercase;
}
h4 {
	color: var(--logo-purple);
	font-family: var(--headline-font-family);
	font-size: 1.5rem;/* 18pt; */
	font-weight: 500;
	text-transform: uppercase;
}

a {
	font-weight: 300;
  background-color: transparent;
	color: #555;
}
a:active,
a:hover {
  outline: 0;
}
a:hover {
	color: var(--logo-purple);
}

b, strong {
  font-weight: bold;
}

table {
  border-collapse: collapse;
	border-spacing: 0;
	border-width: 0;
}
td, th {
  padding: 0;
}
tr, td {
	border-width: 0;
}

img {
	border-style: none;
}
pre {
  overflow: auto;
}
textarea {
  overflow: auto;
}


/* SEITENCONTAINER */
#page {
	width: auto;/* 100%; */
	height: auto;
	margin: 0 auto .6em auto;
	padding: 0 10px;
	/* border: 1px solid orangered; */
}
@media screen and (min-width: 720px) {/* TODO: min-width von 705px auf 720px */
	#page {
		width: 700px;/* 700px */
		padding: 0;
	}
}
@media screen and (min-width: 840px) {
	#page {
		width: 820px;
	}
}
@media screen and (min-width: 980px) {/* TODO: min-width von 970px auf 980px */
	#page {
		width: 960px;
	}
}


/* HEADER MIT LOGO UND KONTAKTDATEN (/Home/Kontaktdaten) */
#header {
	height: 138px;
}
#logo {
	box-sizing: content-box;
	float: none;
	width: 100%;
	margin: 0 auto;
	padding: 9px 0 3px;
	/* background-color: orange; */
}
@media screen and (min-width: 720px) {
	#logo {
		float: left;
		width: 341px;
		height: 92px;
		padding: 23px 0 0 3px;
	}
}
@media screen and (min-width: 840px) {
	#logo {
		padding: 23px 0 0 14px;
	}
}
@media screen and (min-width: 980px) {
	#logo {
		padding: 23px 0 0 10px;
	}
}
#logo img {
	max-width: 100%;
}

#contact {
	color: #222;
	font-family: var(--headline-font-family);
	font-weight: 400;
	float: left;
	width: 95%;
	height: initial;
	margin: 0 0 6px;
	padding: 10px 0 0;
	font-size: .95rem;
	line-height: .9em;
	/* background-color: lightblue; */
}
@media screen and (min-width: 720px) {
	#contact {
		float: right;
		width: 300px;
		height: 110px;
		margin: 0;
		padding: 23px 0 0;
		font-size: .9rem;
		line-height: 1.1em;
	}
}
@media screen and (min-width: 840px) {
	#contact {
		width: 360px;
		height: 110px;
	}
}
@media screen and (min-width: 980px) {
	#contact {
		width: 400px;
		height: 110px;
		padding: 28px 0 0;
		font-size: .98rem;
	}
}

#contact p {
	margin: 0;
}

#contact a {
	color: var(--logo-purple);
	font-weight: 700;
	text-decoration: none;
}
#contact a:hover {
	text-decoration: underline;
}
#contact a.createlinktext {
	color: #66f;
	text-decoration: none;
	border-bottom: none;
}

#contact ins {
	text-decoration: none;
}
#contact ins a {
	color: #ccc;
	font-size: .75rem;/* 75%; */
}

/* Kontakttabelle */
#contacttable {
	border-collapse: collapse;
}
#contacttable td {
	padding: 3px 0;
}
@media screen and (min-width: 720px) {
	#contacttable td {
		padding: 0;
	}
}
#contacttable img {
	display: none;
	padding: 0;
}
@media screen and (min-width: 720px) {
	#contacttable img {
		display: inline-block;
		padding: 0 7px 0 0;
	}
}


/* IMAGESLIDER UND QUOTE (Zitat im Bild) */
/* GROESSE VOM BILD IST 960 x 340 px     */
#heroimage {
	position: relative;
	width: 99%;
	height: auto;
	margin: 0 auto;
	padding: 0;
	clear: both;
	z-index: 0;
	/* border: 1px solid red; */
}
@media screen and (min-width: 720px) {
	#heroimage {
		width: 100%;
		margin: 0;
		clear: both;
	}
}
/* This because of PmWiki displays upload link in P block
 * Ohne festen Wert fuer height ist das P Element nicht sichtbar!
 */
#heroimage > p {
	height: 340px;
	background-color: #ccc;
	opacity: 0.8;
	margin: 0;
	padding: 0 .5em;
	font-size: 1rem;
	line-height: 2em;
}
#heroimage > p a.createlink,
#heroimage > p a.createlinktext {
	color: #66f;
	text-decoration: none;
	border-bottom: none;
}
#heroimage img {
	width: 100%;
	height: auto;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;

	/* This removes the space for descenders (the bits that hang off the
	 * bottom of 'y' and 'p') because img is an inline element by default.
	 */
	display: block;
}
@media screen and (min-width: 720px) {
	#heroimage img {
		border-top-left-radius: 6px;
		border-top-right-radius: 6px;
		border-bottom-left-radius: 0;
		border-bottom-right-radius: 0;
	}
}

#quote {
	display: none;
}
@media screen and (min-width: 500px) {
	#quote {
		display: block;
		position: absolute;
		margin: 0;
		border-bottom-left-radius: 6px;
		border-top-left-radius: 6px;
		background-color: var(--logo-grey);
		color: #fff;
		opacity: 0.8;
		font-family: var(--headline-font-family);
		font-weight: 400;
		right: 0;
		top: 30px;
		width: 180px;
		padding: 10px 14px 12px;
		font-size: .83rem;/*10pt; */
	}
}
@media screen and (min-width: 840px) {
	#quote {
		display: block;
		position: absolute;
		margin: 0;
		border-bottom-left-radius: 6px;
		border-top-left-radius: 6px;
		background-color: var(--logo-grey);
		color: #fff;
		opacity: 0.8;
		font-family: var(--headline-font-family);
		font-weight: 400;
		right: 0;

		top: 49px;
		width: 246px;
		/* height: 139px; */
		padding: 19px 17px 29px;
		font-size: 1.2rem;/* 14pt; */
	}
}
@media screen and (min-width: 980px) {
	#quote {
		right: 0;
		top: 58px;
		width: 290px;
		padding: 20px 20px 30px;
		font-size: 1.3rem;/* 16pt; */
	}
}
#quote > p {
	margin: 0;
}
#quote > p > span {
	font-size: .82rem;/* 10pt; */
}


/* MAIN MENUE */
#mainmenu {
	position: relative;
	clear: both;/* erforderlich fuer Positionierung wenn #heroimage nicht vorhanden */
	z-index: 999;
	width: 100%;
	height: 28px;
	/* margin: 0 auto; */
	margin: 0;
	background-color: transparent;
	/* border: 1px solid orange; */
}
@media screen and (min-width: 720px) {
	#mainmenu {
		/* width: 700px; */
		height: 28px;
		/* margin-top hat negativen Wert von height für Platzierung auf #heroimage */
		margin-top: -28px;
		background-color: var(--logo-grey);
	}
}
@media screen and (min-width: 840px) {
	#mainmenu {
		/* width: 820px; */
		height: 30px;
		margin-top: -30px;
	}
}
@media screen and (min-width: 980px) {
	#mainmenu {
		/* width: 960px; */
		height: 33px;
		margin-top: -33px;
	}
}

#mainmenu ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#mainmenu ul li {
	float: left;
	height: 23px;
	padding: 3px 0 3px 10px;
	/* border: 1px solid blue; */
	/* background-color: #888; */
}
@media screen and (min-width: 720px) {
	#mainmenu ul li {
		height: initial;
		padding: 3px 0 0 14px;
	}
}
@media screen and (min-width: 840px) {
	#mainmenu ul li {
		height: initial;
		padding: 5px 0 0 24px;
	}
}
@media screen and (min-width: 980px) {
	#mainmenu ul li {
		height: initial;
		padding: 5px 0 0 35px;
	}
}

#mainmenu a {
	color: #444;
	text-decoration: none;
	font-family: var(--headline-font-family);
	font-weight: 500;
	font-size: 1rem;/* 12pt; */
	/* border: 1px solid green; */
}
@media screen and (min-width: 720px) {
	#mainmenu a {
		color: #fff;
		font-weight: 400;
		font-size: 1rem;/*12pt; */
	}
}
@media screen and (min-width: 840px) {
	#mainmenu a {
		font-size: 1.0625rem;/* 13pt; */
	}
}
@media screen and (min-width: 980px) {
	#mainmenu a {
		font-size: 1.1875em;/* 14pt; */
	}
}

#mainmenu ul li a {
	padding-bottom: 0;
	color: #616;
}
#mainmenu ul li a:hover {
	border-bottom: none;
}
#mainmenu ul li a.selflink {
	border-bottom: 3px solid #9a2b8b;
	cursor: default;
}
#mainmenu ul li a.createlinktext {
	text-decoration: none;
	border-bottom: 2px dotted #0f0;
}
@media screen and (min-width: 720px) {
	#mainmenu ul li a {
		padding-bottom: 5px;
		color: #fff;
}
	#mainmenu ul li a:hover {
		border-bottom: 6px solid #9a2b8b;
	}
	#mainmenu ul li a.selflink {
		border-bottom: 6px solid #9a2b8b;
	}
}
@media screen and (min-width: 840px) {
	#mainmenu ul li a {
		padding-bottom: 5px;
		color: #fff;
}
	#mainmenu ul li a:hover {
		border-bottom: 6px solid #9a2b8b;
	}
	#mainmenu ul li a.selflink {
		border-bottom: 6px solid #9a2b8b;
	}
}
@media screen and (min-width: 980px) {
	#mainmenu ul li a {
		padding-bottom: 5px;
		color: #fff;
	}
	#mainmenu ul li a:hover {
		border-bottom: 7px solid #9a2b8b;
	}
	#mainmenu ul li a.selflink {
		border-bottom: 7px solid #9a2b8b;
	}
}

/* PMWIKI BEARBEITEN-LINK */
#mainmenu ul li ins {
	text-decoration: none;
}
#mainmenu ul li ins a {
	color: #999;
	font-size: .75rem;/* 66%; */
}
#mainmenu ul li ins a:hover {
	border-bottom: none;
	color: #ccc;
}


#FOObackground {
	width: 100%;
	height: initial;
	background-color: transparent;
}
@media screen and (min-width: 720px) {
	#FOObackground {
		width: 100%;
		height: 100%;
		background-color: var(--logo-grey);
	}
}


#main {
	margin: 0 auto;
	clear: both;
	border-right: none;
	border-left: none;
	border-bottom: none;
	/* border: 1px solid green; */
}
body.edit #main {
	background-image: none;
}
@media screen and (min-width: 500px) {
	#main {
		background-repeat: no-repeat;
		background-image: url("./images/main-background-logo-640x600.png");
		background-position: left bottom;
		background-size: contain;
	}
}
@media screen and (min-width: 720px) {
	#main {
		border-bottom-left-radius: 6px;
		border-bottom-right-radius: 6px;
		border-right: 1px solid var(--logo-grey);
		border-left: 1px solid var(--logo-grey);
		border-bottom: 1px solid var(--logo-grey);
	}
}
@media screen and (min-width: 840px) {
	#main {
		background-position: center bottom;
		background-size: auto;
	}
}

#placeholder-top {
	height: 1.4rem;
	/* background-color: yellow; */
}
@media screen and (min-width: 720px) {
	#placeholder-top {
		height: 40px;
	}
}
body.edit #placeholder-top {
	height: 0;
}


/* LINKES MENUE */
#leftmenu {
	float: left;
	width: 290px;
	min-height: 300px;/* 556px; ?? */
	margin-left: 0;
	/* background-color: yellow; */
}
@media screen and (max-width: 979px) {
	#leftmenu {
		float: left;
		width: 200px;
		min-height: 300px;/* 556px; ?? */
		margin-left: 0;
	}
}
@media screen and (max-width: 719px) {
	#leftmenu {
		float: none;
		width: 100%;
		min-height: 2px;
		margin: 0 auto;
		/* background-color: orange; */
	}
}
#leftmenu ul {
	margin-top: -18px;
	margin-left: -40px;
	list-style-position: outside;
}
#leftmenu li {
	margin-top: 50px;
	margin-left: 0;
	list-style-type: none;
}
#leftmenu li a {
	padding: 5px 10px 5px 40px;
	border-top-right-radius: 6px;
	border-bottom-right-radius: 6px;
	background-color: #444;
	color: #fff;
	font-family: var(--headline-font-family);
	font-weight: 400;
	font-size: 1.167rem;/* 14pt; */
	text-decoration: none;
}
#leftmenu li a:hover {
	background-image: url("../images/rightline.png");
	background-repeat: no-repeat;
	background-position: right center;
	padding-right: 20px;
}
#leftmenu li.active a {
	background-image: url("../images/rightline.png");
	background-repeat: no-repeat;
	background-position: right center;
	padding-right: 20px;
}
body.edit #leftmenu {
	float: none;
	width: 1px;
	min-height: 0;
	height: 1px;
	margin-left: 0;
	/* background-color: red; */
}



/* SEITENINHALT (#component) */
#wikitext {
	width: 100%;
	/* min-height: initial; *//*muss mit height von #main korrespondieren*/
	min-height: 180px;
	margin: 0 auto;
	font-size: 1.0625rem;/* 104%; */
	line-height: 130%;
	/* background-color: lightblue; */
}
@media screen and (min-width: 720px) {
	#wikitext {
		width: 480px;
		/* margin-left hat Breite von #leftmenu */
		margin-left: 200px;
		margin-right: 0;
		font-size: 1.0625rem;/*104%; */
		line-height: 130%;
	}
	body.edit #wikitext {
		width: 98%;
		/* margin-left: 0; */
		margin: 0 auto;
	}
}
@media screen and (min-width: 840px) {
	#wikitext {
		width: 580px;
		/* margin-left hat Breite von #leftmenu */
		margin-left: 200px;
		margin-right: 0;
	}
}
@media screen and (min-width: 980px) {
	#wikitext {
		width: 610px;
		/* margin-left hat Breite von #leftmenu */
		margin-left: 290px;
		margin-right: 0;
	}
}
#wikitext p {
	margin: .9rem 0 .9rem;
}
#wikitext h1:first-child {
	margin-top: 0;
}
#wikitext h2 {
	margin: 1.4em 0 .6em;
	line-height: 0.95em;
}
#wikitext h2:first-child {
	margin-top: 0;
}

#wikitext ul {
	margin-left: 1.35em;
	padding-left: 0;
}
#wikitext ul li {
	list-style-type: disc;
}

#wikitext input {
	font-size: 1rem;/* 0.9em; */
	margin-top: 2px;
	margin-bottom: 2px;
}

#wikitext code {
	font-size: 0.93em;
}
#wikitext .escaped {
	font-size: 0.93em;
}


/* KONTAKTFORMULAR */
form#contact-form fieldset {
	border: 1px solid #444;
}

/* Eingabe-Labels */
form#contact-form dt {
	margin-top: 0.5em;
	/* background-color: orange;*/
}
/* Eingabe-Felder */
form#contact-form dd {
	margin-left: 0;
}
@media screen and (min-width: 500px) {
	form#contact-form dd {
		margin-left: 20px;
	}
}
@media screen and (min-width: 720px) {
	form#contact-form dd {
		margin-left: 40px;
	}
}

form#contact-form #Name,
form#contact-form #Email,
form#contact-form #Betreff {
	width: 220px;
}
@media screen and (max-width: 500px) {
	form#contact-form #Name,
	form#contact-form #Email,
	form#contact-form #Betreff {
		width: 96%;
	}
}
@media screen and (max-width: 840px) {
	form#contact-form #Nachricht {
		width: 96%;
		/* border: 1px dotted red; */
	}
}

/* jQuery Validation Plugin error-label */
form#contact-form label.error {
	display: block;
	padding: .1em .1em .3em;
	background: none;
	border: none;
	color: rgb(210,105,30);
	font-family: inherit;
	font-size: .85em;
	font-weight: normal;
	line-height: 1.1em;
}

/* fuer formmail.php Meldungen (:messages:) */
#wikitext .badmessage {
	display: table;
	margin-top: 1.0em;
	margin-bottom: 1.5em;
	padding: .1em .9em;
	background: rgb(240,238,225);
	border: none;
	font-style: italic;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
@media only screen and (max-width: 767px) {
	#wikitext .badmessage {
		max-width: 90%;
	}
}
#wikitext .badmessage p {
	margin-bottom: 0;
}



/* BILDER-BLOCK IM SEITENINHALT */
.zweibilder {
	margin-top: 2.8em;
	margin-left: 0;
}

/* PmWiki fuegt bei 'Attach:datei.ext' Klasse .img hinzu */
/* Bei Erweiterung (:ColorboxAttach:) werden Bilder von P Element umschlossen */
.zweibilder .img, .zweibilder p {
	padding-bottom: 6px;/* damit Schatten innerhalb des Elementes */
}
@media screen and (max-width: 750px) {
	.zweibilder .img {
		padding-bottom: 0;
	}
}

/* Dies fuer Markup 'Attach:datei.ext' */
/* Bilder insgesamt nur von DIV.img umschlossen */
.zweibilder img {
	border-radius: 6px;
	-webkit-box-shadow: 0 9px 5px #ddd;
	-moz-box-shadow: 0 9px 5px #ddd;
	box-shadow: 0 9px 5px #ddd;
	margin-right: 28px;/* Bildabstand, max. 35px moeglich */
}
.zweibilder img:last-child {
	margin-right: 0;
}

/* Fuer Erweiterung (:ColorboxAttach:) */
/* Einzelne Bilder jeweils von A Element umschlossen */
.zweibilder a {
	margin-right: 28px;/* Bildabstand, max. 35px moeglich */
}
.zweibilder a:last-child {
	margin-right: 0;
}

@media screen and (max-width: 979px) {
	.zweibilder img {
		margin-right: 8px;
		margin-bottom: 20px;
	}
	.zweibilder img:last-child {
		margin-right: 8px;
		margin-bottom: 0;
	}
}
@media screen and (max-width: 750px) {
	.zweibilder img {
		border-radius: 5px;
		-webkit-box-shadow: 0 6px 5px #ddd;
		-moz-box-shadow: 0 6px 5px #ddd;
		box-shadow: 0 6px 5px #ddd;
		margin-bottom: 8px;
	}
	.zweibilder img:last-child {
		margin-bottom: 8px;
	}
}



/* BEARBEITUNGS BUTTON (nur Joomla) */
.actions {
	float: right;
	margin-top: -50px;
	margin-right: 20px;
	list-style-type: none;
	list-style-position: outside;
}

/* ?? (nur Joomla) */
#maps {
	width: 610px;
	min-height: 800px;
	margin-top: 20px;
	margin-left: 290px;
}

#wikitext h3.wikimessage {
	margin-top: 0;
	margin-bottom: .4em;
	padding: 3px 5px;
	background-color: rgb(240,238,225);
	color: #f93;
	font-family: var(--text-font-family);
	font-size: 1.125rem;/*1.1em; */
	font-weight: 600;
	font-style: normal;
	text-transform: none;
}



/* PLATZHALTER UNTEN - MOMENTAN NICHT MEHR VERWENDET */
#placeholder-bottom {
	height: 2px;/*margin-top des #footer entsprechend anpassen!*/
	margin-top: 0;
	/* background-color: lightblue; */
}
@media screen and (min-width: 720px) {
	#placeholder-bottom {
		height: 30px;
	}
}



/* SEITENFUSS */
#footer {
	position: relative;
	/* margin-bottom: 50px; */
	overflow: hidden;
	clear: both;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	height: 100px;
	/* border: 1px solid green; */
}
#footer::before {
	content: "";
	display: block;
	position: absolute;
	/* position: relative; */
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	width: 100%;
	height: 100%;
	/* background-color: #9a2b8b; */
	background-color: var(--logo-purple);
	/* background-color: greenyellow; */
	transform: skewY(-5deg);
	transform-origin: bottom right;
	/* opacity: .5; */
}
#footer p {
	position: absolute;
	bottom: 0;
	left: 50%;
  transform: translate(-50%, 0);
	margin: 0;
	color: #fff;
	font-weight: 300;
	font-size: .82rem;/* 10pt; */

	width: 92%;
	padding: 0 0 14px;
	/* border: 1px solid pink; */
	padding: 0;
	padding-bottom: 3%;
}
@media screen and (min-width: 500px) {
	#footer {
		height: 105px;
	}
	#foofooter p {
		/* padding: 0 0 16px; */
		border: 1px solid blue;
	}
}
@media screen and (min-width: 720px) {
	#footer {
		height: 136px;
	}
	#foofooter p {
		/* padding: 0 0 30px; */
		border: 1px solid red;
	}
}
@media screen and (min-width: 840px) {
	#footer {
		height: 146px;
	}
	#foofooter p {
		/* padding: 0 0 30px; */
		border: 1px solid green;
	}
}
@media screen and (min-width: 980px) {
	#footer {
		height: 160px;
	}
	#foofooter p {
		/* padding: 0 0 30px; */
		border: 1px solid orange;
	}
}

#footer a {
	color: #fff;
	font-weight: 300;
	font-size: .82rem;/* 10pt; */
	text-decoration: none;
}
#footer a:hover {
	text-decoration: underline;
}
/* ###################################### */



/* LOGIN FORM (nur Joomla) */
#login-form .userdata {
	width: 200px;
	height: 200px;
	margin-top: 0;
}
#login-form p {
	margin: 0;
	padding: 7px 0;
}
#login-form ul {
	margin-top: 0;
	margin-left: -40px;
	list-style-position: outside;
}
#login-form li {
	margin-top: 0;
	margin-left: 0;
	list-style-type: none;
}
#login-form li a {
	padding: 5px 10px 5px 15px;
	border-top-right-radius: 6px;
	border-bottom-right-radius: 6px;
	background-color: transparent;
	/* color: var(--logo-grey); */
	color: #444;
	/* font-family: var(--text-font-family); */
	font-size: 1rem;/* 12pt; */
	font-weight: 300;
	text-decoration: none;
}
#login-form li a:hover {
	background-image: none;
}
#login-form li.active a {
	background-image: none;
}
#login-form .button {
	font-size: .92rem;/* 11pt; */
}



/* WIKI AKTIONEN */
#wikiActions, #wikiActionsInactive {
	margin: 3px 0 0;
	/* margin: 0; */
	padding: 0;
	color: #ccc;
	font-size: 65%;
	font-weight: 300;
	text-align: right;
	line-height: 1.1em;
	/*background-color: lightblue;*/
}
#wikiActions {
	margin-top: 3px;
	margin-bottom: .7em;
}
#wikiActions ul, #wikiActionsInactive ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
#wikiActions li, #wikiActionsInactive li {
	display: inline;
	margin: 0 .3em;
	padding: 0;
}
#wikiActionsInactive li a {
	color: #ccc;
	font-size: .6875rem;/* 100%; */
	text-decoration: none;
}
#wikiActions li a {
	color: #000;
	font-size: .6875rem;/* 100%; */
	text-decoration: none;
}
#wikiActionsInactive li a:hover {
	color: #888;
	font-size: .6875rem;/* 100%; */
	text-decoration: none;
}
#wikiActions li a:hover, #wikiActions li.logout a:hover {
	text-decoration: underline;
}
#wikiActions li a.createlink, #wikiActionsInactive li a.createlink {
	display: none;
}
#wikiActions li.logout a, #wikiActionsInactive li.logout a {
	color: red;
	font-size: .875rem;/* 12px; */
	font-weight: 600;
	text-decoration: none;
}

/* Debug-Info, wird generiert in skin.php */
.debug-info {
	margin: 0;
	padding: .06em 1em;
	background-color: transparent;
	color: #444;
	font-size: .75rem;/* .66em; */
	line-height: 160%;
	text-align: center;
}



/* WIKI EDIT FORM */
#wikiedit form {
	width: 100%;
	margin: 0;
	padding: 0;
	line-height: 1.5%;/* 1em; */
}
#wikiedit textarea {
	width: 99%;
	font-family: 'Liberation Mono','Courier New',Courier,monospace;
	font-size: .75rem;/* 12px; */
	line-height: 1.18em;
}
table.quickref {
	font-family: var(--text-font-family) !important;
	font-size: .8125rem !important;/* .9em !important; */
	color: #000;
}
table.quickref td {
	margin: 0;
	padding: 4px 3px !important;
	background-color: #fff;
	/* border: 1px solid green; */
}
table.quickref p {
	margin: 0 !important;
	padding: 0 !important;
	line-height: 1.2em;
	/* background-color: lightblue; */
}



/* Misc                                       */
/* ========================================== */



/* ========================================== */
/* ! LAYOUT FOR PRINT                         */
/* ========================================== */
@media print {
	/* Common styles */
	body { 
		width: auto; 
		background-color: white; 
		font-family: Arial,Geneva,Helvetica,sans-serif; 
		font-size: 10pt; 
		margin: 1pt; 
		padding: 0; 
	}

	th { 
		background-color: #F9F9F9; 
		color: black; 
		font-family: Arial,Geneva,Helvetica,sans-serif; 
		font-size: 10pt; 
		font-weight: bold; 
	}
	td, div, p { 
		color: black; 
		font-family: Arial,Geneva,Helvetica,sans-serif; 
		font-size: 10pt; 
		font-weight: normal; 
	}
	h1 { 
		margin-top: 0; 
		margin-bottom: 1pt; 
		font-size: 16pt; 
		font-weight: normal; 
	}
	h2 { 
		margin-top: 0; 
		margin-bottom: 2pt; 
		font-size: 15pt; 
		font-weight: normal; 
	}
	h3, h4 { 
		margin-top: 0; 
		margin-bottom: 4px; 
		font-size: 11pt; 
		font-weight: bold; 
	}
	pre, code { 
		font-size: 85%; 
	}
	form { 
		margin-bottom: 0; 
	}
	textarea { 
		font-family: 'Courier New',Courier,'Andale Mono',Monaco,monospace; 
		font-size: 10pt; 
	}
	a:link { 
		color: black; 
		text-decoration: dotted; 
	}
	a:visited { 
		color: black; 
		text-decoration: dotted; 
	}

	/* Wiki Body */
	.pagetitle { 
		margin-bottom: 0;
	}

	#wikititle { 
		padding-top: 2pt; 
	}
	#wikititle h1 { 
		padding-left: 0.1em; 
		color: #999999; 
		font-size: 11pt; 
		font-weight: bold; 
	}
	#wikititle h2 { 
		padding-bottom: 0.2em; 
		color: black; 
		font-size: 18pt; 
		font-weight: normal; 
		line-height: 0.7em; 
	}
	#wikititle a { 
		color: #999999; 
		text-decoration: none; 
	}
	#wikilogohead { 
		display: none; 
	}
	#wikibody, #xwikititle, #wikicmds { 
		padding: 5pt; 
	}
	#wikitext { 
		font-family: Arial,Geneva,Helvetica,sans-serif; 
		font-size: 10pt; 
	}
	#wikitext ul { 
		margin-top: 0; 
		margin-bottom: 0; 
		margin-left: 0; 
		padding-left: 0; 
	}
	#wikitext ul li { 
		list-style-type: disc; 
		margin-left: 20px; 
		padding-bottom: 0; 
	}
	#wikicmds { 
		display: none; 
	}
	
	
	/* Wiki Footer */
	#wikifoot { 
		display: none; 
	}
	
	
	#wikiedit form { 
		margin: 0; 
	}
	#wikiedit textarea { 
		font-family: 'Courier New',Courier,'Andale Mono',Monaco,monospace; 
		font-size: 10pt; 
		width: 98%; 
	}
}