@charset "iso-8859-1";
/* —————————————————————————————————————————————————————————————————————————————— */
/* Allgemeine-Elemente                                                            */
/* —————————————————————————————————————————————————————————————————————————————— */
img.left {
  margin: 0px 10px 10px 0px;
  border: solid 0px #dedede;
}
img.right {
  margin: 0px 0px 10px 10px;
  border: solid 0px #dedede;
}
img.top {
  margin: 0px 0px 10px 0px;
  border: solid 0px #dedede;
}
img.bottom {
  margin: 10px 0px 0px 0px;
  border: solid 0px #dedede;
}

.klein {
  font-size: 90%;
  font-style: normal;
  line-height: 145%;
}
.extraklein {
  font-size: 80%;
  font-style: normal;
  line-height: 145%;
  font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif;
}
.gross {
  font-size: 115%;
  font-style: normal;
  line-height: 145%;
}

.Innenraum {
  font-size: 101%;
  line-height: 145%;
}
.Innenraum img {
  max-width: 100%;
}

.fussnote {
  padding: 30px 0px 0px 0px;
  font-size: 85%;
  color: #a0a0a0;
  text-align: right;
}
div.fussnoteLinie {
  width: 200px;
  float: right;
  height: 0px;
  text-align: right;
  margin-right: 0px;
  margin-bottom: 3px;
}

/* Spaltenüberschrift nich bold... */
table th {
  font-weight: normal;
}

/* Für SMS-Veröffentlichungen */
.Section1 p {
  margin: 0px;
  padding: 0px;
}

/* —————————————————————————————————————————————————————————————————————————————— */
/* Startseite                                                                     */
/* —————————————————————————————————————————————————————————————————————————————— */
#StartseiteZonen {
  width: 100%;
  display: grid;
  grid-template:
    "aktuell willkommen"
    "grid grid"
    /1fr 1fr;
  box-sizing: border-box;
  margin: 0px;
  gap: 20px;
  row-gap: 40px;
  padding: 50px 0;
}

#StartseiteZonen * {
  box-sizing: border-box;
}

#StartseiteZonen h3 {
  padding: 0px 0px 8px 0px;
  margin: 0px 0px 0px 0px;
  font-size: 16px;
}
#StartseiteZonen h4 {
  padding: 0px 0px 8px 0px;
  margin: 0px 0px 0px 0px;
}
#StartseiteZonen .bild {
  margin: 0;
  float: left;
  max-width: 100%;
}
#StartseiteZonen .text {
  margin: 0;
}

#StartseiteZonen .shadowBox {
  /*box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.4);*/
  padding: 20px;
}

#contrastActive #StartseiteZonen #StartseiteRechts .shadowBox {
  /*box-shadow: 0px 0px 5px 0px rgba(255, 255, 255, 0.4);*/
}

#StartseiteZonen .shadowBox > h3 {
  font-size: 112.5%;
  font-weight: bold;
}
#contrastActive #logoBox {
    background-image: url("../images/STD_logo_kontrast.png") !important;
  }
/* —— Zone 1 ———————————————————————————————————————————————————————————————————— */
#StartseiteLinks {
  grid-area: grid;
  padding: 0;
  display: grid;
  --cols: 4;
  grid-template-columns: repeat(var(--cols), minmax(0, 1fr));
  gap: 20px;
}

#StartseiteLinks .vnavcontainer {
  padding: 10px;
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.4);
  display: flex;
  flex-flow: column;
  aspect-ratio: 1 / 1;
}

#contrastActive #StartseiteLinks .vnavcontainer {
  box-shadow: 0px 0px 5px 0px rgba(255, 255, 255, 0.4);
}

#StartseiteLinks .vnavcontainer .text {
  margin: 0 !important;
}

#StartseiteLinks .grid--fw {
  margin-top: 20px;
  margin-bottom: 20px;
  grid-column: 1 / calc(var(--cols) + 1);
}
#StartseiteLinks .vvnachrichten .vnavcontainer {
  padding: 7px 6px 2px 5px;
  margin-left: 0px;
}
#StartseiteLinks .vvnachrichten .vnavcontainer:hover {
  padding: 8px 6px 7px 5px;
  margin: -1px 0px 5px 0px;
}

