/* ================================== */
/*  BMWFJ CSS : Special Styles  */
/* ================================== */

/* --- hidden elements ----------------------------------------------------- */

#skiplinks {
  position: relative;
  width: 78.75em;
}

#skiplinks p a {
  display: block;
  font-size: 0.8em;
  height: 0;
  left: -999em;
  overflow: hidden;
  position: absolute;
  top: -999em;
  width: 0;
}

#skiplinks p a:hover,
#skiplinks p a:focus,
#skiplinks p a:active {
  background-color: white;
  border: 1px solid #b0b2b2;
  border-width: 0 1px;
  color: black;
  display: block;
  height: auto;
  left: 45%;
  overflow:visible;
  padding: 0.45em 0.67em;
  text-decoration: none;
  top: 0;
  white-space: nowrap;
  width: auto;
  z-index: 1000;
}

/* --- hidden elements ----------------------------------------------------- */

.hidden {
  display: block;
  height: 0;
  left: -999em;
  position: absolute;
  overflow: hidden;
  top: -999em;
  width: 0;
}

/* --- clearfix ------------------------------------------------------------ */
 
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */