@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%; border-radius:0px;}
.Innenraum img.noborderradius				{ border-radius:0px;}
#vnav img						{ border-radius:0px;}

.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%; margin-top: 24px;  }

#StartseiteOben .nzContainer.item1 { width:50%; float:left;}
#StartseiteOben .nzContainer.item2 { width:50%; float:left;}
#StartseiteOben .nzContainer .nzContainerInner { padding:10px; }

#StartseiteOben .bild			{ margin:0; float:left; max-width:100%; }
#StartseiteOben .text			{ margin:0;  }

/* —— Zone 4 ———————————————————————————————————————————————————————————————————— */
#StartseiteUnten					{ width:100%; }
#StartseiteUnten h4				{ margin-bottom:5px; margin-top:0px; }
#StartseiteUnten .bild			{ margin:0; float:left; max-width:100%; }
#StartseiteUnten .text			{ margin:0; }

/* —— Ticker ———————————————————————————————————————————————————————————————————— */
#tickerBorder				{ position:relative; overflow:hidden; height:300px; margin-top:15px; }
#tickerArea					{ position:relative; margin-left:10px; top:0px; }

/* —————————————————————————————————————————————————————————————————————————————— */
/* Searchresult                                                                   */
/* —————————————————————————————————————————————————————————————————————————————— */
#searchresult						{ width:100%; }
#searchresult .bild			{ float:left; }
#searchresult .text			{ FONT-SIZE: 90%; }
#searchresult .text a		{ FONT-SIZE: 110%; }

/* —————————————————————————————————————————————————————————————————————————————— */
/* 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: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; 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: .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; }

/* —————————————————————————————————————————————————————————————————————————————— */
/* 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 6px 15px 0px; width:132px; 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; }


/* —————————————————————————————————————————————————————————————————————————————— *
 * multi-INTER-media GmbH - BW                                                    *
 * Letzte Aenderung : 12.05.2006                                                  *
 * —————————————————————————————————————————————————————————————————————————————— */