/* ===================================== */
/*  BMWFJ CSS : Marginal Styles  */
/* ===================================== */

/* --- Top ----------------------------------------------------- */

#topNavLeft {
  float: left;
}

#topNavRight {
  float: right;
}

#top ul li {
  background: transparent url(../images/bgTopNavSeperator.gif) no-repeat left center;
  float: left;
}

#top ul li.first {
  background: none;
}

#top ul li a,
#top ul li span {
  color: black;
  display: block;
  font-size: 0.8em;
  padding: 0.4em 0.9em;
  text-decoration: none;
}

#top ul li span {
  font-weight: bold;
}

#top ul li a:hover,
#top ul li a:focus,
#top ul li a:active {
  text-decoration: underline;
}

/* --- Header -------------------------------------------------- */

#headerLogo {
  background: transparent url(../images/bgHeaderLogoLeft.png) repeat-y left top;
  left: 30px;
  padding-left: 13px;
  position: absolute;
  top: 0;
  width: 245px;
  z-index: 1;
}

#headerLogo h1 a,
#headerLogo h1 span {
  display: block;
}

#headerLogo h1 {
  background: transparent url(../images/bgHeaderLogoRight.png) repeat-y right top;
  padding-right: 13px;
}

/* --- Slideshow --- */

#slideShow {
  height: 170px;
  position: relative;
  width: 922px;
  z-index: 0;
}

#slideShow img {
  left: 0;
  position: absolute;
  top: 0;
}

#slideShowPlay,
#slideShowPause {
  bottom: 5px;
  height: 20px;
  position: absolute;
  right: 5px;
  width: 19px;
  z-index: 5;
}

#slideShowPlay {
  background: transparent url(../images/iconPlay.png) no-repeat left top;
}

#slideShowPause {
  background: transparent url(../images/iconPause.png) no-repeat left top;
}

#slideShowPlay:hover,
#slideShowPlay:focus,
#slideShowPlay:active,
#slideShowPause:hover,
#slideShowPause:focus,
#slideShowPause:active {
  background-position: left -20px;
}


#slideShowPlay:active,
#slideShowPause:active {
  background-position: left -40px;
}

#headerNav {
  background: transparent url(../images/bgHeaderNavTop.png) no-repeat right top;
  right: 0;
  padding-top: 7px;
  position: absolute;
  top: 7px;
  width: 25em;
  z-index: 1;
}

#headerNavInner {
  background: transparent url(../images/bgHeaderNavBottom.png) no-repeat right bottom;
  padding-bottom: 7px;
  width: 100%;
}

#headerNav ul {
  float: right;
}

#headerNav ul li {
  background-color: white;
  float: left;
  margin-left: 0.5em;
}

#headerNav ul li a {
  background-color: white;
  color: black;
  display: block;
  font-size: 0.8em;
  padding: 0.5em 1.8em;
  text-decoration: none;
}

#headerNav ul li a:hover,
#headerNav ul li a:focus,
#headerNav ul li a:active {
  color: #a41c30;
}

#serviceMenu {
  padding-right: 1px;
  position: relative;
}

#serviceMenu ul {
  background-color: white;
  border: 1px solid #999A9A;
  display: none;
  padding: 1.2em 1.4em 0.6em;
  position: absolute;
  right: -1px;
  top: 2.43em;
  width: 30em;
  -moz-box-shadow: 0px 0px 5px #555555;
  -webkit-box-shadow: 0px 0px 5px #555555;
}

#serviceMenu .spacer {
  background-color: white;
  border: 1px solid #999A9A;
  border-width: 0 1px 0 0;
  display: none;
  height: 0.5em;
  right: -1px;
  position: absolute;
  top: 2em;
  z-index: 100;
}

#serviceMenu ul li {
  float: none;
  font-size: 0.8em;
}

#serviceMenu ul li.last {
  background: transparent url(../images/iconTeaserMoreHover.png) no-repeat right 55%;
  margin-top: 1.2em;
  padding-right: 8px;
}

#serviceMenu ul li .left {
  display: block;
  float: left;
  width: 73%;
}

#serviceMenu ul li .right {
  display: block;
  float: right;
  width: 26%;
}

#serviceMenu.open {
  border-right: 1px solid #999A9A;
  cursor: pointer;
  padding-right: 0;
  -moz-box-shadow: 0px 5px 5px #555555;
  -webkit-box-shadow: 0px 5px 5px #555555;
}

#serviceMenu.open ul,
#serviceMenu.open .spacer {
  display: block;
}

#serviceMenu.open a {
  color: #a41c30;
}

#header img {
  display: block;
}

/* --- Main Nav ----------------------------------------------- */

