@charset "utf-8";
/* CSS Document */
/*********************************************************************************
Project : Way out of Line - Design
Copyright : © 2014 by Way out of Line - www.wayoutofline.net
**********************************************************************************/

/* ### Module ################################################################## */
@import url('reset.css');

/* ############################################################################# */

body {
  height: 100%;
  background: #67b4df;
}

/*#2469ae;*/

/*font:13px Arial,Helvetica,Verdana,Tahoma,Sans-Serif;
color: #626363;*/
/*html[xmlns^="http"] {
overflow-y: scroll;
overflow-x: hidden;
}
*/

#wrapper {
/*background:#17476F url(../img/body.png) repeat-x;*/
}

/* FONTS */
/* ### Body #################################################################### */
body, p {
  font-size: 12px;
  font-family: Arial, Helvetica, Verdana, Tahoma, Sans-Serif;
  color: #5c6970;
  letter-spacing: 0.3px;
  word-spacing: 1px;
  line-height: 17px;
}

/* ############################################################################ */

h1 {
  font-family: Arial, Helvetica, Verdana, Tahoma, Sans-Serif;
  font-size: 1.4em;
  color: #004a99;
  line-height: 1.5em;
  margin-bottom: 0.5em;
  margin-top: 1.0em;
  font-weight: bold;
}

h2 {
  font-family: Arial, Helvetica, Verdana, Tahoma, Sans-Serif;
  font-size: 1.4em;
  color: #004a99;
  line-height: 1.5em;
  margin-bottom: 0.5em;
  margin-top: 1.0em;
  font-weight: bold;
}

h3 {
  font-family: Arial, Helvetica, Verdana, Tahoma, Sans-Serif;
  font-size: 1.4em;
  color: #5ec5ed;
  line-height: 1.5em;
  margin-bottom: 0.5em;
  margin-top: 1.0em;
  font-weight: bold;
}

h4 {
  font-family: Arial, Helvetica, Verdana, Tahoma, Sans-Serif;
  font-size: 1.4em;
  color: #5c6970;
  line-height: 1.5em;
  margin-bottom: 0.5em;
  margin-top: 1.0em;
  font-weight: bold;
}

h5 {
  font-family: Arial, Helvetica, Verdana, Tahoma, Sans-Serif;
  font-size: 1.2em;
  color: #5ec5ed;
  line-height: 1.5em;
  margin-bottom: 0.5em;
  margin-top: 1.0em;
  font-weight: bold;
}

h6 {
  font-family: Arial, Helvetica, Verdana, Tahoma, Sans-Serif;
  font-size: 1.4em;
  color: #fa7c28;
  line-height: 1.5em;
  margin-bottom: 0.5em;
  margin-top: 1.0em;
  font-weight: bold;
}

/* --- Paragraphs --- */
/*p {
margin: 0 0 1.0em;
}
*/
/* --- Links --- */
a, a:active, a:visited {
  text-decoration: none;
  color: #004a99;
  /* -webkit-transition: color 0.2s ease-in;
  -moz-transition: color 0.2s ease-in;
  -o-transition: color 0.2s ease-in;
  */
  /* -webkit-transition:all .2s ease-out;
  -moz-transition: all .2s ease-out;
  -o-transition: all .2s ease-out;
  -ms-transition: all .2s ease-out;
  transition: all .2s ease-out;
  */
  -webkit-transition: color .2s ease-out;
  -moz-transition: color .2s ease-out;
  -o-transition: color .2s ease-out;
  -ms-transition: color .2s ease-out;
  transition: color .2s ease-out;
}

a:hover {
  text-decoration: underline;
  color: #5ec5ed;
}

/* --- Images --- */
img.floatLeft {
  float: left;
  margin: 0.4em 1.0em 0.2em 0;
}

img.floatRight {
  float: right;
  margin: 0.4em 0 0.2em 1.0em;
}

.blue-1 {
  color: #004a99;
}

.blue-2 {
  color: #5ec5ed;
}

.grey {
  color: #5c6970;
}

.half-white {
  color: #92b8d9;
}

.footer-grey {
  color: #bdbcbc;
}

.hotline-grey {
  color: #a6aaac;
}

* {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* ########################################################################### */

.content:after, .bottom footer:after, .frame:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
}

/* - wide layout or framed layout - */
.header, .content, .bottom-banner, .bottom, .credits {
/*width:1020px;*/
}

/* Shadow Box */
#box {
/*width:1020px;
margin: 20px auto 0 auto;
-webkit-box-shadow: 0px 3px 10px rgba(50, 50, 50, 0.85);
-moz-box-shadow: 0px 3px 10px rgba(50, 50, 50, 0.85);
box-shadow: 0px 3px 10px rgba(50, 50, 50, 0.85);*/
}

.frame, .bottom footer {
  width: 960px;
  margin: 0 auto;
  position: relative;
}

.pseudo-gradient {
  position: absolute;
  top: 0px;
  left: 0;
  width: 100%;
  height: 108px;
  background: url(../img/pseudo-grad-shadow.png) 0 -20px repeat-x;
}

.pseudo-gradient-2 {
  position: absolute;
  top: 0px;
  left: 0;
  width: 100%;
  height: 108px;
  background: url(../img/pseudo-grad-shadow.png) 0 -30px repeat-x;
}

.header {
  width: 100%;
  height: 128px;
  z-index: 10;
  background: #1869ae url(../img/bg-1869ae.png) repeat;
  border-bottom: 3px solid #fff;
  top: 0px;
}

.header-holder {
  position: relative;
  width: 100%;
  height: 131px;
  background: #FFF;
}

.header-mobile {
  position: absolute;
  width: 100%;
  height: 168px;
  z-index: 10;
  background: #1869ae url(../img/bg-1869ae.png) repeat;
  border-bottom: 3px solid #fff;
  top: 0px;
  display: none;
}

/*#header-objects {
width: 960px;
*/
/*height:128px;*/
/* top:0px;
left: 50%;
margin: 0px 0 0 -480px;
}
*/
.nav-absolute {
  position: absolute; /*top: 1100px;*/
  z-index: 50;
}

.nav-fixed {
  position: fixed; /*top: 0px;*/
  z-index: 50;
}

.language-selector {
  position: relative;
  top: 8px;
  left: 23px;
  width: 800px;
}

.language-selector ul li {
  display: inline-block;
  font-size: 11px;
  color: #92b8d9;
}

.language-selector ul li:after {
  content: '|';
  padding: 0 5px;
}

.language-selector ul li:last-child:after {
  content: '';
}

.language-selector ul li a {
  color: #92b8d9;
}

.language-selector ul li a:hover {
  color: #fff;
}

.lt-ie8 .language-selector ul li {
  display: inline;
  margin-right: 15px;
}

.header .logo, .header .logo:visited {
  text-indent: -999em;
  cursor: pointer;
  background: url(../img/logo.png) no-repeat;
  display: block;
  width: 235px;
  height: 38px; /*51px*/
  position: absolute;
  top: 45px;
  left: 23px;
}

.header-mobile .logo, .header-mobile .logo:visited {
  text-indent: -999em;
  cursor: pointer;
  background: url(../img/logo.png) no-repeat;
  display: block;
  width: 235px;
  height: 38px;
  position: absolute;
  top: 65px;
  left: 23px;
}

/*#logo-title {
position: relative;
top: 66px;
left: 315px;
text-transform: uppercase;
color: #fff;
font-size: 10px;
letter-spacing: 0.1em;
}
*/

