*{margin:0;padding:0;}
#b{position:static;width:100%;left:0px;top:50px;}
IMG.facebook{width:auto;height:25px;border:0px;}
IMG.logo{width:50%;height:auto;border:0px;}



body{background-color:#FFFFFF;margin-left:auto;margin-right:auto;font:Verdana, Geneva, sans-serif;font-size:14px;font-weight:normal;text-decoration:none;}
a:link, a:visited, a:active{color:#2b2823;text-decoration:none;}
#table2{padding-top:150px;text-align:center;border:solid #0000FF 1px;width:500px;margin-left:auto;margin-right:auto;font:Verdana, Geneva, sans-serif;font-size:18px;font-weight:bold;}
table{border:solid #b6b6b6 1px;width:70%;margin-left:10px;margin-right:auto;}
th{background-color:#b6b6b6;font-weight:bold;padding:3px;text-align:center;}
td{font-size:16px;border-top:solid #ffffff 3px;background-color:#f2f2f2;padding:3px;}
#box_text{text-align:center;color:#003F00;font-family:Arial;font-size:1.3em;}
IMG.shoplink{margin-left:0px;width:100px;height:37px;border:0px;}
#box_center{text-align:center;}
#box_main{margin:auto;text-align:left;width:1200px;border-bottom:solid #b6b6b6 1px;border-left:solid #b6b6b6 1px;border-right:solid #b6b6b6 1px;position: relative}
#box_banner1{background-color:#FFFF00;text-align:center;width:auto;height:65px;font-family:Matura MT Script Capitals;font-size:3.8em;}
#background1{width:auto;height:72px;border:1px;}
#box_banner{background-color:#FFFF00;text-align:center;width:auto;height:265px;}
#background{width:auto;height:265px;border:0px;}
#box_banner2{background-color:#FFFF00;text-align:center;width:auto;height:60px;font-family:Matura MT Script Capitals;font-size:2.1em;color:blue;}
#box_content{padding:20px;padding-top:40px;background-repeat:no-repeat;background-position:center top;background-color:#FDFBE6;position: relative}
#box_startseite{position: relative;font-size:2.1em;color:blue;text-align:center;}
#box_ueberschrift{position: relative;font-size:2.5em;color:blue;text-align:center;font-family:Matura MT Script Capitals;}
#startseite1{width:28%;height:auto;border:0px;}


#box_flash{padding-top:50px;text-align:center;}
#box_bottom{text-align:center;background-color:#f2f2f2;padding-top:10px;padding-bottom:10px;}
#box_bottom ul{list-style-type:none;}
#menu{background-color:#FFFF00;height:20px;text-align:center;font-family:Verdana;font-size:0.8em;line-height:1.5;}
#menu ul{float:left;width:39px;list-style-type:none;}
#menu h3{font-size:1.0em;text-align:center;color:#000;line-height:1.5;border:1px solid #FF7F00;background:#f7a418;}
#menu a{text-decoration:none;display:block;border:1px solid #ccc;text-align:center;background:#ECE9D8;line-height:1.7;color:#003366;}
#menu a:hover{color:#000000;background:#DFDFDF;}
#menu #breit{width:112px;}
#menu #breitsuche{width:70px;}
#menu li{position:relative;}
#menu1{background-color:#FFFF00;height:20px;text-align:center;font-family:Verdana;font-size:0.8em;line-height:1.5;}
#menu1 ul{float:left;width:39px;list-style-type:none;}
#menu1 h3{font-size:1.0em;text-align:center;color:#000;line-height:1.5;border:1px solid #FF7F00;background:#f7a418;}
#menu1 a{text-decoration:none;display:block;border:1px solid #ccc;text-align:center;background:#ECE9D8;line-height:1.7;color:#003366;}
#menu1 a:hover{color:#000000;background:#DFDFDF;}
#menu1 #links{width:300px;}
#menu1 #rechts{width:300px;}
#menu1 #geschichte{width:300px;}
#menu1 #quiz{width:300px;}
#menu1 li{position:relative;}


.sub_categories_listing_body .box_list{width:48%;color:#000;float:left;font-family:Verdana, Arial, Helvetica, Sans-Serif;font-size:12px;font-style:normal;font-weight:400;height:100%;list-style-type:none;overflow:hidden;text-align:center;text-decoration:none;text-transform:none;margin:0;padding:5px;}
.sub_categories_listing_body{background-color:#FFF;color:#000;font-family:Verdana, Arial, Helvetica, Sans-Serif;font-size:12px;font-style:normal;font-weight:400;height:100%;list-style-type:none;overflow:hidden;text-align:center;text-decoration:none;text-transform:none;margin:3px 0;padding:0;}
#box_slider1{position: absolute  ;right: .25em;top: 20px;}
#box_slider2{position: absolute  ;right: .25em;top: 230px;}
#box_slider3{position: absolute  ;right: .25em;top: 440px;}
IMG.slider{margin-left:0px;width:300px; height:auto;border:0px;}
img.wav{width:100%;height:100%;}
img.wav2{width:60px;height:60px;}


/**
 * For the Picture-in-Picture toggle, we don't use the built-in :hover
 * pseudoclass because there are many sites where the arrangement of the DOM
 * or the CSS will conspire to prevent :hover from matching on the <video>
 * itself. PictureInPictureToggleChild takes care of punching through those
 * barriers, and manually sets a .hovering class.
 */

.controlsOverlay.hovering > .pictureInPictureToggleButton {
  opacity: 0.8;
}

.controlsOverlay[hidetoggle="true"].hovering > .pictureInPictureToggleButton:not(.hovering) {
  opacity: 0;
}

.controlsOverlay.hovering > .pictureInPictureToggleButton.hovering {
  opacity: 1;
  translate: 0 -50%;
}

.controlsOverlay.hovering > .pictureInPictureToggleButton.hovering[policy="top"] {
  translate: 0;
}

.controlsOverlay.hovering > .pictureInPictureToggleButton.hovering[policy="bottom"] {
  translate: 0 -100%
}

@supports -moz-bool-pref("media.videocontrols.picture-in-picture.video-toggle.testing") {
  /**
   * To make automated tests faster, we drop the transition duration in
   * testing mode.
   */
  .pictureInPictureToggleButton {
    transition-duration: 10ms;
  }
}

/* Overlay Play button */
.clickToPlay {
  min-width: var(--clickToPlay-size);
  min-height: var(--clickToPlay-size);
  border-radius: 50%;
  background-image: url(chrome://global/skin/media/playButton.svg);
  background-repeat: no-repeat;
  background-position: 54% 50%;
  background-size: 40% 40%;
  background-color: #1a1a1a;
  -moz-context-properties: fill;
  fill: #ffffff;
  opacity: 0.8;
  position: relative;
  top: 20px;
}

.controlsSpacerStack:hover > .clickToPlay,
.clickToPlay:hover {
  opacity: 0.55;
}

.controlsSpacerStack:hover > .clickToPlay[fadeout] {
  opacity: 0;
}

.controlBar[fullscreen-unavailable] .fullscreenButton {
  display: none;
}

.statusOverlay[fadeout],
.statusOverlay[error] + .controlsOverlay > .controlsSpacerStack {
  opacity: 0;
}

.pictureInPictureOverlay {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  opacity: 1;
  background-color: rgb(12, 12, 13);
}

/* Status description formatting */
.statusLabel {
  padding: 0 10px;
  text-align: center;
  font: message-box;
  font-size: 14px;
  color: #ffffff;
}

.statusLabel {
  display: none;
}

[status="errorAborted"]         > [id="errorAborted"],
[status="errorNetwork"]         > [id="errorNetwork"],
[status="errorDecode"]          > [id="errorDecode"],
[status="errorSrcNotSupported"] > [id="errorSrcNotSupported"],
[status="errorNoSource"]        > [id="errorNoSource"],
[status="errorGeneric"]         > [id="errorGeneric"],
[status="pictureInPicture"]     > [id="pictureInPicture"] {
  display: inline;
}

@media (-moz-windows-default-theme: 0) {
  .controlsSpacer,
  .clickToPlay {
    background-color: transparent;
  }
}
/** Seite 
body { margin: 0px; padding: 0px; }
body { font-family: Arial, sans-serif; color:#000000; font-size: 85%; background-color:#FFFFFF;  }

/** Allgemein 
h2 {font-size:11pt;}
h3 {font-size:10pt;}
a { text-decoration: none; }
.nobr { white-space: nowrap; }
**/

/** Rahmen **/
div.r { max-width: 752px; margin: 0 auto; background-color: #FFFFC6; min-height: 100vh; position: relative; }
div.r { border-width: 0px; border-left-width: 1px; border-right-width: 1px; border-style: solid; border-color: #0c7308; }

/** Kopf **/
img.l { width: 100%; }

/** Index **/
nav.i { overflow: hidden; height: 1.6em; text-align: center; padding: 0 0 5px 0; }
div.i { margin: 0 auto; padding: 0 5px; text-align: center; line-height: 1.9em; }
img.il { float: left; margin-right: 5px; }
img.ir { float: right; margin-left: 5px;}
span.i { font-size: 1.3em; color: #0c7308; }
span.iaktiv { font-size: 1.55em; color: #0c7308; font-weight: bolder; text-decoration: underline; }
input.i { border: solid 1px #107310; font-size: 1.2em; display: inline; margin: 0 5px 0 15px; padding: 0 2px; }
input.ibild { font-size: 1.2em; display: inline; }


/** Kalender **/
table.kalender { background-image: url('/bilder/erzgebirgisch/kalenderbg.png'); background-size: 100% 100%; width: 100%; height:55vw; max-height:500px; border-spacing: 12px; }
table.kalender td { color: white; text-align: center; font-size: 33pt; font-weight:bold;  text-shadow: -2px 0 black, 0 2px black, 2px 0 black, 0 -2px black; }
table.kalender td { background-size: 100% 100%; border: solid 2px rgba(0,0,0,.5); }
table.kalender span { opacity:.6; color: white; }
article.a img.kalender { width: 60% }
p.kalender { width: 75%; font-size: 10pt; margin: 0 auto; }
a.kalender { color:#107310; font-weight:bold; font-weight:bold; text-decoration:underline; }
@media (max-width: 450px) {
 p.kalender { width: 100%; }
 img.kalender { width: 85% }
 table.kalender td { font-size: 15pt; text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black; }
}

/** Artikel */
h1 { font-size:12pt; color:#107310; font-weight:bold; font-size:11pt; display: inline; }
p.a { font-size: 10pt; }
p.a a { color:#107310; font-weight:bold; font-weight:bold; text-decoration:underline; }
p.a a.gross { font-size:14pt; }
article.a { padding: 10px 10px 100px 10px ; }
header.a { text-align: center; }
section.a { text-align: center; }
section.i { margin: 0 30px; }
nav.a { float: right; }
@media (max-width: 450px) {
 section.i { margin: 0; }
}

/** Stichwort */
nav.s { float: right; max-width: 220px;  line-height: 0.8em; }
nav.s span.hinweis { color:#BFBF86; font-size:8pt; }
img.aktion { float: right; margin-left: 6px; }
img.illurechts { float:right; width:33%; }
img.illulinks { float:left; width:33%; }
div.markiert { background-color:#FFD35B; }
span.neu { color: #FFFFC6; background-color: #087308; font-size: 6pt; vertical-align: top; margin-right: 2px; }
div.stichwort { min-width: 110px; float: left; padding-right: 10px; }
span.stichwort {color:#000000; font-weight:bold; font-size:1.9em;float:left;margin-left: 30px;width:13px; height:12px;}
span.stichwort
span.stichwort_nummer {color:#000000; font-size:8pt;}
span.stichwort_zusatz {color:#000000; font-size:11pt;}
div.stichwort_erklaerung { margin-left: 141px; }
span.stichwort_erklaerung {color:#000000; font-size:11pt;}
span.stichwort_quelle {color:#000000; font-size:8pt; color:#BFBF86;}
span.stichwort_lautschrift {color:#BFBF86; font-size:8pt;}
div.beispiel { margin-left: 141px; margin-top: 8px; }
span.beispiel {font-size:10pt; text-align:left; font-style:italic; }
span.kategorie_satz {color:#000000; font-size:10pt; font-style:italic; }
span.kategorie_beispiel {font-size:10pt; text-align:left; font-weight:bold}
span.satz_quelle { color:#000000; font-size:8pt; color:#BFBF86;}
.satz { color:#000000; font-size:10pt; font-style:italic; font-weight:bold}
div.clear { clear: both; }
@media (max-width: 550px) {
 img.illurechts { float:none; display: block; margin-left: auto; margin-right: auto; center; width:55%; }
 img.illulinks { float:none; display: block; margin-left: auto; margin-right: auto; center; width:55%; }
}
@media (max-width: 450px) {
 div.beispiel { margin-left: 0px; }
 div.stichwort_erklaerung { margin-left: 0px; }
 img.illurechts { width:75%; }
 img.illulinks { width:75%; }
}
span.hinweis { color:#D00000; } 

/*** Formulare ***/
span.fehler {color:#C31010; }
span.pflicht {color:#000000; font-size:8pt; font-weight:bold;}
span.beschriftung {color:#000000; font-size:8pt; font-weight:bold;}
span.alt {color:#BFBF86; font-size:8pt;}
span.geaendert {color:#FFAF76; font-size:8pt;}
span.lautschrift {color:#444444; font-size:8pt; font-weight:bold;}
input.pflicht, textarea.pflicht {border-width:1px; border-style:solid; border-color:#107310; background-color:#E0F3E0; margin-bottom:2pt;  margin-right:4pt; font-family:Arial,Verdana,Helvetica; font-size:10pt;}
input.fehler, textarea.fehler {border-width:1px; border-style:solid; border-color:#C31010; background-color:#F9ECEC; margin-bottom:2pt;  margin-right:4pt; font-family:Arial,Verdana,Helvetica; font-size:10pt;}
input.eingabe, textarea.eingabe {border-width:1px; border-style:solid; border-color:#107310;  margin-bottom:2pt;  margin-right:4pt; font-family:Arial,Verdana,Helvetica; font-size:10pt;}
input.readonly, textarea.readonly {color:#AAAAAA; border-width:1px; border-style:solid; border-color:#888888; background-color:#F0F0F0; margin-bottom:2pt;  margin-right:4pt; font-family:Arial,Verdana,Helvetica; font-size:10pt;}

/*** Auswahl ***/
#div_kategorien_auswahl {
	background:#999970; visibility:hidden;
    width: 780px; height: 400px;  position: absolute;  top: 48%; left: 50%;
    margin-top: -200px;  margin-left: -390px;}
#div_kategorien_auswahl_intern {
	background-color:#FFFFBD;
	border-style:solid;	border-color:#107310; border-width:1px;
	position: relative; width: 780px; height: 400px; top: -6px; left: -6px;}
#div_index_auswahl {
	background:#999970; visibility:hidden;
    width: 200px; height: 300px;  position: absolute;  top: 48%; left: 50%;
    margin-top: -150px;  margin-left: -100px;}
#div_index_auswahl_intern {
	background-color:#FFFFBD;
	border-style:solid;	border-color:#107310; border-width:1px;
	position: relative; width: 200px; height: 300px; top: -6px; left: -6px;}

/** Fuss */
footer.f { width: 100%; padding: 8px 0 10px 0; clear: both; float: none; }
nav.f { text-align: center; }
span.f { color:#107310; font-weight:bold; font-size:8pt; font-weight:bold; }
a span.f { text-decoration: underline;}

/** Trennlinie **/
hr { border: 0px; border-bottom: 1px dashed #999; }
@media (max-width: 450px) {
  hr { margin: 10px 0; }
}