html {
  margin:0;
  padding:0;
}

body {
  margin:0;
  padding:0;
  background-color:#fffff8;
 /* background-color:#abfbf3; */
  font-family:"Arial","Verdana",sans-serif;
}

/* Menü-Hintergrund */

.Site {
  position:relative;
  background-image:url("images/hintergrund-jack.svg");
  background-repeat:repeat-y;
  background-size:100% auto;
  width:1000px;
  margin:0 auto;
  text-align:center;
}

.ANNA-Logo {
  position:absolute;
  left:78px;
  top:10px;
  width:280px;
}
.weltoffen-logo {
  position:absolute;
  left:390px;
  top:15px;
  width:135px;
}

.ANNA-Logo img {
  width:100%;
  height:auto;
}

.Site-Footer {
  text-align:center;
  border-top:1px solid #636738; /* dunkel */
  padding-top:10px;
  margin-bottom:160px;
  
}

.Footer-Gradient {
  width:100%;
  height:160px;
  position:absolute;
  bottom:0;
  background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
}

/* HAUPTMENUE OBEN */

.sitemenu-container {
  padding:0;
  margin:0;
  position:relative;
  display:block;
  width:1000px;
  height:130px;
}

.sitemenu-container ul {
  position:absolute;
  bottom:0px;
  left:36px;
  width:848px;
  height:35px;
  list-style-type:none;
  padding-left:40px;
  padding-right:40px;
  margin:0;
  /*  background-color:#ffffee;  hell */
 /* border-bottom:1px solid #636738;  dunkel */
}

.sitemenu-container ul li {
  float:left;
  font-size:12pt;
  margin:0 12px 10px 0;

}

.sitemenu-container ul li a {
  padding:2px 10px 2px 10px;
  display:block;
}

.sitemenu-container ul li a:hover {
  color:#f60;
  border-bottom:1px solid #f60;
}

.sitemenu-container ul li.active {
  float:left;
  margin-right:12px;
  font-weight:700;
  border-bottom:4px solid #f60;
}

.sitemenu-container ul li.active:hover {
  color:#f60;
  float:left;
  margin-right:12px;
  font-weight:700;
 border-bottom:6px solid #f60;
}

nav, p, td, tr, ul, ol, li, input, textarea, h1, h2, h3, h4 {
  font-size:1rem;
  font-family:"Arial","Verdana",sans-serif;
  padding:0;
  margin:0;
  line-height:1.5;
}

/* FLEX-Layout vorgegriffen von neuer Webseite */

/* SPALTEN */
.zweispaltig, 
.dreispaltig {
	margin-top:2rem;
	display:grid;
	justify-content:space-between;
	column-gap:2rem;
	row-gap:2rem;
	grid-template-columns: 1fr 1fr 1fr;
}
.zweispaltig {
	grid-template-columns: 1fr 1fr;
}
.zweispaltig div,
.dreispaltig div {
	display:grid;
	align-content:start;
}

/* CONTENT-Bereich */

h1 {
  margin-top:20px;
  color:#000;
  font-size:1.5rem;
  margin-bottom:0;
  text-align:left;
} 

h1 span {
  font-size:0.8em;
  font-weight:300;
}

h2 {
  color:#000;
  font-size:1.25rem;
  margin-top:1.25rem;
  margin-bottom:1.25rem;
}

h1 + h2
{ 
  margin: 0; 
  padding:0;
}

h1 + ol, 
h1 + p, 
h1 + div { 
  margin-top: 1.5; 
}

h1 + p {
	margin-bottom:1rem;
	padding-bottom:1rem;
	border-bottom:1px solid #ccc;
}

h3 {
  color:#000;
  font-size:1rem;
  margin-top:1rem;
  margin-bottom:0.5rem;
  font-weight:bold;
}

h4 {
  color:#000;
  font-size:1rem;
  margin-top:1rem;
  margin-bottom:0.5rem;
  font-weight:bold;
}

td {
	vertical-align:top;
	text-align:left;
}

td.inhalt b {
	font-size:1rem;
}

ul {
	margin-left:20pt;
}

ol {
	margin-left:30pt;
}

