@import url("//fonts.googleapis.com/css?family=Open+Sans:400,700:200,400,600,700");

body {
  font-family: 'Open Sans', sans-serif;
}

.toggleNavigation,
.toggleNavigationMap,
.view3-map,
.map_container {
  background: rgba(0,0,0,0.5);
}

.view3-sidebar,
.sidebarNavigation {
  font-family: 'Open Sans', sans-serif;
  background: rgba(0,0,0,0.5);
}

.view3-navigation-menu li {
  border-top: 1px solid rgba(255,255,255,0.5);
}
.view3-navigation-menu li:last-child {
  border-bottom: 1px solid rgba(255,255,255,0.5);
}

.content-container,
.navigation-container a:link,
.navigation-container a:visited,
.quicklinks-container i,
.map_container .headline,
.view3-description,
.view3-navigation-menu a:link,
.view3-navigation-menu a:visited,
.view3-links i,
.view3-map .headline {
  color: #FFFFFF;
}

.view3-navigation-menu a:hover,
.view3-links i:hover,
.navigation-container a:hover,
.quicklinks-container i:hover {
  color: #00AEEF;
  border-color: #00AEEF;
}

.quicklinks-container .active i {
  color: #00AEEF!important;
  border-color: #00AEEF!important;
}

.navigation-container li a.active,
.view3-navigation-menu li a.active {
  color: #00AEEF;
}

.toggleNavigation,
.toggleNavigationMap,
.image-container h3,
.view3-cover h3 {
  color: #FFFFFF;
}

.toggleNavigation:hover,
.toggleNavigationMap:hover {
  color: #00AEEF;
}

.infobox,
.view3-box {
  font-family: 'Open Sans', sans-serif;
  color: #FFFFFF;
  background: rgba(0,0,0,0.5);
}

.image-container h3,
.view3-cover h3 {
  font-family: 'Open Sans', sans-serif;
}

.view3-tour-description,
.content-container,
.photographer-tag,
.view3-photographer,
.player_showImprint,
.player_showPrivacyPolicy {
  color: #FFFFFF!important;
}
.player_showPrivacyPolicy:hover { text-decoration:underline; cursor:pointer; }

.content-container a,
.infobox a,
.view3-tour-description a,
.view3-box a {
  color: #FFFFFF;
}

.content-container a:hover,
.infobox a:hover,
.view3-tour-description a:hover,
.view3-box a:hover {
  color: #00AEEF;
}

.infobox .closeButtonBox,
.infobox .openButtonBox,
.view3-box .closeButtonBox,
.view3-box .openButtonBox {
  color: #FFFFFF;
  background: rgba(0,0,0,0.5);
}

.infobox .closeButtonBox:hover,
.infobox .openButtonBox:hover,
.view3-box .closeButtonBox:hover,
.view3-box .openButtonBox:hover {
  color: #00AEEF;
}

.navigation-container a:link,
.navigation-container a:visited,
.content-container,
.quicklinks-container i,
.image-container h3,
.view3-navigation-menu a:link,
.view3-navigation-menu a:visited,
.view3-description,
.view3-tour-description,
.view3-links i,
.view3-cover h3 {
  text-shadow: none;
}

.infospot {
  color: #FFFFFF;
  background: #000000;
}

.infospot .header h1,
.infospot .header .close {
  color: #FFFFFF
}

.infospot .header .close:hover {
  opacity: 1;
}

.vtc_feed ul li {
  color: #FFFFFF;
}

.vtc_feed ul li a {
  color: #FFFFFF;
}

.vtc_feed ul li a:hover {
  color: #00AEEF;
}

.map_container a {
  background: #FFFF00;
  border: 1px solid #FFFF00;
  box-shadow: none;
}

.map_container a:hover {
  background: #B4BCE0;
}

.map_container a.active {
  background: #B4BCE0;
}

.fancybox-skin {
  background: rgba(0,0,0,0.5);
  border: 2px solid rgba(255, 255, 255, 0.5);
}

.fancybox-skin {
  color: #FFFFFF;
}

.fancybox-skin .headline {
  color: #FFFFFF!important;
}

.fancybox-skin .nav-tabs {
  border-bottom: 1px solid rgba(255,255,255,0.5);
}

.fancybox-skin .nav-tabs > li.active > a,
.fancybox-skin .nav-tabs > li.active > a:focus,
.fancybox-skin .nav-tabs > li.active > a:hover {
  border-color: rgba(255,255,255,0.5) rgba(255,255,255,0.5) transparent;
  color: #00AEEF;
}

.fancybox-skin .nav > li > a {
  color: #FFFFFF;
}

.fancybox-skin .nav > li > a:focus,
.fancybox-skin .nav > li > a:hover {
  color: #00AEEF;
}
.fancybox-skin .nav-tabs > li > a:hover {
  border-color: rgba(255,255,255,0.5) rgba(255,255,255,0.5) #ddd;
}

.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight {
  color: #FFFFFF;
}

.mCSB_scrollTools .mCSB_buttonUp:hover,
.mCSB_scrollTools .mCSB_buttonDown:hover,
.mCSB_scrollTools .mCSB_buttonLeft:hover,
.mCSB_scrollTools .mCSB_buttonRight:hover {
  color: #00AEEF;
}

#cookie-bar {
  background: rgba(0,0,0,0.5);
  color: #FFFFFF;
}