/* —— Zone 2,3 —————————————————————————————————————————————————————————————————— */
#StartseiteMitte {
  grid-area: willkommen;
  padding: 20px;
  /*box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.4);*/
}
#contrastActive #StartseiteMitte {
  box-shadow: 0px 0px 5px 0px rgba(255, 255, 255, 0.4);
}

#StartseiteMitte h3, #StartseiteLinks h3{
  font-size: 112.5%;
}

#StartseiteMitte .vnavcontainer:not(:last-of-type) {
  border-bottom: 2px solid #a0c5e2;
  /*border-right: 2px solid #a0c5e2;*/
}

#StartseiteMitte .vnavcontainer {
  padding-bottom: 10px;
}

#StartseiteZonen .textkleiner {
  font-size: 82%;
  line-height: 125%;
}

/* —— Zone 2,3 —————————————————————————————————————————————————————————————————— */
#StartseiteRechts {
  padding: 0;
  grid-area: aktuell;
  display: flex;
  flex-flow: column;
  gap: 20px;
}

#StartseiteRechts .nzContainer {
  margin: 10px 0px 10px 0px;
  padding: 10px 16px 10px 10px;
  border: 1px solid transparent;
}
#StartseiteRechts .nzContainer:hover {
  margin: 10px 0px 10px 0px;
  padding: 10px 16px 10px 10px;
}
#StartseiteRechts .nzContainer h4 {
  font-size: 112.5%;
}
#StartseiteRechts .nzContainer .text {
  margin-left: 10px;
}

/* —— Ticker ———————————————————————————————————————————————————————————————————— */
.Ticker {
  margin-bottom: 50px;
}
#tickerBorder {
  position: relative;
  overflow: hidden;
  height: 190px;
  margin: 10px 0px 10px 0px;
}
#tickerArea {
  position: relative;
  margin-left: 0px;
  top: 0px;
}

/* —————————————————————————————————————————————————————————————————————————————— */
/* Searchresult                                                                   */
/* —————————————————————————————————————————————————————————————————————————————— */
#searchresult {
  width: 100%;
}
#searchresult .bild {
  float: left;
}
#searchresult .text {
  font-size: 90%;
}
#searchresult .text a {
  font-size: 110%;
}

.nosearchhi {
  margin-top: 50px;
}

/* —————————————————————————————————————————————————————————————————————————————— */
/* adress_loop_2cols - Adressen in 2 Spalten                                      */
/* —————————————————————————————————————————————————————————————————————————————— */
#AddresseCols {
  width: 100%;
}
#AddresseCols .singleAdress {
  float: left;
  width: 47.5%;
  padding-top: 10px;
  padding-bottom: 5px;
}
#AddresseCols .headline {
  font-weight: bold;
  margin: 20px 0px 0px 0px;
  padding: 0px 0px 2px 5px;
}
#AddresseCols .text {
  padding-right: 15px;
}

/* —————————————————————————————————————————————————————————————————————————————— */
/* address_loop - Adressenlisten                                                  */
/* —————————————————————————————————————————————————————————————————————————————— */
#adressen {
  width: 100%;
}
#adressen .bild {
  font-weight: bold;
  padding-right: 15px;
}
#adressen .headline {
  font-weight: bold;
  margin: 20px 0px 0px 0px;
  padding: 0px 0px 2px 5px;
}
#adressen .headlineText {
  padding: 0px 0px 0px 5px;
}

/* —————————————————————————————————————————————————————————————————————————————— */
/* address_loop_all - Adressenlisten komplett                                     */
/* —————————————————————————————————————————————————————————————————————————————— */
#adressenKomplett {
  width: 100%;
}
#adressenKomplett h3 {
  margin-top: 5px;
}
#adressenKomplett .bild {
  float: left;
}
#adressenKomplett .bildrechts {
  float: right;
  padding-right: 15px;
}
#adressenKomplett .text {
  float: left;
}
#adressenKomplett .beschreibung {
  clear: both;
}
#adressenKomplett .headline {
  font-weight: bold;
  margin: 20px 0px 0px 0px;
  padding: 0px 0px 2px 5px;
}
#adressenKomplett .headlineText {
  padding: 0px 0px 0px 5px;
}

