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

body{background:#67b4df;}

/* FONTS */
body,p{color:#33403b}


h1,h2{color:#0E5437;}
h3,h5{color:#0E5437;}
h4{color:#0E5437;}
h4{color:#0E5437;}

a,a:active,a:visited{color:#0E5437;}

a:hover{color:#0E5437;text-decoration:underline;}

.blue-1{color:#0E5437;}
.blue-2{color:#0E5437;}
.grey{color:#5c6970;}
.half-white{color:#92b8d9;}

.footer-grey{color:#bdbcbc;}
.hotline-grey{color:#a6aaac;}

.header,.header-mobile{background-color:#0E5437;background-image:none;}

.language-selector ul li,.language-selector ul li a{color:#8cab9e;}
.language-selector ul li a:hover{color:#fff;text-decoration:underline;}

.header .logo,.header .logo:visited{background-image:url(/sz-bike2013/img/logo-sz-bike.png);width:200px;height:77px;top:35px;left:58px;}

.header-mobile .logo,.header-mobile .logo:visited{background-image:url(/sz-bike2013/img/logo-sz-bike.png);width:200px;height:77px;top:65px;left:23px;}

@media only screen and (max-width: 479px) {
	.header-mobile .logo, .header-mobile .logo:visited {
	top: 55px;
	left: 60%;
	}
}

/*
.globe-image{background:url(https://templates.nextbike.net/sz-bike2013/img/globe.png) no-repeat;}
*/
.city-name{color:#fff;}

/*
#social-media-box a#twit{background-image:url(https://templates.nextbike.net/sz-bike2013/img/social-media/twit.png);}
#social-media-box a#fb{background-image:url(https://templates.nextbike.net/sz-bike2013/img/social-media/fb.png);}
#social-media-box a#gplus{background-image:url(https://templates.nextbike.net/sz-bike2013/img/social-media/gplus.png);}
*/

div#login-box{background-image:url(/sz-bike2013/img/login-box-bottom.png);}
div#login-box .login-box-content input[type=submit]{color:#fff;text-shadow:0 1px 0 #194b7e;}

@media only screen and (max-width: 479px) {
	div#login-box{background-image:url(/sz-bike2013/img/login-box-bottom-2.png);}
}

.header div#navi-box, .header div#navi-box-chrome{background-image:url(/sz-bike2013/img/navi-bg.png);}

.slider{background:#d9f8ff;}

/*
#slider-controls-bg{
  background-image:url(https://templates.nextbike.net/sz-bike2013/img/slider-controls-bg.png);
}
*/
.content .frame, .content-2 .frame{background-image: url(/sz-bike2013/img/bg-navi-bg.jpg);}
.title-banner .frame{background-image: url(/sz-bike2013/img/bg-navi-bg-2.jpg);}
@media only screen and (max-width: 767px) {
	.content .frame, .content-2 .frame, .title-banner .frame{background-image:none;}
}

.content-2{background-image:url(/sz-bike2013/img/bg-stripes.jpg);}

#pin-button-rad-card{
  /*background:url(/sz-bike2013/img/pin-rad-card.png) no-repeat;*/
}



.title-banner h3{
  color:#a6aaac;
}

div.crazy-headline{
  background: #168154;

  background-image: -webkit-gradient(linear, left top, left bottom, from( #0E5437 ), to( #199763));
  background-image: -webkit-linear-gradient( #0E5437, #199763 );
  background-image:    -moz-linear-gradient( #0E5437, #199763 );
  background-image:     -ms-linear-gradient( #0E5437, #199763 );
  background-image:      -o-linear-gradient( #0E5437, #199763 );
  background-image:         linear-gradient( #0E5437, #199763 );

}

div.crazy-headline h2{
  color: #fff;
  text-shadow: 0 1px 0 #0d5034;
  
}



.bottom{background:#f2f2f2;border-top:3px solid #d9d9d9;border-bottom:1px solid #d9d9d9;}

.bottom h3,.bottom p{color:#5c6970;}


#footer-menu,#footer-menu ul li a{color:#5c6970;}
#footer-menu ul li a:hover{color:#004a99;text-decoration:underline;}


.bottom footer h3{color:#22496d;}
.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;text-decoration:underline;}
.bottom footer .footer-box-four p input{font:13px 'Arial';color:#626363;border:1px solid #c0bebe;background:#f6f3f3;padding:5px 10px;width:190px;}

.credits{background-color:#0E5437;background-image:none;color:#bdbcbc;}



.credits p,.credits p a,.credits p a:visited{color:#bdbcbc;} /*color:#92b8d9;*/

p#mobile-menu{color:#8cab9e;}


#main-container{background-color:#0E5437;background-image:none;}

#navi.mobile {
  background: #199763;
}

div#navi_top #navi.desktop a:hover{
  color:#CCC;
  text-decoration:underline;
}

div#navi-top #navi.desktop a {
  color:#fff;
}


input,textarea,select{border-color:#555;}
input:focus,textarea:focus,select:focus{border-color:#058cf5;}

input{color:#626363;}

select {
  color:#5c6970;
}

input[type=submit]:hover{border-color:#058cf5;}

input#tel, input#pin{
  color:#0E5437;
}


.ui-btn-up-b {
  border-color: #093321;
  background: #168154;
  text-shadow: 0 1px 0 #0d5034 ;
  background-image: -webkit-gradient(linear, left top, left bottom, from( #199763 ), to( #0E5437 ));
  background-image: -webkit-linear-gradient( #199763 , #0E5437 );
  background-image: -moz-linear-gradient( #199763 , #0E5437 );
  background-image: -ms-linear-gradient( #199763 , #0E5437 );
  background-image: -o-linear-gradient( #199763 , #0E5437 );
  background-image: linear-gradient( #199763 , #0E5437 );
}
.ui-btn-up-b:visited{
  color: #fff;
}
.ui-btn-up-b:hover {
  border-color: #093321;
  background: #105d3d;
  color: #fff;
  text-shadow: 0 1px 0 #0d5034;
  background-image: -webkit-gradient(linear, left top, left bottom, from( #14784f ), to( #0E5437 ));
  background-image: -webkit-linear-gradient( #14784f , #0E5437 );
  background-image: -moz-linear-gradient( #14784f , #0E5437 );
  background-image: -ms-linear-gradient( #14784f , #0E5437 );
  background-image: -o-linear-gradient( #14784f , #0E5437 );
  background-image: linear-gradient( #14784f , #0E5437 );
  text-decoration: none;
}
.ui-btn-up-b:active {
  border-color: #093321;
  background: #105d3d;
  color: #fff;
  text-shadow: 0 1px 0 #0d5034;
  background-image: -webkit-gradient(linear, left top, left bottom, from( #14784f ), to( #3995cc ));
  background-image: -webkit-linear-gradient( #0E5437 , #14784f );
  background-image: -moz-linear-gradient( #0E5437 , #14784f );
  background-image: -ms-linear-gradient( #0E5437 , #14784f );
  background-image: -o-linear-gradient( #0E5437 , #14784f );
  background-image: linear-gradient( #0E5437 , #14784f );
}
.ui-btn:focus {
  outline: 0;
  -moz-box-shadow: inset 0px 0px 3px #387bbe , 0px 0px 9px #199763 ;
  -webkit-box-shadow: inset 0px 0px 3px #387bbe , 0px 0px 9px #199763 ;
  box-shadow: inset 0px 0px 3px #387bbe , 0px 0px 9px #199763 ;
}

.ui-btn-up-a {
  background: #f29400; 
  color: #fff;
  text-shadow: 0 1px 0 #194b7e ;
  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 {
  background: #f29400;
  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 {
  background: #f29400;
  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 );
}


ul.news li a div.date, ul.news li a:hover div.date, ul.news li a div.date:hover{
  color:#0E5437;
}

section h3{
  color:#0E5437;
}

/*#location-indicator{
  text-align:center;
  height: 30px;
  top: 38px;
  min-width:73px;
  width:73px;
  left: 331px;
}*/


#map-wallpaper{
  background:none;
}
.navi-panel-content {
  background: #E0F5EC;
}