/*

// wildes-landleben.de
// (c) Gustaf Mossakowski, <gustaf@koenige.org> 2009
// CSS

*/
body {color: #000; padding: 0; margin: 0; overflow-y: auto;
	font-size: 95%; font-family: sans-serif; line-height: 140%;}
body, #zzform .editbutton, #zzform td.recordid, #zzform th.recordid 
	{background-color: #A39F53;}
	
a:link {color: #3C562C;}
a:visited {color: #456b2e;}
h2.weitere {clear: both;}
h2.tiere {clear: both; }
h2 {clear: left; padding-top: .5em;}

p {margin-top: 0;}

#canvas {width: 840px; margin: auto;}

#top {height: 119px; padding: 1px; margin: 0; color: white; background: #57552C;}
.heading {text-align: center; margin: 0;}
.heading img {border: 0;}

#menu {background: #7D7A40; margin: 0; padding: .5em 0;
	font-family: 'Trebuchet MS'; text-transform: uppercase; font-size: 120%;
	text-align: center; font-weight: bold;}
#fussmenu li, #menu li {list-style: none; display: inline; padding: .25em .75em;}
#menu li:first-child {padding-right: 4em;}
#menu li:first-child+li {border-left: none;}
#menu li+li {border-left: 2px solid #57552C;}
#menu a {text-decoration: none;}

#fussmenu {font-family: 'Trebuchet MS'; text-transform: uppercase;
	font-size 90%; text-align: center; padding-top: 4em; clear: both; padding-bottom: 1em;}
	
input, textarea {background-color: #e1db9b;}

#logout {position: absolute; right: 1em; top: 3em;
	font-weight: bold;}
.language_link {position: absolute; right: 1em; top: 1em;
	font-weight: bold;}
.language_link a:link, #logout a:link, .language_link a:visited,
	#logout a:visited {color: #A39F53; }

.sender {float: right;}
.unten {padding-top: 1em;}
.fusslogos td { vertical-align: middle; padding: 0 .25em; }

.idrow, .hidden {display: none;}
#record table th {text-align: left; padding-right: .5em; vertical-align: top;}
.explanation {font-size: 90%; margin: 0;}
#zzform #record table {margin: 0 0 1em 0;}
#zzform #record table td, #zzform #record table th {padding: .25em;}
#zzform #record tbody tr:first-child td {border-top: none;}
#zzform #record table {margin: 0 0 .5em; border-collapse: collapse;}

p.hauptbild {float: right; margin: 0 0 .5em .5em; padding-top: 1em;}
a img {border: 0;}

hr {height: 1px; width: 100%; margin: 2em 0; border: 0; color: #57552C; background-color: #57552C; }

ul.galerie {list-style: none; padding: 0; margin: 0; display: table;}
ul.galerie li {float: left; position: relative;
	margin: 0 1.5em .5em 0; padding: 0; text-align: left; display: table-row;
	vertical-align: bottom; width: 164px; height: 220px; }
ul.galerie li a { text-decoration: none; }
ul.galerie li span.bild { height: 164px; width: 164px; display: table-cell; 
	vertical-align: bottom; position: relative; }

/*ul.galerie li a {display: table-cell; vertical-align: middle; height: 72px; width: 72px;  } */
ul.galerie li img {vertical-align: bottom; border: 2px solid #456B2E; }

span.tiername {display: block; margin-top: .25em; }

ul.galerie72 {list-style: none; padding: 0; margin: 0;}
ul.galerie72 li {height: 76px; width: 76px; float: left;
	margin: 0 10px 10px 0; padding: 0; text-align: center; display: table-cell;
	vertical-align: middle;}
ul.galerie72 li a {display: table-cell; vertical-align: middle; height: 72px; width: 72px;  }
ul.galerie72 li img {vertical-align: bottom; border: 2px solid #456B2E; }
ul.galerie72 li a.nolink img {border-color: #A39F53;}

#zzform p {margin: .5em 0; padding: 0;}

div.breitegalerie { width: 724px; position: relative; margin: auto;}
div.breitegalerie ul.galerie72 {position: absolute; top: 0; right: 0; 
	width: 124px; overflow: auto; height: 592px;}
div.breitegalerie ul.galerie72 li {float: right;}
div.breitegalerie div.galerie {text-align: center; width: 600px;}
div.breitegalerie div.galerie ul.galerienavigation {margin: 0;}

div.galerie {text-align: center;}
ul.galerienavigation {list-style: none; margin: 0; padding: 0;
	width: 600px; margin: auto;}
ul.galerienavigation li {margin: 0; padding: 0;}
ul.galerienavigation #links {float: left;}
ul.galerienavigation #rechts {float: right;}

/* Stammbaum */

.stammbaum {padding-top: 0; margin: 0; clear: right;
	padding-left: 0; padding-bottom: 0;}
.stammbaum table {border: none; border-collapse: collapse;}
.stammbaum td {vertical-align: middle; text-align: left; padding: .25em .5em .25em 0;
	width: 11em; border-bottom: 1px solid #456b2e;}
.stammbaum td.last {border-bottom: none;}
.stammbaum h2 {margin-top: 0; padding-top: 0;}

#tier, #keintier { margin: 1.5em 1em 0 0; }
#tier 		{ position: relative; }
#keintier	{ background: #456b2e; width: 320px; height: 320px; }

.verkauft, .verkauft-en { position: absolute; top: 0; left: 0; z-index: 2;
	background: no-repeat 100% 100%; }
.verkauft { background-image: url(/_layout/verkauft.png); }
.verkauft-en { background-image: url(/_layout/verkauft-en.png); }
ul.galerie .verkauft, ul.galerie .verkauft-en { width: 164px; height: 164px; }
#tier .verkauft, #tier .verkauft-en { width: 100%; height: 100%; }

.nachricht {clear: both;}

h1, h2, h3, h4, h5, h6 {font-family: 'Trebuchet MS'}
h1 {font-size: 120%; padding-top: .8em; margin-top: 0;}
h2 {font-size: 120%; font-weight: normal;}
h3 {font-size: 100%;}

.login p {margin: .5em;}
.login label {display: block; float: left; width: 10em;}
.login .submit {margin: 0; padding-left: 10.5em;}

.mittig		{ text-align: center; }

/* fuer IE kleiner gleich 6 */

body {text-align: center;}
#canvas {text-align: left;}
#table_all {width: 840px;}