/* —————————————————————————————————————————————————————————————————————————————— */
/* nav_vert_center - Navigation in der Mitte                                      */
/* —————————————————————————————————————————————————————————————————————————————— */
#vnavcenter {
  width: 100%;
}
#vnavcenter h4 {
  margin-bottom: 5px;
  margin-top: 0px;
}
#vnavcenter h4.headline {
  margin-top: 30px;
  padding: 1px 0px 2px 3px;
  font-weight: bold;
}
#vnavcenter .bild {
  margin: 0;
  float: left;
  max-width: 100%;
}
#vnavcenter .text {
  margin: 0;
}

/* —————————————————————————————————————————————————————————————————————————————— */
/* Artikel weiter...                                                              */
/* —————————————————————————————————————————————————————————————————————————————— */
#wenigerArtikel {
  padding-bottom: 5px;
}
#wenigerArtikel h4 {
  font-size: 95%;
  float: right;
  padding-top: 5px;
  background: url();
}
#wenigerArtikel a {
  float: left;
}
#wenigerArtikel img {
  padding-right: 10px;
}

#weitereArtikel {
  margin-top: 30px;
  padding-top: 8px;
}
#weitereArtikel h4 {
  float: left;
  background: url();
}
#weitereArtikel a {
  float: left;
}
#weitereArtikel a.right {
  float: right;
  padding-right: 10px;
}

#withMoreForward {
  position: absolute;
  right: -225px;
  top: 40px;
}
#withMoreBackward {
  position: absolute;
  right: -225px;
  top: 75px;
}

.zweispaltig #withMoreForward,
.zweispaltig #withMoreBackward {
  right: -13px;
}

#withMoreForward a,
#withMoreBackward a {
  position: relative;
  height: 25px;
  width: 22px;
  display: block;
}

#withMoreForward span,
#withMoreBackward span {
  display: none;
}
#withMoreForward a {
  background: url("../images/STD_Article_forward.gif") 7px 3px #fff no-repeat;
  border: 1px solid #565656;
}
#withMoreBackward a {
  background: url("../images/STD_Article_back.gif") 7px 3px #fff no-repeat;
  border: 1px solid #565656;
}
#withMoreForward a:hover,
#withMoreBackward a:hover {
  background-color: #ccc;
}

/* —————————————————————————————————————————————————————————————————————————————— */
/* Template 8 - Schlagwortliste ABC...                                            */
/* —————————————————————————————————————————————————————————————————————————————— */
.buchstabeReihe {
  font-size: 120%;
}
.buchstabe {
  padding: 3px;
  text-decoration: none;
  font-weight: normal;
  position: relative;
  width: 12px;
  display: inline-block;
  text-align: center;
}
a.buchstabe {
  text-decoration: none;
  font-weight: normal;
}
.buchstabe:hover {
  padding: 3px;
  text-decoration: none;
  font-weight: normal;
}

/* —————————————————————————————————————————————————————————————————————————————— */
/* Definition des Branchenverzeichnisses                                          */
/* —————————————————————————————————————————————————————————————————————————————— */
#branche {
  width: 100%;
}
#branche .headline {
  padding: 5px 10px;
  font-weight: bold;
  margin-bottom: 10px;
  margin-top: 10px;
}
#branche .description {
  padding-left: 15px;
}
#branche .text {
  float: left;
  padding-left: 3px;
  padding-bottom: 7px;
  padding-top: 7px;
  width: 33%;
}
#branche .ort {
  float: left;
  padding-bottom: 7px;
  padding-top: 7px;
  padding-left: 15px;
}
#branche .links {
  float: right;
  padding-bottom: 7px;
  padding-top: 7px;
  text-align: left;
  width: 18%;
}
#branche .bild {
  padding-top: 5px;
}
#branche hr {
  margin-bottom: 10px;
}

