/* pontano-sans-regular - latin_latin-ext */
@font-face {
  font-family: 'Pontano Sans';
  font-style: normal;
  font-weight: 400;
  src: url('/static/sf/gfonts/pontano-sans-v5-latin_latin-ext-regular.eot'); /* IE9 Compat Modes */
  src: local('Pontano Sans'), local('PontanoSans-Regular'),
       url('/static/sf/gfonts/pontano-sans-v5-latin_latin-ext-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/static/sf/gfonts/pontano-sans-v5-latin_latin-ext-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('/static/sf/gfonts/pontano-sans-v5-latin_latin-ext-regular.woff') format('woff'), /* Modern Browsers */
       url('/static/sf/gfonts/pontano-sans-v5-latin_latin-ext-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/static/sf/gfonts/pontano-sans-v5-latin_latin-ext-regular.svg#PontanoSans') format('svg'); /* Legacy iOS */
}


* {
  margin:0;
  padding:0;
}


/* Tiny Styles */
.tabelle                    { border:0.1em solid #979999; border-color:#979999; border-collapse:collapse; }
.tabelle td                 { padding:0.5em; }
.organigramm-ueberschrift   { font-size: 1.2em; }
/* /Tiny Styles */

body                        {
                              background-color: #fff;
                              width: 100%;
                              /*font-family: arial,verdana,trebuchet ms;*/
                              font-family: 'Pontano Sans', sans-serif;
                              color: #4f4e4e;
                              font-size: 1em;
                            }
html                        { overflow-y:scroll; } 

a:focus                     { outline: none; }
a                           { color: #ba2727; }
a:link                      { text-decoration: none; }
a:visited                   { text-decoration: none; }
a:active                    { text-decoration: none; }
a:hover                     { color: #ba2727; text-decoration: none; }

.titelquadrat               { width: 26px; height: 26px; float:left; margin-right: 8px; }

.redbar                     { background-color: #f31126; }
.yellowbar                  { background-color: #ffd815; color: #000 !important; }
.bluebar                    { background-color: #00b2d7; }
.greybar                    { background-color: #979999; }
.orangebar                  { background-color: #ff6800; }
.greenbar                   { background-color: #62b435; }

.redborder                  { border-color: #f31126 !important; }
.yellowborder               { border-color: #ffd815 !important; }
.blueborder                 { border-color: #00b2d7 !important; }
.greyborder                 { border-color: #979999 !important; }
.orangeborder               { border-color: #ff6800 !important; }
.greenborder                { border-color: #62b435 !important; }


#willkommen-text      { font-size:1.1em; font-weight:bold; font-style:italic; text-align:justify; }

#wrap                       { margin: 0 auto; width: 1200px; }

#head                       { height: 37px;
                              background-color: #E7E7E7;
                            }
                            
#logo                       { padding-left: 22px; padding-top: 17px; float:left; }
#logo-silhouette            { float: left; width: 257px; height: 425px;
							  background-image: url(/static/sf/silhouette.png);
                              background-position: bottom left;
                              background-repeat: no-repeat;
                              padding-right: 3px; background-color: #E7E7E7;
                              text-align: center;
                            }
//#logo-silhouette img        { width: 78%; }

#nav-head                   { float: right; padding-top: 9px; padding-left: 42px;}
#nav-head a                 { color: #4f4e4e; font-size: 0.8em; font-weight: bold; }
#nav-head ul                { list-style: none; }
#nav-head li                { float: left; padding-left:18px; margin-right:15px;
                              background-image: url(/static/sf/nav-head-arrow.png);
                              background-repeat: no-repeat;
                              /*background-position: top left;*/ background-position: 2px 3px;
                            }

#seitenpic                  { float: left; height: 425px; width: 940px; }
#picgal					    { width: 940px; height: 425px; }
#galaleft					{ position: absolute; width: 100px; height: 425px; cursor: pointer; z-index: 200; }
#galaright					{ position: absolute; width: 100px; height: 425px; right: 0px; cursor: pointer; z-index: 200; }
#picgalPrev                 { position: absolute; left: 29%; top: 42%; 
							  z-index: 100; cursor: pointer;
							  padding-top: 10px; height: 36px; width: 46px;
                              text-align: center; background-color: rgba(231,231,231, 0.75);
                              -moz-border-radius-topleft: 46px;
                              -moz-border-radius-topright:46px;
                              -moz-border-radius-bottomleft:46px;
                              -moz-border-radius-bottomright:46px;
                              -webkit-border-top-left-radius:46px;
                              -webkit-border-top-right-radius:46px;
                              -webkit-border-bottom-left-radius:46px;
                              -webkit-border-bottom-right-radius:46px;
                              border-top-left-radius:46px;
                              border-top-right-radius:46px;
                              border-bottom-left-radius:46px;
                              border-bottom-right-radius:46px;
                              display: none; 
							}
#picgalPrev img 			{ padding-top: 7px; }
#picgalNext                 { position: absolute; left: 29%; top: 42%; 
							  z-index: 100; cursor: pointer;
							  padding-top: 10px; height: 36px; width: 46px;
                              text-align: center; background-color: rgba(231,231,231, 0.75);
                              -moz-border-radius-topleft: 46px;
                              -moz-border-radius-topright:46px;
                              -moz-border-radius-bottomleft:46px;
                              -moz-border-radius-bottomright:46px;
                              -webkit-border-top-left-radius:46px;
                              -webkit-border-top-right-radius:46px;
                              -webkit-border-bottom-left-radius:46px;
                              -webkit-border-bottom-right-radius:46px;
                              border-top-left-radius:46px;
                              border-top-right-radius:46px;
                              border-bottom-left-radius:46px;
                              border-bottom-right-radius:46px;
                              display: none;
							}
#picgalNext img 			{ padding-top: 7px; }

#galaleft:hover #picgalPrev { display: block; }
#galaright:hover #picgalNext { display: block; }


#nav                        { height: 97px; margin-top: 3px; }
#nav-right                  { float: right; /*height: 86px; width: 165px;*/
                              background-color: #e7e7e7; padding-right: 6px;
                              padding-top: 6px;
                            }
#nav-right-fontsize         { display: none; float: right; padding-top:5px; padding-right: 25px; }
#nav-right-fontsize a       { color: #4f4e4e; }
#nav-right-links            { float: left; padding-top: 4px; font-size: 1em; }
#nav-right-links a          { font-size: 0.75em; font-weight: normal; color: #4f4e4e; }

#suche                      { padding-top: 43px; padding-left: 23px; }
#suche-submit               { background-color: #fff; font-size: 0.73em;
                              padding: 3px; font-weight: normal; border: none; color: #4F4E4E;
                            }
#suchwort                   { width: 162px; border: none; font-size: 0.73em; font-weight: normal; padding: 3px; color: #4F4E4E;}

#nav-space                  { width: 257px; height: 96px; float: left;
                              background-color: #e7e7e7; margin-right: 1px;
                            }
.nav-point                  { width: 155px; margin-left:2px; float: left;
                              background-color: #e7e7e7; height: 96px;
                            }
.nav-title                  {  }
.navcolorbar                { float: left; width: 18px; height: 27px; }
.navmaintext                { float: left; /*font-size: 0.83em;*/ font-size: 0.75em; font-weight: bold;
                              padding-left: 6px; padding-top: 7px;
                            }
.navmaintext a              { color: #4f4e4e; }
.nav-subs                   { padding-left: 10px; padding-top: 5px; /*height: 57px; raus wegen Ausklappmenü */ overflow: hidden; }
.nav-subs a                 { display: block; height: auto; width: 120px; font-size: 0.83em; font-weight: normal; color: #4f4e4e; padding-top: 1px; padding-bottom: 2px; }

.nav-subs ul                { list-style: none; }
.nav-subs li                { /*font-size: 7pt;*/ }

#content                    { padding-top: 18px; padding-bottom: 30px; }
#row-left                   { float: left; width: 257px; min-height:1px; }
#row-mid                    { float: left; width: 670px; padding: 0 28px; }
/*#row-mid-full               { float: left; width: 735px; padding: 0 28px; }*/
#row-mid-full               { float: left; width: 886px; padding: 0 28px; }
#row-right                  { float: right; width: 215px; /*padding-left: 25px;*/ }

#subnav                     {  }
#page-color                 { float: left; width: 22px; height: 26px; }
#subnav-points              { float: left; width: 235px; }
#subnav-main-title          { height: 18px; background-color: #e7e7e7; margin-bottom: 2px; padding-bottom: 3px;
                              font-size: 0.83em; font-weight: bold; color: #4f4e4e; padding-left: 14px;
                              padding-top: 5px;
                            }
#subnav-main-title a        { color:#4f4e4e; }
#subnav-main-title a:hover  { color:#4f4e4e; }
.subnav-point               { height: 14px; background-color: #e7e7e7; margin-bottom: 1px;
                              padding-left: 14px; padding-top: 2px; padding-bottom: 4px;
                            }
.subnav-point a             { font-size: 0.83em; font-weight: normal; color: #4f4e4e; }

.subnav-point2              { height: 14px; background-color: #e7e7e7; margin-bottom: 1px;
                              padding-left: 26px; padding-top: 2px; padding-bottom: 4px;
                            }
.subnav-point2 a            { font-size: 0.73em; font-weight: normal; color: #4f4e4e; }

.subnav-point3              { height: 14px; background-color: #e7e7e7; margin-bottom: 1px;
                              padding-left: 32px; padding-top: 2px; padding-bottom: 4px;
                            }
.subnav-point3 a            { font-size: 7pt; font-weight: bold; color: #4f4e4e; }


.subnav-aktiv               { background: none; }
/*.subnav-aktiv a             { color:#003899; }*/

#pagetitle                  { height: 20px; color: #fff; padding-left: 8px; padding-top: 3px; font-size: 1.05em; padding-bottom: 3px; }
#page-subtitle              { padding: 23px 8px; font-style: italic; font-size: 1.2em; }
.paragraph-title            { background-color: #e7e7e7; height: 21px; padding-top: 5px;
                              color: #000; font-size: 0.8em; font-weight: bold;
                              padding-left: 8px;
                            }
.paragraph-text             { padding-top: 20px; font-size: 0.95em; }
.paragraph-text p           { padding-bottom: 17px; }
.paragraph-text ul { padding-left: 21px; }

.infobox                    { margin-bottom: 20px; border:1px solid #e7e7e7; padding:5px; }
.infobox-kalender           { padding: 0 5px; }
.infobox-head               { background-color: #e7e7e7; margin-bottom:10px; font-size: 0.8em; font-weight:bold; padding-top: 5px; padding-left:5px; padding-right:5px; padding-bottom:4px; }
.infobox-head-kalender      { background-color: #e7e7e7; margin-bottom:10px; font-size: 0.8em; font-weight:bold; padding-top: 5px; padding-left:5px; padding-right:5px; padding-bottom:4px; margin-left:5px; margin-right:5px; }
.infobox-pic                { margin-top:10px; margin-bottom:10px; }
.infobox-pic img            { width: 100%; }
.infobox-text       { font-size:0.8em; padding: 0 5px; }
.infobox-text-top           {  }
.infobox-text-bottom        {  }
.infobox-text-center        {  }
.infobox-apotheken          {  }
.haupt-apotheke             { font-size: 0.8em; padding: 0 5px; }
.neben-text                 { margin-top: 25px; }
.neben-apotheke             { margin-top: 15px; font-size: 0.8em; padding: 0 5px; }
.neben-apotheke.first       { margin-top: 0px; }
#globale-meldung            {  }
#globale-meldung .infobox-head { background-color: #ba2727; color:#fff; }

#footer                     { background-color: #e7e7e7; height: 40px; }

.bildborder                 { border:1px solid #9a9a9a; }
.bild-leiste        { width:175px; padding-top:20px; }
.bild-leiste-bild           { margin-bottom:20px; text-align:center; }
.bild-leiste-content        { width:350px; float:left; }

.news                       { margin-top:20px; margin-bottom:10px; position:relative; }
.news-pic                   { width:150px; max-height:212px; min-height:15px; float:left; padding-right:15px; padding-top:20px; }
.news-content               { /* float:left; width:500px;*/ width: 100%; font-size:0.8em; padding-top:20px; padding-bottom:20px; }
.news-teaser                { padding-right:15px; }
.news-more                  { text-align:right; font-size:0.8em; position:absolute; right:15px; bottom:0; }
.news-more                  { background-image:url(/static/sf/hg-more-link.png); width:70px; height:28px; }
.news-more a                { padding:0.5em; padding-bottom:0px; padding-right:0px; position:absolute; right:0; bottom:0; padding-bottom:0px; }

.vst                        { margin-top:20px; margin-bottom:10px; position:relative; }
.vst-pic                    { width:150px; max-height:212px; min-height:15px; float:left; padding-right:15px; padding-top:15px; }
.vst-content                { float:left; width:405px; font-size:0.8em; padding-top:15px; padding-bottom:15px; }
.vst-content-detail         { font-size:0.8em; padding-top:15px; padding-bottom:15px; }
.vst-ort                    { float:left; width:187px; margin-right:5px; padding-top:20px; }
.vst-asp                    { float:left; width:187px; padding-top:20px; }
.vst-teaser                 { padding-right:15px; }
.vst-more                   { text-align:right; position:absolute; right:15px; bottom:0; }
.vst-more                   { background-image:url(/static/sf/hg-more-link.png); width:70px; height:28px; }
.vst-more a                 { padding-right:0.5em; padding-bottom:0px; padding-right:0px; position:absolute; right:0; bottom:0; }
#vst-gala-bilder            { list-style:none; margin:0; padding:0; margin-top:20px; }
#vst-gala-bilder li         { float:left; width:90px; min-height:90px; margin-right:19px; margin-bottom:19px; }


.dokument                   { margin-bottom:10px; margin-top:10px; font-size: 0.8em; }
.dokument-icon              { float:left; width:35px; }
.dokument-name              { float:left; width:455px; padding-top:10px; padding-left:10px; }
.dokument-groesse           { float:left; width:35px; padding-top:10px; padding-left:10px; }
.bild-leiste-content .dokument { max-width:350px; }
.bild-leiste-content .dokument-name { width:260px; }

#news-kategorien-text       { font-size:0.8em; margin-bottom:10px; margin-top:80px; }
#news-kategorien      { margin:0; padding:0; list-style:none; font-size:0.8em; }
#news-kategorien li         { float:left; margin-bottom:16px; margin-right:25px; }
#news-kategorien a      { display:inline-block; float:left; padding:5px; border:2px solid gray;
                              background-color:#e7e7e7; color:#000; text-align:center;
                            }

#kalender-klein             { max-width:195px; width:195px; }


#udb                        { font-size: 0.8em; }
#udb-suche                  { margin-top:15px; }
#udb-suche .feld            { width: 130px; font-weight: bold; }
#udb-suche .input           { width: 200px; }
#udb-suche input            { width: 200px; }
#udb-suche select           { width: 200px; }
.submit                     { padding: 5px; width: auto; }

.udb-nav                    { margin-top: 15px; }
.udb-nav ul                 { list-style: none; padding: 0; margin: 0; }
.udb-nav li                 { float: left; width: 33%; text-align: center; position: relative; }
.nav-disabled               { width: 50px; height: 12px; left:40%; top:0; background-color: #fff; opacity: 0.6; filter: alpha(opacity=60); position: absolute; }

#udb-liste                  { margin-top:20px; }
.udb-trenner                { width: 100%; height: 1px; background-color: #e7e7e7; }
.udb-eintrag                { margin-bottom: 15px; margin-top: 15px; }
.udb-name                   { font-weight: bold; margin-bottom: 5px; }
.udb-info                   {  }

.map-info         { max-width:200px; }

/* Intranet */

.i-paragraph-title          { background-color: #e7e7e7; height: 23px;
                              color: #000; font-size: 8pt; font-weight: bold;
                              padding-left: 8px;
                            }
.i-list-titel               { float:left;  padding-top: 5px; }
.i-list-buttons             { float:right; }
.i-editbtn                  { float:left; margin-right:20px; }
.i-delbtn                   { float:left; }
.i-delbar                   { display:none; text-align:center; height:18px; padding-top:5px; font-size: 9pt; }
.i-add                      { padding:10px 0; }
.i-add-icon                 { float:left; }
.i-add-text                 { float:left; font-size:8pt; padding-left:15px; padding-top:5px; }
.i-news                     { margin-top: 10px; margin-bottom: 10px; }

.i-edit           { padding-top:20px; width:570px; font-size:9pt; }
.i-edit input         { font-size:9pt; font-family: 'Pontano Sans', sans-serif; }
.i-edit textarea      { font-size:9pt; font-family: 'Pontano Sans', sans-serif; }
.i-edit select        { font-size:9pt; font-family: 'Pontano Sans', sans-serif; }
.i-edit button        { font-size:9pt; font-family: 'Pontano Sans', sans-serif; }
.i-edit-bild        { float:right; }
.i-edit-label         { float:left; width:100px; }
.i-edit-field         { float:left; }

#newmsg                 { display:none; }
.i-news-details         { display:none; padding: 10px 10px 10px 30px; font-size: 9pt; }
.i-list-mitarbeiter     { float:right; padding-top:5px; padding-right:10px; }
.i-news-left            { float:left; width: 320px; margin-right: 25px; margin-top: 20px; }
.i-news-right           { float:right; width: 320px; text-align:right; margin-top: 20px; }
.i-news-kommentar       { display: none; float: right; }
.i-news-kommentare      { display:none; padding-top: 15px; }
.i-news-kommi           { margin-bottom:15px; }


/* GoogleMaps */
.map-marker-content         { min-width: 100px; min-height: 40px; max-width: 380px; }
.map-fancybox-link          { cursor: pointer; color: #ba2727; }
.map-marker-content-bildung { min-width:300px; min-height: 75px; }


/* Doku Center */
#doku-center                        { margin-top: 15px; font-size: 0.8em; }
.doku-letter                        {  }
.doku-letter div                    { float:left; width: 3.8461538461538461538461538461538%; text-align:center; }
.doku-letter div.active             { background-color: #ba2727; }
.doku-letter div.active a           { color: #fff; }
.doku-letter a                      { padding-left: 2px; padding-right: 2px; }
.doku-suche                         { margin-top: 20px; text-align: center; }
.doku-suche input                   { width: 200px; }
.doku-results                       { margin-top: 20px; margin-bottom: 20px; border-top: 1px solid #d3d3d3; border-bottom: 1px solid #d3d3d3; }
.doku-eintrag                       { padding: 5px; }
.doku-info                          { color: #4f4e4e; }
#doku-kein-ergebnis                 { font-weight: bold; margin-top: 10px; margin-bottom: 10px; }


/* <!-- Bürgerecho */
#echo-formular                  { font-size: 0.8em; }
#echo-formular textarea         { width: 568px; max-width: 568px; height: 78px; font-family: 'Pontano Sans', sans-serif; }
#echo-kategorien                { padding-top: 5px; margin-bottom: 30px; }
.form-row                       { margin-bottom: 10px; }
.form-checkb                    { float: left; width: 35px; padding-top: 2px; }
.form-checkb-name               { float: left; width: 535px; }
.txta-titel                     { font-weight: bold; padding-bottom: 3px; }
.txta                           {  }
.form-field-name                { float: left; width: 135px; padding-top: 2px; }
.form-field                     { float: left; width: 435px; }
.sub                            { padding: 5px; }
#kontaktdaten                   { padding-top: 10px; padding-bottom: 20px; font-weight: bold; }
.iptext                         { width: 431px; }
#submit                         { padding-top: 15px; }
#gesehen                        { width: 110px; text-align: center; }
#ort                            { width: 473px !important; max-width: 475px !important; }
#ort-area                       { float: left; width: 490px; }
#select-map                     { float: left; width: 80px; }
#map-canvas-sel                 { width: 600px; height: 400px; }
#map-selected                   { width: 568px; display: none; margin-top: 20px; margin-bottom: 25px; }
#map-canvas-selected            { width: 568px; height: 120px; border: 1px solid #b9b9b9; }
#map-button                     { width: 600px; text-align: center; padding-top: 15px; }
/* Bürgerecho--> */

/* <!-- Timepicker */
.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
.ui-timepicker-div dl { text-align: left; }
.ui-timepicker-div dl dt { float: left; clear:left; padding: 0 0 0 5px; }
.ui-timepicker-div dl dd { margin: 0 10px 10px 45%; }
.ui-timepicker-div td { font-size: 90%; }
.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }
.ui-timepicker-rtl{ direction: rtl; }
.ui-timepicker-rtl dl { text-align: right; padding: 0 5px 0 0; }
.ui-timepicker-rtl dl dt{ float: right; clear: right; }
.ui-timepicker-rtl dl dd { margin: 0 45% 10px 10px; }
.ui-datepicker-current { display: none; }
/* Timepicker--> */


/* Aktuelles */

.mce-btn-small { height: 22px !important; }

.adv-nav { display: none; background-color: #E7E7E7; z-index: 1000; position: relative; padding-left: 10px; margin-left: -10px; /*min-height: 90px;*/ }
.nav-adv-end { width: 100%; height: 2px; display: none; z-index: 1000; position: relative; padding-left: 10px; margin-left: -10px; }

/* Styles nach der Anpassung entfernen!!! (Streckung Titelbild und Infobox Bilder!) */
#seitenpic img { width: 940px; height: 425px; }
//.infobox-pic img { width: 203px; }



.content-gala 											{ list-style: none; padding-left: 0 !important; margin-top: 30px; }
.content-gala li 										{ width: 33.33%; float: left; height: 217px; margin-bottom: 25px; text-align: center; }
.content-gala a 										{  }
.content-gala img 									{ width: 140px; }





/* Intranet NEU */
.addnew 														{ padding: 15px 0; }
.addnew a 													{ color: #4f4e4e; }
.addnew a:hover 										{ color: #ba2727; }
.addnew i 													{ color: #62b435; border-color: #62b435; }

.eintrag-liste 											{ display: table; width: 100%; }
.eintrag 														{ display: table-row; }
.eintrag-element 										{ display: table-cell; vertical-align: middle; text-align: left; padding: 4px 4px 5px 4px; }
.eintrag:nth-child(2n)  						{ background-color: rgba(231, 231, 231, 0.75); }
.eintrag:hover 											{ background-color: rgba(164, 204, 255, 0.5); }


.faedit 														{ width: 35px; text-align: right; }
.fadelete 													{ width: 35px; text-align: right; }

.faedit i 													{ color: #4f4e4e; border-color: #4f4e4e; }
.faedit i:hover 										{ color: #FBC21A; border-color: #FBC21A; }
.fadelete i 												{ color: #4f4e4e; border-color: #4f4e4e; }
.fadelete i:hover 									{ color: #F31126; border-color: #F31126; }

.meldung-bild											  { padding: 20px 0; }
.meldung-bild-upload 								{ float: left; width: 50%; }
.meldung-bild-info 									{ float: right: width: 50%; }
.intra-form-button 									{
                                      /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#dddddd+0,f4f4f4+100 */
                                      background: rgb(221,221,221); /* Old browsers */
                                      background: -moz-linear-gradient(top,  rgba(221,221,221,1) 0%, rgba(244,244,244,1) 100%); /* FF3.6-15 */
                                      background: -webkit-linear-gradient(top,  rgba(221,221,221,1) 0%,rgba(244,244,244,1) 100%); /* Chrome10-25,Safari5.1-6 */
                                      background: linear-gradient(to bottom,  rgba(221,221,221,1) 0%,rgba(244,244,244,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
                                      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dddddd', endColorstr='#f4f4f4',GradientType=0 ); /* IE6-9 */
                                      -webkit-border-radius: 5px;
                                      -moz-border-radius: 5px;
                                      border-radius: 5px;
                                      border: 1px solid #d3d3d3;
                                      padding: 5px;
                                      cursor: pointer;
																		}
.intra-form-button:hover						{
                                      /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#d3d3d3+0,eaeaea+100 */
                                      background: rgb(211,211,211); /* Old browsers */
                                      background: -moz-linear-gradient(top,  rgba(211,211,211,1) 0%, rgba(234,234,234,1) 100%); /* FF3.6-15 */
                                      background: -webkit-linear-gradient(top,  rgba(211,211,211,1) 0%,rgba(234,234,234,1) 100%); /* Chrome10-25,Safari5.1-6 */
                                      background: linear-gradient(to bottom,  rgba(211,211,211,1) 0%,rgba(234,234,234,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
                                      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d3d3d3', endColorstr='#eaeaea',GradientType=0 ); /* IE6-9 */
                                      border-color: #C5C5C5;
																		}
#pic-upload-btn 										{ width: 105px; text-align: center; margin-bottom: 10px; }
#pic-upload-submit 									{ width: 105px; text-align: center; margin-top: 10px; }
.intranet-form 											{ padding-top: 15px; }
.intra-feld 												{ margin-bottom: 10px; }
.feld-name-left 										{ float: left; width: 100px; }
.feld-name-left label 							{ display: block; padding: 3px 0; }
.feld-right 												{ float: right; width: 569px; }
.feld-right input 									{ max-width: 557px; width: 100%; border-radius: 5px; padding: 5px; border: 1px solid #d3d3d3; font-family: Arial, Verdana, Sans-serif; }
.feld-right input[type='checkbox'] 	{ width: auto; padding: 0; margin: 7px 0 7px 7px; display: block; }
.feld-right select 									{ max-width: 569px; width: 100%; border-radius: 5px; padding: 5px; border: 1px solid #d3d3d3; font-family: Arial, Verdana, Sans-serif; }
.feld-right input#datum 						{ width: 72px; text-align: center; }
.feld-right input#datumVon          { width: 105px; text-align: center; }
.feld-right input#datumBis          { width: 105px; text-align: center; }
.feld-name-oben 										{  }
.feld-name-oben label 							{ display: block; padding: 10px 0 5px 0; }
.feld-unten 												{  }
.feld-unten textarea 								{ max-width: 658px; width: 100%; border-radius: 5px; padding: 5px; border: 1px solid #d3d3d3; height: 75px; font-family: Arial, Verdana, Sans-serif; }
/* Intranet NEU */



#cookie-info                        { position: fixed; bottom: 45px; z-index: 10000; width: 100%; max-width: 1200px; }
#cookie-info-content                { max-width: 625px; margin: 0 auto;  background-color: #fff; color: #000; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; text-align: center; padding: 10px; border: 2px solid #979999; }
#cookie-info-text                   { font-size: 9pt; }
#cookie-info-button									{  }
#cookie-info-button span            { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; display: inline-block; padding: 5px 10px; color: #fff; background-color: #979999; margin-top: 10px; cursor: pointer; font-size: 10pt; }
#cookie-info-spacer                 { display: none; height: 105px; width: 100%; }

#ui-datepicker-div                  { z-index: 1000 !important; }




.cookie-informationen { display: table; box-sizing: border-box; padding-bottom: 25px; }
.cookie-informationen * { box-sizing: border-box; }
.cookie-row { display: table-row; }
.cookie-info-name { display: table-cell; vertical-align: top; white-space: nowrap; padding: 0 0 5px 0; font-weight: bold; font-style: italic; }
.cookie-info-text { display: table-cell; vertical-align: top; padding: 0 0 5px 10px; }
.cookie-info-text p { padding-bottom: 0 !important; margin-bottom: 0 !important; }

.iframe-daten-info { background-color: rgb(128 128 128 / 22%); padding: 20px 10px; text-align: center; }
.idi-text {  }
.idi-text p { padding-bottom: 0; margin-bottom: 0; }
.idi-form { padding-top: 20px; }
.idi-form button { padding: 5px 10px; }
.idi-button { border: 1px solid #d3d3d3; cursor: pointer; background-color: #67a8d6; color: #fff; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; display: inline-block; padding: 6px 10px; }

#cookie-opt-in * { box-sizing: border-box; }                                    
#cookie-opt-in { position: fixed; bottom: 0; left: 0; width: 100%; background-color: rgba(0,0,0,0.85); z-index: 3500; color: #fff; padding: 10px; box-sizing: border-box; font-size: 11pt; }
#coi-center { max-width: 900px; margin: 0 auto; }
#coi-infotext-mobile { display: none; }
.coi-infolinks { padding: 10px 0 5px 0; }
#coi-form { padding-top: 10px; }
#coi-form-tbl { display: table; width: 100%; }
#coi-text-and-boxes { display: table-cell; vertical-align: middle; }
#coi-cookies { display: flex; flex-wrap: wrap; }
.coi-checkbox { padding-right: 20px; }
#cookie-opt-in label { display: inline-block; }
#coi-form-trenner { display: table-cell; width: 25px; }
#coi-form-buttons { display: table-cell; vertical-align: top; width: 175px; text-align: center; }
#coi-form button { border: 0; cursor: pointer; background-color: #ba2727; color: #fff; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; padding: 6px 10px; }
#coi-form button.btn-dark { background-color: #464646; }
#coi-form-buttons button { width: 100%; }
#coi-form-buttons div { text-align: center; margin-top: 15px; font-size: 10pt; color: #888; }
#cookie-info-spacer { width: 100%; height: 33px; }
@media screen and (max-width: 768px){
  .coi-cookie { flex: 0 0 100%; }
  #coi-infolinks { font-size: 10pt; }
  #coi-form { padding-top: 10px; }
  #coi-infotext-mobile { display: block; }
  #coi-infotext { display: none; }
  #coi-center { padding-top: 0; }
}


.unt-anf-eintrag { box-sizing: border-box; display: flex; padding-bottom: 20px; }
.unt-anf-daten { flex: 0 0 40%; }
.unt-anf-karte { flex-grow: 1; }









/* Consent Banner */
#consent-banner { position: fixed; bottom: 0; left: 0; width: 100%; background-color: rgba(0,0,0,0.85); z-index: 5000; color: #fff; font-size: 11pt; }
#consent-banner, #consent-banner * { box-sizing: border-box; }
#consent-banner-center { max-width: 1000px; padding: 10px; display: flex; gap: 35px; margin: 0 auto; }
#consent-banner-left { flex-grow: 1; }
#consent-banner-right { flex: 0 0 175px; }

#content-banner-buttons { display: flex; flex-direction: column; gap: 25px; }
.consent-banner-button > button { width: 100%; }

#consent-banner-text { padding-bottom: 10px; }
#consent-banner-links { display: flex; gap: 20px; }
#consent-banner-links a { font-weight: bold; }

#consent-banner-checkboxen { display: flex; gap: 30px; padding-top: 10px; flex-wrap: wrap; }

.cb-btn { background-color: #ba2727; color: #fff; border: 0; border-radius: 3px; padding: 6px; cursor: pointer; }
.form-check { display: flex; gap: 5px; }
.form-check-input { margin-top: 2px; }


/*.consent-banner-unblock-info { background-color: rgb(54 54 54 / 75%); color: #fff; font-size: 11pt; text-align: center; padding: 15px; }
.consent-banner-unblock-info-text p { padding-bottom: 0; margin-bottom: 0; }
.consent-banner-unblock-info-link { padding-top: 10px; }
.consent-banner-unblock-info-button { padding-top: 15px; }*/

@media screen and (max-width: 1024px){
  #consent-banner-center { flex-direction: column; gap: 15px; }
  #consent-banner-left { flex: 0 0 100%; }
  #consent-banner-right { flex: 0 0 auto; }
  #content-banner-buttons { flex-direction: row; justify-content: center; }
  .consent-banner-button { flex: 0 0 175px; }
}

@media screen and (max-width: 450px){
  #content-banner-buttons { flex-direction: column; gap: 10px; }
  .consent-banner-button { flex: 0 0 auto; }
}
/* Consent Banner */









#designbody                 { background: none; color: #000; }
#designbody p               { padding-bottom: 17px; }
#designbody ul              { padding-left: 17px; }
#designbody ol              { padding-left: 34px; }

