/*------------------------------------
			Seiten Layout			
------------------------------------ */

	body {	
		font-family: "Trebuchet MS", Verdana,Arial,sans-serif; color: #420;
		text-align: center;
		margin:0; padding:0;  background:url(graphics/default3_bg.gif) fixed #fff;  font-size:10pt}
	
	#containerAll {}
	.mainTr  { padding:0 5%; border-bottom:solid 1px #fff;}
	#container.mainTr { padding:0 2%;}

/*------------------------------------
			Tags			
------------------------------------*/

	div, p, td, li	{font-family: Verdana,Arial,sans-serif;  }

	a {color:#c74; font-weight:bold; text-decoration:none; }
	a:hover {background: #fea; color: #c60; }/*fff8ee;eb5 ;a52 */
	a.engl:hover {background: url(graphics/flag_en.gif) no-repeat right top  #fea; }

	td {vertical-align:top;}
	img {border:0;}

	h1, h2, h3, h4 { font-family: Georgia, "Times New Roman", Times, serif}
	h2, h3 { padding:0 1em;}
	h2 {font-size: 1.8em; }
	h3 { text-transform:uppercase;}
	h3 {font-size: 1.2em; color:#630;}
	h4 {font-size: 1.2em; margin:1.5em 0 0; color:#630;}
	h5 {font-size: 1em; color: #420;
		font-weight:normal; margin:1em 0 .5em; }

	ul {margin: 0; padding:1.2em 1em .8em 0;  background:#fff; list-style: square;}
	li { font-size: 10pt; padding:0 0 .6em .5em; margin:0 .5em 0 4em;}

/*------------------------------------
			Klassen, allgemein			
------------------------------------*/

	.engl {background: url(graphics/flag_en.gif) no-repeat right top; padding-right:22px;}
	.extern {border:0}
	.small {font-size:8pt;} 
	.link  {text-align: right; font-size: 8pt; 
		padding: 3px 0em 3px 2em; line-height: 20px;
		margin-right:-4%; border: 0; }
	#container .link {margin-right:0;}
	.link a {font-family:verdana;}
	
	.anmerkung {border-top: dotted #765 1px; padding: 1em 0 2em; font-size: 8pt; margin:3em 0 0; }
	.anmerkung p {font-size: 8pt; margin:0;}
	
	
	.zitat { padding: 1em 2em !important ; font-family:"Courier New", Courier, mono  !important;}
	.zitat p {  padding: 0 2em !important ; font-family:"Courier New", Courier, mono  !important;}
	.zitat li { font-family:"Courier New", Courier, mono  !important;}
/*------------------------------------
				Head			
-------------------------------------*/

	#headLine { font-size:10px; line-height:16px; right:0; }
	#headLine a { color:#765;  font-size:10px; line-height:16px; 
		font-family: Verdana; text-transform:lowercase;  font-weight:normal;
		display:block; text-align:right; 
		padding:4px 15px; background: #eeebdd}	
	#headLine a:hover { text-decoration:underline}

	/* Index
-------------------------------------*/
	.index #headEssays {text-align:center;   margin: 0; padding:0; 
		background:#eeebdd url(graphics/h1.gif) no-repeat center;}
	.index #headEssays h1 {color:#420; 	margin:0; padding:2em 0 1.5em; 
	 background: url(graphics/poklogo_grau.gif) no-repeat bottom left;}
	
	#headEssays .ind, #headEssays .ind a { color:#765;  font-size:10px; line-height:16px; 
		font-family: Verdana;  font-weight:normal;
		 text-align:right;
		padding: 0 13px; margin:0; background: #eeebdd }
	 #headEssays .ind a {background: #eeebdd url(graphics/doppelpfeil_grau2.gif) no-repeat right;
	 	padding: 0 15px 0 8px; margin: 0;}
	 #headEssays .ind a:hover { text-decoration:underline}
	/* Essays und überhaupt
-------------------------------------*/
	#headEssays { 
	text-align:center; background: #eeebdd; margin:0 0 10px; border-bottom:3px solid #321;
	background-position: bottom right; background-repeat:no-repeat;}
	#headEssays h2 {color:#431; margin:0; padding:1.3em 0 1em}
	#headEssays h3 {background:#210; color:#fff; text-align:right; padding: 2px 1em;  padding-right:5%; margin:0 }
	#headEssays h3 a {color:#fff;} 
	#headEssays h3 a:hover {background:#c74;}	
	
	#headEssays .link { position:relative;
	 	font-size:10px; line-height:1px;
		margin: 0 ; padding:0;
		}

		/*-------Head - Subline----------*/
	 	 
	#headEssays .sub { position:relative;
	 	font-size:10px; line-height:16px;
		border: solid #765; border-width: 1px 1px 0;
		margin: 0 ; padding:0 15px 0 0; text-align: right;
		background:#9F9183;}
	#headEssays .sub  #nav {}
	#headEssays .sub  span.right {position:absolute; right:15px; top: 0; z-index:100;
		background: #eeebdd; color:#765; white-space:nowrap;
		font-size:10px; line-height:12px; margin:0;  padding:1px 8px; border: 1px solid;}
	#headEssays .sub span.right a {
		color:#765;  background: #eeebdd url(graphics/doppelpfeil_grau2.gif) no-repeat right;
	 	padding: 0 15px 0 8px; margin: 0; font-weight:normal;}
	#headEssays .sub span.right a:hover { text-decoration:underline}
	#headEssays .sub span.right strong { text-transform:uppercase }

	/* Games
-------------------------------------*/
	.a, .b, .c {width:100pt; position:absolute; left:5%; 
		font-size:24pt; font-weight:bold; line-height:80px;}
	.a { z-index:3; top:10px; 
		letter-spacing:10px; color:#679; padding-left:20px;}
	.b { z-index:2; top:11px;
		letter-spacing:11px; color:#c1c7cf; padding-left:23px;}
	.c { z-index:1; top:12px; 
		letter-spacing:12px; color:#ddd; padding-left:26px;}


			
/*------------------------------------
			Navigation			
-------------------------------------*/

		/*-------Nav styling----------*/

#nav {
	position: relative;
	text-align:left; width:100%; z-index:2; margin:0; padding:0;}
#nav ul, #nav li {margin:0; padding:0; list-style:none; border-width:0;} 
#nav h3 { text-transform:uppercase; color:#f8f7ee; text-align:center; font-size:12px; line-height:14px; margin:0;  padding:2px 0 ; }

#containerAll #nav h3 {color: #321; background:#eeebdd; border: #987 1px solid}

		/*-------Nav positioning----------*/


#nav div.chapters { position: absolute; left: -111em; width: 10em; background: url(graphics/transp.gif);}
#nav li:hover div.chapters, #nav li.sfhover div.chapters { left: 0;}

#nav ul, #nav li {width:10em;}
#nav li { vertical-align: bottom; /* IE5/win bugfix */
	position: relative; }
		
#nav div.sublist {position: absolute; left: -111em; top:-10px; 
	width:20em; margin:0; background: url(graphics/transp.gif); }
#nav .chapters li:hover div.sublist,  #nav .chapters li.sfhover div.sublist 
  	{left:9em; top:-1px;  right:auto;}

#nav .sublist ul, #nav .sublist li {width:20em;} /* ohne Weite funktioniert es beim IE nicht */

#nav .chapters li:hover, #nav .chapters  .sfhover {z-index:10;}


		
		/*-------Nav chapters styling----------*/
		
#nav .chapters ul { padding: 0;	margin: 0 ; list-style: none; border: 1px solid #cba;  background:#f8f8f3;}
#nav .chapters li { list-style: none; margin:0; padding: 0; line-height:2em; color: #420;}
#nav .chapters a, #nav .chapters span {display:block; font-weight:normal; padding:0 2em; line-height:2em; color: #420; background:#f8f8f3; text-align:center}		
#nav .chapters li:hover span, #nav .chapters  li.sfhover span{ background:#fea;  background:#9F9183;color:#fff; }
#nav a.direct:hover {background: #fd8}		
		/*-------Nav Sublist styling----------*/
		
#nav .sublist ul {padding: 0;	margin: 0 ; list-style: none; border: 1px solid #987; background:#9F9183;background:#543;}
#nav .sublist li {padding: 0; margin:0; border:0; color:#543}
#nav div.sublist a {
	display: block; padding:3px 1em; margin:0; border-bottom:#dcb 1px solid;
	font-size: 9pt; font-weight:normal; line-height:normal;
	 background:#f8f8f3; color:#420;
	}
#nav div.sublist a:hover {
	 background:#fd8; color:#420;
	}
#nav .sublist h4 {font-size:.9em; font-family:Verdana; line-height:normal; font-style:italic; color:#f8f7ee;
	 padding:4px 1em; margin:0; border-bottom:#765 1px solid; text-align:center}
			/*-------Nav "danger corner"----------*/
		
#nav div.mini-zone   { 
	padding: 0; margin:0;
	width: 1.5em; height: 4.4em; 
	position: absolute;  top: auto;	left: -3000px;	bottom: -1.3em;
	background: url(images/bgfix.gif);
	border: 0px solid #aaa;	}
#nav .chapters li:hover div.mini-zone,  #nav .chapters li.sfhover div.mini-zone { /* hover rule for mini-zones */
	left: auto;	right: .7em; top: auto; }
	
	
	
	
