*{
		  margin:0px;
		  padding:0px;
		  
		  /*border: 0px dotted #800000;*/
		}
		html{
			height: 100%;
		}
		body{
			height: 100%; 
		}
		body {
			scrollbar-base-color:#d2b486;
			scrollbar-arrow-color:#FFFFFF;
			scrollbar-track-color:#d2b486;
			/*position:absolute;
			top:0px;left:0px;right:0px;bottom:0px; */
		}
		a, p, div, h1, h2, h3, h4, h5{
			margin: 0px;
			padding: 0px;
		}
		
		.container{
			background-color: #FFFFF4;
			font-weight: normal;
			font-family: Arial;
			display: table;
			width: 100%;
			height: 77%; /* weiss nicht warum vielleicht ueberarbeiten !!! */ 
		}
		/*---------------------------SHARE---------------------------------*/
		.leftshare{
			width: 40px; 
		}
		/*------------------------------HEADER--------------------------*/
		.header{
			margin: 0;
			background-color: #f5deb3;
			display: table; 
			border: 0px dotted grey; 
			/*position: relative;*/
			width: 100%; 
		}
		#chessebook{
			margin: 0px;
			/*padding: 10em;*/
			/*display: inline-block;*/ 
			display: inline-block;
			vertical-align: top;
			line-height: 64px; 
			/*border: 0px dotted grey; */			
			text-shadow: 0.08em -0.08em orange;
			
			color: #800000; /* #ff00ff; #800000;*/
			font-size: 28px;
			font-weight: normal; 
		}
		.header div{
			/*display: inline-table;*/
			display: table-cell; 
			vertical-align: middle;
			/*border: 1px dotted grey;*/ 
			/*float: right;*/
			/*padding: 1em;
			margin: 1em; */
			font-weight: bold;
			/*height: auto;*/ 
			text-align: right;
			height: 100px; 
			padding-left: 20px;
			padding-right: 20px; 
		}
		.header div:first-child{
			text-align: left; 
		}
		.header div p{
			color: #800000;
			font-style: bold;
			padding: 0.8em;
			padding-right: 0.9em;
			display: inline; 
			font-size: smaller;
		}
		.header div a{
			text-decoration: none; 
			font-style: bold;
			padding: 0.8em;
			color: #800000;
			background-color: #fff8dc; /*rosa*/
			box-shadow: 0.1em -0.1em 0.2em black;
			display: inline; 
			font-size: smaller;
		}
	
		/*--------------------------NAVIGATION------------------------*/
		.nav{
			background-color:  #deb887;
			display: table;
			width: 100%;
			border:0em dotted #800000; 
			font-size: smaller;

		}
		.nav ul{
			/*margin: auto;*/
			padding: auto;
			display: table;
			
		}
		.nav ul li{
			margin: 0;
			padding: 0;
			display: inline-block;
			border-right:0.1em solid #800000; 	
			color: #800000;
			list-style-type: none;
			background-color:  #deb887;
			float: left;
		}
		.nav ul li a{
			color: inherit;	
			text-decoration: none;
			margin: 0;
			padding: 0;
		}
		.nav ul li a h4{
			color: inherit;	
			margin: 0;
/*			padding: 0.5em;*/
			padding-right: 0.7em;
			padding-left: 0.7em;
			line-height: 2em;
			font-weight: bold;
			font-size: small; 
		}
		.inher{
			margin: inherit;
			position: inherit;
			color: inherit; 
			background-color: inherit; 
		}
		.nav ul li:hover, .nav ul li:active{
			background-color:#fff8dc;   						/*#ff00ff; #ceb990; #ffd1f0; #ffc1f0; #F4EDD8;*/
		}
		.nav ul li{
			/*width: 13em;*/
			position: relative; 
		}
		/* -------------------------DROP DOWN---------------------------*/
		.nav ul li ul{
			display: none;
			position: absolute;
			left: 0;
			top: 100%;
			text-align: left; 
		}
		.nav ul li ul:hover{
			display: block;
		}
		.nav ul li ul li{
			display: block; 
			position: absolute;
			z-index:1000;
			width: 13em;
		}
		.nav ul li ul li a{
			width: 13em;
			line-height: 2em;
			text-decoration: none;
		}
		.nav ul li:hover > ul{
			display: block;
		}
		.clear{
			clear: both;
			display: block;
		}
