/*
# Version 5.0.0

//  ------------------------------------------------------------------------ //
//                     Beex4 - Besuchertausch-Software                       //
//               Copyright (c) by AOM Software GmbH & Co. KG                 //
//                      <https://www.aom-software.de/>                       //
//  ------------------------------------------------------------------------ //
*/

/** Tabellen */

tr.header,
tr.ungerade,
tr.gerade,
tr.footer {
}

tr.header td {
	font-style: italic;
	border-bottom: 1px solid /** Anfang Farb-Code 60 **/#deb887/** Ende Farb-Code 60 **/;
}

tr.ungerade td {
	background-color: /** Anfang Farb-Code 62 **/#ffffff/** Ende Farb-Code 62 **/;
	vertical-align: top;
}

tr.gerade td {
	background-color: /** Anfang Farb-Code 61 **/#f4f4dc/** Ende Farb-Code 61 **/;
	vertical-align: top;
}

tr.footer td {
	text-align: right;
	border-top: 1px solid /** Anfang Farb-Code 63 **/#deb887/** Ende Farb-Code 63 **/;
}

table.klein,
table.games_header {
	width: 100%;
}

table.klein tr.gerade td,
table.klein tr.ungerade td,
table.klein tr.gerade td a,
table.klein tr.ungerade td a,
table.klein tr.gerade td input,
table.klein tr.ungerade td input {
	font-size: 9px;
}

table {
	border: none;
	border-collapse: collapse;
}

table.center {
	margin-left: auto;
	margin-right: auto;
}

table.center tr td {
        text-align: left;
}

table tr td.center {
	text-align: center;
}

table tr td.right {
	text-align: right;
}

table.bannerfarm {
	width: 100%;
}

/** Stats */

div.stats {
	line-height: 16px;
}

div.stats span.links {
	float: left;
	width: 250px;
	border-bottom: 1px dotted silver;
}

div.stats span.rechts {
	float: left;
	width: 150px;
	text-align: right;
	border-bottom: 1px dotted silver;
}

/** Align */

.center {
	text-align: center;
}

.justify {
	text-align: justify;
}

.right {
	text-align: right;
}

/** Speziell */

.fehler {
	color: /** Anfang Farb-Code 65 **/#ff0000/** Ende Farb-Code 65 **/;
}

.erfolg {
	color: /** Anfang Farb-Code 64 **/#008000/** Ende Farb-Code 64 **/;
}

.bold {
	font-weight: bold;
}

.underline {
	text-decoration: underline;
}

.kursiv {
	font-style: italic;
}

.nodisplay {
	display: none;
}

div.center {
	display: block;
	text-align: center;
}

/** FAQ */

ul.faq {
	list-style: none;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
}

ul.faq li {
	margin-bottom: 10px;
}

ul.faq li ol {
	list-style: none;
	font-weight: normal;
	list-style: decimal;
}

ul.faq li ol li {
	margin-bottom: 3px;
}

/** Summary, Formular */

div.summary,
div.beex_form {
	clear: both;
	float: left;
	display: block;
	width: 100%;
	margin-bottom: 15px;
}

div.summary div {
	float: left;
	padding-bottom: 5px;
}

div.summary div.links {
	clear: left;
	width: 170px;
}

div.summary div.rechts {
	width: 395px;
}

div.summary div.ganz,
div.beex_form div.ganz {
	display: block;
	clear: left;
	float: left;
	width: 100%;
}

div.summary iframe {
	width: 100%;
	height: 200px;
	overflow: hidden;
}

div.beex_form form {
	margin: 0;
	padding: 0;
	font-size: 100%;
	width: 100%;
}

div.beex_form form fieldset,
div.summary form fieldset {
	clear: both;
	border: none;
	padding: 0px;
	margin: 0px;
}

div.beex_form form fieldset div.pflicht,
div.beex_form form fieldset div.optional,
div.beex_form form fieldset div.ganz {
	clear: left;
	display: block;
	width: 100%;
	margin: 0px;
	margin-bottom: 5px;
}

div.beex_form form fieldset div.optional label,
div.beex_form form fieldset div.pflicht label {
  display: block;
  float: left;
  width: 170px;
	padding: 0px;
  margin: 0 0 5px 0;
  text-align: left;
	padding-top: 3px;
}

div.beex_form form fieldset div.optional label {
  font-weight: normal;
}

div.beex_form form fieldset div.pflicht label {
  font-weight: bold;
}

