h1 {font-family:Cambria, 'Times New Roman', serif; font-weight:normal; font-size:26px; color:#b48d0c; margin:0px 0px 6px 0px;}
h2 {font-family:Cambria, 'Times New Roman', serif; font-weight:normal; font-size:20px; color:#845d08; margin-top:6px; margin-bottom:22px}
h3 {font-family:Cambria, 'Times New Roman', serif; font-weight:normal; font-size:17px; color:#845d08}
h4 {font-family:Cambria, 'Times New Roman', serif; font-weight:normal; font-size:16px; color:#845d08}

body {background-position:center; background-color:#e3d8bf; background-image:url('images/hintergrund-1580.png'); background-repeat:repeat-y}
body.impressum {background-image:url('images/hintergrund-1780.png')}

.content {font-family:Cambria, 'Times New Roman', Times, serif; font-weight:normal; font-size:17px; line-height:24px; color:#282828}
.coninpr {font-family:Cambria, 'Times New Roman', Times, serif; font-weight:normal; font-size:18px; line-height:24px; color:#282828}
.context {text-align:justify}
.concent {text-align:center}
.conleft {text-align:left}
.conright{text-align:right}
.confett {font-weight:bold}
.cursive {font-style:italic}
.conlist{font-family:Verdana; font-size:12px; color:#808080}
.imgfeed{font-style:italic; font-family:Verdana; font-size:12px; color:#686868}

/* Seitenwrapper - 1200 ohne und 1202 mit Border! */
div.seitenwrapper {width:1202px; margin:auto}

/* Header fuer responsive Vorlagen - 1200 ohne und 1202 mit Border! */
div.header_oben  {width:1200px; height:17px; background-image:url('images/headerzeile-oben.png'); border-top:1px solid #dddddd; border-right:1px solid #c8c8c8; border-bottom:1px solid #c0c0c0; border-left:1px solid #c8c8c8; margin-left:auto; margin-right:auto}
div.header_mitte {width:1200px; overflow:hidden; border-left:1px solid #c0c0c0; border-top:0px; border-right:1px solid #c0c0c0; border-bottom:0px; margin-left:auto; margin-right:auto}
div.header_unten {width:1200px; height:26px; background-image:url('images/headerzeile-unten.png'); border-top:1px solid #ffffff;border-right:1px solid #c8c8c8; border-bottom:1px solid #dddddd; border-left:1px solid #c8c8c8; margin-left:auto; margin-right:auto}

/* Obere Menuelinks mit Radius um das Auslaufen der Linie zu kaschieren! */
div.headmenli_1,
div.headmenli_2, /* ...li_2 und ...li_4 ohne Trenner unter 1180px Media Queries! ...li_2 und ...li_3 Ausblendung  unter  890px Media Queries!*/
div.headmenli_3,
div.headmenli_4 {min-width:136px; line-height:26px; text-align:center; float:left; overflow:hidden; padding:0px 1px 0px 1px; border-right:1px solid #ffffff; border-radius:3px}
div.menein {display:block}
div.menaus {display:none}
span.ftogle01 {display:none} /* Footer Unbrueche und Ausblendungen */
span.ftogle02 {display:inline}

/* Tabelle und Zellen für Content | Abstand von Trennlinie beachten! */
div.contable {display:table; width:862px; table-layout:fixed; margin:60px auto auto auto; float:left; padding-bottom:28px}
div.inprint  {display:table; width:892px; table-layout:fixed; margin:60px auto auto auto}
div.conzeile {display:table-row}

/* Spalte 1 gleich 208px plus 2px Border gleich 200px | wie spalte_1 nur für Responsive */
div.spalte_1 {display:table-cell; width:208px; vertical-align:top; background:rgba(255,255,255,0.5); border-right:1px solid #dddddd; border-bottom:1px solid #c0c0c0; border-left:1px solid #c9c9c9;
  border-top-left-radius:4px; border-top-right-radius:4px;
}
div.wiespalte_1 {display:none; width:208px; vertical-align:top; background:rgba(255,255,255,0.5); border-right:1px solid #dddddd; border-left:1px solid #c9c9c9;
  border-top-left-radius:4px; border-top-right-radius:4px;
}
div.spalte_2 {display:table-cell; width:36px;  vertical-align:top}
div.spalte_3 {display:table-cell; width:580px; vertical-align:top}
div.spalte_4 {display:table-cell; width:36px;  vertical-align:top}
div.spalte_5 {display:block; width:338px; margin-top:60px; margin-bottom:28px; float:right} /* Ist nur eine Div und keine Spalte! */
div.spalte_6 {display:table-cell; width:892px; vertical-align:top} /* Impressum */

/*  Sidebar links  border-right:1px solid #dddddd; border-left:1px solid #c9c9c9;           */
div.mensidebar_01 {min-height:68px; background:none; border-top:1px solid #ffffff;  border-bottom:1px solid #c0c0c0}
div.mensidebar_02 {
  display:block; height:28px; text-align:left; background-color:#f0e7d0;
  border-top:1px solid #ffffff;  border-bottom:1px solid #c0c0c0;
}
div.mensidebar_03 {height:100px; background:none; border-top:1px solid #ffffff;  border-bottom:1px solid #c0c0c0;}

/* Sidebar rechts */
div.sidebar_328 {width:328px; float:right;}
/* Impressum links/rechts */
div.impressum01 {display:block; width:48%; float:left}
div.impressum02 {display:block; width:48%; float:right}

/* Tabs*/
div.tab2 {text-align:left; padding-left:10px; margin-top:28px}                     /* Content Mitte, letzt Themen */
div.tab3 {text-align:left; padding-left:10px; margin-bottom:4px}                   /* Tabs rechete Sidebar oben */
div.tab4 {text-align:left; padding-left:10px; margin-top:40px; margin-bottom:4px}  /* Tabs rechete Sidebar darunter 43px old */

div.inhalt_rec1 {padding:8px 10px 5px 10px; border:1px solid #ffffff; border-radius:5px}
div.letzte_them {padding:8px 10px 5px 10px; border:1px solid #dddddd; border-radius:5px; margin-top:-1px}

div.footerbox {width:1200px; margin:40px auto 40px auto}
.clearboth {clear:both} /* Bisher nur beim Footer /*


/* Text in Sidebar von Startseite Shortvideos, verdana12a Bilduntertitel */
.verdana12, .verdana12a {font-family:Verdana; font-weight:normal; font-size:12px;}
.verdana12a  {font-style:italic; color:#404040}
.verdana_no  {font-style:italic; color:#202020}
.fontfarbe   {color:#633c15}    /* Bild Nummern */
.grau68      {color:#686868}
.linehoeh18  {line-height:18px}
.abstand_t0  {margin-top:0px}
.abstand_b2  {margin-bottom:2px}
.abstand_sv  {padding-top:18px}
.impressumpt {padding-top:22px}
.liedtextab  {padding-right:28px}
.top6 {margin-top:6px}      /* noch nicht verwendet */
.bot6 {margin-bottom:6px}   /* in Songs */
.bot22 {margin-bottom:22px} 
.top14 {margin-top:14px}    /* in Content Liste Songs */
.top22 {margin-top:22px}    /* linie unter Liste*/
.top28 {margin-top:28px}    /* Audio */
.zeile {line-height:8px}
div.testwerte {width:260px}

/* Liste letzte Themen | span color wie Link */
span.kleinelcon {color:#793d00}
span.kleinelc30 {color:#303030}
ul.startse_liste, ol.startse_liste {color:#a47c26; margin-top:0px}
li.startlist {margin-bottom:2px}  /* Auch gut für einfache nummerierte Listen im Text. */

/* Text im Footer */
.dunkelklgrau {font-family:Verdana; font-weight:normal; font-size:12px; color:#404040}

/* Bilder- und Buttonbox ( Wie der Button auf der Startseite! ) */
/* Box: 0px nach rechts | 1px nach unten | 4px Uebegang | RGB 000 | Alpha 0.2 Transparenz */
.bilderbox  {border-radius:3px; box-shadow:0px 1px 4px rgba(0, 0, 0, 0.2)}
.buttonbox  {border-radius:6px; box-shadow:0px 3px 6px rgba(184, 142, 60, 1.0)}

/* Box: 0px nach rechts | 3px nach unten | 10px Uebegang | zusaetlich 2px | RGB 000 | Alpha 1.0 ||  2px nach rechts | 2px nach oben | 10px Uebegang | zusaetlich 2px | RGB 000 | Alpha 1.0
   background-color und border im benutzten Farbton um fehlerhafte Abrundungen zu kaschieren! */
.videobox {
  display:block; background-color:#404040; border:1px solid #906d30; border-radius:16px; box-shadow: 0px 3px 10px 2px rgba(144, 109, 48, 1.0), -2px -1px 10px 0px rgba(184, 142, 60, 1.0)
}
.vidinbox  {display:block; margin:10px; border-radius:12px;}
/* Innen- und Außenboxen */
div.normalbox     {width:580px; height:335px; margin:auto}
iframe.norminbox  {width:560px; height:315px}
div.shortsbox     {width:335px; height:580px; margin-left:1px; float:left}
iframe.shortinbox {width:315px; height:560px}
div.shorttext {float:right; width:222px}

.button_184 {width:184px; height:31px; line-height:30px; background-color:#808080; background-image:url('images/menue-184-31.jpg'); margin:auto}
.button_208 {
  width:208px; height:31px; line-height:30px; background-color:#808080; background-image:url('images/sidebartop-208-31.jpg'); margin:auto;
  font-family:Verdana; font-size:14px; font-weight:bold; color:#e2d2ba; border-top-left-radius:4px; border-top-right-radius:4px;
}
input.einbutton {margin-top:4px}

/* Bilder - Images in Berichte */
 /* img.float nur wenn ein Image ohne Div eingebunden wrden soll */
div.floatlinks, img.floatlinks {float:left; margin:5px 20px 5px 0px}
div.floatrechts, img.floatrechts {float:right; margin:5px 0px 5px 20px}
img.images, iframe.video   {border:none}
/* Images auf Grundlinie ausrichten */
img.imageline {vertical-align:bottom}

/* Liedtexte */
div.liedtexte {width:280px; float:left}

/* #f7f5f0; #cbc9c0; */
hr.linie100 {color:#e8dfd0; background-color:#e8dfd0; width:100%; height:1px; border-top:0px; border-right:0px; border-bottom:1px solid #ffffff; border-left:0px; margin-top:0px}
hr.linie101 {color:#e3d8bf; background-color:#e3d8bf; width:100%; height:1px; border-top:0px; border-right:0px; border-bottom:1px solid #ffffff; border-left:0px; margin-top:-1px}
hr.fuerfooter {color:#ffffff; background-color:#ffffff; border-top:1px solid #b4b4b4; border-right:0px; border-bottom:1px solid #ffffff; border-left:0px; height:0px}

/* Reiter, Tabs | Text Arial */
.reiter {
  padding:3px 14px 3px 14px; border:1px solid #d1d1d1; margin:auto; text-decoration:none; font-size:13px; font-weight:bold; font-family:Arial;
}
.reiterthemen {
  padding:3px 14px 3px 14px; border:1px solid #d1d1d1; margin:auto; text-decoration:none; font-size:13px; font-weight:bold; font-family:Arial;
  background-color:#fdfef8; background-image:linear-gradient(#f8f6eb, #e1d3af); border-radius:9px 9px 0px 0px; box-shadow:1px 1px 6px rgba(0, 0, 0, 0.1), -1px 1px 6px rgba(0, 0, 0, 0.1);
  color:#966700; text-shadow:-1px 1px 0px #ffffff;
}
/* Tabs = Color fuer Tabs mit Links */
a.tabs:link, a.tabs:visited, div.tabs_on, span.tabs {
  background-color:#fdfef8; background-image:linear-gradient(#f8f6eb, #e1d3af); border-radius:9px 9px 0px 0px; box-shadow:1px 1px 6px rgba(0, 0, 0, 0.1), -1px 1px 6px rgba(0, 0, 0, 0.1);
  color:#966700; text-shadow:-1px 1px 0px #ffffff;
}
a.tabs:hover,a.tabs:active {
  background-color:#f8f6eb; background-image:linear-gradient(#f8f6eb, #f4d69c); border-radius:9px 9px 0px 0px; box-shadow:1px 1px 6px rgba(0, 0, 0, 0.1), -1px 1px 6px rgba(0, 0, 0, 0.1);
  color:#002548; text-shadow:-1px 1px 0px #ffffff;
}

/* Menuelinks oben in Vorlage background-image:url('images/titeldunkel.png') background-color:#f9eed9;  margin-top:4px   #966700;*/
a.menoben:link, a.menoben:visited {display:block; text-decoration:none; font-weight:bold; font-family:Verdana; font-size:13px; color:#8a8a8a}
a.menoben:hover,a.menoben:active  {display:block; text-decoration:none; font-weight:bold; font-family:Verdana; font-size:13px; color:#505050; background-image:url('images/menohover-132.png')}

/* Menuelink in Dunkelbraun - Normaleausfuehrung rechte Sidebar*/
a.menue:link, a.menue:visited {display:block; background:#f0e6d2; text-decoration:none; font-family:Verdana; font-size:13px; color:#793d00; padding-top:6px; padding-right:2px; padding-bottom:5px; padding-left:7px}
a.menue:hover,a.menue:active  {display:block; background:#ebddc2; text-decoration:none; font-family:Verdana; font-size:13px; color:#6a3500; padding-top:6px; padding-right:2px; padding-bottom:5px; padding-left:7px}

/* Externe Links im Text in Dunkelbraun */
a.extern:link, a.extern:visited {text-decoration:none; color:#793d00}
a.extern:hover,a.extern:active  {text-decoration:none; color:#004080}

/* Kleine Links in Dunkelbraun fuer Startseite in rechter Sidebar */
a.kleinel:link, a.kleinel:visited {text-decoration:none; font-family:Verdana; font-size:12px; color:#793d00}
a.kleinel:hover,a.kleinel:active  {text-decoration:none; font-family:Verdana; font-size:12px; color:#004080}
/* Kleine Links in Dunkelbraun fuer Post und weitere Links */
a.kleinel14:link, a.kleinel14:visited {text-decoration:none; font-family:Verdana; font-size:14px; color:#793d00}
a.kleinel14:hover,a.kleinel14:active  {text-decoration:none; font-family:Verdana; font-size:14px; color:#004080}
/* Liste im Text mit Sprungzielen */
a.kleinelcon:link, a.kleinelcon:visited {text-decoration:none; color:#793d00}
a.kleinelcon:hover,a.kleinelcon:active  {text-decoration:none; color:#004080}
/* Liste im Text mit Sprungzielen zu Anmerkungen */
a.kleinelcon2:link, a.kleinelcon2:visited {text-decoration:none; color:#906D22}
a.kleinelcon2:hover,a.kleinelcon2:active  {text-decoration:none; color:#004080}

/* Eintrittsbutton unter Content in der Mitte */
a.goldgelb:link, a.goldgelb:visited {text-decoration:none; font-family: Verdana; font-size: 14px; font-weight:bold; color:#e2d2ba}
a.goldgelb:hover,a.goldgelb:active  {text-decoration:none; font-family: Verdana; font-size: 14px; font-weight:bold; color:#f5f0e9}

/* Menuelink in Dunkelbraun - Normaleausfuehrung links und rechts fuer responsive in Vorlage */
a.menlinks:link, a.menlinks:visited, a.menrechts:link, a.menrechts:visited {
  display:block; background:#f0e6d2; text-decoration:none; font-family:Verdana; font-size:14px; line-height:28px; color:#793d00; padding-top:0px; padding-bottom:0px; padding-left:6px;
}
a.menlinks:hover, a.menlinks:active, a.menrechts:hover, a.menrechts:active {
  display:block; background:#ebddc2; text-decoration:none; font-family:Verdana; font-size:14px; line-height:28px; color:#6a3500; padding-top:0px; padding-bottom:0px; padding-left:6px;
}

/* Footerlinks und Kommentarlinks */
a.footerl:link,  a.footerl:visited, a.comentl:link,  a.comentl:visited {text-decoration:none; font-family:Verdana; font-size:13px; color:#404040}
a.footerl:hover, a.footerl:active,  a.comentl:hover, a.comentl:active  {text-decoration:none; font-family:Verdana; font-size:13px; color:#004080}

/* Fuer Mailto */
a.wiemailte:link, a.wiemailte:visited {text-decoration:none; font-family:Cambria, 'Times New Roman', Times, serif; font-weight:normal; font-size:18px; line-height:24px; color:#282828}
a.wiemailte:hover, a.wiemailte:active {text-decoration:none; font-family:Cambria, 'Times New Roman', Times, serif; font-weight:normal; font-size:18px; line-height:24px; color:#9e4300}

/* Short und normale Videos*/
a.viedeos:link, a.viedeos:visited {text-decoration:none; font-family:Cambria, 'Times New Roman', Times, serif; font-weight:normal; font-size:17px; line-height:24px; color:#9e4300}
a.viedeos:hover, a.viedeos:active {text-decoration:none; font-family:Cambria, 'Times New Roman', Times, serif; font-weight:normal; font-size:17px; line-height:24px; color:#002d9e}


/* FullScreen - vw = Viewport-Breite, vh = Viewport-Höhe */
div.fullwidth {width:auto; height:100vh; margin:0; background:#606060}
img.fullheight {width:auto; height:96vh; max-width:96vw; object-fit:contain; margin-top:4px}


@media only all and (max-width:1232px) {

  /* Seitenwrapper - 1160 ohne und 1162 mit Border */
  div.seitenwrapper {width:1160px}

  /* Header */
  div.header_oben  {width:1160px}
  div.header_mitte {width:1160px}
  div.header_unten {width:1160px}

  /* Sidebar rechts */
  div.spalte_5 {width:288px; margin:60px 0px 24px 0px}
  div.sidebar_328 {width:288px; float:right;}
  div.inhalt_rec1 {border:1px solid #ffffff}
  div.inprint  {width:1160px}
  div.spalte_6 {width:1160px}

  /* Images */
  img.imageline {width:100%; height:auto;}

  /* Foter */
  div.footerbox {width:1160px}
}

@media only all and (max-width:1180px) {

  /* Seitenwrapper - 852 ohne und 854 mit Border */
  div.seitenwrapper {width:852px}

  /* Header */
  div.header_oben  {width:852px}
  div.header_mitte {width:852px}
  div.header_unten {width:852px}
  /* Header */
  div.headmenli_1 {min-width:86px}
  div.headmenli_3 {min-width:118px}
  div.headmenli_4 {border-right:none; border-radius:0}

  /* Sidebar rechts */
  div.spalte_5 {width:492px; margin:60px 128px 20px 0px}
  div.sidebar_328 {width:482px; float:right;}
  div.inhalt_rec1 {border:1px solid #e3d8bf}
  div.inprint  {width:852px}
  div.spalte_6 {width:852px}

  /* Text in Sidebar von Startseite und allgemein. */
  .verdana12   {font-family:Verdana; font-weight:normal; font-size:13px;}
  .linehoeh18  {line-height:21px}
  .abstand_t0  {margin-top:0px}

  /* Heeader Menü */
  /*div.headmenli_2 {border-right:none; border-radius:0}*/

  /* Images */
  img.imageline {width:100%; height:auto;}

  /* Foter */
  div.footerbox {width:852px}
}

@media only all and (max-width:890px) {

  /* Seitenwrapper - 652 ohne und 654 mit Border */
  div.seitenwrapper {width:652px}

  /* Header */
  div.header_oben  {width:652px}
  div.header_mitte {width:652px}
  div.header_unten {width:652px}

  /* Heeader Menü */
  div.headmenli_1 {min-width:94px}
  div.headmenli_2 {display:none}
  div.headmenli_3 {display:none}
  div.headmenli_4 {min-width:102px}
  div.menein {display:none}
  div.menaus {display:block; min-width:94px}

  /* Table */
  div.contable {display:block; width:652px}
  div.inprint  {display:block; width:652px}
  div.conzeile {display:block}

  div.spalte_1 {display:none}   /* None und dafuer uebernimmt wiespalte_1, (spalte_5?) das Menue */
  div.spalte_2 {display:none}
  div.spalte_3 {display:block; float:left; margin-left:37px}  /* 654 - 580 = 74 / 2 = 37 */
  div.spalte_4 {display:none}

  /* Sidebar rechts */
  div.spalte_5 {display:block; width:292px; margin-right:62px}
  div.sidebar_328 {width:328px}
  /* Text in Sidebar von Startseite und allgemein. */
  .verdana12   {font-family:Verdana; font-weight:normal; font-size:14px;}
  .linehoeh18  {line-height:22px}
  .abstand_t0  {margin-top:0px}

  div.wiespalte_1 {display:block; float:right; margin:60px 42px 20px 0px}

  div.normalbox {width:580px; height:335px; margin:auto auto auto 1px}
  iframe.norminbox {width:560px; height:315px}

  li.startlist {margin-bottom:4px}

  /* Foter */
  div.footerbox {width:652px}
}

@media only all and (max-width:690px) {

  /* Seitenwrapper - 652 ohne und 654 mit Border */
  div.seitenwrapper {width:100%}

  /* Header */
  div.header_oben  {width:98%}
  div.header_mitte {width:98%}
  div.header_unten {width:98%}

  /* Table */
  div.contable {display:block; width:98%}
  div.inprint  {display:block; width:98%}
  div.conzeile {display:block}
  div.impressum01 {width:100%; float:none}
  div.impressum02 {width:100%; float:none}

  div.spalte_1 {display:none}
  div.spalte_2 {display:none}
  div.spalte_3 {display:block; width:98%; float:left; margin:0px 12px 0px 12px}  /* 654 - 580 = 74 / 2 = 37 */
  div.spalte_4 {display:none}
  div.spalte_5 {display:block; float:right; margin-right:20px}
  div.wiespalte_1 {display:block; float:left; margin:60px auto 20px 20px}

  li.startlist {margin-bottom:6px}

  /* Foter */
  div.footerbox {width:100%}
  /* No Justify */
  .context {text-align:left}
}

@media only all and (max-width:640px) {
   /* Normal */
  div.normalbox {width:540px; height:312px}
  iframe.norminbox {width:520px; height:292px}
  /* Shorts*/
  div.shortsbox {margin:auto; float:none}
  div.shorttext {width:300px; margin:20px auto auto auto; float:none}

  /* Images und Images im Text / bis 1180px: img.imageline {width:100%; height:auto;} */
  /* img.float nur wenn ein Image ohne Div eingebunden wrden soll */
  div.floatlinks, img.floatlinks {float:none; margin:5px auto 5px auto}
  div.floatrechts, img.floatrechts {float:none; margin:5px auto 5px auto}
}

@media only all and (max-width:620px) {

  div.spalte_5 {display:block; float:right; margin-right:12px}
  div.spalte_1 {width:198px;}
  div.wiespalte_1 {display:block; float:left; margin:60px auto 20px 20px}
  div.sidebar_328 {width:282px}
}

@media only all and (max-width:590px) {
   /* Normal */
  div.normalbox {width:500px; height:290px}
  iframe.norminbox {width:480px; height:270px}
}

@media only all and (max-width:580px) {

  div.spalte_5 {display:block; width:100%; float:left; margin:60px 0px 20px auto}
  div.wiespalte_1 {display:block; float:left; margin:60px auto 20px auto}
    div.sidebar_328 {width:100%; }

  div.headmenli_1,
  div.headmenli_2, /* */
  div.headmenli_3 {min-width:68px; line-height:26px; text-align:center; float:left; overflow:hidden; padding:0px 12px 0px 12px}

  span.ftogle01 {display:inline}
  span.ftogle02 {display:none}

  a.footerl:link,  a.footerl:visited, a.footerl:hover, a.footerl:active {line-height:28px}
}

@media only all and (max-width:550px) {
   /* Normal */
  div.normalbox {width:440px; height:256px}
  iframe.norminbox {width:420px; height:236px}
}

@media only all and (max-width:480px) {

  div.normalbox {width:370px; height:217px}
  iframe.norminbox {width:350px; height:197px}
}

@media only all and (max-width:400px) {
   /* Normal */
  div.normalbox {width:300px; height:177px}
  iframe.norminbox {width:280px; height:157px}
  /* Shorts*/
  div.shortsbox     {width:300px; height:518px}
  iframe.shortinbox {width:280px; height:498px}
}

@media only all and (max-width:320px) {
  /* Normal */
  div.normalbox {width:280px; height:166px}
  iframe.norminbox {width:260px; height:146px}
  /* Shorts*/
  div.shortsbox     {width:260px; height:446px}
  iframe.shortinbox {width:240px; height:426px}
}