#location-indicator {
  min-width: 150px;
  height: 25px;
  position: absolute;
  top: 49px;
  left: 301px;
}

.globe-image {
  background: url(../img/globe.png) no-repeat;
}

.city-name {
  font-size: 17px;
  color: #fff;
  padding: 3px 0 0 34px;
}

#social-media-box {
  width: 135px;
  height: 20px;
  position: absolute;
  top: 35px; /*left:669px;*/
  right: 208px;
  z-index: 16;
}

#social-media-box a {
  text-indent: -999em;
  cursor: pointer;
  display: block;
  height: 20px;
  float: left;
  margin: 0 0 0 0;
  -webkit-transition: background-position .2s ease-out;
  -moz-transition: background-position .2s ease-out;
  -o-transition: background-position .2s ease-out;
  -ms-transition: background-position .2s ease-out;
  transition: background-position .2s ease-out;
}

#social-media-box a#twit {
  width: 24px;
  background: url(../img/social-media/twit.png) no-repeat;
}

#social-media-box a#fb {
  width: 11px;
  background: url(../img/social-media/fb.png) no-repeat;
  margin: 0 0 0 10px;
}

#social-media-box a#gplus {
  width: 22px;
  background: url(../img/social-media/gplus.png) no-repeat;
  margin: 0 0 0 16px;
}

#social-media-box a#ytube {
  width: 24px;
  background: url(../img/social-media/ytube.png) no-repeat;
  margin: 0 0 0 10px;
}

#social-media-box a#tripadvisor {
  width: 24px;
  background: url(../img/social-media/tripadvisor.png) no-repeat;
  margin: 0 0 0 10px;
}
#social-media-box a#pinterest {
  width: 24px;
  background: url(../img/social-media/pinterest.png) no-repeat;
  margin: 0 0 0 10px;
}
#social-media-box a#flickr {
  width: 24px;
  background: url(../img/social-media/flickr.png) no-repeat;
  margin: 0 0 0 10px;
}
#social-media-box a#instagram {
  width: 24px;
  background: url(../img/social-media/instagram.png) no-repeat;
  margin: 0 0 0 10px;
}

#social-media-box a#twit:hover {
  background-position: 0 -20px;
}

#social-media-box a#fb:hover {
  background-position: 0 -20px;
}

#social-media-box a#gplus:hover {
  background-position: 0 -20px;
}

#social-media-box a#ytube:hover {
  background-position: 0 -20px;
}

#social-media-box a#tripadvisor:hover {
  background-position: 0 -20px;
}
#social-media-box a#pinterest:hover {
  background-position: 0 -20px;
}
#social-media-box a#instagram:hover {
  background-position: 0 -20px;
}
#social-media-box a#flickr:hover {
  background-position: 0 -20px;
}

div#login-box {
  width: 209px;
  height: 171px;
  display: block;
  overflow: hidden;
  background: url(../img/login-box-bottom.png) no-repeat 0 100%;
  position: absolute;
  top: 0px;
  right: 2px;
  z-index: 2000;
}

div#login-box .login-box-content {
  width: 130px;
  margin-left: 37px;
  padding-top: 12px; /* 30 */
}

div#login-box .login-box-content input[type=submit] {
  border: none;
  padding: 0;
  font-size: 14px;
  color: #fff;
  text-shadow: 0 1px 0 #194b7e;
  line-height: 1.5em;
  background: none;
  -webkit-appearance: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  margin: 0;
  width: auto;
}

div#login-box .login-box-content input[type=submit]:focus {
  outline: none;
  outline-style: none;
  border: none;
}

div#login-box .login-box-content input[type=submit]:hover {
  border: none;
}

div#login-box .login-box-content p.pin-field {
  width: auto;
  height: 41px;
  overflow: hidden;
}

div#login-box .login-box-content span.input-question {
  width: 26px;
  height: 25px;
  display: block;
  background: url(../img/input-question.png) no-repeat 0 0;
  position: relative;
  top: -31px;
  left: 100px;
  -webkit-transition: all 1s ease-in-out;
  -moz-transition: all 1s ease-in-out;
  -o-transition: all 1s ease-in-out;
  -ms-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
  -moz-transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
  opacity: 0.5
}

div#login-box .login-box-content span.input-question:hover {
  opacity: 1;
  -moz-transform: rotate(360deg);
  -webkit-transform: rotate(360deg);
  -o-transform: rotate(360deg);
  -ms-transform: rotate(360deg);
  transform: rotate(360deg);
}

.header div#navi-box {
  width: 342px;
  height: 349px;
  display: block;
  background: url(../img/navi-bg.png) no-repeat 0 top;
  position: absolute;
  top: 128px;
  left: -71px;
  z-index: 2;
}

.header div#navi-box p.msg, body p.msg {
  font-size: 11px;
  margin: 0.8em 0 0.5em 0;
}

.header div#navi-box-chrome {
  width: 392px;
  height: 40px;
  display: block;
  background: url(../img/navi-bg.png) no-repeat 0 top;
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 2;
}

/*.header div#navi-box-chrome p.msg, body p.msg {
font-size: 11px;
margin: 0.8em 0 0.5em 0;
}
*/

.header div#navi-box-container {
  width: 205px;
  margin-left: 94px;
}

.slider {
  height: 421px;
  background: #d9f8ff;
  margin: -3px auto 0 auto;
}

.slider-container {
  float: left;
  width: 708px;
  height: 418px;
  overflow: hidden;
  /*margin-left:249px;*/
}

.slider-map,.slider-yt-video,.slider-media-div{width:708px;height:418px;}
.slider-media-div{overflow:hidden;}

#slider-controls-bg {
  width: 124px;
  height: 40px;
  background: url(../img/slider-controls-bg.png) no-repeat;
  position: absolute;
  z-index: 12;
  top: 381px;
  right: 46px;
}

.slider-border-right {
  border-right: 2px solid #fff;
}

div.texte h3.slider-texte-headline{font-size:2.1em;}
div.texte p.slider-texte-text{font-size:1.4em;line-height:1.3em;}
.slider-infoslide-bg{min-height:418px;background-size:100% 418px;}

.navi-panel {
  position: relative;
  width: 244px;
  height: 421px;
  background: #fff;
  left: 3px;
  float: left;
  overflow: hidden;
}

.navi-panel.with-border {
  border-left: 3px solid #d9d9d9;
  border-right: 3px solid #d9d9d9;
  left: 0px;
}

.navi-panel-content {
  width: 242px;
  height: 421px;
  background: #f5fafd;
  border-left: 1px solid #d9d9d9;
  border-right: 1px solid #d9d9d9;
}

/*body .nivo-wrap {
display: none;
visibility: hidden;
}
body .nivo-wrap .slider-wrapper {
display: none;
visibility: hidden;
}
*/
.content {
  background: #fff;
  margin: 0 auto;
  border-top: 3px solid #d9d9d9;
  margin-top: -3px;
}

.content .frame {
  background: #fff url(../img/bg-navi-bg.jpg) repeat-y;
}

.content-2 {
  background: url(../img/bg-stripes.jpg);
  margin: 0 auto;
  margin-top: 0px; /*min-height:300px;*/
}

.content-2 .frame {
  background: #fff url(../img/bg-navi-bg.jpg) repeat-y; /*min-height:300px;*/
}

.content img {
/*width:100%;*/
/*border:2px solid #d9d9d9;*/
/*margin:1.0em 0;*/
}

.center {
  text-align: center;
}