div.beex_form form fieldset div.optional label.labelCheckbox,
div.beex_form form fieldset div.pflicht label.labelCheckbox {
  float: none;
  display: block;
  width: 100%;
  padding: 0px;
  margin: 0px;
  text-align: justify;
}

div.beex_form form fieldset div.optional label.labelCheckbox2,
div.beex_form form fieldset div.pflicht label.labelCheckbox2 {
  float: left;
  width: 100%;
  padding: 0px;
  margin: 0px;
  text-align: justify;
}

div.beex_form form fieldset div.optional select,
div.beex_form form fieldset div.optional input[type=text],
div.beex_form form fieldset div.optional input[type=password],
div.beex_form form fieldset div.pflicht select,
div.beex_form form fieldset div.pflicht input[type=text],
div.beex_form form fieldset div.pflicht input[type=password] {
  width: 227px;
  padding: 2px;
  margin: 0px;
}

div.beex_form form fieldset div.optional select,
div.beex_form form fieldset div.pflicht select {
  width: 232px;
}

div.beex_form form fieldset div.optional select.short,
div.beex_form form fieldset div.optional input[type=text].short,
div.beex_form form fieldset div.optional input[type=password].short,
div.beex_form form fieldset div.pflicht select.short,
div.beex_form form fieldset div.pflicht input[type=text].short,
div.beex_form form fieldset div.pflicht input[type=password].short,
input[type=text].short {
  width: 75px;
}

div.beex_form form fieldset div.optional select.long,
div.beex_form form fieldset div.optional input[type=text].long,
div.beex_form form fieldset div.optional input[type=password].long,
div.beex_form form fieldset div.optional textarea,
div.beex_form form fieldset div.pflicht select.long,
div.beex_form form fieldset div.pflicht input[type=text].long,
div.beex_form form fieldset div.pflicht input[type=password].long,
div.beex_form form fieldset div.pflicht textarea {
  width: 350px;
}

div.beex_form form fieldset div.optional input[type=checkbox],
div.beex_form form fieldset div.pflicht input[type=checkbox] {
  padding: 0px;
	margin: 0px;
}

div.beex_form form fieldset div.optional input[type=text].readonly,
div.beex_form form fieldset div.pflicht input[type=text].readonly {
  background-color: #dfdfdf;
}

div.beex_form form fieldset div.optional textarea,
div.beex_form form fieldset div.pflicht textarea {
  height: 200px;
}

div.beex_form form fieldset div.optional textarea.narrow,
div.beex_form form fieldset div.pflicht textarea.narrow {
  height: 50px;
}

div.beex_form form fieldset div.optional small.darunter,
div.beex_form form fieldset div.pflicht small.darunter {
	display: block;
	margin: 3px 0px 3px 175px;
}

div.beex_form form fieldset div.ganz div.auswahl {
	float: left;
	width: 170px;
}

div.beex_form form fieldset div.ganz div.checkboxes {
	clear: none;
	float: left;
	width: 390px;
}

div.beex_form form fieldset div.checkboxes label {
	float: left;
	width: 170px;
  margin: 0 0 0 20px;
	padding: 0 0 0 0;
}

div.beex_form form fieldset div.checkboxes input[type=checkbox] {
  margin-left: -20px;
}

div.beex_form form fieldset div.checkboxes label.links {
	clear: left;
}

div.beex_form form fieldset div.checkboxes label.rechts {
}

div.beex_form form fieldset div.pflicht div.g-recaptcha {
  margin-left: 170px;
}

/** Linien */

div.text_oben,
div.text_unten,
div.text_mitte,
div.text_oben_noline,
div.text_unten_noline,
div.text_mitte_noline {
	clear: both;
	display: block;
	text-align: justify;
}

div.text_oben {
	border-bottom: 1px solid silver;
	padding-bottom: 10px;
	margin-bottom: 10px;
}

div.text_unten {
	border-top: 1px solid silver;
	padding-top: 10px;
	margin-top: 10px;
}

div.text_mitte {
	border-bottom: 1px solid silver;
	padding-top: 10px;
	margin-bottom: 10px;
}

div.text_oben_noline {
	padding-bottom: 10px;
	margin-bottom: 10px;
}

div.text_unten_noline {
	padding-top: 10px;
	margin-top: 10px;
}

div.text_mitte_noline {
	padding-top: 10px;
	margin-bottom: 10px;
}

table.urlverwaltung {
	width: 100%;
}

table.urlverwaltung tr td {
	padding-bottom: 5px;
	width: 50%;
}

