/*
Theme Name: RUM
Theme URI: http://r-m.de/
Description: Custom Theme for Riese und Müller
Version: 1.0
*/


/* =============================================================================
   HTML5 Boilerplate CSS: h5bp.com/css
   ========================================================================== */

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }

html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
html, button, input, select, textarea { font-family: sans-serif; color: #222; }
body { margin: 0; font-size: 1em; line-height: 1.4; }

::-moz-selection { background: #32b2de; color: #fff; text-shadow: none; }
::selection { background: #32b2de; color: #fff; text-shadow: none; }

a {   color: #5a5a5a;  text-decoration: none; }
a:hover { color: #32b2de; }
a:focus { outline: 0; }
a:hover, a:active { outline: 0;   }

p a,
figcaption a {  
  color: #32b2de; 
}

abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
blockquote { margin: 1em 40px; }
dfn { font-style: italic; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
ins { background: #ff9; color: #000; text-decoration: none; }
mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
q { quotes: none; }
q:before, q:after { content: ""; content: none; }
small { font-size: 85%; }

sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }

ul, ol { margin: 1em 0; padding: 0 0 0 40px; }
dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }

img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }

svg:not(:root) { overflow: hidden; }

figure { margin: 0; }

form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }
label { cursor: pointer; }
legend { border: 0; *margin-left: -7px; padding: 0; white-space: normal; }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
button, input { line-height: normal; }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; *overflow: visible; }
button[disabled], input[disabled] { cursor: default; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; *width: 13px; *height: 13px; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; resize: vertical; }
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color: #f0dddd; }

input[placeholder] {
  color: silver;
}

table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }

.chromeframe { margin: 0.2em 0; background: #ccc; color: black; padding: 0.2em 0; }


/* =============================================================================
   Non-Semantic Helper Classes
   ========================================================================== */

.ir { 
  display: block; border: 0; text-indent: -999em; overflow: hidden; 
  background: url(images/sprite.png) 0 0 no-repeat; 
  text-align: left; direction: ltr; *line-height: 0; }
.ir br { display: none; }
.hidden { display: none !important; visibility: hidden; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }



/****************************************************************************************
 * TYPO */

h1, h2, h3, h4, caption {
  font-family: 'Droid Serif', serif;
  font-weight: normal;
  line-height: 1.2em;
}

h1, h2 {
   font-size: 25px;
   line-height: 1.5em;
}
caption {
   line-height: 1.8em;
}

h3 {
  font-size: 18px;
  line-height: 1.3em;
}
h4 {
   font-size: 14px;
}
.grid article .thumb {
  display: block; 
  margin-bottom: 25px;
}
.grid article .thumb-medium {
  display: block; 
  margin-bottom: 45px;
}
.grid article .thumb-medium img {
  width: 100%;
  height: auto;
  max-height: 270px;
}


.bike-grid article h4 {
  margin: 15px 0 0 0;
}
h1, h2, h3, h4, p {
  margin: 0 0 15px 0;
}
p:last-child {
  margin-bottom: 0;
}
p {
  font-size: 16px;
  line-height: 1.6em;
}
.context  p,
.grid .col-1 p,
.grid .col-1 time {
  font-size: 14px;
}
.grid .col-1 time {
  display: block;
  margin: -8px 0 10px;
}

.grid-tripple .col-1 { margin-top: 30px;}


figcaption {
    font-size: 12px;
}

body, table td, textarea, caption:after {
    font-family: 'Droid Sans', sans-serif; 
    color: #5a5a5a;
 }

.header nav.top1 {
    font-size: 18px;
}
.header nav.top2, 
.foo1 ul > li ul li {
    font-size: 12px;
}

.stage nav.e2 ul {
    font-size: 13px;
    line-height: 1.3em;
}


.bike-detail .info article {
    font-size: 14px;
    line-height: 1.6em;
}
.toggletable td {
  font-size: 12px;
}


/****************************************************************************************
 * MAIN STRUCTURE - ROWS, HEADER & FOOTER*/

 body {
    text-align: center;
    padding-top: 120px;
 }
 .wrapper {
    /*max page width!*/
    width: 948px;
    text-align: left;
    margin: 0 auto;
    padding: 50px 0;
    position: relative;

 }
.white {
  background-color: #fff;
}
.gray {
  background-color: #f8f8f8;
}
.border {
  border-radius: 3px;
  box-shadow: 0 0 2px #b6b6b6;
-moz-transition: box-shadow 200ms ease-in-out;/*FF ab 4.0*/
-webkit-transition: box-shadow 200ms ease-in-out;/*Safari ab 3.2, Chrome */
-o-transition: box-shadow 200ms ease-in-out; /* Opera ab 10.5 */
-ms-transition: box-shadow 200ms ease-in-out;/* Internet Explorer ab 10?*/
transition: box-shadow 200ms ease-in-out; /*CSS-Standard*/
}
a .border:hover {
  box-shadow: 0 0 3px #32B2DE;
}

.line-bottom {
  background-image: url(images/line.png);
  background-position: bottom center;
  background-repeat: no-repeat;
}



.header {
  border-top: 11px solid #404040;
   width: 100%;
   height: 129px;
     top: 0px;
  left: 0;
  z-index: 2000;
  position: absolute;
  }
.header.sticky {
  position: fixed;
  top: -30px;
}
  
.header:after {
  position: absolute;
  left: 0;
  bottom: -25px;
  height: 25px;
  width: 100%;
  background: url(images/shadow.png) top center no-repeat;
  content: ' ';
  z-index: 101;
}
.header nav {
  position: absolute;
  top: 32px;
  right: 0;
}
.header nav.home {
  left: 0;
  top: 35px;
}

.header nav.home a {
  background: url(images/logo_new.png) 0 0 no-repeat;
  height: 51px;
  width: 260px;
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
.header nav.home a {
  background-image: url(images/logo_new_260@2x.png) !important;
  background-size: 260px 51px;
  }
}

.header nav.top1 {
  top: 75px;
}
.header nav.top1,
.header nav.top2 {
  z-index: 110;
}

.header nav.top1 li a {
    margin-left: 20px;
}
.header nav.top2 ul {
  background: #f8f8f8;
  border-radius: 20px;
  padding-right: 9px;
  margin-right: 10px;
}

.header nav.top2 ul a {
  padding: 4px 5px;
  margin-left: 9px;
  position: relative;
}
.header nav.top2 ul a:before {
   color: #e6e6e6;
   content: '|';
   position: absolute;
   left: -8px;
   top: 3px;
}
.header nav.top2 ul li:first-child a:before {
   content: '  ';
}

.header nav.top2 ul.menu-about-us {
  background: transparent;
  font-size: 15px;
}
.header nav.top2 ul.menu-about-us a {
  padding-top: 1px;
  margin-left: 5px;
}

.header nav.top2 ul.menu-about-us a:before {
  top: 1px;
  display: none
}


.header nav.top2 .lang {
  position: relative;
  cursor: pointer;
  z-index: 150;
  float: left; 
  padding: 7px;
  margin-right: 5px;
  margin-top: -1px;
}

.header nav.top2 .lang .label {
  display: block;
}
.header nav.top2 .lang .lang_txt {
  display: none;
}
.header nav.top2 .lang:hover .lang_txt {
  display: block;
  float: left;
  line-height: 15px;
  margin-top: -2px;
}

.header nav.top2 .lang ul {
  border-radius:  0;
  display: none;
  margin: 0;
  padding: 0;
  width: 100%;
}
.header nav.top2 .lang ul li {
  float: none;
}
.header nav.top2 .lang img {
  float: right;
  margin: 0 0 0 10px
}
.header nav.top2 .lang:hover  {
 background: #F8F8F8;  
}

.header nav.top2 .lang.hover ul,
.header nav.top2 .lang:hover ul {
  display: block;
}
.header nav.top2 .lang ul  li a {
  padding: 13px 0 0 0;
  margin: 0;
  display: block;
   width: 100%;
}
.header nav.top2 .lang ul a:before {
  display: none;
}


body.e-bike li.nav-e-bike a,
body.fahrrad li.nav-fahrrad a,
body.faltrad li.nav-faltrad a,
body.single-post li.nav-info a,
.header nav.top1 li.current-menu-item a,
.header nav.top1 li.current-page-ancestor a {
   color: silver;
}



.header nav ul,
.header nav ul li,
.header nav ul li a,
.header nav form {
  float: left;
}




.stage {
  padding-top: 10px;
  min-height: 100px;
}

.stage h1 {
  max-width: 480px;
  margin: 0;
}
.stage p {
  margin: 15px 0 5px 0;
}


.stage nav.e2 {
  position: absolute;
  top: 43px;
  right: 0;
  background-color: #fff;
  cursor: pointer;
  padding: 10px 10px 10px 12px;
  width: 200px;
  border-radius: 3px;
  box-shadow: 0 0 2px #b6b6b6;
  z-index: 150;
}

.stage nav.e2 .label {
  display: block;
  color: #c5c5c5;
  background: url(images/sprite.png) 168px -14px no-repeat;
}
 .stage nav.e2 ul {
  display: none;
  margin-top: 10px;
}
.stage nav.e2.hover ul,
.stage nav.e2:hover ul {
  display: block;
}
.stage nav.e2.hover .label,
.stage nav.e2:hover .label {
   background-position: 168px -64px;
}
.stage nav.e2 ul  li a {
  padding-bottom: 5px;
  display: block;
}


.stage nav.e2 ul li.current_page_item a,
.stage nav.e2 ul li.current_page_ancestor a {
    color: #a3a3a3;
}




.stage .header-image {
    width: 100%;
    height: auto;
    display: block;
}
.grid + .header-image {
   margin-top: 30px;
}

 




.stage .grid .video {
    /*margin-top: -20px;*/
}

.stage .grid .video  figcaption {
    margin-top: 14px;
}

.search input {
  width: 0;
  display: none;
  margin-right: 10px;
  padding: 5px 10px;
  border: 1px solid #eee;
  border-radius: 30px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
  color: gray;
  float: left;
  outline: none!important;
}

.search button {
    background-color: #f8f8f8;
    background-position: -13px -113px;
    border-radius: 30px 30px 30px 30px;
    height: 25px;
    width: 25px;
    float: right;
}
.search button:hover {
 background-position: -13px -163px;
}

.content {
  min-height: 200px;
}

.foo1 nav {
    margin-left: -20px;
    margin-top: -20px;
 }

.foo1 ul > li {
  font-weight: bold;
  width: 222px;
  margin: 20px 0 0 20px;
  float: left;
}
.foo1 ul > li ul {
  margin: 20px 0 0 0;
}
.foo1 ul > li ul li {
  font-weight: normal;
  line-height: 1.3em;
  margin: 0 0 4px 0;
}
.foo1 ul > li ul li  a {
  color: #a3a3a3;
}
.foo1 a:hover {
  color: #32B2DE;
}

/* update */
.foo1 ul li #menu-item-3104,
ul li #menu-item-12381,
ul li #menu-item-11523,
ul li #menu-item-11386,
ul li #menu-item-3039,
ul li #menu-item-1676,
ul li #menu-item-3314,
ul li #menu-item-3165,
ul li #menu-item-2375,
ul li #menu-item-3053
{
  font-size: 1em;
  line-height: 1.4;
  font-weight: bold;
  margin-top: 20px;
}

.foo1 ul li #menu-item-3104 a, 
ul li #menu-item-12381 a,
ul li #menu-item-11523 a,
ul li #menu-item-11386 a,
ul li #menu-item-3039 a,
ul li #menu-item-1676 a,
ul li #menu-item-3314 a,
ul li #menu-item-3165 a,
ul li #menu-item-2375 a,
ul li #menu-item-3053 a
{ 
  color: #5a5a5a;
}

.foo1 ul li #menu-item-3104 a:hover, 
ul li #menu-item-12381 a:hover,
ul li #menu-item-11523 a:hover,
ul li #menu-item-11386 a:hover,
ul li #menu-item-3039 a:hover,
ul li #menu-item-1676 a:hover,
ul li #menu-item-3314 a:hover,
ul li #menu-item-3165 a:hover,
ul li #menu-item-2375 a:hover,
ul li #menu-item-3053 a:hover 
{ 
  color: #32B2DE;
}

.foo1 ul > li #menu-item-3104 ul li a, 
ul > li #menu-item-12381 ul li a,
ul > li #menu-item-11523 ul li a,
ul > li #menu-item-11386 ul li a,
ul > li #menu-item-3039 ul li a,
ul > li #menu-item-1676 ul li a,
ul > li #menu-item-3314 ul li a,
ul > li #menu-item-3165 ul li a,
ul > li #menu-item-2375 ul li a,
ul > li #menu-item-3053 ul li a
{ 
  color: #a3a3a3;
}

.foo2 {
 background-image: url(images/shadow.png);
 background-position:  top center;
 background-repeat:  no-repeat;
}

.foo2 nav,
.foo2 nav p,
.foo2 a {  
  font-size: 12px;
  color: #a3a3a3;
  margin-bottom: 5px;
} 
.foo2 nav ul li {
  float: left;
  margin: 0;
  padding: 0 5px 0 0;
} 
.foo2 nav ul li a {
  float: left;
  padding: 0 5px 0 0;
} 

.foo2 nav ul li:after {
  content: '-';
}
.foo2 nav ul li:last-child:after {
  content: '';
}


.foo2 .social .flickr,
.foo2 .social .twitter,
.foo2 .social .youtube {
    width: 40px;
    height: 40px;
    float: right;
    margin: 5px 5px 15px 0;
} 
.foo2 .social .youtube {
  background-position: 0 -954px;
}
.foo2 .social .youtube:hover {
  background-position: 0 -1004px;
}
.foo2 .social .flickr {
  background-position: 0 -1054px;
}
.foo2 .social .flickr:hover {
  background-position: 0 -1104px;
}
.foo2 .social .twitter {
  background-position: 0 -1154px;
}
.foo2 .social .twitter:hover {
  background-position: 0 -1204px;
}

.foo2 .social .fb_iframe_widget {
    margin: -7px 0 0 0;
}

.foo2 .wrapper {
  overflow: hidden;
}


figure.video a {
  width: 100%;
  height: auto;
  display: block;
  position: relative;
}
figure.video a:before,
figure.video a:after {
 position: absolute;
 top: 0;
 left: 0;
 height: 100%;
 width: 100%;
 content: ' ';
 }
figure.video a:before {
  background: url(images/sprite-video.png) 0 0 no-repeat;
  z-index: 10;
}
figure.video a:after {
  background: url(images/sprite-video.png) 85px -155px no-repeat;
  z-index: 11;
}
figure.video a:hover:after {
  background-position: 85px -305px;
 }
figure.video a.inline-video:after {
  background-position: 85px -160px;
}
figure.video a.inline-video:hover:after {
   background-position: 85px -310px;
}



/*
figure.small-video a:before {
  background: url(images/sprite-video.png) -10px -10px no-repeat;
}
figure.small-video a:after {
  background: url(images/sprite-video.png) 35px -480px no-repeat;
}
figure.small-video a:hover:after {
  background-position: 35px -604px;
}
figure.small-video a {
  width: 95px;
}
figure.small-video a img {
  width: 100%;
}
figure.small-video a.no-video-controls:after {
  background: none;
}
*/


.side-menu {
  margin: 0;
  padding: 0;
  list-style: none;
  border-top: 1px solid #f1f1f1;
}
.side-menu li {
  background: #fff;
  margin: 0;
  padding: 0;
  list-style: none;
  padding: 15px 20px;
  border-bottom: 1px solid #f1f1f1;
}
.side-menu li.current_page_item {
  padding-left: 21px;
  margin-left: -1px;
  background: #fff url(images/sprite.png) -20px 2px no-repeat;
}

.side-menu li a {
  color: #32B2DE;
}
.side-menu li.current_page_item a {
  color: #5A5A5A;
}

/****************************************************************************************
 * GRID */

.grid {
  margin-left: -20px;
}


.col-1, .col-2, .col-3, .col-4 {
  float: left;
  margin-left: 20px;
} 
.col-1 {
  width: 222px;
} 
.col-2 {
  width: 464px;
} 

.col-3 {
  width: 706px;
} 
.col-4 {
  width: 948px;
} 

.grid-3-1 {
  margin-left: -20px;
}  
.bike-grid  {
  margin-bottom: -25px;
}
.bike-grid article  {
  margin-bottom: 25px;
}
.bike-grid .border  {
  box-shadow: 0 0 1px #cacaca;
}

.bike-grid-small article {
    width: 141px;
    min-height: 141px;
}

.bike-grid-small article img {
    width: 100%;
    height: auto;
}

.grid .col-1 img {
    width: 100%;
    height: auto;
}



.bikefinder article {
    opacity: 0.2;
}
.bikefinder article.active {
    opacity: 1.0;
}
.bikefinder article {
  position: relative;
}
.bikefinder article:before {
  position: absolute;
  z-index: 100;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: ' ';
}
.bikefinder article.active:before {
  display: none;
}
.bikefinder .placeholder {
  opacity: 0.5;
}

.col-2 .col-1:first-child {
  float: left;
  margin-left: 0px;
 } 
.col-2 .col-1:last-child {
  float: right;
  margin-left: 0px;
} 


.multiline-grid article {
  margin-bottom: 25px;
  min-height: 430px;
}
.hide-excerpt .multiline-grid article {
  min-height: 200px;
}
.hide-excerpt .multiline-grid article p {
  display: none;
}



/****************************************************************************************
 * TEXT CONTENT FORMATS  */


body.page-id-1602 .thumb-medium,
body.page-id-514 .thumb-medium {
  display: none;
}


img.alignnone {
  width: 100%;
  height: auto;
  margin: 0;
} 
img.alignleft {
   float: left;
   margin: 5px 25px 10px 0;
   border-radius: 4px;
}
img.alignright {
   float: right;
   margin: 5px 0 10px 25px;
   border-radius: 4px;
}

time {
  color: silver;
}

.highlight {
  color: #bfd730; 
}
.highlight-block {
  display: block;
  color: #bfd730; 
}

.content article ul + h2,
.content article ul + h3,
.content article p + h2,
.content article p + h3  {
  margin-top: 40px;
}
.content article ol,
.content article ul  {
  padding: 0 0 0 15px;
}
.content article ol li,
.content article ul li  {
  padding: 0 0 5px 0;
}

.content article.col-3 .button {
 display: inline-block; 
 padding: 10px 30px;
 margin: 20px 0px;
}

.page-next {}
.page-all {
  text-align: center;
}
.page-prev {
  text-align: right;
}
      



.newsticker h3 {
  /*height: 45px;*/
  overflow: hidden;
  width: 100%;
}
.newsticker .feature-button {
  position: absolute;
  top: 35px;
  left: 100px;
  width: 110px;
  height: 110px;
}
.newsticker .feature-button img {
  width: 100%;
  height: auto;
}

.article-with-sidebar {
  border-right: 1px solid #f1f1f1; 
  margin-right: -20px; 
  padding-right: 19px
}

/****************************************************************************************
 * BUTTONS */

.button {
  border-radius: 4px;
  border: 1px solid #ebebeb;
  background: -moz-linear-gradient(top,  #fff 0%, #f4f4f4 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff), color-stop(100%,#f4f4f4));
  background: -webkit-linear-gradient(top,  #fff 0%,#f4f4f4 100%);
  background: -o-linear-gradient(top,  #fff 0%,#f4f4f4 100%);
  background: -ms-linear-gradient(top,  #fff 0%,#f4f4f4 100%);
  background: linear-gradient(top,  #fff 0%,#f4f4f4 100%);
  padding: 12px 0;
  display: block;
  text-align: center;
  text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.8);
  margin-bottom: 20px;
}

.button:hover {
  background: -moz-linear-gradient(top,  #f9f9f9 0%, #f4f4f4 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9f9f9), color-stop(100%,#f4f4f4));
  background: -webkit-linear-gradient(top,  #f9f9f9 0%,#f4f4f4 100%);
  background: -o-linear-gradient(top,  #f9f9f9 0%,#f4f4f4 100%);
  background: -ms-linear-gradient(top,  #f9f9f9 0%,#f4f4f4 100%);
  background: linear-gradient(top,  #f9f9f9 0%,#f4f4f4 100%);
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1) inset;
  color: #5A5A5A;
}

.button-blue,
.button-atc {
  border: 1px solid #35a7cf;
  box-shadow: 0 0 2px #cfcfcf;
  background: -moz-linear-gradient(top,  #64c5e6 0%, #3db2da 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#64c5e6), color-stop(100%,#3db2da));
  background: -webkit-linear-gradient(top,  #64c5e6 0%,#3db2da 100%);
  background: -o-linear-gradient(top,  #64c5e6 0%,#3db2da 100%);
  background: -ms-linear-gradient(top,  #64c5e6 0%,#3db2da 100%);
  background: linear-gradient(top,  #64c5e6 0%,#3db2da 100%);
  text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.2);
  color: #fff;
}

.button-blue:hover,
.button-atc:hover {
  background: -moz-linear-gradient(top,  #47bee7 0%, #3db2da 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#47bee7), color-stop(100%,#3db2da));
  background: -webkit-linear-gradient(top,  #47bee7 0%,#3db2da 100%);
  background: -o-linear-gradient(top,  #47bee7 0%,#3db2da 100%);
  background: -ms-linear-gradient(top,  #47bee7 0%,#3db2da 100%);
  background: linear-gradient(top,  #47bee7 0%,#3db2da 100%);
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1) inset;
  color: #fff;
}





/****************************************************************************************
 * SLIDER - jquery.tools.scrollable */

#slides {
position:relative;
overflow:hidden;
clear:both;
 height: 400px;
}

#slides .slidesbar  {
  width:20000em;
  height: 405px;
  position:absolute;
  clear:both;
}
#slides .slidesbar article {
 float:left;
 width:948px;
 height: 405px;
 position: relative;
}
#slides .slidesbar article h1,
#slides .slidesbar article h2 {
  bottom: 30px;
  left: 40px;
  position: absolute;
  color: #fff;
  max-width: 400px;
  line-height: 1.5em;
}
#slides .slidesbar article h1 a,
#slides .slidesbar article h2 a {
  background-color: rgba(50, 178, 222, 0.7);
  color: #fff;
  padding: 0 4px;
  display: inline-block;
}
#slides .slidesbar article h1 a:hover,
#slides .slidesbar article h2 a:hover {
  background-color: #fff;
  color: #32B2DE;
}
 
#slides .prev,
#slides .next {
  top: 170px;
  position: absolute;
  width: 50px;
  height: 50px;
  display: block;
  z-index: 1000;
  cursor: pointer;
}
#slides .prev {
  left: 17px;
  background-position: -10px -700px;
}
#slides .next {
  right: 17px;
   background-position: 10px -600px;
}
#slides .prev:hover {
  background-position: -10px -750px;
}
#slides .next:hover {
   background-position: 10px -650px;
}
.over {
  
  /* must be initially hidden */
  display:none;
  
  /* place overlay on top of other elements */
  z-index:50000;
  
  /* styling */
  background-color:#333;
  
  min-height:200px;
}
.close {
  position: absolute;
  top: 0px;
  right: -20px;
  height: 19px;
  width: 19px;
  display: block;
  background: url(images/x.png) 0 0 no-repeat; 
  cursor: pointer;

}


/****************************************************************************************
 * BIKE SEGMENT PAGE */

.multiline {
    margin: 0;
    padding: 0;
    position: absolute;
    bottom: 50px; 
  }
  .multiline span {
    background: rgba(255,255,255,0.1);
    display: inline-block;
    font-size: 20px;
     margin: 1px 0;
     padding: 8px 10px;
  }
  .multiline a {
    color: #fff !important;
  }
  .color-stage {
    color: #fff;
    padding: 0;
  }
  .color-stage .wrapper {
    padding: 0;
  }
  .color-stage .wrapper .excerpt {
     margin: 20px 0px 25px 20px;
  }
  .color-stage .wrapper .text-cols {
    -moz-column-count: 2;
    -webkit-column-count: 2;
    column-count: 2;
  }
  .color-stage .wrapper .text-cols p {
        margin: 0 0 15px;
  }
  .color-stage .wrapper p {
    font-size: 18px;
        line-height: 1.9em;
  }
  
  .color-stage .wrapper aside  {
    margin-top: 30px;
    margin-bottom: 20px;
  }  
  .color-stage .wrapper aside .button {
     margin: 10px 0;
  }  


  .stage-image {
    padding: 0;
  }
  .stage-image .wrapper {
    padding: 0;
    height: 380px;
  }




/****************************************************************************************
 * BIKE DETAIL PAGE */

.bike-detail {
  min-height: 500px;
}


.bike-detail h1 {
  position: absolute;
  top: 50px;
  left: 0;
  z-index: 80;  
}

.bike-detail .social {
  position: absolute;
  top: 100px;
  left: 0;
  z-index: 80;  
}

.bike-detail .bikes {
  position: absolute;
  top: 50px;
  left: 0;
  width: 620px;
  height: 465px;
  z-index: 60;  
}
.bike-detail .bikes a img {
  width: 100%;
  height: auto; 
}
.bike-detail .bikes figcaption {
  width: 200px;
  margin: -20px 0 0 205px;
  font-style: italic;
  font-size: 11px;
  color: #bbbbbb;
  text-align: center;
}
.bike-detail .info {
  position: absolute;
  top: 45px;
  right: 0;
  width: 300px;
  z-index: 65;  
}
.bike-detail .info .e2 {
  top: 0;
}
.bike-detail .info article {
  margin: 75px 0 0 -90px;
  text-align: right;
   color: #949495;
}
.bike-detail .info .colors  {
  text-align: right;
  margin: 5px 0 15px 0;
  color: #949495;
}
.bike-detail .info .colors ul {
  display: inline;
}
.bike-detail .info .colors h5,
.bike-detail .info .colors ul li {
  display: inline-block;
}
.bike-detail .info .colors ul li {
  height: 15px;
  width: 34px;
  margin: 0 0 -4px 5px;
  border: 1px solid #dddddd;
  cursor: pointer;
}
.bike-detail .info .colors ul li.active,
.bike-detail .info .colors ul li:hover {
  box-shadow: 1px 1px 0px rgba(0, 0, 0, 0.5) inset;
}



.bike-detail .info figure .wrap {
  float: right;
  margin: 0 0 10px;
  position: relative;
  height: 125px;
  width: 222px;
}
.bike-detail .info figure .wrap a,
.bike-detail .info figure .wrap iframe {
  position: absolute;
  height: 125px;
  width: 222px;
  overflow: hidden;
}
.bike-detail .info figure .wrap img.cropped {
  margin: -7px 0;
}

.bike-detail .info figcaption {
  width: 222px;
  text-align: right;
  float: right;
}



.search-box {
  border-radius: 4px;
  background-color: #f8f8f8; 
  padding: 15px;
  margin: 5px 0 35px 0;
  clear: both;
}
.search-box label {
    float: left;
    line-height: 2.2em;
}

.search-input {
    float: right;
    margin: 0 10px;
    padding: 9px 10px 6px 10px;
    border: 1px solid #eee;
    border-radius: 2px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
    width: 220px;
}
.search-button {
  width: 46px;
  height: 34px;
  background-color: #3db2da;
  background-position: -2px -208px;
  border-radius: 4px;
  float: right;
}
.info-box {
  margin: 25px 0;
  padding: 25px 0;
  border-top: 1px solid #f7f8f9;
}


.toggletable {
  width: 100%;
  border: 1px solid #f2f2f2;
  margin: 30px 0px;
  display: block;
  border-radius: 3px;
    position: relative;
}
.toggletable caption {
  text-align: left;
  padding: 18px;
  cursor: pointer;
  background: url(images/sprite.png) 888px -390px no-repeat; 
  display: block;
}
.toggletable caption.closed {
  background-position: 888px -490px; 
}
.toggletable caption:hover {
  background-position: 888px -440px; 
}

.toggletable caption.closed:hover {
  background-position: 888px -540px; 
}
.toggletable caption:after {
  position: absolute;
  top: 19px;
  right: 55px;
  content: attr(data-txt);
  text-align: right;
  color: #949495;
  font-size: 12px;
}


.toggletable caption:hover:after {
  color: #32B2DE; 
}

.toggletable tbody {
  border: 1px solid #fff;
  border-top: 1px solid #f2f2f2;
  display: block;
}

.toggletable  td {
  padding: 10px 18px;
  width: 80%;
}
.toggletable  tr {
}
.toggletable  tr:first-child {
  border-top: 1px solid #fff;
} 
.toggletable  tr:last-child-child {
  border-bottom: 1px solid #fff;
} 
.toggletable td:first-child {
   font-weight: bold;
   border-right: 1px solid #f2f2f2;
   width: 222px;
}

.toggletable tbody tr:nth-child(even) {background: #fff }
.toggletable tbody tr:nth-child(odd) {background: #f2f2f2 }

.toggletable tbody span {
  display: inline-block;
  min-width: 174px;
}

#dio-lens{
    -moz-border-radius: 100px;
    display: none;
    overflow: hidden;
    position: absolute;
    border: 3px solid rgba(255, 255, 255, 0.5);
    box-shadow: 2px 2px 20px gray;
    padding: 2px;
    z-index: 10000;
}

#dio-sensor {
  z-index: 11000;
  cursor:crosshair;
  border-radius: 200px;
}

#dio-loader{
  text-indent:-30000px;
}


/****************************************************************************************
 * RETAILER MAP */

.retailer-form {
 display: block;
  border: 1px solid #f5f5f5;
  background: #fbfbfb;
  width: 100%;
  border-radius: 3px;
  margin-bottom: 30px;
}
.retailer-form fieldset {
  display: inline;
}
.retailer-form fieldset div {
  display: inline-block;
  padding: 15px;
}
.retailer-form fieldset div:first-child {
  border-right: 1px solid #f5f5f5;
}

.retailer-form fieldset a {
  background: url(images/sprite.png) -10px -311px no-repeat; 
  padding: 5px 0 5px 40px;

}


.retailer-form fieldset select {
    border: 1px solid #EEEEEE;
    border-radius: 2px 2px 2px 2px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
    padding: 8px 5px 8px 10px;
    -moz-appearance: listbox;
    -webkit-appearance: listbox;
    appearance: listbox;
    background: #fff url(images/sprite.png) 136px -9px no-repeat; 
    width: 180px;
    position: relative;
    top: 1px;
 }
 .retailer-form fieldset select  option {
  outline: 0;
  padding: 0;
 }

.retailer-form fieldset .search-input,
.retailer-form fieldset .search-button {
    float: none;
    display: inline-block;
    position: relative;
    top: 1px;
}
.retailer-form fieldset .search-input {
   min-width: 460px;
   margin: 0;
}






/****************************************************************************************
 * FLEXIBLE FAKE TABLE */

.t-grid {  
  display: table;
  width: 100%;
  overflow: hidden;
  margin-bottom: 50px;
}
.t-grid:last-child {  
   margin-bottom: 0px;
}

.t-grid .t-row {  
    border-bottom: 1px solid #f1f1f1;
    display: table;
    margin-bottom: -1px;
    margin-top: 1px;
    width: 101%;
}
.t-grid .t-label {  
  background: #fff;
  display: table-cell;
  width: 185px;
}
.t-grid .t-label h3 {
    font-size: 15px;
    line-height: 1.3em;
    margin: 0;
}

.t-grid .t-data {  
    display: table-cell;
    padding: 0;
}
.t-grid .t-data,
.t-grid ul.t-data li  {  
    background: #fafafa;
    list-style: none;
    margin: 0;
}
.t-grid .t-label,  
.t-grid .t-data li,
.t-grid .t-data article {  
    vertical-align: top;
    padding: 15px 19px;
}
.t-grid .t-data li,
.t-grid .t-data article p {  
   font-size: 14px;
}
.t-grid .t-data article {  
   font-size: 14px;
   border-left: 1px solid #f1f1f1;
}
.t-grid .t-data article ul  {  
  padding: 0 0 10px 15px;
}
.t-grid .t-data article ul li  {  
  padding: 3px 0 3px 3px;
}

.t-grid ul.t-data li {  
    float: left;
    min-height: 40px;
    width: 202px;
    border-bottom: 1px solid #f1f1f1;
    border-left: 1px solid #f1f1f1;
}
.t-grid .t-data li:last-child {  
    border-right: 1px solid #f1f1f1;
}
.t-grid .t-data li:last-child,
.t-grid .t-data li:nth-child(n+7),
.t-grid .t-data li:nth-child(n+8),
.t-grid .t-data li:nth-child(n+9) {
 border-bottom: 0;
}

.t-grid .t-row-dates {  
  width: 100%; 
}
.t-grid .t-row-dates ul.t-data li {
  border-bottom: 0;
  min-height: 60px;
}

.t-grid .t-row-dates .t-data li:nth-child(n+4),
.t-grid .t-row-dates .t-data li:nth-child(n+5),
.t-grid .t-row-dates.t-data li:nth-child(n+6) {
 border-top: 1px solid #f1f1f1;
}


/****************************************************************************************
 * BIKEFINDER */

.bikefinder-nav {
        position: relative;
        background-color: red;
        min-height: 130px;
        margin: 45px 0;

    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(242,242,242,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(242,242,242,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(242,242,242,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(242,242,242,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(242,242,242,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(242,242,242,1) 100%); /* W3C */
}
.segment-nav-top {
        display: table-row;
        width: 100%;
        position: absolute;
        top: -47px;
        border-collapse: separate;
        border-spacing: 2px;
}
.segment-nav-top li  {
        display: table-cell;
        border: 1px solid #eee;
        border-bottom:  0;
        width: 320px;  /*5 -> 200px*/
 }
 .segment-nav-top li a   {
        padding: 10px 20px;
        background: #fff;
        display: block;
        position: relative;
        text-align: center;
        border-radius: 2px 2px 0 0;
 }
 .segment-nav-top li.current_page_item a:after   {
        position: absolute;
        bottom: -2px;
        left: 0;
        background: #fff;
        width: 100%;
        height: 10px;
        content: '';
 }



/*
.bikefinder-nav {
    margin: 0 0 45px 0;
    min-height: 100px;
    background-color: #fafafa;
  }
.bikefinder-nav ul.segment-nav {
  float: left;
  border-right: 1px solid #f1f1f1;
  width: 220px;
}
.bikefinder-nav ul.segment-nav li {
  display: inline;
}
.bikefinder-nav ul.segment-nav li a {
  display: block;
  padding: 11px 20px;
  border-top: 1px solid #f1f1f1;
  background-color: #fff;
  color: #32B2DE;
}
.bikefinder-nav ul.segment-nav li:first-child a {
  border-top: 0;
}

.bikefinder-nav ul.segment-nav li.current_page_item a {
  color: #5A5A5A;
}
*/

.matrix-nav {
  display: inline-table;
  width: 900px;
  margin: 25px 0 -25px 10px;
}
.matrix-nav li {
  display: table-cell;
  color: #bebebe;
}
.matrix-nav li:first-child {
  width: 130px;
}
.matrix-nav li.first {
   width: 80px;
}
.matrix-nav li a,
.matrix-nav li span {
  padding: 7px 10px;
}
.matrix-nav li .button {
  border-radius: 0;
  border-right: 0;
  font-size: 13px;
}
.matrix-nav li.first .button {
  border-radius: 4px 0 0 4px;
}
.matrix-nav li.last .button {
  border-radius: 0 4px 4px 0;
  border-right: 1px solid #ebebeb;
}

.fb-like {
  position: relative; 
  left: 5px; 
  top: -5px; 
  display: inline-block;
}



/***************************************************************************************
  SEGMENT COLOR CODING
*/
 
body.segment-e-bike .color-bar {
  border-bottom: 10px solid #435956;
}
body.segment-load .color-bar {
  border-bottom: 10px solid #a0aaae;
}
body.segment-birdy .color-bar {
  border-bottom: 10px solid #c8d87d;
}
body.segment-bikes .color-bar {
  border-bottom: 10px solid #d2cebf;
}
body.segment-bluelabel .color-bar {
  border-bottom: 10px solid #4aa9d6;
}



 .segment-nav-top li a   {
      background: url(images/sprite-bikefinder.png) 0 0 repeat-x;
 }
.segment-nav-top li.segment-e-bike a   {
      background-position: 0 0;
 }
 .segment-nav-top li.segment-load a   {
      background-position: 0 -100px;
 }
  .segment-nav-top li.segment-birdy a   {
      background-position: 0 -200px;
 }
 .segment-nav-top li.segment-bikes a   {
      background-position: 0 -300px;
 }
 .segment-nav-top li.segment-bluelabel a   {
      background-position: 0 -400px;
 }

 .faq-menu li {
  position: relative;
 }
  .faq-menu li:after {
    position: absolute; 
    top: 0;
    right: 0;
    content: '';
    height: 100%;
    width: 5px;
    background-color: #e2e2e2; 
 }
.faq-menu li.segment-e-bike:after {
  background-color: #435956;
}
.faq-menu li.segment-load:after {
   background-color: #a0aaae;
}
.faq-menu li.segment-birdy:after {
    background-color: #c8d87d;
}
.faq-menu li.segment-bikes:after {
   background-color: #d2cebf;
}
.faq-menu li.segment-bluelabel:after {
    background-color: #4aa9d6;
}

/****************************************************************************************
 * TOOLTIPS */

*[data-tooltip] {
        position:relative;        
}
  /* Default :before & :after values */     
*[data-tooltip]:after,
*[data-tooltip]:before {
      content:"";
      opacity:0;  
      z-index:990;
        
      -moz-transition-property: opacity;
      -moz-transition-duration: 0.5s;
      -moz-transition-delay: 0.3s;
        
      -webkit-transition-property: opacity;
      -webkit-transition-duration: 0.5s;
      -webkit-transition-delay: 0.3s;
        
      transition-property: opacity;
      transition-duration: 0.5s;
      transition-delay: 0.3s;  
    
      text-decoration:none !important;
      outline:none;
}

/* Tooltip arrow - shown on hover or focus */
  *[data-tooltip].click:before,
  *[data-tooltip]:hover:before,
  *[data-tooltip]:focus:before {
         z-index:992;
        opacity:0.94;
        outline:none;
        content:"";  
        display:block;        
        position:absolute;
        bottom:-10px;
        left:50%;
        margin:0 0 0 -7px;
        width:0;
        height:0;
        line-height:0px; 
        font-size:0px;       
        /* This sets the tooptip pointer color */
        border-bottom:7px solid #292929;
        border-left:7px solid transparent;
        border-right:7px solid transparent;        
        border-top:transparent;
        /* Border gradient       
        -webkit-border-image:-webkit-gradient(linear, left top, left bottom, from(#33ccff), to(#33acfc));  */                        
        }
  /* Tooltip body - shown on hover or focus */
  *[data-tooltip].click:after,
  *[data-tooltip]:hover:after,
  *[data-tooltip]:focus:after {
        opacity:0.94;
        display:inline-block;
        content:attr(data-tooltip);
        position:absolute;
        bottom:-53px;
        left:50%;
        margin:0 0 0 -111px;
        width:212px;
        padding:5px;
       
        /* Style the tooltip */
        line-height:16px;
        height:33px;
        vertical-align: middle;

        /* Set font styles */  
        color:#fff;
        font-size:12px;        
        font-weight:normal;
        text-shadow:#000 0 1px 0px; 
      
        text-align:center;        
        outline:none;        
        text-decoration:none !important;                  
      
        background:#292929; 
        background:-webkit-gradient(linear, left top, left bottom, from(#454545), to(#292929));
        background:-moz-linear-gradient(top,#454545,#292929);         
        
        -moz-border-radius:5px;
        -webkit-border-radius:5px;
        border-radius:5px; 
               
          /* Add a drop shadow */
        box-shadow: 0 0 2px #b6b6b6;
}


/* non mobile */
 a.mobile-only,
 select.mobile-only {
     display: none;
}

/****************************************************************************************
 * CUSTOM FORM STYLE FOR  "contact form 7" plugin */

form.wpcf7-form {
  clear: both;
}

form.wpcf7-form p {
  border-top: 1px solid #F1F1F1;
  float: left;
  padding: 20px 0 10px 0;
  width: 100%;
}

form.wpcf7-form .wpcf7-form-control-wrap {
  float: right;
  width: 450px;
}

.pass_input,
form.wpcf7-form .wpcf7-form-control-wrap input[type=email],
form.wpcf7-form .wpcf7-form-control-wrap input[type=text],
form.wpcf7-form .wpcf7-form-control-wrap textarea {
    border: 1px solid #cccccc;
    border-radius: 2px 2px 2px 2px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
    margin: 0 0 2px 0;
    padding: 9px 10px 6px;
    width: 88%;
}
 
form.wpcf7-form .button {
  padding: 12px 30px;
  float: left;
  font-size: 16px;
  margin-left: 242px;
}
.wpcf7-not-valid-tip {
  font-size: 12px;
  display: block;
  color: red;
}
.wpcf7-list-item {
  display: block;
  margin: 2px 5px;
}

.page-id-5227 form.wpcf7-form .wpcf7-form-control-wrap input[type=email],
.page-id-5227 form.wpcf7-form .wpcf7-form-control-wrap input[type=text],
.page-id-5227 form.wpcf7-form .wpcf7-form-control-wrap textarea {
    padding: 9px 10px 6px;
    width: 88%;
}

.page-template-page-press-content-php .wpcf7-form-control-wrap,
.page-template-page-form-php .wpcf7-form-control-wrap {  float: none!important;}

.page-template-page-press-content-php .form-wrap,
.page-template-page-form-php .form-wrap { float: right; width: 65%;}

.page-template-page-form-php .short_1_3 {width: 20%!important; float: left;}
.page-template-page-form-php .short_2_3 {width: 60%!important; float: left;}
.page-template-page-form-php .short_1_3_plz {width: 20%!important; float: left; margin-right: 15px!important;}
.page-template-page-form-php .short_2_3_street {width: 60%!important; float: left; margin-right: 15px!important;;}


.page-template-page-press-content-php .short_1_3 {width: 20%!important; float: left;}
.page-template-page-press-content-php .short_2_3 {width: 60%!important; float: left;}
.page-template-page-press-content-php .short_1_3_plz {width: 20%!important; float: left; margin-right: 15px!important;}
.page-template-page-press-content-php .short_2_3_street {width: 60%!important; float: left; margin-right: 15px!important;;}

.t-row span.required {color: #d73333;}

.page-template-page-form-php textarea:focus, input:focus, button:focus { outline: 0;}

.page-template-page-press-content-php label, 
.page-template-page-form-php label {float: left; margin-right: 10px; }

.page-template-page-form-php .button { margin-bottom: 0!important;}

.page-template-page-press-content-php .wpcf7-response-output,
.page-template-page-form-php .wpcf7-response-output {
display: block;
position: absolute;
left: 625px;
font-size: 12px;
}

.page-template-page-press-content-php .wpcf7-validation-errors, 
.page-template-page-form-php .wpcf7-validation-errors { color: #d73333; bottom: 104px;}

.page-template-page-press-content-php .wpcf7-mail-sent-ok, 
.page-template-page-form-php .wpcf7-mail-sent-ok { color: green; bottom: 104px;}

.page-template-page-press-content-php .wpcf7-mail-sent-ng,
.page-template-page-form-php .wpcf7-mail-sent-ng { bottom: 104px;}

/****************************************************************************************
 * MAP */

.pin {
            background: url(/wp-content/themes/rum/images/sprite_pin.png) no-repeat scroll 0 0 transparent;
            color: #FFFFFF;
            font-family: helvetica;
            font-size: 12px;
            font-weight: bold;
            height: 42px;
            padding: 11px 0 0;
            position: relative;
            text-align: center;
            width: 40px;
}
.pin:hover,
.pin.click {
     background-position: -40px 0; 
      z-index: 800;
 }
      
li.click {
  background-color: #fbfbfb
}

.txt-result {
  height: 500px;
  overflow: auto;
      margin-left: 0;
      width: 241px !important;
      border: 1px solid #eee;
      border-left: 0;
}
.txt-result ul,
.txt-result ul li {
  list-style: none;
  margin: 0;
  padding: 0;
  font-size: 12px;
}
.txt-result ul li {
  padding: 15px 10px 15px 20px;
  border-bottom: 1px solid #eee;
}

.txt-result li b {
  display: block;
  cursor: pointer;
  padding: 0 0 3px 0;
}
.txt-result li .group {
  padding: 3px 0;
  display: block;
}
.txt-result li .more {
  display: none;
}

.txt-result li.click .more {
  display: block;
}

.txt-result a {
  color: #32B2DE;
}

.empty_message {
  padding: 15px 10px 15px 20px;
}

/* =============================================================================
   Print Styles
   ========================================================================== */
 
@media print {
  * { background: transparent !important; color: black !important; box-shadow:none !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } /* h5bp.com/t */
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
}

.wrapper .gallery .gallery-item,
.wrapper .gallery .gallery-icon {
  float: left;
  margin: 0;
  padding: 0;
}
.wrapper .gallery a {
  float: left;
  margin: 0 13px 13px 0;
}
.wrapper .gallery {
  float: left;
}
.wrapper .gallery img {
  border-radius: 4px;
}

/* ================
   PRESS
   */

.press-menue ul.menu,
.press-menue ul.menu li {
  list-style: none;
  margin: 0;
  padding: 0;
}
.press-menue ul.menu {
  margin: -15px -19px;
}

.press-menue ul.menu li a {
  padding: 10px;
  border-bottom: 1px solid #f1f1f1;
  display: block;
}
.press-menue ul.menu li.current-menu-item a,
.press-menue ul.menu li.current_page_item a,
.press-menue ul.menu li a:hover {
  background: #fafafa;
}
.press-content .press-item {
  padding-top: 15px;
  margin-top: 15px;
  border-top: 1px solid #f1f1f1;
}

.press-content div.press-item:first-child {
  padding-top: 0;
  margin-top: 0;
}
.press-content article.press-item {
  margin-top: 0;
}

.press-content .press-item:first-child {
  border-top: none;
}

.press-content p {
  display: block !important;
}
.press-content time {
  margin-bottom: 6px;
  display: block;
}
.press-thumb-mini {
  width: 140px; 
  height: auto;
  float: left;
  margin-right: 10px;
  margin-bottom: 15px;
}
.pdf-link {
  clear:both;
  display: block;
}

.page-id-514 .col-2 {
  margin-bottom: 60px;
}

/* =============================================================================
   Media Queries
   ========================================================================== */

@media only screen and (min-width: 481px) {
.page-id-24996 .wrapper article.col-2 { padding-bottom: 50px; }
.page-id-24996 .wrapper article.col-2:last-child { padding-bottom: 0;}
}

@media only screen and (max-width: 1025px) {

    h1, h2 {
     font-size: 22px;
    }
    .text-content .grid .col-3 {
      width: auto;
      margin-bottom: 20px;
    }

    .header nav.home a {
      background-position: 0 -51px;
      width: 200px;
    }

    .header nav.top1 {
    font-size: 16px;
    }

   .wrapper,
   #slides .slidesbar article {
      width: 706px;
    }
    #slides .slidesbar article {
      height: 300px;
    }
    #slides .slidesbar article h1 {
      line-height: 1.3em;
    }
    #slides .prev, #slides .next {
      top: 120px;  
    }
    #slides {
      height: 300px;
    }
   
   .grid .col-1 {
      width: 161px;
    }
    .grid .col-2 {
      width: 343px;
    }
    
    .grid .col-3 {
      width: 464px;
    }
    .foo1 ul > li {
      width: 161px;
    }
    .grid aside.col-1 {
      float: right;
    }
    .stage p {
     font-size: 14px; 
    }
    .grid .col-1 h3 {
      font-size: 14px;  
    }
    .grid .col-1 figure.video a:after {
      background-position: 70px -460px;
    }
    .grid .col-1 figure.video a:hover:after {
      background-position: 70px -584px;
    }

    .retailer-form fieldset .search-input {
      max-width: 210px;
      min-width: 200px;
    } 

    /*bike-detail */
    .bike-detail {
      max-height: 420px;
      min-height: 420px;
    }
    .bike-detail .bikes {
      height: 370px;
      width: 420px;
    }
    .bike-detail .bikes figcaption {
      margin: 15px 0 0 0;
      width: 700px;
      text-align: left;
    }  
    .bike-detail .info article {
      font-size: 12px;
      margin: 0;
      position: absolute;
      top: 370px;
      left: -406px;
      text-align: left;
    }
    .bike-detail .info .colors {
      margin: 50px 0 15px;
    }
    .col-2 .col-1 {
      width: 100%;
    }
    .search-box .search-input {
      margin: 10px 0 0 0;
      width: 292px
    }
   .toggletable caption:after {
        right: 20px;
        font-weight: bold;
    }
    .toggletable tbody span {
      min-width: 140px;
      padding-right: 10px;
    } 

    .bikefinder-nav ul.segment-nav {
      width: 120px;
    }
    .matrix-nav {
      width: 550px;
    }
    .bike-grid article {
      min-height: 155px;
     }

    .bike-grid-small article {
      min-height: 152px;
      width: 101px;
    }

    .newsticker .col-1 {
      width: 222px;
    }
    .newsticker .col-1:last-child {
      display: none;
    }
    .link-icon {
      background-size: 280px auto !important;
      height: 70px !important;
      width: 140px !important;
    }
    
    .content object,
    .content embed {
      display: none;
    }
    .content .no-flash {
      display: block !important;
      visibility: visible !important;
    }
    .content .no-flash img {
      width: 100%;
      height: auto;
    }

    .article-with-sidebar {
      border-right: 0; 
      margin-right: 0; 
      padding-right: 0;
    }
    .sidebar {
      display: none;
    }

   .page-template-page-form-php label {
      float: none;
      display: block;
    }

    .page-template-page-form-php .form-wrap {
      float: none; 
    
}
    form.wpcf7-form .button {
      margin-left: 0;
    }

    .page-template-page-form-php .wpcf7-response-output {
      left: 385px;
    }

}

/* Mobile 320-480px */
@media only screen and (max-width: 480px) {
   

.page-template-page-segment-load-2014-php .grid-tripple .col-1 {
    width: 93%;
    margin-bottom: 0;
    min-height: 100px;
    }

  .header nav.home a {
      background-position: 0 -102px;
      width: 165px;
    }

   p {
     font-size: 13px;
   }
   h1,h2 {
     font-size: 18px;
     margin-bottom: 10px;
   }
   .grid .col-1 h3 {
      font-size: 13px;  
   }
   .wrapper {
      width: auto;
      padding: 20px 10px;
   }

   body {
    padding-top: 0px;
    }
   .header {
     position: relative !important;
     top: 0px !important;
     height: 80px;
   }
   .stage {
    min-height: 70px;
    padding-top: 0;
    } 
    .social {
      clear: both;
      margin: 50px 10px;
    }
    .header nav.home {
      width: 100px;
      left: 10px;
      top: 10px;
    }
    /*#slides,
    .stage-slides,*/
    .feature-button {
      display: none;
      visibility: hidden;
    } 
    #slides {
      height: 205px;
    }
    #slides .prev, #slides .next {
      display: none;
    }
    #slides .slidesbar article h1 {
      left: 10px;
      bottom: 10px;
      width: 350px;
      font-size: 15px;
    }
    #slides .slidesbar article {
      height: 195px;
      width: 460px;
    }

    .grid + .header-image {
      margin-top: 0;
    }
    .grid .col-1 {
      width: 130px;
      min-height: 160px;
    }
    
    .page-template-page-load-zubehoer-php .grid-tripple .col-1 {
      width: 93%;
      margin-bottom: 0;
    }

    .grid .col-1 figure.video a:after {
      background-position: 53px -470px;
    }
   .grid .col-1 figure.video a:hover:after {
      background-position: 53px -594px;
    }
    .button-grid .col-1 {
      float: none;
      min-height: 10px;
      width: auto;
    }

    .grid .col-2 {
      width: auto;
      float: none;
      margin-bottom: 20px;
    }
    .grid .col-3 {
      width: auto;
      float: none;
      margin-bottom: 20px;
    }
     .grid aside.col-1 {
      float: none;
      margin-top: 20px;
      min-height: 50px;
      width: 170px;
     
    }
     .grid aside.col-1 {
      float: none;
      margin: 20px;
      width: auto;
      min-height: 10px; 
      margin-bottom: 10px; 
    }
    .stage .grid .video a {
      float: left;
      width: 130px;
      margin-right: 20px;
    }

    .grid .col-1 p,
    .newsticker .col-1 time,
    .grid .col-1 h3+time {
      display: none;
    }

    .page-template-page-load-zubehoer-php .grid .col-1 p,
    .page-template-page-segment-load-2014-php .grid-tripple .col-1 p
    {
      display: inline;
    }

    .page-template-page-load-zubehoer-php article p {
      display: none!important;
    }

    .grid article .thumb-medium {
      margin-bottom: 15px;
    }

    .bg-load { background-image: none!important;}

    .text-content .grid .col-3 img {
      margin: 0 0 10px 0 !important;
      width: 100%;
      height: auto;
      float: none;
    }

    .newsticker .col-1 {
      float: none;
      width: auto;
      min-height: 10px;
      display: block !important;
    } 
     .newsticker .col-1 h3 {
        height: auto;
    } 

  .foo1 nav ul,
  .stage .e2,
  .header .top1,
  .header .top2 {
      display: none !important;
   }
   a.mobile-only,
   select.mobile-only {
     display: block;
   }
   .header select {
     position: absolute;
     width:  110px;
     top: 24px;
     right: 5px;
   }
   .foo1 select,
   .stage select {
      margin: 15px 0; 
      width: 100%;
    } 

    .t-grid,
    .t-grid .t-label,
    .t-grid .t-data,
    .t-grid ul.t-data li {
      width: auto;
      display: block;
      float: none;
      min-height: 0;
    }
    .t-grid .t-data li, .t-grid .t-data article p {
      font-size: 12px;
    }
    form.wpcf7-form .wpcf7-form-control-wrap {
      float: none;
      width: auto;
    }
    form.wpcf7-form .button {
      float: none;
      margin-left: 0;
      width: 100%;
    }


.pass_input, form.wpcf7-form .wpcf7-form-control-wrap input[type=email], form.wpcf7-form .wpcf7-form-control-wrap input[type=text], form.wpcf7-form .wpcf7-form-control-wrap textarea {
      width: 94%;
    }

    .page-template-page-form-php .wpcf7-form-control-wrap {
      float: none!important;
    }

    .page-template-page-form-php .form-wrap {
      float: none;
      width: auto;
    }

    .link-group .link-item {
      min-height: 50px;
    }
    .link-group .link-item .link-icon {
        background-size: 200px auto !important;
        height: 50px !important;
        width: 100px !important;
    }


    .bike-detail {
        max-height: 1000px;
        min-height: 100px;
    }
    .bike-detail h1,
    .bike-detail .bikes,
    .bike-detail figure,
     .bike-detail figure a,
    .bike-detail .info,
    .bike-detail .info article,
    .bike-detail .info .colors,
    .bike-detail .bikes figcaption {
       position: static;
       width: auto;
       height: auto;
       margin: 0 0 10px 0;
       display: block;
       text-align: left;
    }
    .bike-detail .info figcaption {
      float: none;
      text-align: left;
      width: auto;
    }
    .search-box .search-input {
        width: 93%;
    }
    .info-box {
      border-top: 0 none;
      margin: 0;
      padding: 0;
    }
    .toggletable {
      display: none;
    }

    .bikefinder-nav  {
      margin: 0 0 20px;
      min-height: 130px;
    }
    .bikefinder-nav .segment-nav {
      display: none;
    }

    .col-2 .col-1 {
        min-height: 20px;
        float: none !important;
        display: block;
        width: auto;
    }

    .matrix-nav {
      width: 90%;
      position: relative;
      margin-top: 32px;
    }
    .matrix-nav li:first-child {
      position: absolute;
      top: -20px;
      left: -5px;
      font-size: 12px;
    }
    .matrix-nav li.first {
       width: auto;
    }
    .matrix-nav li a, .matrix-nav li span {
        padding: 5px;
        font-size: 11px !important;
    }
    .bikefinder article {
      display: none;  
    }
    .bikefinder article.active {
      display: block;  
    }


    .retailer-form fieldset div {
      padding: 14px;
    }
    .retailer-form fieldset div:first-child {
      border-right: 0;
      padding-bottom: 0;
    }

     .retailer-form fieldset .search-input {
        max-width: 150px;
        min-width: 150px;
     }
    .txt-result {
      border: 0 none;
      float: none;
      height: auto !important;
      margin: -50px 10px 10px;
      overflow: visible !important;
      padding: 10px;
      width: auto !important;
    }
    .txt-result p {
      display: block !important;
    }
    .distance {
       /*display: none !important;*/
    }
    #map {
      display: none;
    }

  .page-all {
    display: none;
  }
  .page-prev {
    float: right;
  }
  .grid .page-next,
   .grid .page-prev {
    min-height: 0;
  }

 .stage-image {
     display: none;
  }
  .color-stage {
    min-height: 20px;
  }
  .color-stage .wrapper {
    display: none;
  }

    .page-template-page-form-php .wpcf7-response-output {
      position: static;
    }
}




@media only screen and (max-width: 320px) {

    #slides {
      height: 125px;
    }

    #slides .slidesbar article h1 {
       width: 250px;
    }
    #slides .slidesbar article {
      height: 125px;
      width: 300px;
    }


}  

 .stage-bg-cover {
      background-size: cover;
        background-position: top center;
      height: 500px;
        width: 100%;
        position: relative;
    }

    .scale-image {
      width: 100%;
      height: auto;
    }
    .lastlayer {
        top: 85px;
        height: 525px;
        z-index: 1;
        position: fixed;
    }

    .bigbody {
      position: fixed; 
      text-align: center; 
      width: 100%; 
      z-index: 200; 
      top: 120px;
        margin-top: 500px;
    } 
    .fakebody {
      display: none; 
        width: 100%; 
        top: 110px;
        z-index: 200;
        position: absolute;
    }
    .text-stage {
        padding: 20px
    }
    .text-stage .clearfix,
    .text-stage p {
        text-align: center;
    }
    .text-stage .wrapper p {
        font-size: 18px;
    }
    .text-stage .button {
        display: inline-block;
        width: 40%
    }
    
    .grid-tripple .col-1 {
        width: 302px;
        margin-bottom: 20px;
      }

@media only screen and (max-width: 1025px) {
    .grid-tripple .col-1 {
          width: 222px;
      }
}
@media only screen and (max-width: 760px) {
    .scale-image {
      display: none;
    }
}

/* RETINA LOGO */

@media only screen and (max-width: 1025px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
.header nav.home a {
  background-image: url(images/logo_new_200@2x.png) !important;
  background-size: 200px 51px;
  }
  .header nav.home a {
  background-position: 0 0!important;
  width: 200px;
  }
}

@media only screen and (max-width: 480px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
.header nav.home a {
  background-image: url(images/logo_new_165@2x.png) !important;
  background-size: 165px 51px;
  }
  .header nav.home a {
  background-position: 0 0!important;
  width: 165px;
  }
}

/* Tem-Styles */
.page-id-72 .multiline {display: none;}
.page-id-1598 .multiline {display: none;}
.page-id-28201 .multiline {display: none;}
.page-id-12274 .multiline {display: none;}

/* Temp Table Styles */
.dealer-table {
width:100%;
font-size: 12px;
display: table;
border-collapse: collapse;
border-spacing: 0;
empty-cells: show;
}

.dealer-table thead {
background-color: #e0e0e0;
color: #000;
text-align: left;
vertical-align: bottom;
}

.dealer-table th {
padding: 0.5em;
}

.dealer-table tbody {
display: table-row-group;
vertical-align: middle;
border-color: inherit;
}

.dealer-table tr {
display: table-row;
vertical-align: inherit;
border-color: inherit;
}

.dealer-table tr:nth-child(2n) {
background-color: #f2f2f2;
}

.dealer-table td {
overflow:hidden;
vertical-align:top;
padding: 0.5em;
}

.dealer-list {
margin-bottom: 35px;
}

.dealer-list h3 {
margin-top: 35px;
}

.dealer-list  a.dealer-url {
display: block;
height: 12px;
width: 10px; 
background: url(http://www.r-m.de/wp-content/themes/rum/images/arrow.png) no-repeat;
}

a.dealer-url span {
 display: none;
}