@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;}

.layout5Right                   { width: 49%; float: left; }
.layout5Left                    { width: 49%; float: right; }

.moreWidth                      { }

/* —————————————————————————————————————————————————————————————————————————————— */
/* Startseite                                                                     */
/* —————————————————————————————————————————————————————————————————————————————— */
.ajaxLoader                     { overflow: hidden; position: relative; margin: 20px 0px; }
.ajaxLoader .navItem h2         { margin-top: 0px; }
.ajaxLoader .ajax-outer         { position: absolute; left: 0px; right: 0px; top: 0px; }
.ajaxLoadButton                 { position:relative; }
.ajaxLoadButton.disabled        { opacity: 0.6; pointer-events: none; }

.pfeil                          { width: 25px; height: 23px; margin: 10px 5px; display: inline-block; }
.pfeilTop                       { transform: scaleY(-1); -moz-transform: scaleY(-1); -o-transform: scaleY(-1); -webkit-transform: scaleY(-1); -ms-transform: scaleY(-1) }

.quadraticBoxes                 { position: relative; margin: 30px 0px }
.quadraticBoxes .qadratic       { width: 48%; margin-left: 2%; margin-bottom: 4%; float: left; position: relative; }
.quadraticBoxes .qadratic:before { content: ""; display: block; padding-top: 100%; }
.quadraticBoxes .qadratic:nth-child(2n - 1) { margin-right: 2%; margin-left: 0px; }
.quadraticBoxes .qadratic .navItem { position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; overflow: hidden; padding: 0px; }
.quadraticBoxes .qadratic .navItem .item-inner { position: absolute; left: 10px; right: 10px; text-align: center; max-height: 100%; max-height: calc(100% - 20px); top: 50%; transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); }
.quadraticBoxes .qadratic .navItem .item-inner h4 { padding: 0px 5%; font-weight: normal; font-style: italic; font-size: 14px; }
.quadraticBoxes .qadratic .navItem .item-inner .bild { float: none; margin: 0px; text-align: center; }
.quadraticBoxes .qadratic .navItem .item-inner .text { padding-bottom: 0px; }

/* —— Ticker ———————————————————————————————————————————————————————————————————— */
#tickerBorder                   { position:relative; overflow:hidden; height:340px; }
#tickerArea                     { position:relative; margin-left:0px; top:0px; }

/* —————————————————————————————————————————————————————————————————————————————— */
/* Searchresult                                                                   */
/* —————————————————————————————————————————————————————————————————————————————— */
#searchresult                   { width:100%; }
#searchresult .bild             { float:left; }
#searchresult .text             { }
#searchresult .text a           { }

/* —————————————————————————————————————————————————————————————————————————————— */
/* 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                     { }
#vnavcenter h4                  { margin-bottom:5px; margin-top:0px;}
#vnavcenter h4.headline         { margin-top:30px; padding:1px 0px 2px 3px; font-weight:bold; }

.navItem                        { padding: 20px 10px 10px 10px; margin-top: -1px; }
.navItem h3                     { margin-top: 0px; margin-bottom: 5px; }
.navItem .bild                  { float: left; margin-bottom: 10px; max-width: 100%; text-align: right; }
.navItem .bild img              { max-width: 100%; margin-bottom: 0px; }
.navItem .text                  { padding-bottom: 10px; }
/* Minimale Textbreite bis zum umbrechen */
.navItem .text:before           { content: '\A'; min-width: 150px; display: table; font-size: 0px; line-height: 0px; white-space:pre }

.branche hr                     { display: none; }

.navItem.vn                     {  }
.navItem.vn .bild               { max-width: 80px; margin-right: 10px; }
.navItem.vn .bild:empty         { display: none; }

#vnavcenter .bild250            { margin: 0; float:left; max-width:100%; text-align:center; width:250px; }
#vnavcenter .bild250 img        { max-width:250px;  max-height:170px;  margin: auto }
#vnavcenter .text250            { margin: 0; margin-left: 260px; }
/* —————————————————————————————————————————————————————————————————————————————— */
/* 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:0px; top:40px; }
#withMoreBackward               { position:absolute; right:0px; 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:bold; }
 .buchstabe:hover               { padding:3px; text-decoration:none; font-weight:bold; }

/* —————————————————————————————————————————————————————————————————————————————— */
/* Definition des Branchenverzeichnisses                                          */
/* —————————————————————————————————————————————————————————————————————————————— */
#branche                        { width: 100%; }
#branche .headline              { padding:1px;padding-bottom:2px;padding-left:3px;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:1px;padding-bottom:2px;padding-left:3px;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-left:3px; padding-bottom:2px; padding-right:3px; 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; height: 16px; display:block; padding:2px 0px 3px 0px; }
#calenderMonthList li a:hover   { text-decoration:underline; }
#calenderMonthList #currentMonth a { font-weight:bold; }

#kalenderticker .termin         { padding: 10px; }
#kalenderticker .termin a       { text-decoration: none; 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: .3em; padding-top:1px; }
label.leftweit                  { float:left; text-align:right; width:15.7em; margin-right: .3em; padding-top:1px; }
label.right                     { margin-left: .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: .3em; }
label.textlinks                 { float:left; text-align:left; margin-left: 2.5em; }
label.leftbold                  { float:left; text-align:left;width:14em; margin-right: .3em; margin-left: .3em;FONT-WEIGHT:bold; }
label.leftboldwidth             { float:left; text-align:left;width:25em; margin-right: .3em; margin-left: .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; }

body .searchMask.gastronomie .searchArea input { margin-top: 0px; }

/* —————————————————————————————————————————————————————————————————————————————— */
/* 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:134px; padding-top:7px; height: auto; min-height: 130px; 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; }

/* —————————————————————————————————————————————————————————————————————————————— */
/* Definition der Ecards                                                          */
/* —————————————————————————————————————————————————————————————————————————————— */
#ecards ul.items                    { margin:0px; padding:0px; list-style:none; }
#ecards ul.items li                 { margin:0px 0px 30px 0px; padding:0px; width:50%; float:left; text-align:center; }
#ecards ul.items li:nth-child(2n+1) { clear:left; }

#ecards ul.items.threecols li           { width:32%; margin-right:5px; }
#ecards ul.items.threecols li:nth-child(2n+1) { clear:none; }
#ecards ul.items.threecols li:nth-child(3n+1) { clear:left; }
#ecards ul.items.threecols li:nth-child(3n+3) { margin-right:0px; }


#branchenachrichten .nachricht              { }
#branchenachrichten .bild                   { float:left; margin-right:10px; margin-bottom:5px; }
#branchenachrichten .bild img               { max-width:50px; }
#branchenachrichten .text                   { font-size: 12px; line-height:145%;}
#branchenachrichten .text i                 { display:block; padding-top:5px; margin-bottom:5px; font-style:normal; font-weight:bold;font-size: 14px; }
#branchenachrichten .text a                 { display:block; clear:both; margin-bottom:5px; text-decoration:none; font-size: 13px; }
#branchenachrichten .text br                { display:none;}

.searchPulldownElement img                  { display:none; }
.searchMask.small input[type="submit"]      {    margin: 10px 0px 0px 0px!important; }
/* —————————————————————————————————————————————————————————————————————————————— *
 * multi-INTER-media GmbH - BW                                                    *
 * Letzte Aenderung : 12.05.2006                                                  *
 * —————————————————————————————————————————————————————————————————————————————— */