div.zentriert {
	float: none;
	margin-left: auto;
	margin-right: auto;
	width: 220px;
}

div.zentriert div.rechts {
	text-align: right;
	width: 50px;
}

input[type=text].games {
  width: 50px;
}

input[type=submit].knubbel {
  width: 80px;
}

/* Games */
table.games_body {
	margin-left: auto;
	margin-right: auto;
	border-collapse: collapse;
}

table.jdp input[type="image"] {
	width: 16px;
	height: 16px;
}

table.updown {
	width: 100%;
	background-color: #000000;
	border-collapse: separate; /* Dies stellt sicher, dass die Zellenabstände (cellspacing) funktionieren */
	border-spacing: 1px; /* Dies ersetzt das cellspacing-Attribut */
}

table.updown td {
	padding: 4px; /* Dies ersetzt das cellpadding-Attribut */
	width: 9%;
	background-color: #c0c0c0;
	text-align: center;
}

table.updown tr.firstrow td {
	background-color: #808080;
}

table.updown td.firstcolumn {
	background-color: #808080;
	width: 10%;
	text-align: left;
}

table.updown td.good {
	background-color: #00B900;
}

table.updown td.bad {
	background-color: #FF7979;
}

table.memorix tr.felder td,
table.pasch td {
	text-align: center;
}

table.pasch img {
	width: 51px;
	height: 51px;
}

table.knubbel_overview {
	width: 100%;
}

table.knubbel_overview thead {
	font-weight: bold;
}

#knubbel {
	display: flex;
}

#knubbel_links {
	flex: 2;
	padding: 10px;
}

#knubbel_rechts {
	flex: 1;
	padding: 10px;
}

#knubbel_rechts table {
	width: 150px;
	height: 397px;
	border: 1px solid black;
	padding: 0;
	border-spacing: 0;
	box-sizing: border-box;
}

#knubbel_links table {
	width: 100%;
	border: 1px solid black;
	padding: 0;
	border-spacing: 0;
	box-sizing: border-box;
	border-collapse: collapse;
}

#knubbel_rechts td {
	text-align: center;
}

#knubbel_links td {
	text-align: center;
	border: 1px solid black;
	padding: 8px;
	height: 20px;
}

#knubbel_links td.links {
	text-align: left;
	font-weight: bold;
}

/* Karten */
img.cards {
	width: 76px;
	height: 101px;
	border: 0;
}

img.card {
	width: 71px;
	height: 96px;
	border: 0;
}

/* Lotto */
#lotto_top {
	display: flex;
}

#lotto_top_links {
	flex: 3;
	padding: 10px;
}

#lotto_top_rechts {
	flex: 2;
	padding: 10px;
}

table.lottozahlen {
	background-color: #ffffff;
	margin-left: auto;
	margin-right: auto;
	border-spacing: 6px;
	box-sizing: border-box;
	border-collapse: separate;
}

table.lottozahlen td {
	border: 1px solid #ff0000;
	padding: 0;
	margin: 10px;
	width: 25px;
	height: 25px;
	text-align: center;
	vertical-align: middle;
	background-color: #ffffff;
}

table.lottozahlen td a {
	color: #ff0000;
	text-decoration: none;
	font-size: 11pt;
}

table.lottozahlen td.checked {
	background-image: url('../img/lotto/cross_big.gif');
	background-repeat: no-repeat;
	background-position: center;
	font-size: 11pt;
	color: #ff0000;
}

#letzterzahlt {
	width: 100%;
}


#letzterzahlt tr.lzheader td {
	font-weight: bold;
	border-bottom: 1px solid /** Anfang Farb-Code 60 **/#deb887/** Ende Farb-Code 60 **/;
}

/* Suchen */

table.suchen {
	margin-left: auto;
	margin-right: auto;
}

table.suchen td {
	width: 50px;
	height: 50px;
	text-align: center;
}

table.suchen img {
	width: 36px;
	height: 40px;
	border: 0;
}

/** Klick4Credits, Klick4Win etc. */

div.klick4 {
	display: block;
	text-align: center;
	line-height: 16px;
}

div.klick4 small {
	font-size: 9px;
}

div.klick4 small a {
	font-size: 9px;
}

a.marquee {
	text-decoration: none;
}


/** BV-Download */

table.bv_download {
	border-collapse: collapse;
}

table.bv_download tr td {
	padding: 10px;
}

table.bv_download tr td p {
	text-align: justify;
}

@media (max-width: 1138px) {
	#peelback{
		display:none;
	}
}