/* cyrillic-ext */
@font-face {
  font-family: 'PT Sans Narrow';
  font-style: normal;
  font-weight: 400;
  src: url(../css/fonts/pt-sans-narrow.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'PT Sans Narrow';
  font-style: normal;
  font-weight: 400;
  src: url(../css/fonts/pt-sans-narrow.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* latin-ext */
@font-face {
  font-family: 'PT Sans Narrow';
  font-style: normal;
  font-weight: 400;
  src: url(../css/fonts/pt-sans-narrow.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'PT Sans Narrow';
  font-style: normal;
  font-weight: 400;
  src: url(../css/fonts/pt-sans-narrow.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
body {
    font-family: 'PT Sans Narrow', sans-serif;
    font-size: 16px;
    background: #fff;
    color: #333;
    /* background: linear-gradient(#eaeaea, #303030); /* instead of background: #fff; */
}

a {
    color: #000;
    text-decoration: none;
}

p a {
    color: #E90000;
}

.box {
    font-size: 14px;
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
    padding-left: 10px;
    box-shadow: 4px 4px 0px #9f9f9f;
    margin: 0;
    background: url('../images/box_bg.png');
}

.prices {
    width: 200px;
    padding-left: 30px;
    margin-top: 10px;
    margin-bottom: 10px;
    float: right;
}

.prices .disclaimer {
    font-size: 10px;
    margin-left: -20px;
}

.price {
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
    margin-top: 8px;
    padding: 5px 0;
    background: #d9d9d9;
    line-height: 25px;
    width: 200px;
    font-weight: bold;
}

body .noSpace {
    margin: 0;
    padding: 0;
}

ul.noSpace {
    padding-left: 20px;
}

#aboutBox {
    margin-bottom: 150px;
}

#aboutBox .row {
    margin-bottom: 10px;
}

#aboutBox .row .span2 {
    font-weight: bold;
}

#aboutBox ul li {
    margin: 7px 0;
}

#aboutBox ul li.first {
    margin: 0;
    margin-bottom: 7px;
}

h2 {
    padding: 0;
    padding-left: 26px;
    border-left: 11px solid #e90000;
    text-transform: uppercase;
    font-size: 400%;
    line-height: 79%;
    margin-left: -20px;
}



h3 {
    text-transform: uppercase;
    margin-top: 20px;
}

h2 {
    margin-top: 40px;
}

p {
    margin-bottom: 20px;
}

.price .span1 {
    margin-left: 8px;
}

.price .single-price {
    margin-left: 35px;
    width: 80px;
}

.contentSpacer {
    margin: 20px 0;
    height: 1px;
    background: #dcdcdc;
    border-bottom: 1px solid white;
    width: 100%;
    clear: both;
}

.copyright {
    margin-top: 50px;
    background: url('../images/box_bg.png');
    text-align: right;
    font-size: 12px;
    padding-right: 15px;
    clear: both;
}

.borderBottom {
    border-bottom: 1px dotted #9f9f9f;
    padding-bottom: 15px;
    margin-right: 15px;
    text-transform: uppercase;
}

#head {
    background: #eaeaea;
    position: fixed;
    width: 980px;
    height: 104px;
    z-index: 1000; /* none */
}

#head #logo {
    background: url('../images/logo.png') top right no-repeat;
    position: absolute;
    right: 20px;
    width: 122px;
    height: 93px;
    top: 43px;
}

#head .bubble {
    background: url('../images/bubble_nav.png') top right no-repeat;
    position: absolute;
    left: 0px;
    width: 300px;
    height: 223px;
    top: 0px;
}

#nav ul li.active a, #nav ul li a:hover, #nav ul li.activeNow a {
    background: url('../images/nav.png') 50% 0 no-repeat;
    color: #fff;
}

#nav {
    position: fixed;
}

#nav ul {
    margin-left: 20px;
    border-bottom: 1px dotted #9f9f9f;
    padding: 0;
    padding-bottom: 29px;
    padding-top: 10px;
    width: 834px;
    position: absolute;
}

#nav ul li {
    display: inline;
    margin: 15px 22px;
    font-size: 18px;
    text-transform: uppercase;
}

#nav ul li.first {
    margin-left: 0;
}

#nav ul li a {
    padding: 3px 24px 15px 24px;
}

#content {
    padding-top: 120px;
}

#outer {
    border-right: 1px solid #ccc;
    /* border-left: 1px solid #ccc; !* none */
    border-bottom: 1px solid #ccc;
    width: 980px;
    background: #eaeaea;
    /* margin-right: auto; /* none */
    /* margin-left: auto; /* none */
    /* -webkit-box-shadow: 0px 0px 15px 5px rgba(0, 0, 0, 0.75); /* none */
    /* -moz-box-shadow: 0px 0px 15px 5px rgba(0, 0, 0, 0.75); /* none */
    /* box-shadow: 0px 0px 15px 5px rgba(0, 0, 0, 0.75); /* none */
}

#head .top {
    border-bottom: 1px solid #cecece;
    height: 27px;
    background: url('../images/box_bg.png');
}

.hLine {
    padding-bottom: 30px;
    border-bottom: 1px dotted #9f9f9f;
    margin-right: 20px;
}

div ul {
    padding-left: 15px;
}

.map {
    background: url('../images/map.png') no-repeat;
    overflow: visible;
    position: absolute;
    top: 200px;
    left: 600px; /* 600px */
    width: 347px;
    height: 461px;
    /*margin-right: auto;*/
    /*margin-left: auto;*/
}

#about {
    margin-top: 140px;
}

#aboutSection {
    background: url('../images/bubble_about.png') right top no-repeat;
}

#impressumSection {
    background: url('../images/bubble_impressum.png') right top no-repeat;
    margin-bottom: 100px;
}

#datenschutzSection {
    background: url('../images/bubble_about.png') right top no-repeat;
    margin-bottom: 200px;
}

.loadPrice {
    cursor: pointer;
    width: 120px;
    height: 20px;
    text-align: right;
    padding-right: 35px;
    line-height: 25px;
}

.stationIcon {
    background: url('../images/station.png') 50% 100% no-repeat;
    width: 49px;
    height: 71px;
    position: absolute;
    bottom: 0;
    right: 0;
}

.loadPrice.active .stationIcon, .loadPrice.activeNow .stationIcon {
    background: url('../images/station_hover.png') 50% 100% no-repeat;
}

.loadPrice {
    /*position: absolute;*/
    z-index: 50;
    text-align: right;
}

.loadPrice.left {
    /*position: absolute;*/
    z-index: 10;
    text-align: right;
}

.loadPrice.left .cityName {
    position: absolute;
    left: 140px;
}

#stationBox .span4 h3 {
    padding-right: 20px;
}

.rightBorder {
    border-right: 1px dotted #9f9f9f;
    width: 309px;
    margin: 10px;
}

.phone {
    width: 127px;
}

.address {
    width: 150px;
}

.stationHL {
    /*border: 1px solid red;*/
    height: 40px;
    margin-bottom: 0;
}