/* Additional */

#slider-with-blocks-1 {
  width: 100%;
}

.rsContent {
  color: #FFF;
  font-size: 24px;
  line-height: 32px;
  float: left;
}
.bContainer {
  position: relative;
}
.rsABlock {
  position: relative;
  display: block;
  left: auto;
  top: auto;
}
.blockHeadline {
  font-size: 42px;
  line-height: 50px;
}
.blockSubHeadline {
  font-size: 32px;
  line-height: 40px
}
.txtCent {
  text-align: center; 
  width: 100%; 
}

.slide1 {
  background: #fff;
}
.slide1 .bContainer {
  /*top: 36%;*/
}
.slide2 {
    background: #fff;
    color:#000;
}
.slide2 .bContainer {
  /*top: 24px;*/
}
.slide2 .txtCent {
  line-height: 44px;
}
.slide2 .blockHeadline {
   line-height: 66px;
}
.slide3 {
    background: #fff;
    color:#FFF;
}
.slide3 .bContainer {
   /*top: 24px;*/
}
.slide3 span {
  line-height: 44px;
}
.slide4 .bContainer {
  position: absolute;
  left: 0;
  width: 100%;
  height: auto;
  top: 24px;
}

.photoCopy {
  position: absolute;
  line-height: 24px;
  font-size: 12px;
  background: black;
  color: white;
  background-color: rgba(0, 0, 0, 0.75);
  padding: 0px 10px;
  position: absolute;
  left: 12px;
  bottom: 12px;
  top: auto;
  border-radius: 2px;
  z-index: 25;
}
.photoCopy a {
  color: #FFF;
}
.palmImg {
  left: 0;
  top: auto;
  bottom: -60px;
  position: absolute;
}

div.infoBlock.rsABlock.infoBlockLeftBlack {border:0px solid #ddd;position:absolute;right:0 !important;}

@media screen and (min-width: 0px) and (max-width: 960px) { 
  .rsContent {
    font-size: 22px;
    line-height: 28px;
  }
  .blockHeadline {
    font-size: 32px;
    line-height: 32px;
  }
  .blockSubHeadline {
    font-size: 26px;
    line-height: 32px
  }
}
@media screen and (min-width: 0px) and (max-width: 500px) { 
  .royalSlider,
  .rsOverflow {
    height: 330px !important;
  }
  .rsContent {
    font-size: 18px;
    line-height: 26px;
  }
  .blockHeadline {
    font-size: 24px;
    line-height: 32px;
  }
  .blockSubHeadline {
    font-size: 22px;
    line-height: 32px
  }
}

/* ZOOMFUNKTION */

#easy_zoom, #zoom-panel  {
	width:600px;
	height:400px;	
	border:5px solid #eee;
	background:#fff;
	color:#333;
	position:absolute;
	top:0px;
	left:300px;
	overflow:hidden;
	-moz-box-shadow:0 0 10px #777;
	-webkit-box-shadow:0 0 10px #777;
	box-shadow:0 0 10px #777;
	/* vertical and horizontal alignment used for preloader text */
	line-height:400px;
	text-align:center;
	}




/* The actual naming of elements is not rigid, these are just examples */  

/* Zoom parent */
.zoom-container {
  position:relative;
}

/* Image to zoom */
#zoom-target {
  position:relative; /* Not strictly necessary but useful for positioning the loading message */
  display:block; /* This is very important, the element must have metrics to provide an area to catch events */
}
  #zoom-target .fullsize-loading {
    position:absolute;
    top:50%;
    left:50%;
    width:40px;
    height:40px;
    margin:-20px 0 0 -20px;
    direction:ltr;
    text-indent:-9999px;
    background:#fff url(../images/preloader-white.gif) no-repeat center center;
    z-index:150;
    -webkit-border-radius:5px;
       -moz-border-radius:5px;
            border-radius:5px;
  }

/* Zoom panel */


/* Zoom gallery */
.zoom-gallery {
  margin:15px 0;
  list-style-type:none;
}
  .zoom-thumbnail {
    float:left;
    margin-left:15px;
    text-decoration:none;
  }
    li:first-child .zoom-thumbnail {
      margin-left:0;
    }
    .thumbnail-loading {
      background:#fff url(../images/preloader-white.gif) no-repeat center center;
    }
      .thumbnail-loading img {
        opacity:0.5;
        -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
        filter:alpha(opacity=50);
      }



/* FEHLERMELDUNG */
	
.error {
  height: 15px;
  background:#FBE3E4;
  font-size: 11px;
  border: 1px solid #FBC2C4;
  padding: 4px 10px;
  color: #8A1F11;
  display: none;
  margin:12px 0 0 5px;

}


/* NEUE SUCHE */

#navigation-bar {
    position: relative;
    height: 25px;
    margin:5px 0 0 15px;
}
#searchform {
    position: absolute;
    top: 0;
    left: 0;
    width: 60px;
    height: 30px;
}
div#label {
    width: 30px;
    height: 30px;
    position: relative;
    z-index: 20;
}
div#label label {
    display: block;
    width: 29px;
    height: 30px;
    background: url("../images/search_black.png") 0 0;
    font-size: 0;
    color: rgba(0, 0, 0, 0);
    text-indent: -9999px;
    cursor: pointer;
}
div#label label:hover {
    background: url("../images/search_black.png") -60px 0
}
div#label.active label {
    background: url("../images/search_black.png") -60px 0
}
div#input {
    position: absolute;
    top: 0;
    left: 30px;
    width: 250px;
    height: 30px;
    z-index: 5;
    overflow: hidden;
}
#input input {
    display: block;
    position: absolute;
    top: 0;
    left: 250px;
    width: 250px;
    height: 100%;
    margin: 0;
    padding: 0 10px;
    border: none;
    /*background-color: #23688b;*/
    background-color:#fff;
    color: #333;
    font-size: 18px;
    backface-visibility: none;
    border-radius: 0;
    transition: left 0;
    font-family:Arial;
}
div#input input:focus {
    outline: none
}
div#input.focus {
    z-index: 20
}
div#input.focus input {
    left: 0;
    transition: left 0.3s;
}