/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Mar 21, 2017, 10:09:00 AM
    Author     : lemke
*/
.ccm-block-page-list-wrapper { margin-bottom:25px; }
.ccm-block-page-list-wrapper .ccm-block-page-list-no-pages { margin-bottom:-25px; }
.ccm-block-page-list-title a { font-size:16px;font-weight: bold; }

.sliderContainer {
	position:relative;
	width: 200px;
	height: 250px;
	/*
	width:80%;
	height:100%;
	*/
	margin:0 auto;
	overflow:hidden;
}

.sliderContainer img:first-child {
	position:relative;
	width:100%;
	left:0%;
	top:0;
}

img {
	position:absolute;
	width:100%;
	height:auto;
	left:-100%;
	top:0;
}

.nextCircle {
	position:absolute;
	top:50%;
	transform:translateY(-50%);
	left:85%;
	width:50px;
	height:50px;
	border-radius: 50%;
	opacity:0.5;
	background-color:black;
	z-index:19;	
}

.next {
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	color:white;
	z-index:20;

}

.nextCircle:hover{
	opacity:0.7;
	cursor: pointer;
}

.fa.fa-arrow-right, .fa.fa-arrow-left {
	font-size:30px;
}

.prevCircle {
	position:absolute;
	top:50%;
	transform:translateY(-50%);
	right:85%;
	width:50px;
	height:50px;
	border-radius: 50%;
	opacity:0.5;
	background-color:black;
	z-index:19;	
}

.previous {
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	color:white;
	z-index:20;
	
}

.prevCircle:hover {
	opacity: 0.7;
	cursor: pointer;
}