@charset "utf-8";
/* CSS Document */

#refSliderHolder {
	margin:0 auto;
	width:100%;
	padding-bottom:50px;
	position:relative;
    min-height: 420px;
}

.sprechblase {
	position: relative;
	
	padding:1em;
	/*font-style:italic;*/
	background-color:#FFF;
	border-radius:8px;
	
	border:1px solid #dcdcdc;
	/*
	-webkit-box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.25);
	box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.25);
	*/
	width:calc(100% - 6px);
	margin:5px auto 0 auto;	
	
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;	

}

.sprechblase.arrowBottom:after, 
.sprechblase.arrowBottom:before { top: 100%; left: 5%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } 
.sprechblase.arrowBottom:after { border-color: rgba(255, 255, 255, 0); border-top-color: #FFF; border-width: 10px; margin-left: -15px; } 
.sprechblase.arrowBottom:before { border-color: rgba(220, 220, 220, 0); border-top-color: #dcdcdc; border-width: 11px; margin-left: -16px; }

.sprechblase.arrowTop:after, 
.sprechblase.arrowTop:before { bottom: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } 
.sprechblase.arrowTop:after { border-color: rgba(255, 255, 255, 0); border-bottom-color: #FFF; border-width: 15px; margin-left: -15px; } 
.sprechblase.arrowTop:before { border-color: rgba(220, 220, 220, 0); border-bottom-color: #dcdcdc; border-width: 19px; margin-left: -19px; }

.sprechblase.arrowLeft:after, 
.sprechblase.arrowLeft:before { right: 100%; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } 
.sprechblase.arrowLeft:after { border-color: rgba(255, 255, 255, 0); border-right-color: #FFF; border-width: 15px; margin-top: -15px; } 
.sprechblase.arrowLeft:before { border-color: rgba(220, 220, 220, 0); border-right-color: #dcdcdc; border-width: 17px; margin-top: -17px; }

.sprechblase.arrowRight:after, 
.sprechblase.arrowRight:before { left: 100%; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } 
.sprechblase.arrowRight:after { border-color: rgba(255, 255, 255, 0); border-left-color: #FFF; border-width: 15px; margin-top: -15px; } 
.sprechblase.arrowRight:before { border-color: rgba(220, 220, 220, 0); border-left-color: #dcdcdc; border-width: 19px; margin-top: -17px; }

.sprechblase p {
	margin:0;
}



.personenData {
	margin-top:18px;
}

.personenImage {
    width: calc(100% - 12px);
    height: 420px;
    overflow: hidden;
    margin-left: 7px;
}

.personenText {
	float:left;
	width:250px;
}

.personenZusatz {
	font-size:0.75em;
	color:#999;
}



#refSliderControls {
	
}

#refSliderControls .refControl {
	position:absolute;
	top:50%;
	font-size:50px;
	height:50px;
	margin-top:-50px;
	cursor:pointer;
}

#refSliderControls .refControl.prev { left: -75px; }
#refSliderControls .refControl.next { right: -75px; }