@charset "UTF-8";
/* ------------------------------------------------------------
   CSS-Reset ( Eric Meyer, v1.0, 20080212 )
   ------------------------------------------------------------ */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
  content: "";
  content: none;
}

/* remember to define focus styles! */
:focus {
  outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
  text-decoration: none;
}

del {
  text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* ------------------------------------------------------------
   Grundlegendes
   ------------------------------------------------------------ */
html * {
  font-size: 100.01%;
}

html {
  overflow: scroll;
  /* -moz-scrollbars-vertical; */
  height: 100%;
  font-size: 93.75%;
  /* 81.25% */
  background: #8D8073 url(/bilder/bg-nur-mauer.jpg) fixed repeat left top;
}

body {
  height: 100%;
  text-align: center;
  font-family: "Fira Sans", Arial, Helvetica, sans-serif;
  color: #222;
  line-height: 1;
  padding: 0 1px;
}

a:focus {
  outline: 1px dotted #000;
}

.mitJS {
  display: none;
}

html.jsIstAn .mitJS {
  display: block;
}

html.jsIstAn .mitJS.inline {
  display: inline;
}

html.jsIstAn .ohneJS {
  display: none;
}

/* ------------------------------------------------------------
   Layout
   ------------------------------------------------------------ */
#haupt {
  height: 100%;
  min-height: 100%;
  width: 100%;
  max-width: 1200px;
  box-sizing: border-box;
  text-align: left;
  background: url(/bilder/bg-haupt-sehrwenigkontrast.gif) repeat-y left top;
  border: solid #000;
  border-width: 0 8px 0 7px;
  margin: 0 auto;
  display: table;
  table-layout: fixed;
  box-shadow: 0 0 70px 5px #000;
}

* html #haupt {
  height: 100%;
}

div.inhaltSeite {
  padding-left: 16px;
  padding-right: 16px;
}

#menuespalte {
  background: url(/bilder/bg-wolkig.jpg) repeat left top;
  padding: 0 7px 8px 0;
  min-width: 149px;
  width: 20%;
  -moz-box-sizing: border-box;
  display: table-cell;
  padding: 8px;
  border: 1px solid #666;
  border-width: 0 1px 0 0;
  vertical-align: top;
  font-family: "Encode Sans", Arial, Helvetica, sans-serif;
  font-size: 15px;
}

div.breiteSpalte {
  width: 80%;
  -moz-box-sizing: border-box;
  background: url(/bilder/bg-gestreift.png) repeat left top;
  display: table-cell;
  border: solid #666;
  border-width: 0 1px 0 1px;
  padding-top: 8px;
  vertical-align: top;
}

#menuespalte, div.breiteSpalte {
  padding-bottom: 8px;
}

/* ------------------------------------------------------------
   Menüspalte
   ------------------------------------------------------------ */
#menuespalte > * {
  margin-top: 8px;
  margin-bottom: 8px;
}

#menuespalte > * + * {
  margin-top: 0;
}

.jsIstAn #menuespalte > * + * {
  margin-top: 8px;
}

#menuespalte > *:first-child {
  margin-top: 0;
}

#menuespalte > *:last-child {
  margin-bottom: 0;
}

/* ------------------------------------------------------------
   Header
   ------------------------------------------------------------ */
div.kopfSeite {
  margin: 0 0 15px 0;
  position: relative;
}

div.kopfSeite div.titelbalken {
  padding-left: 7px;
  background: #C1B6A8 url(/bilder/bg-wolkig.jpg) repeat;
  border: solid #666;
  border-width: 1px 0 1px 0;
  zoom: 1;
}

div.kopfSeite span.titel {
  max-width: 100%;
  display: block;
  margin: 3px 0;
  background: transparent url("/bilder/supersprite.png?20170914") no-repeat scroll 0 -397px;
  height: 40px;
  width: 360px;
  text-indent: -10000px;
}

#farbleiste {
  margin: 0 16px;
  /* auto; */
  border: solid #666;
  border-width: 0 1px 1px 1px;
  width: auto;
  /* 549px; */
  height: 7px;
}

div.kopfSeite span.miniportrait {
  display: block;
  width: 49px;
  height: 49px;
  position: absolute;
  top: 3px;
}

div.kopfSeite span.miniportrait img {
  background-color: #D7CFC6;
}

div.kopfSeite span.miniportrait1 {
  right: 27px;
}

div.kopfSeite span.miniportrait2 {
  right: 79px;
}

div.kopfSeite span.miniportrait3 {
  right: 131px;
}

div.kopfSeite span.miniportrait a:hover img {
  border-color: #05D;
  background-color: #ccf;
}

/* ------------------------------------------------------------
   Menü für angemeldete User                                   
   ------------------------------------------------------------ */
#regusernavi {
  font-family: "Encode Sans", Arial, Helvetica, sans-serif;
  border: 1px solid #777;
  white-space: nowrap;
  margin: 0 8px 8px 8px;
}
#regusernavi div.nickname {
  padding: 4px 0px 4px 7px;
  color: #333;
  font-size: 1.0666666667rem;
  line-height: 1.3125;
}
#regusernavi span.nickname {
  font-weight: 600;
}
#regusernavi ul {
  float: right;
  font-family: "Encode Sans Condensed", Arial, Helvetica, sans-serif;
  font-weight: 500;
  font-size: 1.0666666667rem;
  line-height: 1.3125;
}
#regusernavi ul li {
  display: inline;
}
#regusernavi ul li a {
  display: block;
  padding: 4px 10px 4px 10px;
  color: #444;
  font-weight: 500;
  /*bold*/
  text-decoration: none;
  float: left;
  border-left: 1px solid #777;
  border-bottom: 0;
  background-color: #dddedf;
}
#regusernavi ul li a:hover {
  background-color: #f7f7f7;
}
#regusernavi ul li a.aktiv {
  background-color: #BBB;
}

/* ------------------------------------------------------------
   Schriftgröße
   ------------------------------------------------------------ */
#schriftgroesse {
  display: none;
  border: 1px solid #777;
  margin-bottom: 8px;
  line-height: 1.3125;
  font-family: "Encode Sans", Arial, Helvetica, sans-serif;
  font-size: 1.0666666667rem;
}
#schriftgroesse div.titel {
  padding: 4px 0px 4px 5px;
  color: #222;
  font-family: "Encode Sans Condensed", Arial, Helvetica, sans-serif;
}
#schriftgroesse ul {
  float: right;
}
#schriftgroesse ul li {
  display: inline;
}
#schriftgroesse ul li a {
  display: block;
  padding: 4px 8px 4px 8px;
  color: #666;
  text-decoration: none;
  float: left;
  border-left: 1px solid #777;
  background-color: #dddedf;
}
#schriftgroesse ul li a:hover {
  background-color: #f7f7f7;
}
#schriftgroesse ul li a.changeFontSizeStd {
  padding-left: 5px;
  padding-right: 5px;
  font-weight: normal;
  color: #444;
}

.jsIstAn #schriftgroesse {
  display: block;
}

/* ------------------------------------------------------------
   Allgemeines
   ------------------------------------------------------------ */
div.inhaltSeite p, div.inhaltSeite blockquote, div.inhaltSeite pre, div.inhaltSeite ul, div.inhaltSeite ol, div.inhaltSeite dl {
  margin: 0 0 1em 0;
}

div.inhaltSeite p, div.inhaltSeite blockquote, div.inhaltSeite pre, div.inhaltSeite li {
  line-height: 1.4;
}

p.mittig {
  text-align: center;
}

abbr {
  border-bottom: 1px dotted #000;
  cursor: help;
}

strong, b {
  font-weight: bold;
  color: #222;
}

.normalWichtig {
  font-weight: normal;
  color: #000;
}

a .normalWichtig {
  color: #0033bb;
}

span.normalWichtig a {
  font-weight: normal;
}

em, i, cite {
  font-style: italic;
}

.keinUmbruch {
  white-space: nowrap;
}

/* ------------------------------------------------------------
   Links
   ------------------------------------------------------------ */
a:visited, a:link, a:visited b, a:link b, a:visited strong, a:link strong {
  font-weight: 500;
  color: #0033bb;
  text-decoration: none;
}

a:visited:hover, a:link:hover {
  text-decoration: underline;
}

/* IE <= 6 hat Problem mit mehrzeiligem Background-Link -> wird mit [class] ausgeschlossen */
a.extern[class] {
  padding-left: 18px;
  background-repeat: no-repeat;
  background-position: left top;
  background-image: url(/bilder/icon-externer-link.gif);
}

a.extern {
  font-weight: normal;
}

div[data-link], li[data-link] {
  cursor: pointer !important;
}

div[data-link]:hover, li[data-link]:hover {
  background-color: #f7f7f7 !important;
}

/* ------------------------------------------------------------
   Überschriften im Inhaltsbereich
   ------------------------------------------------------------ */
h1, h2, h3, h4, h5, h6 {
  margin-bottom: 0.6em;
  color: #333;
  line-height: 1.2;
}

h1, h2, h3, h4 {
  font-family: Jaldi, Arial, Helvetica, sans-serif;
  font-weight: 700;
}

h3 {
  color: #222;
}

h4 {
  color: #444;
}

h5, h6 {
  font-family: Fira Sans, Arial, Helvetica, sans-serif;
}

h5, h6 {
  font-weight: 500;
}

h1 {
  font-size: 2.2rem;
  margin-bottom: 0;
  line-height: 0.9335;
  padding-top: 0.0665em;
}

/* 1.8em */
html.menueIstAussen h1 {
  font-size: 1.9333rem;
}

h3 {
  font-size: 1.733rem;
}

h4 {
  font-size: 1.4rem;
}

h5, h6 {
  font-size: 1rem;
  color: #000;
}

h1 span.titelzusatz, h1 span.titelzusatzInline {
  font-size: 1.2rem;
  font-weight: 500;
  font-family: Fira Sans, Arial, Helvetica, sans-serif;
  line-height: 1.4;
}

h1 span.titelzusatz {
  display: block;
  margin-bottom: -0.075em;
}

h3 span.titelzusatz {
  font-size: 1.2rem;
  font-weight: normal;
  line-height: 1;
  display: block;
}

/* ------------------------------------------------------------
   wichtiger Text
   ------------------------------------------------------------ */
p.wichtig {
  background: url(/bilder/wichtig7.gif) left top repeat-y;
  padding-left: 25px;
}

div.wichtig {
  background: url(/bilder/wichtig10.png) left top repeat-y;
  padding-left: 13px;
}

div.extra {
  padding: 0 15px;
  border: 3px double #999;
  x-font-size: 0.85em;
  margin: 1.3em 0 1em 0;
  background-color: #F0E3D5;
}

div.extra h1 {
  border-bottom: 1px solid #999;
}

/* ------------------------------------------------------------
   Listen im Inhaltsbereich
   ------------------------------------------------------------ */
div.inhaltSeite ul {
  list-style: disc outside;
}

div.inhaltSeite ol {
  list-style: decimal outside;
}

div.inhaltSeite li {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
  margin-left: 1.2em;
}

div.inhaltSeite ul.inlineMitKommas li {
  display: inline;
  margin: 0;
}
div.inhaltSeite ul.inlineMitKommas li:after {
  content: ", ";
}
div.inhaltSeite ul.inlineMitKommas li:last-child:after {
  content: none;
}

div.inhaltSeite ul.inlineMitPunkten li {
  display: inline;
  margin: 0;
}
div.inhaltSeite ul.inlineMitPunkten li::after {
  color: #999;
  content: " • ";
}
div.inhaltSeite ul.inlineMitPunkten li:last-child:after {
  content: none;
}

/* ------------------------------------------------------------
   Rubrikfarben in der Navigation
   ------------------------------------------------------------ */
body.rubrik-home #farbleiste, body.rubrik-home #buttonRubrik {
  background-color: #D7CfC6;
}

body.rubrik-wir #farbleiste, body.rubrik-wir #buttonRubrik {
  background-color: #90CC6F;
}

body.rubrik-user #farbleiste, body.rubrik-user #buttonRubrik {
  background-color: #fb9190;
}

body.rubrik-artikel #farbleiste, body.rubrik-artikel #buttonRubrik {
  background-color: #f8db89;
}

body.rubrik-termine #farbleiste, body.rubrik-termine #buttonRubrik {
  background-color: #D0D0FF;
}

body.rubrik-tipps #farbleiste, body.rubrik-tipps #buttonRubrik {
  background-color: #7ACCCC;
}

body.rubrik-foren #farbleiste, body.rubrik-foren #buttonRubrik {
  background-color: #CC99CC;
}

body.rubrik-spass #farbleiste, body.rubrik-spass #buttonRubrik {
  background-color: #FFBBDD;
}

body.rubrik-downloads #farbleiste, body.rubrik-downloads #buttonRubrik {
  background-color: #9ADAB3;
}

body.rubrik-suche #farbleiste, body.rubrik-suche #buttonRubrik {
  background-color: #E5E566;
}

body.rubrik-admin #farbleiste, body.rubrik-admin #buttonRubrik {
  background-color: #BBBBBB;
}

body.rubrik-superadmin #farbleiste, body.rubrik-superadmin #buttonRubrik {
  background-color: #BBBBBB;
}

body.rubrik-sonstiges #farbleiste, body.rubrik-sonstiges #buttonRubrik {
  background-color: #D7CfC6;
}

body.rubrik-weblog #farbleiste, body.rubrik-weblog #buttonRubrik {
  background-color: #84C8F0;
}

