/*
Title: archief stylesheet for Rambonnet2.0
Author: Rogier Borst (borst@xs4all.nl)
Updated: 08-04-2009
*/
#mainContent div {
	margin-bottom:0px;
	margin-top:0px;
	position:relative;
	padding:0px;
	background-color:transparent;
	border:none;
}
.archiefTab {
	height: 33px;
	width: 420px;
	position:absolute;
	bottom:0px;
	left:240px;
	background:url(../Images/ArchiefTab.png);
	text-align:center;
	color:#aaa;
	padding:0;
	
}
.archiefTab p {
	line-height:3em;
	font-size:80%;
	color:#333;
}
.archiefTab a, .archiefTab em {
	font-style:normal;
	color:#aaa;
	border:none;
}
.archiefTab img {
	border:none;
	vertical-align:middle;
}
#archief {
	padding-top:0px;
	margin-left:-10px;
	margin-right:-10px;
	height:542px;
	background:url(../Images/Archief_BG.gif) #333 no-repeat;
	overflow:hidden;
}
#archief h2 {
	color:#AAA;
	padding-right:0px;
	text-align:center;
}
#archief ul {
	margin-left:25px;
	list-style:none;
}
#archief li {
	float:left;
	text-align:center;
	list-style-image:none;
	margin:5px 2px;
}
#archief li a {
	width:168px;
	height:183px;
	display:block;
	color:#ddd;
	border:none;
	position:relative;
	padding:0;
}
#archief li a:link, #archief li a:visited {background-image:url(../Images/Dia.png);}
#archief li a:hover, #archief li a:focus, #archief li a:active {background-image:url(../Images/Dia_A.png);}
#archief li a img {
	border:1px solid #999;
	border-top:1px solid #333;
	border-left:1px solid #333;	
}
#archief li a:link img, #archief li a:visited img {margin-top:15px;}
#archief li a:hover img, #archief li a:focus img, #archief li a:active img {margin-top: 17px;}
#archief li a span {
	display:inline;
	font-size:80%;
	position:absolute;
	width:100%;
	left:0;
}
#archief li a:link span, #archief li a:visited span {bottom:16px;}
#archief li a:hover span, #archief li a:focus span, #archief li a:active span {bottom:14px;}

#mainContent div.archiefInfo {
	width:100%;
	padding:0px 25px;
	height:100px;
	clear:left;
	position:absolute;
	bottom:0px;
}
.archiefInfo a, .archiefInfo img {border:none; float:left;}
.archiefUitleg {
	width:523px;
	height:85px;
	background:#161616 url(../Images/Uitleg.png) no-repeat;
	overflow:auto;
	color:#f5f2f0;
	/*padding:5px;*/
}
#mainContent div.archiefDatum {
	width:260px;
	height:100px;
	position:absolute;
	bottom:0px;
	right:100px;
}
#mainContent div.archiefVolgende {
	width:100px;
	height:100px;
	position:absolute;
	bottom:0px;
	right:0px;
}
#mainContent div.archiefUploader {
	width:300px;
	height:20px;
	position:absolute;
	bottom:-3px;
	right:80px;
	text-align:right;
	font-size:80%;
	color:#aaa;
}
div.archiefUploader a {
	float:none;
	padding:0;
	border:none;
	color:#aaa;
	text-decoration:underline;
}
div.archiefUploader a:hover, div.archiefUploader a:focus{
	color:#A87C5D;
}

/*diaShow*/
#mainContent #dia{
	width:900px;
	margin-left:-10px;
	margin-right:-10px;
	padding-top:0px;
	background-color:#333;
	text-align:center;
}
#dia a, #dia img{border:none;padding-bottom:0px;}

/*getting rid of "tooltip" behavior in mainCss*/
a:hover {position:static;}
a:hover span {background-color:inherit;}