/*!
 * vi CSS
 *
 */

.btn-invisible {
  display: inline-block;
  *display: inline;
  padding: 4px 14px;
  margin-bottom: 0;
  *margin-left: .3em;
  font-size: 14px;
  line-height: 20px;
  *line-height: 20px;
  color: #333333;
  text-align: center;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  vertical-align: middle;
  cursor: pointer;

}

.btn-autobahn {
  position:relative;
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #006dcc;
  *background-color: #0044cc;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
  background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
  background-image: -o-linear-gradient(top, #0088cc, #0044cc);
  background-image: linear-gradient(to bottom, #0088cc, #0044cc);
  background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
  background-repeat: repeat-x;
  border-color: #0044cc #0044cc #002a80;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0044cc', GradientType=0);
  filter: progid:dximagetransform.microsoft.gradient(enabled=false);

}

.btn-autobahn:hover,
.btn-autobahn:active,
.btn-autobahn.active,
.btn-autobahn.disabled,
.btn-autobahn[disabled] {
  color: #ffffff;
  background-color: #0044cc;
  *background-color: #003bb3;
}

.btn-autobahn:active,
.btn-autobahn.active {
  background-color: #003399 \9;
}

.btn-bundesstrasse {
  position:relative;
  color: #000000;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  border: 1px solid #000000;
  background-color: #ffcc33;
  *background-color: #ffcc33;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffcc33), to(#FFCC00));
  background-image: -webkit-linear-gradient(top, #ffcc33, #FFCC00);
  background-image: -o-linear-gradient(top, #ffcc33, #FFCC00);
  background-image: linear-gradient(to bottom, #ffcc33, #FFCC00);
  background-image: -moz-linear-gradient(top, #ffcc33, #FFCC00);
  background-repeat: repeat-x;
  border-color: #000000 #000000 #000000;
  border-color: rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.3);
  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ffcc33', endColorstr='#FFCC00', GradientType=0);
  filter: progid:dximagetransform.microsoft.gradient(enabled=false);

}

.btn-bundesstrasse:hover,
.btn-bundesstrasse:active,
.btn-bundesstrasse.active,
.btn-bundesstrasse.disabled,
.btn-bundesstrasse[disabled] {
  color: #000000;
  background-color: #ffcc33;
  *background-color: #000000;
}

.btn-bundesstrasse:active,
.btn-bundesstrasse.active {
  background-color: #ffcc33 \9;
}

.btn-landstrasse {
  position:relative;
  color: #000000;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  border: 1px solid #000000;
  background-color: #ffffff;
  *background-color: #ffffff;
  background-image: -webkit-gradient(linear, 0 0, 0 150%, from(#ffffff), to(#f0f0f0));
  background-image: -webkit-linear-gradient(top, #ffffff, #f0f0f0);
  background-image: -o-linear-gradient(top, #ffffff, #f0f0f0);
  background-image: linear-gradient(to bottom, #ffffff, #f0f0f0);
  background-image: -moz-linear-gradient(top, #ffffff, #f0f0f0);
  background-repeat: repeat-x;
  border-color: #000000 #000000 #000000;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ffffff', endColorstr='#f0f0f0', GradientType=0);
  filter: progid:dximagetransform.microsoft.gradient(enabled=false);

}

.btn-landstrasse:hover,
.btn-landstrasse:active,
.btn-landstrasse.active,
.btn-landstrasse.disabled,
.btn-landstrasse[disabled] {
  color: #000000;
  background-color: #ffffff;
  *background-color: #000000;
}

.btn-landstrasse:active,
.btn-landstrasse.active {
  background-color: #ffffff \9;
}

.btn-green {
  background: #65c31f;
  color: #ffffff;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.35);
  border-color: #57af17;
  font-weight: bold;
  background-color: #65c31f;
  background-image: -moz-linear-gradient(#94d52d, #65c31f);
  background-image: -o-linear-gradient(#94d52d, #65c31f);
  background-image: -ms-linear-gradient(#94d52d, #65c31f);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #94d52d), color-stop(1, #65c31f));
  background-image: -webkit-linear-gradient(#94d52d, #65c31f); }

.btn-green:hover {
  background-position: 0 0;
  border-color: #56ad14;
  color: #ffffff; }

.btn-green:active {
  background: #65c31f; }


.bg-bluegradient_desc {
  background: #1e5799; /* Old browsers */
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzFlNTc5OSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQyJSIgc3RvcC1jb2xvcj0iIzIwN2NjYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhOWNiZTUiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMjA3Y2NhIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzI5ODlkOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
  background: -moz-linear-gradient(top,  #1e5799 0%, #207cca 42%, #a9cbe5 100%, #207cca 100%, #2989d8 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1e5799), color-stop(42%,#207cca), color-stop(100%,#a9cbe5), color-stop(100%,#207cca), color-stop(100%,#2989d8)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #1e5799 0%,#207cca 42%,#a9cbe5 100%,#207cca 100%,#2989d8 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #1e5799 0%,#207cca 42%,#a9cbe5 100%,#207cca 100%,#2989d8 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #1e5799 0%,#207cca 42%,#a9cbe5 100%,#207cca 100%,#2989d8 100%); /* IE10+ */
  background: linear-gradient(to bottom,  #1e5799 0%,#207cca 42%,#a9cbe5 100%,#207cca 100%,#2989d8 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#2989d8',GradientType=0 ); /* IE6-8 */

}

.bg-greygradient_desc {
  background: #709DD9; /* Old browsers */
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VkZWRlZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUzJSIgc3RvcC1jb2xvcj0iI2Y2ZjZmNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top,  #ededed 0%, #709DD9 53%, #ffffff 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ededed), color-stop(53%,#709DD9), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #ededed 0%,#709DD9 53%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #ededed 0%,#709DD9 53%,#ffffff 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #ededed 0%,#709DD9 53%,#ffffff 100%); /* IE10+ */
  background: linear-gradient(to bottom,  #ededed 0%,#709DD9 53%,#ffffff 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#709DD9', endColorstr='#ffffff',GradientType=0 ); /* IE6-8 */
}


.font-white {
  color: #ffffff;
}

.font-red {
  color: #c50400;
}

.font-darkgrey {
  color: #5a5a5a;
}

.bg-lightgrey {
  background-color: #f0f0f0;
}

.bg-white {
  background-color: #ffffff;
}

.bg-lightblack {
  background-color: #5a5a5a;
}

.bg-warning {
  background-color: #FCF8E3;
}

.well-vi {
  margin-top: 15px;
  background-color: #ffffff;
  border: 1px solid #dfdfdf;
}

.well-search {
  min-height: 0px;
  padding: 15px;
  margin-bottom: 0px;
  border: 0px solid #dfdfdf;
  background-color: #ffffff;
}

.well-parambox {
  margin-top:10px;
  background-color: #ffffff;
  padding: 8px;
  border: 1px solid #e5e5e5;
}

.well-msg-road-block {
  min-height: 0px;
  padding: 5px;
  margin-top: 0px;
}

.container-content {
  padding: 8px;
}

.msg-region {
  padding: 2px;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 8px;
  line-height: 17px;
  background-color: #ffffff;
  color: #999999;
  font-style: italic;
}

.time-span {
  font-size: 12px;
  color: #999999;
  font-style: italic;
  margin: 0px 0px 3px;
}

.time-span-archive {
  font-size: 12px;
  color: #000000;
  margin: 0px 0px 3px;
}

.time-span-version {
  color: #999999;
  margin: 0px 0px 3px;
}

.text-right {
  text-align: right;
}

.text-center {
  text-align: center;
}

.text-left {
  text-align: left;
}

.push-center {
  margin-left: auto;
  margin-right: auto;
  float: none;
}

.divider20 {
  min-height: 20px;
}

.divider10 {
  min-height: 10px;
}

.low-margin-bottom, .mbox {
  margin-bottom: 4px;
}

.no-margin-bottom {
  margin-bottom: 0px;
}

.no-margin-left {
  margin-left: 0px;
}

.medium-margin-bottom {
  margin-bottom: 12px;
}
.large-margin-bottom {
  margin-bottom: 20px;
}

.contentbar2 {
  background-color: rgb(245,245,245);
  border-top: 1px solid rgb(204, 204, 204);
  padding: 20px;
}

.contentbar3 {
  background-color: #fbfbfb;
  border-top: 1px solid #f0f0f0;
  margin-top: 20px;
}

.contentbar-dark {
  background-color: rgb(77,77,77);
  color: #ffffff;
  padding-bottom: 10px;
  padding-top: 10px;
  padding-left: 24px;
}

.header-home {
  background: rgb(34,34,34) url('/assets/img/headerbackground.jpg') no-repeat center top;
  height: 255px;
}

.footer {
  background: rgb(230,230,230);
  color: #5a5a5a;
  padding-top: 15px;
  padding-right: 8px;
  padding-bottom: 5px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0px;
}

.header-search {
  height: 60px;
  border-top: 1px solid rgb(221, 221, 221);
  border-bottom: 1px solid rgb(204, 204, 204);
  background: rgb(34,34,34) url('/assets/img/headerbackground.jpg') no-repeat center top;
}

.thumbnail-home {
  padding: 10px;
  background-color: rgb(245,245,245);
  border: 0px;
  box-shadow: none;
}

.thumbnail-staumelder {
  padding: 10px;
  background-color: rgb(255,255,255);
  border: 0px;
  box-shadow: none;
}

.header-search-phone {
  height: 50px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  border-bottom: 1px solid rgb(204, 204, 204);
  background: #EBEFF9 no-repeat center top;
}

.hero-unit-vi {
  padding: 24px;
  background-color: #ffffff;
}

.hero-unit-home {
  background: none;
  padding-left: 27px;
  padding-top: 35px;
  padding-bottom: 10px;                }
    .hero-unit-home h1 {
      font-size: 40px;
      line-height: 1.1;
      font-weight: bold;
      color: #ffffff;
      text-shadow: 0 1px 4px rgba(0, 0, 0, 1);}
    .hero-unit-home h1 small {
      font-weight: normal;
      color: #ffffff;
      display: block;
      font-size: 22px;
      text-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
      margin-top: 10px; }
    .hero-unit-home .btn {
      font-size: 24px;
      height: 54px;
      padding: 12px 22px;
      text-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
      font-weight: bold;
      margin-top: 15px;
      background: #5bb900;
      box-shadow: none;
      border: 0; }
    .hero-unit-home .btn:hover {
      background: #50a300; }
    .hero-unit-home p {
      margin: 15px 0;
      font-size: 20px; }
    .hero-unit-home input {
      height: 40px;
      font-size: 24px;
      padding: 6px 10px;
      margin-top: 15px;
      box-shadow: none;}

img.arrowup {
  position:relative;
  top:238px;
  left:150px;
  width: 44px;
  height: 25px;
  z-index: 2;
}

img.stau-icon {
  height:12px;
  width:18px;
  margin-right:4px;
}

img.magnify-icon {
  height:16px; width:16px; margin-right:4px;
  vertical-align: top;
}
img.edit {
  vertical-align: top;
  margin-top:4px;
  margin-left:-1px;
  opacity: 0.5;
}
img.trash {
  vertical-align: top;
  margin-top:5px;
  margin-left:-1px;
  opacity: 0.5;
}

img.nav-img {
  opacity: 0.65;
  height: 80%;
  width: 80%;
}

.badge-small {
  /* custom */
  font-size: 10.844px;
  line-height: 12px;
  padding: 1px 5px 2px;
  font-weight: normal;
}

.badge-counter {
  border-radius: 8px;
  padding: 2px 5px;
  font-size: 11px;
  position: relative;
  top:-8px;
  left:-10px
}

.badge-counter-d0 {
  /* road view */
  border-radius: 8px;
  padding: 2px 5px;
  font-size: 11px;
  position: relative;
  top:-80px;
  left:83px;
  z-index:12;
}

.badge-counter-d1 {
  /* road view */
  border-radius: 8px;
  padding: 2px 5px;
  font-size: 11px;
  position: relative;
  top:-33px;
  left:-2px;
  z-index:12;
}

.badge-counter-d2 {
  /* road view */
  border-radius: 8px;
  padding: 2px 5px;
  font-size: 11px;
  position: relative;
  top:-31px;
  left:5px;
  z-index:12;
}

.label-small {
  font-size: 10.844px;
  line-height: 12px;
  padding: 1px 5px 2px;
  font-weight: normal;
}

.label-white {
  background-color: #ffffff;
  color: rgb(110,110,110);
  border-width: 1px;
  border-style: solid;
  border-color: rgb(210,210,210);
  text-shadow: 0px 0px 0px;
}

.label-msg {
  margin-left:8px;
  margin-top:3px
}

.btn-strasse {
  /* custom */
  margin-bottom: 9px;
  margin-right: 6px;
  line-height: 18px;
  padding: 4px 10px;
  font-weight: normal;
}

.btn-strasse-searchresult {
  /* custom */
  margin-bottom: 2px;
  margin-right: auto;
  margin-left: auto;
  margin-top: 7px;
  line-height: 14px;
  padding: 4px 5px;
  font-weight: normal;
  font-size: 11px;
  white-space: nowrap;
  min-width: 24px;
}

.no-min-height [class*="span"] {
  /* e.g. when displaying message body in row-fluid */
  min-height: 0px;
}

button.image {
  padding: 0px;
  cursor: pointer;
  background: transparent;
  border: 0px;
  vertical-align: top;
  -webkit-appearance: none;
}

.btn-facebook {
    background-color: #586B93;
    background-image: linear-gradient(to bottom, #7787A7, #586B93);
    background-repeat: repeat-x;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    color: #FFFFFF;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.btn-facebook:hover,
.btn-facebook:active,
.btn-facebook.active,
.btn-facebook.disabled,
.btn-facebook[disabled] {
  color: #ffffff;
  background-color:  #586B93;
  *background-color: #499249;
}

.btn-success:active,
.btn-success.active {
  background-color: #408140 \9;
}

.border-right-grey {
  border-top-style:none;
  border-bottom-style:none;
  border-left-style:none;
  border-right-style:solid;
  border-right-width:1px;
  border-right-color: rgb(204,204,204);
}

.border-left-grey {
  border-top-style:none;
  border-bottom-style:none;
  border-left-style:solid;
  border-right-style:none;
  border-left-width:1px;
  border-left-color:rgb(204,204,204);
}

.border-grey {
  border-top-style:solid;
  border-bottom-style:solid;
  border-left-style:solid;
  border-right-style:solid;
  border-width:1px;
  border-color: rgb(204,204,204);
}

.border-bottom-grey {
  border-top-style:none;
  border-bottom-style:solid;
  border-left-style:none;
  border-right-style:none;
  border-width:1px;
  border-color: rgb(204,204,204);
}

.hr-msg-road-block {
  border-top-style:solid;
  border-bottom-style:none;
  border-left-style:noe;
  border-right-style:none;
  border-left-width:1px;
  border-left-color:#dfdfdf;
  margin:5px 0px;
}

.parambox-head {
  border-top:solid 1px rgb(204,204,204);
}

.parambox-head-arrow {
  margin-top:7px;
  margin-right:5px;
}

.parambox-headline {
  margin-left:11px;
  margin-bottom:5px;
  color: rgb(102,102,102);
}

.parambox-input,
.parambox-select {
  color: rgb(102,102,102);
  padding-left:1px;
  padding-right:2px;
  padding-top:3px;
  padding-bottom:3px;
  font-size:12px;
  border-color:#dfdfdf;
  height:26px;
}

.parambox-select-container {
  margin-left:37px;
  margin-top:8px;
  margin-bottom:0px
}

.parambox-select-container-home {
  margin-left:10px;
  margin-top:5px;
  margin-bottom:0px
}

.parambox-road-buttons {
  margin-left:37px;
  margin-right: 10px;
}

.navigationbox {
  border-top:solid 1px rgb(204,204,204);
  padding-top:8px;
  padding-bottom:8px;
  padding-left:15px;
  padding-right:5px;
}

.content-paragraph {
  margin-left: 6px;
  max-width: 600px;
}

.content-paragraph-full {
  margin-left: 6px;
}

.fixed-top {
  top:0;
  position: fixed;
  right: 0;
  left: 0;
  z-index: 500;
  margin-bottom: 0;
}

.extendlink {}
.extendform {}

.padding-left-10 {
  padding-left: 10px;
}

.check-list li {
  background: url("/assets/img/icons/check_box.png") no-repeat scroll 0px 4px transparent;
  /*background-positon: 7px 0px;*/
  padding: 0 0 0 21px;
  list-style: none outside none;
  margin-left:-25px;
}

.ordered-list-wide li {
  padding: 0 0 0 10px;
  margin-left:-5px;
  margin-bottom:10px;
  line-height:25px;
  font-size:18px;
}

.login-item {
  min-width: 100px;
  min-height: 30px;
  border: 1px solid rgb(212, 212, 212);
  border-radius: 4px 4px 4px 4px;
}

a.white {
  color: #ffffff;
  text-decoration: none;
}

a.white:hover {
  text-decoration: underline;
}

a.black {
  color: #000000;
  text-decoration: none;
}

a.black:hover {
  text-decoration: none;
}

a.blue {
  color: #5a5a5a;
  text-decoration: none;
}

a.blue:hover {
  text-decoration: none;
}

.position-relative {
  position: relative;
}

.signup-checkmark {
  position: absolute;
  left: 270px;
  top: 18px;
}

.modal-small {
  max-height: 525px;
  width: 355px;
}

.no-wrap {
  white-space:nowrap;
}

#container_map img{
  max-width: none;
}

.top-info {
  background-color: #FCF8E3;
  color: #000000;
  left:27%;
  padding: 3px 6px;
  position: fixed;
  top: 0;
  z-index: 10000;
  border-radius: 0 0 5px 5px;
  border: 1px solid #CCCCCC;
  font-weight: bold;
  padding: 3px 16px;
  margin: 0;
  outline-style: none;
  font-size:90%;
}

.headerbox {
  border: 1px solid #E5E5E5;
  border-radius: 4px 4px 4px 4px;
  margin-bottom: 2px;
  margin-left:22px;
  margin-right:22px;
  display: block;
}

.headerbox-head {
  display: block;
  padding: 4px 15px;
  border-bottom: 0 none;
  background-color: #EDEDED;
  position: relative;
}

.headerbox-body {
  padding: 10px 15px;
}

.process-bar {
  background-color: #ffffff;
  border-radius: 4px 4px 4px 4px;
  list-style: none outside none;
  font-size: 16px;
  margin: 0 0 0px;
  padding: 8px 0px;
}

.process-bar .divider {
  padding: 0 5px;
  color: #ccc;
}

.process-bar li {
  display: inline-block;
  *display: inline;
  text-shadow: 0 1px 0 #ffffff;
  *zoom: 1;
}

.process-bar .inactive a {
  color: #999999;
}

.process-bar .active a {
  color: #333333;
}

.process-bar .active {
  font-weight:bold;
}

.process-bar .inactive {
  color: #999999;
}

.opaque {
  opacity:0.4;
}

.margin-top5 {
  margin-top:5px;
}

.margin-top15 {
  margin-top:15px;
}

.margin-top35 {
  margin-top:35px;
}

td.no-border, no-border {
  border-top:0px;
}

table.low-bottom {
  margin-bottom:4px
}

.header-box-grey {
  /* mimics theader for divs */
  line-height: 20px;
  padding: 8px;
  background-color: #f5f5f5;
  border-bottom: 1px solid #DDDDDD;
}

.centered-full-button {
  /* zentrierter Button fuer mobile */
  width:270px;
  margin:auto;
}

td.picto {
  width:50px;
}

img.picto {
  margin-top:6px; width:50px; height:50px;
  border-radius:6px;
  object-fit:cover;
}

.old-msg-box {
  margin-top:8px;
  border-bottom: 1px solid #DDDDDD;
}

.old-msg-box-time {
  vertical-align: top;
  padding-left:8px;
}

.old-msg-box-content {
  vertical-align: top;
  margin-bottom: 10px;
  padding-left:8px
}

td.valign-center, valign-center {
  vertical-align: middle;
}

span.icon-bar {
  background-color: #4d4d4d;
  border-radius: 1px;
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
  display: block;
  height: 2px;
  width: 18px;
}

.visible-login {}
.visible-logout {}

.menu-btn-container {
  float:left;
  margin-top:10px;
  margin-left:6px;
  margin-right:2px;
}

.mobile-menu-wrapper {
  width:320px;
  margin-left:auto;
  margin-right:auto;
}

.btn-narrow {
  padding:4px 11px;
}

.feedback-count {
  position: relative;
  width: 20px;
  height: 17px;
  padding: 0px;
  background: #FFFFFF;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  border: #7F7F7F solid 1px;
}

.feedback-count:after {
  content: '';
  position: absolute;
  border-style: solid;
  border-width: 3px 5px 3px 0;
  border-color: transparent #FFFFFF;
  display: block;
  width: 0;
  z-index: 1;
  left: -5px;
  top: 4px;
}

.feedback-count:before {
  content: '';
  position: absolute;
  border-style: solid;
  border-width: 3px 5px 3px 0;
  border-color: transparent #7F7F7F;
  display: block;
  width: 0;
  z-index: 0;
  left: -6px;
  top: 4px;
}

.feedback-wrapper {
  width: 92px;
  /*overflow: auto;*/
  cursor: pointer;
}

.feedback-wrapper-incorrect {
  width: 120px;
  float: left;
  cursor: pointer;
}

.feedback-content {
  float:left;
  width:52px;
}

.feedback-content-incorrect {
  float:left;
  width:77px;
}

.feedback-counter {
  float:left;
  margin-top:2px;
  width:40px;
  font-size:11px;
}

.form-create-account {
    -moz-box-sizing: border-box;
    margin: 10px auto 0;
    padding: 15px;
}

.separator:before {
    border-bottom: 1px solid #CCCCCC;
    content: "";
    left: 0;
    position: absolute;
    top: 50%;
    width: 43%;
}
.separator:after {
    border-bottom: 1px solid #CCCCCC;
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    width: 43%;
}
.separator {
    display: block;
    margin: 10px 0 20px;
    position: relative;
    text-align: center;
}

span.grey-region {
  color: #999999;
  font-style: italic;
}

.container-carousel-outer {
  margin-left:55px; margin-right:55px; margin-top:10px;
}

.container-carousel-inner {
  max-width:750px; margin-left:auto; margin-right:auto;
}

.carousel-indicators {
    list-style: none outside none;
    /*margin: 0;*/
    position: absolute;
    /*right: 15px;*/
    /*top: 15px;*/
    z-index: 5;
}
.carousel-indicators li {
    background-color: rgba(0, 0, 0, 0.25);
    border-radius: 5px;
    display: block;
    float: left;
    height: 10px;
    margin-left: 5px;
    text-indent: -999px;
    width: 10px;
}
.carousel-indicators .active {
    background-color: #000000;
}

.carousel-content {
  margin-left:0px;
  margin-right:0px;
  height:400px;
  text-align:justify;
  overflow:auto;
}

.locBoxRowWrapper{
   position: relative;
   width: 300px;
   height:25px;
   margin: 0 auto;
   background-color: #ffffff;
}
.lbe {
   position: relative;
   float: left;
}
.lbe-side {
   width: 115px;
   height: 25px;
   background-color: #ffffff;
}
.lbe-lane {
   width: 28px;
   height: 25px;
   background-color: #dff0d8;
   border-left: 1px solid #dfdfdf;
   border-right: 1px solid #dfdfdf;
}
.lbe-middle {
   width: 10px;
   height: 25px;
   background-color: #ffffff;
}

.lbe-side-mid {
   width: 115px;
   height: 23px;
   background-color: #ffffff;
}
.lbe-lane-mid {
   width: 28px;
   height: 23px;
   background-color: #dff0d8;
   border-left: 1px solid #dfdfdf;
   border-right: 1px solid #dfdfdf;
}
.lbe-middle-mid {
   width: 10px;
   height: 23px;
   background-color: #ffffff;
}

.bgwhite { background-color: #ffffff; border:none;}
.bgred { background-color: #eed3d7;} /* #f2dede */
.bgdarkgreen { background-color: #d6e9c6; }
.bgyellow { background-color: #fbeed5; } /* #fcf8e3 */

.locName {
  height:0px;
  text-align:center;
}
.locName.d0 {
  height:0px;
  text-align:right;
}
.midbox {
  height:23px;
}

.badge.locpoint-road {
  border-radius: 4px;
  font-size: 11px;
  left: 1px;
  padding: 4px 7px;
  position: relative;
  top: 9px;
  z-index:10;
  letter-spacing: 0.05em;
  cursor:pointer;
}

.badge.locpoint-feature-d0 {
  border-radius: 4px;
  font-size: 11px;
  right: 151px;
  padding: 3px 7px;
  position: relative;
  top: 9px;
  z-index:2;
  letter-spacing: 0.05em;
}

.badge.locpoint-feature-d1 {
  border-radius: 4px;
  font-size: 11px;
  left: 5px;
  padding: 3px 7px;
  position: relative;
  top: 9px;
  z-index:10;
  letter-spacing: 0.05em;
}

.badge.locpoint-feature-d11 {
  border-radius: 4px;
  font-size: 11px;
  left: 1px;
  padding: 3px 7px;
  position: relative;
  top: 9px;
  z-index:10;
  letter-spacing: 0.05em;
}

.standard {
  background-color: #ffffff;
  border: 1px solid #999999;
  color:#000000;
  font-weight: normal;
  text-shadow: none;
}

.locpoint-road.bab {
  background-color: #006dcc;
  background-image: -moz-linear-gradient(center top , #0088cc, #0044cc);
  background-repeat: repeat-x;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  color: #ffffff;
  position: relative;
  font-weight:normal;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.icon-abkreuz {
    background-position: -2px -4px;
    background-image: url("/assets/img/icons/autobahnkreuz.png");
    height: 20px;
    width: 20px;
}
.icon-ausfahrt {
    background-position: 1px 0px;
    background-image: url("/assets/img/icons/ausfahrt.png");
    height: 20px;
    width: 20px;
}
.icon-parkplatz { background-image: url("/assets/img/icons/parkplatz.png"); background-position: 0 0;}
.icon-rastplatz { background-image: url("/assets/img/icons/rastplatz.png"); background-position: 0 0;}
.icon-tankstelle { background-image: url("/assets/img/icons/tankstelle.png"); background-position: 0 0;}
.icon-baustelle { background-image: url("/assets/img/icons/s_baustelle.png"); background-position: 0 0;}
.icon-staugefahr { background-image: url("/assets/img/icons/s_staugefahr.png"); background-position: 0 0;}
.icon-stau { background-image: url("/assets/img/icons/s_stau.png"); background-position: 0 0;}
.icon-gefahr { background-image: url("/assets/img/icons/s_gefahr.png"); background-position: 0 0;}

.dirpointerup { width:300px; z-index:100; top:0px; text-align:right; background-color:#ffffff;}
.dirpointerdown { width:300px; z-index:100; bottom:0px; text-align:left; background-color:#ffffff; }
.originpointer { left:-20px; top:10px; position:relative; z-index:400; }

.msginfo-d0 {
    height: 0;
    float: right;
    cursor:pointer;
}

.msginfo-d1 {
    height: 0;
    float: left;
    cursor:pointer;
}

.msginfo-d2 {
    height: 0;
    width: 100px;
    text-align:center;
    cursor:pointer;
}

.msginfo-bubble-d1 {
  position: relative;
  padding: 4px;
  background: #FFFFFF;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 4px;
  border: #7F7F7F solid 1px;

  font-size: 11px;
  letter-spacing: 0.05em;
  z-index: 9;
  left: 7px;
  top: 15px;
}
.msginfo-bubble-d1:after {
  content: '';
  position: absolute;
  border-style: solid;
  border-width: 3px 6px 3px 0;
  border-color: transparent #FFFFFF;
  display: block;
  width: 0;
  z-index: 1;
  left: -4px;
  top: 14px;
}
.msginfo-bubble-d1:before {
  content: '';
  position: absolute;
  border-style: solid;
  border-width: 3px 5px 3px 0;
  border-color: transparent #7F7F7F;
  display: block;
  width: 0;
  z-index: 0;
  left: -6px;
  top: 14px;
}

.msginfo-bubble-d1-ndmsg {
  position: relative;
  padding: 4px;
  background: #FFFFFF;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 4px;
  border: #7F7F7F solid 1px;

  font-size: 11px;
  letter-spacing: 0.05em;
  z-index: 12;
  left: 7px;
  top: 57px; /* only difference to parent */
}
.msginfo-bubble-d1-ndmsg:after {
  content: '';
  position: absolute;
  border-style: solid;
  border-width: 3px 6px 3px 0;
  border-color: transparent #FFFFFF;
  display: block;
  width: 0;
  z-index: 1;
  left: -4px;
  top: 14px;
}
.msginfo-bubble-d1-ndmsg:before {
  content: '';
  position: absolute;
  border-style: solid;
  border-width: 3px 5px 3px 0;
  border-color: transparent #7F7F7F;
  display: block;
  width: 0;
  z-index: 0;
  left: -6px;
  top: 14px;
}


.msginfo-bubble-d2 {
    background: none repeat scroll 0 0 #ffffff;
    border: 1px solid #7f7f7f;
    border-radius: 4px;
    font-size: 11px;
    letter-spacing: 0.05em;
    padding: 4px;
    position: relative;
    left: -46px;
    top: 17px;
    z-index: 12;
}

.msginfo-bubble-d0 {
    background: none repeat scroll 0 0 #ffffff;
    border: 1px solid #7f7f7f;
    border-radius: 4px;
    font-size: 11px;
    letter-spacing: 0.05em;
    padding: 4px;
    position: relative;
    right: 9px;
    top: -33px;
    z-index: 12;
}
.msginfo-bubble-d0:before {
    border-color: transparent #7f7f7f;
    border-style: solid;
    border-width: 5px 0 5px 7px;
    content: "";
    display: block;
    position: absolute;
    right: -8px;
    top: 14px;
    width: 0;
    z-index: 0;
}
.msginfo-bubble-d0:after {
    border-color: transparent #ffffff;
    border-style: solid;
    border-width: 5px 0 5px 7px;
    content: "";
    display: block;
    position: absolute;
    right: -7px;
    top: 14px;
    width: 0;
    z-index: 1;
}

.msginfo-bubble-d0-ndmsg {
    background: none repeat scroll 0 0 #ffffff;
    border: 1px solid #7f7f7f;
    border-radius: 4px;
    font-size: 11px;
    letter-spacing: 0.05em;
    padding: 4px;
    position: relative;
    right: 9px;
    top: -75px;
    z-index: 12;
}
.msginfo-bubble-d0-ndmsg:before {
    border-color: transparent #7f7f7f;
    border-style: solid;
    border-width: 5px 0 5px 7px;
    content: "";
    display: block;
    position: absolute;
    right: -8px;
    top: 14px;
    width: 0;
    z-index: 0;
}
.msginfo-bubble-d0-ndmsg:after {
    border-color: transparent #ffffff;
    border-style: solid;
    border-width: 5px 0 5px 7px;
    content: "";
    display: block;
    position: absolute;
    right: -7px;
    top: 14px;
    width: 0;
    z-index: 1;
}

.pricing-box-head {
  margin: auto;
  border-style: dashed;
  border-width: 1px;
  border-radius:3px;
  width:60%;
  padding: 10px;
  position: relative;
  top:15px;
  z-index: 9999;
  opacity:1;
  background-color: #f0f0f0;
}

.switch {
  position: relative;
  display: inline-block;
  width: 210px;
  height: 34px;
}

.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #5bb75b;
  -webkit-transition: .4s;
  transition: .4s;
  border-radius: 25px;
  padding-top:7px;
  padding-left:0px;
  color: #fff;
}

.slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 100px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
  opacity: 0.30;
  border-radius: 25px;
}

input:checked + .slider:before {
  -webkit-transform: translateX(102px);
  -ms-transform: translateX(102px);
  transform: translateX(102px);
}