/* de file met de naam main-WAG.css is gelijk aan de main.css die gebruikt wordt in de website van Ben-Prive. 
Het is een combinatie van wat daar nodig is en wat nodig is voor de pagina's met beelden die door WAG gesorteerd zijn. 
Voor het gebruik moeten de styles van BenPrive en van WAG allebei de naam "nain.css" hebben. Dat schept enige verwarring, maar met een beetje zorgvuldigheid moet het bruikbaar zijn. 
Hier volgen eerst de   Main Selectors */

body {
	background-color: #000033;
	color: #CCCCCC;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
}

a, a:visited {
	background-color: transparent;
	color: #999999;
}

a:hover {
	background-color: transparent;
	color: #FF9966;
}

/* Header */
div#header h1 {
	font-family: tahoma, arial, helvetica, sans-serif;
	text-align: center;
	background-color: #003;
	color: #CCCCCC;
	font-size: 24px;
}

/* 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-width: 0px;
	text-align: center;
	vertical-align: middle;
	padding: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #CCCCCC;
}

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 - Het rijtje foto's boven de grote beelden */
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.previous {
	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: 100px;
	text-align: center;
	vertical-align: middle;
	padding: 10px;
}

div#navigation td.thumbcell img {
	border-style: none;
}

div#navigation td.selected {
	border-style: outset;
	border-width: 2px;
}

div#navigation span.home {
	display: block;
	padding-bottom: 1em;
}

/* Photograph */
div#photograph {
	text-align: center;
	margin: 1ex 0 1ex 0;
	background-color: #000033;
}

div#photograph img {
	margin: 0 auto 0 auto;
	border: 
}

/* Photograph Title */
h1.title {
	text-align: center;
	font-family: tahoma, arial, helvetica, sans-serif;
	font-size: 1.2em;
	font-weight: bold;
	margin: 0px;
}

/* Photograph Caption */
p.caption, p.description {
	font-family: tahoma, arial, helvetica, sans-serif;
	text-align: center;
	font-size: 1em;
	display: block;
	width: auto;
	margin: auto;
}

/* Footnote Zo mogelijk weghalen zodat het niet stoort*/
p.footnote {
	font-family: tahoma, arial, helvetica, sans-serif;
	font-size: 0.2em;
	text-align: right;
	padding: 0 2em 0 0;
	display: none;
}
