* {
  margin:0;
  padding:0;
}

body                        {
                              background-color: #fff;
                              width: 100%;
                              font-family: sans-serif,verdana,arial;
                              color: #6d6d6d;
                              font-size: 11pt;
                              background-image: url(/static/kvg/bg-page.jpg);
                              background-repeat: repeat-x;
                              background-position: top center;
                              background-attachment: fixed;
                              position: relative;
                            }
html                        {  } 

.imgleft                    { float: left; margin-right:30px; margin-bottom:20px; }
.imgright                   { float: right; margin-left:30px; margin-bottom:20px; }

a:focus                     { outline: none; }
a                           { color: #ea7400; }
a:link                      { text-decoration: none; }
a:visited                   { text-decoration: none; }
a:active                    { text-decoration: none; }
a:hover                     { color: #ea7400; text-decoration: none; }

[placeholder]:focus::-webkit-input-placeholder { transition: opacity 0.5s 0.5s ease; opacity: 0; }

.lblue a                    { color:#005584 !important; } 
.lblue a:link               { text-decoration:none; }
.lblue a:visited            { text-decoration:none; }
.lblue a:active             { text-decoration:none; }
.lblue a:hover              { color:#ea7400 !important; text-decoration:none; }


.color-white                { color:#fff; }
.color-lightblue            { color:#57c4ff; }
.color-darkblue             { color:#00598a; }
.pad-bottom10               { padding-bottom:10px; }
.last-h-li                  { padding-right:0 !important; }

.ul-listicon                { list-style-image:url(/static/kvg/ul-icon.png); padding-left:17px; }
.ul-listicon li             { padding-bottom:12px; }


#head                       { height: 210px;
                              background-image: url(/static/kvg/bg-head.jpg);
                              background-repeat: repeat-x;
                              background-position: top center;
                            }
                            
#header-pic                 { text-align: left; max-width: 1140px; max-height: 115px; padding-left: 30px; }
                            
.wrap                       { width: 1400px; margin: 0 auto; }

#logo-suche                 { width: 220px; float: left; padding: 32px 0 0 0; }
#logo-suche a               { display: block; }
#logo                       { width: 220px; border: 0; }



#suchform                   { width: 220px; padding: 48px 0 0 0; }
#suchform-inner             { width: 150px; margin: 0 0 0 20px;
                              background-color: rgba(168, 168, 168, 0.24);
                              -webkit-border-radius: 5px;
                              -moz-border-radius: 5px;
                              border-radius: 5px;
                              border: 1px solid #9e9e9e;
                            }
#suchform input             { width: 120px; background-color: transparent; border: 0; padding: 3px; color: #cae1ed; float: left; }

#suche-lupe                 { float: left; width: 14px; height: 14px; padding: 2px 5px 4px 4px; }
#suche-lupe img             { border: 0; width: 14px; height: 14px; }


#ticker-nav                 { float: left; width: 1180px; }

#live-ticker                { padding: 45px 0 0 0; height: 70px; color: #fff; }
#live-ticker-inner          { padding: 0 35px; }
#newsticker                 { overflow: hidden; }
#no-ticker                  { height: 115px; width: 100%; }

#nav                        { padding-left: 19px; }
#nav ul                     { list-style: none; }
#nav li                     { float: left; padding-right: 72px; }
#nav a                      { display: block; color: #fff; padding: 10px 10px 10px 10px; text-transform: uppercase; float: left; }
#nav a:hover                { color:#57c4ff; }
#nav li .submenu a          { float: none; }

.mainmenu                   { position: relative; }
.submenu                    { position: absolute; display: none; top: 36px; left: 0; font-size: 10pt; width: 195px; background-color: #0068a1; z-index: 1000; clear: both; }
.submenupoint               { border: 1px solid #0073b1; padding-top: 1px; }

a.mainclick                 { background-color: rgba(255,255,255, 0.5); padding: 0px !important; margin-top: 9px;
                              -webkit-border-radius: 9px; -moz-border-radius: 9px; border-radius: 9px;
                            }
a.mainclick img             { width: 6px; height: 6px; padding: 0 6px 1px 6px; }


#inhalte                    {  }

#inhalt-start               { float: left; width: 1117px; }

#galerie                    { width: 1117px; height: 395px; position: relative; }
#picgal img                 { display: block; width: 100%; }

#pagination			        { z-index: 100; position: absolute; text-align: center; right: 5px; bottom: 10px; }
#pagination a		        { padding:0; margin:0; background-color: lightgrey; border: 2px solid #fff; display: block; height: 15px; width: 15px; float: left; border-radius: 50%; -moz-border-radius:50%; -webkit-border-radius: 50%; margin-left: 3px; margin-right: 3px; opacity: 0.5; filter: alpha(opacity=50); }
#pagination a.active        { background-color: grey; }

#inhalt-text                { float: left; width: 1052px; padding-top: 30px; }
#inhalt-text-inner          { padding: 25px; line-height: 24px; }

.content                    {  }
.content p                  { padding-bottom: 17px; }
.content ul,ol              { padding-left: 21px; }
.content a                  { color: #ea7400; }
.content h1                 { font-weight:normal; font-size: 11pt; margin-bottom:30px;
                              color:#00598a; padding-left: 67px;
                              background-image: url(/static/kvg/arrow-headline.png);
                              background-repeat: no-repeat;
                              background-position: left center;
                              text-transform:uppercase;
                            }
.content h2                 { font-weight:normal; font-size: 10pt; margin-bottom:25px;
                              color:#00598a; text-transform:uppercase;
                            }
.content-trenner            { width: 100%; height: 35px; }

#infoboxen                  { float: right; width: 281px; border-left: 1px solid #ced6e0; border-right: 1px solid #ced6e0; background-color: #fff; }
.box-shadow                 { width: 283px; height: 10px;
                              background-image: url(/static/kvg/infobox-shadow.png);
                              background-repeat: no-repeat;
                              background-position: top;
                            }
.box-title                  {
                              background: #0089d4; /* Old browsers */
                              background: -moz-linear-gradient(67deg, #0089d4 0%, #0073b2 100%); /* FF3.6+ */
                              background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#0089d4), color-stop(100%,#0073b2)); /* Chrome,Safari4+ */
                              background: -webkit-linear-gradient(67deg, #0089d4 0%,#0073b2 100%); /* Chrome10+,Safari5.1+ */
                              background: -o-linear-gradient(67deg, #0089d4 0%,#0073b2 100%); /* Opera 11.10+ */
                              background: -ms-linear-gradient(67deg, #0089d4 0%,#0073b2 100%); /* IE10+ */
                              background: linear-gradient(67deg, #0089d4 0%,#0073b2 100%); /* W3C */
                              filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0089d4', endColorstr='#0073b2',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
                            }
.box-title-inner            { padding: 15px; }
                            
.box-shadow                 { width:283px; height:10px; background-image:url(/static/kvg/infobox-shadow.png); background-repeat:no-repeat; background-position:top; }
.box-content                { padding:10px 20px 0 20px; }
.box-content a              { color:#005584; }
.box-title                  { width: 281px; /*background-image:url(/static/kvg/bg-infobox-title.jpg); background-repeat:no-repeat; margin-left:1px;*/ }
.box-title a:hover          { color: #fff; }

.betriebserror-title        { padding: 15px 0;
background: rgb(150,60,60); /* Old browsers */
background: -moz-linear-gradient(left,  rgba(150,60,60,1) 0%, rgba(127,51,51,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(150,60,60,1)), color-stop(100%,rgba(127,51,51,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  rgba(150,60,60,1) 0%,rgba(127,51,51,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  rgba(150,60,60,1) 0%,rgba(127,51,51,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  rgba(150,60,60,1) 0%,rgba(127,51,51,1) 100%); /* IE10+ */
background: linear-gradient(to right,  rgba(150,60,60,1) 0%,rgba(127,51,51,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#963c3c', endColorstr='#7f3333',GradientType=1 ); /* IE6-9 */
							}
.betriebserror-title .box-title-text { padding-right: 10px; }

.box-title-text             { text-transform:uppercase; font-size:16pt; text-align: right; }
.betriebserror-text         { padding-top: 24px !important; }
.box-title-table            { width: 100%; display: table; }
.box-title-tablerow         { display:table-row; }
.box-title-tablecell        { display:table-cell; padding-left:15px; text-transform:uppercase; font-size:10pt; }
.box-title-cell-left        { width:80%; }
.box-title-cell-right       { width:20%; }
.box-title-tablecell a      { display:block; }
.arrow                      { background-image:url(/static/kvg/box-title-arrow2.png);
                              background-position:left 5px;
                              background-repeat:no-repeat;
                            }
.box-kontakt                { padding-bottom:20px; }
.box-kontakt-icon           { float:left; padding-right:20px; }
.box-kontakt-text           { float:left; }
.box-kontakt-text-title     { padding-top:2px; text-transform:uppercase; }
.box-kontakt-text-link      { padding-top:4px; text-transform:uppercase; font-size:10pt; }
.box-kontakt-text-arrow     { padding-top:2x; }

.box-text-oben              { padding-bottom: 15px; }
.box-text-unten             { padding-top: 15px; }

.numberfields               { background-image:url(/static/kvg/ul-icon.png););
                              background-position:4px 6px;
                              background-repeat:no-repeat;
                              padding-left:17px; padding-bottom:12px;
                            }
.numberfield-number         { float:left; padding-right:5px; color: #005584; }
.numberfield-text           { float:left; }

/* Infobox Fahrplanauskunft */
.box-text-fett-center   	{ text-align:center; font-weight:bold; padding-bottom:15px; }
.frm-titel              	{ float:left; width:100px; }
.frm-feld               	{ float:left; }
.ibfpainput             	{ width:126px; }
.ibfpaselect            	{ width:130px; }


/* Globale Störungsmeldung */
.globale-stoerung        { padding: 20px 20px 20px 20px; margin-top: 20px; /*height: 170px;*/ }
.globale-stoerung-titel  { font-weight: bold; }
.globale-stoerung-datum  { padding-top: 8px; }
.globale-stoerung-text   { padding-top: 10px; font-size:10pt; }


#start-news 				{ padding-top: 25px; padding-bottom: 25px; }
#start-news p               { padding-bottom: 17px; }
.start-news-outer           { width: 50%; }
.start-news-inner           { padding: 0 25px; }
.start-news-inner ul,ol     { padding-left: 21px; }

.start-news-zeilen          { padding-bottom: 30px; }

.news-titel				          { text-transform: uppercase; margin-bottom: 10px; font-weight: bold; }
.news-titel-kl		          { margin-bottom: 10px; font-weight: bold; font-size: 12pt; }
.news-titel-kl a            { color: #6d6d6d; }
.news-inhalt img            { margin-right: 15px; margin-bottom: 15px; }
.news-titel a               { color: #6d6d6d; }

#footer                     { height:71px;
                              background-image:url(/static/kvg/bg-footer.png);
                              background-position:left top;
                              background-repeat:repeat-x;
                            }
#footer-wrap                { margin:0 auto; width:1000px; }                            
#footer-nav                 { padding-top:16px; padding-left:30px; font-size:8pt; text-transform: uppercase; }
#footer-nav ul              { list-style:none; }
#footer-nav li              { float:left; padding-right:20px; }
#footer-nav a               { color:#fff; }

#copyright                  { text-align:center; color:#fff; padding-top:21px; font-size:9pt; }


#mobile-head                { display: none; height: 30px; width: 100%; position: fixed; background-color: #1f84bc; border-bottom: 1px solid rgba(255, 255, 255, 0.65); top: 0; left: 0; z-index: 10; }
#mobile-head-inner          { display: table-row; }
#mobile-menu-button         { display: table-cell; width: 75px; }
#mobile-head-logo           { display: table-cell; text-align: center; }
#mobile-head-right          { display: table-cell; width: 75px; }

#open-menu                  { padding: 7px 0 0 7px; cursor: pointer; }
#menu-lines                 { width: 20px; float: left; }
.menu-line                  { width: 20px; height: 3px; background-color: #fff; margin-bottom: 3px; }
.menu-text                  { float: left; width: 40px; color: #fff; padding-left: 7px; }

#mobile-navigation          { display: none; height: 100vh; width: 100vw; position: fixed; top: 0; left: 0; background-color: rgba(109, 109, 109, 0.8); z-index: 2600; }
#nav-content                { width: 85vw; height: 100vh; background-color: #157EB8; padding-left: 5px; padding-right: 5px; overflow-y: auto; }
#ios-menu-korrektur         { width: 100%; height: 70px; }
#mnav-head                  { position: relative; text-align: center; padding-top: 15px; color: #fff; font-size: 18pt; border-bottom: 2px solid #d3d3d3; padding-bottom: 10px; }
#nav-close                  { position: absolute; top: 12px; right: 10px; color: #515151; width: 25px; height: 25px; border-radius: 26px; background-color: #d3d3d3; border: 1px solid grey; font-weight: bold; padding-left: 1px; padding-top: 1px; font-family: Arial; cursor: pointer; font-size: 15pt; }
#mnav-body                  { padding-top: 5px; }
#mnav-body a                { text-decoration: none; color: #fff; }
#mnav-body ul               { list-style: none; padding: 0; margin: 0; }
#mnav-body ul li a          { padding-top: 5px; padding-bottom: 5px; border-bottom: 1px solid #d3d3d3; display: block; }
#mnav-body ul li            {  }
.mnavli0                    {  }
.mnavli1                    {  }
.mnavli2                    {  }
.mnavli3                    {  }
.manv0                      { padding-left: 20px; }
.manv1                      { padding-left: 40px; }
.manv2                      { padding-left: 60px; }
.manv3                      { padding-left: 80px; }

#map_canvas                 { height: 500px; }

#standorte-sel              { padding-bottom: 35px; }
#standorte-sel div          { width: 25%; text-align: center; float: left; margin-bottom: 25px; }
#standorte-sel a            { display: block; width: 80%; background-color: #0074B4; color: #fff; border-radius: 10px; padding-top: 3px; height: 20px; font-weight: bold; padding-bottom: 4px; }


.tooltipster-default        { background: none; background-color: rgba(1, 116, 181, 0.9); border: none; border: 2px solid #0174b5; }
.tooltipster-base           { max-height: 360px; max-height: 300px; /*overflow: hidden;*/ font-family: verdana,arial,sans-serif; }
.tooltipster-content        { max-height: 284px; /*overflow-y: auto !important;*/ overflow: hidden; font-size: 12px; }
.tooltipster-content div    { overflow-y: auto !important; max-height: 284px; overflow-x: hidden; }


.verkauf-stelle             { margin-bottom: 35px; font-size: 10pt; }
.vks-headline               { font-weight: bold; }
.vks-linie                  { width: 100%; height: 1px; background-color: #3BBAFF; margin-top: 5px; margin-bottom: 5px; }
.vks-left                   { float: left; width: 450px; }
.vks-right                  { float: right; width: 167px; text-align: right; }
.vks-kontakt                { float: left; width: 275px; }
.vks-offnungszeiten         { float: left; width: 175px; }
.vks-tel-fax                {  }


.trenner                    { width: 100%; height: 1px;
                              background-image: url(/static/kvg/trenner.jpg);
                              background-position: center center;
                              background-repeat: no-repeat;
                              padding-top: 14px; padding-bottom: 14px;
                            }

.news-meldung				{ /*margin-bottom: 25px;*/ }
.news-titel				    { text-transform: uppercase; margin-bottom: 10px; font-weight: bold; }

.news-inhalt img            { margin-right: 15px; margin-bottom: 15px; }
.news-links                 { margin-top: 15px; font-size: 10pt; }
.news-links ul              { padding-left: 40px; margin: 0; }
.news-meldung .trenner      { padding:0 !important; margin-top:14px; margin-bottom: 33px; }
.news-bilder                { padding-top: 20px; }
.news-bilder-link           { display: block; margin-top: 20px; }
.news-bilder ul             { list-style: none; padding: 0; }
.news-bilder ul li          { float: left; width: 110px; height: 110px; padding-left: 5px; padding-right: 5px; margin-bottom: 13px; }

.presse-meldung 			{ padding-bottom:20px; }
.presse-datum 				{  }
.presse-titel 				{ padding-left:20px; }
.presse-jahr 				{ font-weight:bold !important; font-size:11pt !important; margin-bottom:0 !important; }
.presse-hr 					{ border-top:1px solid #00598a; margin-top:10px; padding-bottom:10px; }


#st-datum             		{ margin-bottom: 20px; }
#st-bez               		{ margin-bottom: 20px; font-size: 140%; }
#st-bez-prakti        		{  }
#st-ort               		{ margin-bottom: 20px; }
#st-info              		{ margin-bottom: 20px; }
#st-description       		{ margin-bottom: 30px; }
#st-short-kontakt     		{ margin-bottom: 20px; }
#st-kontakt          		{  }

.bilder-galerie             { padding: 0 !important; margin: 0; list-style: none; margin-bottom: 20px; }
.bilder-galerie li          { float: left; width: 33%; min-height: 200px; }
.bilder-galerie li a        { display: block; }
.bilder-galerie li a img    { text-align: center; }
.gala-bild                  { min-height: 135px; }
.gala-bild-info             { font-size: 70%; padding-top: 3px; max-width: 180px; line-height: 16px; }


.betriebshof 				{ padding-bottom:30px; }
.bh-betriebshof 			{ font-weight:bold; padding-bottom:15px; }
.bh-beschreibung 			{  }
.bh-adresse 				{ padding-bottom:15px; }
.bh-anfahrt 				{  }
.bh-anfahrt-link 			{ padding-bottom:15px; color:#005584; cursor:pointer; }
.bha-karte 					{ display:none; }
.ehemalig 					{ color:#00598a; text-transform:uppercase; font-size:11pt; padding-left:67px; background-image: url(/static/kvg/arrow-headline.png); background-repeat:no-repeat; background-position:left center; margin-bottom:30px; }



.lnk-box                    { margin-bottom: 30px; font-size: 10pt; }
.lnk-kat                    { font-weight: bold; margin-bottom: 12px; }
.lnks                       {  }
.lnk                        { margin-bottom: 12px; padding: 5px; }
.lnk:hover                  { background-color: #b2d5e8; }
.lnk-link                   { background-image: url(/static/kvg/arrow-dokumente.png);
                              background-repeat: no-repeat;
                              background-position: left center;
                              padding-left: 10px; display: block;
                            }
.lnk-info                   { display: block; padding-top: 5px; color: #6d6d6d; }
.lnk-info p                 { font-size: 8pt !important; padding-bottom: 0px !Important; }



.form-feld-infotext         { padding: 20px 0 30px 0; font-size: 12pt; font-weight: bold; }
.form-feld                  { margin-bottom: 20px; }
.feld-name                  { padding-bottom: 5px; font-weight: bold; }
.feld-input                 { font-family: arial,helvetica,sans-serif; }
.formlist label             { display: block; padding-bottom: 5px; font-family: Arial, Helvetica, Sans-serif; font-weight: bold; font-size: 10pt; }
.formlist                   { list-style: none; padding: 0 !important; margin: 0; }
.formlist li                { float: left; width: 50%; margin-bottom: 20px; }
.formlist li.ftitel         { width: 100%; font-weight: bold; font-size: 14pt; padding-top: 25px; border-bottom: 1px solid #000; }
#nachricht                  { height: 110px; width: 94%; }
.ffeld                      { width: 88%; padding: 6px; border: 1px solid #1F84BC; border-radius: 5px; font-family: Arial, Verdana, Sans-serif; }
input[type=text].ffeld      { height: 17px; }
select.ffeld				{ width: 91.5%; }
.btn                        { padding: 5px; min-width: 125px; }
.smalllist li               { width: 33.33%; }


.formError .formErrorContent { background: #0074B4; }
.formError .formErrorArrow div { background: #0074B4; }

.formspamsecurity           { display: none; }

.opnv-liste                 { list-style: none; padding:0 !important; }
.opnv-liste li				{ float: left; width: 50%; padding-bottom: 25px; }
.opnv-liste a               { padding-bottom: 8px; display: block; }
.opnv-liste a[target=_blank] { padding-left: 20px; background-image: url(/static/kvg/ext-link.png); background-repeat: no-repeat; background-position: 0px 2px; background-size: 14px; }


/* Fahrplan */

div.infolayer               { display:none; position:absolute; width:500; xheight:80;
                              background-color:white; border:1px solid #d3d3d3; text-align:left; font-size:8pt; padding:4px;
                              max-width: 600px;
                            }
div.infolayerroute          { display:none; position:absolute; white-space: normal;
                              /*xwidth:250; xheight:80; */background-color:white; border:1px solid #d3d3d3;
                              text-align:left; font-size:8pt; padding:4px;
                              max-width: 600px;
                            }
.infolayerroute table td table td { padding:3px; }

  /* Lininenübersicht */
#liuebersicht               { font-size: 10pt; }
.linr						{ vertical-align: top; }
.lilangbez                  { vertical-align: top; padding-left:5px; padding-bottom: 4px; }
.vtart                      { vertical-align: top; white-space: nowrap; padding: 0 10px; }

  /* Lininenübersicht Haltestellen */
.fp_zeit				    { padding:0 4px; }
.stationen                  { padding-right: 8px; }

  /* Routenplaner */
#routenplaner               { font-size: 10pt; } 
#routenplaner hr            { border:none; height:1px; background-color: #0074B4; margin-top: 4px; margin-bottom: 4px; }
.routenpunkt                { font-size: 7pt; }



/* Fahrplanoptimierungen */
.info-mobile-only           { display: none; }
/*#lininen-sel-mobile         { display: none; } wird erst wieder benötigt wenn die Lininen mit Langbezeichnung angezeigt werden sollen */
#liuebersicht               { display: none; } /* blendet die Tabellen mit den Linien Auflistungen aus und zeigt nur die PDFs an */
#lininen-sel-mobile ul      { list-style: none; padding: 0!important; }
#lininen-sel-mobile li      { float: left; width: 50%; margin-bottom: 20px; height: 80px; }
.mobile-li-dl-icon          { display: block; float: left; width: 60px; }
.mobile-li-dl-icon img      { height: 60px; border: 0; }
.mobile-li-dl-nummer        { display: block; float: left; padding-left: 15px; font-weight: bold; padding-top: 0px; width: 316px; font-size: 9pt; }
.mobile-li-clear            { display: block; clear: both; }
#fpl-pdf-download           { padding: 10px 0; }


.smph-info                  { display: none; }




#fpl-zusatz-plaene          { padding-top: 25px; }
.fahrplan-pdfs              { list-style: none; padding: 0 !important; }
.fahrplan-pdfs li           { float: left; width: 50%; margin-bottom: 20px; height: 80px; }
.fpl-icon                   { display: block; float: left; width: 60px; }
.fpl-icon img               { height: 60px; border: 0; }
.fpl-text                   { display: block; float: left; padding-left: 15px; font-weight: bold; padding-top: 0px; width: 316px; font-size: 9pt; }
.fpl-clear                  { display: block; clear: both; }




/* Haltestellen Karte */
.map-fpl-daten              { max-height: 380px; max-width: 300px; min-height: 50px; min-width: 150px; }
.fpl-bhf-name               { font-size: 17px !important; font-weight: bold !important; }
.fpl-bhf-gebiet             { font-size: 15px !important; }
.fpl-datum                  {  }
.fpl-zeiten-head            {  }
.fpl-zeiten                 { max-height: 270px; overflow-y: scroll; }
.fpl-table                  {  }
.fpl-table td               { padding: 2px; vertical-align: top; }
.fpl-table-head             { font-weight: bold; }
.fpl-linie-nr               { width: 32px; white-space: nowrap; }
.fpl-abfahrt-zeit           { width: 50px; white-space: nowrap; }
.fpl-station-name           { width: 160px; white-space: nowrap; }
.fpl-daten-error            {  }
.fpl-error-server-message   { display:none; }
.fpl-stoerung-info          { margin-bottom: 20px; }




.dokument-liste             { list-style: none; font-size: 10pt; }
.dokument-liste li          { background-image: url(/static/kvg/arrow-dokumente.png);
							  background-repeat: no-repeat;
                              background-position: left center;
                              padding-left: 10px;
                              padding-top: 5px; padding-bottom: 5px;
							}



#fpl-version-changer        { float: right; padding: 0 0 15px 0; }


.presse-titel-detail        { font-weight: bold; padding-bottom: 25px; }


#sitemap                    { padding-bottom: 30px; }
#sitemap-left               { float: left; width: 50%; }
#sitemap-right              { float: left; width: 50%; }
#sitemap a                  { color: #6d6d6d; }
#sitemap a:hover            { color: #ea7400; }
.sitemap0                   {  }
.sitemap0 li                { padding: 5px 0; font-weight: bold; }
.sitemap1                   { padding-left: 40px !important; }
.sitemap1 li                { padding-bottom: 5px; font-weight: normal; }



.ui-button                  { vertical-align: top; }
.rplsub                     { padding: 3px; }


.ui-datepicker-calendar a:hover { color: #6d6d6d; }


#fahrzeug-liste 						{  }
.fahrzeug 									{ display: block; margin-bottom: 25px; cursor: pointer; width: 50%; float: left; }
.fahrzeug-inner 						{ display: block; padding: 5px; margin: 5px; border: 1px solid #0073b1; }
.fahrzeug-bild 							{ display: block; width: 125px; height: 125px; float: left; background-repeat: no-repeat; background-position: center center; background-size: cover; }
.fz-no-pic 									{  }
.fahrzeug-list-info 				{ display: block; width: 60%; float: left; padding-left: 15px; }
.fz-list-titel 							{ display: block; font-weight: bold; }
.fz-list-standort 					{ display: block; color: #6d6d6d; }
.fz-list-kilometer 					{ display: block; color: #6d6d6d; }
.fz-list-erstzu							{ display: block; color: #6d6d6d; }
.fz-list-huau								{ display: block; color: #6d6d6d; }
.fz-clear 									{ display: block; clear: both; }
.fz-back-link 							{ padding-bottom: 15px; }
.fz-eigenschaften 					{ padding-left: 0 !Important; list-style: none; }
.fz-eigenschaften li 				{ float: left; width: 50%; padding-bottom: 10px; }
.fz-eig-name 								{ width: 35%; float: left; font-weight: bold; }
.fz-eig-wert 								{ width: 65%; float: left; }
.fz-eig-texte 							{ padding-top: 15px; }
.fz-eig-text 								{ padding-bottom: 10px; }
.fz-eig-text-head 					{ font-weight: bold; }
.fz-eig-text-body 					{  }
.fz-bilder 									{ margin-top: 15px; }
.fz-bilder a 								{ width: 125px; height: 125px; background-position: center center; background-repeat: no-repeat; float: left; margin: 16px; }

#mobile-footer-nav          { display: none; text-align: center; padding: 20px 0; }

#designbody                 { padding:0; margin:0 !important; background:none; color:#000; font-size:12px; }
#designbody p               { padding-bottom:17px; }
#designbody ul              { padding-left:17px; }
#designbody ol              { padding-left:34px; }

#jumpbslink                 { display: none; padding: 15px; max-width: 200px; text-align: center; margin: 20px auto 10px auto; color: #fff; text-transform: uppercase; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } 
#imgspin 										{ width: 55px; height: 18px; }
#imgspin img 								{ display: block; height: 40px; margin: 0 auto; }


#cookie-info                        { position: fixed; bottom: 10px; z-index: 10000; width: 100%; }
#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 #005786; }
#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: #0072b0; margin-top: 10px; cursor: pointer; font-size: 10pt; }
#cookie-info-spacer                 { height: 105px; width: 100%; background-color: #edf2f6; }




.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: 50px 10px; text-align: center; }
.idi-text {  }
.idi-text p { padding-bottom: 0; margin-bottom: 0; }
.idi-form { padding-top: 20px; }
.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: #0066b0; 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; }
}





#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 { text-decoration: underline; font-weight: bold; }*/

#consent-banner-checkboxen { display: flex; gap: 30px; padding-top: 10px; flex-wrap: wrap; }

.cb-btn { background-color: #0066b0; color: #fff; border: 0; border-radius: 3px; padding: 6px; cursor: pointer; }
.form-check { display: flex; gap: 5px; }


/*.consent-banner-unblock-info { background-color: rgb(54 54 54 / 85%); 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; }
}


.d-none { display: none; }
.d-li { display: list-item; }




#start-linienstoerungen {
  padding: 0 25px 20px 25px;
  text-align: center;
  margin-bottom: 25px;
}
#start-linienstoerungen .inh_abs_titel {
  border-bottom: 2px solid #903a3a;
  padding-bottom: 4px;
}
.ls-button {
  background-color: #903a3a;
  color: #fff !important;
  border-radius: 10px;
  height: 20px;
  font-weight: bold;
  cursor: pointer;
  padding: 3px 15px 4px 15px;
}
.ls-button-red {
  background-color: #0074B4;
}
.ls-linien {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 30px;
  padding-top: 20px;
}
#start-linienstoerungen-inhalte {
  display: none;
}

.start-linienstoerung-content {
  display: flex;
  flex-wrap: wrap;
  gap: 5%;
  justify-content: center;
}
.start-linienstoerung-content > div {
  flex: 0 0 47.5%;
  padding-bottom: 5%;
}

#start-linienstoerungen-inhalte {
  padding: 45px 0 10px 0;
}
.start-linienstoerung-titel {
  font-weight: bold;
}


.ifb-ls {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  justify-content: center;
  padding-bottom: 30px;
  padding-top: 10px;
}



#ls-informationen {
  padding-bottom: 15px;
}
#ls-map-text {
  text-align: center;
  padding-bottom: 2px;
}
.ls-map-titel {
  font-weight: bold;
  font-size: 12pt;
}
.map-ls-buttons {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
.map-ls-buttons > div {
  flex: 0 0 50%;
  text-align: center;
  padding: 8px 0;
}

.box-title-ls {
background: rgb(150,60,60); /* Old browsers */
background: -moz-linear-gradient(left,  rgba(150,60,60,1) 0%, rgba(127,51,51,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(150,60,60,1)), color-stop(100%,rgba(127,51,51,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  rgba(150,60,60,1) 0%,rgba(127,51,51,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  rgba(150,60,60,1) 0%,rgba(127,51,51,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  rgba(150,60,60,1) 0%,rgba(127,51,51,1) 100%); /* IE10+ */
background: linear-gradient(to right,  rgba(150,60,60,1) 0%,rgba(127,51,51,1) 100%); /* W3C */
}



#start-Slinienstoerungen {
  padding: 0 25px 20px 25px;
  text-align: center;
  margin-bottom: 25px;
}
#start-Slinienstoerungen .inh_abs_titel {
  border-bottom: 2px solid #903a3a;
  padding-bottom: 4px;
}
.lsS-button {
  background-color: #903a3a;
  color: #fff !important;
  border-radius: 10px;
  height: 20px;
  font-weight: bold;
  cursor: pointer;
  padding: 3px 15px 4px 15px;
}
.lsS-button-red {
  background-color: #0074B4;
}
.lsS-linien {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 30px;
  padding-top: 20px;
}
#start-Slinienstoerungen-inhalte {
  display: none;
}

.start-Slinienstoerung-content {
  display: flex;
  flex-wrap: wrap;
  gap: 5%;
  justify-content: center;
}
.start-Slinienstoerung-content > div {
  flex: 0 0 47.5%;
  padding-bottom: 5%;
}

#start-Slinienstoerungen-inhalte {
  padding: 45px 0 10px 0;
}
.start-Slinienstoerung-titel {
  font-weight: bold;
}


.ifb-lsS {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  justify-content: center;
  padding-bottom: 30px;
  padding-top: 10px;
}



#lsS-informationen {
  padding-bottom: 15px;
}
#lsS-map-text {
  text-align: center;
  padding-bottom: 2px;
}
.lsS-map-titel {
  font-weight: bold;
  font-size: 12pt;
}
.map-lsS-buttons {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
.map-lsS-buttons > div {
  flex: 0 0 50%;
  text-align: center;
  padding: 8px 0;
}

.box-title-lsS {
background: rgb(150,60,60); /* Old browsers */
background: -moz-linear-gradient(left,  rgba(150,60,60,1) 0%, rgba(127,51,51,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(150,60,60,1)), color-stop(100%,rgba(127,51,51,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  rgba(150,60,60,1) 0%,rgba(127,51,51,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  rgba(150,60,60,1) 0%,rgba(127,51,51,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  rgba(150,60,60,1) 0%,rgba(127,51,51,1) 100%); /* IE10+ */
background: linear-gradient(to right,  rgba(150,60,60,1) 0%,rgba(127,51,51,1) 100%); /* W3C */
}




::-webkit-scrollbar {
    height: 12px;
    width: 12px;
    background: #fff;
}

::-webkit-scrollbar-thumb {
    background: #00598a;
    -webkit-border-radius: 1ex;
}

::-webkit-scrollbar-corner {
    background: #000;
}
