@charset "utf-8";

.ImgBoxTekst
{
	padding: 10px;
	font-size: 12px;
	color: #666;
	font-family: Arial, Helvetica, sans-serif;
	height:80px;
	line-height: 25px;
	
}

.ImgBox a:hover, .ImgBox a:visited,.ImgBox a:link,.ImgBox a:active
{
    text-decoration: none;
}

.ImgBox li > div:hover 
{
	background-color:#e5e7fe;
}

.ImgBoxTekst h1
{
	font-size: 20px;
	color: #ea0071;

	font-weight: bold;
	line-height: 10px;
}

.padded-column {
  padding: 10px;
}

.ImgBox li > div
{
    background-color: gray;
	background-color:#FFF;
	margin:5px;
	position:relative;
	overflow: hidden;
}

.ImgBoxButtons
{
	position: absolute;
	top: 30%;
	width:100%;
	text-align:center;
	pointer-events: none; /* kan mischien dinken fucken verwijder als je problemen krijgt met links*/
}
.ImgBoxButtons a
{
	-webkit-opacity: 0.7;
 	-moz-opacity: 0.7;
  	opacity: 0.7;
	
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	pointer-events: auto;
}

.ImgBoxButtons a:hover
{
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  pointer-events: auto;
}

.ImgBoxButtons img
{
	margin:0 3% 0 3%;
	position:relative;
}

.RightButton
{
	width:20%; 
	height:auto;
	right:-50%;
	cursor: pointer;
}

.MidButton
{
	
	width:0%; 
	height:auto;
	cursor: pointer;
}

.LeftButton
{
	width:20%; 
	height:auto;
	left:-50%;
	cursor: pointer;
}

.ProjectImage
{
	 overflow: hidden; 
}

.ProjectImage img
{
	position:relative;
	width:100%;
	height:auto;
}