ol.spaced > li {
  padding-bottom:1rem;
}

#contentbereich li:hover {
  background-color:#fff;
}

table {
	border: none;
	border-collapse:collapse;
}

a,
a:link {
  color:#f60;
  text-decoration:none;
}

a:hover {
  color:#ff9933;
  text-decoration:none;
}

/* TOPMENU */

nav {
	padding:0;
	margin:0;
	margin-bottom:2rem;
	padding-bottom:1rem;
	border-bottom:1px solid #ccc;
}

nav ul {
	list-style-type:none;
	/* Safari hack, see https://www.scottohara.me/blog/2019/01/12/lists-and-safari.html */
	list-style: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'/%3E"); 
  padding:0;
  margin:0;
} 

nav li {
	display:inline;
	list-style: none;
  margin: 0 1rem 0.2rem 0;
  padding: 0 0.1rem 0.1rem 0;  
}

nav li.current {
	border-bottom: 3px solid #000;
}

nav li.current a {
	color:#000;
	font-weight:bold;
}


/* NEUE Classes */

.seitenleiste {
  width:180px;
  padding-left:1rem;
  border-left:1px solid #888;
  margin-left:1rem;
  float:right;
}

.bild-rechts {
  float:right;
  margin-left:1rem;
  margin-bottom:2rem;
}

.drei-viertel-breite {
  width:630px;
}

/* OL Liste mit (x) runden Nummern */

ol.paragraphlist {
  list-style: none;
  counter-reset: list;
  list-style-position: outside;
  
}
ol.paragraphlist > li {
  list-style: none;
}
ol.paragraphlist > li:before {
  content: "(" counter(list) ") ";
  counter-increment: list;
  display:block;
}

ol.paragraphlist > li ul {
  list-style-type: disc;
}

/* Mitglieder-Bereich - Formularblöcke rechts */

div.controls {
  border:1px solid #ccc;
  padding:10px;
  margin-bottom:1em;
}
div.controls h2 {
  margin-top:0;
}

/* ALLGEMEINE KLASSEN */

.bold_right_up {
	font-weight:bold;
	text-align:right;
	vertical-align:top;
}

.right {
	float:right;margin-left:15px;
}
.left {
	float:left;margin-right:15px;
}
.shadow {
  box-shadow: 0 5px 3px #999;
	-moz-box-shadow: 0 5px 3px #999;
  -webkit-box-shadow: 0 5px 3px #999;
}

/* */
.Rechte_Spalte {
  float:right;margin-left:20px;width:183px;
}
.Rechter_Kasten {
  float:right;margin-left:20px;width:183px;
  border:1px solid #999;
  padding:10px;
}

.em_supporter_logos a img {
	margin:0px 5px 5px 0px;
}

/* WIR-Bereich */

.wir-edittext {
  width:520px;
  border:1px solid #c99;
  padding:5px;
}

/* Language-Buttons */

.lng-button,
.lng-button a {
	width:42px;
	height:28px;
	background-image:url('images/language.gif');
	float:left;
	margin-right:10px;
}
.lng-button a,
.lng-button a:hover {
	display:block;
}

.lng-de,
.lng-de a {
	background-position:0px 0px;
}
.lng-de-active {
	background-position:0px -56px;
}
.lng-de a:hover {
	background-position:0px -28px;
}

/* en */
.lng-en,
.lng-en a {
	background-position:-42px 0px;
}
.lng-en-active {
	background-position:-42px -56px;
}
.lng-en a:hover {
	background-position:-42px -28px;
}



/* Projekte */

.projekt-left {
  margin-bottom:1rem;
  width:185px;
  float:left;
}
.projekt-left form select {
  font-size:1rem;
  color:#646839;
  text-align:center;
  font-weight:700;
  height:25px;
  border:1px solid #ccc;
}
.projekt-left form select option {
  font-size:0.8rem;
  color:#646839;
  text-align:center;
  font-weight:300;
}
.projekt-left form select option.active {
  font-weight:700;
}

.projekt-right {
  width:630px;
  float:right;
}

/* STARTSEITE: Kaesten mit Infos */

.start_kasten {

  width:170px;
  padding:0 10px 5px 10px;
  margin:0 10px 10px 0;
}

