/* Linkeinstellungen */
a:link {
	color:#9C0000;
	text-decoration:underline;
}

a:visited {
	color:#9C0000;
	text-decoration:underline;
}

a:hover {
	color:#9C0000;
	text-decoration:underline;
	font-style:oblique;
}

/* Generelle Seiteneinstellungen */
.body{
	font-family: Georgia,serif; 
	font-size: medium; 
	color: #000000;  
	background-color: rgb(80%,80%,70%);
	padding:5px;
	margin:5px;
}

/* Galerietitel */
.title {
	letter-spacing:1px;
	padding:10px 0 10px 0;
	font-size: large; 
	font-weight: bold;
	color: #000000;
	text-align: center;
	vertical-align:middle;
	background-color: rgb(98%, 98%, 90%);
	border-top: 1px dotted #000000; 
	border-left: 1px dotted #000000; 
	border-right: 1px dotted #000000; 
	border-bottom: 0;
}

div.location {
	border-left: 1px dotted #000000;
	background-color: rgb(98%, 98%, 90%);
	font-size: small;
	text-align: left;
	padding:0 10px 10px 10px;
	border-top: 0;
}

.leftarea {
	font-size: small;
	text-align: left;
}

.naviarea {
	background-color: rgb(98%, 98%, 90%);
	font-size: small;	
}

.mainarea {
	min-height: 400px;
	padding: 10px;
	/*
	margin-bottom: 15px;
	*/
	border: 1px dotted #000000; 
	font-size: small; 
	background-color: rgb(98%, 98%, 90%);
	text-align: center;
}

/* Bildertabelle */
.thumbs_table {
	width:100%;
}

/* Zeilen der Thumbnails */
.thumbs_row {
}

/* einzelne Zellen der Thumbnails */
.thumbs_cell {
	padding:3px;
	vertical-align: top;
}

/* */
.annotation {
	color: #000000;
}


/* vor Fußzeile */
div.clear{
	clear:both;
}

/* Fußzeile */
.footer{
	margin-top:10px;
	padding:5px;
	background-color: rgb(98%, 98%, 90%);
	font-size: small;
	border: 1px dotted #000000; 
}

/* linker Fußtext: Persönliche Einstellungen */
.footer_left{
	text-align: left;
	width: 33%;
}

/* mittlerer Fußtext: Verwaltung */
.footer_center{
	text-align:center;
	width: 33%;
}

/* rechter Fußtext: Dies ist eine TFTgallery */
.footer_right{
	text-align: right;
	width: 33%;
}

/* Bild */
.picture{
	border: 3px outset #D0D0D0;
	text-align: center;
}

/* Wenn Bild aus Unterverzeichnis stammt */
.picturedir {
	border: 3px outset yellow;
	text-align: center;
}

/* Öffnen in Originalgröße... */
.picturefooter{
	font-size: x-small;
	padding-bottom:10px;
}

.thumbnail{
	border: 3px outset #D0D0D0;
	text-align: center;
}

.thumbdir {
	border: 3px outset yellow;
	text-align: center;
}

.thumbnailfooter {
	font-size: x-small;
	font-style: oblique;
}

.thumbnailfilenames {
	font-size: 85%;
}

table.quickjump {
	/* width:100%; */
	border:0;
}

tr.quickjump {
}

.quickjump_showall {
}

.quickjump_left_enabled {
	font-weight: bold;
	text-align: left;
}

.quickjump_left_disabled {
	color: #5D5D5D;
	font-style: normal;
	text-align:left;
}

.quickjump_right_enabled {
	font-weight: bold;
	text-align:right;
}

.quickjump_right_disabled {
	color: #5D5D5D;  
	font-style: normal;
	text-align:right;
}

.quickjump_page {
	font-weight: normal;
}

.quickjump_activepage {
	font-weight: bold;
}

td.quickjump_right_disabled span, td.quickjump_left_disabled span {
/*	border:1px solid #D0D0D0; */
	padding:5px;
	text-decoration:none;
	display:block;
	text-align:center;
	width:25px;
}