.content-media-image {
  margin: 1.0em 0;
}

.content img.inline {
  display: inline-block;
  float: left;
  margin: 0 1em 1em 0;
  /*border: 2px solid #d9d9d9;*/
}

.content ol, .content ul {
  list-style: disc;
  padding-left: 0.6em;
  margin-left: 0.6em;
}

ul.news {
  list-style: none outside none;
  margin: 0em;
  padding: 0em;
}

.content p {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

.content-main-headline {
  font-size: 2em;
  margin: -1px 0 15px 17px;
}

.what-is-nextbike-heading h4, .what-is-nextbike-heading h2 {
  font-size: 30px;
  margin-top: 0;
}

.what-is-nextbike-heading h4 {
  line-height: 1.0em;
  padding-top: 7px;
}

.what-is-nextbike-heading h2 {
  text-transform: uppercase;
  line-height: 0.9em;
}

.what-is-nextbike-text {
  float: right;
  width: 440px;
  height: 167px;
}

.content-image-teaser {
  width: 100%;
}

.content-image-teaser img {
  width: 100%;
  border: 2px solid #d9d9d9;
  margin-bottom: 1em;
}

#pin-button-rad-card {
  width: 176px;
  height: 154px;
  /*background:url(../img/pin-rad-card.png) no-repeat;*/
  display: block;
  position: absolute;
  top: -20px;
  right: -20px;
  z-index: 20;
}

/*.content h4 {
font-size: 17px;
color: #2D5C83;
font-weight: bold;
}
*/
/*#22496d*/

.title-banner {
  background: url(../img/bg-crosses.jpg);
  margin-bottom: 0px;
  position: relative;
  border: 1px solid #cbc9c9;
  height: 75px;
}

.title-banner .text_bar_shadow {
  position: absolute;
  top: 0px;
  left: 0;
  width: 100%;
  height: 29px;
  background: url(../img/text_bar_shadow2.png) 0 top repeat-x;
}

.title-banner .text_bar_shadow2 {
  position: absolute;
  bottom: 0px;
  left: 0;
  width: 100%;
  height: 35px;
  background: url(../img/text_bar_shadow3.png) center bottom no-repeat;
}

/*.title-banner .frame {
max-height: 50px;
padding: 10px 0
}
*/

.title-banner .frame {
  background: url(../img/bg-navi-bg-2.jpg) repeat-y 3px 0;
  height: 77px;
  margin-top: -1px;
}

/*.title-banner .navi-panel {
height: 77px;
margin-top: -1px;
}
*/

.title-banner h1 {
  text-shadow: #2c2c2c 0 1px 1px;
  color: #fff;
  font: bold 22px 'Arial';
  padding: 0 36px 0 0; /*float:left;*/
}

.title-banner h1 span {
  font-weight: normal;
  font-size: 16px;
  display: block;
  padding-top: 4px;
}

.title-banner ul {
  position: absolute;
  top: 10px;
  right: 0;
}

.title-banner ul li {
  float: left;
  color: #fff;
  font-size: 10px;
}

.title-banner ul li:after {
  color: #fff;
  content: '›';
  padding: 0 6px;
}

.title-banner ul li:last-child:after {
  display: none;
}

.title-banner ul li a {
  color: #fff;
}

.title-banner-content {
  width: 711px;
  float: left;
  margin-left: 249px;
  text-align: center;
}

.title-banner h3 {
  color: #a6aaac;
  font-size: 28px;
  margin-top: 16px;
}

div.crazy-headline-container {
  text-align: center;
}

div.crazy-headline {
/*width: 163px;*/
padding: 11px 20px 0px 20px;
border: 3px solid #fff;
background: #004a99;
text-align: center;
display: inline-block;
background-image: -webkit-gradient(linear, left top, left bottom, from(#004a99), to(#5ec5ed));
background-image: -webkit-linear-gradient(#004a99, #5ec5ed);
background-image: -moz-linear-gradient(#004a99, #5ec5ed);
background-image: -ms-linear-gradient(#004a99, #5ec5ed);
background-image: -o-linear-gradient(#004a99, #5ec5ed);
background-image: linear-gradient(#004a99, #5ec5ed);
-webkit-border-radius: 2.2em;
border-radius: 2.2em;
position: relative;
margin: 0 auto -20px auto;
top: -20px;
}

div.crazy-headline h2 {
  font-size: 30px;
  font-weight: bold;
  color: #fff;
  text-shadow: 0 1px 0 #194b7e;
  margin-top: 0;
}

/*#### TRI BOXES ###################################################################*/
.content_tris {
/*width:auto;*/
width: 711px;
float: left;
margin-left: 249px;
}

.content_tri_pos {
/*min-height:100px;*/
display: block;
float: left;
}

.content_tri_pos_content {
/*margin:10px;*/
padding: 0 17px 17px; /*background:#CC9;*/
}

.tri_width_full {
  width: 100%;
}

.tri_width_1 {
  width: 33.333333333%;
}

.tri_width_2 {
  width: 66.666666666%;
}

.tri_no_width {
  display: none;
}

/*#### TRI A BOX STYLES ###################################################################*/
.tAbox_style_1 {
  padding: 28px 0 35px 0;
  min-height: 400px;
}

.tAbox_style_2 {
  padding: 28px 0 35px 0;
  min-height: 400px;
}

.tAbox_style_3 {
  float: right;
  padding: 28px 0 35px 0;
  min-height: 400px;
}

.tAbox_content_1 {
}

.tAbox_content_2 {
}

.tAbox_content_3 {
/*border-left:1px solid #b0b0b0;*/
}

/*#### TRI B BOX STYLES ###################################################################*/
.tBbox_style_1 {
  padding: 28px 0 35px 0;
}

.tBbox_style_2 {
  padding: 28px 0 35px 0;
}

.tBbox_style_3 {
  float: right;
  padding: 28px 0 35px 0;
}

.tBbox_content_1 {
}

.tBbox_content_2 {
}

.tBbox_content_3 {
/*border-left:1px solid #b0b0b0;*/
}

.bottom {
  background: #f2f2f2;
  border-top: 3px solid #d9d9d9;
  border-bottom: 1px solid #d9d9d9; /*padding:35px 0;*/
  margin: 0 auto;
  text-align: center;
}

.bottom.bottom-height {
  min-height: 107px;
}

.bottom h3 {
  font-size: 24px;
  color: #5c6970;
  padding: 8px 0 0px 0;
  position: relative;
  margin-bottom: 0.3em;
  margin-top: 0;
}

.bottom p {
  font-size: 14px;
  color: #5c6970;
  padding: 0px 0 11px 0;
  position: relative;
  width: 87%;
  margin: 0 auto;
}

.bottom-banner {
  display: block;
  position: relative;
  min-height: 64px;
  background: #fff;
  margin: 0 auto;
}

.bottom-banner .frame {
}

.bottom-banner p {
  color: #fff;
  line-height: 24px;
  padding-left: 0;
}

.bottom-banner .partner-logos {
  position: relative;
  margin: 0 auto;
  width: 80%;
  padding-top: 12px;
  text-align: center
}

.bottom-banner a {
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  -ms-transition: none;
  transition: none;
  text-indent: -999em;
  cursor: pointer;
  display: inline-block;
  height: 42px;
  margin: 0 0 0 0;
}

.bottom-banner a#bb {
  width: 130px;
  background: url(../img/partner-logos/2-balticbike.jpg) no-repeat;
}

.bottom-banner a#pr {
  width: 107px;
  background: url(../img/partner-logos/3-potsdamrad.jpg) no-repeat;
}

.bottom-banner a#v {
  width: 162px;
  background: url(../img/partner-logos/4-veturilo.jpg) no-repeat;
}

.bottom-banner a#mrr {
  width: 196px;
  background: url(../img/partner-logos/5-metropolrad.jpg) no-repeat;
}

.bottom-banner a#nb {
  width: 147px;
  background: url(../img/partner-logos/6-norisbike.jpg) no-repeat;
}

.bottom-banner a#bb:hover, .bottom-banner a#pr:hover, .bottom-banner a#v:hover, .bottom-banner a#mrr:hover, .bottom-banner a#nb:hover {
  background-position: 0 -46px;
}

.title-banner-footer {
  background: url(../img/bg-crosses.jpg);
  margin-bottom: 0px;
  position: relative;
  border-top: 1px solid #cbc9c9;
  min-height: 72px;
  text-align: center;
  padding-bottom: 0.7em;
}

#footer-menu {
  margin-top: 20px;
  color: #5c6970;
}

