/* Testzwecke: Scrollbar(s) hervorheben */
* {
    /* scrollbar-color: #fff #f00; */
}

html {
    overflow-y: scroll;
}
body {
	font-family: "Verdana", "Arial", "Helvetica", sans-serif;
	font-size: 10pt;
	margin: 0px;
	margin-top: 88px;	/* Abstand zu content */
	padding: .5rem;
	text-align:center;
}


a:link    { color: #0000aa; text-decoration: none; }
a:visited { color: #0000aa; text-decoration: none; }
a:hover   { color: #f00; text-decoration: underline; }
a:active  { color: #f00; text-decoration: underline; }
a:focus   { color: #f00; }


.center { text-align: center; }

/* wenn $footer_farbe_hell == true, dann helle Links auf dunklem Hintergrund im Footer */
div.hell { color: #ddd; }
div.hell a { color: #0000aa; text-decoration: underline; }
div.hell a:link { text-decoration: none; }
div.hell a:visited, div.fusszeile a:visited { color: #0000aa; }
div.hell a:hover, div.fusszeile a:hover { color: #f60; }
div.hell a:active { color: #fff; text-decoration: underline; }

a.aktmenueover:hover {
	color: #ccccff; text-decoration: underline
}
a.menueover:hover {
	color: #ffffff; text-decoration: underline
}

div#inhalt {
	border: 1px solid #000;
	text-align: center;
	background: #fff;
	padding-top: 10px;
}
.titel, h1 {
	color: #000;
	font-weight: bold;
	font-size: 24px;
	line-height: 18pt;
	letter-spacing: 1px;
	margin-top: 10px;
	/*filter:shadow(color=#00ff00, direction=135);*/
	font-family: "trebuchet ms", "trebuchet", "verdana", "arial", "helvetica", sans-serif;
}



td {
	font-size: 10pt; color: #000000; scrollbar-arrow-color: white; font-family: "verdana", "arial", "helvetica", sans-serif; scrollbar-base-color: #6666cc
}
textarea {
	font-size: 10pt; color: #000000; scrollbar-arrow-color: white; font-family: "verdana", "arial", "helvetica", sans-serif; scrollbar-base-color: #6666cc
}
.fett {
	font-weight: bold
}
.titel {
	font-weight: bold; font-size: 14pt; line-height: 18pt
}
h1 {
	font-weight: bold; font-size: 14pt; line-height: 18pt; text-align: center;
}
h1.p {
	font-size: 10pt; font-weight: normal; margin: 0px; padding: 0px; margin-top: 0.3em; margin-bottom: 1em;
}
.ha1 {
	font-weight: bold; font-size: 14pt; line-height: 18pt
}
h2 {
	font-weight: bold; font-size: 12pt; line-height: 16pt
}
.ha2 {
	font-weight: bold; font-size: 12pt; line-height: 16pt
}
.fusszeile {
	font-size: 8pt;
	line-height: 11pt;
	padding-bottom: 10px;
	margin-bottom: 1em;
	margin-top: 1.5em;
}
.kleiner {
	font-size: smaller;
}
p.p1 {
	padding-left: 25px; margin-bottom: 9px
}
p.p2 {
	margin-top: 0px; padding-left: 50px
}
p.p3 {
	padding-left: 75px
}
.letter {
	letter-spacing: 1px
}

.para {
	padding: 0px;
	margin: 0px;
}

img, a:link img, a:visited img {
	border: none;
}
a img { /* the only way to hide the border in ns 4.x */
	color: black;
}

a.bildhref img {
	/* border: 1px solid #999; */
	padding: 1px;
	margin: 5px;
	box-shadow: 0px 0px 3px #bbb;
	opacity: 1;
}

a.bildhref:hover img {
	/* border: 1px solid #f60; */
	margin: 5px;
	box-shadow: 0px 0px 8px #666;
	opacity: .8;
}
#bild:hover {	/* Einzelbild */
	box-shadow: 0px 0px 3px #bbb;
	opacity: 1;
}

a.bildhref:active img {
	/* border: 1px dashed #f60;
	margin-top: 6px;
	margin-bottom: 4px;
	margin-left: 6px;
	margin-right: 4px; */
	padding: 0;
	border: 1px solid #f60;
	opacity: 1;
}

a.aktivesBild img, a.inaktivesBild img:hover {
	border: 1px solid #f60;
	padding: 1px;
	background: #fff;
}
a.inaktivesBild img {
	border: 1px solid #555;
	padding: 1px;
	background: #bbb;
}




	kbd {	/* Tastaturkürzel */
		background:#FAF6F6 none repeat scroll 0%;
		background-color: #FB9958;
		border-color:#CCCCCC;
		border-color: #d95700;
		border-style:solid;
		border-width:1px 2px 2px 1px;
		font-family:Verdana,Sans-Serif;
		padding:0pt 1px;
	}


/* 2020-10-17 */

span.bildanzahl {
	position: absolute;
	right: .8rem;
	top: -1.0rem;
	background: #fff;
	opacity: .8;
	padding: 0 .2rem;
	border-radius: 2px;
	color: #f60;
}




/* 
2026-06-05
ehemals in: layout_klein.css
*/

div.content {
	/* background: #fff url(schatten_weiss.gif) bottom repeat-x; */
	padding-bottom: 8px;
	padding-top: 15px;
}




/*
2026-06-05

*/

/* CSS FÜR DEN MODERNEN NACHBAU */

/* Der Haupt-Header geht über die volle Breite des Browsers */
.tsv-global-header {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 83px;
  background-color: #f60; /* TSV Orange */
  font-family: "Verdana", "Arial", sans-serif;
  box-sizing: border-box;
  z-index: 100;
  overflow: hidden;
}

/* Der innere Container zentriert die Inhalte im gleichen Raster wie Ihr Galerietext */
.header-inner {
  max-width: 709px; /* Passt sich exakt an Ihre Content-Breite an */
  height: 100%;
  margin: 0 auto;
  display: flex;
  align-items: stretch;
  position: relative;
  background-color: #f60;
}

/* Wappen-Box: Linksbündig, feste Breite */
.logo-box {
  width: 85px;
  height: 83px;
  flex-shrink: 0;
  background: #7e7ec5; /* Blauviolett-Ton hinter dem Wappen */
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: 10;
}

.logo-link {
  display: block;
  width: 100%;
  height: 100%;
  cursor: pointer;
}

.logo-img {
  width: 85px;
  height: 83px;
  display: block;
}

/* Rechter flexibler Bereich für Banner & Text */
.nav-container {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

/* Der obere Bereich mit Farbverlauf */
.nav-banner {
  height: 40px;
  border-bottom: 1px solid #ffffff;
  /* Attraktiver CSS-Gradient statt schwerem Verlauf-Bild: */
  background: linear-gradient(to right, #21217f, #3a3a9a, #7e7ec5, #ffffff);
	background: linear-gradient(to right, #FF6600 18%, #000000 70%, #FF6600 95%)
}

/* Die orangefarbene Zeile für Navigation / Texte unten */
.nav-bar {
  height: 42px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 15px;
  background-color: #f60;
  color: #ffffff;
  font-size: 10pt;
  font-weight: normal;
}

.nav-text {
  text-align: center;
}

/* Voll responsive Anpassungen für kleinere Bildschirme */
@media (max-width: 720px) {
  .header-inner {
    max-width: 100%;
    padding: 0 10px;
  }
}
@media (max-width: 480px) {
  .nav-bar {
    font-size: 8.5pt; /* Etwas kleinerer Text auf Handys */
  }
  div#bilderleiste img {
  	width: 40%;
  	height: auto;
  }
}