@CHARSET "ISO-8859-1";
.album
{
	display:block;
	margin-bottom:25px;
	margin-left:auto;
	margin-right:auto;
	width:298px;
}
.album h2
{
	margin-top: 10px;
	font-size: 1.3em;
	font-weight: bold;
	border: 0px;
	color: #04369B;
	margin: 0;
	padding: 0;
}
.album h2 a
{
}
.album-img-border
{
	width: 290px;
	height: 180px;
	border: 1px solid #d3d3d3;
	padding: 3px;
}
.album-img-border:hover
{
background-color: #d3d3d3;
}

.album-img-border .background
{
	padding: 5px;
	padding-top: 10px;
	position: relative;
	height: 44px;
	top: 120px;
	background-color: #fff;
	border-top:1px solid #D3D3D3;
	opacity: 0.7; /* FF */
	filter: alpha(opacity=70); /* IE7 */
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; /* IE8 */
}

.album-container .onderschrift
{
	font-size: 1.1em;
}
.album-img-border .background p
{
	color: #626262;
	text-align: center;
	margin: 0px;
}
.album-img-border .background h2
{
	margin-top: 0px;
	font-size: 1.2em;
	font-weight: bold;
	text-align: center;
	border-bottom: 0px;
}
.album-img-bg
{
	display: block;
	width: 200px;
	border: 1px solid transparant;
	background-repeat: no-repeat;
	background-position: center center;
	position: absolute;
	outline: 0;
}
.album-img
{
	display: block;
	width: 200px;
	border: 1px solid transparant;
	-moz-border-radius: 10px;
	background-repeat: no-repeat;
	background-position: center center;
}

.thumb
{
	float:left;
	height:133px;
	width:133px;
}

.thumb img
{
	margin: auto auto;
	display: block;
}



table.nav
{
width: 100%;
margin: 10px 0px 20px;
}
table.nav span
{
	border: 1px solid #d3d3d3;
	padding: 3px 10px;
}

table.nav .prev, table.nav .next 
{
width: 33%;
}
table.nav .prev
{
text-align: left;
}
table.nav .next 
{
text-align: right;
}
table.nav .up 
{
text-align: center;
}



.pic img
{
display: block;
max-width: 525px;
margin: auto;
}

.pic .desc
	{
	text-align: center;
	margin: 15px 0px;
	}























#album-thumbs
{
	width: 770px;
	float: left;
	position: relative;
	z-index: 0;
	min-height: 600px;
}



.thumb70
{
	float: left;
	width: 70px;
	height: 70px;
	margin: 6px;
}
.thumb70-img
{
	display: block;
	border: 1px solid;
	-moz-border-radius: 3px;
	background-repeat: no-repeat;
	background-position: center center;
}

.thumb95
{
	float: left;
	width: 95px;
	height: 95px;
	margin: 6px;
}
.thumb95-img
{
	display: block;
	border: 1px solid;
	-moz-border-radius: 3px;
	background-repeat: no-repeat;
	background-position: center center;
}

.thumb110
{
	float: left;
	width: 110px;
	height: 110px;
	margin: 6px;
}
.thumb110-img
{
	display: block;
	border: 1px solid;
	-moz-border-radius: 3px;
	background-repeat: no-repeat;
	background-position: center center;
}

.thumb145
{
	float: left;
	width: 145px;
	height: 145px;
	margin: 6px;
}
.thumb145-img
{
	display: block;
	border: 1px solid;
	-moz-border-radius: 3px;
	background-repeat: no-repeat;
	background-position: center center;
}

.thumb160
{
	float: left;
	width: 160px;
	height: 160px;
	margin: 6px;
}
.thumb160-img
{
	display: block;
	border: 1px solid;
	-moz-border-radius: 3px;
	background-repeat: no-repeat;
	background-position: center center;
}

.thumb220
{
	float: left;
	width: 220px;
	height: 220px;
	margin: 6px;
}
.thumb220-img
{
	display: block;
	border: 1px solid;
	-moz-border-radius: 3px;
	background-repeat: no-repeat;
	background-position: center center;
}

.thumb290
{
	float: left;
	width: 290px;
	height: 290px;
	margin: 6px;
}
.thumb290-img
{
	display: block;
	border: 1px solid;
	-moz-border-radius: 3px;
	background-repeat: no-repeat;
	background-position: center center;
}


#info
{
	margin-left: -1px;
	position: relative;
	float: left;
	width: 188px;
	border-left-width: 0px;
	-moz-border-radius-topleft: 0px;
	-moz-border-radius-bottomleft: 0px;
	overflow: hidden;
	
}