/*------------------------------------
			Hauptteil			
-------------------------------------*/

/* index.htm
------------------------------------*/
#mainIndex,  #navIndex {text-align:left;}

		/* Rechte  Spalte			
		-------------------------------------*/
	#right {float:right;  width:17em; margin:0 ; padding:0; margin-left: 2em; }
	
		/*  Linke Spalte			
		-------------------------------------*/
	#navIndex { float:left; width:17em; margin:0; padding:0;}
	
	#navIndex p, #navIndex li, #right p, #right li { margin:0 0 1em; font-size:8pt; line-height:12pt;}
	#navIndex ul, #right ul { margin: 0 ; padding:0; border-width: 0px; list-style:none; background:inherit}
	#navIndex span, #right span {display:block; text-align:right; color:#a98; 
		margin:0; padding:2px 0; border-bottom:solid 1px #cba; }
	
	#navIndex img, #right img {margin:5px  10px; }
	.p2 {  background:#F8F7EF; border-color:#000;}
	.p3 { background:#eeebdd; }
	
	.p1, .p2, .p3 { border: 1px solid #cba; padding: 1.2em; margin:0; }
	.p1 { background:#fff; border-color:#cba; padding-bottom:2em; margin: 0; }
	.p2, .p3 { margin-bottom: 5px;}
	#navIndex .p3 a:hover {background:#ffc;}
	#navIndex em {color:#f96; }
	#navIndex li {padding:1px; list-style:none; background:transparent; }  

		/* Mittlere  Spalte			
		-------------------------------------*/
	#mainIndex {margin:0;  }
	#mainIndex .p1 { padding-left:20em; padding-right:18em;}
	
	#mainIndex ul {  padding: .5em 0 ; margin:0; background:#fff; border-width: 1px 2px; border-width:0; border-style:solid dotted; border-color: #cba;}
	#mainIndex li {list-style:none; margin-left: 2em; padding-left: 1em; text-indent:-1em; line-height: 1.1em;}
	
	#mainIndex ul a { color: #3d2810;}
	#mainIndex  h4, #navIndex h4, #right h4 {font-size: 1.2em; text-transform:lowercase; 
		font-family: "Courier New",  monospace; font-weight:normal; 
		text-align:center; padding:0; margin:0}
	#navIndex  h4, #right h4 { margin:0px;}
	
	#navIndex h3, #mainIndex h3, #right h3 {margin: 1.5em 0 2em ; padding: 0;
		color:#765; }	
	 #mainIndex h5 {text-transform:uppercase;}
		
	/*Essays, ...
------------------------------------*/

	#mainEssays {font-size: 10pt; line-height:14pt; text-align:left; }
	#mainEssays img {border: solid 1px #ba9; background:#fff;}
	#mainEssays img.extern {border:0;}
	
	#mainEssays  p {margin: 0 0 1em; padding:0;}

	#mainEssays h2 {padding:1em; }
	#mainEssays h3 { font-size:1.2em; text-align:center}
	#mainEssays .main h3.top {margin: 0.5em 0 2em; }
	#mainEssays .main h4
		{margin: 2.5em -1em 2em 150px; padding:0em; font-size:1.2em; font-style:italic;}
	#mainEssays .main h4.top{margin-top: 1em;}
	#mainEssays .main2 h4  {margin: 1em 0; padding:0em; font-size:1.2em; font-style:italic;}
	
	.left { float:left;  margin:5px 0px  0 -186px; border: solid 1px #a96;}
	
	.main {
		margin: 20px 0; padding: 40px 80px 40px 220px; 
		margin: 20px 0; padding: 40px 80px 40px 34px; 
		border: solid #ba9 1px; background: #fff;}
	.main2 {margin: 0 0 20px; padding: 20px 50px 40px; 
		border: solid #ba9 1px; background: #fff; }
	.main2 iframe {margin:auto;} 
	.main2 table {margin: auto;} 
	.main2 td {border:solid #eee; border-width: 0 0 1px;} 
	
	
	.imgDiv { 
		float:left; clear:left;  
		width:152px; 
		margin:0px 34px 0 0px; 
		border: solid  #fff; border-width: 1px 0; text-align:center; }	

/* Hack for IE. Gegen double-margin-bug. 
IE<7  vedoppelt sonst den  Randabstand! \*/
* html .imgDiv { display:inline; } 
/* End hide*/

#mainEssays .main p, 
#mainEssays .main ul, 
#mainEssays .main table {margin-left: 185px;}

		
.bildcenter { text-align:center; margin:30px 2px 15px 46px;  text-align:center;}
.bildcenter p { 
	text-align:center; max-width:500px;  margin: auto !important; 
	    /* IE Dynamic Expression to set the width 
	CREDITS: http://www.svendtofte.com/code/max_width_in_ie/
	*/
    width:expression(document.body.clientWidth > 750 ? "500px" : "95%" );
	font-size:.8em; 
	 }
	  .bildcenter img { margin: 2em 5px 1em}
	  
#mainEssays.main ul {border:0; padding:0;}
#mainEssays.main li {padding-left:1em; margin-left:1em; }
		
	.main td, .main2 td 
		{border:solid #fff; border-width: 0 1px 1px 0; 
		padding:2px 4px; font-size:10pt;}


	td.link { width:50%; text-align: left; padding-left: 1em;}
	td.link ul { border: solid #dcb 0px; background: #fff; margin:0;  padding:0 }
	td.link li { font-size: 8pt; margin-left:2em; padding:0}
	td.link h4 {margin:0; padding:0; }
	

#wimmer td { text-align: center; vertical-align:top;}
#wimmer img { margin: 10px}
#wimmer p { text-align: left;
	font-size: 8pt; margin:1em 1em 0;}
	
	/*whoiswho.htm
------------------------------------*/ 
	#mainWho {text-align:left; }
	table#mainWho td {}
	#mainWho td.small 
		{color:#765; font-size:13px; line-height: 20px; padding:0 1em; text-align:center; border:0; background:transparent;}
	#mainWho td.small div {}
	#mainWhoLeft {padding:20px; vertical-align:top;
		border: solid #cba; border-width:1px; background:#f8f7ee;}
	#mainWhoLeft a {display:block; padding:0 15px; background:#f8f7ee; font-size:11px;  color:#864;  }
	#mainWhoLeft a:hover {background:#fea; color:#420; }
	#mainWhoLeft ul { width:180px; text-align:left; list-style: none;
		padding:0; margin:0px;	}
	#mainWho li {line-height:19px; padding:0; margin:0; font-size:13px;
		list-style: none; border: solid #cba; border-width: 0 0 1px;	}
			
	#mainWhoRight { padding:20px 0 ; text-align:left; vertical-align:top; 
		 border: solid #cba; border-width:1px 1px 1px 0;background:#fff;}
	#mainWhoRight div { border:solid #cba; border-width:0 0 1px 0; 
		margin: 0 40px; padding:1px; text-align:center;}

	#mainWho h4 {margin:0 150px 0 0px; padding:1pt 4pt; 
		border:#cba solid; border-width: 0 0 1px 0; font-size: 8pt; font-weight:normal;}
	#mainWho p {margin:0 150px 0 0px; padding:4pt 4pt 6pt; font-size:8pt; text-align:left;}
	#mainWho img { float:right; margin: 1px 10px 15px ; border:1px solid #ba9}
	#mainWho div { clear:right;}
	.thisPlayer { background:#fea; color:#a50}
	#mainWho .playercard {text-align: right; padding:0; margin-bottom: 0; margin-top: -1.3em}
		#mainWho .playercard a {background: #eeebdd url(graphics/extern2.giff) no-repeat right; padding: 0 15px; 
		font-weight: normal; border:solid #cba; border-width: 1px 1px 0; color: #420;}
		#mainWho .playercard a:hover {background-color: #fd8}
	/*
	style=' '
*/
	/*staatsmeister.htm
------------------------------------*/ 
	#infoDiv {background:#eeeee8; color:#666; border: 1px #ba9 solid; 
		text-align:center; position:relative; margin: 0; }
	#infoDiv img {border:1px solid #a98; margin:1px;}			
	#infoDiv div {border: solid #a98; border-width:0 1px 1px; 
		margin:0 1px 1px; padding: 5px 7px; font-size:8pt;}
	#info1 {font-weight:bold;}
	div#info2 { background:#fff; text-align:left; font-size:8pt;}
	div#copy { background:#e5e5dd; font-size:8pt; }
			
	#leftWho {position: relative; width:206px;}
	#rightWho {text-align:center; }
	#rightWho div { border:solid #cab 1px; background:#fff; 
		margin: 0 0 0 30px; padding:1px 20px; text-align:center; }
	#rightWho table { margin: auto;}
	#rightWho td {border: #eee solid; border-width:0 0 1px; font-size:8pt; padding:2px 1em;}

/*Games
------------------------------------*/

	#mainGames  {margin:0 20px 20px; padding: 20px; border: solid #999 1px; background: #fff;}
	.info {margin:10px auto;}
	.info td {font-size:10pt; padding:3px; background:#fff; }
	.info p {font-size:10pt; padding:10px 1em; border-top: 1px #666 dotted; text-align:left; } 
	.partie {font-size:8pt; line-height:11pt;}
	.partie {margin:10px 0; }
	.partie td {padding:0; border-top: 1px #666 dotted;}  

	.dia {	margin:1em -.5em; padding:8pt 12pt 0; 
		text-align:left;  background:#eeeef6; color:#003 ; border: 1px solid #889;}
		
	.board {margin:0; padding:10px 10px 20px; text-align:center; }			
	.board h4 {font-size: 10pt; padding: 12pt 0 4pt; margin:0}
	.board h5 {font-size: 10pt; font-weight:normal; 
		font-style:italic; border-top: 1px #666 dotted; padding: 12pt 0 4pt; margin:0 10px}
	.comment {	margin:8pt 20pt; padding:10px ; 
			text-align:left; }
	.comment p {margin:0 0 8pt; line-height:11pt;}
	

/*Links
------------------------------------*/

	#mainLinks .main {margin: 1em -1em; padding:0;  border-width: 0px; }
	#mainLinks .main2 {background:#fff !important; }
	
	#mainLinks table { border: 0; margin:0; width:100%;  }
	
	#mainLinks td {padding:0 0 10px;  vertical-align:top; font-size:8pt;  background:#f8f7ee;
		border: 1px solid #cba;}
	#mainLinks ul {padding:10px 15px ; margin:0; border:0;background:#fff; color:#333; }
	#mainLinks li {font-size:8pt; margin:0 0 .5em 1em; padding: 0 0 0 .5em;}
	#mainLinks h4 {margin: .1em 0; padding:0; }
	#mainLinks p {font-size:8pt;}
	.hide {display:none}
	.show {display:block} 	
	#mainLinks h4 a {border-bottom: 1px solid #987; border-top:1px solid #cba; color: #3d2810; background:#eeebdd;
		display:block; padding:4px 8px; font-size:10pt; text-align:center}	
	#mainLinks h4 a:hover {text-decoration:none; color:#f8f7ee; background:#9F9183;}


/*------------------------------------
			Fusszeile			
-------------------------------------*/

	#footerIndex, #footerEssay  {font-size:8pt; text-align:center;
		background:#fff; padding:.5em 0 0; margin: 2px 0 1em; color:#a98 ; 
		border: solid #cba 1px;  background:#fff url(graphics/poklogo_grau.gif) no-repeat bottom left ;}
	#footerIndex p {font-size:8pt; margin:.7em;}

	#footerEssay {
			padding:1em; margin: 2px 0 1em;
			 background:#fff url(graphics/poklogo_grau.gif) no-repeat top left ; }
	

/*------------------------------------
			Popups			
-------------------------------------*/


#popupDiv {position:absolute; left:0px; top:0px; z-index:4; 
		cursor:pointer;
		background:#eeeee1; color:#666; border: 1px #aaa solid; 
		padding: 1px; font-size:8pt;}
#popupMain { border: 1px #aaa solid; padding: 1px; font-size:8pt; margin:0 0 1px}
#popupComment { border: 1px #aaa solid; padding: 2px 1px; background:#ffe; font-size:8pt; }
#popupComment p { padding: .6em 1em; margin: 0; font-size:8pt; text-align:left;}
#popupBottom {font-size:8pt;  padding:1px;}

/*------------------------------------
			Technisches			
-------------------------------------*/
#noCSS 	{display:none}
#noJS	{font-size:1.5em;font-weight:bold;}
#noDOM	{font-size:1em;}
	
/* Hacks for IE. Only IE-win sees this. 
Gegen Bugs bei kompliziertem background layout, wo sonst Teile verschwinden. Warum das wirkt, weiss kein Mensch.\*/
* html #headLine {  position: absolute;}
* html #mainIndex li  { height:1em ; }
* html #mainLinks .main2 {background:transparent url(graphics/transp.gif)}
* html p  { height:1em ; } 
* html	#mainLinks table { width:auto;  }
/* End hide*/