#mainNav ul {
  background: transparent url(../images/bgMainNav.png) repeat-x left center ;
}

#mainNav ul li {
  background: transparent url(../images/bgMainNavSep.png) no-repeat right center;
  float: left;
  padding-right: 1px;
  position: relative;
}

#mainNav li.open {
  z-index: 5;
}

#mainNav ul li a {
  color: black;
  display: block;
  padding: 0.45em 1em;
  text-decoration: none;
}

#mainNav ul li a.current {
  background: transparent url(../images/bgMainNavCurrent.png) repeat-x left center ;
  color: white;
}

#mainNav ul li.open a ,
#mainNav ul li a:hover,
#mainNav ul li a:focus,
#mainNav ul li a:active {
  background: transparent url(../images/bgMainNavHover.png) repeat-x left center ;
  color: white;
}

#mainNav li.open ul.secondLevel a {
  background: none;
  color: black;
}

#mainNav ul li a:active {
  background: transparent url(../images/bgMainNavClick.png) repeat-x left center ;
  color: white;
}

/*- second level -*/

#mainNav ul.secondLevel {
  background-color: white;
  background-image: none;
  border: 1px solid #999a9a;
  display: none;
  left: -1px;
  padding: 0.8em 0.75em 0.75em;
  position: absolute;
  top: 2.83em;
  z-index: 5;
  -moz-box-shadow: 0px 0px 8px #888888;
  -webkit-box-shadow: 0px 0px 8px #888888;
}

#mainNav .spacer {
  background-color: white;
  border: 1px solid #999A9A;
  border-width: 0 1px;
  display: none;
  height: 0.5em;
  left: -1px;
  position: absolute;
  top: 2.4em;
  z-index: 10;
}

#mainNav li.open .spacer {
  display: block;
}

#mainNav ul .threeCols {
  width: 45em;
}

#mainNav ul .twoCols {
  width: 30em;
}

#mainNav ul.secondLevel li {
  background: transparent url(../images/bgBullet.png) no-repeat left 0.6em;
  float: none;
  padding-left: 10px;
  width: 13em;
}

#mainNav ul.secondLevel li.first {
  background: transparent url(../images/bgBulletRed.png) no-repeat left 0.6em;
}

#mainNav ul.secondLevel li a {
  color: black;
  display: block;
  font-size: 0.9em;
  line-height: 1.2;
  padding: 0.35em 0;
  text-decoration: none;
}

#mainNav ul.secondLevel li.first a {
  color: #a41c30;
  font-weight: bold;
  text-transform: uppercase;
}

#mainNav ul.secondLevel li a:hover,
#mainNav ul.secondLevel li a:focus,
#mainNav ul.secondLevel li a:active {
  background: none;
  color: black;
  text-decoration: underline;
}

#mainNav ul.secondLevel li.fakeCol {
  background: none;
  padding-left: 0;
  width: auto;
}

/*- "third" level -*/

#mainNav ul.secondLevel ul {
  background: none;
}

#mainNav ul.secondLevel li.row1,
#mainNav ul.secondLevel li.row2,
#mainNav ul.secondLevel li.row3 {
  float: left;
  padding-right: 0.5em;
  width: 14.5em;
}

/* --- Sub Nav ------------------------------------------------ */

#subNav ul li {
  background: transparent url(../images/bgBullet.png) no-repeat left 0.4em;
  line-height: 1.3;
  margin: 0.5em 0;
  padding-left: 12px;
}

#subNav a,
#subNav span {
  font-size: 0.9em;
  text-decoration: none;
}

#subNav a:hover,
#subNav a:focus,
#subNav a:active {
  text-decoration: underline;
}

#subNav ul li.current {
  background: transparent url(../images/bgBulletRed.png) no-repeat left 0.4em;
}

#subNav ul li.current a, #subNav ul li.current span {
  color: #a41c30;
  font-weight: bold;
}

#subNav ul li li {
  background: none;
  padding-left: 16px;
}

#subNav ul li.current li {
  background: none;
}

#subNav ul li.current li.current {
  background: transparent url(../images/bgSubNavCurrent.png) no-repeat left 0.5em;
}

#subNav ul li.current li span {
  color: #a41c30;
  font-weight: bold;
}






#subNav ul li.current li.current a {
  color: #a41c30;
  font-weight: bold;
}






#subNav ul li.current li a {
  color: black;
  font-weight: normal;
}

#subNav ul li.current li a:hover,
#subNav ul li.current li a:focus,
#subNav ul li.current li a:active {
  color: #a41c30;
}

#showNav {
  display: block;
  float: left;
  padding: 0.3em 0 1em;
}

#hideNav {
  background: transparent url(../images/iconClose.png) no-repeat left top;
  display: block;
  height: 20px;
  position: absolute;
  right: 0.5em;
  top: 0.5em;
  width: 19px;
}

