/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block; }

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after, q:before, q:after {
  content: '';
  content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

/* CLEARFIX */
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0; }

.clearfix {
  display: inline-block; }

html[xmlns] .clearfix {
  display: block; }

* html .clearfix {
  height: 1%; }

/* FROM BOOTSTRAP */
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

/* Fonts */
/*
This font software is the property of Commercial Type.

You may not modify the font software, use it on another website, or install it on a computer.

License information is available at http://commercialtype.com/eula
For more information please visit Commercial Type at http://commercialtype.com or email us at info[at]commercialtype.com

Copyright (C) 2013 Schwartzco Inc.
License: 1312-PEGFLC     
*/
@font-face {
  font-family: "Publico Headline";
  src: url("http://www.tagesanzeiger.ch/css/fonts/publico/PublicoHeadline-Medium-Web.eot");
  src: url("http://www.tagesanzeiger.ch/css/fonts/publico/PublicoHeadline-Medium-Web.eot?#iefix") format("embedded-opentype"), url("http://www.tagesanzeiger.ch/css/fonts/publico/PublicoHeadline-Medium-Web.woff") format("woff"), url("http://www.tagesanzeiger.ch/css/fonts/publico/PublicoHeadline-Medium-Web.ttf") format("truetype"), url("http://www.tagesanzeiger.ch/css/fonts/publico/PublicoHeadline-Medium-Web.svg") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: "Publico Headline";
  src: url("http://www.tagesanzeiger.ch/css/fonts/publico/PublicoHeadline-Bold-Web.eot");
  src: url("http://www.tagesanzeiger.ch/css/fonts/publico/PublicoHeadline-Bold-Web.eot?#iefix") format("embedded-opentype"), url("http://www.tagesanzeiger.ch/css/fonts/publico/PublicoHeadline-Bold-Web.woff") format("woff"), url("http://www.tagesanzeiger.ch/css/fonts/publico/PublicoHeadline-Bold-Web.ttf") format("truetype"), url("http://www.tagesanzeiger.ch/css/fonts/publico/PublicoHeadline-Bold-Web.svg") format("svg");
  font-weight: bold;
  font-style: normal; }

/*
This CSS resource incorporates links to font software which is 
the valuable copyrighted property of WebType LLC, The Font Bureau, 
and/or their suppliers. You may not 
attempt to copy, install, redistribute, convert, modify or reverse 
engineer this font software. Please contact WebType with any 
questions: http://www.webtype.com 
*/
@font-face {
  font-family: "Benton Sans Cond Black";
  src: url("http://www.tagesanzeiger.ch/css/fonts/benton/3d37dcaf-9dfb-45f0-bd8f-a635fea92d0b-2.eot");
  src: url("http://www.tagesanzeiger.ch/css/fonts/benton/3d37dcaf-9dfb-45f0-bd8f-a635fea92d0b-2.eot?") format("embedded-opentype"), url("http://www.tagesanzeiger.ch/css/fonts/benton/3d37dcaf-9dfb-45f0-bd8f-a635fea92d0b-3.woff") format("woff"), url("http://www.tagesanzeiger.ch/css/fonts/benton/3d37dcaf-9dfb-45f0-bd8f-a635fea92d0b-1.ttf") format("truetype"), url("http://www.tagesanzeiger.ch/css/fonts/benton/3d37dcaf-9dfb-45f0-bd8f-a635fea92d0b-4.svg#web") format("svg");
  font-style: normal;
  font-weight: bold; }

@font-face {
  font-family: "Benton Sans Cond Light";
  src: url("http://www.tagesanzeiger.ch/css/fonts/benton/2e86b3e0-b624-4270-befe-3f44606d827a-2.eot");
  src: url("http://www.tagesanzeiger.ch/css/fonts/benton/2e86b3e0-b624-4270-befe-3f44606d827a-2.eot?") format("embedded-opentype"), url("http://www.tagesanzeiger.ch/css/fonts/benton/2e86b3e0-b624-4270-befe-3f44606d827a-3.woff") format("woff"), url("http://www.tagesanzeiger.ch/css/fonts/benton/2e86b3e0-b624-4270-befe-3f44606d827a-1.ttf") format("truetype"), url("http://www.tagesanzeiger.ch/css/fonts/benton/2e86b3e0-b624-4270-befe-3f44606d827a-4.svg#web") format("svg");
  font-style: normal;
  font-weight: normal; }