.start_kasten2 {
  border:3px solid #ffffc1;
  width:180px;
  padding:5px;
  margin:0 10px 10px 0;
}

/* BUTTONS OBEN RECHTS MIT TERMINEN */

.termin-button {
  width:60px;height:47px;padding-top:3px;font-size:11px;
}
.termin-button a {
  display:block;width:60px;height:57px;
}
.button-bg-gelaufen {
	background-image:url('images/button-gelaufen.gif');
}
.button-bg-gelaufen a {
	color:#000;
}
.button-bg-gelaufen b {
	font-size:14px;
}
.button-bg-login {
	background-image:url('images/button-login.gif');
}
.button-bg-logout {
	background-image:url('images/button-logout.gif');
}
/* MONATSBLATT */

.monatsblatt {
	border:1px solid #eee;
	text-align:center;
}
.monatsblatt th {
	background-color:#999;
	color:#fff;
	font-weight:bold;
	border:1px solid #999;
	border-left:1px solid #fff;
	border-right:1px solid #fff;
}
.monatsblatt .monatsnamen {
	text-align:left;background-color:#eee;
}
.monatsblatt td p,
.monatsblatt td p a {
	font-size:9px;
}
.monatsblatt td p a b {
	font-size:12px;
}
.monatsblatt td.tage {
	height:100px;
}
.monatsblatt td.empty {
	border:1px solid #eee;
}
.monatsblatt td.filled {
	border:1px solid #eee;
	background-color:#fffff0;
}
.monatsblatt td.sonntag,
.monatsblatt td.feiertag {
	border:1px solid #eee;
	background-color:#fed;
}
.monatsblatt td.heute {
	border:1px solid #0063b0; /* #b6c8e6; */
}
.monatsblatt td div {
	padding-left:5px;
	width:30px;
	float:left;
	font-size:16px;
}
.monatsblatt td div a {
	font-weight:bold;
	display:block;
}

/* -------------------------- */

table.Monatsblattklein th {
	text-align:center;
	background-color:#999;
	color:#fff;
	font-weight:bold;
	border:1px solid #999;
	border-left:1px solid #fff;
	border-right:1px solid #fff;
}

table.Monatsblattklein TD.filled {
	text-align:center;
	border:1px solid #eee;
	background-color:#fffff0;
}
table.Monatsblattklein TD.sonntag,
table.Monatsblattklein TD.feiertag {
	text-align:center;
	border:1px solid #eee;
	background-color:#fed;
	font-weight:bold;
}
table.Monatsblattklein TD.heute {
	text-align:center;
	background-color:#b6c8e6;
	border:1px solid #0063b0;
}
table.Monatsblattklein TD.aktuell {
	background-color:#f60;
  color:#fff;
}
table.Monatsblattklein TD.aktuell A {
  display:block;
  color:#fff;
}
table.Monatsblattklein TD A {
  display:block;
}

/* MENUES */

.stickynavi {
	padding-top:5px;
	/*background-color:rgba(0,0,0,0.1);*/
  background-color:#fff;
	border:1px solid #ccb;
	border-top-width:0;
	position:absolute;
  width:840px;
  margin-bottom:10px;
/*	background-position:0 5px;
	-webkit-border-bottom-left-radius: 10px;
  -moz-border-bottom-left-radius: 10px;
  -khtml-border-bottom-left-radius: 10px;
  border-bottom-left-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
  -moz-border-bottom-right-radius: 10px;
  -khtml-border-bottom-right-radius: 10px;
  border-bottom-right-radius: 10px;*/
  z-index:50;
}
.stickygalnavi {
	padding-top:5px;
  background-color:#fff;
/*	background-color:rgba(0,0,0,0.1);*/
	border:1px solid #ccb;
	border-top-width:0;
	position:absolute;
  width:840px;
  margin-bottom:10px;
/*	background-position:0 5px;
	-webkit-border-bottom-left-radius: 10px;
  -moz-border-bottom-left-radius: 10px;
  -khtml-border-bottom-left-radius: 10px;
  border-bottom-left-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
  -moz-border-bottom-right-radius: 10px;
  -khtml-border-bottom-right-radius: 10px;
  border-bottom-right-radius: 10px;*/
  z-index:115;
  position: fixed; 
  top: 0;
}