/* —————————————————————————————————————————————————————————————————————————————— */
/* Definition des Vereinsverzeichnisses                                           */
/* —————————————————————————————————————————————————————————————————————————————— */
#vereine {
  width: 100%;
}
#vereine .headline {
  padding: 5px 10px;
  font-weight: bold;
  margin-bottom: 10px;
  margin-top: 10px;
}
#vereine .description {
  padding-left: 15px;
}
#vereine .text {
  float: left;
  padding-left: 3px;
  padding-bottom: 7px;
  padding-top: 7px;
  width: 33%;
}
#vereine .ort {
  float: left;
  padding-bottom: 7px;
  padding-top: 7px;
  padding-left: 15px;
}
#vereine .links {
  float: right;
  padding-bottom: 7px;
  padding-top: 7px;
  text-align: left;
  width: 18%;
}
#vereine .bild {
  padding-top: 5px;
}
#vereine hr {
  margin-bottom: 10px;
}

/* —————————————————————————————————————————————————————————————————————————————— */
/* Definition des Veranstaltungskalenders                                         */
/* —————————————————————————————————————————————————————————————————————————————— */
#vk {
  width: 100%;
}
#vk .headline,
#vk .headlineAlternative {
  padding: 5px 10px;
  margin-top: 8px;
}
#vk #kategoriebild img {
  margin-right: 10px;
}
.kartenreservierung {
  position: absolute;
  right: 10px;
  top: 130px;
  text-align: center;
}

#calendar {
  padding: 0px;
  width: 100%;
  font-size: 12px;
}
#calendar td {
  padding: 1px;
}
#calendar .days {
  padding: 0px;
}
#calendar caption {
  padding: 0px;
  width: 100%;
  font-weight: bold;
}
#calendar th {
  padding: 1px;
}
#calendar abbr {
  border: 0px;
  font-weight: normal;
}
#CalInclude {
  height: 150px;
  position: relative;
}
#calendarMonth {
  position: relative;
  z-index: 9;
  height: 18px;
  overflow: hidden;
  margin-left: 26px;
  margin-right: 26px;
}

ul#calenderMonthList {
  list-style: none;
  position: absolute;
  top: 0px;
  left: 0px;
  margin: 0px -2px;
  padding: 0px 0px 2px 0px;
  width: 100%;
  z-index: 9;
}
ul#calenderMonthList li.first {
  padding-top: 2px;
}
#calenderMonthList li a {
  text-decoration: none;
  font-weight: normal;
  display: block;
  padding: 2px 0px 3px 0px;
}
#calenderMonthList li a:hover {
  text-decoration: underline;
}
#calenderMonthList #currentMonth a {
  font-weight: bold;
}

/* —————————————————————————————————————————————————————————————————————————————— */
/* Eigenschaften des Pagejumpers bei Suchen...                                    */
/* —————————————————————————————————————————————————————————————————————————————— */
#pagejumper {
  text-align: center;
}
#pagejumper a {
  background-image: url("../images/sresult-n.gif");
  background-position: center top;
  background-repeat: no-repeat;
  padding-top: 15px;
  width: 28px;
  float: left;
  cursor: pointer;
  display: block;
}
#pagejumper a:hover {
  background-image: url("../images/sresult-mo.gif");
  background-position: center top;
  background-repeat: no-repeat;
}
#pagejumper .inaktiv {
  background-image: url("../images/sresult-s.gif");
  background-position: center top;
  background-repeat: no-repeat;
  padding-top: 15px;
  width: 28px;
  float: left;
  display: block;
}
#pagejumper .punkte,
.seite {
  float: left;
  display: block;
}

/* —————————————————————————————————————————————————————————————————————————————— */
/* Formular-Elemente                                                              */
/* —————————————————————————————————————————————————————————————————————————————— */
fieldset {
  padding: 0px;
}
INPUT {
  font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif;
  font-size: 101%;
  margin-bottom: 5px;
  vertical-align: middle;
  padding: 5px;
  max-width: 100%;
}
TEXTAREA {
  font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif;
  font-size: 101%;
  margin-bottom: 5px;
  vertical-align: middle;
  padding: 5px;
  max-width: 100%;
}
SELECT {
  font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif;
  font-size: 101%;
  margin-bottom: 5px;
  vertical-align: middle;
  padding: 5px;
  max-width: 100%;
}
.checkbox {
  margin: 0px;
}