body.rubrik-home #haupt {
  border-color: #D7CfC6;
}

body.rubrik-wir #haupt {
  border-color: #90CC6F;
}

body.rubrik-user #haupt {
  border-color: #fb9190;
}

body.rubrik-artikel #haupt {
  border-color: #f8db89;
}

body.rubrik-termine #haupt {
  border-color: #D0D0FF;
}

body.rubrik-tipps #haupt {
  border-color: #7ACCCC;
}

body.rubrik-foren #haupt {
  border-color: #CC99CC;
}

body.rubrik-spass #haupt {
  border-color: #FFBBDD;
}

body.rubrik-downloads #haupt {
  border-color: #9ADAB3;
}

body.rubrik-suche #haupt {
  border-color: #E5E566;
}

body.rubrik-admin #haupt {
  border-color: #BBBBBB;
}

body.rubrik-superadmin #haupt {
  border-color: #BBBBBB;
}

body.rubrik-sonstiges #haupt {
  border-color: #D7CfC6;
}

body.rubrik-weblog #haupt {
  border-color: #84C8F0;
}

body.rubrik-wir div.untermenue li.aktiv a {
  background-color: #90CC6F;
}

body.rubrik-user div.untermenue li.aktiv a {
  background-color: #fb9190;
}

body.rubrik-artikel div.untermenue li.aktiv a {
  background-color: #f8db89;
}

body.rubrik-termine div.untermenue li.aktiv a {
  background-color: #D0D0FF;
}

body.rubrik-tipps div.untermenue li.aktiv a {
  background-color: #7ACCCC;
}

body.rubrik-foren div.untermenue li.aktiv a {
  background-color: #CC99CC;
}

body.rubrik-spass div.untermenue li.aktiv a {
  background-color: #FFBBDD;
}

body.rubrik-downloads div.untermenue li.aktiv a {
  background-color: #9ADAB3;
}

body.rubrik-suche div.untermenue li.aktiv a {
  background-color: #E5E566;
}

body.rubrik-admin div.untermenue li.aktiv a {
  background-color: #BBBBBB;
}

body.rubrik-superadmin div.untermenue li.aktiv a {
  background-color: #BBBBBB;
}

body.rubrik-sonstiges div.untermenue li.aktiv a {
  background-color: #D7CfC6;
}

body.rubrik-weblog div.untermenue li.aktiv a {
  background-color: #84C8F0;
}

/* ------------------------------------------------------------
   Hauptmenü + Vorschau
   ------------------------------------------------------------ */
#hauptmenue {
  overflow: hidden;
  border: solid #777;
  border-width: 0 0 0 1px;
  margin-bottom: 8px;
}
#hauptmenue li {
  float: left;
  box-sizing: border-box;
  border: solid #777;
  border-width: 0 1px 1px 0;
  width: 25%;
  /* calc( ( 100% - 5px ) * 0.25 ) */
  position: relative;
  background-color: #DDDEDF;
  min-height: 36px;
}
#hauptmenue li:nth-child(-n+4) {
  border-top-width: 1px;
}
#hauptmenue li:hover {
  background-color: #f7f7f7;
}
#hauptmenue li:before {
  content: "";
  display: block;
  padding-top: 75%;
}
html.touchscreen #hauptmenue li:before {
  padding-top: 75%;
}
#hauptmenue li a {
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  overflow: hidden;
  text-indent: -10000px;
}
#hauptmenue li a:before {
  background: url("/bilder/supersprite.png?20170914") no-repeat scroll -311px -355px transparent;
  content: "";
  height: 36px;
  left: 50%;
  margin-left: -18px;
  margin-top: -18px;
  position: absolute;
  top: 50%;
  width: 36px;
}
#hauptmenue li.homepage a:before {
  background-position: -4px -355px;
}
#hauptmenue li.homepage.gewaehlt {
  background-color: #D7CfC6;
}
#hauptmenue li.wir a:before {
  background-position: -39px -355px;
}
#hauptmenue li.wir.gewaehlt {
  background-color: #90CC6F;
}
#hauptmenue li.user a:before {
  background-position: -72px -355px;
}
#hauptmenue li.user.gewaehlt {
  background-color: #fb9190;
}
#hauptmenue li.artikel a:before {
  background-position: -104px -355px;
}
#hauptmenue li.artikel.gewaehlt {
  background-color: #f8db89;
}
#hauptmenue li.termine a:before {
  background-position: -171px -355px;
}
#hauptmenue li.termine.gewaehlt {
  background-color: #D0D0FF;
}
#hauptmenue li.foren a:before {
  background-position: -207px -355px;
}
#hauptmenue li.foren.gewaehlt {
  background-color: #CC99CC;
}
#hauptmenue li.spass a:before {
  background-position: -243px -355px;
}
#hauptmenue li.spass.gewaehlt {
  background-color: #FFBBDD;
}
#hauptmenue li.downloads a:before {
  background-position: -277px -355px;
}
#hauptmenue li.downloads.gewaehlt {
  background-color: #9ADAB3;
}
#hauptmenue li.suche a:before {
  background-position: -311px -355px;
}
#hauptmenue li.suche.gewaehlt {
  background-color: #E5E566;
}
#hauptmenue li.login a:before {
  background-position: -344px -355px;
}
#hauptmenue li.login.gewaehlt {
  background-color: #BBBBBB;
}

body.rubrik-home #buttonRubrik:before {
  background-position: -7px -358px;
}

body.rubrik-wir #buttonRubrik:before {
  background-position: -42px -358px;
}

body.rubrik-user #buttonRubrik:before {
  background-position: -75px -358px;
}

body.rubrik-artikel #buttonRubrik:before {
  background-position: -107px -358px;
}

body.rubrik-termine #buttonRubrik:before {
  background-position: -174px -358px;
}

body.rubrik-foren #buttonRubrik:before {
  background-position: -210px -358px;
}

body.rubrik-spass #buttonRubrik:before {
  background-position: -246px -358px;
}

body.rubrik-downloads #buttonRubrik:before {
  background-position: -280px -358px;
}

body.rubrik-suche #buttonRubrik:before {
  background-position: -314px -358px;
}

body.rubrik-admin #buttonRubrik:before {
  background-position: -380px -358px;
}

body.rubrik-superadmin #buttonRubrik:before {
  background-position: -416px -358px;
}

#vorschau {
  display: none;
  border: solid #666;
  border-width: 0 1px 0 1px;
  background-color: #eae6e1;
}
#vorschau div.vorschau {
  display: none;
}
#vorschau p {
  border: solid #666;
  border-width: 1px 0 1px 0;
  padding: 4px 4px 5px 4px;
  line-height: 1.3;
}
#vorschau div.farbleiste {
  background-color: #eae6e1;
  height: 6px;
  overflow: hidden;
}
#vorschau div.titel {
  padding: 4px;
  border: 1px solid #666;
  border-width: 1px 0 1px 0;
  font-weight: bold;
}

/* ------------------------------------------------------------
   Untermenüs
   ------------------------------------------------------------ */
div.untermenue div.titel, #menuespalte div.bewertungsmenue div.titel {
  color: #333;
  padding: 0 0px 2px 1px;
  /* margin-top: -2px; */
}

#untermenues > * {
  margin-top: 8px;
  margin-bottom: 8px;
}

#untermenues > *:first-child {
  margin-top: 0;
}

#untermenues > *:last-child {
  margin-bottom: 0;
}

div.untermenue ul {
  border: solid #777;
  border-width: 1px 0 0 1px;
  font-family: "Encode Sans Condensed", Arial, Helvetica, sans-serif;
  font-weight: 500;
  font-size: 1.0666666667rem;
  line-height: 21px;
  /* 1.3125; */
}
div.untermenue ul li {
  border-bottom: 1px solid #777;
}
div.untermenue ul li a {
  display: block;
  text-decoration: none !important;
  color: #444;
  background-color: #dddedf;
  padding: 4px 6px 4px 6px;
  box-sizing: border-box;
  border: solid #777;
  border-width: 0 1px 0 0;
  overflow: hidden;
}
div.untermenue ul li a:hover {
  background-color: #f7f7f7;
}

div.untermenue li.erweiterung-oeffner a {
  font-style: italic;
  font-weight: normal;
  color: #000;
}
div.untermenue li.erweiterung {
  display: none;
}
div.untermenue.erweitert li.erweiterung-oeffner {
  display: none;
}
div.untermenue.erweitert li.erweiterung {
  display: block;
}
div.untermenue.erweitert li.trenner {
  border-bottom-width: 3px;
}

html.touchscreen div.untermenue ul li a {
  padding-top: 10px;
  padding-bottom: 11px;
}

.jsIstAn #menuespalte div.untermenue.toggle div.titel {
  padding-right: 33px;
  padding-top: 8px;
  position: relative;
}

#menuespalte div.untermenue.toggle div.titel span.button {
  background: #dddedf url("/bilder/supersprite.png?20170914") scroll -24px -125px no-repeat;
  width: 34px;
  height: 22px;
  border: 1px solid #777;
  border-width: 1px 1px 0 1px;
  position: absolute;
  right: 0;
  bottom: 0;
  cursor: pointer;
}

#menuespalte div.untermenue.toggle.geschlossen div.titel span.button {
  background-position: 0px -124px;
}

#menuespalte div.untermenue.toggle div.titel span.button:hover {
  background-color: #f7f7f7;
}

.jsIstAn #menuespalte div.untermenue.toggle.geschlossen li {
  display: none;
}

.jsIstAn #menuespalte div.untermenue.toggle.geschlossen li.aktiv, .jsIstAn #menuespalte div.untermenue.toggle.geschlossen li.offen {
  display: block;
}

.jsIstAn #menuespalte div.untermenue.toggle li.strich {
  display: none;
}

.jsIstAn #menuespalte div.untermenue.toggle ul li.strich.aktiv {
  display: none;
}

.jsIstAn #menuespalte div.untermenue.toggle.geschlossen li.strich.aktiv {
  display: block;
}

div.untermenue.mit-icons a, div.untermenue.mit-text-mittig {
  padding-left: 0;
  padding-right: 0;
}

div.untermenue.mit-icons li {
  position: relative;
}
div.untermenue.mit-icons li:before {
  content: " ";
  display: block;
  font-size: 1em;
  line-height: 1.3846;
  padding-top: 2px;
  padding-bottom: 3px;
  width: 30px;
}
html.touchscreen div.untermenue.mit-icons li:before {
  padding-top: 10px;
  padding-bottom: 11px;
}
div.untermenue.mit-icons li a {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  text-indent: -10000px;
}
div.untermenue.mit-icons li a:before {
  background: url("/bilder/supersprite.png?20170914") no-repeat scroll 0 0 transparent;
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  height: 12px;
  width: 22px;
  margin-top: -6px;
  margin-left: -11px;
}

div.untermenue.mit-icons a, div.untermenue.mit-text-mittig {
  padding-left: 0;
  padding-right: 0;
}

div.untermenue.mit-text-mittig a, div.untermenue li.mit-text-mittig a {
  text-align: center;
}

div.untermenue.mit-icons li.mit-text-mittig:before {
  content: none;
}
div.untermenue.mit-icons li.mit-text-mittig a {
  text-indent: 0;
  position: static;
  top: auto;
  right: auto;
  bottom: auto;
  left: auto;
}
div.untermenue.mit-icons li.mit-text-mittig a:before {
  content: none;
}

/* Firefox-Font-Rendering-Korrekturen */
@-moz-document url-prefix() {
  /*div.untermenue ul li a { padding: 3px 6px 5px 6px; }*/
  div.untermenue li a span,
#regusernavi span.username,
#regusernavi a span,
#schriftgroesse a span,
span.fffkorr {
    vertical-align: 0.06696429rem !important;
  }

  /* -0.066964rem */
  #kalender td {
    padding-top: 3px !important;
  }
}
/* ------------------------------------------------------------
   Quermenü (Untermenü quer) / spaltige Untermenüs
   ------------------------------------------------------------ */
/* 
    div ul.quermenue {
    border: solid #777; border-width: 0 0 0 1px; zoom: 1;
    li {
	float: left; display: block; position: relative; box-sizing: border-box; x-moz-box-sizing: padding-box; x-ms-box-sizing: padding-box;
	a { border: solid #777; border-width: 0 1px 1px 0; text-align: center; display: block; x-zoom: 1; position: absolute; bottom: 0; left: 0; right: 0; top: 0; bottom: 0; }
	&:before { content: "\00a0"; display: block; font-size: 1em; line-height: 1.3846; padding: 3px 4px 3px; x-padding-top: 49.7%; }
    }
    &:after { content: ""; display: table; clear: both; }
}

ul.quermenue.spaltig2 li {
    width: 50%;
    x&:before { padding-top: 20%; }
    xhtml.touchscreen &:before { padding-top: 50%; }
}
ul.quermenue.spaltig2 li:nth-child(-n+2) a { border-top-width: 1px; }

ul.quermenue.spaltig3 li {
    width: 33%;
    x&:before { padding-top: 33%; }
    xhtml.touchscreen &:before { padding-top: 50%; }
}
ul.quermenue.spaltig3 li:nth-child(-n+3) a { border-top-width: 1px; }

ul.quermenue.spaltig4 li {
    width: 25%;
    x&:before { x-padding-top: 50%; }
    xhtml.touchscreen &:before { padding-top: 75%; }
}
ul.quermenue.spaltig4 li:nth-child(-n+4) a { border-top-width: 1px; }

ul.blaettermenue {
    li a { text-indent: -10000px; }
    li a:before { background: url($supersprite) no-repeat scroll 0 0 transparent; content: ""; height: 12px; left: 50%; margin-left: -11px; margin-top: -6px; position: absolute; top: 50%; width: 22px; }
    li.nachLinks a:before { background-position: -103px -108px; }
    li.nachRechts a:before { background-position: -123px -108px; }
    li.nachLiLinks a:before { background-position: -76px -108px; }
    li.nachReRechts a:before { background-position: -150px -108px; }
}
*/
div.untermenue.spaltig2 li, div.untermenue.spaltig3 li, div.untermenue.spaltig4 li, div.untermenue.spaltig5 li, div.untermenue.spaltig6 li {
  float: left;
  box-sizing: content-box;
}