#hideNav:hover,
#hideNav:focus,
#hideNav:active {
  background-position: left -20px;
}

#hideNav:active {
  background-position: left -40px;
}

/* --- Search ------------------------------------------------- */

#search {
  bottom: 0.45em;
  position: absolute;
  right: 0.875em;
}

#searchterm {
  border: 1px solid #787878;
  color: #888888;
  padding: 0 2px;
  width: 16.5em;
}

#searchterm.hover,
#searchterm.focus {
  border: 1px solid #333333;
  color: black;
}

#searchterm.focus {
  border: 1px solid #555555;
}

#searchsubmit {
  background-color: transparent;
  border: none;
  cursor: pointer;
  height: 20px;
  margin-left: 1px;
  padding: 1px 0 0;
  vertical-align: bottom;
  width: 19px;
}

#searchsubmit img {
  margin: -2px 0 0 -2px;
}

input[type="text"].searchterm {
  background-image: none;
  background-color: #FFFFFF;
  border-color: #787878;
  color: #888888;
  padding: 0 2px;
  width: 16.5em;
}

.searchsubmit img {
  vertical-align: bottom;
  margin: -2px 0 0 -2px;
}

.ms-srch-sb-border, .ms-srch-sb-borderFocused, .ms-srch-sb-border:hover {
	border: none;
}

/* --- Marginal Right ----------------------------------------- */

#margRightList a {
  display: block;
  font-size: 0.9em;
  line-height: 1.2;
  text-decoration: none;
}

#margRightList a:hover strong,
#margRightList a:focus strong,
#margRightList a:active strong {
  text-decoration: underline;
}

#margRightList strong {
  color: #a41c30;
  display: block;
  font-size: 1.1em;
}

#margRightList .lastPerson {
  margin-bottom: 4em;
}

#margRightList .person img {
  float: right;
}

#margRight .person strong {
  border: 1px solid #c5c5c5;
  border-width: 1px 0 0 1px;
  clear: right;
  color: black;
  padding: 0.6em 0 0.6em 0.5em;
}

#margRightList .item {
  border: 1px solid #c5c5c5;
  border-width: 1px 0 0 1px;
  margin-bottom: 1.8em;
  padding: 0 0 0.7em 0.5em;
}

#margRightList .item strong {
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: 95% top;
  margin: -1.3em 0 0.6em;
  padding-top: 3.8em;
}

#margRightList .item strong a {
  color: #a41c30;
  font-size: 0.9em;
}

/* --- Marginal Right ----------------------------------------- */

#margRightList a {
  display: block;
  font-size: 0.9em;
  line-height: 1.2;
  text-decoration: none;
}

#margRightList a:hover strong,
#margRightList a:focus strong,
#margRightList a:active strong {
  text-decoration: underline;
}

#margRightList strong {
  color: #a41c30;
  display: block;
  font-size: 1.1em;
}

#margRightList .lastPerson {
  margin-bottom: 4em;
}

#margRightList .person img {
  float: right;
}

#margRight .person strong {
  border: 1px solid #c5c5c5;
  border-width: 1px 0 0 1px;
  clear: right;
  color: black;
  padding: 0.6em 0 0.6em 0.5em;
}

#margRightList .item {
  border: 1px solid #c5c5c5;
  border-width: 1px 0 0 1px;
  margin-bottom: 1.8em;
  padding: 0 0 0.7em 0.5em;
}

#margRightList .item strong {
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: 95% top;
  margin: -1.3em 0 0.6em;
  padding-top: 3.8em;
}

#margRightList .item strong a {
  color: #a41c30;
  font-size: 0.9em;
}


/* --- Footer ------------------------------------------------- */

.footerList {
  float: left;
  margin-right: 2em;
  width: 16em;
}

.footerListWide {
  margin-right: 0;
  width: 39em;
}

#footerNav {
  background: transparent url(../images/bgFooterHoriz.png) no-repeat right top;
  margin-bottom: 4em;
  padding: 0.875em 0 0 0.875em;
}

#footer h3 {
  color: #a41c30;
  font-size: 0.9em;
  margin-bottom: 0.5em;
}

.footerList ul li {
  background: transparent url(../images/bgBullet.png) no-repeat left 0.5em;
  padding-left: 10px;
}

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

.footerList ul li a.archiv {
  text-decoration: underline;
}

.footerList ul li a:hover,
.footerList ul li a:focus,
.footerList ul li a:active {
  text-decoration: underline;
}

#footer p {
  padding: 0 0.875em;
  text-align: center;
}

#footer p,
.footerList ul li a {
  font-size: 0.9em;
}