/* Main Selectors */
{background-color: #82821f;color: #000000;}

body {
	background-color: #FFFFFF;
	font: 100% 'Verdana', 'Helvetica', 'Arial', sans-serif;
	color: #585858;
	text-align: center;
	background-attachment: fixed;
	background-image: url(../images/picture_sm.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
}

#content {
	margin-top: 0%;
	margin-right: 10%;
	margin-bottom: 0%;
	margin-left: 10%;
}

#console {
	border: solid;
	border-width: 1px;
	padding: 10px 10px 10px 10px;
	border-color:black;
	background-color: #bbbbbb;
	width: 700px;
	height: 800px;
	margin: 0px auto; /* Right And Left Margin Widths To Auto */
	text-align: left; /* Hack To Keep IE5 Windows Happy */
	}

a, a:visited {background-color: transparent;color: #FFFFFF;}

a:hover {background-color: transparent;color: #FF0000;}

/* Header */
div#header h1 {font-family: tahoma, arial, helvetica, sans-serif;text-align: center;background-color: transparent;color: #000000;}

/* Header2*/
div#header h2 {font-family: tahoma, arial, helvetica, sans-serif;text-align: center;background-color: transparent;color: #CC0000;}

/* Thumbnail Index */
div#index {margin: 1ex 0 1ex 0;text-align: center;}

div#index table {text-align: center;margin: 0 auto 0 auto;}

div#index td.thumbcell {width: 100px;border-style: solid;border-color: #82821f;border-width:0px;text-align: center;vertical-align: middle;padding: 1px;}

div#index td.thumbcell img {border-style: none;}

div#index div.pages {font-family: tahoma, arial, helvetica, sans-serif;font-size: 0.8em;text-align: right;}

/* Photo Navigation */
div#navigation {text-align: center;font-family: tahoma, arial, helvetica, sans-serif;font-size: 0.8em;margin: 1ex 0 1ex 0;}

div#navigation table {text-align: center;margin: 0 auto 0 auto;}

div#navigation td.Vorige {text-align: left;width: 100px;}

div#navigation td.index {text-align: center;}

div#navigation td.next {text-align: right;width: 100px;}

div#navigation td.thumbcell {width: 90px;border-style: solid;border-color: #ffffff;border-width: 0px;text-align: center;vertical-align: middle;padding: 1px;}

div#navigation td.thumbcell img {border-style: none;}

div#navigation td.selected {border-style: outset;border-width: 0px;}

div#navigation span.home {display: block;padding-bottom: 1em;}

/* Photograph */
div#photograph {text-align: center;margin: 1ex 0 1ex 0;}

div#photograph img {margin: 0 auto 0 auto;border-style: solid;border-color: #82821f;border-width: 1px;}

/* Photograph Title */
h1.title {text-align: center;font-family: tahoma, arial, helvetica, sans-serif;font-size: 0.8em;font-weight: bold;color: #82821f;margin: 0px;}

/* Photograph Caption */
p.caption, p.description {font-family: tahoma, arial, helvetica, sans-serif;text-align: center;font-size: 0.8em;display: block;width: 1024px;margin: auto;}

/* Footnote */
p.footnote {font-family: tahoma, arial, helvetica, sans-serif;font-size: 0.6em;text-align: right;padding: 0 2em 0 0;}

.note{font-size:0.8em;text-align:center;font-family:tahoma,arial,helvetica,sans-serif;color:#FFFFFF;background-color:transparent;}
	
.linklist{font-weight:100;text-align:center;font-family:tahoma,arial,helvetica,sans-serif;font-size:0.8em;color:#FFFFFF;background-color:transparent;}

div.index{text-align: center;}

.entercode {text-align:center;font-family: tahoma, arial, helvetica, sans-serif;font-size:1.0em;color:#000000;background-color:transparent;}
.error { color: #f00; font-family: tahoma, arial, helvetica, sans-serif; font-weight: normal; font-size: 1.2em; }
.success { color: #00f; font-family: tahoma, arial, helvetica, sans-serif; font-weight: normal; font-size: 1.2em; }
 fieldset { width: 90%; }
 legend { font-size: 24px; }
 
 
 /* Begin vergroten image*/
 
 #images-box {
	/* The total width of the image-box, mainly for centering */
	width: 800px;
	margin: 0px auto;
	position: relative;
	top: -3px;
}

.image-lightbox img {
	/* Inherit the width and height from the parent element */
	width: inherit;
	height: inherit;
	z-index: 3000;
}

.holder {
	/* The width and height, you can change these */
	width: 400px;
	height: 225px;
	/* Float left, so everything aligns right */
	float: left;
	margin: 0 0px 0 0;
}

.image-lightbox {
	/* Inherit width and height from the .holder */
	width: inherit;
	height: inherit;
	padding: 2px;
	background: #fff;
	border-radius: 0px;
	/* Position absolutely so we can zoom it out later */
	position: absolute;
	top: 0;
	font-family: Arial, sans-serif;
	/* Transitions to provide some eye candy */
	-webkit-transition: all ease-in 0.3s;
	-moz-transition: all ease-in 0.3s;
	-ms-transition: all ease-in 0.3s;
	-o-transition: all ease-in 0.3s;
}

.image-lightbox span {
	display: none;
}

.image-lightbox .expand {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	z-index: 4000;
	background: rgba(0,0,0,0); /* Fixes an IE bug */
	left: 0;
}

.image-lightbox .close {
	position: absolute;
	width: 10px; height: 10px;
	right: 10px; top: 10px;
}

.image-lightbox .close a {
	height: auto; width: auto;
	padding: 5px 10px;
	color: #fff;
	text-decoration: none;
	background: #800000;
	border-radius: 15px;
	font-weight: normal;
	position: absolute;
    top: -20px;
    right: -20px;
}

.image-lightbox .close a:hover {
}

div[id^=image]:target {
	width: 960px;
	height: 540px;
	z-index: 5000;
	top: 0px;
	left: 200px;
}
div[id^=image]:target .close {
	display: block;
}

div[id^=image]:target .expand {
	display: none;
}

div#image-1:target, div#image-2:target{ left: -100px; }

div#image-1 { left: 0; }
div#image-2 { left: 400px; }

/* Eind vergroten image*/