/* Alle Definitionen, die unabhängig von der Auflösung gelten */

body {
	position:relative;
    margin: 0px;
    padding: 0px 0px 0px 0px;
	font-family: sans-serif;
    background-repeat: no-repeat;
    background-attachment: fixed;
	
	
	background-image: -ms-linear-gradient(top, #FF9933 0%, #800000 70%, #800000 100%);	/* IE10+ */ 	
	background-image: -moz-linear-gradient(top, #FF9933 0%, #800000 70%, #800000 100%);	/* Mozilla Firefox */ 	
	background-image: -o-linear-gradient(top, #FF9933 0%, #800000 70%, #800000 100%);	/* Opera */ 	
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FF9933), color-stop(70, #800000), color-stop(100, #800000));	/* Webkit (Safari/Chrome 10) */ 	
	background-image: -webkit-linear-gradient(top, #FF9933 0%, #800000 70%, #800000 100%);	/* Webkit (Chrome 11+) */ 	
	background-image: linear-gradient(to bottom, #FF9933 0%, #800000 70%, #800000 100%);	/* W3C Markup */ 
}
.BodyContainer {	margin:auto;	}

nav {
	float: left;
	width: 100%;
	margin: 0;
	padding: 0;
	background: #ccc;
}
nav ul {
	list-style: none;
	margin-top:0;
}
nav li { 
	float: left;
	margin: 0;
	padding: 0;
}
nav a {
	float: left;
	display: block;
	color: #666;
	background: #ccc url(nav_slant.gif) no-repeat top right;
}	
nav a:hover 		{ 	color: #000; 			}

.VeryImportantText {
  font-family: Arial, Verdana, sans-serif;
  font-style: normal;
  font-size: 1.2em;
  font-weight: bold;
  text-decoration: none;
  color: #5a2d0c;
  text-align:center;
}
.ImportantText {
  font-family: Arial, Verdana, sans-serif;
  font-style: normal;
  font-size: 1.0em;
  font-weight: bold;
  text-decoration: none;
  color: #874312;
  text-align:right;
  padding-right:19px;
  vertical-align:top;
}
.BlockMe	{	display:block;			}
.ShowMe		{	visibility:visible;		}
.HideMe		{	display:none;			}
.TopMe 		{	vertical-align:top;		}
.CenterMe	{	vertical-align:bottom;	}
.CenterText {	text-align: center;		}
.FloatMeLeft {	float:left;	}
.IAmBold {	font-weight: bold;	}

.SmallImage {	width:10%;	}

/*#PasswortDIV	{	font-size: 0.7em;	}*/

#EinsteigerSelectionArea 	{	width:100%;	float:left;	}
#EinsteigerShowArea			{	margin-top:5%;			}

.margin_text {
	margin: 2%;
	width: 96%;
}
.link_table_class td{
	padding: 1% 2% 1% 2%;
	background-image: -ms-linear-gradient(to bottom, #FFFFFF 0%, #FFFFB8 15%, #FFFFB8 85%, #FFFFFF 100%);			/* IE10+ */
	background-image: -moz-linear-gradient(to bottom, #FFFFFF 0%, #FFFFB8 15%, #FFFFB8 85%, #FFFFFF 100%);		/* Mozilla Firefox */ 
	background-image: -o-linear-gradient(top, #FFFFFF 0%, #FFFFB8 15%, #FFFFB8 85%, #FFFFFF 100%);			/* Opera */ 
	background-image: -webkit-linear-gradient(top, #FFFFFF 0%, #FFFFB8 15%, #FFFFB8 85%, #FFFFFF 100%);		/* Webkit (Chrome 11+) */ 
	background-image: linear-gradient(to bottom, #FFFFFF 0%, #FFFFB8 15%, #FFFFB8 85%, #FFFFFF 100%);		/* W3C Markup */ 
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FFFFFF), color-stop(15, #FFFFB8), color-stop(85, #FFFFB8), color-stop(100, #FFFFFF));/* Webkit (Safari/Chrome 10) */ 
}
.link_table_class tr:hover td{
background-image: -ms-linear-gradient(to bottom, #FFFFFF 0%, #FFF45C 15%, #FFF45C 85%, #FFFFFF 100%);				/* IE10+ */ 
	background-image: -moz-linear-gradient(to bottom, #FFFFFF 0%, #FFF45C 15%, #FFF45C 85%, #FFFFFF 100%);		/* Mozilla Firefox */ 
	background-image: -o-linear-gradient(top, #FFFFFF 0%, #FFF45C 15%, #FFF45C 85%, #FFFFFF 100%);			/* Opera */ 
	background-image: -webkit-linear-gradient(top, #FFFFFF 0%, #FFF45C 15%, #FFF45C 85%, #FFFFFF 100%);		/* Webkit (Chrome 11+) */ 
	background-image: linear-gradient(to bottom, #FFFFFF 0%, #FFF45C 15%, #FFF45C 85%, #FFFFFF 100%);		/* W3C Markup */ 
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FFFFFF), color-stop(15, #FFF45C), color-stop(85, #FFF45C), color-stop(100, #FFFFFF));/* Webkit (Safari/Chrome 10) */ 
}
.GedankenText {
  font-family: Arial, Verdana, sans-serif;
  font-style: normal;
  font-size: 18px;
  font-weight: bold;
  text-decoration: none;
  color: #874312;
  text-align:center;
  padding-right:19px;
  vertical-align:top;
  padding-bottom:19px;
}
.LiedText 		{	font-family: 'Architects Daughter', cursive;	font-weight: bold;	font-size: 1.1em;	}
.LiedTextMain 	{	font-family: 'Architects Daughter', cursive;	font-weight: bold;	font-size: 2.5em;	}

#termine_table 		{	margin:auto;			}
#Spielerliste_div 	{	width: 300px;			}
.whitespace td 		{	white-space: nowrap;	padding: 19px;	}

#Teilnehmerkopf {	width:90%;	float:left;	}
#Aufgabenkopf 	{	width:90%;	float:left;	}

#PartienListeArea 	{	width:30%;				float:left;	}
#PartieArea			{	width:70%;				float:left;	}
#ViewerLink			{	font-size:0.7em			}
#PartieArticle		{	width:40%;				float:left;	}
#board-moves		{	width:55% !important;	float:left;	font-size: 0.8em;	}

@keyframes AktuellerHinweis {
    0% 		{color: #008000;	}
    50% 	{color: #ADFF2F;	}
    100% 	{color: #008000;	}
}
.AnimateMe {
    animation-name: 			AktuellerHinweis;
    animation-duration: 		6s;
    animation-iteration-count: 	infinite;
  	font-size: 					18px;
  	font-weight: 				bold;
	text-align: 				left;
}

.Schachtermin a {	
	color: red !important;	
	font-weight: bold !important;	
	background-image: none !important;	
	background-color: #F5DEB3 !important;	
}
.Ereignis a	{	
	background-image: none !important;	
	background-color: #FCF3E4 !important;	
}

.BoardStyle { width:300px; }

/* für die Tabelle der Altersklassenanmeldungen des CoburgOpen */
.tabelle {
	width: 40%; border-collapse: collapse; 
}
.zelle{
	padding: 3px; 
	background-color: Ivory; 
	font-family: Verdana; 
	font-size: 12px;
	text-align: center; 
	color: Black; 
}
#CoburgOpen_table th {
	background-color: Seashell;
	padding: 3px; 
	color: Black; 
	font-size: 12px;
	font-family: Verdana; 
}
.separate {
	border-radius: 10px;
	border-spacing: 0;
	border-collapse: separate;
}
.separate td, table.separate th {
	border-bottom: 1px solid Gray;
	border-right: 1px solid Gray;
}
.separate tr:last-child td:first-child {
	border-bottom-left-radius: 10px;
}
.separate tr:last-child td:last-child {
	border-bottom-right-radius: 10px;
}
.separate tr th:first-child, table.separate tr td:first-child {
	border-left: 1px solid Gray;
}
.separate tr:first-child th, table.separate tr:first-child td {
	border-top: 1px solid Gray;
}
.separate tr:first-child th:first-child, table.separate tr:first-child td:first-child {
	border-top-left-radius: 10px
}
.separate tr:first-child th:last-child, table.separate tr:first-child td:last-child {
	border-top-right-radius: 10px;	
}

.flex-container {
  display: flex;
  align-items: center;
}

.flex-container>div {
  margin: 1%;
  text-align: left;
}