/* Basic jQuery Slider essential styles */

ul.bjqs{position:relative; list-style:none;padding:0;margin:0;overflow:hidden; display:none;}
li.bjqs-slide{position:absolute; display:none;}
ul.bjqs-controls{list-style:none;margin:0;padding:0;z-index:9999;}
ul.bjqs-controls.v-centered li a{position:absolute;}
ul.bjqs-controls.v-centered li.bjqs-next a{
	right:10px;
	background-image: url("../img/popup_pfeil_right_bl.png");
    background-position: 0 0;
    background-repeat: no-repeat;
    height: 16px;
	}
ul.bjqs-controls.v-centered li.bjqs-next a{
	right:10px;
	background-image: url("../img/popup_pfeil_right_bl.png");
    background-position: 0 0;
    background-repeat: no-repeat;
    height: 16px;
	}
.bg_orange ul.bjqs-controls.v-centered li.bjqs-next a{
	background-image: url("../img/popup_pfeil_right_or.png");
	}	
.bg_red ul.bjqs-controls.v-centered li.bjqs-next a{
	background-image: url("../img/popup_pfeil_right_red.png");
	}	
	
ul.bjqs-controls.v-centered li.bjqs-prev a{
	left:15px;
	background-image: url("../img/popup_pfeil_left_bl.png");
    background-position: 0 0;
    background-repeat: no-repeat;
    height: 16px;
	}
.bg_orange ul.bjqs-controls.v-centered li.bjqs-prev a{
	background-image: url("../img/popup_pfeil_left_or.png");
	}	
.bg_red ul.bjqs-controls.v-centered li.bjqs-prev a{
	background-image: url("../img/popup_pfeil_left_red.png");
	}		
	
	
ol.bjqs-markers{list-style: none; padding: 0; margin: 0; /*width:100%;*/}
ol.bjqs-markers.h-centered{
	text-align: center; 
	position: absolute; 
	bottom: 16px;
	left: 45% !important;

	}
ol.bjqs-markers li{display:inline;}
ol.bjqs-markers li a{display:inline-block;}
p.bjqs-caption{display:block;width:96%;margin:0;padding:2%;position:absolute;bottom:0;}

.bjqs-slide img {
	position: absolute;
	top: 0px;
	left: 0px;
}

/* Demo CSS - You do not need this css in your own slider */


ul.bjqs-controls.v-centered li a{
	display:block;
	padding:10px;
	color:#000;
	text-decoration: none;
	text-indent: -9999px;
	
}

ul.bjqs-controls.v-centered li a:hover{
	text-indent: -9999px;
}

ol.bjqs-markers li a{
	text-indent: -9999px;
	background-attachment: scroll;
    background-clip: border-box;
    background-color: rgba(0, 0, 0, 0);
    background-image: url("../img/slide_button.png");
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: 16px 16px;
    display: block;
    float: left;
    height: 20px;
    margin-right: 2px;
    width: 20px;
}


ol.bjqs-markers li.active-marker a,
ol.bjqs-markers li a:hover{
	background-image: url("../img/slide_button_blue.png");
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: 16px 16px;
}

.bg_orange ol.bjqs-markers li.active-marker a,
.bg_orange ol.bjqs-markers li a:hover{
	background-image: url("../img/slide_button_orange.png");
}

.bg_red ol.bjqs-markers li.active-marker a,
.bg_red ol.bjqs-markers li a:hover{
	background-image: url("../img/slide_button_red.png");
}


p.bjqs-caption{
	background: rgba(255,255,255,0.5);
}

/*.reveal-modal {
	height: 660px !important;
}
.bjqs {
	height: 660px !important;
}
.bjqs img {
	height: 660px !important;
}*/
.reveal-modal {
	height: 620px !important;
}
.bjqs {
	height: 620px !important;
}
.bjqs img {
	height: 620px !important;
}
/* CSS for jQuery Reveal Plugin Maintained for Foundation. foundation.zurb.com Free to use under the MIT license. http://www.opensource.org/licenses/mit-license.php */
/* Reveal Modals ---------------------- */
.reveal-modal-bg { position: fixed; height: 100%; width: 100%; background: #000; background: rgba(0, 0, 0, 0.45); z-index: 110; display: none; top: 0; left: 0; }

.reveal-modal { background: white; visibility: hidden; display: none; left: 50%; margin-left: -470px; width: 940px; position: fixed !important; top: 10% !important; z-index: 141; padding: 0px; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.4); -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.4); box-shadow: 0 0 10px rgba(0, 0, 0, 0.4); }
.reveal-modal *:first-child { margin-top: 0; }
.reveal-modal *:last-child { margin-bottom: 0; }
.reveal-modal .close-reveal-modal { color: #aaa; cursor: pointer; }
.reveal-modal.small { width: 30%; margin-left: -10%; }
.reveal-modal.medium { width: 40%; margin-left: -20%; }
.reveal-modal.large { width: 60%; margin-left: -30%; }
.reveal-modal.xlarge { width: 70%; margin-left: -35%; }
.reveal-modal.expand { width: 90%; margin-left: -45%; }
.reveal-modal .row { min-width: 0; }

.bg_orange li.close-reveal-modal {
	background-image: url("../img/close.png");
	background-repeat: no-repeat;
	background-position: 0 0;
	background-size: cover;
	display: block;
	height: 16px;
	width: 16px;
	float: left;
}

.bg_red li.close-reveal-modal {
    background-image: url("../img/close_red.png");
    background-repeat: no-repeat;
	background-position: 0 0;
	background-size: cover;
	display: block;
	height: 16px;
	width: 16px;
	float: left;
}

.bg_blue li.close-reveal-modal {
    background-image: url("../img/close_blue.png");
    background-repeat: no-repeat;
	background-position: 0 0;
	background-size: cover;
	display: block;
	height: 16px;
	width: 16px;
	float: left;
}

/* Mobile */
@media only screen and (max-width: 767px) { .reveal-modal-bg { position: absolute; }
  .reveal-modal, .reveal-modal.small, .reveal-modal.medium, .reveal-modal.large, .reveal-modal.xlarge { width: 80%; top: 15px; left: 50%; margin-left: -40%; padding: 20px; height: auto; } }