@charset "UTF-8";
/* -----------------------------------------
 ! http://responsiveslides.com v1.54 by @viljamis
------------------------------------------ */
/* -----------------------------------------
 WRAPPER
------------------------------------------ */
.sliderMax {
  padding-top: 100px;
  z-index: 1; }

/* z-index wg. IE7-bug (lower than nav) */
@media (max-width: 32em) {
  .sliderMax {
    margin: 0;
    padding-top: 60px; } }
.sliderWrapper {
  position: relative;
  max-width: 1200px;
  /*max-height: 500px;*/
  margin: 0 auto;
  z-index: 0;
  /* wg. IE7-bug, lower than pull down navigation! */ }

/* -----------------------------------------
 END WRAPPER
------------------------------------------ */
/* -----------------------------------------
 BASICS
------------------------------------------ */
.rslides {
  position: relative;
  list-style: none;
  width: 100%;
  overflow: hidden;
  z-index: 5; }

/* Die H├Âhe des Sliders beschr├ñnken, H├Âhe mit min-width abstimmen! */
@media (min-width: 15em) {
  .rslides {
    /*height: 450px;*/
    overflow: hidden; } }
.rslides li:before {
  /* No list marker in navigations */
  content: ""; }

.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0; }

.rslides li:first-child {
  position: relative;
  display: block;
  float: left; }

.rslides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0; }

/* -----------------------------------------
 END BASICS
------------------------------------------ */
/* -----------------------------------------
 SLIDER WITH TEXT ELEMENTS
------------------------------------------ */
.caption {
  position: absolute;
  bottom: -15px;
  left: 0;
  width: 40%;
  height: 50px;
  padding: 10px 20px 10px 10px;
  background-image: url(../sys/bgBalkenSlider.png);
  background-repeat: no-repeat;
  background-position: 100% 0%;
  z-index: 8; }

.caption p {
  padding: 0;
  color: #fff;
  text-align: right;
  font-size: 20px;
  font-size: 1.25rem;
  text-transform: uppercase;
  /*
  font-size: 3.25rem;
  font-weight: bold;
  font-variant: small-caps;
  */ }

@media (max-width: 40em) {
  .caption {
    padding: 5px 20px 5px 5px; }

  .caption p {
    padding-top: 5px;
    font-size: 16px;
    font-size: 1rem; } }
/* -----------------------------------------
 END SLIDER WITH TEXT ELEMENTS
------------------------------------------ */
/* -----------------------------------------
 VERTICALLY NAVIGATION BUTTONS
------------------------------------------ */
.large-btns_nav {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 38px;
  padding: 0 10px;
  overflow: hidden;
  -webkit-tap-highlight-color: #444;
  opacity: 0.8;
  background: transparente;
  z-index: 12; }