#footer-menu ul {
  width: 67%;
  margin: 0 auto;
}

#footer-menu ul li {
  display: inline-block;
  text-align: center;
}

.lt-ie8 #footer-menu ul li {
  display: inline;
  margin-right: 15px;
}

#footer-menu ul li:after {
  content: '|';
  padding: 0 5px;
}

#footer-menu ul li:last-child:after {
  content: '';
}

#footer-menu ul li a {
  color: #5c6970;
}

#footer-menu ul li a:hover {
  color: #004a99;
}

.bottom footer h3 {
  font-size: 14px;
  color: #22496d;
  padding: 8px 0 26px 0;
  position: relative;
}

.bottom footer h3:before {
  content: '';
  height: 0px; /*background:#d9d6d7;*/
  border-bottom: 1px dotted #777;
  font-size: 0;
  line-height: 0;
  position: absolute;
  top: 18px;
  right: 0;
  width: 100%;
}

.bottom footer h3 span {
  padding-right: 8px;
  background: #ddd;
  position: relative;
  z-index: 2;
}

.bottom footer p {
  padding-bottom: 11px;
}

.bottom footer .footer-box-one {
  float: left;
  width: 212px;
  padding: 0 33px 0 0;
}

.bottom footer .footer-box-two {
  float: left;
  width: 212px;
}

.bottom footer .footer-box-two ul li {
  margin-bottom: 19px;
  padding-bottom: 19px;
  border-bottom: 1px solid #d1cfcf;
}

.bottom footer .footer-box-two ul li:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: none;
}

.bottom footer .footer-box-three {
  float: left;
  width: 212px;
  padding: 0 36px;
}

.bottom footer .footer-box-three ul li {
  padding: 0 0 7px 20px;
  position: relative;
}

.bottom footer .footer-box-three ul li:before {
  content: ''; /*background:url(../img/arrow.png) 0 0 no-repeat;*/
  position: absolute;
  top: 6px;
  left: 0;
  display: block;
  width: 5px;
  height: 5px;
}

.bottom footer .footer-box-three ul li a, .bottom footer .footer-box-three ul li a:visited {
  color: #626363;
}

.bottom footer .footer-box-three ul li a:hover {
  color: #2d5c83;
}

.bottom footer .footer-box-four {
  float: left;
  width: 212px;
}

.bottom footer .footer-box-four p {
  padding: 0 0 7px 0;
}

.bottom footer .footer-box-four p:last-child {
  text-align: left;
}

.bottom footer .footer-box-four p input {
  font: 13px 'Arial';
  color: #626363;
  border: 1px solid #c0bebe;
  background: #f6f3f3;
  padding: 5px 10px;
  width: 190px;
}

/*.bottom footer .footer-box-four p input[type="submit"] {
cursor: pointer;
font-weight: bold;
color: #22496d;
width: 109px;
height: 37px;
padding: 0;
border: none;
background: url(../img/button-3.png) 0 0px no-repeat;
}
*/
/*.bottom footer .footer-box-four p input[type="submit"]:hover {
background-position: 0 1px;
}
*/

/*span.sm_icon {
display: block;
width: 32px;
height: 32px;
float: left;
margin: 0 0 16px 0;
}
span.sm_text {
display: block;
margin: 7px 0 10px 10px;
float: left;
font-size: 11px;
}
span#youtube {
background: url(../img/social-media/youtube.png);
}
span#twitter {
background: url(../img/social-media/twitter-2.png);
}
span#facebook {
background: url(../img/social-media/facebook.png);
}
span#rss {
background: url(../img/social-media/rss.png);
}
*/

.credits {
  height: 122px;
  position: relative;
  background: #1869ae url(../img/bg-1869ae.png);
  margin: 0 auto;
  border-top: 3px solid #fff;
  color: #bdbcbc;
  text-align: center;
}

.credits p {
  font-size: 11px;
  padding: 20px 0 5px 0;
  color: #bdbcbc;
}

/*color:#92b8d9;*/
.credits p span:after, .credits p a:before {
  content: '|';
  padding: 0 5px;
}

.credits p span:last-child:after {
  content: '';
}

.credits p a, .credits p a:visited {
  color: #bdbcbc;
}

.credits p a:hover {
  color: #fff;
  text-decoration: none;
}

.credits p.copyrights-text {
  width: 60%;
  margin: 0 auto;
}

/*,.credits .top:visited*/
.credits #top {
  position: absolute;
  top: 10px;
  right: 20px;
  /* color:#626363;
  font-size: 11px;
  border: 1px solid #555;
  padding: 0.5em;
  line-height: 1.2em;
  background: #fff;
  background: -webkit-gradient(linear,left top,left bottom,from(#fff),to(#ccc));
  background: -moz-linear-gradient(top,#fff 0,#ccc 100%);
  -webkit-box-shadow: 1px 1px 1px #777;
  -moz-box-shadow: 1px 1px 1px #777;
  box-shadow: 1px 1px 1px #777;
  */
  /*-webkit-border-radius:0.5em;*/
  /*width:auto;
  border-radius: 2em;
  padding: 0.25em 1em;
  line-height: 1.5em;*/
}

/*.credits .top:hover {
color: #2d5c83;
border: 1px solid #058cf5;
}
*/
.credits #top:hover {
  text-decoration: none;
}

.credits .ui-btn-inner {
  font-size: 12px;
}

/*.credits .top:after {
content: '';
position: absolute;
top: 5px;
right: 0;
background: url(../img/top.png) 6px 0 no-repeat;
display: block;
width: 12px;
height: 5px;
}
*/

.mobile-foot {
  display: none;
}

.mobile-navi {
  height: 0px;
  position: relative;
  /* box-shadow:inset 0 1px 1px -1px #fff;
  border-bottom: 1px solid #111a33;*/
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  z-index: 12;
  width: 100px;
}

#mobile-navi-button {
  display: none;
  width: 40px;
  height: 100%;
  position: absolute;
  left: 10px;
  top: 6px;
  -webkit-transform: translate3d(0, 0, 0);
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-touch-callout: none;
  cursor: pointer;
}

#mobile-navi-button .mobile-navi-stripes {
  height: 100%;
}

#mobile-navi-button .ui-btn-inner {
  padding: 0.5em 10px;
}

#mobile-navi-button .mobile-navi-stripes li {
  display: block;
  height: 3px;
  width: 20px;
  background: #333;
  margin: 0 auto 3px;
  -webkit-box-shadow: 0 0 2px #999;
  box-shadow: 0 0 2px #999;
}