label.left {
  float: left;
  text-align: right;
  width: 11.7em;
  margin-right: 0.3em;
  padding-top: 1px;
}
label.leftweit {
  float: left;
  text-align: right;
  width: 15.7em;
  margin-right: 0.3em;
  padding-top: 1px;
}
label.right {
  margin-left: 0.3em;
  vertical-align: top;
}
label.lefttop {
  text-align: left;
  margin-left: 1em;
  width: 28em;
}
label.textmitte {
  text-align: left;
  width: 25em;
  margin-left: 11.5em;
  margin-right: 0.3em;
}
label.textlinks {
  float: left;
  text-align: left;
  margin-left: 2.5em;
}
label.leftbold {
  float: left;
  text-align: left;
  width: 14em;
  margin-right: 0.3em;
  margin-left: 0.3em;
  font-weight: bold;
}
label.leftboldwidth {
  float: left;
  text-align: left;
  width: 25em;
  margin-right: 0.3em;
  margin-left: 0.3em;
  font-weight: bold;
}
label.rightzusatz {
  font-size: 85%;
  color: #990000;
  background-color: #f6fafd;
}
label.pflichtfeld {
  float: left;
  width: 1em;
  text-align: center;
}
label.zusatz {
  font-size: 85%;
  margin-left: 3.5em;
}

#kontform h3 {
  padding: 0;
  margin: 0;
  padding-top: 5px;
  display: inline;
}
#kontform legend span {
  display: none;
}
.formelement {
  display: block;
  margin-left: 13em;
}
a.button {
  cursor: pointer;
  text-decoration: none;
  padding: 2px 3px;
}
.suchfeldbutton {
  cursor: pointer;
  vertical-align: middle;
  text-decoration: underline;
  overflow: visible;
}

/* Neue Formulare (2013) */
.formElementWrap {
}
.formElementDivider {
  clear: both;
  height: 3px;
}
.formLabelBox {
  float: left;
  width: 33%;
  text-align: right;
}
.formLabelBox label {
  display: inline-block;
  padding-top: 5px;
  max-width: 90%;
}
div.pflichtfeld {
  float: right;
  width: 1em;
  text-align: left;
  display: inline-block;
  padding-top: 5px;
}
.formElementBox {
  float: right;
  width: 67%;
}
.radioBox {
  padding-top: 5px;
}
.txtbig {
  width: 300px;
}
.txtmedium {
  width: 200px;
}
.txtsmall {
  width: 70px;
}
.textarea {
  width: 90%;
}
.selectbox {
  width: 200px;
}
.formElementBox .submit {
  padding-left: 30px;
  padding-right: 30px;
}
.formElementBox .check {
  float: left;
}
.textBeschreibung {
  font-size: 80%;
  margin-bottom: 10px;
}
.textBeschreibung ul {
  margin: 0px 0px 20px 0px;
  padding: 0px;
  list-style-position: inside;
}
.txterror {
  outline: none;
}
a.delDatei {
  display: inline-block;
  margin-right: 5px;
  cursor: pointer;
  text-decoration: none;
  font-weight: bold;
  font-size: 120%;
}
.formLabelBox .a {
  vertical-align: middle;
}

#formUploadHeadline {
  padding: 7px 5px 7px 7px;
}

/* —————————————————————————————————————————————————————————————————————————————— */
/* DB-Formular                                                                    */
/* —————————————————————————————————————————————————————————————————————————————— */
.zweispalten {
  margin: 0px;
  width: 600px;
  padding: 0px;
  line-height: 150%;
}
.zweispalten .left {
  margin: 0px;
  float: left;
  width: 35%;
  text-align: right;
  padding: 4px 4px 4px 4px;
}
.zweispalten .leftT {
  margin: 0px;
  float: left;
  width: 35%;
  text-align: right;
  padding: 7px 4px 4px 4px;
}
.zweispalten .right {
  margin: 0px;
  margin-left: 160px;
  padding: 4px;
  line-height: 150%;
  _height: 1%;
  _margin-left: 0;
}
.kleinnormalhell {
  color: #aaaaaa;
  font-size: 90%;
  font-style: normal;
  line-height: 145%;
}

