/* CSS Document */

.fotoWindowHolder
{
	margin:auto;

}
.fotoWindow
{

	width:900px;
	background-color:#FFF;
	border:1px solid #000000; 	
	border-radius:10px;
	float:left;
	margin-top:5px;

	padding:30px;
		
}
.fBg
{
	width:900px;
	background-color:#333;
}
#foto
{
	display:block;
	margin:auto;
	background-color:#FFF;
	background-image:url(/modules/fotoalbum/image/loading.gif);
	background-position:center;
	background-repeat:no-repeat;
 
	border:1px solid #000000; 

	min-width:400px;


}

.windowCloser
{

	float:left;

	width:100%;
	height:100%;
}
a.closeBtn
{
	width:17px;
	height:17px;
	background-image:url(/login/image/close.png);
	cursor:pointer;
	position:absolute;
	top:10px;
	left:50%;
	margin-left:455px;
}
	

a.fotoLink
	{
		font-size:12px;
		text-decoration:none;
		color:#000000
	}
a.fotoLink:hover
	{

	}




.fotoNavBtn
{
	display:block;
	position:fixed;
	width:60px;

		top:0px;
height:100%;
background-repeat:no-repeat;
background-position:center;
		
}



.breadcrumb {
	padding: 6px;
	margin: 0;	
}

ol.breadcrumb {
	margin-top: 0;
	margin-bottom: 0;	
}

.breadcrumb a {
	color: #777
}

	



a.fotoalbum
{
	display:block;
	height:440px;
	overflow:hidden;
	

	color:#000000;
	text-align:center;

	cursor:pointer;
	 border:1px solid rgba(239,239,239,1.00);
padding:15px;
	  background-color:#FFFFFF;

	text-decoration:none;
	margin-bottom:30px;  
	
	

}

	
a.fotoalbum:hover 
{
	text-decoration:none;


	background-color:#eee;

	
	

}	


.albumInnerFoto
	{


		display:block;
		padding-top:100%;


		text-align:center;

		margin-bottom:5px;
		background-repeat:no-repeat;
		background-position:center;
		background-size:cover;
	 border:1px solid rgba(239,239,239,1.00);
		
	}
	
	
.albumInnerTitel
{

	display:block; text-align:left;
}

.albumInnerUser
{
	font-size:11px;
	display:block;width:200px; text-align:left;
}

	
.fotoAlbumText
{
height:50px;
text-align:center;

margin:auto;
position:relative;
}
a.fotoalbumCat
{
cursor:pointer;
color:#FFFFFF;
padding:10px;
display:block;
background-image:url(/modules/fotoalbum/image/catButton.png);
width:136px;
height:36px;
}
a.fotoalbumCat span
{
cursor:pointer
}
a.fotoalbumCat:hover
{
text-decoration:none;
background-image:url(/modules/fotoalbum/image/catButtonHover.png);
}
.fotoalbumNavBar
{

display:block;
text-align:center;

}
.fotoalbumHolder
{



}

.fotoMsg
{
	font-size:12px;
	width:100%;
	text-align:center;
	margin:auto;
	position:absolute;
	color:#FFF;
}





/* fotoalbum */



#fotHolder #vorigeFoto,#fotHolder #volgendeFoto
{
	width:1px;
	height:1px;}


.fotoAlbumFotoBG
{
	width:100%;
	background-size:contain;
		display:block;
		padding-top:80%;
		margin-bottom:30px;
		background-repeat:no-repeat;
		background-position:center;
		


	

}
.fotoAlbumFotoBG:hover
{
	/*background-image:url(/fotos/fotobg.png);*/
	background-color:#cccccc;
	
	

}
a.fotoLink
	{
		font-size:12px;
		text-decoration:none;

	}
a.fotoLink:hover
	{

	}
#fotHolder
{
background-image:url(/modules/artikelen/image/fotomainbg.png);
background-attachment:fixed;
left:0px;
top:0px;
overflow:auto;
position:fixed;
display:none;
z-index:999;
width:100%;
height:100%;
}



.fotoNavBtn
{
	display:block;
	position:absolute;
	width:60px;

		top:65px;
height:500px;
background-repeat:no-repeat;
background-position:center;

		
}

	
a#fotoVorigeLink
	{
		background-image:url(/modules/artikelen/image/btnLeft.png);
		left:50%;
		margin-left:-445px;

		

	}

a#fotoVolgendeLink
	{
		background-image:url(/modules/artikelen/image/btnRight.png);
		left:50%;
		margin-left:390px;


	}

a#fotoVorigeLink:hover
	{
		background-image:url(/modules/artikelen/image/btnLeftHover.png);
	}
a#fotoVolgendeLink:hover
	{
		background-image:url(/modules/artikelen/image/btnRightHover.png);
	}
.fotoAlbumReacties		
{
	text-align:left;
}

.fotoAlbumReactieLijst
{
	float:left;
	width:45%;
}	
.fotoAlbumReactieLijst h3
{
		color:#333;
	font-size:12px;
	border-bottom:2px solid #CCC;
	margin-bottom:2px;
	

}
.fotoAlbumReactieLijst h3 a, .h2 a
{
	color:inherit;
	text-decoration:none;
}
.fotoAlbumReactieLijst h3 a:hover,  h2 a:hover
{
	color:#F00;
}
	
.fotoAlbumReactieLijst p
{

	color:#333;
	padding-left:10px;


}
.fotoAlbumReactieLijst .reactie
{
		font-size:12px;
		margin:0px;
	min-height:120px;
	margin-bottom:20px;

	}
.medewerkerFoto
{
	float:left;
	background-position:center;

	margin:10px;
	display:block;
	width:80px;
	height:80px;
	border-radius:5px;
}
.fotoAlbumOpties input[type="button"]
{
	margin:5px;
	float:right;
	
}
.fotoAlbumOpties textarea
{
	width:100%;
	height:100px;
}
.fotoAlbumOpties
{
	float:right;
	width:45%;
}	

.imgPreview
{
	max-height:200px;
	overflow:scroll;
}