#mobile-navi-button .mobile-navi-stripes li:first-child {
  margin-top: 5px;
}

p#mobile-menu {
  position: relative;
  top: 22px;
  left: 60px;
  font-weight: bold;
  display: block;
  color: #92b8d9;
  width: 60px;
}

#main-container.slide-in {
  -webkit-transform: translate(250px);
  -moz-transform: translate(250px);
  -ms-transform: translate(250px);
  -o-transform: translate(250px);
  transform: translate(250px); /*behavior: url(PIE.htc);*/
}

#main-container {
  height: 100%;
  background: #1869ae url(../img/bg-1869ae.png);
  overflow: hidden;
  -webkit-box-shadow: -3px 0 3px rgba(0, 0, 0, .3);
  box-shadow: -3px 0 3px rgba(0, 0, 0, .3);
  -webkit-transition: all .2s ease-out;
  -moz-transition: all .2s ease-out;
  -o-transition: all .2s ease-out;
  -ms-transition: all .2s ease-out;
  transition: all .2s ease-out;
  -webkit-transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
}

/*url(../img/header.png) repeat-x*/

#navi {
  display: none;
}

#navi.mobile.visible {
  display: block;
}

#navi.mobile {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  min-height: 100%;
  overflow: hidden;
  background: #67b4df;
  padding: 6px 0 0 10px;
}

#navi.mobile .ui-btn, #navi.mobile .selector {
  width: 226px;
}

#navi.scroll {
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
}

#navi.mobile.scroll {
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
}

.no-scrolling {
  overflow: hidden;
}

#navi.desktop {
  display: block;
}

#navi.desktop .language-selector {
  display: none;
}

#navi_top {
  width: 700px;
  position: relative;
  top: 66px;
  float: right;
  /*background:#555;*/
}

/* ### Navi-Fonts ######################################################################## */

div#navi_top #navi.desktop a {
  font-size: 14px;
  font-weight: bold;
  color: #e9e9e9;
  /*text-transform:uppercase;*/
}

div#navi_top #navi.desktop a:hover {
  color: #CCC;
}

div#navi-top {
  width: 205px;
}

div#navi-top #navi.desktop a {
  font-size: 16px;
  /*font-weight:bold;*/
  color: #fff;
  /*text-transform:uppercase;*/
}

div#navi-top #navi.desktop a:hover {
/*color:#fff;*/
text-decoration: none;
}

.selector {
  display: none;
}

.selector select {
  -webkit-appearance: none;
  margin-bottom: 3px; /*-khtml-appearance:none;*/
}

#selectors {
  width: 170px;
  height: 70px;
  position: relative;
  float: right;
  text-align: right;
  top: -4px;
  right: 12px;
}

select {
  width: 100%;
  -webkit-border-radius: 0.7em /* {global-radii-buttons
  }
  */;
  border-radius: 0.7em /* {global-radii-buttons
  }
  */;
}

.advertisement-banner {
  margin-top: 1em;
}

/* INPUT, TEXTAREAS, SELECTORS */
/*p {
margin: 0 0 1em;
font-size: 14px;
}
*/
input, textarea, select {
  border: 1px solid #555;
  padding: 0.5em;
  font-size: 12px;
  line-height: 1.2em; /*width:80%;*/
  background: #fff;
  background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ccc));
  /*background:-moz-linear-gradient(top,#fff 0,#ccc 100%);*/
  -webkit-appearance: none;
  -webkit-box-shadow: 0px 1px 1px #777;
  -moz-box-shadow: 0px 1px 1px #777;
  /*box-shadow:0px 1px 3px #555;*/
  /*-webkit-border-radius:0.5em;*/
}

input:focus, textarea:focus, select:focus {
  outline: none;
  outline-style: none;
  border: 1px solid #058cf5; /*margin:-1px;*/
}

/*.sidebar p*/
input {
  font: 13px 'Arial';
  color: #626363; /*border:1px solid #c0bebe;
  background: #f6f3f3;
  padding: 5px 10px;
  width: 130px;*/
}

input {
  width: 100%;
  margin: 0.2em 0em;
}

textarea {
  height: 55px;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #aaa), color-stop(0.05, #fff));
  /*background:-moz-linear-gradient(top,#fff 0,#ccc 100%);*/
}

select {
  padding: 0.7em 1em 0.5em 0.75em;
  background: #fff url(../img/select.png) no-repeat right center;
  -webkit-background-size: 1600px 32px;
  -webkit-border-radius: 0.7em /* {global-radii-buttons
  }
  */;
  border-radius: 0.7em /* {global-radii-buttons
  }
  */;
  height: 33px;
  color: #5c6970;
}

input[type=text],
input[type=password] {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #aaa), color-stop(0.12, #fff));
  /*background:-moz-linear-gradient(top,#fff 0,#ccc 100%);*/

  -webkit-border-radius: 0.7em /* {global-radii-buttons
  }
  */;
  border-radius: 0.7em /* {global-radii-buttons
  }
  */;
}

input[type=submit] {
  width: auto; /*border-radius:2em;*/
  padding: 0.25em 1em;
  line-height: 1.5em;
  background: -moz-linear-gradient(top, #fff 0, #ccc 100%);
}

input[type=submit]:hover {
  border: 1px solid #058cf5;
}

input[type=checkbox],
input[type=radio] {
  display: inline-block;
  font-size: 15px;
  line-height: 1em;
  margin: 0 0.25em 0 0;
  padding: 0;
  width: 1.25em;
  height: 1.25em; /*-webkit-border-radius:0.25em;*/
  vertical-align: text-top;
}

.lt-ie8 input[type=radio] {
  display: inline;
  margin-right: 15px;
}

input[type=radio] {
/*-webkit-border-radius:2em;*/
}

input[type=checkbox]:checked {
  background: url(../img/checkbox.png) no-repeat center center;
  -webkit-background-size: 28px 28px;
}

input[type=radio]:checked {
  background: url(../img/radio.png) no-repeat center center;
  -webkit-background-size: 28px 28px;
}

input#tel, input#pin {
  width: 114px;
  height: 18px;
  color: #196baf;
}

/* CONTENT */
.news img {
  max-width: 200px;
  margin-right: 10px;
}

/* CMS */

.validators {
  display: none;
}

/*body.lt-ie8,#mobile-navi-button.lt-ie8, #mobile-navi-button .mobile-navi-stripes.lt-ie8, #main-container.lt-ie8, #navi.mobile.lt-ie8 {
height: auto;
}
*/
.lt-ie8 {
  height: auto;
}

/* - margins top and bottom - */
/*.header {
margin-top: 20px;
}
.credits {
margin-bottom: 15px;
}
*/

.ui-btn {
}

.ui-shadow {
}

.ui-btn-corner-all {
}

.ui-btn-inline {
}

.ui-btn-up-a {
}

.ui-btn-inner {
}

.ui-btn-text {
}

.ui-btn-inline {
  margin-right: 5px;
  margin-left: 5px;
}

.ui-btn {
  display: block;
  text-align: left;
  cursor: pointer;
  position: relative;
  margin: 0.3em 0px;
  padding: 0px;
}

.ui-shadow {
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2);
}

.ui-corner-all, .ui-btn-corner-all {
  background-clip: padding-box;
}

.ui-btn-corner-all {
  border-radius: 1em 1em 1em 1em;
}

