/* Start TinyMCE stuff */
/* Image captions using the HTML5 figure element */
.pic-box {
	max-width: 40%;
	margin-right: 1em;
}
.pic-box.align-left {
	float: left;
}
.pic-box.align-right {
	float: right;
}
figure.align-left {
    float: left;
}

figure.align-right {
    float: right;
}

figure.image {
    display: inline-block;
    border: 1px solid gray;
    margin: 10px 1px 10px 2px;
    background: #f5f2f0;
    /*max-width: 100%;*/
}

figure.image img {
    margin: 8px 8px 0 8px;
    max-width: 95%;
}

figure.image figcaption {
  margin: 3px 4px;
  text-align: center;
  font-style: italic;
  line-height: 1;
}

/*
 Alignment using classes rather than inline styles
 check out the "formats" option
*/
img.align-left {
    float: left;
}

img.align-right {
    float: right;
}
/* End TinyMCE stuff */

.article h1 {
	color: #A68C53;
/*	font-family: 'Roboto Slab', serif;*/
}

/* Article fotmats */
.article {
	padding: 0 2em;
/*	font-size: 1.2em;*/
	min-width: 80%; /* preview!?! */
/*	font-family: Roboto, Verdana, Arial, Helvetica, sans-serif;*/
}

/* Article table formats */
.mce-content-body table,
.swiss-table,
.article table {
/*	margin: 0 auto;*/
	border-collapse: collapse;
/*	width: 80%;*/
	border: 2px solid black;
}

.cross-table {
  border-collapse: collapse;
  border: 3px solid black;
}

.mce-content-body .cross-table td,
.mce-content-body .cross-table th,
.cross-table td,
.cross-table th {
	width: 3%;
	text-align: center;
	border: 1px solid black;
}
.mce-content-body .cross-table tr:nth-child(even),
.cross-table tbody tr:nth-child(even) {
	background-color: hsl(41, 33%, 97%);
}

.cross-table .block {
  background-color: lightgray;
  border-radius: 2px;
}

.mce-content-body .article td,
.mce-content-body .article th {
	text-align: center;
	border: 1px solid black;
}

.article td,
.article th {
	text-align: center;
	border: 1px solid black;
}

/* Formatting the name column. It is assumed that the first column is set to header cell */
.mce-content-body .cross-table tbody th + td,
.cross-table tbody th + td {
	width: 20%;
	padding-left: 0.5em;
	text-align: left;
	font-weight: bold;
}

/* Table borders */
.mce-content-body .cross-table thead,
.cross-table thead {
	border-bottom: 2px solid black;
}
.mce-content-body .cross-table thead tr th:last-child,
.cross-table thead tr th:last-child {
	border-left: 2px solid black;
}
.mce-content-body .cross-table thead th:first-child,
.cross-table thead th:first-child {
	border-right: 2px solid black;
}

.mce-content-body .cross-table tbody th,
.cross-table tbody th {
	border-right: 2px solid black;
}
.mce-content-body .cross-table tr td:last-child,
.cross-table tbody tr td:last-child {
	border-left: 2px solid black;
}

/* Swiss table */
.mce-content-body .swiss-table th,
.swiss-table th {
  border: 2px solid black;
}
.mce-content-body .swiss-table td,
.swiss-table td {
  border-bottom: 1px solid black;
}
.mce-content-body .swiss-table tbody tr:nth-child(even),
.swiss-table tbody tr:nth-child(even) {
	background-color: hsl(41, 33%, 97%);
}

.game {
	padding-left: .3rem;
	padding-right: .3rem;
}

.game + .game {
	border-left: 1px solid black;
}

.unpaired {
	text-align: center;
}

.rank {
	text-align: right;
}

.player-name {
	border-right: 2px solid black;
	padding-left: .3em;
	padding-right: .3em;
	font-weight: bold;
}

.guest {
	font-style: italic;
}

.points {
	border-left: 2px solid black;
	font-weight: bold;
	padding-left: .3rem;
}

.tiebreak {
	padding-left: .3rem;
	padding-right: .3rem;
	text-align: center;
}

/* Formate für Vorstandstabellen */
.article .vorstand {
	width: 100%;
	border: none;
}
.article .vorstand td {
	width: 33%;
	text-align: center;
	text-align: left;
	vertical-align: top;
	border: none;
}
.vorstand td:first-child {
	font-weight: bold;
	text-align: left;
}
.article .vorstand tbody td:last-child {
	border-left: none;
}
.vorstand img {
	max-width: 150px;
}