#info h2
{
	font-size: 1.3em;
	font-weight: bold;
}
.uploader
{
	margin-top: 5px;
	overflow: auto;
	margin-bottom: 5px;
}
.uploader .onderschrift
{
	font-size: 1.1em;
	color: #C1C1C1;
}
.uploader img
{
	width: 30px;
	float: left;
	margin-right: 10px;
}
.uploader a
{
	font-size: 1.3em;
}
#tools
{
	margin-top: 10px;
	padding:10px;
	background-color: #DEE7F3;
	-moz-border-radius: 10px;
	
}
#tools ul
{
	list-style: none;
}
#info #tools li
{
	font-size: 1.2em;
	color: #c1c1c1;
	margin-top: 5px;
}

#tools .onderschrift
{
	color: #626262;
	font-size: 0.8em;
}
.image-container
{
	margin-bottom: 10px;
	overflow: auto;
}

.pic-overlay
{
	
	
	position: absolute;
	width: 100%;
	
	text-align: center;
	height: 30%;
}

.pic-overlay .beschrijving
{
	
	background-color: #DEE7F3;
	opacity: 0.8;
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	-moz-border-radius-bottomleft: 10px;
	-moz-border-radius-bottomright: 10px;
	position: absolute;
	padding: 3px 10px;
	font-size: 12px;
	
	
}
#prev-overlay, #next-overlay
{
	text-indent: -9999px;
	position: absolute;
	outline: 0;
	width: 50%;
	z-index: 1;
	display: block;
}
#prev-overlay:hover, #next-overlay:hover
{
	text-decoration: none;
}
#prev-overlay
{
	left: 0px;
	height: 100%;
}
#prev-overlay:hover
{
	background-image: url("/forum/styles/hldjeugd/theme/images/prev.gif");
	background-position: center left;
	background-repeat: no-repeat;
	opacity: 0.8;
}
#next-overlay
{
	right: 0px;
	
	height: 100%;
}
#next-overlay:hover
{
	background-image: url("/forum/styles/hldjeugd/theme/images/next.gif");
	background-position: center right;
	background-repeat: no-repeat;
	opacity: 0.8;
}
#tags
{
	margin-bottom: 20px;
}
#tags a
{
	font-size: 1.2em;
}




#lbImage {
	background-repeat:no-repeat;
	margin-left:auto;
	margin-right:auto;
	font-size:750px;
	
	position: relative;
	visibility: visible; 
	opacity: 1; 
	
	overflow: hidden;
	-moz-border-radius: 10px;
	
}

#lbImageContainer
{
	position: relative; 
}

#lbDescContainer
{
	text-align: center;
}
#lbDesc
{
	font-size: 12px;
	position: absolute;
	-moz-border-radius-bottomleft:10px;
	-moz-border-radius-bottomright: 10px;
	background-color: #DEE7F3;
	opacity: 0.8;
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	padding: 3px 10px;

}

#lbPrevLink {
	left:0;
}
#lbPrevLink:hover, #lbNextLink:hover {
	opacity:0.8;
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
}
#lbPrevLink:hover
{
	background:transparent url("/forum/styles/hldjeugd/theme/images/prev.gif") no-repeat scroll 0% 50%;
}
#lbPrevLink, #lbNextLink {
	display:block;
	outline: 0;
	outline: none;
	position:absolute;
	top:0;
	width:50%;
}
#lbNextLink {
	right:0;
}
#lbNextLink:hover {
	background:transparent url("/forum/styles/hldjeugd/theme/images/next.gif") no-repeat scroll 100% 50%;
}



#pic-tags
{
	width: 750px;
	height: 500px;
}
.tag
{
	background-image: url("/images/smiley.png");
	height: 50px;
	width: 50px;
	position: absolute;
}
		
#pic-tags-names
{
	position: absolute;
	width: 200px;
	font-size: 10px;
	background-color: #fff;
	border:1px solid #04369B;
	cursor: default;
	z-index: 1;
	-moz-border-radius:10px;
}

#sel-tl, #sel-tr, #sel-bl, #sel-br
{
	background-color: #fff;
	opacity: 0.5;
	display: block;
	position: absolute;
	width: 6px;
	height: 6px;
	z-index: 1;
}
#sel-tl
{
	top: -3px;
	left: -3px;
}
#sel-tr
{
	top: -3px;
	right: -3px;
}
#sel-bl
{
	bottom: -3px;
	left: -3px;
}
#sel-br
{
	bottom: -3px;
	right: -3px;
}

.tag-name-chooser
{
	height: 50px;
}
.tag-name-chooser label
{
	display: block;
	margin:2px 5px;
	font-weight: bold;
}
.tag-name-chooser input
{
	width: 85%;
	margin: 2px 5px;
}
.tag-name-chooser span
{
	margin: 2px 5px;
	margin-bottom: 4px;
	font-weight: bold;
}
.tag-name-list
{
	height: 170px;
	border-top: 1px solid #C1C1C1;
	border-bottom: 1px solid #C1C1C1;
	background-color: #DEE7F3;
	overflow: auto;
}
.tag-name-list ul
{
	list-style: none;
	margin: 2px 5px;
}
.tag-name-list li
{
	margin-bottom: 5px;
}
.tag-name-action
{
	
	margin: 5px 5px;

	text-align: center;
}