.large-btns_nav:hover {
  background: #9ea; }

.large-btns_nav:after {
  position: absolute;
  font-family: 'iconFont';
  content: "\f053";
  color: #fff;
  font-size: 24px;
  line-height: 32px;
  margin-top: -16px;
  top: 50%;
  left: 8px; }

.large-btns_nav:active {
  opacity: 1.0; }

.large-btns_nav.next {
  left: auto;
  right: 0; }

.large-btns_nav.next:after {
  position: absolute;
  font-family: 'iconFont';
  content: "\f054"; }

/* -----------------------------------------
 END VERTICALLY NAVIGATION BUTTONS
------------------------------------------ */
/* -----------------------------------------
 TRANSPARENT NAVIGATION BUTTONS OVER IMAGES
------------------------------------------ */
.transparent-btns_nav {
  z-index: 12;
  position: absolute;
  -webkit-tap-highlight-color: #444;
  top: 0;
  left: 0;
  display: block;
  background: #9ea;
  opacity: 0;
  filter: alpha(opacity=1);
  width: 48%;
  text-indent: -9999px;
  overflow: hidden;
  height: 100%; }

.transparent-btns_nav:hover {
  opacity: 1;
  cursor: url(../sys/cursorArrowLeft.png), auto;
  background: #9ea; }

.transparent-btns_nav.next {
  left: auto;
  right: 0;
  cursor: url(../sys/cursorArrowRight.png), auto;
  background: #9ea; }

/* -----------------------------------------
 END TRANSPARENT NAVIGATION BUTTONS OVER IMAGES
------------------------------------------ */
/* -----------------------------------------
 PAGER: CONTROL AND NAVIGATION BUTTONS
------------------------------------------ */
.large-btns_nav:focus {
  outline: none; }

.large-btns_tabs {
  position: absolute;
  bottom: 10px;
  margin-top: 0px;
  padding: 0 0 0 60px;
  text-align: left;
  z-index: 13; }

.large-btns_tabs li {
  display: inline;
  float: none;
  _float: left;
  *float: left;
  margin-right: 5px; }

.large-btns_tabs a {
  text-indent: -9999px;
  overflow: hidden;
  border-radius: 15px;
  background: #9ea;
  display: inline-block;
  _display: block;
  *display: block;
  width: 9px;
  height: 9px; }

.large-btns_here a {
  background: #9ea; }

.transparent-btns_nav:focus {
  outline: none; }

.transparent-btns_tabs {
  position: absolute;
  width: 100%;
  bottom: -25px;
  margin: 0;
  padding: 0;
  text-align: center;
  z-index: 13; }

.transparent-btns_tabs li {
  display: inline;
  float: none;
  _float: left;
  *float: left;
  margin-right: 5px; }

.transparent-btns_tabs a {
  text-indent: -9999px;
  overflow: hidden;
  border-radius: 15px;
  background: #9ea;
  display: inline-block;
  _display: block;
  *display: block;
  box-shadow: inset 0 0 2px 0 rgba(0, 0, 0, 0.3);
  width: 9px;
  height: 9px; }

.transparent-btns_here a {
  background: #9ea; }

/* -----------------------------------------
 END PAGER
------------------------------------------ */
/* -----------------------------------------
 SLIDER WITH THUMBNAIL NAVIGATION
------------------------------------------ */
#slider3 {
  	/*box-shadow: none;
      margin: 0px auto;*/ }

/* Reset */
#slider3-pager, #slider3-pager ul, #slider3-pager li, #slider3-pager a {
  line-height: 10px; }

#slider3-pager {
  /* Cover thumbs in ul-element */
  margin: 0 auto;
  max-width: 1200px;
  background: #9ea; }

#slider3-pager li {
  width: 25%;
  height: auto;
  overflow: hidden; }

#slider3-pager li img {
  width: 150%;
  margin: 0 -25%;
  height: auto; }

#slider3-pager li {
  float: left; }

/*wg older IE, normal inline-block*/
#slider3-pager a {
  display: block;
  padding: 3px; }

/*.rslides_tabs li:first-child { padding-left: 3px;}*/
.rslides1_s1 a, .rslides1_s2 a, .rslides1_s3 a, .rslides1_s4 a,
.rslides1_s5 a, .rslides1_s6 a, .rslides1_s7 a, .rslides1_s8 a {
  opacity: 0.6; }

.rslides1_s1 a:hover, .rslides1_s2 a:hover, .rslides1_s3 a:hover,
.rslides1_s4 a:hover, .rslides1_s5 a:hover, .rslides1_s6 a:hover,
.rslides1_s7 a:hover, .rslides1_s8 a:hover {
  opacity: 1; }

.rslides_tabs a:hover {
  background: #9ea; }

.rslides_here a {
  opacity: 1;
  background: #9ea; }

@media (min-width: 30em) {
  #slider3-pager li img {
    width: 100%;
    margin: 0; } }
/* -----------------------------------------
 END SLIDER WITH THUMBNAIL NAVIGATION
------------------------------------------ */
/* -----------------------------------------
 SLIDER WITH TEXT ELEMENTS
------------------------------------------ */
/* Folgenden Code in sliderBasic.css einf├╝gen, wenn im Basic Slider Textelemente in die Bilder eingeblendet werden sollen. */
.rslides li {
  /*padding-bottom: 50px;*/ }

/* wg. Caption im Fu├ƒbereich in kl. Viewport, der Texth├Âhe anpassen */
.large-btns_tabs {
  display: none; }

/* Kein Pager in kl. Viewport */
@media (min-width: 30em) {
  .rslides li {
    padding-bottom: 0; }

  /* R´┐¢cknahme von Caption im Fu´┐¢bereich */
  .large-btns_tabs {
    display: block; }

  /* Kein Pager in kl. Viewport */ }
/* -----------------------------------------
 END SLIDER WITH TEXT ELEMENTS
------------------------------------------ */

/*# sourceMappingURL=slider.css.map */