.fest {
	position: fixed; top: 0;
}

.menulist {
  list-style-type:none;
}
.Menu {
  font-size:1rem;
}







/* Menueleiste mit Reitern 
div#toolmenu {
  width:600px;
  height:10px;
  margin-bottom:-12px;
}
div#toolmenu ul li {
  display:block;
  float:left;
  border-top-left-radius:10px;
  border-top-right-radius:10px;
}
div#toolmenu ul li.inactive {
  margin:5px 5px 0 5px;
  padding:5px 5px 4px 5px;
  background-color:#fff;
}
div#toolmenu ul li.active {
  border-top:1px solid #999;
  border-left:1px solid #999;
  border-right:1px solid #999;
  margin:5px 5px 0 5px;
  padding:5px 5px 5px 5px;
  background-color:#999;
}
div#toolmenu ul li a {
  color:#c00;
  font-weight:bold;
}
div#toolmenu ul li a:hover {
  color:#f00;
}
div#toolmenu ul li b {
  color:#fff;
  font-weight:bold;
}
label { display:block;font-size:0.8em; }
p.title { font-size:1.2em; }
textarea.halb, input.halb, select.halb { width:280px; }
textarea.kurz, input.kurz, select.datum { width:132px; }
textarea.ganzkurz, input.ganzkurz, select.datum { width:50px; }
textarea.voll, input.voll, select.voll { width:580px; }
.left { float:left;margin-right:10px; }
.right { float:right;margin-left:10px; }
.clear { clear:both; }
.red { color:#f00; }
#error { 
  width:100%;
  background-color:#f00;
  color:#fff;
  font-weight:bold;
  text-align:center;
  padding:5px;
  margin-bottom:10px; 
}
tr.yellow { background:#fff; }
tr.yellow:hover { background:#eed; }
*/


/* MITGLIEDER */

.mitglied_entry {
	float:left;
	width:190px;
	height:190px;
	margin:5px 15px 15px 0;
	text-align:center;
	border:1px solid #ccc;
}

td.content {
  padding-right:20px;
}

.image-slide {
  width:620px;
  height:150px;
  overflow:hidden;
}

.image-slide-content {
  height:150px;
  animation: slide 60s linear infinite;
}

@keyframes slide{
  0% {
    transform: translate3d(0, 0, 0);
  }
  100% {
    transform: translate3d(-50%, 0, 0);
  }
}

/* PRESSE ---------------------------------------------- */

#presseliste {
  position:relative;width:637px;
}
.presseartikel {
  margin:10px;
  margin-bottom:16px;
}
DIV .pressefull {
  padding-top:10px;
  padding-bottom:20px;
  padding-left:20px;
  padding-right:20px;
  }
DIV .pressefull H1 {
  text-align:center;
  color:#111;
  text-decoration:none;
  font-weight:bold;
  font-size:18px;
  border:0;
}
DIV .pressefull H2 {
  text-align:center;
  color:#111;
  text-decoration:none;
  font-weight:bold;
  font-size:14px;
  border:0;
}
DIV .pressefull P {
  text-align:justify;
  color:#111;
  font-size:12px;
}

/* GALERIE-Vollbild ------------------------------------ */

#OverlayVollbild {
   position: fixed;
   z-index:110;
   top: 0;
   left: 0;
   height:100%;
   width:100%;
}
.OverlayVollbildBG {
   background-color:#000;
   -ms-filter: "Alpha(Opacity=75)";
   filter:alpha(opacity=75);
   -moz-opacity: 0.75;
   opacity: 0.75;
}
#ContentVollbild {
  position:absolute;
  padding:10px;
  z-index:111;
}
/* ARTIKEL-LAYOUT -------------------------------------- */

#artikelliste {
  position:relative;width:inherit;
}
.artikel {
  margin:10px;
  width:380px;
}
.kalendericon IMG {
  width:80px;
  height:70px;
  float:left;
  margin-right:20px;
  border:1px solid #cacea5;
  /* F�r die Webkitbrowser */
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -khtml-border-radius: 10px;
  border-radius: 10px;
}
.kalendericonklein IMG {
  width:40px;
  height:35px;
  float:left;
  margin-right:20px;
  border:1px solid #cacea5;
/* F�r die Webkitbrowser */
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
}