.ui-btn-up-b, .ui-btn-up-a {
  font-family: Helvetica, Arial, sans-serif;
  text-decoration: none;
}

.ui-btn-inner {
  font-size: 16px;
  padding: 0.5em 12px;
  min-width: 0.75em;
  display: block;
  position: relative;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.ui-btn-inner {
  border-top: 1px solid #fff;
  border-color: rgba(255, 255, 255, .7);
}

.ui-btn-text {
/*position: relative;
z-index: 1;*/
width: 100%;
-moz-user-select: none;
color: #fff;
}

.ui-btn-up-b {
  border: 1px solid #044062;
  background: #004a99;
  font-weight: bold;
  color: #fff;
  text-shadow: 0 1px 0 #194b7e;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#5ec5ed), to(#004a99));
  background-image: -webkit-linear-gradient(#5ec5ed, #004a99);
  background-image: -moz-linear-gradient(#5ec5ed, #004a99);
  background-image: -ms-linear-gradient(#5ec5ed, #004a99);
  background-image: -o-linear-gradient(#5ec5ed, #004a99);
  background-image: linear-gradient(#5ec5ed, #004a99);
}

.ui-btn-up-b:visited {
  color: #fff;
}

.ui-btn-up-b:hover {
  border: 1px solid #00415e;
  background: #4b88b6;
  color: #fff;
  text-shadow: 0 1px 0 #194b7e;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#3995cc), to(#004a99));
  background-image: -webkit-linear-gradient(#3995cc, #004a99);
  background-image: -moz-linear-gradient(#3995cc, #004a99);
  background-image: -ms-linear-gradient(#3995cc, #004a99);
  background-image: -o-linear-gradient(#3995cc, #004a99);
  background-image: linear-gradient(#3995cc, #004a99);
  text-decoration: none;
}

.ui-btn-up-b:active {
  border: 1px solid #225377;
  background: #4e89c5;
  color: #fff;
  text-shadow: 0 1px 0 #194b7e;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#004a99), to(#3995cc));
  background-image: -webkit-linear-gradient(#004a99, #3995cc);
  background-image: -moz-linear-gradient(#004a99, #3995cc);
  background-image: -ms-linear-gradient(#004a99, #3995cc);
  background-image: -o-linear-gradient(#004a99, #3995cc);
  background-image: linear-gradient(#004a99, #3995cc);
}

.ui-btn-corner-all {
  -webkit-border-radius: 1.7em;
  border-radius: 0.7em;
  -webkit-background-clip: padding;
  background-clip: padding-box;
}

.ui-shadow {
  -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, .2);
  -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, .2);
  box-shadow: 0px 1px 3px rgba(0, 0, 0, .2);
}

.ui-btn:focus {
  outline: 0;
  -moz-box-shadow: inset 0px 0px 3px #387bbe, 0px 0px 9px #387bbe;
  -webkit-box-shadow: inset 0px 0px 3px #387bbe, 0px 0px 9px #387bbe;
  box-shadow: inset 0px 0px 3px #387bbe, 0px 0px 9px #387bbe;
}

.ui-btn-inner,
.ui-btn-text {
  -webkit-border-radius: inherit;
  border-radius: inherit;
}

.ui-btn-up-a {
  border: 1px solid #a86804;
  background: #f29400;
  font-weight: bold;
  color: #fff;
  text-shadow: 0 1px 0 #194b7e;
  /*fa7c28 dark*/
  /*f9ce80 new bright*/
  /*#fcf08e too bright*/
  background-image: -webkit-gradient(linear, left top, left bottom, from(#f9ce80), to(#fa7c28));
  background-image: -webkit-linear-gradient(#f9ce80, #fa7c28);
  background-image: -moz-linear-gradient(#f9ce80, #fa7c28);
  background-image: -ms-linear-gradient(#f9ce80, #fa7c28);
  background-image: -o-linear-gradient(#f9ce80, #fa7c28);
  background-image: linear-gradient(#f9ce80, #fa7c28);
}

.ui-btn-up-a:hover {
  border: 1px solid #a86804;
  background: #f29400;
  font-weight: bold;
  text-decoration: none;
  color: #fff;
  text-shadow: 0 1px 0 #194b7e;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#f8a41f), to(#fa7c28));
  background-image: -webkit-linear-gradient(#f8a41f, #fa7c28);
  background-image: -moz-linear-gradient(#f8a41f, #fa7c28);
  background-image: -ms-linear-gradient(#f8a41f, #fa7c28);
  background-image: -o-linear-gradient(#f8a41f, #fa7c28);
  background-image: linear-gradient(#f8a41f, #fa7c28);
}

.ui-btn-up-a:active {
  border: 1px solid #a86804;
  background: #f29400;
  font-weight: bold;
  color: #fff;
  text-shadow: 0 1px 0 #194b7e;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fa7c28), to(#f9ce80));
  background-image: -webkit-linear-gradient(#fa7c28, #f9ce80);
  background-image: -moz-linear-gradient(#fa7c28, #f9ce80);
  background-image: -ms-linear-gradient(#fa7c28, #f9ce80);
  background-image: -o-linear-gradient(#fa7c28, #f9ce80);
  background-image: linear-gradient(#fa7c28, #f9ce80);
}

input[type=password],
input[type=text], textarea {
/*width:200px;
background: #555 url(../img/blackgrad.gif) repeat-x 0 0;
padding: 10px 15px;
margin-bottom: 15px;*/
/*border:1px inset #ccc;*/

/* border-radius:8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
*/

/*text-shadow:0px 1px 0px #eee;
box-shadow: 0px 2px 1px #555;
-webkit-box-shadow: 0px 2px 1px #555;
-moz-box-shadow: 0px 2px 1px #555;*/

/*font-weight:normal;
font-size: 14px;
color: #FFF;
font-family: Tahoma, Arial, Helvetica, sans-serif;*/
}

input[type=submit]:hover {
  cursor: pointer;
  /*background:transparent url(../img/hovergrad.gif) repeat-x 0 -1px;*/
}

#flashContent {
/*display:none;
border: 3px solid #d9d9d9;*/
height: 350px;
width: 185px;
margin: 20px 0 0 7px;
}

#flashContent a:active {
  outline: none;
}

#flashContent :focus {
  outline-style: none;
}

ul.news li a {
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  -ms-transition: none;
  transition: none;
}

ul.news li a:hover {
  text-decoration: none;
}

ul.news li a div.date, ul.news li a:hover div.date, ul.news li a div.date:hover {
  color: #004a99;
}

ul.news li a div.date {
}

ul.news li a strong {
  -webkit-transition: color .2s ease-out;
  -moz-transition: color .2s ease-out;
  -o-transition: color .2s ease-out;
  -ms-transition: color .2s ease-out;
  transition: color .2s ease-out;
}

ul.news li a p {
  margin-bottom: 1.5em;
}

section h3 {
  color: #004a99;
}

#first-content-row.svg-in {
/*background:#FFF url(../img/bike-1.svg) repeat-x top left;*/
background-color: #FFF;
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA3NjcuODI0IDQzMS4zNDciPjxzdHlsZT4uc3R5bGUwe2ZpbGw6ICNGNEY0RjQ7fTwvc3R5bGU+PHBhdGggZD0iTTcxLjgzMiAxMjAuNzcyYzUuNjA3IDEzLjEwNC04LjQzMiAxMS4xIDAuOSAzMS4wNDRjNi4wNzggMTMgMzkgNjguOCAxNDkuOCA5MC4zIGMxMC45MTIgMi4xIDcwIDguOSAxMTMuMTI0LTE1LjIyOWMxNC40NjctOC4xMTctMTkuOTgtNy43NTktMzcuMzI1LTczLjAyMmMtNi4zNTYtMjMuOTMyLTcuNDkxLTU4LjY2LTQ0LjkzMS05MS4xMTMgYy0zOC44MDQtMzMuNjE0LTk5Ljg1LTQ4LjY3My0xNjIuMjYtNDcuNDI5QzYxLjEzIDE1LjkgNC41IDE5LjcgMC42IDI3LjY0NEMtNC45NCAzOC43IDMxLjkgNTIuMSA0MyA2NS4xIGM4LjE4NiA5LjYwMi0yLjc1MSAxNC45NjctMS4xMSAyMy4xNzFDNDQuODM5IDEwMy4xIDY5LjMgMTE0LjggNzEuOCAxMjAuOCIgY2xhc3M9InN0eWxlMCIvPjxwYXRoIGQ9Ik02MTUuMzYyIDEyMi45MjNjLTg1Ljk2MyAwLTE1Mi40NjcgNjkuNjc5LTE1Mi40NjcgMTU1LjM1MWMwIDg0LjUgNjYuNSAxNTMuMSAxNTIuNSAxNTMuMSBjODYuNTIzIDAgMTUyLjQ2Mi02OC41MzEgMTUyLjQ2Mi0xNTMuMDczQzc2Ny44MiAxOTIuNiA3MDEuOSAxMjIuOSA2MTUuNCAxMjIuOSBNNjE1LjM2MiAzODYuOCBjLTU1LjkzOCAwLTEwMS44NDEtNDguNTU5LTEwMS44NDEtMTA4LjUzN2MwLTYxLjExIDQ1LjkwMi0xMTAuODA3IDEwMS44NDEtMTEwLjgwN2M1Ni41MDggMCAxMDIuNCA0OS43IDEwMi40IDExMC44IEM3MTcuNzg1IDMzOC4zIDY3MS45IDM4Ni44IDYxNS40IDM4Ni44IiBjbGFzcz0ic3R5bGUwIi8+PHBhdGggZD0iTTUxMS4xOTkgMTI3LjM2YzM1LjE4NC0xOC40NDQgODUuODkxLTI5Ljg1NCA4NS44MzktNjYuMTM5Yy0wLjA0Ni0zMC42MS0zOS43MzUtNTIuMTg5LTU2Ljk0NS01OS4wMyBjLTEyLjY5LTUuMDMxLTI3LjQzLTEuMzU5LTMzLjA2MSAxMC42MjNjLTUuMDA1IDEwLjYgMi45IDI0IDE3LjUgMjkuMjU5YzE0LjkyMyA1LjQgMjIgMTMuMyAyMC4yIDE5LjIgYy0yLjA1MyA3LjAxOS0yMC43MzkgOS4zMzctNTQuNDA5IDI2LjE2NmMtMTcuMzM1IDguNjYxLTMzLjI0OSAyMi4xNzUtNDcuNjMgMzguMTM2Yy0xNS4yMDQgMTYuMTYyLTMwLjI1MiA0NC45MzUtMzkuMzI3IDYyLjQgYy0zMS44NTEgNjEuMTY2LTkzLjA2OCA3OS42OS0xMDMuNTM5IDgxLjIzYzAgMCAwLjMgMi42IDAuMyA5LjA1OGMtMC4zNCA1OS45NzctNDUuOTE3IDEwOC41MzgtMTAyLjQyNSAxMDguNSBjLTU1Ljk0MSAwLTEwMS44NDMtNDguNTYtMTAxLjg0My0xMDguNTM4YzAtMTguNTgyIDQuMjk0LTM2LjA3NSAxMS43NzctNTEuNDhjLTExLjAxNy03LjkzOC0zMC45MTktMjQuOTAxLTQwLjIwNS0zNS43MjYgYy05LjI2IDE1LjMzMS0yMi4yIDQ2LjQwNy0yMi4yIDg3LjIwOWMwIDg0LjUgNjYuNSAxNTMuMSAxNTIuNSAxNTMuMDczYzc2LjExOCAwIDEzNi4yNTUtNTMuMDQ5IDE0OS42MjktMTIzLjM3NSBsMC4xNCAwLjExYzU1LjY5NS0yMi42ODcgNzguODQ0LTU2LjM4OSA5NS40MDctOTIuMDczQzQ1Ny42NDkgMTg0LjIgNDc2IDE0NS44IDUxMS4yIDEyNy40IiBjbGFzcz0ic3R5bGUwIi8+PC9zdmc+);
background-repeat: repeat-x;
background-position: -967px center; /*767px*/
/*fixed*/
/* cover */
-webkit-background-size: contain;
-moz-background-size: contain;
-o-background-size: contain;
background-size: contain;
}

.no-svg #first-content-row.svg-in {
  background: #FFF;
}

img.replaced-slider {
  max-width: 708px;
  display: block;
}

div#login-box .login-box-content input[type="submit"] {
  font-weight: bold;
}

.content fieldset {
  margin: 0px 2px;
  padding: 0.35em 0.625em 0.75em;
  border: none;
}

.content input {
  width: auto;
  margin: 0.2em 0.5em;
}

.content table td, .content table th {
  border: solid 2px #DDD;
  padding: 0.5em;
}

.content table th {
  font-weight: bold;
  background-color: #EEE;
}

#map-wallpaper {
  display: none;
  position: relative;
  background: url(../img/world_web-2.png?v=2) no-repeat 0 0 transparent;
  background-size: contain;
  width: 740px;
  height: 415px;
  top: 3px;
  right: -956px;
}

#sign-up-today {
  height: 120px;
  width: 120px;
  display: block;
  position: absolute;
  top: 20px;
  right: -43px;
  background: url(../img/sign-up.png) no-repeat 0 0 transparent;
  z-index: 49;
  display:none;
}

table.map_description td {
  border: none;
  padding: 0px;
  vertical-align: middle;
}

/* 73x29 I Love Nextbike campaign change; 2014/08/14 */
#location-indicator{
  text-align:center;
  height: 30px;
  top: 38px;
  /*min-width:73px;
  width:73px;
  left: 331px;*/
  min-width:112px;
  width: 112px;
  height: 46px;
  background-size: 100% auto;
}
/*#location-indicator {
  text-align: center;
  height: 30px;
  top: 40px;
  min-width: 73px;
  width: 73px;
  left: 203px;
}
*/
#location-indicator{
  top: 34px;
  /*left: 688px;*/
  left: 658px;
}
.globe-image {
  background: none;
  background: url(../img/ilovenextbike-2.png) no-repeat top center transparent;
  
}
#iluvnextbikefont.city-name {
  font-family: 'Cutive', serif;
  text-transform: uppercase;
  font-size: 48px;
  color: #FFF;
  /*padding: 33px 0px 0px 0px;
  width:73px;*/
  padding: 47px 0px 0px 0px;
  width: 112px;
}
/*.header .logo, .header .logo:visited {
  text-indent: -999em;
  cursor: pointer;
  background: url('../img/logo.png') no-repeat scroll 0% 0% transparent;
  display: block;
  width: 150px;
  height: 38px;
  position: absolute;
  top: 45px;
  left: 23px;
}
*/
#social-media-box {
  right: -105px;
  z-index:2001;
}






.content-image-teaser-2 {
  width: 100%;
  top: 50px;
  position: relative;
}

.content-image-teaser- img {
/*  width: 100%;
  border: 2px solid #d9d9d9;
*/margin-bottom: 1em;
}



/* new partner logos change; 2014/10/01 */
/* disable old ones */
.bottom-banner a#bb{width:130px;background:url(../img/partner-logos/2-balticbike.jpg) no-repeat;display:none;}
.bottom-banner a#v{width:162px;background:url(../img/partner-logos/4-veturilo.jpg) no-repeat;display:none;}
/*arrange new ones*/
.bottom-banner a#mrr{width:176px;height:39px;margin:0 25px 10px 0;background:url(../img/partner-logos/metropolradruhr.png) no-repeat 0 -41px;position:relative;top:5px;}
.bottom-banner a#mrr:hover{background-position:0 0px;}
.bottom-banner a#sz{width:88px;margin:0 25px 10px 0;background:url(../img/partner-logos/szbike.png) no-repeat 0 -41px;}
.bottom-banner a#sz:hover{background-position:0 0px;}
.bottom-banner a#nb{width:124px;height:39px;margin:0 25px 10px 0;background:url(../img/partner-logos/norisbike.png) no-repeat 0 -41px;position:relative;top:2px;}
.bottom-banner a#nb:hover{background-position:0 0px;}
.bottom-banner a#pr{width:92px;height:39px;margin:0 25px 10px 0;background:url(../img/partner-logos/potsdamrad.png) no-repeat 0 -41px;position:relative;top:2px;}
.bottom-banner a#pr:hover{background-position:0 0px;}
.bottom-banner a#fr{width:49px;margin:0 25px 10px 0;background:url(../img/partner-logos/faecherrad.png) no-repeat 0 -41px;}
.bottom-banner a#fr:hover{background-position:0 0px;}



/* collapsible panel; 2014/10/16 */
.expand-one{
  width:100%;
  /*display:none;*/
  margin-top:10px;
}
.expand-one span.colorful {
  
  background: #eee url(../img/arr_down-2.png) no-repeat right center;
  font-weight: bold;
  /* color: #fff; */
  /*text-shadow: 0 1px 0 #194b7e;*/
  text-shadow: none;
  font-size:13px;
  
  background: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#ccc)) url(../img/arr_down.png) no-repeat right center;
  background: -webkit-linear-gradient(#eee, #ccc) url(../img/arr_down.png) no-repeat right center;
  background: -moz-linear-gradient(#eee, #ccc) url(../img/arr_down.png) no-repeat right center;
  background: -ms-linear-gradient(#eee, #ccc) url(../img/arr_down.png) no-repeat right center;
  background: -o-linear-gradient(#eee, #ccc) url(../img/arr_down.png) no-repeat right center;
  background: linear-gradient(#eee, #ccc) url(../img/arr_down.png) no-repeat right center;
  
  -webkit-border-radius: 0.7em 0.7em 0 0;
  border-radius: 0.7em 0.7em 0 0;
  -webkit-background-clip: padding;
  background-clip: padding-box;
  
  border: 1px solid #CCC;
  margin-bottom: -5px;
}
.content-one {
  display:none;
  border: 1px solid #CCC;
}
.content-one p{
  padding:10px;
}
.expand-one span.ui-btn-inner{
  white-space: normal;
}


/* contact forms; 2014/10/17 */
/* Contact Form */
#ajax-contact-form input[type=submit], #ajax-contact-form-2 input[type=submit] {
}
.hide {
  display: none
}
/* .txt {
width: 130px;
}
*/
#note, #note-2 {
  padding-bottom: 20px;/* padding:5px 20px 0;
  position: absolute;
  left: 270px;*/
}
.fehler {
  color: #e42322;/*color:#AB684A;*/
  /*color:#E6007E;*/
}
.notification_ok {
  color: #0272d4;/*color:#37BBD4;*/
}
.contact-info {
  display: inline-block;
  width: 110px;
}
.anmelde-form {
  min-height: 560px;
}
/*div.submit {
width: 200px
}
*/
/*.anmelde-form .ui-btn-inner, .submit .ui-btn-inner {
padding: 0px 0px;
}
*/
.zeilen-block {/*float:left;*/
}
.zeile {
  width: 180px;/*height:44px;*/
  margin:20px 10px 10px 0px;
  display: inline-block;
}
#ajax-contact-form input.small, #ajax-contact-form-2 input.small {
  width: 80%;
  /*font-size:10px;*/
}
#ajax-contact-form input, #ajax-contact-form textarea, #ajax-contact-form-2 input, #ajax-contact-form-2 textarea {
/*width: auto;*/
margin: 0.3em 0.5em;
}
#ajax-contact-form input[type=number], #ajax-contact-form textarea, #ajax-contact-form-2 input[type=number], #ajax-contact-form-2 textarea {
  -webkit-border-radius: 0.7em;
  border-radius: 0.7em;
  color: #626363;
}
#ajax-contact-form textarea, #ajax-contact-form-2 textarea {
  border-bottom-right-radius: 0;
  -webkit-border-bottom-right-radius: 0;
}
#ajax-contact-form input[type=number], #ajax-contact-form-2 input[type=number] {
  width: 40px;
}
#ajax-contact-form input[type=submit], #ajax-contact-form-2 input[type=submit] {
  border: none;
  padding: 5px 10px;
  font-size: 14px;
  font-weight: bold;
  color: #fff;
  text-shadow: 0 1px 0 #194b7e;
  line-height: 1.5em;
  background: none;
  -webkit-appearance: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  margin: 0;
  width: 100%;
  text-align: left;
}
#ajax-contact-form input[type=submit]:focus, #ajax-contact-form-2 input[type=submit]:focus {
  outline: none;
  outline-style: none;
  border: none;
}
#ajax-contact-form input[type=submit]:hover, #ajax-contact-form-2 input[type=submit]:hover {
  border: none;
}
#ajax-contact-form .ui-btn-inner, #ajax-contact-form-2 .ui-btn-inner {
  padding: 0;
}
#submbtn, #submbtn-2 {
  min-width: 20px;
  max-width: 150px;
}


/* table noborder fix 2014/10/28 */
.content table.noborder td,.content table.noborder th{border:0px;padding:0.5em;border-collapse:collapse;}
.content table.noborder th{font-weight:bold;background-color:none;}


/* Social Media Cyprus 2015/04/28 */
div#social-media-box-cy{
  position:absolute;
  top:9px;
  left:214px;
}
div#social-media-box-cy a img{
  opacity:0.5;
  position:relative;
}
div#social-media-box-cy a:hover img, div#social-media-box-cy a img:hover{
  opacity:1;
  top:2px;
}


/* partner logos update 2015/11/24 */
.bottom-banner a#kvb{width:124px;height:34px;margin:0 25px 10px 0;background:url(../img/partner-logos/kvb.png) no-repeat 0 -36px;}
.bottom-banner a#kvb:hover{background-position:0 0px;}
.bottom-banner a#vrn{width:61px;height:43px; margin:0 25px 10px 0;background:url(../img/partner-logos/vrn.png) no-repeat 0 -44px;}
.bottom-banner a#vrn:hover{background-position:0 0px;}
.bottom-banner .frame {
    width: 100%;
}
a.pin-forgotten-link{color:#eee;}
a.pin-forgotten-link:hover{color:#ccc;}
#social-media-box{width:130px;right:-93px;}
#social-media-box a{margin-bottom:5px !important; display:inline-block;}