@charset "utf-8";
/* CSS Document */
/*********************************************************************************
  Project   : Way out of Line - Design
  Copyright : © 2013 by Way out of Line - www.wayoutofline.net
**********************************************************************************/
@media only screen and (min-width:767px) and (max-width:830px){
  /*#header-objects{width:100%;}*/
  
  .frame, .bottom footer {width:730px;}
  .header div#login-box {
    right: 17px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 959px) {
  .frame, .bottom footer {width:770px;}
  /*#box{width:790px;}*/
  /*.header,.content,.bottom,.bottom-banner,.credits{width:790px;}*/
  
  
  
  /*#header-objects.frame{width:100%;}*/
  .header div#login-box{right:7px;}
  
  
  
  .slider{height:309px;}
  .slider-container{width:518px;height:306px;}
  #slider-controls-bg{top:269px;}
  
  .slider .frame ul li img{
    display:block; max-width: 518px;
  }
  
  
  body .bx-wrapper ul li img{width:518px;height:306px;}
  body .bx-wrapper ul li iframe{width:518px;height:306px;}
  body .bx-wrapper .bx-prev{right:107px;bottom:0px;}
  body .bx-wrapper .bx-next{right:70px;bottom:0px;}
  .navi-panel{height:309px;}
  
  
        /*.content-full img, .content-and-sidebar img {width:100%;}
        .content-and-sidebar {width:488px;padding-right:20px;}
        .sidebar-right {float:right;padding-right:12px;}
        .content-and-sidebar img,.content-and-sidebar iframe {width:100%;}
        .content-full img {height:auto;}*/
        
        
    .content_tris{width:521px;}
    .tri_width_1{width:100%;}
    .tri_width_2{width:100%;}
    
    .tAbox_style_1, .tAbox_style_2, .tAbox_style_3{min-height:280px;}
    
    
    .tAbox_style_3{float:left;}
    .tBbox_style_3{float:left;}
    .title-banner-content{width:521px;}
    .title-banner h3{font-size:17px;margin-top:16px;}
        
        
        
        
        #pin-button-rad-card {
          
/*            width: 176px;
            height: 154px;
            background: url("/nextbike2013/img/pin-rad-card.png") no-repeat scroll 0% 0% transparent;
            display: block;
            position: absolute;
            top: -20px;
            right: -20px;
            z-index: 200;
*/        }
        
        
        
  
  .bottom-banner ul li a, .bottom-banner ul li a:visited {padding:0 5px 0 30px;}
  .bottom-banner ul li a:before {left:5px;}
  .bottom footer .footer-box-one, .bottom footer .footer-box-two, .bottom footer .footer-box-three, .bottom footer .footer-box-four {width:165px;}
  .bottom footer .footer-box-one p img {width:100%;}
  .bottom footer .footer-box-four p input {width:143px;}
  
  
  .credits p.copyrights-text{
    width:72%;
  }
  
  .credits{height:122px;}
  
  #footer-menu ul{width:100%;}
  .bottom-banner .partner-logos{width:100%;left: 18px;}
  
  
  
  span.sm_text {
      display: block;
      margin: 7px 0px 10px 3px;
      float: left;
      font-size: 10px;
  }
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
  /*#main-container{background-position:0 40px;}*/
  
  
  /*.text_bar_shadow{display:none;}*/
  
  
  .frame,.bottom footer{width:480px;}
  /*#box{width:500px;}*/
  /*.header,.content,.bottom,.bottom-banner,.credits{width:500px;}*/
  
  
  /*.header .logo, .header .logo:visited {top:13px;left:0px;width:300px;height:54px;}*/
  /*.title-banner ul {top:82px;}*/
  #logo-title{top:70px;left:5px;/*font-size:9px;*/}
  .header-mobile{
    display:block;
  }
  .header div#navi-box{display:none;}
  /*header.header.nav-absolute,*/
  .navi-panel{display:none;}
  header.header.nav-absolute{
    display:none;
    /*margin-top:40px;*/
  }
  
  div#login-box {
    top: 40px;
  }
  
  
  #social-media-box {
    top: 21px;
    right: 38px;
  }
  
  #location-indicator {
    top: 17px;
    left: 197px;
  }
  
  
  
  #navi.mobile .language-selector{display:block;margin-bottom: 2em;}
  .language-selector{top:8px;left:0px;width:226px;}
  
  
  
  
  .slider{height:286px;}
  .slider-container{width:480px;height:283px;}
  #slider-controls-bg{top:246px;}
  img.replaced-slider{
    max-width: 478px;
  }
  
  
  
  body .bx-wrapper ul li img{width:480px;height:283px;}
  body .bx-wrapper ul li iframe{width:480px;height:283px;}
  body .bx-wrapper .bx-prev{right:109px;bottom:0px;}
  body .bx-wrapper .bx-next{right:72px;bottom:0px;}
  .navi-panel{display:none;height:286px;}
  
  .content_tris{width:100%;margin-left:0px;}
  .content .frame,.title-banner .frame{background:none;}
  .content-2 .frame{background:#fff;}
  .tri_width_1{width:100%;}
  .tri_width_2{width:100%;}
  .tAbox_style_1, .tAbox_style_2, .tAbox_style_3{min-height:280px;}
  
  .title-banner-content{width:100%;margin-left:0px;}
  .title-banner h3{font-size:17px;margin-top:16px;}
  
  
  #pin-button-rad-card {
    width:113px;
    height:99px;
    /*background:url(/nextbike2013/img/pin-rad-card-small.png) no-repeat;*/
    top:-48px;
    right:6px;
  }
  #pin-button-rad-card img {
    width:113px;
    height:99px;
  }
  
  
  
  /*.bottom-banner p {display:none;}*/
  .bottom-banner ul li {font-size:12px;}
  .bottom-banner ul li a, .bottom-banner ul li a:visited {padding:0 10px 0 30px;}
  .bottom-banner ul li a:before {left:5px;}
  .bottom footer .footer-box-one, .bottom footer .footer-box-two, .bottom footer .footer-box-three, .bottom footer .footer-box-four {width:240px;}
  .bottom footer .footer-box-one {width:200px;}
  .bottom footer .footer-box-one p img {width:100%;}
  .bottom footer .footer-box-three {clear:both;padding-left:0;width:200px;}
  .bottom footer .footer-box-four p input {width:215px;}
  
  .bottom-banner .partner-logos{width:90%;padding-bottom:8em;}
  .bottom-banner a#mrr{margin-left:26px;}
  
  
  
  #footer-menu{margin-top:10px;}
  #footer-menu ul{width:100%;}
  
  
  .credits{height:162px;}
  
  
  
  .mobile-navi { height: 40px; }
  #mobile-navi-button,#mobile-menu{display:block;}
  
  /*.mobile-foot{
    display:block;
    width: 500px;
    padding: 5px 0px 25px 0px;
    left:50%;
    margin-left:-250px;
    position:relative;
  }*/
  #selectors{width:100%;float:none;text-align:center;top:0px;margin-top:10px;right:0px;}

}