#formLeiste {
  width: 100%;
}
#formLeiste .state {
  float: left;
  padding: 6px 0px 0px 6%;
  height: 27px;
  width: 27%;
}

/* —————————————————————————————————————————————————————————————————————————————— */
/* gallerie_loop_all - Bilder der Gallerie untereinander                          */
/* —————————————————————————————————————————————————————————————————————————————— */
#GallerieAlle {
}
#GallerieAlle .GallerieAlleInnen {
  margin-top: 20px;
  margin-bottom: 20px;
}
#GallerieAlle .Bild {
  font-size: 90%;
  float: left;
  text-align: right;
  margin: 0;
  padding: 0;
}
#GallerieAlle .Bild img {
  display: block;
  float: right;
}
#GallerieAlle .BildText {
  margin: 0;
  padding: 0;
}
#GallerieAlle img.left {
  padding: 0px;
}

/* —————————————————————————————————————————————————————————————————————————————— */
/* gallerie_loop - Bilder der Gallerie nebeneinander                              */
/* —————————————————————————————————————————————————————————————————————————————— */
#Gallerie {
  width: 100%;
}
#Gallerie .einzeln {
  float: left;
  width: 32%;
  min-height: 165px;
  _height: 165px;
  vertical-align: bottom;
}
#Gallerie .bild {
  margin-bottom: 3px;
}
#Gallerie .GallerieText {
  font-size: 80%;
  padding-right: 10px;
}
#Gallerie .GallerieTextGross {
  font-size: 101%;
  padding-right: 10px;
}

/* —————————————————————————————————————————————————————————————————————————————— */
/* gallerie_pic - Große Ansicht des Bilds                                         */
/* —————————————————————————————————————————————————————————————————————————————— */
.galleriePicCenter {
  padding: 16px;
}
#galleriePic {
  padding: 15px;
  font-size: 70%;
  min-width: 500px;
}
#galleriePic img {
  display: block;
}

/* —————————————————————————————————————————————————————————————————————————————— */
/* X-gallerie                                                                     */
/* —————————————————————————————————————————————————————————————————————————————— */
.gallerieListe {
  margin: 10px 10px 15px 0px;
  width: 164px;
  padding-top: 7px;
  height: auto;
  min-height: 160px;
  float: left;
  text-align: center;
}

/* —————————————————————————————————————————————————————————————————————————————— */
/* Gästebuch                                                                      */
/* —————————————————————————————————————————————————————————————————————————————— */
#captchapicture {
  margin-bottom: 30px;
  margin-right: 5px;
}

/* —————————————————————————————————————————————————————————————————————————————— */
/* Bürgerinfo                                                                     */
/* —————————————————————————————————————————————————————————————————————————————— */
.buergerinfo h1 {
  font-size: 120%;
  margin-bottom: 20px;
}
.buergerinfo tr td {
  padding: 4px 0px 4px 0px;
}
.buergerinfo tr th {
  padding: 4px 0px 4px 0px;
  text-align: left;
}
.buergerinfo h4 {
  margin-bottom: 2px;
}
.buergerinfo tr.dark {
  background-color: #eeeeea;
}
.ris_hide_web {
  display: none;
}
.tblGremien th {
  display: none;
}

.buergerinfo .bezeichnung {
  float: none;
  width: auto;
  text-align: left;
  font-weight: bold;
}
.buergerinfo .inhalt {
  float: none;
  width: auto;
  margin-bottom: 10px;
}
.buergerinfo .kontaktdaten.bild {
  float: right;
  width: auto;
}
.buergerinfo .kontaktdaten.bild .bezeichnung {
  display: none;
}
.buergerinfo .kontaktdaten br[clear="all"] {
  display: none;
}

#StartseiteLinks .vnavcontainer img.left {
  max-height: 200px !important;
}
/* —————————————————————————————————————————————————————————————————————————————— *
 * multi-INTER-media GmbH - BW                                                    *
 * Letzte Aenderung : 12.05.2006                                                  *
 * —————————————————————————————————————————————————————————————————————————————— */