div.untermenue.spaltig2 li {
  width: 50%;
}

div.untermenue.spaltig3 li {
  width: 33.3333%;
}

div.untermenue.spaltig4 li {
  width: 25%;
}

div.untermenue.spaltig5 li {
  width: 20%;
}

div.untermenue.spaltig6 li {
  width: 16.666667%;
}

div.untermenue.spaltig2 ul:after, div.untermenue.spaltig3 ul:after, div.untermenue.spaltig4 ul:after, div.untermenue.spaltig5 ul:after, div.untermenue.spaltig6 ul:after {
  content: "";
  display: table;
  clear: both;
}

div.untermenue.mit-icons li.nachLinks a:before {
  background-position: -103px -108px;
}

div.untermenue.mit-icons li.nachRechts a:before {
  background-position: -123px -108px;
}

div.untermenue.mit-icons li.nachLiLinks a:before {
  background-position: -76px -108px;
}

div.untermenue.mit-icons li.nachReRechts a:before {
  background-position: -150px -108px;
}

/* ------------------------------------------------------------
   Tables
   ------------------------------------------------------------ */
div.table {
  margin-bottom: 1.3em;
  margin-top: 1.3em;
}

table {
  border-collapse: collapse;
  width: 100%;
  border-spacing: 0;
}
table td {
  padding: 3px 4px 3px 4px;
  border: 1px solid #666;
  vertical-align: top;
  line-height: 1.4;
}
table th {
  padding: 0 3px 3px 3px;
  font-weight: bold;
  color: #444;
  text-align: left;
  vertical-align: bottom;
}

table tr.dunkel td, table td.dunkel, table > tbody.even td, table tr.even td, table.td.even, table.oddEven tr:nth-child(even) td {
  background-color: #E6E0D9;
}

table tr.hell td, table td.hell, table > tbody.odd td, table tr.odd td, table td.odd, table.oddEven tr:nth-child(odd) td {
  background-color: #F0ECE8;
}

table a, table a:link, table a:visited {
  font-weight: normal;
}

div.inhaltSeite table p, [class~=asdfasdf] {
  margin: 0;
}

/* [class~="asdfasdf"] für IE <= 6, damit wird margin:0 ignoriert, da p+p nicht verstanden wird */
div.inhaltSeite table p + p {
  margin-top: 1em;
}

table td.icon {
  padding: 3px;
}

table.tbodyHover tbody:hover td, table.hover tr:hover td, table tr.hover:hover td, table tr td.hover:hover {
  background-color: #d7cfc6;
}

table td.befehl, table tbody.odd tr td.befehl, table tbody.even tr td.befehl, table tbody tr.odd td.befehl, table tbody tr.even td.befehl {
  background-color: #dddedf;
  cursor: pointer;
  padding: 3px;
  vertical-align: middle;
}

table td.befehl:hover, table.tbodyHover tr td.befehl:hover, table.hover tr td.befehl:hover, table tr.hover td.befehl:hover {
  background-color: #f7f7f7;
}

table td.befehl span {
  display: block;
  width: 16px;
  height: 16px;
  background-repeat: no-repeat;
}

table td.befehl a img {
  vertical-align: middle;
}

td.taste {
  background-color: #dddedf !important;
  cursor: pointer;
  padding: 3px 5px !important;
  vertical-align: middle !important;
}

td.taste:hover {
  background-color: #f7f7f7 !important;
}

td.taste span {
  display: block;
  width: 16px;
  height: 16px;
  background-repeat: no-repeat;
}

/* ------------------------------------------------------------
   Formulare
   ------------------------------------------------------------ */
label, select, input.checkbox, input.radio, button {
  cursor: pointer;
}

input.text, select, textarea {
  font-family: "Encode Sans", Arial, Helvetica, sans-serif;
  font-size: 0.9333333333em;
  color: #000;
  background-color: #F2EFEC;
  border: 1px solid #777;
  resize: vertical;
  letter-spacing: 0.05rem;
}

input.text, textarea {
  padding: 3px 4px 3px 4px;
}

input.text:focus, textarea:focus {
  border: 1px solid #777;
  box-shadow: 1px 1px 0 #777 inset, 1px -1px 0 #777 inset, -1px 1px 0 #777 inset, -1px -1px 0 #777 inset;
  -moz-box-shadow: 1px 1px 0 #777 inset, 1px -1px 0 #777 inset, -1px 1px 0 #777 inset, -1px -1px 0 #777 inset;
  -webkit-box-shadow: 1px 1px 0 #777 inset, 1px -1px 0 #777 inset, -1px 1px 0 #777 inset, -1px -1px 0 #777 inset;
}

input.pflicht, textarea.pflicht, select.pflicht {
  background-image: url(/bilder/pflichteck-web.png);
  background-repeat: no-repeat;
  background-position: top left;
}

input.readonly {
  background-image: none;
  background-color: transparent;
  color: #000;
}

/* für textfelder gedacht */
input.readonly:focus {
  border: 1px solid #777;
  padding: 3px 4px 3px 4px;
  outline: none;
}

/* für textfelder gedacht */
textarea {
  line-height: 1.2;
}

button {
  font-family: Fira Sans, Arial, Helvetica, sans-serif;
  line-height: 1.4;
  font-weight: bold;
  color: #222;
  background-color: #dddedf;
  padding: 2px 0;
  border: 1px solid #777;
  position: relative;
  margin: 0;
  /* für Safari, der ansonsten einen Margin oben und unten macht. */
  display: inline-block;
  /* ursprünglich nicht notwendig. Im März 2014 entdeckt, dass ohne dieses auf Android der Text aus den Buttons rausschaut. */
}

a.button {
  font-family: Fira Sans, Arial, Helvetica, sans-serif;
  line-height: 1.4;
  font-weight: bold;
  color: #222;
  background-color: #dddedf;
  padding: 2px 0;
  border: 1px solid #777;
  position: relative;
}

a.button.nurIcon {
  display: inline-block;
}

button::-moz-focus-inner {
  padding-left: 0;
  padding-right: 0;
  border: 0;
}

/* border-left: none; border-right: none; */
button:focus {
  box-shadow: 1px 1px #777, -1px 1px #777, 1px -1px #777, -1px -1px #777;
  -moz-box-shadow: 1px 1px #777, -1px 1px #777, 1px -1px #777, -1px -1px #777;
}

a.button:focus {
  outline: 1px solid #777;
}

button span.icon, a.button span.icon {
  left: 3px;
  background-image: url("/bilder/supersprite.png?20170914");
  background-repeat: no-repeat;
  background-attachment: scroll;
  position: absolute;
  top: 50%;
  margin-top: -8px;
  width: 16px;
  height: 16px;
}

button.iconRechts span.icon {
  left: auto;
  right: 3px;
}

button span.text, a.button span.text {
  margin-left: 24px;
  margin-right: 6px;
}

button.iconRechts span.text {
  margin-right: 24px;
  margin-left: 6px;
}

/* vorher: 20/5 */
button.nurText {
  padding-left: 5px;
  padding-right: 5px;
  text-indent: 0;
}

button.nurIcon, a.button.nurIcon {
  width: 26px;
  padding: 2px 0;
  position: relative;
  box-sizing: border-box;
  text-indent: -10000px;
  overflow: hidden;
}

button.nurIcon.like, a.button.nurIcon.like {
  width: 42px;
}

button.nurIcon span.icon, a.button.nurIcon span.icon {
  left: 50%;
  margin-left: -8px;
}

button.nurIcon.like span.icon, a.button.nurIcon.like span.icon {
  left: 50%;
  margin-left: -16px;
}

button.ok span.icon, a.button.ok span.icon {
  background-position: -10px -10px;
}

button.stopp span.icon, a.button.stopp span.icon {
  background-position: -36px -10px;
}

button.schliessen span.icon, a.button.schliessen span.icon {
  background-position: -114px -10px;
}

button.schliessen2 span.icon, a.button.schliessen2 span.icon {
  background-position: -1909px -10px;
}

button.weiter span.icon, a.button.weiter span.icon {
  background-position: -62px -10px;
}

button.zurueck span.icon, a.button.zurueck span.icon {
  background-position: -88px -10px;
}

button.ablehnen span.icon, a.button.ablehnen span.icon {
  background-position: -140px -10px;
}

button.smiley span.icon, a.button.smiley span.icon {
  background-position: -340px -10px;
}

button.fett span.icon, a.button.fett span.icon {
  background-position: -316px -10px;
}

button.durchgestrichen span.icon, a.button.durchgestrichen span.icon {
  background-position: -268px -10px;
}

button.link span.icon, a.button.link span.icon {
  background-position: -166px -10px;
}

button.emailadresse span.icon, a.button.emailadresse span.icon {
  background-position: -192px -10px;
}

button.youtube span.icon, a.button.youtube span.icon {
  background-position: -218px -10px;
}

button.bild span.icon, a.button.bild span.icon {
  background-position: -243px -10px;
}

button.kursiv span.icon, a.button.kursiv span.icon {
  background-position: -365px -10px;
}

button.anfzeichen span.icon, a.button.anfzeichen span.icon {
  background-position: -293px -10px;
}

button.edit span.icon, a.button.edit span.icon {
  background-position: -389px -10px;
}

button.abwaerts span.icon, a.button.abwaerts span.icon {
  background-position: -413px -10px;
}

button.aufwaerts span.icon, a.button.aufwaerts span.icon {
  background-position: -437px -10px;
}

button.bildHinzufuegen span.icon, a.button.bildHinzufuegen span.icon {
  background-position: -462px -10px;
}

button.einfuegenZuvor span.icon, a.button.einfuegenZuvor span.icon {
  background-position: -488px -10px;
}

button.einfuegenDanach span.icon, a.button.einfuegenDanach span.icon {
  background-position: -514px -10px;
}

button.einfuegen span.icon, a.button.einfuegen span.icon {
  background-position: -540px -10px;
}

button.birneAus span.icon, a.button.birneAus span.icon {
  background-position: -637px -10px;
}

button.birneEin span.icon, a.button.birneEin span.icon {
  background-position: -613px -10px;
}

button.loeschen span.icon, a.button.loeschen span.icon {
  background-position: -565px -10px;
}

button.plus span.icon, a.button.plus span.icon {
  background-position: -590px -10px;
}

button.kalender span.icon, a.button.kalender span.icon {
  background-position: -662px -10px;
}

button.mehrAbwaerts span.icon, a.button.mehrAbwaerts span.icon {
  background-position: -687px -10px;
}

button.mehrAufwaerts span.icon, a.button.mehrAufwaerts span.icon {
  background-position: -711px -10px;
}

button.naviUnten span.icon, a.button.naviUnten span.icon {
  background-position: -895px -10px;
}

button.naviOben span.icon, a.button.naviOben span.icon {
  background-position: -919px -10px;
}

button.naviLinks span.icon, a.button.naviLinks span.icon {
  background-position: -942px -10px;
}

button.naviRechts span.icon, a.button.naviRechts span.icon {
  background-position: -962px -10px;
}

button.facebook span.icon, a.button.facebook span.icon {
  background-position: -1119px -10px;
}

button.twitter span.icon, a.button.twitter span.icon {
  background-position: -1217px -10px;
}

button.myspace span.icon, a.button.myspace span.icon {
  background-position: -1143px -10px;
}

button.delicious span.icon, a.button.delicious span.icon {
  background-position: -1264px -10px;
}

button.mrwong span.icon, a.button.mrwong span.icon {
  background-position: -1240px -10px;
}

button.studivz span.icon, a.button.studivz span.icon {
  background-position: -1289px -10px;
}

button.meinvz span.icon, a.button.meinvz span.icon {
  background-position: -1315px -10px;
}

button.buzz span.icon, a.button.buzz span.icon {
  background-position: -1442px -10px;
}

button.gplus span.icon, a.button.gplus span.icon {
  background-position: -1578px -10px;
}

button.gplusLike span.icon, a.button.gplusLike span.icon {
  background-position: -1515px -10px;
}

button.diigo span.icon, a.button.diigo span.icon {
  background-position: -1418px -10px;
}

button.pinterest span.icon, a.button.pinterest span.icon {
  background-position: -1706px -10px;
}

button.pocket span.icon, a.button.pocket span.icon {
  background-position: -1730px -10px;
}

button.textedit span.icon, a.button.textedit span.icon {
  background-position: -866px -10px;
  left: 10px;
  width: 20px;
}

button.bildGrau span.icon, a.button.bildGrau span.icon {
  background-position: -1466px -10px;
}

button.blase span.icon, a.button.blase span.icon {
  background-position: -1490px -10px;
}

