/*

// qhzucht.de
// (c) Gustaf Mossakowski, <gustaf@koenige.org> 10.09.2005-2010
// CSS

Farben
	Hintergrund		blau		#003		#2e5c82
	Menü			dunkelgrün	#4E7A2D		#000033
	Canvas			mittelgrün	#75AB48		#003
	#c48d60
	#ff9b39
	
*/

html, body	{ background: #003; height: 100.1%; }
body 		{ font-family: 'Trebuchet MS', Arial, sans-serif; padding: 0;  
			margin: auto; color: #EEF; margin: 0;}

h1			{ /*border-top: 1px solid white; padding-top: .5em; */
			font-size: 135%; margin: .75em 0 0 0; text-align: left; }
h2			{ font-size: 110%; margin: 0; padding: 0; }
h2.weitere	{ margin-top: 1em; clear: both; }

a img		{ border: none; vertical-align: top; }
a:link		{ color: #006; }
a:visited	{ color: #339; }

/* Seitenkopf */
#head		{ background: #4E7A2D; max-width: 900px; 
			position: relative;
			/*border-bottom: 1px solid #FFF;*/ margin-right: 20px; }
#head img	{ float: left; border: 0; padding: 20px 20px 10px .5em; }
#head p		{ margin: 0; }

/* Inhaltsbereich */
#middle		{ height: 100%; width: 100%; text-align: center; font-size: 90%; 
			/* text-align for IE 5 */ }
#canvas		{ max-width: 900px; margin: auto; position: relative; 
			text-align: left; /* text-align see above */ padding: 0 0 0 20px; 
			background: #003; min-height: 100%; 
	position:relative; /* needed for footer positioning*/
	
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/

	min-height:100%; /* real browsers */
			
			}

/* Menue */
#menu		{ margin: 0; padding: 0; font-size: 100%;
			text-transform: uppercase; 
			text-align: center; font-weight: bold; line-height: 1.5; 
			 clear: both; }
#menu li, #fussmenu li
			{ list-style: none; display: inline; }
#menu a, #fussmenu a
			{ text-decoration: none; padding: .2em .5em; float: left; 
			border: 1px #4E7A2D; background: #4E7A2D; 
			border-style: solid solid solid none; }
#fussmenu	{ padding: .5em 0; margin: 0; }

#menu a.below		{ background: #003; border-bottom-color: #003; }
.submenu	{ position: absolute; left: 0; top: 100%; margin: 0; padding: 0; }
#menu .submenu { text-transform: none; font-weight: normal; }
#menu .submenu a { background: #003; border-color: #003; padding: .2em .75em; }