@font-face {
  font-family: "Benton Sans Cond";
  src: url("http://www.tagesanzeiger.ch/css/fonts/benton/7bb9e5d1-f5d9-4a09-8b5d-770aa2f4228e-2.eot");
  src: url("http://www.tagesanzeiger.ch/css/fonts/benton/7bb9e5d1-f5d9-4a09-8b5d-770aa2f4228e-2.eot?") format("embedded-opentype"), url("http://www.tagesanzeiger.ch/css/fonts/benton/7bb9e5d1-f5d9-4a09-8b5d-770aa2f4228e-3.woff") format("woff"), url("http://www.tagesanzeiger.ch/css/fonts/benton/7bb9e5d1-f5d9-4a09-8b5d-770aa2f4228e-1.ttf") format("truetype"), url("http://www.tagesanzeiger.ch/css/fonts/benton/7bb9e5d1-f5d9-4a09-8b5d-770aa2f4228e-4.svg#web") format("svg");
  font-style: normal;
  font-weight: normal; }

/* FONTAWESOME */
@font-face {
  font-family: "fontawesome";
  src: url("../data/fonts/fontawesome-webfont.eot?v=4.0.3");
  src: url("../data/fonts/fontawesome-webfont.eot?#iefix&v=4.0.3") format("embedded-opentype"), url("../data/fonts/fontawesome-webfont.woff?v=4.0.3") format("woff"), url("../data/fonts/fontawesome-webfont.ttf?v=4.0.3") format("truetype"), url("../data/fonts/fontawesome-webfont.svg?v=4.0.3#fontawesomeregular") format("svg");
  font-weight: normal;
  font-style: normal; }

body {
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%;
  font-family: "Benton Sans ond"; }

p {
  font-family: "Benton Sans Cond";
  font-size: 16px;
  line-height: 22px;
  margin-bottom: 20px; }

h1, h2 {
  font-family: "Publico Headline";
  margin: 0 0 4px 0; }

h1 {
  color: #191919;
  font-size: 48px;
  line-height: 50px; }

body.mobile h1 {
  font-family: "Publico Headline",Georgia,serif;
  font-weight: 400;
  font-style: normal;
  font-size: 24px;
  line-height: 26px;
  margin: 12px 0; }

h3 {
  font-family: "Benton Sans Cond";
  font-size: 22px;
  line-height: 25px;
  margin-bottom: 20px; }

h2 {
  font-family: "Benton Sans Cond Black";
  font-size: 22px;
  line-height: 25px;
  margin-bottom: 20px; }

h1 small, h2 small, h3 small {
  font-size: 16px; }

strong {
  color: #000000;
  font-family: "Benton Sans Cond Black"; }

a {
  color: #007abf;
  text-decoration: none; }

a:hover {
  color: #222222; }

svg text {
  font-family: "Benton Sans Cond";
  font-weight: normal;
  fill: #222222;
  font-size: 14px;
  line-height: 14px; }

/*
.bx-wrapper {
    max-width: 420px !important;
}
*/
#header a.logo {
  background-image: url('../imgs/sprite@2x.png');
  background-size: 376px 176px; }

body.host-derbund a.logo {
  background-position: -2px -91px;
  width: 140px;
  height: 41px;
  top: 9px; }

body.host-bernerzeitung a.logo {
  background-position: -147px -91px;
  width: 186px;
  height: 20px; }

body.host-baz a.logo, body.host-bazonline a.logo {
  background-position: -185px -2px;
  width: 189px;
  height: 38px;
  top: 9px; }

body.host-lematin a.logo {
  background-position: -2px -51px;
  width: 187px;
  height: 35px; }

body.host-tagi a.logo, body.host-tagesanzeiger a.logo, body.host-tages-anzeiger a.logo {
  background-position: -195px -51px;
  width: 165px;
  height: 35px; }

body.host-tdg a.logo {
  background-position: -2px -137px;
  width: 103px;
  height: 36px; }

body.host-24heures a.logo {
  background-position: -2px -2px;
  width: 177px;
  height: 44px; }

strong {
  color: white;
  font-family: 'Benton Sans Cond Black'; }

h2 {
  font-size: 32px; }

.legend {
  font-size: 14px; }

@media screen and (max-width: 500px) {
  p {
    font-size: 14px; } }

body {
  /*overflow: hidden;*/
  color: #222222;
  font-size: 16px; }

#loading-overlay {
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background: url("../imgs/loading_back.png") repeat 0px 0px transparent; }