button.ablageSpeichern span.icon, a.button.ablageSpeichern span.icon {
  background-position: -1603px -10px;
}

button.ablageLaden span.icon, a.button.ablageLaden span.icon {
  background-position: -1629px -10px;
}

button.ablageLoeschen span.icon, a.button.ablageLoeschen span.icon {
  background-position: -1655px -10px;
}

button.ablage span.icon, a.button.ablage span.icon {
  background-position: -1681px -10px;
}

button.drucker span.icon, a.button.drucker span.icon {
  background-position: -1755px -10px;
}

button.whatsapp span.icon, a.button.whatsapp span.icon {
  background-position: -1780px -10px;
}

button.suchen span.icon, a.button.suchen span.icon {
  background-position: -1805px -10px;
}

button.like span.icon, a.button.like span.icon {
  background-position: -1831px -10px;
}

button.cursor-pfeil span.icon, a.button.cursor-pfeil span.icon {
  background-position: -1857px -10px;
}

button.select span.icon, a.button.select span.icon {
  background-position: -1883px -10px;
}

button.ladend span.icon, a.button.ladend span.icon {
  background: url("/bilder/ajax-loader-button.gif") 0 0 no-repeat scroll;
  position: absolute;
  top: 50%;
  left: 3px;
  margin-top: -8px;
  width: 16px;
  height: 16px;
}

button:hover, a.button:hover {
  background-color: #f7f7f7;
}

a.button:hover {
  text-decoration: none;
}

button[disabled], a.button[disabled], button[disabled]:hover, a.button[disabled]:hover, button.disabled, a.button.disabled, button.disabled:hover, a.button.disabled:hover {
  background-color: #dddedf;
  color: #777;
  border-color: #aaa;
  cursor: default;
}

button[disabled] span.icon, a.button[disabled] span.icon, button.disabled span.icon, a.button.disabled span.icon {
  opacity: 0.4;
}

/* dezente Button-Variante (mittels Hintergrund- und Border-Transparenz) */
button.dezent, a.button.dezent {
  border: 1px solid #777777;
  border-color: rgba(119, 119, 119, 0.4);
  background-color: #dddedf;
  background-color: rgba(221, 222, 223, 0.66);
}

button.dezent:hover, a.button.dezent:hover, button.dezent:focus, a.button.dezent:focus {
  background-color: #f7f7f7;
  border-color: #777;
}

select {
  padding: 2px;
}

select.menue, select.menue:hover, select.menue:focus {
  border: 1px solid #777;
  padding: 2px;
  background-color: #dddedf;
}

select.menue:hover {
  background-color: #f7f7f7;
}

select:focus {
  box-shadow: 1px 1px 0 #777 inset, 1px -1px 0 #777 inset, -1px 1px 0 #777 inset, -1px -1px 0 #777 inset;
  -moz-box-shadow: 1px 1px 0 #777 inset, 1px -1px 0 #777 inset, -1px 1px 0 #777 inset, -1px -1px 0 #777 inset;
  -webkit-box-shadow: 1px 1px 0 #777 inset, 1px -1px 0 #777 inset, -1px 1px 0 #777 inset, -1px -1px 0 #777 inset;
  background-color: #F2EFEC;
  outline: none;
}

div.feld, div.feldH {
  line-height: 1.4;
}

div.feld label {
  display: block;
  font-weight: bold;
  color: #222;
}

div.feld label span.info {
  color: #000;
  font-weight: normal;
}

div.feld {
  position: relative;
  margin: 1em 0;
}

div.feld input.text, div.feld textarea {
  box-sizing: border-box;
  width: 100%;
  margin: 3px 0;
}

div.feld span.letztesWort {
  margin-right: 65px;
}

fieldset {
  display: block;
  border: 1px solid #777;
  padding: 0 10px;
  margin: 1em 0;
}

fieldset p {
  margin: 1em 0;
}

fieldset legend {
  padding: 0 5px;
  margin-left: -6px;
}

div.inhaltSeite fieldset > *:nth-child(2) {
  margin-top: 0.5em;
}

div.feldH label {
  float: left;
  font-weight: bold;
  color: #222;
  margin: 0 0.7em 0 0;
  text-align: right;
  width: 8.8em;
  padding-top: 6px;
  line-height: 1.4;
}

div.feldH span.labels {
  float: left;
  margin: 0 0.7em 0 0;
  text-align: right;
  width: 8.8em;
  padding-top: 6px;
}

div.feldH span.labels label {
  width: auto;
  float: none;
  display: inline;
  text-align: left;
}

div.feldH {
  position: relative;
  margin: 1em 0;
}

div.feldH span.feld input.text, div.feldH span.feld textarea {
  margin: 3px 0;
  box-sizing: border-box;
  width: 100%;
}

div.feldH span.felder input.text, div.feldH span.felder textarea {
  margin: 3px 0;
}

div.feldH span.feld, div.feldH span.felder {
  display: block;
  margin-left: 9.55em;
}

div.checkboxenH div.label {
  float: left;
  font-weight: bold;
  color: #222;
  margin: 0 0 0 0;
  text-align: right;
  width: 8.8em;
  xpadding-top: 6px;
  line-height: 1.4;
}

div.checkboxenH div.checkbox {
  margin-left: 9.55em;
  line-height: 1.4em;
}

div.buttonH {
  margin: 1em 0 1em 9.55em;
}

div.buttonH button {
  margin: 3px 0;
}

div.button {
  margin: 1em 0;
}

div.button button {
  margin: 3px 0;
}

span.plusMinus {
  display: block;
  position: relative;
}

span.plusMinus > span {
  display: block;
  position: absolute;
  top: -1.1em;
  right: 0px;
}

span.plusMinus span.plus {
  cursor: pointer;
}

span.plusMinus span.minus {
  cursor: pointer;
}

div.mce-tinymce.hatFokus {
  outline: 1px solid #777;
}

button[disabled] {
  color: #777;
  border-color: #aaa;
}

/* ------------------------------------------------------------
   Bild-Illustrationen
   ------------------------------------------------------------ */
div.querbild {
  background: url(/bilder/querbild-bg.gif) no-repeat center center;
  margin-bottom: 1.4em;
  margin-top: 1.4em;
}

div.querbild div.ausrichtung {
  margin: 0 auto;
}

div.querbild img {
  border: 1px solid #666;
  background-color: #fff;
  padding: 1px;
  display: block;
  max-width: 100%;
}

div.querbild div.text {
  border: solid #666;
  border-width: 0 1px 1px 1px;
  padding: 3px 4px 3px 4px;
  background-color: #f4f2f0;
  line-height: 1.2;
}

div.randbilder {
  float: right;
  margin-left: 16px;
  margin-bottom: -8px;
  clear: right;
}

div.randbilder-links {
  float: left;
  margin-right: 16px;
  clear: both;
  margin-bottom: -8px;
}

div.randbild {
  margin-bottom: 16px;
  x: 1.2em;
  margin-top: 0.35em;
}

div.randbild img {
  border: 1px solid #666;
  background-color: #fff;
  padding: 1px;
  display: block;
}

div.randbild div.text {
  border: 1px solid #666;
  border-width: 0 1px 1px 1px;
  padding: 3px 4px 4px 4px;
  background-color: #f4f2f0;
  line-height: 1.2em;
}

a.strobox span.iconLupe {
  position: absolute;
  right: 3px;
  bottom: 3px;
}

div.querbild a, div.randbild a {
  position: relative;
  display: block;
}

a.mitLupe.strobox:after {
  content: "";
  background: url("/bilder/supersprite.png?20170914") no-repeat scroll 0 -447px transparent;
  right: 3px;
  bottom: 3px;
  display: block;
  height: 28px;
  width: 27px;
  position: absolute;
  vertical-align: middle;
}

a.mitLupe.strobox {
  display: inline-block;
  position: relative;
}

span.randbilder {
  float: right;
  margin-left: 16px;
}

span.randbilder-links {
  float: left;
  margin-right: 16px;
  clear: both;
}

span.randbild {
  display: block;
  margin-bottom: 1.2em;
  margin-top: 0.35em;
}

span.randbild img {
  border: 1px solid #666;
  background-color: #fff;
  padding: 1px;
}

span.randbild span.text {
  display: block;
  border: 1px solid #666;
  border-width: 0 1px 1px 1px;
  padding: 3px 4px 4px 4px;
  background-color: #f4f2f0;
  line-height: 1.2em;
}

/* ------------------------------------------------------------
   diverse Navigation
   ------------------------------------------------------------ */
.weiterMit {
  text-align: right;
  border-top: 1px solid #999;
  margin-top: 1.5em;
  clear: both;
}

.weiterMit a {
  font-weight: normal;
}

div.buttonbalken button, span.buttonbalken button {
  border-right-width: 0;
  width: 25px;
}

div.buttonbalken button:last-child, span.buttonbalken button:last-child {
  border-right-width: 1px;
}

a.taste {
  background-color: #dddedf;
  display: block;
  color: #333;
}

a.taste:hover {
  background-color: #f7f7f7;
  text-decoration: none;
  cursor: default;
}

a.texttaste {
  padding: 2px 4px 2px 4px;
  border: 1px solid #777;
}

a.texttaste:visited {
  color: #333;
}

#menuespalte div.querlinks {
  margin-top: 8px;
  margin-bottom: 8px;
}
#menuespalte div.querlinks div.links, #menuespalte div.querlinks li {
  font-family: "Fira Sans", Arial, Helvetica, sans-serif;
  font-size: 0.9333333333rem;
  line-height: 1.3571428571;
}
#menuespalte div.querlinks div.titel {
  color: #333;
  padding: 0 4px 2px 1px;
  /* margin-top: -2px; */
}
#menuespalte div.querlinks div.links {
  border: 1px solid #666;
  padding: 2px 6px 2px 5px;
  line-height: 1.4;
}
#menuespalte div.querlinks p {
  margin: 3px 0;
}
#menuespalte div.querlinks ul {
  list-style: disc inside;
  margin: 3px 0;
}
#menuespalte div.querlinks li {
  margin: 4px 0 4px 3px;
  color: #222;
}

#menuespalte div.info {
  /* div.untermenue */
  overflow: hidden;
  padding: 2px 4px 4px 4px;
  border: 1px solid #777;
  font-family: "Fira Sans", Arial, Helvetica, sans-serif;
  font-size: 0.9333333333rem;
  line-height: 1.3571428571;
}

/* ------------------------------------------------------------
   Fehler- und Erfolgsmeldungen, Hinweise
   ------------------------------------------------------------ */
div.baustelle {
  margin-top: 15px;
  margin-bottom: 15px;
  background: url(/bilder/baustelle.web.png) 10px 10px no-repeat;
  padding: 0 8px 0 103px;
  min-height: 92px;
  border: 1px solid #999;
  background-color: #e8e3dd;
}

* html div.baustelle {
  height: 92px;
}

div.fehler404bild {
  float: left;
  width: 120px;
  height: 101px;
  background: url("/bilder/supersprite.png?20170914") scroll no-repeat 0 -249px;
  margin-top: 5px;
}

div.fehler404text {
  margin-left: 133px;
}

div.statusmeldung {
  display: table;
  padding: 5px 10px 5px 63px;
  border: 2px solid #999;
  background-color: #F0ECE8;
  box-sizing: border-box;
  width: 100%;
  height: 65px;
  position: relative;
  margin: 1.2em 0;
}

html.menueIstAussen #inhaltSeite > div.fuer-status {
  margin-right: 100px;
}

div.statusmeldung div.text {
  display: table-cell;
  vertical-align: middle;
}

div.statusmeldung:before {
  display: block;
  content: "";
  background: transparent url("/bilder/supersprite.png?20170914") scroll no-repeat;
  margin-right: 8px;
  width: 45px;
  position: absolute;
  top: 10px;
  left: 10px;
}

div.statusmeldung.fehler:before {
  height: 41px;
  top: 10px;
  background-position: -45px -204px;
}

div.statusmeldung.erfolg:before {
  height: 45px;
  background-position: 0 -204px;
}

div.statusmeldung.hinweis:before {
  height: 45px;
  background-position: -90px -204px;
}

div.statusmeldung.fehler {
  border-color: #e33;
}

div.statusmeldung.fehler ul {
  margin-top: 6px;
  margin-bottom: 6px;
}

div.statusmeldung.fehler li {
  line-height: 1.4;
  margin-top: 6px;
  margin-bottom: 6px;
}

div.statusmeldung p {
  margin-bottom: 6px;
}

div.statusmeldung div.text *:last-child {
  margin-bottom: 2px;
}

p.statusmeldung {
  font-weight: bold;
}

div.warnung {
  border: 2px solid #cc0004;
  background-color: #ffffcc;
  margin-top: 1.7em;
  margin-bottom: 1.7em;
}

div.warnung p {
  font-weight: bold;
  color: #333;
  padding-left: 15px;
  padding-right: 15px;
}

div.warnung p.titel {
  font-size: 1.1em;
  margin: 0;
  font-weight: bold;
  background-color: #fff6a1;
  color: #333;
  padding-top: 9px;
  padding-bottom: 8px;
  border-bottom: 1px solid #cc0004;
}

body.f404 #untermenues, body.f404 #toolbar div.like, body.f404 #toolbar div.share,
body.fehlerAjax #untermenues, body.fehlerAjax #toolbar div.like, body.fehlerAjax #toolbar div.share {
  display: none;
}