/*------------------------------MAIN--------------------------*/
		.main{
			min-height: 95%;
			display: table; 
			width: 100%;
		/*	height: 100%;*/
			border: 0px dotted grey;
		}
		/*.main div{
			display: table-cell; 
			width: 100%;
			height: 100%;
			border: 1px dotted grey;
		}
		
		.main  div div{
			display: table-cell;
			position: relative; 
			color: black; 
			border: 1px dotted grey;
		}
		*/

		/*-------------------TABLE DISPLAY-----------------*/
		.table{
			display: table; 
			/*border: 0px dotted orange;*/
		}
		.tr{
			display: table-row; 
			/*border: 0px dotted blue;*/
		}
		.td{
			display: table-cell; 
			/*border: 0px dotted green;*/
		}
		/*--------------------BANNER RIGHT ------------*/

		.bannerspace{
			width: 302px;
			vertical-align: top; 
			/*display: table-cell; */
		}
		.bannerspace div{
		
			display: block;
			height: 100px; /*250px; */
			width: 200px;
			border: 0px hidden grey; 
			text-align: center;
			vertical-align: top; 
			font-weight: bold; 
			font-family: Arial;
			color: black; 
		}
		.bannerspace div:first-child{
			min-height: 320px;
			box-shadow: 0.1em -0.1em 0.2em black;

			
		}
		.bannerspace div p{
			padding: 5px;
		}
		.bannerspace div h2{
			font-size: 20px;
			padding: 15px; 
		}
		.bannerspace div p:last-child{
			padding: 20px;
		}
		.bannerspace div p span{
			font-size: 20px;
			/*padding-bottom: 50px;*/
		}
		.bannerspace div p.bannerfree{
			padding-top: 10px;
		}
		.bannerspace div:first-child{
			margin: auto; 
			margin-top: 20px; 
			background-color: #FFC975;  /* #FFCC68; */ 
			 
		}
		

/*------------------------------FOOTER--------------------------*/
		.footer{
			text-align: center; 
			min-height: 5%; 
			/*border: 1px solid grey;*/ 
			padding-top: 20px; 
		}
		.footer a, .footer p{
			text-decoration: none; 
			padding: 0.6em; 
			color: #800000;
			display: inline;
			font-size: small; 
			font-weight: normal; 
		
		}
/*-------------------welcome.php------------------*/
	.welcome{
		padding-left: 150px; 
		padding-right: 150px;
		padding-top: 50px; 
	}
	.welcome div{
		padding-bottom: 20px;
		display: block; 
	}
	.welcome div a{
		text-decoration: underline; 
	}
