/* 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;}
 .logo_left {  margin-top: 2px;  vertical-align: middle;  float: left;}
 .logo_right {  margin-top: 2px;  vertical-align: middle;  float: right;}
 .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:5px;
 margin:5px;
 }

 .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:10px 1px 10px 5px;
 	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: 15px;}

 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;}
 div.naviarea{	width:250px;}
 div.leftarea{	float:left;	width:250px;}
 div.mainarea{	margin-left:260px;}
 table.maintable {}
 td.leftarea{	width: 1%;	padding: 0px;	vertical-align: top;	white-space: nowrap;	max-width: 250px;}
 td.naviarea{	width: 1%;	padding: 10px;	vertical-align: top;	white-space: nowrap;	max-width: 250px;}
 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;}