/* Name: "mhf"
 * Author: Katrin Becker
 * $Id: sandstorm.css,v 1.5 2008/01/24 katrinbecker saschalorenz Exp $
 */

 ; main text and background colors
__text__           = "#000"
__background__     = #fff8b3 ; pale butter
; alternative text and background colors
__text_alt__       = "#a80000"  ; deep red
__background_alt__ = "#FFDD77"  ; beige
; neutral text and background colors
__text_neu__       = "#6f6f6f"  ; dark grey
__background_neu__ = "#a80000"  ; cherry red? #f2f2f2 lightest grey
; border color
__border__         = #664422  ; brown
; other text and background colors
__text_other__       = "#CC9966" ; taupe ("#c8c8c8" )
__background_other__ = "#ddccbb" ; light taupe ("#FFDE8F" -beige )

; these are used for links
__extern__    = "#003f9e" ; blue
__existing__  = "#006600" ; green
__missing__   = "#ff0000" ; red


a:link { color:#006600; text-decoration:none; }
a:visited { color:#a80000; text-decoration:underline }
a:hover { color:#664422; text-decoration:underline }

.logo {
  margin-top: 2px;
  margin-left: 4px;
  border: 0;
  text-decoration: none !important;
}
.logo_left {
  margin-top: 2px;
  vertical-align: middle;
  border: 0;
  float: left;
  text-decoration: none !important;
}
.logo_right {
  margin-top: 2px;
  vertical-align: middle;
  border: 0;
  float: right;
  text-decoration: none !important;
}

.logo_text {
  margin-top: 2px;
  vertical-align: top;
  text-align: center;
}
.logo_text a {
  color: #CC3300 !important;
  text-decoration: none !important;
}

.body{
	font-family: Verdana, "Lucida Grande", Lucida, Helvetica, Arial, sans-serif;;
	font-size: medium;
	color: #000000;
	background-color:#FFDD77 ;
	padding:4px;
	margin:4px;
}

.h1 {
 color: #CC3300;
  text-decoration: none;
  font-size: 120%;
  padding: 1px;
}

.title {
	letter-spacing:1px;
	background-image: url(../images/gold-top.jpg);
	padding:10px 0 10px 0;
	border-top: 1px dotted #664422 ;
	border-left: 1px dotted #664422  ;
	border-right: 1px dotted #664422  ;
	border-bottom: 0;
	font-size: 150%;
	font-weight: none;
	color: #CC3300;
	text-align: center;
	vertical-align:middle;
}

.admintitle {
	letter-spacing:1px;
	padding:10px 0 10px 0;
	border: 1px dotted #000000;
	background-color: #fff8b3;
	font-size: large;
	font-weight: bold;
	color: #000000;
	text-align: center;
	vertical-align:middle;
}

.location{
	margin: 2px;
	border-top: 0;
	border-bottom: 1px dotted #664422;
	border-left: 1px dotted #664422;
	border-right: 1px dotted #664422;
	color: #fff8b3;
	background-color: #CC3300;
	font-size: 70%;
	text-align: center;
}
.location a:link { color:#fff8b3; text-decoration:none; }
.location a:visited { color:#fff8b3; text-decoration:underline }
.location a:hover { color:#fff8b3; text-decoration:underline }


.naviarea{
    padding:1px 1px 5px 1px;
	border: 1px solid #664422;
	background-color: #fff8b3;
	font-size: 90%;
	text-align: left;
	background-image: url(../images/feathers.jpg);
}
.naviarea a:link { color:#006600; text-decoration:none; }
.naviarea a:visited { color:#a80000; text-decoration:none }
.naviarea a:hover { color:#664422; text-decoration:underline }
.naviarea hr {
  border: 0px;
  border-top: 1px solid "#FFDD77";
  height: 2px;
  margin: 1em 0;
}
.leftarea{
	font-size: small;
	text-align: left;
	margin-bottom: 10px;
}
ul.navi{
	list-style-type:none;
	margin:0 0 0 0;
	padding:0;
	text-decoration:none;
}
.navi li{
	list-style-type:none;
	padding:0 0 0 0;
	text-decoration:none;
	margin:.5em 0 0 1em;
}
.navi li li{
	padding:0;
	text-decoration:none;
	margin:0 0 0 2em;
}

ul.cart {
	list-style-type:none;
	margin:0 0 0 10px;
	padding:0;
}

li.cart {
	padding:0;
}

.mainarea{
	min-height: 400px;
	padding: 10px;
	margin-bottom: 15px;
	border: 1px dotted #664422;
	font-size: small;
	background-color: #fff8b3;
	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;
}
/* the box that holds the folder list */
div.naviarea{
	width:225px;
}

div.leftarea{
	float:left;
	width:240px;
}

div.mainarea{
	margin-left:235px;
}

table.maintable {
}

td.leftarea{
	width: 1%;
	padding: 0px;
	vertical-align: top;
	white-space: nowrap;
	max-width: 235px;
}

td.naviarea{
	width: 1%;
	padding: 5px;
	vertical-align: top;
	white-space: nowrap;
	max-width:235px;
}

td.mainarea{
	width: 99%;
	vertical-align: top;
}

div.clear{
	clear:both;
}

.footer{
	margin-top: 5px;
	border: 1px solid #664422;
	padding:0 5px 0 5px;
	background-color: #CC3300;
	color: #fff8b3;
	font-size: small;
}
.footer a {
color: #fff8b3;
	}
.footer a:hover, a:active {
	background-color: #fff8b3;
	color: #CC3300;
	}
.footer_left{
	text-align: left;
	width: 33%;
}
.footer_center{
	text-align:center;
	width: 33%;
}

.footer_right{
	text-align: right;
	width: 33%;
}



.picture{
	border: 3px outset rgb(94%, 94%, 70%);
	text-align: center;
}

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

.picturefooter{
	font-size: x-small;
	padding-bottom:10px;
}


.thumbnail{
	border: 3px outset rgb(94%, 94%, 70%);
	text-align: center;
}

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

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

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: oblique;
	text-align:left;
}

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

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

.quickjump_page{
}

.quickjump_activepage{
	font-weight: bold;
}

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

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

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

.admin_item{
	text-align: left;
	/* height: 100%; */
	border: 1px outset #664422;
	background-color: rgb(90%,90%,80%);
	padding: 5px;
	margin: 5px;
}

.admin_list {
	float: left;
	width: 400px;
	text-align: left;
	border: 1px outset #664422;
	background-color: rgb(90%,90%,80%);
	padding: 5px;
	margin: 5px;
}

.login_panel{
	padding: 10px;
	border: 1px dotted #664422;
	font-size: medium;
	background-color: #fff8b3;
	text-align: center;
}

.login_text{
}
.login_box{
}
.login_submit{
}

.pictureDescForm {
	border: 1px outset #664422;
	background-color: #fff8b3;
	font-size: 8pt;
	text-align: left;
	margin: 20px 5px 5px 5px;
	padding: 10px;
}

.pictureDescForm input {
	font-size: 8pt;
}

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

caption.exif {
	caption-side:top;
	border:1px solid rgb(65%,65%,55%);
	padding:3px;
	color:#FFFFFF;
	font-weight:bold;
	background-color:rgb(65%,65%,55%);
	margin-top:10px;
	margin-bottom:0;
	margin-left:auto;
	margin-right:auto;
}

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