td.quickjump_activepage a, td.quickjump_page a, td.quickjump_right_enabled a, td.quickjump_left_enabled a, td.quickjump_showall a {
	/*
	border:1px solid #800000;
	*/
	padding:5px;
	text-decoration:none;
	display:block;
	text-align:center;
}

td.quickjump_activepage a, td.quickjump_page a, td.quickjump_right_enabled a, td.quickjump_left_enabled a {
	width:25px;
}

td.quickjump_activepage a:hover, td.quickjump_page a:hover, td.quickjump_left_enabled a:hover, td.quickjump_right_enabled a:hover, td.quickjump_showall a:hover {
	background-color:rgb(94%, 94%, 85%);
}

td.quickjump_activepage a {
	color:#CCCCB3;
	background-color:#9C0000;
}

.album_description {
	text-align: center;
	padding: 5px;
}

.picture_description {
	text-align: center;
	padding: 5px;
}

table.exif {
	border:0;
	text-align:left;
	border-collapse:collapse;
	font-size:85%;
	margin-left:auto;
	margin-right:auto;
	width:100%;
	}

tr.exif {
	border:0;
	padding:0;
	margin:0;
	border:1px solid #A0A0A0;
}

td.exif_key {
	border:1px solid rgb(80%,80%,70%);
	padding:3px;
	margin:0;
	font-weight:bold;
	background-color:rgb(80%,80%,70%);
}

td.exif_value {
	border:1px solid rgb(80%,80%,70%);
	padding:3px;
	margin:0;
	background-color:rgb(98%, 98%, 90%);
}

#tftimginfohead {
	padding-top:10px;
	text-align:left;
	padding-bottom:2px;
}

#tftimginfohead span {
	padding-left:4px;
	padding-right:4px;
	padding-top:2px;
	padding-bottom:2px;
	cursor:pointer;
}

#tftimginfohead span.current {
	border:2px solid #CCCCB3;
}

.tftimginfo {
	border:2px solid #CCCCB3;
	padding:2px;
}

.tftimginfo p {
	margin:13px 0;
}

.tftimginfo input {
	font-family: Georgia,serif;
	font-size: small;
}

.tftimginfo input.submit {
	background-color:#D0D0D0;
	border:0;
}

.tftimginfo select, .tftimginfo textarea {
	font-family: Georgia,serif;
	font-size: small;
	background-color:#FFFFFF;
	border:1px solid #A0D0D0;
}

.tftimgadmin {
	background-color: #D0F0F0;
}

#tftpreloading {
	display:inline;
	position:relative;
}

#tftdiashowleft, #tftdiashowright {
	vertical-align:text-top;
	cursor:pointer;
}

.thumbform input.checkbox {
	border:0;
}

.thumbform input.text, .thumbform select, .thumbform textarea {
	font-family: Georgia, serif; 
	font-size: small;
	background-color:#FFFFFF;
	border:1px solid #A0D0D0;
}

.thumbform input.submit {
	font-family: Georgia, serif; 
	background-color:#D0D0D0;
	border:0;
}

/* displayed above album/picture when changes are made */
.pictureDescForm {
	border: 1px outset #000000;
	background-color: #D0F0F0;
	font-size: small;
	text-align: left;
	margin: 5px;
	padding: 5px;
}

/*

.pictureDescForm input {
	font-family: Georgia,serif;
	font-size: small;
}

.pictureDescForm input.checkbox {
}

.pictureDescForm select, .pictureDescForm textarea {
	font-family: Georgia,serif;
	font-size: small;
	background-color:#FFFFFF;
	border:1px solid #A0D0D0;
}

*/

div.settingtable {
	display:table;
	padding-left: 15px;
	margin-top: 5px;
	margin-bottom: 20px;
	text-align:left;
	float:none;
}

div.settingtable span.onecolperrow {
	display:block;
}

div.settingtable span.multicolperrow {
	display:inline;
	width:470px;
	float:left;
}