/*
.header, .content, .footer {
    float: left;
    width: 100%;
    position: relative;
}

.header {
    margin: 5px 0px;
}
*/
svg, #map {
  clear: both;
  float: left; }

h3 .dropdown {
  display: inline; }

h3 .btn {
  color: #000000;
  font-family: "Benton Sans Cond Black";
  font-size: 22px;
  padding: 0px 2px;
  border-radius: 0px;
  border: 0px none;
  border-bottom: 2px solid #000000;
  line-height: 25px; }

.btn-default:hover, .btn-default:focus, .btn-default.focus, .btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default {
  color: #FFFFFF;
  background: #007abf;
  border-bottom: 2px solid #007abf; }

.dropdown-menu > li > a {
  font-family: "Benton Sans Cond";
  font-size: 16px; }

#header {
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.155);
  background-color: #fff;
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  z-index: 1;
  height: 60px; }

#header > .inside {
  position: relative; }

#header .logo {
  position: absolute;
  top: 17px;
  left: 20px; }

#header .logo > img {
  width: 140px; }

#header .meta-nav {
  float: right; }

#header .meta-nav li {
  float: left;
  margin: 5px 20px 0px 0px; }

#header .meta-nav a {
  font-family: "Benton Sans Cond";
  font-size: 16px;
  color: #222222;
  text-decoration: none; }

#header .meta-nav .icon {
  float: right;
  font-family: fontawesome;
  /*padding-right: 10px;
  margin: 10px 15px 0 0;*/
  font-size: 20px; }

#wrapper {
  margin-top: 80px;
  display: none;
  position: relative; }

body.in-iframe #wrapper {
  margin: 0px; }

#wrapper > .content, #header .inside {
  margin: 0px auto;
  max-width: 1028px;
  padding: 17px; }

#wrapper > .content {
  padding: 0px 17px; }

#wrapper > .content > .clearfix {
  width: 100%; }

body.in-iframe #wrapper > .content {
  margin: 0px;
  padding: 0px;
  max-width: none; }

.lead-text, .collection-teaser {
  float: left;
  width: 100%; }

.collection-teaser {
  margin: 100px 0px; }

.collection-teaser hr {
  width: 302px;
  margin: 30px auto 0;
  height: 1px;
  background-color: #797979;
  border: none;
  margin-bottom: 30px; }

.lead-text p, .collection-teaser p {
  font-family: Georgia;
  color: #333;
  font-size: 22px;
  line-height: 25px;
  margin: 17px 0 25px; }

.collection-teaser p {
  text-align: center; }

body.mobile .lead-text p, body.mobile .collection-teaser p {
  font-family: Georgia,serif;
  font-weight: 400;
  font-size: 20px;
  line-height: 26px; }

.lead-text p .genre, .collection-teaser p .genre {
  font-size: 22px;
  line-height: 25px;
  color: #000;
  font-family: "Benton Sans Cond Black"; }

#map {
  width: 100%;
  float: left;
  position: relative;
  /*position: absolute;
    top: 0px;
    left: 0px;*/
  min-width: 450px; }

#map > .inside-map {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px; }

#map .marker {
  position: absolute;
  width: 70px;
  height: 65px;
  background: url("../imgs/marker-i_sprite.png") no-repeat 0px 0px transparent;
  cursor: pointer; }

#map .marker .marker-label {
  font-family: "Benton Sans Cond";
  font-size: 14px;
  position: absolute;
  top: 4px;
  left: 38px;
  padding: 5px;
  background: #FFFFFF;
  color: #007abf;
  white-space: nowrap;
  display: none;
  cursor: pointer; }

#map .marker.align-left .marker-label {
  left: auto;
  right: 28px; }

#map .marker:hover .marker-label {
  display: block; }

#map .marker:hover {
  background-position: 0px -65px;
  z-index: 2; }

#map .marker.open {
  background-position: 0px -130px; }

#map .marker.slideshow {
  background: url("../imgs/marker-icon-set.png") no-repeat 0px 0px transparent;
  width: 44px;
  height: 46px;
  margin-left: -27px;
  margin-top: -41px; }

#map .marker.slideshow:hover {
  background-position: -56px 0px; }

#map .marker.photoshow {
  background: url("../imgs/marker-icon-set.png") no-repeat 0px -65px transparent;
  width: 44px;
  height: 46px;
  margin-left: -27px;
  margin-top: -41px; }

#map .marker.photoshow:hover {
  background-position: -56px -65px; }

