/*

// zugzwang.org / schach-bremen.de
// (c) Gustaf Mossakowski, <gustaf@koenige.org> 2000-2010
// CSS
// $Rev$ - $LastChangedDate$

*/

html, body	{ margin: 0; }
body		{ background: #CCC url(/layout/koenig.png) no-repeat fixed; 
			color: black; line-height: 1.35;
			font-family: "Droid Serif", Georgia, serif; padding-top: 1.7em; }
body.maskottchen
			{ background: #404040; color: #FFF;}

h1, h2, h3, h4, h5, h6, #head
			{ font-family: "Lucida Grande", sans-serif; margin: 2em 0 .5em; }
h1			{ font-size: 150%; margin: .5em 0 .1em; }
h2			{ font-size: 120%; }
h3			{ font-size: 120%; font-weight: normal; }
h1+h2, h2+h3, h3+h4
			{ margin-top: .5em; }

hr			{ color: #FFF; background-color: #FFF; height: 1px; border: 0; 
			width: 10%; margin: 1.5em 0; padding: 0; clear: both; }

ul, dl, p, ol
			{ margin: .5em 0; }
ul ul, ol ol, ul ol, ol ul
			{ margin: 0; }

a			{ text-decoration: none;}
a:link		{ color: #009; }
body.maskottchen a:link { color: #77F; }
a:link:hover, a:link:focus
			{ background: #CCC; color: #009; }
a:visited	{ color: #66C; }
body.maskottchen a:visited { color: #779; }
a:visited:hover, a:visited:focus
			{ background: #CCC; color: #66C; }
:target		{ background: yellow; }
.maskottchen a:link:hover, .maskottchen a:link:focus,
.maskottchen a:visited:hover, .maskottchen a:visited:focus
			{ background: #000; }
			
#auswahl p	{ font-size: 120%; }

#head img	{ border: none; }
#head		{ font-size: 140%; margin-bottom: .5em;  }
#head p		{ margin: 0; }

.canvas		{ max-width: 57em; margin: 3.7em auto 2em;
			position: relative; }
#content	{ background: url(/layout/opaque85.png);
			padding: .25em 1em 1em; border-radius: 1em; -moz-border-radius: 1em; }
#content img
			{ vertical-align: bottom; }

.navspalte	{ width: 20em; padding-right: 1em; float: left; padding-top: 1px; }
.navspalte h2	{ margin-top: 0; }
.navspalte dd	{ margin: 0; padding: 0 0 .5em 1em; }
.hauptspalte	{ margin-left: 24em; }

form.kontakt fieldset { background: #FFF8DB;}
form.kontakt th {width: 10em; text-align: right; padding-right: .5em; vertical-align: top;}

#bottom		{ clear: both; margin: .5em auto; width: 54em; }

.clear		{ clear: both; }

abbr		{ border-bottom: 1px dotted #960; }
dt			{ font-weight: bold; }

/* Navigation */

#breadcrumbs, #links
			{ font-size: .75em; }
#links		{ float: right; }

/* Login */

#login fieldset
			{ border: none; border-radius: 1em; -moz-border-radius: 1em; 
			background: #DDD url(/layout/sib-stripes.gif) repeat-y 100% 0; 
			margin: 0; }
#login legend
			{ background: #DDD; padding: .5em; 
			border-radius: 1em; -moz-border-radius: 1em; }
#login label
			{ float: left; width: 10em; }
#login form	{ margin: 1em 0 0; }
#login form p
			{ margin: .5em; }
#login form p.submit
			{ margin-left: 10em; }

/* Artikel */

.spalte		{ width: 46%; margin: 1%; float: left; } /* zweispaltiger Text */
.spalte h2:first-child
			{ margin-top: 0; }

.spaltebreit
			{ width: 65%; margin: 0 4% 0 0; float: left; } /* zweispaltiger Text */
.spalteschmal
			{ width: 30%; margin: 0; float: left; } /* zweispaltiger Text */

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

.remarks	{ margin: 3.5em 3.5em 0; font-size: 90%; }
.main_image	{ float: right; padding: 0 0 1em 1em; }

/* Archiv */

.artikel h3 { float: left; width: 4em; margin: 0; font-weight: normal; 
			font-size: 100%; }
.artikel ul { margin-left: 4em; }

/* Seitenfuß */

#foot		{ text-align: center; padding-bottom: 1.5em; }
#prev		{ float: left; padding-right: 1em; }
#next		{ float: right; padding-left: 1em; }
.webautor	{ font-size:  0.8em; color: gray; }

/* Bildansicht */

#zzform ul.data li {float: left; width: 160px; height: 240px; overflow: hidden;
		margin: 0 1em 1em 0; padding: 0;}
#zzform ul.data p.vorschau a {width: 160px; height: 160px;
		vertical-align: middle; text-align: center;
		display: table-cell;}
#zzform ul.data img {vertical-align: middle; margin: 0; border: 0; padding: 0;}
#zzform ul.data p.vorschau img.thumb {margin: 0; padding: 0; border: 0;}
#zzform ul.data p {margin: 0; font-size: 90%;}
#zzform ul.data p.bildunterschrift {max-height: 32px; overflow: hidden;}
#zzform ul.data p.editbutton {padding: 0;}

/* Menue */

body #nav, body #nav strong, body #nav .below
	{ background: url(/layout/koenig.png) #CCC no-repeat fixed; } 
body.maskottchen #nav
			{ background: #404040; }

.maskottchen .author		{font-style: italic; text-align: right; margin-top: 3em;}
.maskottchen .seitenbild	{float: right; margin-left: 1em;}
.maskottchen #content		{ background: #404040; }
.chessyfront
			{ font-size: 1.2em; line-height: 1.4; }
.chessyfront h2
			{ font-weight: normal; }

/* Lytebox */

body #lbOuterContainer { background-color: #333; }
body #lbDetailsContainer { padding-top: 8px; }

/* Schachbrett */

.brett		{ border-collapse: collapse; line-height: 1; margin: 0 auto; }
.brett caption
			{ padding: .5em 0; line-height: 1.3;}
.brett img	{ vertical-align: bottom; }
.brett td	{ margin: 0; padding: 0; width: 30px; height: 30px; 
			white-space: nowrap; }
.brett th	{ padding: 0 .5em; font-family: "Lucida Grande"; }
.brett-text	{ margin: 0 auto; }
.brett-text td.tbrett
			{ padding-right: 1.5em; }
.brett tbody tr:first-child td { border-top: 1px solid black; }
.brett tfoot th { border-top: 1px solid black; padding: .5em; }
.brett tfoot td { border-style: none; }
.brett tbody th { border-right: 1px solid black; }
.brett tbody tr td.last-child 
			{ border-right: 1px solid black; }
.brett tfoot tr td:last-child 
			{ border-right: none; }
table.brett tbody tr td.noborder 
			{ vertical-align: top; padding-top: .5em; border: none;}
table.brett tbody tr td.borderright
			{ vertical-align: top; padding-top: .5em; 
			border: 1px black; border-style: none none none solid; }

/* Varianten */
			
.summary	{ font-size: 1.3em; margin: 1em 0; }
.summary strong
			{ font-weight: normal; }
.alternative
			{ font-style: italic; color: #999; margin-top: 0; }
.icons		{ float: right; width: 80px; margin: 0 0 .5em .5em; }
.icons a	{ display: block; width: 80px; height: 80px; margin: 0 0 1em; 
			background: #EEE; }
.icons img	{ border: none; width: 64px; height: 64px; padding: 8px; }
.icons-klein img
			{ padding: 3px; }

/* Notation */

.notation	{ float: left; padding: 0 2em 1em 0; }
.notation table
			{ border-collapse: collapse; }
.notation th, .notation td
			{ text-align: left; padding: .25em .75em .25em .25em; 
			border: 1px #999; border-style: none none dotted dotted; }
.notation td:first-child, .notation th:first-child
			{ text-align: right; border-left: none; }

/* Fehler */
.e404		{ padding: 1em; }

/* Intern */

.intern ul	{ padding: .5em 1.5em; background: #E5E5E5; border-radius: 1em; 
			-moz-border-radius: 1em; }
.intern ul ul	{ padding: 0 1.5em; }