/* CSS-File für Galerie und Unterverzeichnisse, wird nur in neuen Templates verwendet */
* {
	margin:0;
	padding:0;
	border:0;
}
BODY {
	font-size: x-small; /* für IE5/WIN */
	voice-family: "\"}\"";
	voice-family: inherit;
	font-size: small; /* für normale Browser */
	font-family: Verdana, Arial, Helvetica, sans-serif;
/* Domain-Standard
	color: Gray;
	background-color: white;
*/
	color: white;
	background-color: #888888;
}
html>body { /* für Opera */
	font-size: small;
}
table { /* Tabellen grundsätzlich zentrieren! */
	margin: auto auto;
}
table td { /* Tabelleninhalt grundsätzlich linksbündig! */
	text-align: left;
}
HR {
	height: 1px;
	color: gray;
	background-color: gray;
	margin-top: 10px;
}
H1 {
	font-weight: bold;
	font-size: 140%;
	margin-top: 2%;
	margin-bottom: 2%;
	color: White;
}
H2 {
	font-weight: bold;
	font-size: 130%;
	margin-top: 2%;
	margin-bottom: 1%;
}
H3 {
	font-weight: bold;
	font-size: 120%;
	margin-top: 1%;
	margin-bottom: 1%;
}
H4 {
	font-weight: bold;
	font-size: 110%;
	margin-top: 1%;
	margin-bottom: 1%;
}
A, A:visited {
	color: White;
	text-decoration: underline;
}
A:active, A:hover {
	color: #FFFFCC;
	text-decoration: underline;
}
.xxs_grey {
	font-size: 70%;
	color: silver;
	margin-bottom: 1px;
	margin-top: 1px; 
}
/* allgemeine DIV-Bereiche */
div#title {
	
}
/* horizontale Navigation */
div#hnavi {
	text-align: left;
	margin-bottom: 10px;
}
div#hnavi p {
	text-align: left;
}
div#navikeytop {
	margin-top: 10px;
	padding-top: 5px;
	border-top: 1px solid Gray;
}
div#navikeybot {
	margin-bottom: 10px;
	padding-bottom: 5px;
	border-bottom: 1px solid Gray;
}
p.navi, p.navikeys {
	margin-bottom: 2px;
	margin-top: 2px;
	font-size: 70%;
	color: white;
	white-space: nowrap;
}

/* EXIF-Formatierungen für template_image*black */
/* image sind die Einzelfoto-Seiten der Galerien */
/* spezielle Definitionen für Galerie */
div.imagecontent {
	text-align: center;
}
div#caption p {
	font-size: 140%;  /* wie H1 */
	color: white;
	margin-bottom: 12px;
	margin-top: 12px;
}
div#image img{
	border: thick ridge White;
}
div#exif p, div#description p, div#copyright p {
	margin-bottom: 2px;
	margin-top: 2px;
}
div#description, div#copyright {
	font-size: 70%;
}
div#keywords {
	text-align: center;
	font-size: 70%;
}
div#description textarea {
	color: black;
	background-color: transparent;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	text-align: center;
	border: 1px solid Gray;
	overflow: auto; /* Scrollbar nur wenn notwendig */
	margin-top: 6px;
	margin-bottom: 2px;
	height: 40px;
	width: 708px;   /* passend zur Breite des Fotos */
}
div#exifdata {
	text-align: center;
	margin-bottom: 10px;
	padding-bottom: 5px;
	border-bottom: 1px solid Gray;
}
div#exifdata table {
	margin-left: auto;	/* Tabelle zentrieren */
	margin-right: auto;
	text-align: center;
	border: none;
	padding: 1;
	width: 40%;
	font-size: 70%;
	empty-cells: show;
	position: relative;
	left: 5%;
}
div#exifdata table td {
	text-align: left;
}

/* THUMBS-Formatierungen für template_index*black */
/*	thumbs sind die Index-Seiten der einzelnen Galerien */
/*	p.thumbsarray  nötig aus Kompatibilitätsgründen bis 
 alle Galerien neu generiert sind, danach genügt div.thumbsarray */
p.thumbsdesc {
	margin-top: 12px;
	margin-bottom: 12px;
}
/*	thumbsarray ist der umgebende Div für alle Thumbnails */
div.thumbsarray {
	width: 100%;
	margin-top: 12px;
	margin-bottom: 12px;
}
/*	thumbs sind die einzelnen Thumbnail-Boxen */
div.thumbs {
	float: left;
	border: none;
	border-width: 4px 4px 0px 0px;
	text-align: center;
	background-color: #888888;
	margin: 4px;
	overflow: hidden;
	width: 180px;
	height: 180px;
}
div.thumbs p{
	font-size: 70%;
	text-align: center;
}
div.thumbs table {
	width: 100%;
	height: 100%;
	font-size: 100%;
	border: 2px solid;
	border-color: #CCCCCC #666666 #666666 #CCCCCC;
}
div.thumbs td {
	text-align: center;
	vertical-align: middle;
	background-color: #888888;
	padding: 8px 8px 8px 8px;
}
div.thumbs img, img.panothumbs {
	border: 2px solid;
	border-color: #666666 #CCCCCC #CCCCCC #666666;
	background-color: #222222;
}
/* Footer */
div#footer {
	text-align:center;
}
div#footer img {
	/* HomeGallery-Logo usw. */
	border: none;
}
div#footer p{
	text-align:center;
	margin-top: 10px;
	margin-bottom: 10px;
}
p.footer {
	text-align:center;
	margin-top: 10px;
}
/* Subfooter für separates Hintergrundbild */
div#subfooter p{
	text-align:center;
	font-size: 70%;
}
/* obsolete Definitionen bis alle Galerien neu generiert sind */
/*
p.thumbsarray {
	margin-top: 12px;
	margin-bottom: 12px;
}
table.thumbs {
	width: 100%;
	height: 100%;
}
img.thumbs {
	border-color: #666666 #CCCCCC #CCCCCC #666666;
	border-width: 1px 1px 1px 1px;
	background-color: #222222;
}
td.thumbs {
	text-align: center;
	vertical-align: middle; 
 	background-color: #888888;
	padding: 8px 28px 8px 28px;

	font-size: 100%;
	height: 166px;
	color: #FFFFFF;
	border: 2px solid;
	border-color: #CCCCCC #666666 #666666 #CCCCCC;
}
img.footer {
	border: none;
}
p.footer {
	text-align:center;
	margin-top: 10px;
}
p.navi {
	text-align: left;
}
p.exif, p.description, p.copyright {
	margin-bottom: 2px;
	margin-top: 2px;
}
.description, .copyright {
	font-size: 70%;
}
textarea.footer {
	color: black;
	background-color: transparent;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	text-align: center;
	border: 1px solid Gray;
	overflow: auto;
	margin-top: 6px;
	margin-bottom: 2px;
	height: 40px;
	width: 708px;
}
p.caption {
	font-size: 140%;
	color: white;
	margin-bottom: 12px;
	margin-top: 12px;
}
table.exif {
	border: none;
	padding: 2;
	width: 100%;
	font-size: 70%;
	empty-cells: show;
	text-align: center;
}
td.exif {
	text-align: center;
}
*/