#map .marker.gallery {
  background: url("../imgs/marker-icon-set.png") no-repeat 0px -130px transparent;
  width: 44px;
  height: 46px;
  margin-left: -27px;
  margin-top: -41px; }

#map .marker.gallery:hover {
  background-position: -56px -130px; }

#map .marker.pano {
  background: url("../imgs/marker-icon-set.png") no-repeat 0px -195px transparent;
  width: 44px;
  height: 46px;
  margin-left: -27px;
  margin-top: -41px; }

#map .marker.pano:hover {
  background-position: -56px -195px; }

#map .marker.video {
  background: url("../imgs/marker-icon-set.png") no-repeat 0px -260px transparent;
  width: 44px;
  height: 46px;
  margin-left: -27px;
  margin-top: -41px; }

#map .marker.video:hover {
  background-position: -56px -260px; }

#map .marker.article {
  background: url("../imgs/marker-icon-set.png") no-repeat 0px -325px transparent;
  width: 44px;
  height: 46px;
  margin-left: -27px;
  margin-top: -41px; }

#map .marker.article:hover {
  background-position: -56px -325px; }

.overlay {
  position: fixed;
  top: 0px;
  left: 0px;
  padding: 50px;
  width: 100%;
  height: 100%;
  background: url("../imgs/overlay-back.png") repeat 0px 0px transparent;
  z-index: 3; }

.overlay.white {
  background: url("../imgs/loading_back.png") repeat 0px 0px transparent;
  padding: 100px; }

body.mobile .overlay {
  padding: 0px; }

.overlay > .inside-overlay {
  background: #333333;
  padding: 20px;
  width: 100%;
  height: 100%;
  color: #FFFFFF;
  position: relative;
  max-width: 1028px;
  margin: 0px auto; }

.overlay.white > .inside-overlay {
  background: #FFFFFF;
  color: #222222;
  height: auto;
  max-width: 500px;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.3); }

body.mobile .overlay > .inside-overlay {
  padding: 10px; }

.overlay > .inside-overlay h2, .overlay > .inside-overlay h3 {
  padding-right: 70px; }

body.mobile .overlay > .inside-overlay h2, body.mobile .overlay > .inside-overlay h3 {
  padding-right: 0px;
  font-size: 16px;
  line-height: 22px; }

.overlay > .inside-overlay iframe {
  padding-bottom: 10px; }

.overlay > .inside-overlay .close-icon {
  position: absolute;
  right: 0px;
  top: 0px;
  width: 70px;
  height: 65px;
  background: url("../imgs/close-icon.png") no-repeat 0px -2px transparent;
  cursor: pointer;
  z-index: 4; }

.overlay.white > .inside-overlay .close-icon {
  background: url("../imgs/close-icon_black.png") no-repeat 0px -2px transparent; }

.overlay > .inside-overlay .close-icon:hover {
  background-position: -70px -2px; }

body.mobile .overlay > .inside-overlay .close-icon {
  width: 35px;
  background-position: -19px -10px; }

body.mobile .overlay > .inside-overlay .close-icon:hover {
  width: 30px;
  background-position: -89px -10px; }

.overlay > .inside-overlay p.caption {
  margin-top: 10px;
  position: relative; }

body.mobile .overlay > .inside-overlay p.caption {
  margin: 0px !important;
  padding: 10px;
  width: auto !important;
  position: absolute;
  bottom: 0px;
  left: 0px;
  background: url("../imgs/black70.png") repeat 0px 0px transparent; }

.overlay table {
  width: 100%; }