@media only screen and (max-width: 479px) {
  /*#main-container{background-position:0 40px;}*/
  
  /*.text_bar_shadow{display:none;}*/
  .frame,.bottom footer{width:100%;}
  
  
  /*#box{width:320px;}*/
  /*.header,.content,.bottom,.bottom-banner,.credits{width:320px;}*/
  
  /*.header .logo, .header .logo:visited {top:10px;left:0px;width:300px;height:54px;}*/
  
  
  
  #logo-title{top:70px;left:5px;/*font-size:9px;*/}
  
  
  .header-mobile{
    display:block;
    height:298px;
  }
  .header div#navi-box{display:none;}
  /*header.header.nav-absolute,*/
  .navi-panel{display:none;}
  header.header.nav-absolute{
    display:none;
    /*margin-top:40px;*/
  }
  
  
  .header-holder{height:291px;}
  div#login-box {
    top: 170px;
    left: 50%;
    margin-left: -152.5px;
    width: 305px;
    height: 171px;
    background: url("/nextbike2013/img/login-box-bottom-2.png") no-repeat scroll 0px 100% transparent;
  }
  
  
  div#login-box .login-box-content {
      width: 230px;
  }
  
  input#tel, input#pin {
      width: 214px;
  }
  div#login-box .login-box-content span.input-question {
      left: 200px;
  }
  
  
  
  #social-media-box{top:21px;right:38px;}
  
  #location-indicator {
      top: 147px;
      left: 50%;
      margin-left: -63.5px;
  }
  
  .header-mobile .logo, .header-mobile .logo:visited {
      top: 75px;
      left: 50%;
      margin-left: -117.5px;
  }
  
  #navi.mobile .language-selector{display:block;margin-bottom: 2em;}
  .language-selector{top:8px;left:0px;width:226px;}
  
  .slider{height:180px;margin: 0px auto;}
  .slider-container{width:300px;height:177px;}
  #slider-controls-bg{top:140px;right:0px;}
  
  
  img.replaced-slider{
    max-width: 299px;
  }
  
  
  
  body .bx-wrapper ul li img{width:300px;height:177px;}
  body .bx-wrapper ul li iframe{width:300px;height:177px;}
  body .bx-wrapper .bx-prev{right:64px;bottom:0px;}
  body .bx-wrapper .bx-next{right:27px;bottom:0px;}
  
  
  
  
  
  
  /*#logo-title{display:none;}*/
  #logo-title{top:70px;left:5px;/*font-size:9px;*/}
  
  .title-banner ul {/*top:82px;*/display:none;}
  .title-banner h1 span {display:none;}
  
  
  
  
  .content_tris{width:100%;margin-left:0px;}
  .content .frame,.title-banner .frame{background:none;}
  .content-2 .frame{background:#fff;}
  .tri_width_1{width:100%;}
  .tri_width_2{width:100%;}
  .tAbox_style_1, .tAbox_style_2, .tAbox_style_3{min-height:280px;}
  
  
  
  .what-is-nextbike-heading h4, .what-is-nextbike-heading h2 {
      font-size: 20px;
  }
  .what-is-nextbike-text {
      float: left;
  }
  
  
  
  
  
  .title-banner-content{width:100%;margin-left:0px;}
  .title-banner h3{font-size:17px;margin-top:16px;}
  #pin-button-rad-card {
    width: 113px;
    height: 99px;
    /*background: url("/nextbike2013/img/pin-rad-card-small.png") no-repeat scroll 0% 0% transparent;*/
    top: 92px;
    right: -14px;
  }
  #pin-button-rad-card img {
    width:113px;
    height:99px;
  }
  
  
  
  #footer-menu ul{width:87%;margin:0px auto;padding-bottom:1em;}
  
  
  
  .bottom-banner .partner-logos{width:60%;padding-bottom:19em;}
  
  .bottom-banner a#bb {
    margin-left:25px;
  }
  .bottom-banner a#pr {
    margin-left:26px;
  }
  
  
  .bottom-banner p {display:none;}
  .bottom-banner ul li {font-size:12px;}
  .bottom-banner ul li a, .bottom-banner ul li a:visited {padding:0 5px 0 4px;}
  .bottom-banner ul li a:before {display:none;}
  .bottom-banner ul li a:after {background:none;}
  .bottom footer .footer-box-one, .bottom footer .footer-box-two, .bottom footer .footer-box-three, .bottom footer .footer-box-four {width:280px;padding:0 10px 10px 10px;float:none;}
  .bottom footer .footer-box-four p input {width:255px;}
  
  
  .bottom p {
    padding: 0px 0px 21px;
  }
  
  
  
  .credits{height:192px;}
  .credits p, .credits .ui-btn-inner {
    font-size: 9px;
  }
  
  
  
  .mobile-navi { height: 40px; }
  #mobile-navi-button,#mobile-menu{display:block;}
  
  /*.mobile-foot{
    display:block;
    width: 300px;
    padding: 5px 0px 25px 0px;
    left:50%;
    margin-left:-150px;
    position:relative;
  }*/
  #selectors{width:100%;float:none;text-align:center;top:0px;margin-top:10px;right:0px;}
  
  .content-media-image {
  	width: 100%;
  }
  .inline {
  	max-width: 100%;
  }
  
}