/* ------------------------------------------------------------
   Zitate
   ------------------------------------------------------------ */
blockquote {
  background: transparent url(/bilder/zitat5-1.gif) left top no-repeat;
  padding-left: 40px;
  margin-left: 0;
  margin-right: 0;
}

blockquote blockquote {
  background: transparent url(/bilder/zitat5-2.gif) right top no-repeat;
  margin-left: 0;
  margin-right: 0;
  padding-right: 40px;
  padding-left: 0;
}

div.inhaltSeite blockquote p {
  margin: 0.6em 0 0.6em 0;
  font-style: italic;
  x-font-size: 1.125em;
}

blockquote cite {
  display: block;
  x-font-size: 0.85em;
  text-align: right;
  x-color: #666;
  x-border-top: 1px solid #aaa;
  font-style: normal;
  margin-top: 0.6em;
}

/* ------------------------------------------------------------
   Galerien
   ------------------------------------------------------------ */
div.galerie {
  margin-bottom: 1.35em;
  margin-top: 1.45em;
}

table.galerie {
  width: auto;
  border: solid #777;
  border-width: 1px 0 0 1px;
}

table.galerie a {
  display: block;
  margin: 2px;
  position: relative;
  zoom: 1;
}

/* zoom für IE7 */
table.galerie img {
  display: block;
}

/* für IE7 */
x-table.galerie span.iconLupe, x-table.galerie span.iconLupe {
  position: absolute;
  right: 3px;
  bottom: 3px;
  x-display: block;
  opacity: 0.33;
}

table.galerie span.iconLupe, table.galerie span.iconLupe {
  opacity: 0.33;
}

table.galerie a:hover span.iconLupe, table.galerie a:hover span.iconLupe {
  opacity: 1;
}

table.galerie td {
  border: solid #777;
  border-width: 0 1px 1px 0;
  background: #f4f2f0;
  padding: 0;
}

table.galerie td.leer {
  border: none;
  background: transparent;
}

div.inhaltSeite ul.galerie {
  list-style: none;
  margin-bottom: 1.35em;
  margin-top: 1.45em;
  margin: -3px;
  /* zoom für IE7 */
  /* für IE7 */
}
div.inhaltSeite ul.galerie a {
  display: block;
  position: relative;
  background: #f4f2f0;
  padding: 1px;
  zoom: 1;
}
div.inhaltSeite ul.galerie img {
  display: block;
}
div.inhaltSeite ul.galerie span.iconLupe, div.inhaltSeite ul.galerie span.iconLupe {
  position: absolute;
  right: 3px;
  bottom: 3px;
  opacity: 0.33;
}
div.inhaltSeite ul.galerie span.iconLupe, div.inhaltSeite ul.galerie span.iconLupe {
  opacity: 0.33;
}
div.inhaltSeite ul.galerie a:hover span.iconLupe, div.inhaltSeite ul.galerie a:hover span.iconLupe {
  opacity: 1;
}
div.inhaltSeite ul.galerie li {
  border: 1px solid #777;
  margin: 3px;
  display: inline-block;
  zoom: 1;
}
div.inhaltSeite ul.galerie:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

/* ------------------------------------------------------------
   Catfish
   ------------------------------------------------------------ */
#catfish {
  background-color: #f0ece8;
  border-top: 1px solid #fff;
  display: none;
}

#catfish2 {
  border-top: 1px solid #888;
}

#catfish3 {
  border-top: 6px solid #d7cfc6;
}

#catfish4 {
  border-top: 1px solid #888;
}

#catfish5 {
  width: 760px;
  margin: auto;
}

#catfish6 {
  padding: 15px 23px;
}

/* ------------------------------------------------------------
   strombocheckbox
   ------------------------------------------------------------ */
a.strombocheckbox {
  cursor: hand;
  /* für IE 6 */
  vertical-align: text-bottom;
  display: inline-block !important;
  border: 1px solid #777;
  background: #FAF7F4;
  /* #F2EFEC */
  padding: 1px;
}

span.strombocheckboxInnen1 {
  display: block;
  background: transparent url(/bilder/checkbox-bg.gif) no-repeat left top;
}

span.strombocheckboxInnen2 {
  display: block;
  height: 0.8em;
  width: 0.8em;
  overflow: hidden;
}

a.strombocheckboxChecked span.strombocheckboxInnen1 {
  background-position: center center;
}

a.strombocheckbox:focus {
  outline: 1px solid #777;
}

/* ------------------------------------------------------------
   Diverses
   ------------------------------------------------------------ */
input#feldSpamschutz {
  width: 1.8em;
}

/* Spamschutz E-Mail-Adressen*/
span.seppl img {
  position: relative;
  top: 3px;
  padding: 1px 2px;
}

h5 + p {
  margin-top: 0;
}

img.smiley {
  vertical-align: text-bottom;
}

div.player {
  margin-top: 1.3em;
  margin-bottom: 1.3em;
  font-style: italic;
}

div.versteckt {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
  filter: alpha(opacity=60);
  -moz-opacity: 0.6;
  opacity: 0.6;
}

.ajaxLadevorgang {
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url(/bilder/ajax-loader.gif);
  min-height: 32px;
}

span.miniportrait img {
  background-color: #eee;
  padding: 1px;
  border: 1px solid #666;
  display: block;
}

p.teaser {
  font-size: 1.0666rem;
  font-weight: 500;
  color: #222;
  line-height: 1.5;
}

span.neu {
  background-color: #D44;
  color: #DEE;
  font-weight: bold;
  padding: 0 3px 0 4px;
  letter-spacing: 1px;
  padding-bottom: 1px;
}

.clear {
  clear: both;
}

.clearleft {
  clear: left;
}

.clearright {
  clear: right;
}

.clearboth {
  clear: both;
}

div.cleardivBoth {
  visibility: hidden;
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  display: inline-block;
}

/* fuer    */
.clearfix {
  display: block;
}

/*    IE 7 */
.tableCell {
  display: table-cell;
  vertical-align: middle;
}

.tableRow {
  display: table-row;
}

.displayTable {
  display: table;
  width: 100%;
}

table td.datenname {
  white-space: nowrap;
  text-align: right;
}

table td.daten {
  width: 100%;
}

table td.datenname, table tr.odd td.datenname, table tr.even td.datenname {
  background-color: transparent;
}

table tr:hover td.datenname {
  background-color: #d7cfc6;
}

/* Icon mittels SPAN */
span.icon {
  height: 16px;
  width: 16px;
  background: transparent url("/bilder/supersprite.png?20170914") no-repeat scroll 0 0;
  display: inline-block;
  vertical-align: middle;
}

span.iconAchtung {
  background-position: -1341px -10px;
}

span.iconOK {
  background-position: -1367px -10px;
}

span.iconFrage {
  background-position: -1393px -10px;
}

span.iconLupe {
  background-position: 0 -447px;
  width: 27px;
  height: 28px;
}

span.iconBlase {
  background-position: -1490px -10px;
}

#fensterAlert.hinweis span.ok {
  display: none;
}

#fensterAlert.ok span.hinweis {
  display: none;
}

/* ------------------------------------------------------------
   Fenster
   ------------------------------------------------------------ */
/* jqModal base Styling courtesy of;
	Brice Burgess <bhb@iceburg.net> */
/* The Window's CSS z-index value is respected (takes priority). If none is supplied,
	the Window's z-index value will be set to 3000 by default (via jqModal.js). */
.jqmWindow {
  display: none;
  position: fixed;
  top: 17%;
  left: 50%;
  margin-left: -300px;
  width: 600px;
  color: #333;
  border: 8px solid #ccc;
  -moz-border-radius: 3px;
  border-radius: 3px;
  box-sizing: border-box;
  text-align: left;
}

.jqmOverlay {
  background-color: #000;
}

/* Background iframe styling for IE6. Prevents ActiveX bleed-through (<select> form elements, etc.) */
* iframe.jqm {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: expression(this.parentNode.offsetWidth+"px");
  height: expression(this.parentNode.offsetHeight+"px");
}

/* Fixed posistioning emulation for IE6
     Star selector used to hide definition from browsers other than IE6
     For valid CSS, use a conditional include instead */
* html .jqmWindow {
  position: absolute;
  top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + "px");
}

.jqmWindow div.titel {
  display: table-cell;
  text-indent: -3px;
  font-weight: bold;
  padding: 6px 1em 8px 1em;
  line-height: 1.3;
  border-bottom: 1px solid #999;
  color: #222;
  background-color: #d6cec5;
  font-family: Fira Sans, Arial, Helvetica, san-serif;
  font-size: 15px;
}

.jqmWindow div.innen {
  background: #F0ECE8 url(/bilder/bg-gestreift.png) scroll repeat;
  border: 1px solid #999;
}

.jqmWindow span.tasteFensterSchliessen {
  cursor: pointer;
  background: url("/bilder/kreuz.png") no-repeat scroll center center #DDDEDF;
  background-size: 80% 80%;
  width: 2rem;
  display: table-cell;
  border: 1px solid #999;
  border-width: 0 0 1px 1px;
}

.jqmWindow span.tasteFensterSchliessen:hover {
  background-color: #f7f7f7;
}

.jqmWindow div.inhalt {
  margin: 1em;
  line-height: 1.4;
}

#fensterAlert, #fensterConfirm, #fensterPrompt {
  top: 25%;
}

.jqmWindow span.iconImTitel {
  float: left;
  margin: 0.5em 9px 0 0.6em;
}

.jqmWindow div.kopf {
  display: table;
  width: 100%;
}

.jqmWindow div.kopf > div {
  display: table-row;
}

.jqmWindow div.inhalt.ajaxLadevorgang * {
  display: none;
}

.jqmWindow p {
  margin: 1em 0;
}

.jqmWindow p:last-child {
  margin: 0;
}

#fensterPrompt, #fensterConfirm, #fensterAlert {
  width: 300px;
  margin-left: -150px;
  top: 25%;
  z-index: 50000 !important;
}

span.terminblickfaenger, a.terminblickfaenger {
  display: block;
  float: left;
  border: 1px solid #999;
  width: 33px;
  height: 33px;
  background: transparent url(/bilder/sprite-terminblickfaenger.png) scroll no-repeat 0 0;
}

#fensterLike {
  z-index: 50000 !important;
}

/* ------------------------------------------------------------
   Toolbar
   ------------------------------------------------------------ */
/*
span.iconAim, span.iconIcq, span.iconVz, span.iconMsn, span.iconMyspace, span.iconFacebook,
span.iconSkype, span.iconYim, span.iconJabber, span.iconTwitter,span.iconGplusLike,span.iconGplus
    { display: inline-block; width: 16px; height: 16px; background: transparent urlx($supersprite) no-repeat scroll 0 0; vertical-align: middle; }
span.iconFacebook  { background-position: -1120px -11px; width: 14px; height: 14px; }
span.iconTwitter  { background-position: -1219px -10px; width: 12px; }
span.iconGplusLike { background-position: -1515px -11px; width: 14px; height: 14px; }
span.iconGplus { background-position: -1578px -11px; width: 14px; height: 14px; }
span.iconIcq  { background-position: -986px -10px; }
span.iconVz  { background-position: -1012px -10px; width: 20px; }
span.iconMsn  { background-position: -1042px -10px; width: 19px; }
span.iconSkype  { background-position: -1094px -10px; }
span.iconYim  { background-position: -1168px -11px; width: 20px; height: 14px; }
span.iconAim  { background-position: -1071px -10px; width: 13px}
span.iconJabber { background-position: -1198px -10px; width: 11px; }
span.iconMyspace { background-position: -1144px -10px; width: 14px; }
*/
#toolbar {
  position: fixed;
  left: 0;
  bottom: 0;
  z-index: 20000;
  width: 100%;
  font-size: 13px;
  /* font-size: 1rem; */
  line-height: 18px;
  /* line-height: 1.3846; */
  box-sizing: border-box;
  padding: 0 25px;
  /* 2.0769 */
  /* 33px für IE, weil line-height nicht funkt (inkl. padding und border = 33), wegen Webkit aber 32px */
  /* 24px, GROB: width: 38px; */
}
#toolbar div.innen {
  margin: 0 auto;
  max-width: 1350px;
}
#toolbar div.innen1 {
  -moz-box-shadow: 0 0 15px #000;
  -webkit-box-shadow: 0 0 15px #000;
  box-shadow: 0 0 15px #000;
  -moz-border-radius: 5px 5px 0 0;
  -webkit-border-radius: 5px 5px 0 0;
  border-radius: 5px 5px 0 0;
  background: #BCB0A1 url(/bilder/bg-wolkig.jpg) repeat scroll 0 0;
  border: solid #fff;
  border-width: 1px 1px 0 1px;
  overflow: hidden;
}
#toolbar div.innen2 {
  display: table;
}
#toolbar div.innen3 {
  display: table-row;
}
#toolbar form {
  display: inline;
}
#toolbar span.suchform, #toolbar span.like, #toolbar span.share {
  white-space: nowrap;
  margin: 0 10px;
  margin: 0 10px;
  /* 0 0.75rem */
  margin-top: 6px;
  margin-bottom: 6px;
  display: inline-block;
}
#toolbar span.suchform {
  margin-left: 3px;
}
#toolbar span.share {
  margin-right: 3px;
}
#toolbar #toolbarInhalt {
  width: 100%;
  display: table-cell;
  text-align: center;
  padding: 3px 0;
}
#toolbar input {
  padding: 2px 4px;
}
#toolbar button, #toolbar input, #toolbar a.button {
  vertical-align: middle;
  line-height: 27px;
}
#toolbar input {
  min-height: 32px;
}
#toolbar button.nurIcon span.icon {
  left: 50%;
}
#toolbar button.like span.icon {
  margin-left: 2px;
}
#toolbar span.share a {
  margin: 0 4px 0 0;
  width: 38px;
}
#toolbar span.share a:last-child {
  margin-right: 0;
}
#toolbar span.share a:first-child {
  margin-left: 4px;
}
#toolbar span.share span.icon {
  opacity: 0.66;
}
#toolbar span.share button:hover span.icon, #toolbar span.share a.button:hover span.icon {
  opacity: 1;
}
html.touchscreen #toolbar span.share span.icon {
  opacity: 0.83;
}
#toolbar span.suchform input {
  width: 120px;
  box-sizing: border-box;
  padding: 2px 8px;
  color: #777;
}
#toolbar span.suchform input:focus {
  border-color: #555;
}
#toolbar span.suchform button {
  margin-left: 3px;
  width: 38px;
}

