body { font-family:Open Sans; padding-bottom:0px!important; }
a { color:#E30014; }

.navbar-wrapper .container { padding-right:10px!important; padding-left:10px!important; }
.navbar-wrapper { margin-top:0px!important; margin-bottom:0px!important; background-color:#FFFFFF; border-bottom:3px solid #E30014;  }
.navbar { margin-bottom:0px!important; margin-top:0px!important; }
.navbar-inverse { background-color:#FFFFFF; }
.navbar-wrapper .navbar { border-radius:0px!important; }
.navbar-static-top { border-width:0px; }
.navbar-inverse .navbar-nav > li > a:focus, .navbar-inverse .navbar-nav > li > a:hover { color:#333333; }
.navbar-brand { padding-top:7px!important; padding-bottom:0!important; }
.img-circle { border-radius:initial!important; }
.btn { background-color:#E30014; border-radius:8px; color:#FFF; text-transform:uppercase; font-weight:bold; border:0px; padding-left:20px; padding-right:20px; padding-top:10px; padding-bottom:10px; letter-spacing:2px; }
.marketing .col-lg-4 p { margin-top:25px; margin-bottom:25px; }
.first-slide { background-image:url(../../assets/img/top.jpg); background-position:top center; background-size:cover; }
#myCarousel .item, #myCarousel .item > img { height:60px!important; }
.carousel .item { background-color:#000!important; }
.marketing { padding-top:10px; padding-bottom:10px; }
.carousel-caption {  text-align:left; position:relative; left:initial; right:initial; color:#333333; text-shadow:none;  }

.carousel-caption h1 { font-weight:normal; font-size:3.5em; }
.text-muted { display:block; text-align:left; font-size:2em; margin-bottom:15px; color:#333; }
.featurette h2, .lead { text-align:left; }
.featurette h2 {  color:#E30014;  }
.lead { font-size:1.2em; }
.marketing .col-lg-4 p { font-size:1.1em; }
.slogan { letter-spacing:0px; padding-top:19px; font-size:0.9em!important; }
.navbar-header { float:initial;}
footer { background-color:#FFFFFF; border-top:3px solid #E30014;  }
footer .container { padding-top:50px; padding-bottom:50px; text-align:center; }
footer .container h3 { color:#333333; font-size:1.2em; } 
.copyright { margin-top:20px; font-size:0.9em; }
.banner { height:500px; background-image:url(../../assets/img/top.jpg); background-position:top center; background-size:cover; }
#banner .carousel-inner > .item > img, #banner .item { height:500px!important; }
.featurette-heading { margin-top:20px!important; }
.lead-heading { padding-bottom:20px; font-size:3em; }
.headerlinks { position:absolute; right:0; top:15px; }
.headerlinks a { font-size:0.9em!important; text-transform:none; }
.loginbutton { padding-right:30px; color:#333; text-transform:uppercase;  }
.loginbutton:hover { text-decoration:none; color:#333; }
.search { width:70%; background-color:rgba(0,0,0,0.6); margin-left:auto; margin-right:auto;  padding:20px; margin-top:50px; border-radius:15px; }
.search-inner { background-color:#FFF; padding:25px; color:#999; text-shadow:none; }
.search-inner input { background-color:#F4F4F4; padding:15px; border-radius:10px; margin-left:15px; margin-right:15px; width:200px; -webkit-box-shadow: inset 8px 8px 8px -4px rgba(0,0,0,0.3); -moz-box-shadow: inset 8px 8px 8px -4px rgba(0,0,0,0.3); box-shadow: inset 8px 8px 8px -4px rgba(0,0,0,0.3); border:none; }


.underheader { background-color:#E30014; height:auto; color:#FFFFFF; }
.underheader .container { padding-top:5px; padding-bottom:5px; }
.underheader h3 { text-transform:uppercase; letter-spacing:1px; font-weight:bold; margin-top:0px; }
.carousel { height:auto!important; margin-bottom:0px!important; }
.footer-links li { list-style:none;padding-right:15px; display:inline-block; }
.footer-links { display:block; margin-top:25px; margin-bottom:35px; }

.btn-primary:hover, .berater-button:hover { background-color:#333; border:none; }
.btn-default:hover { background-color:#333; color:#FFF; }
.btn, .btn-default, .berater-button, .socialmedia .container img {  transition: .25s ease-in-out;  -moz-transition: .25s ease-in-out;  -webkit-transition: .25s ease-in-out; }

footer a { color:#FFF; opacity:0.8; }
footer a:hover { color:#FFF; opacity:0.9; text-decoration:none;  }
textarea:focus, input:focus { outline: none; }

.underheader .item .col-md-6 { background-color:#FFFFFF!important; padding:40px; margin-top:20px; margin-bottom:20px; border-right:1px solid #ECECEC; text-align:center;  }
.underheader .item .col-md-6 img { border-radius:50%; }

#myCarousel-Profil .carousel .item, #myCarousel-Profil .carousel-inner > .item > img { height:500px!important; }
.row { margin:0!important; }
.underheader input[type=text], .profilformular textarea { width:100%; border:none; display:block; padding:8px; margin-bottom:10px; color:#333; }
.underheader input[type=text] { background-position:right; background-repeat:no-repeat; }
.underheader textarea { height:120px; }
.underheader a { background-color:#FFFFFF; padding:8px; margin-right:10px; }
footer a, footer a:hover { color:#E30014; }

.headerline, .headerline2 { font-size:1.5em; }
.headerline { position:absolute; left:260px; top:35px; }
.headerline2 { position:absolute; right:0; top:35px; font-weight:bold; }

.itipleft { margin-bottom:0px; }
.itipleft h2 { background-color:#D51316; padding:5px; color:#FFFFFF; font-size:1em; margin-bottom:0px; font-weight:bold; margin-top:0px; }
.itipleft a {white-space: nowrap;  color:#333; padding-left:10px; padding-right:10px; padding-top:0px; padding-bottom:0px; display:block; }
.itipleft li {list-style:none; padding-left:30px; background-image:url(../../assets/img/circle.png); background-position:left; background-repeat:no-repeat; }
.itipleft ul { padding-left:0px; padding-top:5px; padding-bottom:5px; background-color:#F2F2F2;  }

.strassenbahn { margin-top:0px; }
.strassenbahn h3 { background-color:#D51316; height: 70px; padding:17px; color:#FFFFFF; font-size:1.0em; margin-bottom:0px; font-weight:bold; margin-top:0px; background-image:url(../../assets/img/Strassenbahn_Pikto_weiss_auf_rot_2014.svg); background-repeat:no-repeat; background-position:left; padding-left:60px; background-origin:padding-box; border:10px solid #D51316;  }
.strassenbahn .h31 {
    background-color: #D51316;
    padding: 17px;
    height: 70px;
    color: #FFFFFF;
    background-image:url();
    font-size: 1.0em;
    margin-bottom: 0px;
    font-weight: bold;
    margin-top: 0px;
    background-repeat: no-repeat;
    background-position: left;
    padding-left: 0px;
    background-origin: padding-box;
    border: 10px solid #D51316;
}
.autobus h3 { background-color:#273569;height: 70px; padding:17px; color:#FFFFFF; font-size:1.0em; margin-bottom:0px; font-weight:bold; margin-top:0px; background-image:url(../../assets/img/Bus_Pikto_2014_weißaufblau.svg); background-repeat:no-repeat; background-position:left; padding-left:60px; background-origin:padding-box; border:10px solid #273569; }
.autobus .h31 { background-color:#273569;height: 70px; padding:17px; color:#FFFFFF; font-size:1.0em; margin-bottom:0px; font-weight:bold; margin-top:0px; background-image:url(); background-repeat:no-repeat; background-position:left; padding-left:0px; background-origin:padding-box; border:10px solid #273569; }

.astax h3 { background-color:#273569;height: 70px; padding:17px; color:#FFFFFF; font-size:1.0em; margin-bottom:0px; font-weight:bold; margin-top:0px; background-image:url(../../assets/img/taxi-icon.png); background-repeat:no-repeat; background-position:left; padding-left:60px; background-origin:padding-box; border:10px solid #273569; }
.astax .h31 { background-color:#273569;height: 70px; padding:17px; color:#FFFFFF; font-size:1.0em; margin-bottom:0px; font-weight:bold; margin-top:0px; background-image:url(../../assets/img/taxi-icon.png); background-repeat:no-repeat; background-position:left; padding-left:60px; background-origin:padding-box; border:10px solid #273569; }

.nightline h3 { background-color:#273569;height: 70px; padding:17px; color:#FFFFFF; font-size:1.0em; margin-bottom:0px; font-weight:bold; margin-top:0px; background-image:url(../../assets/img/logo-nightline-rund.svg); background-repeat:no-repeat; background-position:left; padding-left:60px; background-origin:padding-box; border:10px solid #273569; }
.nightline .h31 { background-color:#273569;height: 70px; padding:17px; color:#FFFFFF; font-size:1.0em; margin-bottom:0px; font-weight:bold; margin-top:0px; background-image:url(); background-repeat:no-repeat; background-position:left; padding-left:0px; background-origin:padding-box; border:10px solid #273569; }

.ubahn h3 { background-color:#007CCE;height: 70px; padding:17px; color:#FFFFFF; font-size:1.0em; margin-bottom:0px; font-weight:bold; margin-top:0px; background-image:url(../../assets/img/U-symb-rand.svg); background-repeat:no-repeat; background-position:left; padding-left:60px; background-origin:padding-box; border:10px solid #007CCE; }
.ubahn .h31 { background-color:#007CCE;height: 70px; padding:17px; color:#FFFFFF; font-size:1.0em; margin-bottom:0px; font-weight:bold; margin-top:0px; background-image:url(); background-repeat:no-repeat; background-position:left; padding-left:0px; background-origin:padding-box; border:10px solid #007CCE; }

.timetable, .directiontable { background-color:#F2F2F2; padding:5px; margin-bottom:5px; }

.directiontable li a { line-height:2em; color:#333; padding-left:30px; }
.directiontable li a:hover { text-decoration:underline; color:white;  background-color: #0081c2; }
.directiontable li::before { content:" "; height:30px; width:2px; background-color:#000000; position:absolute; left:6px; z-index:0;  }
.directiontable li::after { content:" "; height:15px; width:15px; background-image:url(../../assets/img/circle-blank.png); position:absolute; left:0px; top:5px; z-index:1;  }
.directiontable li { position:relative; list-style:none; background-repeat:no-repeat; background-position:left;  }
.directiontable ul { padding-left:10px; }

a:hover { color:white; background-color: #0081c2; text-decoration:unterline; }


.main .directionone { padding-left:0px; }
.main .directiontwo { padding-right:0px; }

.number a {
    width: 35px;
    height: 30px;
    padding-top: 6px;
    text-align: center;
    background-color: #9E9E9E;
    display: inline-block;
    /* margin: 4px; */
    color: #FFF;
    font-weight: bold;
    margin-bottom: 8px;
    font-size: 12px;
}
.number a:hover { background-color:#666666; text-decoration:none; }
.number { display:inline-block; }

.kontaktbox { border:3px solid #F2F2F2; text-align:center; padding:25px;  }

.left { padding-left:0px!important;  }
.breadcrumb { margin-bottom:10px; border-bottom:2px solid #D51316; border-radius:0px; background:none; padding-left:0px; padding-right:0px;  }

.info { background-color:#DDDDDD; padding:3px; }

.directionresult { padding-top:0px; margin-top:0px; }

.result tr, .result td, .deta tr, .deta td { background-color:#F2F2F2; border:1px solid #FFFFFF; padding:3px; }
.resultheader tr, .resultheader td{ background-color:#ECECEC; }
.directionresult tr, .directionresult td { border:1px solid #FFFFFF; background-color:#F2F2F2; }

.imagebar {
    margin-left: auto;
    margin-right: auto;
}

.tt-dataset .tt-dropdown-menu {
    width: 100%;
    min-width: 160px;
    margin-top: 2px;
    padding: 5px 0;
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.2);
    *border-right-width: 2px;
    *border-bottom-width: 2px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
}
.tt-dataset .tt-suggestion {
    font-size: 15px;
}
.tt-dataset .tt-suggestion > p {
    display: block;
    padding: 3px 20px;
    margin-bottom: 0px;
    clear: both;
    font-weight: normal;
    line-height: 1.42857143;
    color: #333333;
    white-space: nowrap;
}
.tt-dataset .tt-suggestion > p:hover,
.tt-dataset .tt-suggestion > p:focus {
    color: #ffffff;
    text-decoration: none;
    outline: 0;
    background-color: #428bca;
}
.tt-dataset .tt-suggestion.tt-cursor {
     color: #fff;
     background-color: #0081c2;
     background-image: -moz-linear-gradient(top, #0088cc, #0077b3);
     background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0077b3));
     background-image: -webkit-linear-gradient(top, #0088cc, #0077b3);
     background-image: -o-linear-gradient(top, #0088cc, #0077b3);
     background-image: linear-gradient(to bottom, #0088cc, #0077b3);
     background-repeat: repeat-x;
     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0077b3', GradientType=0);
 }

.tt-dataset .tt-suggestion:hover {
    color: #fff;
    background-color: #0081c2;
    background-image: -moz-linear-gradient(top, #0088cc, #0077b3);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0077b3));
    background-image: -webkit-linear-gradient(top, #0088cc, #0077b3);
    background-image: -o-linear-gradient(top, #0088cc, #0077b3);
    background-image: linear-gradient(to bottom, #0088cc, #0077b3);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0077b3', GradientType=0);
}
span.twitter-typeahead {
    width: 60%;
}
.input-group span.twitter-typeahead {
    display: block !important;
}
.input-group span.twitter-typeahead .tt-dropdown-menu {
    top: 32px !important;
}
.input-group.input-group-lg span.twitter-typeahead .tt-dropdown-menu {
    top: 44px !important;
}
.input-group.input-group-sm span.twitter-typeahead .tt-dropdown-menu {
    top: 28px !important;
}




.tt-dataset {
    width: 100%;
    min-width: 160px;
    margin-top: 2px;
    padding: 5px 5px 5px 5px;
    background-color: #fff;
    border: 1px solid #ccc;
    color: black;
    font-weight: 400;
    border: 1px solid rgba(0, 0, 0, 0.2);
    *border-right-width: 2px;
    *border-bottom-width: 2px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
}


.filterlabel {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 0px;
    font-weight: 700;
}

.alert {
    padding: 3px;
    margin-bottom: 3px;
    border: 1px solid transparent;
    border-radius: 4px;
}

.buttonfav {
    font-size: 10px;
    letter-spacing: 0px;
    background-color: lightgreen;
    color: #979797;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 4px;
    padding-bottom: 4px;
}

.buttonrefresh {
    font-size: 10px;
    letter-spacing: 0px;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 4px;
    padding-bottom: 4px;
}

.directiontable .disabled li a {

    color: #ada5aa;

}


.disabled {
    pointer-events: none;
    cursor: default;
    color: #ada5aa;

}

.btndelfav {
    background-color: red;
    color: white;
}

.btndelfav:hover {
    background-color: red;
    color:grey;
}

.btnaddfav {
    color: black;
}

.btnaddfav:hover {
    color:grey;
}