/*
// zugzwang.org / schach-bremen.de
// Copyright (c) 2002-2012 Gustaf Mossakowski <gustaf@koenige.org>
// CSS fuer Schachlehrbuch
*/

html, body	{ height: 100%; }
body		{ background: #F3F3ED; color: #666; margin: 0; padding: 0; 
			font-size: 100%; }
#full		{ position: relative; /* needed for footer positioning */
			height: auto !important; /* IE6: treated as min-height */
			min-height: 100%; /* real browsers */ }

body, .header,
li, p, td, th, h5, ul, ol, dl, dt, dd,
h1, h2, h3, h4
			{ font-family: "Lucida Grande", "Lucida Sans Unicode", 
			Verdana, Geneva, Helvetica, SunSans-Regular, sans-serif; }
h1 em		{ font-weight: normal; }

@media screen and (max-width: 480px) {
	body, td	{ font-size: 95%; }
}
@media screen and (max-width: 240px) {
	body, td	{ font-size: 90%; }
}

p, ul		{ margin-top: .5em; }
p, li, dd, dt { line-height: 1.4; }
strong		{ color: #000; }

a:link		{ color: #009; }
a:visited	{ color: #66C; }

.footnav	{ text-align: right; clear: both; 
			margin-top: 1em; padding-top: 1em; }
.footnav, .topnav
			{ color:  #888; font-size: 95%; margin: 0; }
.footnav strong, .topnav strong	{ color: #888; }
.suche		{ text-align: right; }

.beitrag, .header
			{ max-width: 52em; margin: 0 auto; padding: .75em 1.5em 8em; }
@media screen and (max-width: 480px) {
	.beitrag		{ padding: .75em .75em 8em; }
}
@media screen and (max-width: 240px) {
	.beitrag		{ padding: .2em .2em 8em; }
	.brett img		{ width: 24px; height: 24px; }
}
.brett		{ margin: 0 0 0 1em; border-collapse: collapse; }
.brett td	{ margin: 0; padding: 0; }
.brett img	{ vertical-align: bottom; }

#top		{ width: 100%; background: #DFDFD6;}
.header		{ padding-top: 0; padding-bottom: 0; position: relative; 
			overflow: hidden; }
.header p	{ padding: .5em 0 .5em; font-size: 90%; margin: 0; float: left; 
			margin-right: 5em; }
.header p.suche	{ position: absolute; right: 1.5em; top: 0; margin-right: 0; }
.bottom		{ font-size: 90%; background-color:  #DFDFD6; margin: 0; 
			padding: 1em 0; position: absolute; bottom: 0; width: 100%; }
.bottom p	{ max-width: 57.5em; margin: 0 auto; padding: 0 1em; }
.suchfenster { background: #CDF; }

.inhalt		{ margin-left: 0.5em; margin-right: 0.5em; }
.autor		{ font-style: italic; }
.abstract	{ font-weight: bold; }
.webautor	{ padding: 1em 0 0; margin: 0; font-size: 90%; }

.spalte1	{ text-align: right; }
.fuss		{ margin-top: 0.5em; font-size: 80%; }

dt			{ font-weight: bold; }
a:link:hover, a:visited:hover { color: orange; background: #000; }

h1			{ font-size: 150%; margin-top: 1.25em; clear: both; }
h2			{ font-size: 140%; margin: .5em 0 .25em;
			font-weight: normal; clear: both; padding-top: .75em; }
h2.nofloat	{ clear: none; }
h1 + h2		{ margin-top: 0; padding-top: 0; }
h3			{ font-size: 120%; margin-top: 1.5em; margin-bottom: .25em; }
h4			{ margin-bottom: 0.5em; padding: .25em 0; 
			font-size: 110%; margin-top: 1.5em; }
h1, h2, h3, h4 { font-family: Georgia, Times, serif; color: #000; }
caption, h1, h3, h4 { font-weight: bold; }

caption		{ caption-side: bottom; margin: .5em 0; padding: 0; }

code, pre	{ font-family: "Courier New", Courier, Monaco, monospace; }

.brett		{ padding-left: .5em; padding-bottom: .5em; margin-top: .5em; }
.brett th	{ color: #999; }
.brett td.lc
			{ border-right: 3px solid #999; }
.brett tr:first-child td	{ border-top: 3px solid #999; }
.brett tfoot th				{ border-top: 3px solid #999; }
.brett tbody th				{ border-right: 3px solid #999; }
.brett tfoot td:first-child	{ border: none; }
.brett tr.cut td			{ border-top: none; }

.rechts		{ float: right; margin-left: 1.25em; }
.links		{ float: left; margin-right: 1.25em; }
@media screen and (max-width: 480px) {
	.rechts, .links	{ float: none; }
}
.mitte		{ margin: 0 auto; }

.books em	{ font-size: 90%; }
.books li	{ padding: 0 0 0 .5em; margin 0 0 0 .5em; }

.figurenwerte 				{ margin: auto; }
.figurenwerte td 			{ text-align: center; font-size: 95%; padding: 0 .5em; }
.figurenwerte td.weiss		{ text-align: right; padding: 0; }
.figurenwerte td.schwarz	{ text-align: left; padding: 0; }

.partie td	{ padding: .2em .75em 0 0; vertical-align: top; }
.partie		{ margin-bottom: 1em; }

dl.compact dt 	{ float: left; width: 5em; }
dl.compact dd	{ margin-left: 6em; }

.break		{ clear: both; padding-top: .5em; margin-top: 0; }

.source		{ display: none; }