html.toolbar div.breiteSpalte, html.toolbar #menuespalte {
  padding-bottom: 60px;
}

@media (min-height: 901px) {
  html.tbGeschl #toolbar div.innen1, html.tbGeschl #toolbar div.innen2, html.tbGeschl #toolbar div.innen3 {
    display: block;
  }
  html.tbGeschl #toolbar div.innen1 {
    float: right;
    width: auto;
  }
  html.tbGeschl #toolbar #toolbarInhalt {
    display: none;
  }
  html.tbGeschl #toolbar #toolbarSchalter {
    border: none;
  }
  html.tbGeschl #toolbar #toolbarSchalter span.icon {
    background-position: -942px -10px;
  }
}
#toolbarSchalter button {
  margin: 6px 10px;
}

#toolbarSchalter {
  display: none;
  padding: 3px;
  vertical-align: bottom;
}

.jsIstAn #toolbarSchalter {
  display: table-cell;
}

@media (max-height: 900px) {
  html.toolbar #haupt {
    height: calc(100% - 52px);
    min-height: calc(100% - 52px);
  }

  html.toolbar #toolbar {
    position: relative;
    padding: 0;
  }
  html.toolbar #toolbar div.innen {
    width: 100%;
    max-width: none;
  }
  html.toolbar #toolbar div.innen1 {
    border-left: 0;
    border-right: 0;
    border-radius: 0;
  }
  html.toolbar #toolbar #toolbarSchalter {
    display: none !important;
  }
  html.toolbar #toolbar div.innen2 {
    margin: 0 auto;
  }
  html.toolbar #toolbar div.share {
    border: none;
    width: 0;
  }

  div.breiteSpalte, #menuespalte {
    padding-bottom: 8px !important;
  }
}
/* ------------------------------------------------------------
   Print
   ------------------------------------------------------------ */
@media print {
  #toolbar, #menuespalte, body.rubrik-home div.werbezeile, .weiterMit {
    display: none;
  }

  body {
    height: auto;
    background: none;
    font: 12pt Garamond, Palatino, "Times New Roman", Times, serif;
    background: transparent;
  }

  #haupt {
    background: none;
    border: none;
  }

  div.kopfSeite {
    width: 100%;
  }

  div.kopfSeite div.titelbalken {
    border-width: 1px;
  }

  div.inhaltSeite {
    width: 100%;
    margin: 0;
  }

  #farbleiste {
    width: 96%;
    margin: 0 2%;
  }

  body, h1, h2, h3, h4, h5, h6, strong, b, button, a.button, div.feld label, div.feldH label, p.teaser, div.checkboxenH label, table th {
    color: #000;
  }

  h1, h2, h3, h4, h5, h6 {
    page-break-after: avoid;
  }

  span.neu {
    background-color: #333;
    color: #fff;
    font-family: Fira Sans, Arial, Helvetica, sans-serif;
    padding: 0 3px 0 4px;
    letter-spacing: 0;
    padding-bottom: 1px;
    font-size: 0.8em;
  }

  a:visited, a:link, a:visited b, a:link b {
    font-weight: bold;
    color: #000;
    text-decoration: underline;
  }

  #regusernavi {
    margin: 0 2% 0.5em 2%;
    width: 96%;
  }

  #regusernavi div.nickname {
    padding: 1px 0px 2px 5px;
    color: #000;
  }

  #regusernavi span.nickname {
    font-weight: bold;
  }

  #regusernavi ul {
    display: none;
  }

  div.inhaltSeite p + p {
    margin-top: -0.5em;
  }

  .nichtPrint {
    display: none;
  }
}
div.feld.fehler label, div.feld.fehler label span.normalWichtig {
  color: #d00;
}

div.feld.fehler input {
  border-color: #d00;
}

/* test/beta */
div.infoKommentare {
  position: relative;
  margin: 1em 0;
  border: 1px solid #777;
  padding: 15px 15px 15px 18px;
  background-color: #E2DDD6;
}

div.infoKommentare:before {
  content: "";
  height: 100%;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 2px;
  background-color: #CC99CC;
  border: 1px solid #777;
  border-width: 0 1px 0 0;
}

span.wrapperInputClearButton {
  border: 0 solid;
  position: relative;
}

span.wrapperInputClearButton button.clear {
  zoom: 1;
  position: absolute;
  right: 4px;
  top: 50%;
  margin-top: -8px !important;
  padding: 0 !important;
  border: 1px solid #000;
  background-image: url("/bilder/supersprite.png?20170914");
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: -131px -61px;
  height: 16px;
  width: 16px;
  display: none;
}

input.withClearButton, input.withClearButton:focus {
  padding-right: 22px;
}

span.wrapperInputClearButton.unempty button.clear {
  display: inline;
}

body {
  margin-top: 0 !important;
}

/* wegen Balken von browser-update.org */
span[data-pid] {
  border-bottom: 1px dotted #222;
  cursor: help;
}

span[data-pid]:hover {
  border-bottom-style: solid;
}

img[data-pid] {
  cursor: help;
}

a img[data-pid] {
  cursor: pointer;
}

div.qtip-jupaz img.miniportrait {
  border: 1px solid #666768;
  padding: 1px;
  background-color: #eee;
}

div.qtip-jupaz a:hover img.miniportrait {
  border-color: #05d;
  background-color: #eee;
}

div.tooltipPerson {
  min-height: 84px;
  min-width: 230px;
  line-height: 1.4;
}

div.tooltipPerson div.miniportrait {
  float: left;
}

div.tooltipPerson div.miniportrait a {
  display: block;
}

div.tooltipPerson div.content {
  margin-left: 94px;
}

div.tooltipPerson div.name {
  font-weight: bold;
}

/* juPAZ-Tooltip-Style */
div.qtip-jupaz div.qtip-content, div.qtip-jupaz div.qtip-titlebar {
  x-border-color: #666 !important;
  color: #222 !important;
}

div.qtip-jupaz div.qtip-titlebar {
  border-bottom: 1px solid #999 !important;
  background-color: #C4B9AC;
}

div.qtip-jupaz div.qtip-title {
  text-align: left;
}

div.qtip-jupaz .qtip-content {
  background-color: #D6CEC5 !important;
  padding: 10px;
}

div.qtip-jupaz .qtip-icon {
  border-color: #c3c4c5 !important;
}

div.qtip-jupaz {
  border-color: #666 !important;
  -webkit-box-shadow: 0 0 3px #999;
  -moz-box-shadow: 0 0 3px #999;
  box-shadow: 0 0 3px #999;
  filter: progid:DXImageTransform.Microsoft.Shadow(Color="gray", Direction=135, Strength=3);
  font-size: 1em;
  line-height: 1.4;
}

div.qtip-jupaz a {
  color: #14b;
}

div.qtip-jupaz {
  max-width: 330px;
}

div.qtip-jupaz a.qtip-icon {
  right: 4px;
  margin: -8px 0 0 0;
  border: none;
  border-radius: 0;
  background: none;
}

div.qtip-jupaz a.qtip-icon span.ui-icon {
  text-indent: -10000px;
  background: transparent url("/bilder/supersprite.png?20170914") no-repeat scroll -114px -35px;
  width: 16px;
  height: 16px;
  border-radius: 0;
  opacity: 0.75;
}

div.qtip-jupaz a.qtip-icon:hover span.ui-icon {
  opacity: 1;
  background-position: -114px -10px;
  background-color: #dadbdc;
}

div.qtip-jupaz a.qtip-icon:hover span.ui-icon {
  background-color: #f7f7f7;
}

ul.menue {
  margin: 1em -6px -6px 0;
  margin-right: -3px;
  padding: 0;
  font-size: 12px;
  line-height: 16px;
}

ul.menue li {
  float: left;
  list-style-type: none;
  margin: 0;
}

ul.menue a, ul.menue span {
  display: block;
  text-decoration: none;
  padding: 4px 7px 5px 7px;
  border: 1px solid #aaaa77;
  border-width: 1px;
  font-weight: bold;
  margin: 0 6px 6px 0;
  xline-height: 1;
}

ul.menue span {
  color: #CCCC99;
}

div.menues {
  margin: 1em 0;
}

ul.menue:first-child {
  margin-top: 0;
}

ul.menue a:focus, ul.menue li.gewaehlt a:focus {
  outline: 1px solid #eeeecc;
  border-color: #eeeecc;
}

ul.menue a:hover {
  background-color: #333;
  border-color: #ddddbb;
}

ul.menue li.gewaehlt a :hover {
  background-color: #666;
  border-color: #aaaa77;
}

ul.menue a:active, ul.menue li.gewaehlt a:active {
  color: #00405A;
  background-color: #ccccaa;
  x: #ddddbb;
  border-color: #eeeecc;
}

ul.menue li.gewaehlt a {
  background-color: #BBBBBB;
  border-color: #bbbb99;
}

ul.namensfilter a {
  padding: 2px 6px 3px 6px;
  line-height: 1;
}

#buttonAussenmenueEin {
  cursor: pointer;
  display: none;
  position: absolute;
  right: 16px;
  border: 1px solid #666666;
  width: 36px;
  height: 36px;
  bottom: -53px;
  text-indent: -10000px;
  background-color: #dddedf;
}
#buttonAussenmenueEin:before {
  background: url("/bilder/supersprite.png?20170914") no-repeat scroll -1701px -358px transparent;
  content: "";
  height: 30px;
  left: 50%;
  margin-left: -15px;
  margin-top: -15px;
  position: absolute;
  top: 50%;
  width: 30px;
}
#buttonAussenmenueEin:hover {
  background-color: #f7f7f7;
}

#buttonAussenmenueAus {
  cursor: pointer;
  display: none;
  position: absolute;
  left: -72px;
  top: 33.3%;
  margin-top: -36px;
  border: 1px solid #333;
  width: 54px;
  height: 54px;
  text-indent: -10000px;
  overflow: hidden;
  background-color: #dddedf;
}
#buttonAussenmenueAus:before {
  background: url("/bilder/supersprite.png?20170914") no-repeat scroll -1734px -358px transparent;
  content: "";
  height: 30px;
  left: 50%;
  margin-left: -15px;
  margin-top: -15px;
  position: absolute;
  top: 50%;
  width: 30px;
}
#buttonAussenmenueAus:hover {
  background-color: #f7f7f7;
}

#buttonRubrik {
  position: absolute;
  right: 62px;
  border: 1px solid #666666;
  width: 36px;
  height: 36px;
  bottom: -53px;
  text-indent: -10000px;
  overflow: hidden;
}
#buttonRubrik:before {
  background: url("/bilder/supersprite.png?20170914") no-repeat scroll -107px -355px transparent;
  content: "";
  height: 30px;
  left: 50%;
  margin-left: -15px;
  margin-top: -15px;
  position: absolute;
  top: 50%;
  width: 30px;
}

header {
  display: table;
  margin-bottom: 1em;
  width: 100%;
}
header > div {
  display: table-cell;
  vertical-align: bottom;
}

html.menueIstAussen header {
  min-height: 38px;
  height: 1px;
}
html.menueIstAussen header > div {
  padding-right: 100px;
}

/* Aussenmenue */
#aussenmenue {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  width: 270px;
  max-width: 70%;
  z-index: 100100;
  box-shadow: 0 0 50px #000;
  display: none;
  overflow-x: visible;
}

#aussenmenue > div {
  width: 100%;
  height: 100%;
  overflow-y: scroll;
}

#aussenmenue #menuespalte {
  display: block;
  padding: 8px;
  border: 1px solid #fff;
  border-width: 0 0 0 1px;
  text-align: left;
  min-height: 100%;
  display: block;
  box-sizing: border-box;
  width: 100%;
}

html.aussenmenueIstOffen {
  overflow-y: hidden;
}
html.aussenmenueIstOffen #buttonAussenmenueAus {
  display: block;
}
html.aussenmenueIstOffen #aussenmenue {
  display: block;
}

#aussenmenueOverlay {
  background-color: #000;
  bottom: 0;
  left: 0;
  opacity: 0.5;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 30000;
  display: none;
  right: 0;
}

html.aussenmenueIstOffen #aussenmenueOverlay {
  display: block;
}

#buttonAussenmenueEin, #buttonRubrik {
  display: none;
}

html.menueIstAussen #buttonAussenmenueEin {
  display: block;
}
html.menueIstAussen #buttonRubrik {
  display: block;
}