.kalendericon-lh IMG {
  width:80px;
  height:70px;
  float:left;
/*  margin-right:20px;*/
}
.kalendericonklein-lh IMG {
  width:40px;
  height:19px;
  float:left;
  margin-right:20px;
}

.kalendercontent {
	 height:70px;
	 margin-bottom:30px;
}




P.ifrage {
  color:#000000;
}
P.iantwort {
  color:#000000;
  padding-left:30px;
}
P.zitat {
  color:#333333;
  padding-left:32px;
}

.progentrykopf {
  font-size:14px;
  color:#956F5E;
  padding-bottom:6px;
}

.GalImage{
  font-size:10px;
  border:1px solid #BF7616;
}

.GalImage:hover {
  font-size:10px;
  border:2px solid #EBBAA3;
}


.inverse,
.inverse b {
	background-color:#f60;
	color:#fff;
}
a.inverse,
a:link.inverse,
a:alink.inverse {
  color:#fff;
}

.Seite {
  border:1px solid #cccccc;
  border-right:1px solid #666666;
  border-bottom:1px solid #666666;
}

.VorschauSeite {
  border:3px solid #cccccc;
  border-right:3px solid #666666;
  border-bottom:3px solid #666666;
}

.GedichtBlock {
  border:1px solid #cccccc;
  border-right:1px solid #666666;
  border-bottom:1px solid #666666;
  background-color:rgba(255,255,0,0.1);
  position:absolute;
  padding:20px;
  text-align:left;
}

.Icon {
  width:80px;
  height:70px;
  border:1px solid #cccccc;
  border-right:1px solid #666666;
  border-bottom:1px solid #666666;
}

.Autor {
  margin-top:6px;
  font-size:10px;
}

TD.Content {
  background-color:rgba(255,255,255,0.1);
}
TD.Footer {
  background-color:rgba(255,255,255,0.1);
  color:#bfc86c;
  text-align:center;
}




/* Bildbalken */

#bildbalken {
	width:840px;
	height:100px;
	background-position:0 0;
	position:relative;
}
#contentbereich {
  position:relative;width:840px;margin:0 6px 0 6px;
}


.ImgDesc {
  margin-top:5px;
}

/* QR-Code Messagebox */
div.qr-msg {
  position:absolute;
  width:800px;
  background-color:#ff0;
  padding:20px;
  font-size:16px;
  left:0px;
  border:1px solid #000;
  z-index:1000;
}

/* Navigation beim Rueckblick RN=Rueckblick-Navi */

#rn_jahr_navi { float:left;margin-left:100px;width:150px;height:25px; }
#rn_jahr_navi_sub { float:left;margin-left:0;width:100px;height:25px; }

#rn_jahr_navi form select,
#rn_jahr_navi_sub form select {font-size:16px;color:#f60;background-color:rgba(255,104,0,0.1);text-align:center;font-weight:700;height:25px;border:1px solid #ccc;}
#rn_jahr_navi form select option,
#rn_jahr_navi_sub form select option {font-size:12px;color:#f60;text-align:center;font-weight:300;}
#rn_jahr_navi form select option.active,
#rn_jahr_navi_sub form select option.active { background-color:rgba(255,104,0,0.1);font-weight:700; }

#rn_artikel { float:left;width:640px;height:25px; }
#rn_artikel form select {	height:25px;font-size:16px;color:#f60;background-color:rgba(255,104,0,0.1);border:1px solid #ccc;font-weight:700; }
#rn_artikel form select option { font-size:12px;color:#f60;background-color:rgba(255,104,0,0.1); }
#rn_artikel form select option.active { font-weight:700;}

#rn_jahr_link { float:left;margin-left:10px;width:120px;height:25px; }
#rn_prev_link { float:left;text-align:right;padding-right:10px;width:30px;height:25px; }
#rn_next_link { float:right;margin-left:10px;width:30px;height:25px; }
#rn_jahr_link a,
#rn_prev_link a,
#rn_next_link a {
	display:block;
	font-size:16px;
}

