/* Deze MAIN.CSS die ik voor mijn websote gemaakt heb, bevat alle gegevens voor Web Album Generator zodat je hem in de plaats kunt zetten van de main die WAG zelf aanmaakt. 
Het is een combinatie van wat daar nodig is en wat nodig is voor de pagina's met beelden die door WAG gesorteerd zijn. 
Hier volgen eerst de  voornaamste Selectors van alle pagina's */

body {
	background-color: #000000;
	color: #CCCCCC;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
}

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

/* Header */
div#header h1 {
	font-family: tahoma, arial, helvetica, sans-serif;
	text-align: center;
	background-color: #000;
	color: #CCCCCC;
	font-size: 24px;
}

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

/* 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: 110px;
}

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: #000;
}

div#photograph img {
	margin: 0 auto 0 auto;
	border: 
}

/* Photograph Title --LET OP: ALS DE TITEL NIET GETOOND MOET WORDEN, DAN display: none; TOEVOEGEN */
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, {
	font-family: tahoma, arial, helvetica, sans-serif;
	text-align: center;
	font-size: 1em;
	display: block;
	width: 800px;
	margin: auto;
}
/* Beschrijving Bijschrift */
p.description {
	font-family: tahoma, arial, helvetica, sans-serif;
	text-align: center;
	font-size: 100%;
	display: block;
	width: 800px;
	margin: auto;
}


/* Footnote Zo mogelijk weghalen zodat het niet stoort*/
p.footnote {
	font-family: tahoma, arial, helvetica, sans-serif;
	font-size: 0.1em;
	text-align: right;
	padding: 0 1em 0 0;
	display: none;
}