.overlay table tr {
  border-top: 1px solid #DDDDDD; }

.overlay table td {
  font-family: "Benton Sans Cond";
  font-size: 16px;
  padding: 20px 0px; }

.overlay .article-teaser {
  font-family: "Benton Sans Cond";
  font-size: 16px;
  line-height: 22px;
  margin-bottom: 20px;
  /*display: inline-block;*/
  float: left; }

.overlay .article-teaser a {
  /*font-family: "Benton Sans Cond Black";*/
  color: #FFFFFF;
  text-decoration: none;
  padding-left: 15px;
  background: url("../imgs/goto-article.png") no-repeat 0px 5px transparent;
  margin-right: 10px; }

.overlay .article-teaser a strong {
  color: #FFFFFF; }

.overlay .caption .photo-pagination {
  position: absolute;
  right: 100%;
  width: 100px;
  top: 0px;
  font-family: "Benton Sans Cond";
  font-size: 16px;
  line-height: 22px;
  text-align: right;
  margin-right: 20px; }

.overlay .photo-pagination .current {
  font-family: "Benton Sans Cond Black"; }

body.mobile .overlay .photo-pagination {
  position: relative;
  display: inline-block;
  right: auto;
  top: auto;
  width: auto;
  margin: 0px;
  margin-right: 10px;
  text-align: left; }

.overlay.video > .inside-overlay, .overlay.article > .inside-overlay {
  padding: 0px !important;
  height: auto;
  line-height: 0;
  /*display: inline-block;*/ }

.overlay.video > .inside-overlay object, .overlay.video > .inside-overlay video {
  width: 640px;
  height: 386px;
  float: left; }

.overlay.article > .inside-overlay img {
  float: left;
  /*margin-right: 20px;*/
  /*margin-bottom: 20px;*/ }

body.mobile .overlay.article > .inside-overlay img {
  max-height: 150px;
  width: auto;
  margin: 20px 20px 0px 20px; }

.overlay.video > .inside-overlay .caption {
  padding: 20px;
  float: left; }

.overlay.article > .inside-overlay .caption {
  padding: 20px;
  float: left;
  width: 400px; }

body.mobile .overlay.article > .inside-overlay .caption {
  width: auto; }

.overlay.video > .inside-overlay .caption h2, .overlay.article > .inside-overlay .caption h2 {
  margin-bottom: 10px; }

.overlay.video > .inside-overlay .caption .article-teaser, .overlay.article > .inside-overlay .caption .article-teaser {
  margin-top: 10px;
  padding-top: 10px;
  border-top: 1px solid #FFFFFF; }

.overlay.gallery .gallery-wrapper {
  width: 100%;
  text-align: center;
  padding: 0px 50px;
  position: relative; }

body.mobile .overlay.gallery .gallery-wrapper {
  padding: 0px 20px; }

.overlay.gallery .gallery-container {
  display: inline-block; }

.overlay.gallery .gallery-container .image-container {
  background: #777777;
  float: left;
  width: 40px;
  height: 100%;
  margin-right: 1px;
  position: relative;
  overflow: hidden;
  cursor: pointer; }

.overlay.gallery .gallery-container .image-container.loading {
  background: #191919; }

.overlay.gallery .gallery-container .image-container img {
  height: 100%; }

.overlay.gallery .gallery-container .image-container:hover img {
  opacity: 0.8; }

.overlay.gallery .gallery-container .image-container .caption {
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%;
  background: url("../imgs/black70.png") repeat 0px 0px transparent;
  padding: 10px;
  text-align: left;
  display: none; }

.overlay.gallery .gallery-container .image-container .caption p {
  margin: 0px; }

.overlay.slideshow .slideshow-container {
  position: relative; }

.overlay.slideshow .slideshow-container .image-container {
  position: absolute;
  padding: 0px 50px;
  width: 100%;
  height: 100%;
  text-align: center; }

body.mobile .overlay.slideshow .slideshow-container .image-container {
  padding: 0px 20px; }

.overlay.slideshow .slideshow-container .image-container.width-100 img {
  width: 100%;
  height: auto; }

.overlay.slideshow .slideshow-container .image-container.height-100 img {
  width: auto;
  height: 100%; }

.overlay .arrow {
  position: absolute;
  top: 0px;
  width: 70px;
  height: 100%;
  cursor: pointer;
  z-index: 3; }

body.mobile .overlay .arrow {
  width: 30px; }

.overlay.photoshow .arrow {
  width: 50% !important; }

.overlay .arrow > .icon {
  position: absolute;
  top: 50%;
  margin-top: -25px;
  width: 30px;
  height: 50px;
  background: url("../imgs/gallery-arrows.png") no-repeat 0px 0px transparent; }

.overlay .arrow.right {
  right: 0px; }

.overlay .arrow.right > .icon {
  background-position: -60px 0px;
  right: 20px; }

body.mobile .overlay .arrow.right > .icon {
  right: 0px; }

.overlay .arrow.right:hover > .icon {
  background-position: -90px 0px; }

.overlay .arrow.left {
  left: 0px; }

.overlay .arrow.left > .icon {
  background-position: -30px 0px;
  left: 20px; }

body.mobile .overlay .arrow.left > .icon {
  left: 0px; }

.overlay .arrow.left:hover > .icon {
  background-position: 0px 0px; }

#globe {
  width: 100%;
  float: left;
  background: url("../imgs/backgroundpattern.png") repeat 0px 0px #FFFFFF;
  position: relative;
  overflow: hidden; }

.sidebar {
  position: absolute;
  top: 20px;
  right: -250px;
  width: 302px;
  min-height: 100%;
  background: #FFFFFF; }

body.mobile .sidebar {
  top: 0px;
  height: auto;
  width: 25px;
  right: 0px; }

.sidebar.in-front {
  z-index: 3; }

.sidebar .shadow-left {
  width: 20px;
  height: 100%;
  position: absolute;
  left: -20px;
  top: 20px;
  background: url("../imgs/shadow.png") repeat 0px 0px transparent; }

.sidebar .track {
  float: left; }

body.mobile .sidebar .track {
  width: 25px;
  overflow: hidden; }

.sidebar .track-stop {
  float: left;
  cursor: pointer;
  width: 100%;
  height: 50px;
  position: relative;
  color: #333333;
  border-bottom: 1px solid #DDDDDD; }

body.mobile .sidebar .track-stop {
  height: 25px; }

.sidebar .track-stop.visited {
  color: #007abf; }

.sidebar .track-stop:hover, .sidebar .track-stop.is-open {
  background: #007abf;
  color: #FFFFFF; }

.sidebar .track-stop.no-content {
  cursor: default;
  color: #333333;
  background: transparent; }

.sidebar .track-stop.current-airport {
  /*border-bottom: 0px none transparent;*/ }

.sidebar .track-stop.airplane.landed {
  height: 0px;
  border: 0px none; }

.sidebar .track-stop.airplane.landed .arrival-departure, .sidebar .track-stop.airplane.landed .city, .sidebar .track-stop.airplane.landed .country {
  display: none; }

.sidebar .track-stop .marker {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 50px;
  height: 50px;
  background: url("http://mynewsnet.ch/interactive/imageUpload/new_track-stop-sprite.png") no-repeat 0px -110px transparent; }

body.mobile .sidebar .track-stop .marker {
  background-size: 175px 134px;
  width: 25px;
  height: 25px; }

.sidebar .track-stop.visited .marker {
  background-position: -150px -110px; }

.sidebar .track-stop.airplane .marker {
  background-position: -300px -110px; }

.sidebar .track-stop.airplane.landed .marker {
  height: 100px;
  top: -50px; }

.sidebar .track-stop:first-child .marker {
  background-position: -50px -110px; }

.sidebar .track-stop.visited:first-child .marker {
  background-position: -200px -110px; }

.sidebar .track-stop:last-child .marker {
  background-position: -100px -110px; }

.sidebar .track-stop.visited:last-child .marker {
  background-position: -250px -110px; }

body.mobile .sidebar .track-stop.visited .marker {
  background-position: -75px -55px; }

body.mobile .sidebar .track-stop.airplane .marker {
  background-position: -150px -55px; }

body.mobile .sidebar .track-stop.airplane.landed .marker {
  height: 50px;
  top: -25px; }

body.mobile .sidebar .track-stop:first-child .marker {
  background-position: -25px -55px; }

body.mobile .sidebar .track-stop.visited:first-child .marker {
  background-position: -100px -55px; }

body.mobile .sidebar .track-stop:last-child .marker {
  background-position: -50px -55px; }

body.mobile .sidebar .track-stop.visited:last-child .marker {
  background-position: -125px -55px; }

.sidebar .track-stop .arrival-departure {
  position: absolute;
  top: 0px;
  left: 52px;
  height: 50px;
  width: 100px;
  font-size: 11px;
  padding: 10px 0px;
  line-height: 14px; }

.sidebar .track-stop:first-child .arrival-departure {
  top: 6px; }

.sidebar .track-stop .city, .sidebar .track-stop .country {
  float: left;
  margin: 7px 10px 10px 150px;
  clear: both; }

.sidebar .track-stop .city {
  font-family: "Benton Sans Cond Black";
  font-size: 16px;
  margin-bottom: 0px; }

.sidebar .track-stop .country {
  margin-top: 1px; }

.sidebar .track-stop.airplane .city {
  font-family: "Benton Sans Cond";
  margin-top: 16px; }

.sidebar .track-stop.airplane .country {
  font-size: 11px;
  margin-top: 5px; }

svg g.marker {
  cursor: pointer; }

svg g.dot text {
  font-size: 14px;
  fill: #000000; }

svg g.dot text.country {
  font-size: 17px; }

svg text {
  fill: #000000; }