/* Projekte-Navigation */

#pn_projekt { margin-left:45px;width:750px;height:25px; }
#pn_projekt form select {	height:25px;font-size:16px;color:#646839;background-color:rgba(255,255,255,0.1);border:1px solid #ccc;font-weight:700; }
#pn_projekt form select option { font-size:12px;color:#646839;background-color:rgba(255,255,255,0.1); }
#pn_projekt form select option.active { background-color:rgba(255,255,255,0.1);font-weight:700;}

ul.laeuferliste,
ul.laeuferliste li {
  margin-bottom:0;
  padding-bottom:0;
}

/* Facebook-Knopf */

#facebookbutton {
  position:fixed;
  display:block;
  width:269px;
  height:94px;
  right:10px;
  bottom:10px;
}
#facebookbutton a {
  background-image:url('images/facebook1.gif');
  width:269px;
  height:94px;
  display:block;
  background-position:0 0;
}
#facebookbutton a:hover {
  background-image:url('images/facebook1.gif');
  width:269px;
  height:94px;
  display:block;
  background-position:0 94px;
}

/* Laufendhelfen Datenbank Informationen */
div.km_zaehler {
	width:150px;
	background-image:url('laufendhelfen/kmcntbg.gif');
	background-repeat:repeat-x;
	padding:10px;
	border-radius:10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}

div.km_zaehler p {
	text-align:right;
	font-size:10px;
	color:#333;
}
div.km_zaehler p a {
	color:#c00;
	text-decoration:none;
}
div.km_zaehler p a:hover {
	color:#f00;
	text-decoration:underlined;
}
div.km_zaehler p.km_zaehler_zahl {
	text-align:right;
	font-size:25px;
	color:#223;
	background-color:#666;
	border-radius:5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	padding-right:5px;
}
div.km_zaehler p.km_zaehler_zahl strong {
	font-size:15px;
}

div.startnr {
  float:right;
	height:70px;
	width:80px;
	border:1px solid #ccc;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	padding-right:5px;
  background-color:rgba(0,0,0,0.1);
  text-align:center;
  font-size:10px;
}
div.startnr p.gross {
	font-size:25px;color:#642;
	margin-top:10px;
}
div.startnr p.klein {
	font-size:18px;color:#642;
	margin-top:5px;
}

.laufveranstaltung{
	height:80px;
	border:1px solid #ccc;
	border-radius:15px;
	padding:10px;
	margin-bottom:10px;
}
.laufveranstaltung h2 {
	font-size:16px;
	border:0;
	text-decoration:none;
	margin-bottom:6px;
}

div.no_icon {
	height:70px;
	width:80px;
	background-color:rgba(255,255,255,0.1);
	display:block;
	float:left;
	margin-right:10px;
}

table.ergebnisse tr th,
table.lh_laeuferliste tr th {
	background-color:rgba(255,255,255,0.1);
	text-align:left;
	border-left:1px solid #fff;
	border-right:1px solid #fff;
	padding:2px 10px 2px 10px;
}
table.ergebnisse tr td,
table.lh_laeuferliste tr td {
	background-color:rgba(255,255,255,0.1);
	padding-left:20px;
}

/*
tr.td_center td { text-align:center;padding:2px 0 2px 0; }
tr.td_center td:first-child {text-align:left;padding:2px 0 2px 6px;}

.td_left, tr.td_left td { text-align:left;padding:2px 0 2px 6px; }
.td_right, tr.td_right td { text-align:right;padding:2px 6px 2px 0; }
.td_center, tr.td_center td { text-align:center;padding:2px 0 2px 0; }

tr th:first-child h3 { margin:0 0 0 5px;padding:0;text-align:left; }
*/
.erste { text-align:right;padding:0 6px 0 0; }
.keyword { font-weight:bold; }
tr.even {	background-color:rgba(255,255,0,0.1); }
tr.odd {	background-color:rgba(255,255,255,0.1); }