@media only screen and (max-width: 780px) {
  x-#menuespalte {
    display: none;
  }
}
@media only screen and (max-width: 1000px) {
  #haupt {
    border-right-width: 0;
  }

  #haupt #menuespalte {
    display: none;
  }

  div.kopfSeite span.titel {
    background-position: 0 -475px;
  }

  div.kopfSeite span.miniportrait3 {
    display: none;
  }
}
/* Strobox */
#strobox {
  -ms-touch-action: none;
  touch-action: none;
}

#strobox {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0;
  padding: 0;
  background: #8d8073 url(/bilder/bg-nur-mauer.jpg) fixed repeat left top;
}

html.strobox-open body > * {
  display: none !important;
}

html.strobox-open body > #strobox {
  display: block !important;
}

#strobox-overlay {
  background-color: #000;
  opacity: 0.85;
  background-color: #1a1a1a;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}

#strobox #strobox-navi {
  display: none;
}

#strobox.gallery #strobox-navi {
  display: block;
}

#strobox.gallery.touch #strobox-navi {
  display: none;
}

#strobox-content {
  height: 100%;
  width: 100%;
}

#strobox-content * {
  position: absolute;
  top: 50%;
  left: 50%;
  max-height: inherit;
  max-width: inherit;
  box-sizing: border-box;
  border: 1px solid #000;
  -ms-transition-property: opacity, transform;
  -ms-transition-duration: 0.3s;
  -ms-transition-timing-function: ease-in-out;
  -o-transition-property: opacity, transform;
  x-o-transition-duration: 0.3s;
  x-o-transition-timing-function: ease-in-out;
  -webkit-transition-property: opacity, transform;
  x-webkit-transition-duration: 0.3s;
  x-webkit-transition-timing-function: ease-in-out;
  -moz-transition-property: opacity, transform;
  -moz-transition-duration: 0.3s;
  -moz-transition-timing-function: ease-in-out;
  transition-property: opacity, transform;
  transition-duration: 0.3s;
  transition-timing-function: ease-in-out;
  will-change: opacity, transform;
}

#strobox-content .strobox-middle {
  opacity: 0;
  -webkit-transform: scale(0.75) translateX(0);
  -o-transform: scale(0.75) translateX(0);
  -ms-transform: scale(0.75) translateX(0);
  -moz-transform: scale(0.75) translateX(0);
  transform: scale(0.75) translateX(0);
}

#strobox.gallery .strobox-right {
  opacity: 0;
  -webkit-transform: scale(0.75) translateX(300px);
  -o-transform: scale(0.75) translateX(300px);
  -ms-transform: scale(0.75) translateX(300px);
  -moz-transform: scale(0.75) translateX(300px);
  transform: scale(0.75) translateX(300px);
}

#strobox.gallery .strobox-left {
  opacity: 0;
  -webkit-transform: scale(0.75) translateX(-300px);
  -o-transform: scale(0.75) translateX(-300px);
  -ms-transform: scale(0.75) translateX(-300px);
  -moz-transform: scale(0.75) translateX(-300px);
  transform: scale(0.75) translateX(-300px);
}

html.no-opacity #strobox.gallery .strobox-left, html.no-opacity #strobox.gallery .strobox-middle, html.no-opacity #strobox.gallery .strobox-right {
  visibility: hidden;
}

#strobox-content .strobox-show {
  opacity: 1;
  -webkit-transform: scale(1) translateX(0);
  -o-transform: scale(1) translateX(0);
  -ms-transform: scale(1) translateX(0);
  -moz-transform: scale(1) translateX(0);
  transform: scale(1) translateX(0);
}

html.no-opacity #strobox-content .strobox-show {
  visibility: visible;
}

#strobox-navi a {
  position: absolute;
  top: 50%;
  margin-top: -60px;
  cursor: pointer;
}

#strobox-navi a:focus {
  outline: 0;
}

#strobox-toLeft, #strobox-toRight {
  width: 80px;
  height: 120px;
  opacity: 0.66;
  -webkit-transition: opacity 0.25s ease 0s, margin 0.25s ease 0s, padding 0.25s ease 0s, background-position 0.25s ease 0s;
  -o-transition: opacity 0.25s ease 0s, margin 0.25s ease 0s, padding 0.25s ease 0s, background-position 0.25s ease 0s;
  -ms-transition: opacity 0.25s ease 0s, margin 0.25s ease 0s, padding 0.25s ease 0s, background-position 0.25s ease 0s;
  -moz-transition: opacity 0.25s ease 0s, margin 0.25s ease 0s, padding 0.25s ease 0s, background-position 0.25s ease 0s;
  transition: opacity 0.25s ease 0s, margin 0.25s ease 0s, padding 0.25s ease 0s, background-position 0.25s ease 0s;
  background-image: url(/bilder/strobox.png);
  background-repeat: no-repeat;
  background-attachment: scroll;
}

#strobox-toLeft {
  left: 0;
  background-position: -10px -52px;
}

#strobox-toRight {
  right: 0;
  background-position: -108px -52px;
}

#strobox-toLeft:hover {
  margin-left: -3px;
  opacity: 1;
  padding-right: 3px;
}

#strobox-toRight:hover {
  margin-right: -3px;
  opacity: 1;
  padding-left: 3px;
  background-position: -105px -52px;
}

#strobox-close, #strobox-fullscreen {
  display: block;
  background-image: url(/bilder/strobox.png);
  background-repeat: no-repeat;
  background-attachment: scroll;
  width: 34px;
  height: 34px;
  position: absolute;
  right: 10px;
  transition: opacity 0.15s ease 0s;
  -ms-transition: opacity 0.15s ease 0s;
  -o-transition: opacity 0.15s ease 0s;
  -webkit-transition: opacity 0.15s ease 0s;
  -moz-transition: opacity 0.15s ease 0s;
  opacity: 0.66;
  cursor: pointer;
}

#strobox-close {
  top: 20px;
  background-position: -5px -5px;
}

#strobox-fullscreen {
  top: 60px;
  background-position: -107px -5px;
  display: none;
}

html.strobox-fullscreen-on #strobox-fullscreen {
  background-position: -141px -5px;
}

#strobox-close:hover, #strobox-fullscreen:hover {
  opacity: 1;
}

#strobox-gal-title, #strobox-item-title {
  color: #eee;
  position: absolute;
  padding: 1em;
  font-size: 1.2em;
  text-shadow: 1px 1px 3px black, -1px -1px 3px black;
}

#strobox-gal-title {
  top: 0;
  left: 0;
  right: 63px;
  text-align: left;
}

#strobox-item-title {
  font-weight: bold;
  bottom: 0;
  left: 0;
  right: 0;
}

#strobox-outside {
  background-color: #666;
  border-radius: 50%;
  height: 120%;
  left: -10%;
  opacity: 0.66;
  position: absolute;
  top: -10%;
  width: 20%;
}

#strobox-loader {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 124px;
  height: 124px;
  display: none;
  border-radius: 50%;
  -o-border-radius: 50%;
  -ms-border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  perspective: 780px;
  x-position: relative;
  x-left: calc(50% - 62px);
}

#strobox.strobox-loading #strobox-loader {
  display: block;
}

#strobox-loader:after {
  display: block;
  margin-top: -5px;
  line-height: 11px;
  color: #999;
  font-size: 11px;
  content: "LOADING";
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
}

.strobox-loader-inner {
  display: none;
}

html.csstransforms.cssanimations .strobox-loader-inner {
  display: block;
}

.strobox-loader-inner {
  position: absolute;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  border-radius: 50%;
  -o-border-radius: 50%;
  -ms-border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
}

.strobox-loader-inner.strobox-loader-one {
  left: 0%;
  top: 0%;
  animation: strobox-loader-rotate-one 1.15s linear infinite;
  -o-animation: strobox-loader-rotate-one 1.15s linear infinite;
  -ms-animation: strobox-loader-rotate-one 1.15s linear infinite;
  -webkit-animation: strobox-loader-rotate-one 1.15s linear infinite;
  -moz-animation: strobox-loader-rotate-one 1.15s linear infinite;
  border-bottom: 3px solid white;
}

.strobox-loader-inner.strobox-loader-two {
  right: 0%;
  top: 0%;
  animation: strobox-loader-rotate-two 1.15s linear infinite;
  -o-animation: strobox-loader-rotate-two 1.15s linear infinite;
  -ms-animation: strobox-loader-rotate-two 1.15s linear infinite;
  -webkit-animation: strobox-loader-rotate-two 1.15s linear infinite;
  -moz-animation: strobox-loader-rotate-two 1.15s linear infinite;
  border-right: 3px solid white;
}

.strobox-loader-inner.strobox-loader-three {
  right: 0%;
  bottom: 0%;
  animation: strobox-loader-rotate-three 1.15s linear infinite;
  -o-animation: strobox-loader-rotate-three 1.15s linear infinite;
  -ms-animation: strobox-loader-rotate-three 1.15s linear infinite;
  -webkit-animation: strobox-loader-rotate-three 1.15s linear infinite;
  -moz-animation: strobox-loader-rotate-three 1.15s linear infinite;
  border-top: 3px solid white;
}

#strobox-posindi {
  position: absolute;
  top: 5px;
  left: 0;
  width: 100%;
  padding: 0 5px 0 5px;
  box-sizing: border-box;
  height: 3px;
}
#strobox-posindi span {
  background-color: #999;
  height: 3px;
  float: left;
  border: 2px solid #000;
  border-width: 0 2px 0 0;
  box-sizing: border-box;
}
#strobox-posindi span:last-child {
  border: none;
}
#strobox-posindi span.strobox-active {
  background-color: #fff;
}

@keyframes strobox-loader-rotate-one {
  0% {
    transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg);
  }
  100% {
    transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg);
  }
}
@-o-keyframes strobox-loader-rotate-one {
  0% {
    -o-transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg);
  }
  100% {
    -o-transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg);
  }
}
@-ms-keyframes strobox-loader-rotate-one {
  0% {
    -ms-transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg);
  }
  100% {
    -ms-transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg);
  }
}
@-webkit-keyframes strobox-loader-rotate-one {
  0% {
    -webkit-transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg);
  }
  100% {
    -webkit-transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg);
  }
}
@-moz-keyframes strobox-loader-rotate-one {
  0% {
    -moz-transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg);
  }
  100% {
    -moz-transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg);
  }
}
@keyframes strobox-loader-rotate-two {
  0% {
    transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg);
  }
  100% {
    transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg);
  }
}
@-o-keyframes strobox-loader-rotate-two {
  0% {
    -o-transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg);
  }
  100% {
    -o-transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg);
  }
}
@-ms-keyframes strobox-loader-rotate-two {
  0% {
    -ms-transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg);
  }
  100% {
    -ms-transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg);
  }
}
@-webkit-keyframes strobox-loader-rotate-two {
  0% {
    -webkit-transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg);
  }
  100% {
    -webkit-transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg);
  }
}
@-moz-keyframes strobox-loader-rotate-two {
  0% {
    -moz-transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg);
  }
  100% {
    -moz-transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg);
  }
}
@keyframes strobox-loader-rotate-three {
  0% {
    transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg);
  }
  100% {
    transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg);
  }
}
@-o-keyframes strobox-loader-rotate-three {
  0% {
    -o-transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg);
  }
  100% {
    -o-transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg);
  }
}
@-ms-keyframes strobox-loader-rotate-three {
  0% {
    -ms-transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg);
  }
  100% {
    -ms-transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg);
  }
}
@-webkit-keyframes strobox-loader-rotate-three {
  0% {
    -webkit-transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg);
  }
  100% {
    -webkit-transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg);
  }
}
@-moz-keyframes strobox-loader-rotate-three {
  0% {
    -moz-transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg);
  }
  100% {
    -moz-transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg);
  }
}
/* ------------------------------------------------------------
   Foren & Kommentare
   ------------------------------------------------------------ */
#hauptmenue li.foren span, #buttonAussenmenueEin span {
  background-color: #f60;
  border: 1px solid #e50;
  border-radius: 4px;
  color: #fff;
  font-size: 13px;
  font-weight: bold;
  line-height: 11px;
  padding: 2px 3px;
  position: absolute;
  right: -2px;
  top: -2px;
  text-indent: 0;
  display: none;
  z-index: 1;
}

#hauptmenue li.foren span {
  top: -2px;
  right: -2px;
}

#buttonAussenmenueEin span {
  top: -11px;
  right: -9px;
}

#kommentare {
  position: relative;
  border: solid #777;
  border-width: 1px 0;
  margin: 2em -16px 1em -9px;
  padding: 16px;
}
#kommentare:before {
  background-color: #CC99CC;
  border: solid #777;
  border-width: 1px 1px 1px 0;
  position: absolute;
  top: -1px;
  bottom: -1px;
  left: -7px;
  display: block;
  content: "";
  width: 6px;
}
#kommentare textarea {
  width: 100%;
  color: #333;
  box-sizing: border-box;
}
#kommentare textarea.dirty {
  color: #000;
}
#kommentare form {
  margin: 1em 0;
}