#menu a:link:hover, #menu a:visited:hover, #menu a:link:focus, #menu a:visited:focus
			{ background: #003; color: #EEF; border-bottom-color: #003; }
#menu a:link, #foot a:link	{ color: #003; }
#menu a:visited, #foot a:visited	{ color: #003; }
#menu a.below:link	{ color: #BBD; }
#menu a.below:visited	{ color: #BBD; }
#menu .submenu a:link { color: #BBD; }
#menu .submenu a:visited { color: #BBD; }
#menu .submenu a:link:hover, #menu .submenu a:visited:hover, 
#menu .submenu a:link:focus, #menu .submenu a:visited:focus, #menu a.below:hover
		{ background: #4E7A2D; }
#menu a.below:hover { border-bottom-color: #4E7A2D;}
#menu .submenu a.below:hover {border-bottom-color: transparent; background: #003; }

.submenu strong { font-weight: normal; color: #EEF; }
#menu strong { color: #EEF; }

/* Menue, footer */ 
#text		{ padding-top: 2.5em; padding-bottom: 5em; }

#login, .nachricht, #zzform
			{ padding-right: 20px; }

#login fieldset
			{ border: 1px solid #4E7A2D; background: #4E7A2D; margin: 0; }
#login legend
			{ background: #4E7A2D; padding: .5em; }
#login label
			{ float: left; width: 10em; }
#login form	{ margin: 1em 0 0; }
#login form p
			{ margin: .5em; }
#logout		{ position: absolute; right: 2em; top: 2em; font-weight: bold; 
			z-index: 4; margin: 0; }

#foot 		{ max-width: 900px; width: 100%; margin: 1em auto 0; clear: both; 
			position: absolute; bottom: 0; /* stick to bottom */ }
.foot		{ background: #4E7A2D; margin-right: 20px; height: 4em; }
	

ul.pferde	{ margin: 0; padding: 0; list-style: none; 
			overflow: auto; position: relative; left: -20px; }
			/* padding-top gilt bei IE auch fuer 2. Reihe */
.pferde li	{ margin: 10px 0 8px 18px; float: left; width: 160px; 
			height: 140px; text-align: center; font-size: 95%;
			border: 1px solid #003; position: relative;}
.pferde .bild img {height: 110px; width: 160px;}
.pferde .verkauft
			{ width: 130px; height: 90px; top: 15px; left: 25px; 
			background: url(verkauft-90.gif) 0 0 no-repeat; }
#text .pferde img
			{ vertical-align: bottom; margin: 0; padding: 0; }
.pferde .bild:hover img	{ background: #4E7A2D; }
.tiername	{ display: block; }
		
.clear		{ clear: both; }

p.daten 	{ border-top: 1px solid #4E7A2D; margin: 0 20px 1em 0; padding: 0;
			text-align: left; font-size: 110%; }
#pferd		{ float: left; margin: -1em 0 0; padding: 0 10px 0 0; width: 260px; 
			position: relative; z-index: 1; overflow: hidden; }
.verkauft	{ position: absolute; z-index: 2; top: 0; left: 0; display: block; }
#pferd .verkauft	
			{ width: 270px; height: 200px; background-image: url(verkauft-200.gif); }


.stammbaum	{ padding: .25em 0 .25em 1em; margin: 0; clear: right; }
.stammbaum ul
			{ list-style: none; padding: 0; margin: 0; }
.stammbaum li
			{ line-height: 120%; position: relative; margin: 0; padding: 0; 
			width: 11em; background: #003; }
.stammbaum li
			{ padding-top: 2.4em; padding-bottom: 2.4em; }
.stammbaum li ul
			{ position: absolute; top: 0; left: 11.5em; }
.stammbaum li li
			{ padding-top: .9em; padding-bottom: .9em; }
.stammbaum li li ul
			{ padding-top: .3em; padding-bottom: .3em; }
.stammbaum li li li
			{ padding-top: 0; padding-bottom: 0; }
.stammbaum h2
			{ display: none; }

.status		{ float: left; clear: left; z-index: 2; margin: 0; }
.status p	{ margin-top: 0; }

.nachzucht h2
			{ margin: 0; padding: 1em; font-size: 100%; }

#text a		{ color: #EEF;  /*background: #252550; */ }
#text .pferde a
			{ text-decoration: none; }
#text a img	{ margin-bottom: 4px; }
#text a em	{ text-decoration: underline; font-style: normal; }
#text a:visited
			{ color: #EEF; }

.spalte { width: 29em; padding-right: 1em; float: left; }

.oben { margin: 0; padding: 1em 0 0; }
.oben img { border: none; }
.unten { clear: both; padding-top: .25em; }

#text p {padding-right: 20px; }

.kontaktphoto { padding: 0; margin: 0; width: 9em; }
.kontaktphoto img { padding-right: .5em; }
.kontaktspalte { float: left; width: 13em; }

#links h2 { margin-bottom: 0; }
#links p { margin-top: 0; }

.nachricht		{ clear: both; padding-right: 20px; }
.nachricht h2	{ padding-top: 1em; }
p.hauptbild		{ float: left; margin: 0 0 .5em 0; padding: 1em 1em 0 0; 
				width: 600px; text-align: right; }
p.hauptbild img { max-width: 600px; max-height: 600px; }

#zzform .show_hidden .hidden { display: block; }

ul.galerie72 { list-style: none; padding: 0; margin: 1em 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; }
ul.galerie72 li a.nolink img { border-color: #A39F53; }


.spalte-kontakt {width: 48%; float: left; margin-right: 2%; }
.spalte-kontakt table { margin: 1em 0; }

/* Lightbox */

body #prevLink { background: url(/layout/lightbox/images/prevlabel.gif) left 15% no-repeat; }
body #nextLink { background: url(/layout/lightbox/images/nextlabel.gif) right 15% no-repeat; }