table.ergebnisse tr td table,
table.ergebnisse tr td table tr,
table.ergebnisse tr td table tr td,
table.lh_laeuferliste tr td table,
table.lh_laeuferliste tr td table tr,
table.lh_laeuferliste tr td table tr td {
	background:transparent;
	border:0 solid #000;
}


/* Tabelle für Teilnehmerliste */

table.teilnehmerliste {
  width: 830px;
}

table.teilnehmerliste td {
  height:20px;
  vertical-align:center;
}

table.teilnehmerliste tr td:nth-child(1),
table.teilnehmerliste tr td:nth-child(2) {
  padding-left:10px;
}

table.teilnehmerliste tr td:nth-child(3),
table.teilnehmerliste tr td:nth-child(4),
table.teilnehmerliste tr td:nth-child(5) {
  padding-left:5px;
}

table.teilnehmerliste tr th {
	background-color:rgba(255,255,0,0.1);
	text-align:left;
  vertical-align:bottom;
	border-left:1px solid #fff;
	border-right:1px solid #fff;
  border-bottom:1px solid #333;
}

table.teilnehmerliste .nichtgelaufen {
  color:#666;
}

table.teilnehmerliste .anderestartnr {
  color:rgb(247, 45, 45);
}



/* Statistik-Tabelle */

table.tnstatistik {
  width: 830px;
}

table.tnstatistik td {
  height:20px;
  vertical-align:center;
}

table.tnstatistik tr td:nth-child(2),
table.tnstatistik tr td:nth-child(3) {
  padding-right:40px;
  text-align:right;
}

table.tnstatistik tr td:nth-child(4) {
  padding-left:5px;
}

table.tnstatistik tr th {
  background-color:rgba(0,0,0,0.1);
	text-align:left;
  vertical-align:bottom;
	border-left:1px solid #fff;
	border-right:1px solid #fff;
  border-bottom:1px solid #333;
}

table.tnstatistik .gesamt {
  border-top:1px solid #333;
  border-bottom:4px double #333;
  vertical-align:center;
  font-weight:bold;
}



/* Tabelle fuer Ordner und Dateien / Intranet */

table.folderlist {
	margin:0px;
	border:1px solid #ccc;
}
table.folderlist th {
  background-color:rgba(255,255,0,0.1);
	padding:2px 5px 2px 5px;
	border-bottom:1px solid #ccc;
}
table.folderlist tr {
	margin:0px;
}
table.folderlist tr td {
	margin:0px;
}
table.folderlist .even {
	background-color:rgba(255,255,255,0.1);
}
table.folderlist .odd {
	background-color:rgba(255,255,0,0.1);
}
table.folderlist td {
	padding:2px 5px 2px 5px;
}

div.editkasten {
	padding:5px 5px 5px 5px;
	background-color:rgba(255,255,255,0.1);
}
div.editkasten hr {
	color:#fff;
	width:100%;
	height:2px;
}

a.inline-link-button {
	border:1px solid #f99;
	font-size:10px;
	padding:0 3px 0 3px;
	margin-left:10px;
	background-color:rgba(255,255,255,0.1);
}
.number_col {
	text-align:right;
}

/* class shirt_bestellung.php - BESTELLSCHEIN TABELLE */

.bestellschein {
	background-color:rgba(255,255,255,0.1);
	padding:5px;
	width:100%;
}
.warenkorb {
	width:100%;
	border-collapse:collapse;
}
.warenkorb td,
.warenkorb th {
	padding-left:5px;
	padding-right:5px;
}
.warenkorb tr th {
	border:1px solid #999;
	background-color:rgba(255,255,255,0.1);
	font-weight:bold;
}
.warenkorb td {
	border-left:1px solid #999;
	border-right:1px solid #999;
	border-bottom:1px solid #999;
	vertical-align:center;
}
.warenkorb td.preis {
	text-align:right;
}
.warenkorb tr.neu {
	background-color:rgba(255,255,255,0.1);
}
.warenkorb tr.letzte_zeile {
	border-top:2px solid #333;
	border-bottom-width:2px;
	border-bottom-style:double;
	margin-bottom:10px;
	height:1.2rem;
	vertical-align:bottom;
	font-weight:bold;
}
.warenkorb tr.letzte_zeile .preis {
	font-size:1.2rem;
}
.warenkorb input.button {
	padding:2px 5px 2px 5px;float:left;
}