/*------------------SIGN IN--singin.php--------------*/
	.signinplace{
		padding-left: 150px; 
		padding-right: 150px;
		padding-top: 50px; 
 
	}
	.signinplace div{ 
		padding-bottom: 50px; 
		 
	}
	.signinplace div span{ 
		font-weight: bold;
		/*text-transform: uppercase;*/
	}
	
	.signinplace form{
		display: block;  
		vertical-align:middle;
		background-color: #f5deb3; /*#f5deb3;*/
		border: 1px solid #800000;
		padding: 10px;
		margin: auto; 		
		font-weight: bold;
		box-shadow: 0.1em -0.1em 0.2em #800000;
	}
	form.onlysign{
		width: 220px; 
	}
	form.onlysign input{
		width: 220px; 
		display: block;
	}
	.signinplace form input{
		padding: 0.4em;   
		border: 0.1em solid #800000;
		width: 200px;
		margin: auto; 	
		font-size: small; 
		font-family: Verdana;
		
	}
	.signinplace form h4{
		padding: 10px;
		padding-bottom: 20px; 
		margin: auto; 
		text-align: center;
		font-weight: bold;
	}

	.signinplace form div {
		display: block; 
		text-align:right; 
		padding: 10px; 
		padding-right: 10px;
		cursor: hand; 
	}
	.signinplace form a {
		text-decoration: underline; 
		display: block; 
		text-align:right; 
		padding: 10px; 
		padding-right: 10px;
		font-size: small; 
		cursor: pointer;
	}
	.signinplace form div button{
		/*text-decoration: none;*/ 
		font-style: bold;
		padding: 0.4em;
		color: #800000;
		box-shadow: 0.1em -0.1em 0.2em black;
		text-align: center;
		background-color: #fff8dc; 
		font-weight: bold;
		cursor: pointer;
	}
	.signtable{
		width: 100%;
		color: #800000;
	}
	/*--------------for register.php only --------------*/
	.registerform p{
		font-size: small; 
		font-weight: normal; 
		color: black; 
		font-family: Verdana;
		margin-left: 10px;
		display: inline-block; 
	}
	.registerform p.formlabel{
		padding-right: 4px;
		/*padding-bottom: 6px;*/ 
		/*margin: auto; 
		text-align: center;
		font-weight: bold;*/
		
		width: 150px;
		text-align: right; 
		margin-bottom: 5px; 
	}
	.registerform{
		width: 400px;
	}
	.registerform label a{
		display: inline; 
		padding: 0; 
		text-align: left; 
	}
	.registerform input{
		display: inline-block; 
		margin-top: 10px; 
	}
	.humantest{
		width: 20px;
		color: red; 
	}
	.signinplace form label{
		font-weight: normal;
		color: black;
		font-size: small; 
		display: inline;
		margin-left: 10px;  
	}
	.signinplace form label input{
		display: inline-block;
		size: 5px; 
		padding: 2px; 
		margin: 0; 
		width: 15px;
		height: 15px;

	}
	/*
	.signinform form input{
		border: 0.1em solid #800000;
		color: #800000;
		font-style: bold;
		padding: 0.2em;
		margin-left: 2.5em;
		margin-right: 2.5em;
		width: 15em;
		display: block;
/*		background-color: #F4EDD8;
		box-shadow: 0.1em 0.1em 0.1em brown;
	}*/
	/*-------------------enhome.php---------------------*/
	.littleboard{	/*table which is the chess board - position of the day*/
		border: 4px solid #d2b48c;
		/*border-spacing:0;*/
		border-collapse: collapse;
	}
	.littleboard tr td{
		border-spacing:0;
		height: 24px;
		width: 24px; 
	}
	.littleboard tr td img{
		border-spacing:0;
		padding: 0px;
		margin: 0px; 
		display: block;
	}
	/*--------------------jokes------------------------------*/
	.jokes div{
		display:block;
		color: black; 
		font-size: 14px;
		font-style: Ariel; 
		padding: 2em; 
		border-bottom: 2px solid brown; 
	}
	.jokes p{
		display: block; 
		color: black; 
		font-style: Ariel;
		font-size: 18px; 
		font-weight: bold; 
	}
	/*---------------------------OPENINGS.php----------------------*/
	/*ueber der Gameliste */
	.moveline{	 
		white-space: nowrap;
		display: block; 
		padding-top: 10px; 
		padding-bottom: 10px; 
	}
	.choosegames{
		padding: 5px; 
		background-color: "#d2b48c"; 
	}
	.choosegames div.td{
		width: 150px; 
		/*max-width: 200px;*/
		white-space: nowrap; 
	}
	.openpos table tr td table tr td img{
	display: block; 
	}
	
	/*.openpos div table{
		padding: 20px; 
		padding-top: 40px; 
		width: 100%; 
	}*/
	.openpos{
		width: 200px;
		padding-top: 60px; 
		padding-left: 20px; 
	}
	.openpos div{
		/*width: 200px;*/
		border: 1px solid brown;
		width: 160px; 
		height: 160px; 
	}
	
	.movelist{
		padding: 20px;
		/*padding-top: 40px; */
		vertical-align: top; 
	}
	.movelist table{
		width: 100%; 
	}
	.movelist table tr td{
		padding: 5px;  
	}
	/*.openboard{
		display: block; 
		padding: 20px; 
		padding-top: 60px; 
	}*/
	.gamelist{
		border: 4px hidden blue;
		font-size: small; 
		/*background-color: inherit;*/ 
		padding-left: 10px;
		padding-top: 10px; 
	}
	.gamelist div.table div.tr div.td{
		padding: 5px;
		/*color: red;*/ 
	}
	/*------------------------tactics.php and such_voll-------------*/
	
	.choosetactics table{
		margin: auto; 
	/*	margin: 50px;*/
	}
	.choosetactics{
		padding-left: 100px;
		padding-right: 100px;
		/*padding-top: 40px;*/
	}
	div.pagetitle{
		display: block; 
		margin: auto; 
		text-align:center; 
		font-weight:bold; 
		padding: 10px; 
		padding-top: 20px; 
	}
	div.pagetext{
		display: block; 
		padding-bottom: 20px; 
	}
	div.pagetext a{
		text-decoration: underline; 
	}
	.ttabletop{
		display: block; 
		color: #800000;
		padding: 0.5em; 
		font-family: Verdana;
		font-weight: bold; 
		margin: auto; 
		background-color: #deb887; 
		font-size: small; 
	} 
	.tacradio{ 
		padding: 4px;
		padding-left: 10px; 
		font-family: Verdana;  /*,VERDANA,HELVETICA";*/
		color: #800000;
	}
	.tacradiotop{ 
		padding: 8px;
		padding-left: 10px; 
		font-family: Verdana;  /*,VERDANA,HELVETICA";*/
		color: #800000;
	}
	.tacradioerst tr td{
		padding: 4px;
		padding-left: 10px; 
		font-family: Verdana;  /*,VERDANA,HELVETICA";*/
		color: #800000;
	}
	/*-----------------------world.php---------------*/
	.world{
		padding-right: 25px; 
		padding-left: 30px; 
	}
	.worldzeile td{
		padding: 5px; 
	}
	.worldheadline td{
		padding: 5px; 
	}
	/*----------------------history.php----(included in enhistory.php)-------------*/
	.historymiddle tr td{
	padding: 5px; 
	}
	/*---------------------history_1.php-----------------*/
	
	.historydiv table tr td table tr td{
		padding: 4px; 
		padding-left: 10px;
	}
	/*----------------Verschiede .inc eins fuer jeden Weletmeister-----*/
	.historybio table tr td table tr td table tr td table tr td font b{
		font-weight: normal;  
		font-family: Arial; 
		font-size: medium; 
	}
	.historybio table tr td table tr td table tr td table tr td b font{
		font-weight: normal;  
		font-family: Arial; 
		font-size: medium; 
	}
	.historybio table tr td table tr td table tr td b font{
		font-weight: normal;  
		font-family: Arial; 
		font-size: medium; 
	}
	.historybio table tr td table tr td table tr td font b{
		font-weight: normal;  
		font-family: Arial; 
		font-size: medium; 
	}
	.historydiv{
		padding: 20px;
		display: block; 
	} 
	/*---------------------entopbody.inc------------------------------------*/
	/*-----------------Language Choise-----------------*/
	
	.lanchoice{
		display: inline-block;
		float: right; 
		padding-right: 15px; 
	}
	.lanchoice div.table div.tr div.td{
		vertical-align: middle;
		padding: 7px; 
		color: blue; 
	}
	/*-------------enhome.php or index.php-----*/
	.homeblocks{
		padding: 20px;
		font-size: medium;
	}
	.homeblocks div p{
		padding-bottom: 20px;
	}
	.homeblocks div h5 a{
		padding-bottom: 20px;
		font-size: medium;
	}
	/*-------------play7.php---------- */
	.playgm{
		padding: 20px; 
	}
	.playgmcalc tr td{
		padding: 3px; 
		color: black;
		font-size: small; 
		font-family: Verdana; 
	}
	.playgmboard p{
		font-size: small; 
		font-family: Verdana;
	}
	.playgmmoves tr td{
		font-size: small; 
		font-family: Verdana;
	}
	.playgmbutton{
		font-style: bold;
		padding: 0.4em;
		color: #800000;
		/*box-shadow: 0.1em -0.1em 0.2em black;*/
		text-align: center;
		background-color: #deb887; /*#fff8dc;*/ 
		font-weight: bold;
		cursor: pointer;
		margin-bottom: 15px; 
		/*margin-top: 15px;*/ 
	}
	.playgmparty{
		margin: 30px; 
		display: block;  
	}
	.playgmparty table tr td table tr td{
		padding: 5px;  
	}
	/*----------------------tacticstest.php ---und pruef.php------------*/
	.tteststat{
		background-color: #deb887;
		margin-left: 30px; 
		margin-right: 30px;
		margin-top: 10px;
	}

	.tteststat tr td{
		min-width: 10px;
		font-size: small; 
		font-family: Verdana; 
		padding: 4px;
		padding-left: 8px; 
		padding-right: 8px; 
	}
	/*--------------Privacy-------------*/
	div.privacy{
		padding: 20px; 
	}
	div.privacy p{
		font-size: small;  
	}
	div.privacy h4{
		font-size: medium;
		font-weight: bold; 
		padding-top: 8px; 
		padding-bottom: 8px;
	}
	div.privacy h2{ 
		padding-bottom: 12px;
	}
	/*-------------------Impressum------------*/
	.impressum{
		padding: 30px; 
	}
	/*------------------myaccount.php---------------*/
	.myaccount{
		padding: 30px;
		padding-left: 50px; 
	}
	.myaccount div span:first-child{
		 font-weight: bold; 
	}
	/*---------------glossar.php------------------*/
	.glossar{
		padding-left: 20px;
	}
	.glossar div table{
		margin: auto; 
	}
	.glossar div:first-child{
		font-weight: bold;
		text-align: center; 
		padding-top: 20px; 
	}
	.glossar b{
		font-weight: normal; 	
	}
	.glossar img{
		margin: 15px; 
		margin-left: 20px; 	
	}