/*
 * Ideal Image Slider Default Theme
 * Version: 1.2.0
 */

.ideal-image-slider {
background-color: #fff;
	
}

/* Navigation */
.iis-previous-nav,
.iis-next-nav {
	position: absolute;
	top: 50%;
	z-index: 20;
	display: block;
	width: 40px;
	height: 40px;
	text-indent: -9999px;
	background-repeat: no-repeat;
	background-color: rgba(0,0,0,0.9);
	border-radius: 50px;
	background-size: 40px 40px;
	cursor: pointer;
	opacity: 0;
	-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
			transform: translateY(-50%);
	-webkit-transition: 0.3s ease-out;
	   -moz-transition: 0.3s ease-out;
		 -o-transition: 0.3s ease-out;
			transition: 0.3s ease-out;
}
.iis-previous-nav {
	left: 3%;
	background:url(arrows.png) no-repeat;
		
}
.iis-next-nav {
	right: 3%;
	background:url(arrows.png) no-repeat;
	background-position:-40px 0;
}
.ideal-image-slider:hover .iis-previous-nav,
.ideal-image-slider:hover .iis-next-nav { opacity: 0.5; }
.ideal-image-slider:hover .iis-previous-nav:hover,
.ideal-image-slider:hover .iis-next-nav:hover { opacity: 1.0; }

/* Bullet Navigation */
.iis-bullet-nav {
	position: absolute;
	bottom: 20px;
	right: 0px;
	z-index: 15;
	width: 100%;
	text-align: center;
	opacity: 0.7;
	-webkit-transition: 0.3s ease-out;
	   -moz-transition: 0.3s ease-out;
		 -o-transition: 0.3s ease-out;
			transition: 0.3s ease-out;
}

/*
.iis-has-captions .iis-bullet-nav { max-width: 42%; }
*/
/*
bovenstaand oorzaak halve caption
 */

.iis-bullet-nav a {
	display: inline-block;
	width: 10px;
	height: 10px;
	background: transparent;
	text-indent: 9999px;
	margin: 0 5px;
	border: 3px solid rgba(0,0,0,0.8);
	border-radius: 10px;
	cursor: pointer;
	-webkit-transition: 0.3s ease-out;
	   -moz-transition: 0.3s ease-out;
		 -o-transition: 0.3s ease-out;
			transition: 0.3s ease-out;
}
.iis-bullet-nav a.iis-bullet-active,
.iis-bullet-nav a:hover { background: #8ECDED; }
.ideal-image-slider:hover .iis-bullet-nav { opacity: 0.9; }
.ideal-image-slider:hover .iis-bullet-nav:hover { opacity: 1.0; }

/* Captions */
.iis-has-captions .iis-slide { text-indent: 0; }
.iis-caption {
	position: absolute;
	left: 0%;
	top: 0px;
	width: 100%;
	z-index: 10;
	background: #000;
	/*background: rgba(0,0,0,0.5);*/
	background:url(trans100.png);
	padding: 30px 30px 20px 30px;
	border-radius: 10px;

	color: #fff;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.iis-caption h1{
color: #fff;
font-weight: 300;
text-align: center;
font-size:  48px;
line-height: 56px;
}
.iis-caption p{
color: #fff;
text-align: center;
font-weight: bold;
letter-spacing:1px;

font-size: 20px;
margin: 0 0 20px;
}





/*
.iis-has-captions .iis-bullet-nav { max-width: 42%; }
*/
/*
bovenstaand oorzaak halve caption
 */


.iis-caption .iis-caption-title { font-weight: bold; }
.iis-caption .iis-caption-content {
	
	line-height: 10px; /*hoogte caption + padding*/
	color: #fff;
}
.iis-caption .iis-caption-content a,
.iis-caption .iis-caption-content a:visited {
	color: #fff;
	text-decoration: underline;
	border: 0;
}
.iis-caption .iis-caption-content a:hover,
.iis-caption .iis-caption-content a:active {
	color: #fff;
}