.layout_tabelle {
	border-width:0;
	border-collapse:collapse;
}
.layout_tabelle td {
	border-width:0;
}

/* Left-Menu */

.left_menu_item {
	font-size:14px;
	width:180px;
}
.left_menu_item_active {
	font-size:14px;
	background-color:rgba(255,255,0,0.1);
	width:180px;
}


/* In Sektionen unterteilte Seiten */
.sektion_grayed_out,
.sektion_zugeklappt,
.sektion_aufgeklappt {
  margin-bottom:0.5rem;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

.sektion_grayed_out {
  background-color:rgba(0,0,0,0.5);
}

.sektion_zugeklappt {
  background-color:#f9b990;
}
.sektion_zugeklappt:hover {
  background-color:#f37422;
}

.sektion_aufgeklappt {
  border:1px solid #f37422;
}
.sektion_aufgeklappt .titel {
  background-color:#f37422;
}
.sektion_aufgeklappt .content {
  padding:5px 10px 5px 10px;
}
.sektion_aufgeklappt .titel,
.sektion_grayed_out .titel,
.sektion_aufgeklappt .titel a,
.sektion_zugeklappt .titel a {
  display:block;
  text-align:center;
  font-size:16pt;
  color:#fff;
  font-weight:bold;
  padding:3px 0 3px 0;
}

.supporterliste a {
  color:#000;
}
.supporterliste a:hover {
  color:#000;
  text-decoration:underline;
}

/* DARK MODE */

@media (prefers-color-scheme: dark) { 

  body {
    background-color:#000;
  }

  .Site-Footer {
    border-top:1px solid #999; /* dunkel */
  }
  
  .Footer-Gradient {
    background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
  }

  #contentbereich {
    background-color:rgba(0,0,0,0); 
    color:#999;
  }

  p, td, tr, ul, ol, li, input, textarea {
    color:#999;
  }

  h1, h2, h3, h4 {
    color:#fff;
  }

  .seitenleiste {
    border-left:1px solid #999;
  }
  .Rechter_Kasten {
    float:right;margin-left:20px;width:183px;
    background-color:rgba(0,0,0,0); 
    border:1px solid #999;
    padding:10px;
  }

  .wir-edittext {
    background-image:none;
    background-color:rgba(0,0,0,0);
  }
  .start_kasten {
  
    background-image:none;
    background-color:rgba(0,0,0,0);
    background-repeat:no-repeat;
    border-left:6px solid #000;
  }
  .start_kasten h3 {
    color:#fff;
  }
  .stickynavi,
  .stickygalnavi {
    background-color:#111;
    border:1px solid #000;
    border-top:1px solid #000;
  }

  div.topmenu-container {
    background-color:#000;
  }
  
  div.topmenu-container ul li {
    background-color:#000;
    border:none;
  }


  .projekt-left form select {
    color:#fff;
    background-color:#000;
    border:1px solid #ccc;
  }
  .projekt-left form select option {
    color:#646839;
    background-color:#000;
  }
  .projekt-left form select option.active {
    background-color:#000;
  }
  
  .projekt-right {
    width:630px;
    float:right;
  }
  
  #rn_jahr_navi form select,
  #rn_jahr_navi_sub form select {color:#ff6600;background-color:#333;border:1px solid #000;}
  #rn_jahr_navi form select option,
  #rn_jahr_navi_sub form select option {color:#ff6600;background-color:#333;}
  #rn_jahr_navi form select option.active,
  #rn_jahr_navi_sub form select option.active { background-color:#333; }
  
  #rn_artikel form select { color:#ff6600;background-color:#333;border:1px solid #000; }
  #rn_artikel form select option { color:#ff6600;background-color:#333; }
  #rn_artikel form select option.active { background-color:#333;}

  
  /* Projekte-Navigation */
  
  #pn_projekt form select {	color:#ff6600;background-color:#333;border:1px solid #000;}
  #pn_projekt form select option { color:#ff6600;background-color:#333; }
  #pn_projekt form select option.active { background-color:#333; }
  


}