div.posting {
  margin: 15px 0;
}
div.posting div.innen {
  border: 1px solid #777;
}
div.posting div.innen a {
  font-weight: normal;
}
div.posting div.innen div.text {
  padding: 10px;
  background-color: #F3F0ED;
}
div.posting div.innen div.text p {
  margin-top: 0.692em;
  margin-bottom: 0.692em;
}
div.posting div.innen div.text p.zuerst {
  margin-top: 0;
}
div.posting div.innen div.text p.zuletzt {
  margin-bottom: 0;
}
div.posting div.innen div.text img.forenbild {
  border: 1px solid #666;
  padding: 1px;
  background-color: #fff;
  box-sizing: border-box;
  max-width: 100%;
}
div.posting div.innen div.text img.forenvideo {
  border: 1px solid #666;
  padding: 1px;
  background-color: #fff;
  max-width: 100%;
  box-sizing: border-box;
}
div.posting div.innen div.text a {
  position: relative;
  zoom: 1;
}
div.posting div.innen div.text span.taste {
  display: block;
  position: absolute;
  bottom: 15px;
  right: 15px;
  display: block;
  width: 30px;
  height: 30px;
  background: transparent url(/bilder/taste-videoplay.png);
}
div.posting div.innen div.text a:hover span.taste {
  background-position: -30px;
}
div.posting div.innen div.kopf {
  background: #E2DDD6 url(/bilder/nachricht-linie.gif) repeat-x scroll 0 bottom;
  padding: 3px 5px 6px 5px;
  border-bottom: 1px solid #777;
  position: relative;
}
div.posting div.innen div.kopf span.autor {
  line-height: 1.67em;
  margin-left: 15px;
  float: right;
  font-size: 0.85em;
  margin-right: 32px;
}
div.posting div.innen div.kopf span.autor a {
  font-weight: normal;
}
div.posting div.innen div.kopf span.titel {
  font-weight: bold;
  color: #222;
  line-height: 1.422em;
}
div.posting div.innen div.verlauf {
  background-color: #e2ddd6;
  border-bottom: 1px solid #777;
  padding: 3px 5px;
  display: none;
}
div.posting div.innen div.verlauf b {
  color: #747;
}
div.posting div.innen div.verlauf a {
  font-weight: bold;
  padding: 0 5px;
}
div.posting div.innen div.aenderung {
  background-color: #F3F0ED;
  padding: 2px 3px 3px 5px;
  font-size: 0.85em;
  border-top: 1px solid #777;
}
div.posting div.innen div.befehle {
  background-color: #E2DDD6;
  padding: 5px 6px 5px 0;
  font-family: "Encode Sans", Arial, Helvetica, sans-serif;
  font-size: 0.8666666667em;
  border-top: 1px solid #777;
  text-align: right;
  line-height: 1;
}
div.posting div.innen div.befehle a b {
  font-weight: bold;
}
div.posting div.innen div.befehle a.geklammert {
  vertical-align: 1px;
}
div.posting div.innen div.befehle a.geklammert::before {
  content: "[ ";
  vertical-align: 1px;
  line-height: 4px;
  xpadding-left: 2px;
}
div.posting div.innen div.befehle a.geklammert::after {
  content: " ]";
  vertical-align: 1px;
  line-height: 4px;
  xpadding-left: 2px;
}
div.posting div.innen div.befehle span.trenner {
  line-height: 0;
  vertical-align: 1px;
  color: #777;
}
div.posting div.innen span.miniportrait {
  position: absolute;
  right: -5px;
  top: -5px;
}
div.posting div.innen span.miniportrait img {
  border-color: #777;
}
div.posting div.innen span.miniportrait a:hover img {
  border-color: #05D;
  background-color: #ccf;
}

div.posting.verlauf div.innen span.datum, div.posting.verlauf div.innen div.aenderung, div.posting.verlauf div.innen div.befehle {
  display: none;
}
div.posting.verlauf div.innen div.verlauf {
  display: block;
}

button.forentaste {
  width: 22px;
  margin-right: 7px;
  padding-top: 1px;
  padding-bottom: 1px;
}

button.forentaste:hover {
  x-background-color: #f7f7f7;
}

div.buttonEntwuerfe {
  margin: 4px 0 0 0;
  float: right;
}

button.entwuerfe {
  margin: 0;
  margin-right: 0;
}

#kommentare div.buttonEntwuerfe {
  margin-top: -0.75em;
}
#kommentare form.haupt > * {
  display: none;
}
#kommentare form.haupt div.text-posting {
  display: block;
}
#kommentare form.haupt.offen > * {
  display: block;
}

span.nachricht-neu {
  text-shadow: 0px 0px 1px #b20;
  padding-bottom: 1px;
  border: 1px solid #e50;
}

#inhaltSeite.neue-postings h1::after,
#kommentare.neue-postings h3::after {
  content: attr(data-anz-neue-postings);
  border: 1px solid #e50;
  background-color: #f60;
  color: #ede9e4;
  line-height: 1;
  padding: 2px 4px;
  margin-left: 0.33em;
  display: inline-block;
  border-radius: 3px;
}

div.posting.neu span.titel::before {
  background-color: #f60;
  color: #ede9e4;
  font-weight: bold;
  margin-right: 4px;
  padding: 1px 2px;
  line-height: 1;
  display: inline-block;
  content: "N";
  border: 1px solid #e50;
  border-radius: 3px;
}

div.thread {
  clear: right;
}
div.thread li:target > div.posting {
  border-color: #8F598F;
  border-width: 3px;
}
div.thread ul.thread, div.thread ul.subthread {
  list-style: none;
}
div.thread ul.thread > li, div.thread ul.subthread > li {
  margin: 0;
  background: transparent url(/bilder/icon-forum-pfeil.gif) repeat-x;
}
div.thread.ladend {
  opacity: 0.33;
}
div.thread div.posting.top a.verschieben:after {
  content: "▷";
}
div.thread.cut-paste a.verschieben:after, div.thread.cut-paste div.posting.top a.verschieben:after {
  content: "◁";
}
div.thread.cut-paste div.posting.cut a.verschieben:after {
  content: "";
}
div.thread.cut-paste div.posting.cut a.verschieben {
  color: #c00;
}

/* Überschrift von Kommentare-Section */
#kommentare h3 {
  display: none;
  margin-bottom: 0;
}
#kommentare h3 span.link {
  color: #03b;
  font-weight: normal;
  cursor: pointer;
}
#kommentare h3 span.link:hover {
  text-decoration: underline;
}
#kommentare h3 span.mehrzahl {
  display: none;
}

#kommentare.geladen h3 span.link {
  text-decoration: none;
  font-weight: bold;
  color: #000;
  cursor: default;
}
#kommentare.geladen h3 span.link:hover {
  text-decoration: normal;
}
#kommentare.geladen h3 span.nicht-wenn-thread-geladen {
  display: none;
}

#kommentare {
  display: none;
}
#kommentare div.aufruf {
  font-weight: bold;
  color: #333;
  display: none;
}
#kommentare.leer div.aufruf {
  display: block;
}
#kommentare.leer.hauptform-offen div.aufruf {
  display: none;
}
#kommentare.leer h3 {
  display: none;
}
#kommentare div.fuer-status {
  display: none;
}
#kommentare form.mitStatus div.fuer-status {
  display: block;
  margin-bottom: 0.5em;
}
#kommentare div.formbuttons {
  margin: 1.25em 0 0 0;
}
#kommentare div.statusmeldung {
  margin-top: 1.25em;
  border-color: #e33;
}
#kommentare.leer form.haupt.offen {
  border: none;
  margin: 0;
  padding: 0;
}
#kommentare form.haupt .nurWennOffen {
  display: none;
}
#kommentare form.haupt.offen {
  margin-bottom: 1em;
  padding-bottom: 16px;
  border-bottom: 1px dotted #777;
}
#kommentare form.haupt.offen .nurWennOffen {
  display: block;
}
#kommentare form.haupt.offen #kommentarText {
  height: auto;
}

#kommentare form, div.thread form {
  margin: 0;
}
#kommentare form label, div.thread form label {
  line-height: 1em;
}
#kommentare form div.buttons-formatierung, div.thread form div.buttons-formatierung {
  margin-top: -0.75em;
}

#kommentare form > *, div.thread form > * {
  margin: 0 0 0.75em 0;
}

#kommentare form > *:last-child, div.thread form > *:last-child {
  margin-bottom: 0;
}

#kommentare div.thread form, div.thread form {
  background-color: #ccc3cc;
  padding: 13px 16px 16px 16px;
  margin: 0 0 1em 10px;
  border: 1px solid #777;
  border-top-width: 0;
  position: relative;
  display: block;
}
#kommentare div.thread form:before, div.thread form:before {
  content: "";
  width: 10px;
  background: transparent url("/bilder/icon-forum-pfeil.gif") repeat-x scroll 0 0;
  height: 19px;
  width: 10px;
  display: block;
  position: absolute;
  left: -10px;
  top: 0;
}

#kommentarthread div:last-child {
  margin-bottom: 0;
}

div.thread div.posting.form-offen div.befehle * {
  color: #666;
}
div.thread div.posting.form-offen div.befehle a {
  text-decoration: none;
  cursor: default;
  outline: none;
}

/* ------------------------------------------------------------
   Langsames einblenden von Tabellen-Zeilen
   ------------------------------------------------------------ */
table.oddEven tbody.hinzugefuegt tr:nth-child(odd) td, table.oddEven tbody.hinzugefuegt tr:nth-child(even) td {
  background-color: #fda;
}

table.oddEven tbody.hinzugefuegt tr:nth-child(even) td.ueberblenden {
  background-color: #E6E0D9;
  transition: background-color 3s;
}

table.oddEven tbody.hinzugefuegt tr:nth-child(odd) td.ueberblenden {
  background-color: #F0ECE8;
  transition: background-color 3s;
}

table.hover tbody.hinzugefuegt tr:hover td.ueberblenden {
  background-color: #d7cfc6;
  transition: none !important;
}

table.hover tbody.hinzugefuegt td.ueberblenden.fertig {
  transition: none !important;
}

/* ------------------------------------------------------------
   Entwürfe-Tooltip
   ------------------------------------------------------------ */
div.tooltipEntwuerfe {
  width: 253px;
  font-size: 0.86em;
}
div.tooltipEntwuerfe div button {
  line-height: 18px;
  line-height: 1.64;
}
div.tooltipEntwuerfe div button span.text {
  font-weight: normal;
}
div.tooltipEntwuerfe div.buttonEntwurfNeuAblegen {
  margin-bottom: 1em;
}
div.tooltipEntwuerfe div.buttonAlleEntwuerfeLoeschen {
  margin-top: 5px;
  text-align: right;
}
div.tooltipEntwuerfe div.scroll {
  max-height: 99px;
  overflow-y: auto;
  padding: 3px;
  overflow-x: hidden;
  border: 1px solid #888;
}
div.tooltipEntwuerfe li {
  overflow: hidden;
}
div.tooltipEntwuerfe li div.titel {
  float: left;
  display: block;
  zoom: 1;
  width: 163px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-left: 3px;
  line-height: 20px;
}
div.tooltipEntwuerfe li div.buttons {
  float: right;
  width: 60px;
  /* ? */
}
div.tooltipEntwuerfe li div.buttons button {
  border-color: transparent;
  background-color: transparent;
  padding: 0;
  width: 20px;
  opacity: 0.5;
}
div.tooltipEntwuerfe li div.buttons button:hover {
  border-color: #777;
  background-color: #f7f7f7;
}
div.tooltipEntwuerfe li div.buttons span.icon {
  margin-left: -8px;
}
div.tooltipEntwuerfe li:hover {
  background-color: #C4B9AC;
  cursor: default;
  color: #000;
}
div.tooltipEntwuerfe li:hover div.buttons button {
  opacity: 1;
}

/* ------------------------------------------------------------
   Smiley-Tabelle
   ------------------------------------------------------------ */
table.smileytabelle td {
  vertical-align: middle;
  border: 1px solid #777;
  text-align: center;
  background-color: #dddedf;
  height: 36px;
  width: 36px;
  padding: 0;
  empty-cells: hide;
  line-height: 1;
}
table.smileytabelle td:hover {
  background-color: #f7f7f7;
  cursor: pointer;
}

p#smileybeschreibung {
  font-weight: bold;
  color: #666666;
  font-size: 1.3em;
  text-align: center;
}

form#emailformular div.feldH label {
  width: 3em;
}

form#emailformular fieldset div.feldH label {
  width: 8.8em;
}

form#emailformular div.feldH span.feld {
  margin-left: 3.75em;
}

form#emailformular fieldset div.feldH span.feld {
  margin-left: 9.55em;
}

form#emailformular div.buttonH {
  margin-left: 3.75em;
}

form#emailformular fieldset div.feldH {
  margin: 0.3em 0 0.5em 0;
}

form#formularRegistrierung div.feldH label, form#formularRegistrierung div.feldH span.labels {
  width: 9.3em;
}

form#formularRegistrierung div.feldH span.labels label {
  width: auto;
}

form#formularRegistrierung div.feldH span.feld, form#formularRegistrierung div.feldH span.felder, form#formularRegistrierung div.buttonH {
  margin-left: 10.1em;
}

form#formularRegistrierung div.feldH input#feldPlz {
  margin-right: 10px;
}

form#formularRegistrierung div.feldH input#feldOrt {
  width: 5em;
}

#feldGebdatTag {
  width: 4.4em;
}

#feldGebdatMonat {
  margin-left: 10px;
  width: 5.5em;
}

#feldGebdatJahr {
  margin-left: 10px;
  width: 5.1em;
}

/*# sourceMappingURL=jupaz-rubrik-sonstiges.css.map */