/* vendor-css */
body,ul,ol,li,h1,h2,form,legend,input,textarea,p,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
img{border:0;}
em,strong,th{font-style:normal;font-weight:normal;}
li{list-style:none;}
th{text-align:left;}
h1,h2,h3{font-size:100%;font-weight:normal;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}

/* jquery-ui */
/* button */
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.ui-state-default {
    border: 1px solid #d3d3d3;
}
.game_config_form .ui-state-default:hover {
    border-color: #aaa;
}
.game_config_form button:hover {
    box-shadow: 0 0 9px #d85000;
    -moz-box-shadow: 0 0 9px #d85000;
    -webkit-box-shadow: 0 0 9px #d85000;
}
.ui-state-active {
    border: 1px solid #d85000;
}
.game_config_form .ui-state-active:hover {
    border-color: #984000;
}


/* defaults */
.ui-button { display: inline-block; position: relative; padding: 0; margin-right: .1em; text-decoration: none !important; cursor: pointer; text-align: center; zoom: 1; overflow: visible; } /* the overflow property removes extra width in IE */
.ui-button-icon-only { width: 2.2em; } /* to make room for the icon, a width needs to be set here */
button.ui-button-icon-only { width: 2.4em; } /* button elements seem to need a little more width */
.ui-button-icons-only { width: 3.4em; }
button.ui-button-icons-only { width: 3.7em; }
/*button text element */
.ui-button .ui-button-text { display: block; line-height: 1.4;  }
.ui-button-text-only .ui-button-text { padding: .4em 1em; }
/*button sets*/
.ui-buttonset .ui-button { margin-left: 0; margin-right: -.3em; }
/* Corner radius */
.ui-corner-right {  -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; }
.ui-corner-left { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; }
.ui-corner-all { -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }
/* workarounds */
button.ui-button::-moz-focus-inner { border: 0; padding: 0; } /* reset extra padding in Firefox */
ul.ui-autocomplete {
    width: 200px;
    background: #FAFAFA;
    border: 1px solid #DADADA;
    max-height: 200px;
    overflow: auto;
}
ul.ui-autocomplete li a {
    display: block;
    padding: 0.6em 1em;
    text-decoration: none;
}
ul.ui-autocomplete li a.ui-state-focus {
    background: #E1F6F8;
    color: #444;
}
/* slider */
.ui-widget-content {
	border: 1px solid #DDD;
	background: #EEE;
	color: #333;
}
.ui-widget-header {
	border: 1px solid #E78F08;
	color: white;
	font-weight: bold;
}
.ui-slider { background: #fff; position: relative; text-align: left; }
.ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; }
.ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; }
.ui-slider-horizontal { height: .8em; }
.ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; }
.ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; }
.ui-slider-horizontal .ui-slider-range-min { left: 0; }
.ui-slider-horizontal .ui-slider-range-max { right: 0; }
.ui-slider-vertical { width: .8em; height: 100px; }
.ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; }
.ui-slider-vertical .ui-slider-range { left: 0; width: 100%; }
.ui-slider-vertical .ui-slider-range-min { bottom: 0; }
.ui-slider-vertical .ui-slider-range-max { top: 0; }

/* common-css */
.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix {display:inline-block;}

.wdgt_ft {
visibility:hidden;
}

.none {
  display: none;
}

.s16 {
  padding-left: 20px;
  background: transparent url(../images/s16.png) top left no-repeat;
}

body {
  font:12px 'Lucida Grande','Lucida Sans Unicode',Geneva,Verdana,Sans-Serif;
  color: #444;
  background: #F7F7F7 url(../images/head_bg.png) top left repeat-x;
  background-position: left +25px;
}

a, a:visited {
  color: #444;
  text-decoration: underline;
  cursor: pointer;
}

a:hover {
  text-decoration: none;
}

strong {
  font-weight: bold;
}

.small {
  font-size: 11.5px;
}

div.header {
  width: 200px;
  float: left;
  padding: 5px;
  position: relative;
}

div.header strong {
  font-weight: normal;
}

div.content {
  width: 1005px;
  min-height: 590px;
  margin: 30px auto 30px auto;
}


#top {
  width: 100%;
  min-width: 1005px;
  height: 24px;
  border-bottom: 1px solid #c4c4c4;
}


#lichess {
  margin-left: 211px;
}

body.game_board #lichess, body.tournament_room #lichess {
  margin-left: 241px;
}




#site_title {
  width: 130px;
  color: #666;
  font-family: 'Trebuchet MS', 'Helvetica Neue', Arial, Sans-Serif;
  font-size: 30px;
  color: #afafaf;
  text-decoration: none;
  display: block;
  margin-bottom: 3px;
}
#site_title span.en_title_url_font_size
{
	font-size:21px;
}


#site_title span.extension {
  color: #c8c8c8;
  font-weight: normal;
}
#site_title:hover {
  color: #8899aa;
}
#site_title:hover span.extension {
  color: #99aabb;
}
#site_baseline {
  font-style: italic;
  color: #afafaf;
  font-size: 15px;
}

div.footer_wrap {
  width: 100%;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  background: #EEE;
  padding: 20px 0;
  display: block;
}

div.footer {
  width: 1000px;
  margin: auto;
  line-height: 2em;
}


div.footer div.right {
  float: right;
  text-align: right;
}

.button, a.button {
  border-radius: 5px;
  border: 1px solid #DADADA;
  padding: 0.4em 1em;
  text-decoration: none;
  cursor: pointer;
  font-size: 1.1em;
}

a.easy_button {
  font-weight: normal;
}

div.content_box {
  border: 1px solid #ccc;
  border-radius: 5px;
  background: #fff;
  padding: 20px 24px 24px 24px;
  text-align: left;
}
div.content_box h1 {
  font-size: 1.8em;
  color: #666;
  font-weight: normal;
  display: inline;
}
div.content_box.small_box {
  width: 600px;
}

body.class_info_site .div_neuheiten {
font-size:14px;
}


div.content_box.no_padding {
  padding: 0;
}
div.content_box.no_padding h1 {
  display: block;
  padding: 20px 25px;
}

.content_box_title {
  padding: 20px 25px 0 25px;
}

div.content_box_top {
  padding-left: 25px;
  height: 40px;
  line-height: 40px;
  border-radius: 4px 4px 0 0;
  border-bottom: 1px solid #ccc;
}
div.content_box_top a {
  float: right;
  text-decoration: none;
  font-size: 1.2em;
  font-weight: bold;
  line-height: 40px;
  padding: 0 12px;
  border-left: 1px solid #ccc;
}
div.content_box_top .link:hover {
  background: #fff;
}
div.content_box_top h1.lichess_title {
  display: inline;
  padding: 0;
}
div.content_box_top .icon {
  display: block;
  width: 16px;
  height: 16px;
  float: left;
  background: transparent url(/assets/images/s16.png) top left no-repeat;
  margin: 12px 8px 0 -10px;
}
.content_box_content {
  padding: 20px 25px 25px 25px;
}
div.content_box_inter {
  padding-left: 25px;
  line-height: 40px;
  background: #f0f0f0;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  display: block;
}
div.content_box_inter a {
  float: left;
  line-height: 40px;
  margin: 5px 0 -1px 0;
  padding: 0 0.7em;
  font-size: 1.2em;
  text-decoration: none;
}
div.content_box_inter a.active {
  background: white;
  border: 1px solid #ccc;
  border-bottom: 0;
  text-decoration: none;
}

div.content_box .lichess_title {
  font-size: 2em;
  display: block;
  margin-bottom: 0.5em;
}

div.content_box table.datatable {
  width: 100%;
  margin-top: 20px;
}
div.content_box table.datatable td {
  padding: 5px 10px 5px 10px;
}
div.content_box table.datatable tr:nth-child(odd) {
  background: #f7f7f7;
}

table.slist {
  width: 100%;
  border-bottom: 1px solid #d4d4d4;
}

table.slist thead th {
  border-top: 1px solid #d4d4d4;
  padding: 0.4em 0.6em;
}
table.slist thead th.large {
  font-size: 1.4em;
}

table.slist td {
  padding: 0.6em;
  font-size: 1.2em;
}
table.slist td .label {
  font-family: monospace;
  font-size: 10px;
}
table.slist .s16 {
  display: block;
  height: 16px;
  padding: 0 0 0 20px;
}
table.slist tbody tr:nth-child(even) {
  background: #f4f4f4;
}
table.slist td:first-child,
table.slist th:first-child {
  padding-left: 25px;
}

div.lichess_goodies div.box {
  margin-top: 1em;

  width: 212px;
  border: 1px solid #C0C0C0;
  padding: 7px;
  border-radius: 4px;
  box-shadow: 0 0 7px #d0d0d0;
  
  overflow: hidden;
}
div.lichess_goodies div.box .player {
  margin: 10px 0;
}

div.header div.side_menu {
  margin-top: 15px;
}
div.header div.side_menu a {
  padding: 8px 0 8px 8px;
  display: block;
  text-decoration: underline;
  width: 203px;
}

div.header div.side_menu a.active {
  background: white;
  border: 1px solid #dadada;
  border-right: none;
  border-radius: 4px 0 0 4px;
  box-shadow: -3px 0 5px #d0d0d0;
}

#nb_connected_players, a.goto_nav, #top div.toggle, #top div.bgpicker, a#sound_state {
  text-decoration: none;
  font-size: 13px;
  height: 24px;
  line-height: 24px;
  padding: 0 8px;
  text-decoration: none;
}
#nb_connected_players {
  float: left;
  color: #999;
  border-left: 1px solid #ccc;
}
a.goto_nav {
  float: left;
}
a.goto_nav:hover, #top div.toggle:hover, a#sound_state:hover {
  background: #fff;
  cursor: pointer;
}
#top .s16 {
  display:block;
  height: 16px;
  margin-top: 4px;
  line-height: 16px;
}
#top span.new_messages {
  padding: 1px 5px 1px 4px;
  background: #bbb;
  color: white;
  font-weight: bold;
  border-radius:4px;
  font-size: 0.9em;
}
#top span.new_messages.unread {
  font-size: 1em;
}
#top .shown div.toggle {
  background: #fff;
}
#top div.auth {
  float: right;
  position: relative;
}
#top div.auth.shown .signin_form,
#top div.auth.shown .links {
  display: block;
}

#top div.auth .login_link
{
	padding: 5px 15px;
    text-align: center;
    display: inline-block;
    background: #f6f6f6;
    text-decoration: none;
	box-shadow: 1px 1px 1px 0px;
	margin-bottom: 8px
}

#top div.auth .links a {
  display: block;
  padding: 6px 10px;
  text-decoration: none;
  text-transform: capitalize;
}
#top div.auth .links a:hover {
  background: #F0F0F0;
  color: #444;
}
#top div.auth .links .goto_logout {
  background-position: 0 -48px;
}
#top div.auth .links .goto_profile {
  background-position: 0 -208px;
}

#top div.auth .signin_form  {
  padding: 1em;
  min-width: 70px;
}



form.wide input[type="text"], form.wide textarea {
  padding: 0.5em;
  border: 1px solid #D4D4D4;
}

#top div.toggle {
  display:block;
  padding-right: 4px;
  float: left;
}
#top .dropdown {
  display: none;
  position: absolute;
  right: -1px;
  top: 24px;
  background: #fff;
  border: 1px solid #dadada;
  border-top: none;
  z-index: 1;
}
div.auth input.username, div.auth input.password {
  border: 1px solid #dadada;
  padding: 2px 3px;
  width: 100px;
  background: #fff;
}
div.auth input.login {
  padding: 0 3px;
}
div.lichess_language {
  float: right;
  position: relative;
}
ul.language_links {
  width: 183px;
  max-height: 600px;
  overflow:auto;
}
#top div.lichess_language.shown ul.language_links {
  display: block;
}
ul.language_links a {
  display: block;
  padding: 0.4em 0.5em;
  text-decoration: none;
}
ul.language_links a:hover {
  background: #F0F0F0;
  color: #444;
}
ul.language_links li:last-child {
  border-top: 1px solid #ddd;
}

#top div.themepicker {
  float: right;
  position: relative;
}
#top div.themepicker span.theme_demo {
  color: #fff;
  display: block;
 /* margin: 3px 0.5em 0 0;
  padding: 1px 5px;*/
  text-decoration: none;
  line-height: normal;
}
#top div.themepicker.shown div.themes {
  display: block;
}
#top div.themepicker.shown div.theme {
  padding: 5px 10px;
  cursor: pointer;
}
#top div.themepicker.shown div.theme:hover {
  background: #f0f0f0;
}
#top div.themepicker.shown div.inner {
  border: 1px solid #dadada;
  position: relative;
  width: 128px;
  height: 64px;
}
#top div.themepicker.shown div.white {
  left: 64px;
}

#top div.bgpicker {
  float: right;
}
#top div.bgpicker span {
  width: 24px;
  height: 24px;
  opacity: 0.7;
  background: url(../images/s24.png) no-repeat;
  background-position: 0 -48px;
  display: block;
}

a#sound_state {
  float: right;
}
a#sound_state span {
  margin-top: 4px;
  width: 18px;
  height: 15px;
  opacity: 0.7;
  background: url(../images/s16.png) no-repeat;
  background-position: 0 -64px;
  display: block;
}
a#sound_state.sound_state_on span {
  background-position: 0 -80px;
}
a#sound_state.unavailable {
  display: none;
}

#call_boxes {
  position: absolute;
  top: 30px;
  right: 10px;
  width: 250px;
}
a.translation_call {
  margin-top: 1em;
  padding: 0.5em;
  border: 1px solid #d0d0d0;
  display: block;
  border-radius: 4px;
  text-decoration: none;
  position: relative;
}
a.translation_call span.action {
  float: right;
  margin-right: 2px;
}
a.translation_call span.name {
  font-weight: bold;
}
a.translation_call div.progressbar {
  margin-top: 0.5em;
  background: #fff;
  margin-bottom: 0.4em;
}
a.translation_call .close {
  position: absolute;
  bottom: 0.4em;
  right: 0.6em;
  text-decoration: none;
  font-weight: bold;
}
a.translation_call .close:hover {
  color: red;
  font-size: 1.4em;
  bottom: 0.2em;
  right: 0.3em;
}

span.s16.clock {
  background-position: 0 -224px;
  padding-bottom: 1px;
}
.s16.tournament {
  background-position: 0 -304px;
  padding-bottom: 1px;
}
.s16.team {
  background-position: 0 -336px;
  padding-bottom: 1px;
  display: block;
  height: 15px;
}
.s16.team.mine {
  background-position: 0 -352px;
}
.s16.ddown {
  background-position: right -192px;
  padding-left: 0;
  padding-right: 20px;
}

.user_link.white, .user_link.black, .user_link.online, .user_link.offline {
  line-height: 16px;
  display: block;
  background: url(../images/s16.png) no-repeat;
  padding-left: 20px;
  white-space: nowrap;
}
.user_link.white {
  background-position: 0 -240px;
}
.user_link.black {
  background-position: 0 -256px;
}
.user_link.offline {
  padding-left: 20px;
  background-position: 0 -160px;
}
.user_link.online {
  padding-left: 20px;
  background-position: 0 -208px;
}
.user_link.inline {
  display: inline-block;
}

.tournament_link {
  padding-left: 20px;
  background-position: 0 -304px;
}
div.engine_warning {
  padding: 5px 5px 5px 40px;
  background: #e9ffd0 url(../images/engine_big.png) 8px 5px no-repeat;
  line-height: 16px;
  border: 1px solid #eed3d7;
  color: #894a48;
  width: 240px;
  margin-bottom: 15px;
}
div.ui-tooltip div.engine_warning {
  margin: 10px 0 10px 5px;
  width: auto;
  background-position: 8px 0px;
}

.engine_mark {
  display: inline-block;
  width: 16px;
  height: 16px;
  background: transparent url(../images/engine_small.png) top left no-repeat;
  opacity: 0.8;
  vertical-align: bottom;
}

div.lichess_social {
  height: 0px;
  text-align: center;
}
div.lichess_social div.addtochrome {
  display: none;
  margin-bottom: 15px;
}

/* soft inactive gradient */
#top,
div.lichess_chat_top,
div.undertable_top,
.button,
.button:visited,
.ui-state-default,
div.content_box_top,
div.hooks tr,
a.translation_call,
div.locale_menu a,
table.slist thead {
  color: #666;
  background: #fafafa;
  background: -moz-linear-gradient(center top , #fafafa, #e0e0e0) repeat scroll 0 0 #fafafa;
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fafafa), to(#e0e0e0));
  background: -webkit-linear-gradient(top , #fafafa, #e0e0e0) repeat scroll 0 0 #fafafa;
  background: -ms-linear-gradient(top , #fafafa, #e0e0e0) repeat scroll 0 0 #fafafa;
  background: -o-linear-gradient(top , #fafafa, #e0e0e0) repeat scroll 0 0 #fafafa;
  background: linear-gradient(top , #fafafa, #e0e0e0) repeat scroll 0 0 #fafafa;
}

/* active gradient */
#top a.goto_nav.active,
.button.active,
.button.active:hover,
.ui-state-active,
.ui-widget-header,
div.pagination span.current,
#top span.new_messages.unread,
div.hooks td.action:hover,
div.hooks table.empty_table tr:hover,
div.progressbar.flashy div,
.button.strong:hover,
div.locale_menu a.active
{
  color: #fff;
  background: #d85000;
  background: -moz-linear-gradient(center top , #f49c00, #d85000) repeat scroll 0 0 #d85000;
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f49c00), to(#d85000));
  background: -webkit-linear-gradient(top , #f49c00, #d85000) repeat scroll 0 0 #d85000;
  background: -ms-linear-gradient(top , #f49c00, #d85000) repeat scroll 0 0 #d85000;
  background: -o-linear-gradient(top , #f49c00, #d85000) repeat scroll 0 0 #d85000;
  background: linear-gradient(top , #f49c00, #d85000) repeat scroll 0 0 #d85000;
}

/* strong inactive gradient */
div.hooks td.action,
.button:hover,
.button.strong,
div.notification
{
  background: #ffffff;
  background: -moz-linear-gradient(center top , #ffffff, #c0c0c0) repeat scroll 0 0 #ffffff;
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffffff), to(#c0c0c0));
  background: -webkit-linear-gradient(top , #ffffff, #c0c0c0) repeat scroll 0 0 #ffffff;
  background: -ms-linear-gradient(top , #ffffff, #c0c0c0) repeat scroll 0 0 #ffffff;
  background: -o-linear-gradient(top , #ffffff, #c0c0c0) repeat scroll 0 0 #ffffff;
  background: linear-gradient(top , #ffffff, #c0c0c0) repeat scroll 0 0 #ffffff;
}

/* current gradient */
#top a.goto_nav.current {
  color: #fff;
  background: #999;
  background: -moz-linear-gradient(center top , #aaa, #999) repeat scroll 0 0 #999;
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#aaa), to(#999));
  background: -webkit-linear-gradient(top , #aaa, #999) repeat scroll 0 0 #999;
  background: -ms-linear-gradient(top , #aaa, #999) repeat scroll 0 0 #999;
  background: -o-linear-gradient(top , #aaa, #999) repeat scroll 0 0 #999;
  background: linear-gradient(top , #aaa, #999) repeat scroll 0 0 #999;
}

/* standard shadow */
div.lichess_chat,
div.undertable,
div.lichess_board_wrap,
.button.strong,
.button.shadowed,
div.content_box
{
  box-shadow: 0 0 7px #d0d0d0;
  border-radius: 4px;
}

div.checkmateFen {
  float: left;
  width: 250px;
  margin-left: 110px;
  cursor: pointer;
}
div.checkmateFen div.lmcs:hover {
  background: #eebb77!important;
}
div.checkmateFen div.lmcs.selected {
  background: #77eeaa!important;
}
div.checkmateSection {
  float: left;
}
div.checkmateSection div.result {
  display: none;
  height: 48px;
  line-height: 48px;
  vertical-align: middle;
  padding-left: 54px;
  font-weight: bold;
}
div.checkmateSection div.success {
  background: url(../images/tick-48.png) no-repeat;
  color: #00aa00;
}
div.checkmateSection div.failure {
  background: url(../images/cross-48.png) no-repeat;
  color: #aa0000;
}
div.checkmateCaptcha.success div.success {
  display: block;
}
div.checkmateCaptcha.failure div.failure {
  display: block;
}

div.undergame_box {
  margin-top: 10px;
  width: 512px;
  box-shadow: 0 0 7px #d0d0d0;
  border: 1px solid #ccc;
  border-radius: 5px;
  line-height: 24px;
}
div.undergame_box a {
  text-decoration: none;
}
div.undergame_box a:hover {
  text-decoration: underline;
}
div.undergame_box div.inner {
  padding: 10px;
}

div.game_analysis {
  padding: 10px;
  width: 492px;
}
div.game_analysis a {
  background: url("../images/s24.png") no-repeat 0 -72px;
  display: block;
  height: 24px;
  padding-left: 30px;
}

div.game_more div.more_top {
  padding: 3px 10px;
  width: 492px;
  height: 29px;
}
div.game_more div.more_top span.bookmark {
  margin-top: 2px;
  margin-right: 34px;
}
div.game_more a.game_permalink {
  float: left;
  margin-top: 3px;
}
div.game_more textarea {
  display: block;
  width: 100%;
  height: 100px;
  font-family: monospace;
  line-height: normal;
  margin: 0;
  background: #fff;
  color: #888;
  border: 1px solid #eaeaea;
  padding: 5px;
  border-radius: 3px;
}
div.game_extra {
  border-top: 1px solid #ccc;
}

div.game_extra div.bookmarkers {
  float: right;
  max-width: 48%;
}

span.bookmark {
  position: relative;
  float: right;
  margin-right: 14px;
}
span.bookmark .icon {
  position: absolute;
  top: 0;
  left: 0;
  background: transparent url(../images/s24.png) top left no-repeat;
  height: 24px;
  display: block;
  padding-left: 28px;
  line-height: 28px;
  text-decoration: none;
  color: #a0a0a0;
}
span.bookmark .icon.bookmarked {
  background-position: 0 -24px;
}
span.bookmark a {
  outline: none;
}

div.progressbar {
  background: #eaeaea;
  border: 1px solid #e0e0e0;
  border-radius: 5px;
  padding: 1px;
}

div.progressbar div {
  background: #d8a050;
  height: 12px;
  border-radius: 4px;
}
div.progressbar.flashy.green div {
  background: #90d050;
}

div.notifications {
  width: 1005px;
  margin: 0 auto -10px auto;
}
div.notifications > div {
  margin-left: 211px;
  width: 498px;
  border: 1px solid #c0c0c0;
  padding: 6px 8px 7px 8px;
  margin-bottom: 8px;
  border-radius: 3px;
}
div.notifications > div a.close {
  text-decoration: none;
  float: right;
}
div.notifications > div a.close:hover {
  font-weight: bold;
}
#tournament_reminder .action {
  float: right;
  display: block;
  margin-left: 8px;
}


/* neue Anpassungen */
div.content
{
	    margin-top: 5px;
}


a.info_meneu_a::before {
    content: '★';
    color: #6abf0b;
    font-size: 16px;
    text-shadow: 1px 1px 1px #ffffff;
}
#top a.goto_nav.current::before {
    color: yellow;
    text-shadow: initial;
}


/* neu User Icons Anpassungen */

img.user_trust_icon
{
vertical-align: top;
    margin-top: -4px;
    margin-left: 4px;
}
div.all_users a.offline img.user_trust_icon
{
-webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);	
}

div.lichess_table img.user_trust_icon
{
	display:none;
}

body div.lichess_table img.user_trust_icon
{
	display:inline;
}

#table_spiler_angebote img.user_trust_icon
{
	margin-top:0px;
}
/* ende User Icons Anpassungen */



/* Ads Buecher Anpassunge Ende */


/* spin rotation by Computer-analysis */
.loader {
    border: 6px solid #cac6c6;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
    border-top: 6px solid #3498db;
    border-radius: 50%;
    width: 13px;
    height: 13px;
    border-bottom: 6px solid green;
}



@keyframes spin {
    0% { -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg);}
    100% {    -webkit-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); }
}

/* END spin rotation by Computer-analysis */


/* Icons Computer-Analysieren */
.span_analysieren
{
	font-size: 19px;
    color: #b58863;
}

.span_comp_analysieren
{
    font-size: 19px;
    color: #2287a7;
}

/* Ende Icons Computer-Analysieren */




/* Spieler Ergebnisse-Tabelle Start  */
div.undergame_box .body_spieler_erg .d_line_user1,div.undergame_box .body_spieler_erg .d_line_user2
{
	display:table;
}

div.undergame_box .body_spieler_erg .d_u_erg_cell
{
    width: 13px;
    height: 23px;
    float: left;
    border: 1px solid #e8e3e3;
    margin-right: 1px;
    text-align: center;
    margin-bottom: 0px;
    margin-top: 0px;
    /* font-size: 1rem; */
    font-size: 1.1em;
}


div.undergame_box .body_spieler_erg .u_sum_erg
{
	width: 35px;
    height: 28px;
    float: left;
    border: 1px solid #ffffff;
    margin: 0.7px;
    text-align: center;
    color: #9e734f;
    background-color: #efefef;
    box-shadow: 1px -1px 3px 0px silver;
    /* margin-right: 0px; */
    margin-top: -1px;
    font-size: 1.2em;
}

div.undergame_box .body_spieler_erg .u_cell_c_red
{
color: #b10606;
}

div.undergame_box .body_spieler_erg .u_cell_c_green
{
    color: #609f1a;
}

div.undergame_box .body_spieler_erg .d_user_name 
{
    width: 125px;
    height: 28px;
    float: left;
    overflow: hidden;
    background-color: #efefef;
    box-shadow: 1px -1px 3px 0px silver;
    color: black;
    border: 1px solid white;
    margin: 0.7px;
    margin-left: 0px;
    margin-top: -1px;
}

div.undergame_box .body_spieler_erg .d_user_name a
{
	margin-left:5px;
}
/* Spieler Ergebnisse-Tabelle Ende */
	
.new_posts.undertable {
    width: 750px;
    height: 345px;
    margin-top: 30px;
}

.new_posts.undertable div.undertable_inner {
    height: 320px;
}

.new_posts.undertable p {
    font-size: 14px;
    padding: 10px;
}	
.new_posts.undertable h2
{
font-size: 16px;
    font-weight: bold;
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 10px;
}
/* Text in der Info-Box angepasst */
	
.grecaptcha-badge {
    display: none;
}	


.nav_setting_mobile
{
	display:none;
}


body.class_lobby_site div.header img,
body.class_tournaments_site div.header img,
body.class_info_site .info_logo,
body.game_board div.header .game_logo_link img,
body.class_logo_site .content_box img
{
    width: 170px;
    height: 108px;
    object-fit: cover;
}


	
body.class_index_site div.header_lang_de {
	width: 150px;
}


/*Mobile settings */

.index_start_box #start_buttons1 div {
width:250px;
margin-left:270px;
margin-top:-50px;
}

.index_start_box #start_buttons2 div {
width:280px;
margin-left:270px;
margin-top:-50px;
}

.logo_index {
position:absolute;
margin-left:-210px;
margin-top:100px;
border:0px;
width:170px;
}


body.class_tournament_site_faq #tournament .faq img {
width: 170px;
    height: 108px;
    object-fit: cover;
}
   

/*Mobile settings */
@media only screen and (max-width : 425px) {
	
div.content
{
	    margin-top: 0px;
}
body.class_lobby_site div.header img
{
	width: 125px;
    height: 83px;
}

	#site_title span.en_title_url_font_size {
	font-size:14px;
	}
	span#nb_messages_txt {
	font-size:14px;
	}
	#lichess
	{
	margin-left:2px;
	}
	
	#top div.bgpicker
	{
		display:block;
	}
	#top div.bgpicker span {
		display:none;
	}
	
	body, a.goto_nav {
		font-size:16px;
	}
	
	a.goto_nav {
	margin-top: 3px;
    margin-left: 3px;
	margin-right: 5px;
    border: 1px solid #CCCCCC;
    border-radius: 1px 10px 10px 10px;
	
	background: -moz-linear-gradient(center top , #ffffff #ececec) repeat scroll 0 0 #fafafa;
    background: -webkit-linear-gradient(top , #ffffff, #ececec) repeat scroll 0 0 #fafafa;
    background: -ms-linear-gradient(top , #ffffff, #ececec) repeat scroll 0 0 #fafafa;
    background: -o-linear-gradient(top , #ffffff, #ececec) repeat scroll 0 0 #fafafa;
    background: linear-gradient(top , #ffffff, #ececec) repeat scroll 0 0 #fafafa;
	
	
	}

 body #top{
     min-width: inherit;
	 height: 33px;
 }
 a#sound_state {
     margin-top: 4px;
 }
 
 #nb_connected_players
 {
      margin-top: 3px;
	  min-width:80px;
 }
 form.signin_form.dropdown
 {
	 margin-top: 10px;
 }
.nav_setting_mobile
 {
    width: 39px;
    height: 20px;
    background: url(/assets/images/settings-mobile-ico.png) no-repeat;
    background-size: contain;
    display: block;
    float: right;
    margin-top: 5px;
    margin-right: 3px;
 }
 
 a.goto_nav.blank_if_play.a_nav_game_class, a.goto_nav.blank_if_play.a_nav_tournament_class, a.goto_nav.blank_if_play.a_nav_user_class, a.info_meneu_a.goto_nav.blank_if_play,
 #top div.themepicker,#top div.auth
 {
	 display:none;
    width: 100%;
    margin: 5px;
    border-top: 1px solid #CCCCCC;
    border-left: 1px solid #CCCCCC;
    border-radius: 1px 10px 10px 10px;
    border-bottom: 1px solid #e0dfdf;
    height: 29px;
    background-color: #ffffff;
    margin-left: 30px;
    position: inherit;
    float: left;
    -webkit-box-shadow: inset 0 1px 0 rgb(255 255 255 / 40%), 0 1px 1px rgb(0 0 0 / 20%);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 40%), 0 1px 1px rgb(0 0 0 / 20%);
 }
 
 #top div.auth.shown .signin_form
 {
 top:inherit;
 }
 
 .ccm-settings-summoner.ccm-show {
 display:none;
 }
 
 body div.content {
 min-width:inherit;
    width: 98%;
	padding: 2px;
 }
 
 div.content_box.small_box {
  width: 89%;
  padding:10px;
  overflow-wrap: break-word;
 }
 
 .index_start_box #start_buttons1 div, .index_start_box #start_buttons2 div {
 margin-left:10px;
 margin-top:10px;
 width:100%;
 }
 
 div.content, .content div.developers p {
 font-size:16px;
     line-height: inherit;
 
 }

	 
 
 div.content_box .lichess_title
 {
	 font-size:18px;
	 font-weight: bold;
 }
 
 .index_start_box ul 
 {
	     max-width: 290px;
 }
 div.footer div.right {
     text-align: left;
    padding-bottom: 10px;
 }
 
.logo_index {
position:inherit;
margin-left:10px;
margin-top:0px;
padding-bottom:0px;
border:0px;
width: 170px;
height: 108px;
object-fit: cover;

}
div.content_box h1 {
 font-size:18px;
 font-weight:bold;
}
body.game_board .content #lichess {
margin-left:2px;
 }
 body.game_board .content #connection_lost {
 left:50px;
 }
 div.lichess_ground {
      position: absolute;
    top: 330px;
 }


 .undergame_box.game_more {
    margin-top: 10px;
    height: inherit;
    width: 98%!important;
	height: 100%!important;
    /* display: block!important; */
 }
  .undergame_box.game_more a {
   text-decoration:underline;
   line-height: 34px;
  }
  
 div.game_more div.more_top {
      display:none;
 }
 body.game_board .content #game_div_ads {
    position: relative!important; 
     margin-left:1px!important;
     margin-top: 10px!important;
 
 }
 
  body.game_board .content .lichess_opponent 
  {
	font-size: 12px;
    position: absolute;
    top: -380px;
    left: 1px;
  }
  

  .class_lobby_site h1 {
float: right;
    font-size: 24px;
    padding-right: 10px;
    margin-top: 5px;
  }
  
  body #site_title
  {
	   font-size: 24px;
  }
  body.class_error_page #site_title
  {
	  margin-left: 20px;
  }
  
  body.class_analyse_site #site_title
  {
  padding-left: 20px;
  }
  
  body div.header {
    width: 99%;
    padding-bottom: 2px;
    float: right;
  }
  

  
  
  
  body.class_lobby_site #lichess
  {
	  margin-left:2px;
  }
  body.class_lobby_site div.hooks_wrap {
      width: 300px;
    left: 2px;
    padding: 1px;
	top: 21px;
	    height: 270px;
  }
  
  body.class_lobby_site div.hooks td {
   height:46px;
   font-size:12px;
  }
  body.class_lobby_site .s16.ddown {
   font-size:12px;
  }
   body.class_lobby_site div.hooks {
     padding-top: 15px;
	 max-height: 563px;
   }
   
   body.class_lobby_site  div.lichess_board_wrap  {
        margin-top: 180px;
   }
   
    body.class_lobby_site div#start_buttons {
	    width: 100%;
	}
   body.class_lobby_site div#start_buttons .lichess_button
   {
    border-radius: 10px;
    height: 20px;
    font-size: 16px;
    margin-top: 5px;
   }
   body.class_lobby_site .new_posts.undertable
   {
	   width:99%;
	  height: 1100px;
	  margin-top: 10px;
   }
    body.class_lobby_site .new_posts.undertable div.undertable_inner
	{
	    height: 1060px;
	}
	
    body.class_lobby_site div.open_tournaments 
	{
	
	width:99%;
	       margin-top: 655px;
	}
	
	  body.class_lobby_site div.header {
	  display:block;
	  }
	  
	  
	 body.class_lobby_site div.lichess_bot {
	 width:99%;
	 }
	
	 body.class_lobby_site div.content 
	 {
		min-height: 2550px; 
	 }
	  body.class_lobby_site #lobby_div_ads 
	  {
		 
		position: absolute;
		top: 1710px;
		    height: 610px;
	  }
     body.class_lobby_site .new_posts.undertable p {
	   font-size:16px;
	   }
	 div.footer {
	   width:98%;
	   }
	   
	body.game_board .header
	{
		display:none;
	}
	body.class_games_site .header #site_title, body.class_info_site .header, body.class_players_site .header, body.class_login_site .header,  body.class_register_site .header,
    body.class_logo_site .header, body.class_datenschutz_site  .header, body.class_impressum_site .header, body.class_tournaments_site .header #site_title 	{
	display:none;
	}
	
	body.class_info_site .div_neuheiten img {
	 max-width: 280px;
	}
	
	body.class_players_site .all_users .infinitescroll {
	display:none;
	}
	body.class_players_site div.user_lists div.all_users, body.class_players_site div.user_lists div.online_users{
	width:99%;
	}
	body.class_players_site div.user_lists div.online_users 
	{
		
		margin-left:1px;
	}
	body.class_login_site .signup_box input.submit {
	 margin-bottom: 25px;
	}
	
	body.class_login_site  form .error, body.class_register_site  form .error{
	 margin-left:2px;
	}
	body.class_register_site .signup_box {
	     padding-bottom: 50px;
	}
	body.class_register_site div.signup_box .alternative {
	 padding-top: 15px;
	}
	
	body.tournament_room #lichess {
	margin-left:1px;
	}
	
	body.class_tournaments_site .all_tournaments thead, body.class_tournaments_site .all_tournaments .table_2td, body.class_tournaments_site .all_tournaments .table_3td, body.class_tournaments_site .all_tournaments .table_4td,
		body.class_tournaments_site .all_tournaments .table_5td	{
	display:none;
	}
	
	body.class_tournaments_site div.header .tournament_links {
	margin-top: 10px;
    margin-left: 10px;
	}

    
	body.tournament_room .header ,body.tournament_room #tournament_side{
	float:left;
	}
	body.tournament_room #tournament_side
	{
          width: 90%;
	}

    .game_board  #CurrentFen
	{
		overflow-wrap: break-word;
	}
	div.lichess_goodies div.box {
	font-size:12px;
	}
	body.class_user_site_show .header {
	display:none;
	}
	

    body.class_user_site_show div.content_box_inter {
	padding-left:5px;
	}

   body.class_user_site_show  div.content_box {
	 width: 310px;
     overflow: hidden;
   }
   
   body.class_game_site .username  {
   font-size:12px;
   }
   body.class_game_site div.game_analysis {
    width: 90%;
	    height: 50px;
   }
   
   body.class_games_site div.header div.side_menu a, body.class_games_listing div.header div.side_menu a {
    margin-top: 10px;
    display: block;
	padding: 3px 10px 3px 20px;
    width: 220px;
   }
   
	
   #top div.auth.shown .links {
    margin-top: 205px;
   }
   
   body.class_index_site .header {
   display:none;
   }
   body.class_games_listing div.header #site_title{
	   display:none;
   }
   
   body.class_upgrade_site .packet_upgrade .button {
        line-height: 30px;
   }
   
   body.class_upgrade_site .packet_upgrade .button img {
          margin-top: -2px!important;
   }
   body.class_upgrade_site .header, body.class_upgrade_verify_site .header {
	display:none;
	}
	
	body.class_lobby_site .lichess_homepage {
	 width:99%;
	}
   body.class_lobby_site div.footer_wrap {
        margin-top: 120px;
   }
   
     body.class_tournament_site_faq div.header {
   display:none;
  }
  
   body.class_inbox_site  div.header #site_title {
   display:none;
   }
  body.class_inbox_site  div.header  {
    width:99%;
   }
    body.class_inbox_site select {
     width: 90%;
	}
   
}/* ende Mobile media


/*Table und Nottebooks  settings */

@media (min-width: 426px) and (max-width: 1024px) {

div.content
{
	    margin-top: 0px;
}
	
 body.class_games_site div.header,
 body.class_games_listing div.header
 {
  width:99%;
 }
 
 body.class_games_site div.header div.side_menu a,
 body.class_games_listing div.header div.side_menu a{
 float:left;
 }

   body.class_lobby_site .header img {
	  float:right;
	  padding-right:10px;
  }
  
 #top {
  min-width:inherit;
 }
 div.content {
 width:99%;
 }
 body.class_lobby_site h1 {
  float:left;
  margin-left:10px;
 }
 
 #lichess {
 margin-left:1px;
 }

 body.class_lobby_site  div.lichess_table_not_started {
 width:220px;
 
 }
 body.class_lobby_site  div.lichess_table_not_started .lichess_button {
  font-size: 1.2em;
 }
 
 body.class_lobby_site .lichess_homepage {
 width:99%;
 }
 div.footer {
 width:95%;
 }
 
 body.game_board #lichess {
  margin-left:1px;
 }
 body.game_board .header {
 width:99%;
 }
 
 body.game_board .header #site_title  {
        float: left;
    width: 220px;
    font-size: 21px;
	height:40px;
 }
 body.game_board .lichess_goodies {
      position: absolute;
    left: 530px;
 }
  body.game_board .lichess_goodies .box {
  float:left;
  }
  
  body.game_board .lichess_goodies .zu_schauer {
  float:right;
  }
  
   body.game_board div.lichess_cemetery {
   display:none;
   }
   body.game_board .game_logo_link {
        margin-left: 260px;
		    margin-top: 20px;
   }
   

} /* Ende Tablets und Nottebooks media */


/* Tablet*/
@media (max-width: 768px) {
 div.notifications {
  width: 90%;
 }
 div.notifications > div {
  margin-left: 0px;
  width: 99%;
 }
}
/* Ende Tablet*/

/*Media nur Tables */
@media (min-width: 426px) and (max-width: 768px) {
   body.class_datenschutz_site div.header, 
   body.class_impressum_site div.header,
   body.class_logo_site div.header,
   body.class_register_site div.header,
   body.class_login_site div.header,
   body.class_user_site_show div.header {
    display:none;
   }
   
   body.class_games_listing div.header
   {
	   padding: 10px;
   }
   
   body.class_players_site div.header {
   display:none;
   }
   
   body.class_info_site div.header {
	   display:none;
   }
   
   
   body.game_board .game_logo_link {
   display:none;
   }
   
	body.game_board .header #site_title{
	visibility:hidden;
	}
	div.game_board div.lichess_table_wrap{
       width: 226px;
  }
  body.class_game_site_computer #game_div_ads
  {

   margin-left: 532px!important;

  }
  
  body.class_game_site_computer #game_div_ads .adsbygoogle {
  width: 220px!important;
  }
  
   body.class_lobby_site  #lobby_div_ads .adsbygoogle {
  width: 220px!important;
  }
  
  
  body.class_lobby_site  div.header {
  float:right;
  }
  
  body.class_index_site div.header {
   /*display:none;*/
   float: right;
  }
  
  body.class_tournament_site_faq div.header {
   display:none;
  }
  body.class_tournament_site_faq #lichess, body.tournament_room #lichess
  {
	  margin-left: 2px;
  }
  body.class_lobby_site div.header {
  display:block;
  }
     body.class_inbox_site  div.header #site_title {
   display:none;
   }
  
  .logo_index {
   position:inherit;
    margin-left: 5px;
   margin-top: 0px;
   width: 170px;
   height: 108px;
   object-fit: cover;
  }
  
  
}/* ende Media nur Tablets */

/*Media von Mobile bis nur Laptop 1024 */
@media (min-width: 426px) and (max-width: 1024px) {
	
	
body.class_index_site div.header {
  float:right;
   padding-right: 10px;
 }
 
 .logo_index {
  width: 170px;
  height: 108px;
   object-fit: cover;
  margin-top: 0px;
  margin-left:0px;
  margin-right: 0px;
  position:inherit;
 }
 body.class_lobby_site .header {
 float:left;
 display:block;
 width:99%;
 }
  body.class_lobby_site .header img {
  float:right;
  }
}

/* ende Media nur Laptop 1024*/


/*Media nur Tables */
@media (min-width: 426px) and (max-width: 768px) {
	body.game_board div.lichess_table_wrap{
       width: 226px;
  }
}

/* Media nur IphoneX */
@media only screen and (min-width: 374px) and (max-width: 425px)
{
 body.class_game_site_computer  div.lichess_ground,
 body.class_game_site_match  div.lichess_ground,
 body.class_game_site div.lichess_ground {
    top: 370px;
}
 body.class_game_site_computer  .content .lichess_opponent,
 body.class_game_site_match .content .lichess_opponent,
 body.class_game_site  .content .lichess_opponent {
    top: -420px;
 }
}
/* Ende Media nur IphoneX */


/* board-css */

div.lichess_board_wrap {
  float: left;
  border: 1px solid #ccc;
  position: relative;
  border-radius: 5px;
}
span.board_mark {
  position: absolute;
  text-transform: uppercase;
  font-size: 10px;
  color: #bbb;
  font-weight: bold;
}
span.board_mark.vert {
  right: -10px;
}
span.board_mark.horz {
  bottom: -14px;
}

div.lichess_board {
  width: 512px;
  height: 512px;
  position: relative;
  border-radius: 5px;
}

div.lcs {
  position: absolute;
  width: 64px;
  height: 64px;
}

/* generated - don't modify */
body.blue #GameBoard td.whiteSquare, body.blue #GameBoard td.highlightWhiteSquare, body.blue div.lcs.white, #top div.lcs.white.blue, body.blue div.lichess_board { background: #dee3e6; }
body.blue #GameBoard td.blackSquare, body.blue #GameBoard td.highlightBlackSquare, body.blue div.lcs.black, #top div.lcs.black.blue, body.blue span.theme_demo { background: #8ca2ad; }
body.brown #GameBoard td.whiteSquare, body.brown #GameBoard td.highlightWhiteSquare, body.brown div.lcs.white, #top div.lcs.white.brown, body.brown div.lichess_board { background: #f0d9b5; }
body.brown #GameBoard td.blackSquare, body.brown #GameBoard td.highlightBlackSquare, body.brown div.lcs.black, #top div.lcs.black.brown, body.brown span.theme_demo { background: #b58863; }
body.green #GameBoard td.whiteSquare, body.green #GameBoard td.highlightWhiteSquare, body.green div.lcs.white, #top div.lcs.white.green, body.green div.lichess_board { background: #ffffdd; }
body.green #GameBoard td.blackSquare, body.green #GameBoard td.highlightBlackSquare, body.green div.lcs.black, #top div.lcs.black.green, body.green span.theme_demo { background: #86a666; }
body.grey #GameBoard td.whiteSquare, body.grey #GameBoard td.highlightWhiteSquare, body.grey div.lcs.white, #top div.lcs.white.grey, body.grey div.lichess_board { background: #fff; }
body.grey #GameBoard td.blackSquare, body.grey #GameBoard td.highlightBlackSquare, body.grey div.lcs.black, #top div.lcs.black.grey, body.grey span.theme_demo { background: #c4c4c4; }
body.wood #GameBoard td.whiteSquare, body.wood #GameBoard td.highlightWhiteSquare, body.wood div.lcs.white, #top div.lcs.white.wood, body.wood div.lichess_board { background: url(../images/woodenboard_white.jpg) no-repeat; }
body.wood #GameBoard td.blackSquare, body.wood #GameBoard td.highlightBlackSquare, body.wood div.lcs.black, #top div.lcs.black.wood, body.wood span.theme_demo { background: url(../images/woodenboard_black.jpg) no-repeat; }
body.canvas #GameBoard td.whiteSquare, body.canvas #GameBoard td.highlightWhiteSquare, body.canvas div.lcs.white, #top div.lcs.white.canvas, body.canvas div.lichess_board { background: url(../images/canvasboard_white.jpg) no-repeat; }
body.canvas #GameBoard td.blackSquare, body.canvas #GameBoard td.highlightBlackSquare, body.canvas div.lcs.black, #top div.lcs.black.canvas, body.canvas span.theme_demo { background: url(../images/canvasboard_black.jpg) no-repeat; }

body.txtr #tcol0trow0, body.txtr #a8 { background-position: 0px 0px; }
body.txtr #tcol1trow0, body.txtr #b8 { background-position: -64px 0px; }
body.txtr #tcol2trow0, body.txtr #c8 { background-position: -128px 0px; }
body.txtr #tcol3trow0, body.txtr #d8 { background-position: -192px 0px; }
body.txtr #tcol4trow0, body.txtr #e8 { background-position: -256px 0px; }
body.txtr #tcol5trow0, body.txtr #f8 { background-position: -320px 0px; }
body.txtr #tcol6trow0, body.txtr #g8 { background-position: -384px 0px; }
body.txtr #tcol7trow0, body.txtr #h8 { background-position: -448px 0px; }
body.txtr #tcol0trow1, body.txtr #a7 { background-position: 0px -64px; }
body.txtr #tcol1trow1, body.txtr #b7 { background-position: -64px -64px; }
body.txtr #tcol2trow1, body.txtr #c7 { background-position: -128px -64px; }
body.txtr #tcol3trow1, body.txtr #d7 { background-position: -192px -64px; }
body.txtr #tcol4trow1, body.txtr #e7 { background-position: -256px -64px; }
body.txtr #tcol5trow1, body.txtr #f7 { background-position: -320px -64px; }
body.txtr #tcol6trow1, body.txtr #g7 { background-position: -384px -64px; }
body.txtr #tcol7trow1, body.txtr #h7 { background-position: -448px -64px; }
body.txtr #tcol0trow2, body.txtr #a6 { background-position: 0px -128px; }
body.txtr #tcol1trow2, body.txtr #b6 { background-position: -64px -128px; }
body.txtr #tcol2trow2, body.txtr #c6 { background-position: -128px -128px; }
body.txtr #tcol3trow2, body.txtr #d6 { background-position: -192px -128px; }
body.txtr #tcol4trow2, body.txtr #e6 { background-position: -256px -128px; }
body.txtr #tcol5trow2, body.txtr #f6 { background-position: -320px -128px; }
body.txtr #tcol6trow2, body.txtr #g6 { background-position: -384px -128px; }
body.txtr #tcol7trow2, body.txtr #h6 { background-position: -448px -128px; }
body.txtr #tcol0trow3, body.txtr #a5 { background-position: 0px -192px; }
body.txtr #tcol1trow3, body.txtr #b5 { background-position: -64px -192px; }
body.txtr #tcol2trow3, body.txtr #c5 { background-position: -128px -192px; }
body.txtr #tcol3trow3, body.txtr #d5 { background-position: -192px -192px; }
body.txtr #tcol4trow3, body.txtr #e5 { background-position: -256px -192px; }
body.txtr #tcol5trow3, body.txtr #f5 { background-position: -320px -192px; }
body.txtr #tcol6trow3, body.txtr #g5 { background-position: -384px -192px; }
body.txtr #tcol7trow3, body.txtr #h5 { background-position: -448px -192px; }
body.txtr #tcol0trow4, body.txtr #a4 { background-position: 0px -256px; }
body.txtr #tcol1trow4, body.txtr #b4 { background-position: -64px -256px; }
body.txtr #tcol2trow4, body.txtr #c4 { background-position: -128px -256px; }
body.txtr #tcol3trow4, body.txtr #d4 { background-position: -192px -256px; }
body.txtr #tcol4trow4, body.txtr #e4 { background-position: -256px -256px; }
body.txtr #tcol5trow4, body.txtr #f4 { background-position: -320px -256px; }
body.txtr #tcol6trow4, body.txtr #g4 { background-position: -384px -256px; }
body.txtr #tcol7trow4, body.txtr #h4 { background-position: -448px -256px; }
body.txtr #tcol0trow5, body.txtr #a3 { background-position: 0px -320px; }
body.txtr #tcol1trow5, body.txtr #b3 { background-position: -64px -320px; }
body.txtr #tcol2trow5, body.txtr #c3 { background-position: -128px -320px; }
body.txtr #tcol3trow5, body.txtr #d3 { background-position: -192px -320px; }
body.txtr #tcol4trow5, body.txtr #e3 { background-position: -256px -320px; }
body.txtr #tcol5trow5, body.txtr #f3 { background-position: -320px -320px; }
body.txtr #tcol6trow5, body.txtr #g3 { background-position: -384px -320px; }
body.txtr #tcol7trow5, body.txtr #h3 { background-position: -448px -320px; }
body.txtr #tcol0trow6, body.txtr #a2 { background-position: 0px -384px; }
body.txtr #tcol1trow6, body.txtr #b2 { background-position: -64px -384px; }
body.txtr #tcol2trow6, body.txtr #c2 { background-position: -128px -384px; }
body.txtr #tcol3trow6, body.txtr #d2 { background-position: -192px -384px; }
body.txtr #tcol4trow6, body.txtr #e2 { background-position: -256px -384px; }
body.txtr #tcol5trow6, body.txtr #f2 { background-position: -320px -384px; }
body.txtr #tcol6trow6, body.txtr #g2 { background-position: -384px -384px; }
body.txtr #tcol7trow6, body.txtr #h2 { background-position: -448px -384px; }
body.txtr #tcol0trow7, body.txtr #a1 { background-position: 0px -448px; }
body.txtr #tcol1trow7, body.txtr #b1 { background-position: -64px -448px; }
body.txtr #tcol2trow7, body.txtr #c1 { background-position: -128px -448px; }
body.txtr #tcol3trow7, body.txtr #d1 { background-position: -192px -448px; }
body.txtr #tcol4trow7, body.txtr #e1 { background-position: -256px -448px; }
body.txtr #tcol5trow7, body.txtr #f1 { background-position: -320px -448px; }
body.txtr #tcol6trow7, body.txtr #g1 { background-position: -384px -448px; }
body.txtr #tcol7trow7, body.txtr #h1 { background-position: -448px -448px; }

div.lcsi {
  position: absolute;
  width: 64px;
  height: 64px;
  background: url(../images/sover.png) top left no-repeat;
  background-position: 0 -320px;
}
div.lcs.moved div.lcsi {
  background-position: 0 -192px;
}
div.lcs div.lzug {
  background-position: 0 -192px;
} 

div.lcs.check div.lcsi {
  background-position: 0 -256px;
}
div.lcs.premoved div.lcsi {
  background-position: 0 -64px !important;
}
div.my_turn.not_spectator div.lcs:hover div.lcsi {
  background-position: 0 0px;
}
div.lcs.droppable-hover div.lcsi {
  background-position: 0 -64px !important;
}
div.lichess_board div.lcs.selected div.lcsi,
div.lichess_board div.lcs.selectable div.lcsi {
  background-position: 0 -64px !important;
  cursor: pointer;
}
div.lichess_board div.lcs.selectable div.lichess_piece {
  cursor: pointer;
}

div.lichess_piece {
  position: absolute;
  width: 64px;
  height: 64px;
  background-image: url(../images/sprite.png);
}

div.my_turn div.lichess_piece.ui-draggable {
  cursor: move;
}

div.lichess_piece.bishop.white{
  background-position: -64px 0;
}
div.lichess_piece.knight.white{
  background-position: -128px 0;
}
div.lichess_piece.rook.white{
  background-position: -192px 0;
}
div.lichess_piece.queen.white{
  background-position: -256px 0;
}
div.lichess_piece.king.white{
  background-position: -320px 0;
}

div.lichess_piece.pawn.black{
  background-position: 0 bottom;
}
div.lichess_piece.bishop.black{
  background-position: -64px bottom;
}
div.lichess_piece.knight.black{
  background-position: -128px bottom;
}
div.lichess_piece.rook.black{
  background-position: -192px bottom;
}
div.lichess_piece.queen.black{
  background-position: -256px bottom;
}
div.lichess_piece.king.black{
  background-position: -320px bottom;
}

div.lichess_game_not_started {
  position: relative;
}

div.lichess_overboard {
  position: absolute;
  z-index: 3;
  width: 305px;
  top: 214px;
  left: 105px;
  padding: 15px 0 22px 0;
  font-size: 14px;
  line-height: 1.8em;
  text-decoration: none;
  background: #FFF;
  border-radius: 8px;
  box-shadow: 0px 0px 20px #444;
  text-align: center;
}
div.lichess_overboard a.close {
  float: right;
  width: 32px;
  height: 32px;
  display: block;
  background: url(../images/close24.png) no-repeat;
  cursor: pointer;
  margin-top: -9px;
  margin-right: 6px;
  opacity: 0.4;
}
div.lichess_overboard a.close:hover {
  opacity: 1;
}

div.lichess_overboard p.explanations {
  margin-top: 1em;
  border-top: 1px solid #ccc;
  padding-top:1em;
  font-size: 12px;
  line-height: 1.4em;
  text-align: left;
  padding-left: 1em;
}

#connection_lost {
  display: none;
  /*top: 224px;*/
  top: 104px;
  left: 146px;
  width: 220px;
  padding: 10px 0 0 0;
  font-weight: bold;
  box-shadow: 0px 0px 20px #d85000;
}

#premove, #dont_touch {
  display: none;
  position: absolute;
  top: 512px;
  left: 0px;
  width: 512px;
  text-align: center;
  padding: 5px 0;
  border: 1px solid #ccc;
  font-weight: bold;
  color: #fff;
  background: #d85000;
  z-index: 50;
}

div.lichess_id_input {
  margin-top: 10px;
  border: none;
  background: #fff;
  width: 100%;
  text-align: center;
  color: #444;
  font-size: 1.2em;
  padding: 1em 0;
}

div.lichess_promotion_choice {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 404px;
  height: 288px;
  background: #fff;
  opacity: 0.8;
  text-align: center;
  padding: 224px 0 0 108px;
}

div.lichess_promotion_choice div.lichess_piece {
  float:left;
  position:static;
  padding: 5px;
  width: 54px;
  height: 54px;
  margin: 0 5px;
  cursor: pointer;
  border-radius: 4px;
  box-shadow:0 0 5px #444;
}

div.lichess_promotion_choice div.lichess_piece:hover {
  box-shadow:0 0 10px blue;
}

div.lichess_player_white #a8,
div.lichess_player_black #h1 {
  border-radius: 4px 0 0 0;
}

div.lichess_player_white #h8,
div.lichess_player_black #a1 {
  border-radius: 0 4px 0 0;
}

div.lichess_player_white #a1,
div.lichess_player_black #h8 {
  border-radius: 0 0 0 4px;
}

div.lichess_player_white #h1,
div.lichess_player_black #a8 {
  border-radius: 0 0 4px 0;
}

div.lichess_join_url {
  display:none;
  background: none;
  border: none;
  margin: 1em 0 0 0;
}

div.lichess_join_url span {
  display: block;
  padding: 0.5em;
  background: #fff;
  margin-top: 1em;
  border: 1px solid #D4D4D4;
  border-radius: 4px;
}

div.lichess_ground {
  position: relative;
  margin-left: 532px;
  height: 514px;
}

div.lichess_table_wrap {
  position: absolute;
  top: 138px;
  left: 0px;
  width: 242px;
}
div.lichess_table {
  border: 1px solid #ccc;
  border-radius: 4px;
  box-shadow: 0 0 7px #d0d0d0;
  height: auto;
  padding: 10px;
}
div.lichess_table.table_with_clock {
  border-radius: 0 4px 4px 0;
}
div.lichess_table.spectator {
  top: 160px;
}
div.lichess_table_not_started {
  position: absolute;
  top: 176px;
  left: 0px;
  width: 242px;
  box-shadow: none;
  border: none;
  padding: 0;
  top: 100px;
}
div.lichess_table div.username {
  padding-left: 16px;
}
div.lichess_table div.username.connected {
  background: url(../images/s16.png) no-repeat;
  background-position: 0 -112px;
}
div.lichess_table div.username.offline {
  background: url(../images/s16.png) no-repeat;
  background-position: 0 -128px;
}
div.lichess_table a.button.strong {
  padding-top: 1em;
  padding-bottom: 1em;
  font-weight: bold;
  font-size: 1.2em;
}

div.clock {
  width: 70px;
  border: 1px solid #ccc;
  padding: 4px 0 2px 10px;
  font-size: 22px;
  font-family: monospace;
  font-weight: bold;
  box-shadow: 0 0 7px #d0d0d0;
}
div.clock.running {
  background: #fff077;
  color: #444;
}
div.clock.running.emerg {
  background-color: #eFAAAA;
  color: #444;
}
div.clock.outoftime {
  background-color: #eFAAAA;
  font-weight: bold;
  color: #444;
}
div.clock_top {
  border-bottom: 0;
  border-radius: 4px 4px 0 0;
}
div.clock_bottom {
  border-top: 0;
  border-radius: 0 0 4px 4px;
}
div.lichess_table_wrap a.moretime {
  opacity: 0.4;
  position: absolute;
  left: 87px;
  top: 6px;
  width: 32px;
  height: 32px;
  display: block;
  background: url(../images/add.png) no-repeat;
  display:none;
}
div.lichess_table_wrap a.moretime:hover {
  opacity: 1;
}

div.lichess_table_wrap .player_blurs {
  margin-top: 1em;
}

div.lichess_table_next {
  top: 145px;
}

div.lichess_separator {
  margin: 10px 0;
  border-bottom: 1px solid #ddd;
}

div.lichess_control {
  margin-top: 10px;
}

div.lichess_control a {
  font-size: 90%;
}

div.lichess_control label {
  margin-right: 1em;
  cursor: pointer;
}
div.lichess_control input {
  vertical-align: middle;
  margin-right: 0.3em;
}
div.lichess_control a.lichess_play_again {
  margin-left: 1em;
}

div.lichess_control div.lichess_play_again_join a.lichess_play_again {
  margin-left: 0;
  font-size: 150%;
  display: block;
}
div.lichess_control div.rematch_alert {
  background: url(../images/rematch.gif) center left no-repeat;
  padding-left: 60px;
  margin-bottom: 1em;
}
div.lichess_control div.rematch_wait {
  margin-bottom: 1em;
}

div.lichess_control a.lichess_resign,
div.lichess_control a.lichess_abort,
div.lichess_control a.propose_takeback,
div.lichess_control a.offer_draw {
  float: right;
  display: block;
  margin-left: 1em;
}

div.lichess_control.buttons a.button {
  display: block;
  margin-bottom: 0.7em;
  text-align: center;
  text-decoration: none;
}

div.lichess_claim_draw_zone,
div.force_resign_zone,
div.proposed_takeback,
div.offered_draw {
  margin-top: 5px;
  padding-top: 5px;
  border-top: 1px solid #ddd;
}
div.force_resign_zone {
  display: none;
}

div.lichess_separator {
  margin: 10px 0;
  border-bottom: 1px solid #ddd;
}

div.lichess_table .lichess_button {
  margin: 2.5em 0 0 0;
  font-size: 1.3em;
  display: block;
  text-decoration: none;
  padding: 1em;
  border-radius: 32px;
  box-shadow: 0 0 3px #ccc;
  text-align: center;
  border: 1px solid #d3d3d3;
  font-weight: normal;
}
div.lichess_table a.lichess_button:hover, 
div.lichess_table a.lichess_button.active {
  box-shadow: 0 0 9px #d85000;
  border: 1px solid #d85000;
}

div.lichess_current_player {
  height: 64px;
}
div.lichess_current_player div.lichess_player {
  position: absolute;
  margin-left: -5px;
}
div.lichess_current_player div.lichess_player div.lichess_piece {
  top: 0;
  left: 0;
}
div.lichess_current_player div.lichess_player p {
  height: 64px;
  line-height: 64px;
  font-size: 14px;
  font-weight: bold;
  color: #888;
  margin: 0 0 0 64px;
}

div.lichess_table.finished div.lichess_player p {
  /*line-height: 2em;*/
  line-height: 1.7em;
  margin-top: 3px;
}

div.lichess_cemetery {
  height: 108px;
  width: 262px;
  position: absolute;
  left: 0px;
}
div.lichess_cemetery_top {
  top: 0;
  margin-bottom: 10px;
}
div.lichess_cemetery_bottom {
  bottom: 0;
  margin-top: 10px;
}

div.lichess_cemetery div.lichess_tomb {
  display: block;
  float: left;
  margin: -5px -16px;
  width: 64px;
  height: 64px;
}
div.lichess_cemetery div.lichess_piece {
  opacity: 0.5;
}

div.under_chat {
  width: 224px;
  margin-left: -28px;
  position: absolute;
  top: 531px;
  left: 0;
}

div.lichess_chat {
  font-size: 11.5px;
  position: absolute;
  top: 205px;
  left: -30px;
  border-radius: 4px;
}
div.lichess_chat.small_chat {
  left: 0px;
}
div.lichess_chat.lobby_chat {
  top: 126px;
}
div.lichess_chat_top {
  border-radius: 4px 4px 0 0;
  border: 1px solid #ccc;
  padding: 3px 5px;
}
div.lichess_chat_top span.title {
  font-weight: bold;
  color: #999;
}
div.lichess_chat_top span.title span {
  font-weight: normal;
}
div.lichess_chat_inner {
  position: relative;
}

div.lichess_chat input.toggle_chat {
  cursor: pointer;
  position: absolute;
  top: 4px;
  right: 4px;
  z-index:1;
}

div.lichess_chat ol {
  height: 263px;
  width: 216px;
  border: 1px solid #ccc;
  border-top: none;
  padding: 2px 5px;
  position:relative;
  overflow:hidden;
}
div.lichess_chat.small_chat ol {
  width: 186px;
}
div.lichess_chat.lobby_chat ol {
  height: 341px;
}

div.lichess_chat form {
  position: relative;
}
div.lichess_chat form input {
  border: 1px solid #ccc;
  border-top: 0;
  padding: 2px 20px 2px 4px;
  border-radius: 0 0 4px 4px;
  width: 202px;
}
div.lichess_chat.small_chat form input {
  width: 172px;
}
div.lichess_chat input.lichess_hint {
  color: #888;
}
div.lichess_chat a.send {
  position: absolute;
  top: 0px;
  right: 2px;
  display: block;
  height: 16px;
  width: 16px;
  background: url(../images/s16.png) no-repeat;
  background-position: 0 -96px;
  text-decoration: none;
  z-index: 1;
  opacity: 0.5;
}
div.lichess_chat a.send:hover {
  opacity: 1;
}

div.lichess_chat ol.lichess_messages li {
  margin: 0.6em 0;
  padding-left: 18px;
  line-height: 14px;
}
div.anon_chat ol.lichess_messages li {
  padding-left: 3px;
}
div.anon_chat span.title {
  padding-left: 3px;
}
div.anon_chat li span {
  font-weight: bold;
  margin-right: 6px;
  color: #aaa;
}
div.anon_chat a.user_link {
  padding: 0;
  color: #aaa;
  text-decoration: none;
  font-weight: bold;
}
div.anon_chat a.user_link:hover {
  text-decoration: underline;
}

div.lichess_chat ol.lichess_messages li.white {
  background: url(../images/klw14.png) no-repeat;
}
div.lichess_chat ol.lichess_messages li.black {
  background: url(../images/klb14.png) no-repeat;
}
div.lichess_chat.hidden ol.lichess_messages, div.lichess_chat.hidden form {
  opacity: 0;
}

div.game_tournament {
  text-align: center;
}
div.game_tournament .title {
  display: block;
  font-weight: bold;
}
div.game_tournament .clock {
  display: block;
  margin-top: 5px;
  font-size: 20px;
  font-family: monospace;
  font-weight: bold;
}

div.inline_userlist span.list {
  display: inline;
  color: #9a9a9a;
}
div.inline_userlist a {
  color: #aaa;
  text-decoration: none;
  font-weight: bold;
}
div.inline_userlist a:hover {
  text-decoration: underline;
}


/* neue Anpassungen 18-10-2016 */

div.zu_schauer .watchers.inline_userlist
{
    display: none;
}


div.lichess_cemetery div.lichess_tomb
{
transform: scale(0.6);
    margin-left: -27px;
}
div.lichess_cemetery
{
height:60px;
}

div.lichess_cemetery_bottom
{
bottom:inherit;
top:60px;
}

div.lichess_cemetery div.lichess_tomb
{
height:34px;
}



div.lichess_table_not_started
{
	top:0px;
}

div.lichess_table .lichess_button
{
	margin-top:15px;
}

div.lichess_table_not_started
{
	top:0px;
}

div.under_chat .watchers
{
	display:none!important;
}

a.lichess_button.button.config_ai {
    padding-right: 0.5em;
}

/* OfferAngebot  Rematch Formatierung */

.lichess_table_wrap.user_offer_rematch_format {
    top: 0px!important;
    z-index: 1000;
    background-color: #f7f7f7;
}

.lichess_table_wrap.user_offer_rematch_format div.clock_top {
display:none;
}

/* Ende Rematch Angebot Formatieurung */


/* START Anpassungen von Kurz-Nachrichten Off und On mit Schach Logo */

div.lobby_chat input.toggle_chat
{
    position: inherit;
    float: right;
	 margin-top: 3px;
}

div.lobby_chat img.schachspielen-logo
{
display:none;
}

div.lobby_chat.hidden img.schachspielen-logo
{
    padding-bottom: 8px;
    margin-left: 20px;
	display:block;
}


div.lobby_chat.hidden ol.lichess_messages, div.lobby_chat.hidden form
{
visibility:hidden;
}

div.lobby_chat.hidden
{
box-shadow:inherit;
}

div.lobby_chat .chat_off_text
{
    float: right;
    margin-right: 5px;
    color: #b71515;
}

div.lobby_chat .chat_on_text
{
display:none;
}

div.lobby_chat.hidden .chat_on_text
{
    float: right;
    display: block;
    margin-right: 5px;
    color: green;
} 
	  
div.lobby_chat.hidden .chat_off_text	  
{
display:none;
} 

/* ENDE Anpassungen von Kurz-Nachrichten Off und On mit Schach Logo */

div.lichess_chat.anon_chat.tournament_chat
{
display:none;
}

/*Neue Anpassungen schach-gegen-computer */
div.div_computer_text h1
{
    font-size: 14px;
    font-weight: bold;	
	margin-top: 10px;
}

div.div_computer_text h2
{
    font-size: 14px;
    font-weight: bold;	
	margin-top: 10px;
}
div.div_computer_text p
{
font-size: 13px;
line-height: 20px;
margin-top:5px;
}

div.lichess_overboard_computer
{
	position: absolute;
    z-index: 3;
    width: 305px;
    top: 214px;
    left: 105px;
    padding: 15px 0 22px 0;
    font-size: 14px;
    line-height: 1.8em;
    text-decoration: none;
    background: #FFF;
    border-radius: 8px;
    box-shadow: 0px 0px 20px #444;
    text-align: center;
}

div.lichess_overboard_computer .hidden_box, .lichess_board_wrap div.hidden_box
{
display:none;
}

div.lichess_overboard_computer a.button_setup_ai
{
 float: left;
 width: 40px; 
 height: 50px;
}

div.lichess_overboard_computer span.button_setup
{
	background: url(/assets/images/settings32.png) no-repeat;
	margin-top: 8px;
	margin-left: 3px;
	float:left;
	width:36px;
	height:36px
}

div.lichess_overboard_computer.auto_center.game_config span.button_run
{
	background: url(/assets/images/play32.png) no-repeat;
	margin-top: 10px;
	margin-left: 10px;
	float:left;
}

div.lichess_overboard_computer.auto_center.game_config span.button_run_start
{
	margin-top: 15px;
	float:left;
	background:none;
}

div.friends_url_id_input_lang {
    word-wrap: break-word;
    width: 220px;
    padding: 10px;
}



/*Mobile settings */
@media only screen and (max-width : 425px) {
	div.lichess_id_input {
	max-width: 300px;
    word-wrap: break-word;
	}
	
	div.under_chat {
	 display:none;
	}
.lichess_game {
    height: 600px;
    display: block;
	margin-top: 30px;
}
div.lichess_board {
 transform: scale(0.6);
}
div.lichess_board {
 width:inherit;
 height:inherit;
 }
 span.board_mark.vert, span.board_mark.horz
 {
	 display:none;
 }
div.lichess_overboard_computer {
    top: 70px;
    left: 2px;
 }
  div.lichess_cemetery {
  display:none;
  }
  div.lichess_ground {
    margin-left: 0px;
    width: 300px;
	height: 260px;
	  
 }
 body.class_lobby_site div.lichess_ground {
    height: 180px;
    position: relative;
    margin-top: -335px;


 }
   
 div.lichess_table_wrap {
 top: 20px!important;
 left: 1px;
     width: 100%;
 }
 
 div.lichess_overboard_computer, div.div_computer_text p {
	 font-size:16px;
   
 }
 div.div_computer_text h1 {
 font-size: 18px;
 }
 div.lichess_board .lichess_opponent {

 }
 
  body.game_board .content .clock.clock_top
  {
	  position: absolute;
    top: -390px;
    left: 224px;
	max-width: 200px;
  }
  body.game_board .content .clock.clock_bottom {
      position: absolute;
    top: -35px;
    left: 224px;
  }
 body.class_lobby_site div.lichess_overboard {
 left:1px;
 margin-top: -300px;
     top: 1px!important;
 }
 #connection_lost
 {
	left: 20px;
    margin-top: 80px;
 }
 
 body.class_game_site  div.lichess_overboard 
 {
	top: 20px;
    left: 2px;
 }
 
 body.game_board #premove {
  margin-top: -200px;
  width: 310px;
 }
 body.game_board a.propose_takeback {
 margin-top:20px;
 }
 
 body.class_lobby_site div.lobby_chat.hidden {
  top: inherit;
  left:inherit;
  width: 125px;
  height: 80px;
 }
 body.class_lobby_site div.lichess_chat_top {
 display:none;
 }
 
 body.game_board div.lichess_table div.username {
      max-width: 200px;
 }
 div.lobby_chat.hidden img.schachspielen-logo {
  margin-left: 10px;
 }
 
}


/*Media nur Laptops */	
@media (min-width: 769px) and (max-width: 1024px) {
 div.under_chat {
     display: none;
 }	

 body.class_lobby_site div.lobby_chat.hidden
 {
    top: inherit;
    left: inherit;
    position: inherit;
    height: 95px;
    float: right;
 }	 
 body.class_lobby_site div.lichess_chat_top
 {
	 display:none;
 }
}	

/* ende Media Laptops */
	
/*Media nur Tables */
@media (min-width: 426px) and (max-width: 768px) {
	body.game_board div.lichess_table_wrap{
       width: 226px;
  }
  	div.under_chat {
	 display:none;
	}
	
	body.class_lobby_site div.lichess_chat_top
	{
	display:none;
	}
	
	body.class_lobby_site div.lobby_chat.hidden
	{
	top: inherit;
    left: inherit;
    position: inherit;
    height: 95px;
    float: right;
	}
}

/* Media nur IphoneX */
@media only screen and (min-width: 374px) and (max-width: 425px)
{
		div.under_chat {
	 display:none;
	}
body.class_game_site_computer div.lichess_board,
body.class_game_site_match div.lichess_board,
body.class_game_site div.lichess_board{
    transform: scale(0.7);
 }
 
body.class_game_site_computer .content .lichess_opponent,
body.class_game_site_match .content .lichess_opponent,
body.class_game_site .content .lichess_opponent{
    top: -420px;
 }
 
body.class_game_site_computer .content .clock.clock_top, 
body.class_game_site_match .content .clock.clock_top,
body.game_board .content .clock.clock_top {
	   top: -430px;
    left: 275px;
 }  




body.class_game_site .content .lichess_opponent{
	   top: -430px;
 } 
 
 
 body.class_game_site_computer .content .clock.clock_bottom,
 body.class_game_site_match .content .clock.clock_bottom,
 body.class_game_site .content .clock.clock_bottom{
  top: -20px;
    left: 274px;
	background-color: white;
 }
 
 body.class_game_site_computer div.lichess_current_player, 
 body.class_game_site_match div.lichess_current_player,
 body.class_game_site div.lichess_current_player
 {
 height: 39px;
 }
 
 body.class_game_site_computer div.lichess_current_player div.lichess_player div.lichess_piece, 
 body.class_game_site_match div.lichess_current_player div.lichess_player div.lichess_piece,
 body.class_game_site div.lichess_current_player div.lichess_player div.lichess_piece{
      transform: scale(0.5);
 }
 
 body.class_game_site_computer div.lichess_current_player div.lichess_player p, 
 body.class_game_site_match  div.lichess_current_player div.lichess_player p,
 body.class_game_site div.lichess_current_player div.lichess_player p {
 height:50px;
 }
}



div#game_div_ads {
border:0px solid;
}


/* gamelist-css */
div.game_row {
  display: block;
  padding: 1.4em 20px;
  height: 224px;
  line-height: 1.6em;
  border-bottom: 1px solid #eaeaea;
  position: relative;
}
div.game_row:nth-child(odd) {
  background: #f4f4f4;
}
div.game_row div.infos span.win {
  color: #00AA00;
}
div.game_row div.infos span.loss {
  color: #AA0000;
}
div.game_row a.go_analyse {
  position: absolute;
  bottom: 16px;
  right: 25px;
  text-decoration: none;
}

div.game_row table td {
  padding: 4px 0;
}
div.game_row span.color {
  line-height: 16px;
  display: block;
  margin-right: 1em;
}
div.game_row span.white {
  background-position: 0 -240px;
}
div.game_row span.black {
  background-position: 0 -256px;
}
div.game_row .bookmark {
  margin-right: 26px;
}

div.game_list.realtime {
  margin-top: 1.4em;
}
div.game_list.realtime > div {
  float: left;
  margin: 0px 12px 12px 12px;
}
div.game_list.realtime div.vstext {
  font-size: 11.5px;
  text-align: center;
  width: 224px;
  overflow: hidden;
  white-space: nowrap;
  margin-top: 5px;
}

.mini_board {
  width: 224px;
  height: 224px;
  position: relative;
  display: block;
  box-shadow:0 0 5px #666;
}
div.all_games a.mini_board {
  float: left;
  margin: 0 20px 20px 10px;
}

div.lmcs {
  position: absolute;
  width: 28px;
  height: 28px;
}

div.lmcs.white {
  background: #FFFFFF;
}
div.lmcs.black {
  background: #cacaca;
}
div.lmcs.moved {
  background-image: url(../images/sprite_mini3.png);
  background-position: -168px 0;
}

div.lcmp {
  position: absolute;
  width: 28px;
  height: 28px;
  background-image: url(../images/sprite_mini3.png);
}

div.lcmp.pawn.white{
  background-position: 0 0;
}
div.lcmp.bishop.white{
  background-position: -28px 0;
}
div.lcmp.knight.white{
  background-position: -56px 0;
}
div.lcmp.rook.white{
  background-position: -84px 0;
}
div.lcmp.queen.white{
  background-position: -112px 0;
}
div.lcmp.king.white{
  background-position: -140px 0;
}

div.lcmp.pawn.black{
  background-position: 0px bottom;
}
div.lcmp.bishop.black{
  background-position: -28px bottom;
}
div.lcmp.knight.black{
  background-position: -56px bottom;
}
div.lcmp.rook.black{
  background-position: -84px bottom;
}
div.lcmp.queen.black{
  background-position: -112px bottom;
}
div.lcmp.king.black{
  background-position: -140px bottom;
}

div.game_text p
{
font-size:14px;
}


/*Mobile settings */
@media only screen and (max-width : 425px) {

 body.class_user_site_show div.game_row, body.class_games_listing  div.game_row
 {
	height: 480px;
    font-size: 12px;
 }
  body.class_user_site_show span.bookmark .icon, body.class_games_listing  span.bookmark .icon{
	     margin-top: 20px;   
  }
  body.class_analyse_site #GameLastComment {
    top: 752px;
	font-size:12px;
  }
 
}/* ende Mobile settings */



/* opening-css */

div.game_config h2, div.game_config button {
  font-size: 1.4em;
  padding: 0 2em;
}
div.game_config button {
  letter-spacing: 1px;
}

div.game_config h2 {
  margin-bottom: 1em;
}
div.game_config div.ui-buttonset {
  margin-bottom: 1em;
}
#config_level .ui-button {
  margin-right: -0.6em;
}
div.game_config .ui-button-text, 
div.game_config select {
  text-transform: capitalize;
}
div.game_config div.ui-slider {
  font-size: 1.3em;
  margin: 0 15px;
}
div.game_config .optional_config {
  background: #f4f4f4;
  margin-bottom: 1em;
  padding: 3px 0;
  border-top: solid 1px #e4e4e4;
  border-bottom: solid 1px #e4e4e4;
}
div.game_config .time_choice,
div.game_config .increment_choice,
div.game_config .elo_range_config {
  padding-bottom: 1em;
  text-align: left;
  text-indent: 15px;
}
div.game_config .time_choice span {
  font-weight: bold;
}
div.game_config .clock_config label {
  cursor: pointer;
}
div.game_config button.submit {
  margin-top: 0.5em;
}
div.game_config div.color_submits {
  margin-top: 1em;
  margin-left: 18px;
  height: 65px;
}
div.game_config div.color_submits button.submit {
  float: left;
  width: 80px;
  height: 65px;
  padding: 5px 14px;
  margin: 0 5px;
}
div.game_config div.color_submits button.submit span {
  background: url(../images/sprite_color.png) no-repeat;
  width: 50px;
  height: 51px;
  padding: 0;
}
div.game_config div.color_submits button.black span {
  background-position: 0 -51px;
}
div.game_config div.color_submits button.random span {
  background-position: 0 -102px;
}
div.hooks_wrap {
  position: absolute;
  width: 384px;
  height: 384px;
  top: 51px;
  left: 52px;
  padding: 12px;
  border-radius: 3px 0 3px 3px;
  box-shadow: 0 0 20px #444;
  background: rgba(245,245,245,0.8);
  background: -moz-linear-gradient(top, rgba(212,212,212,0.9) 0%, rgba(240,240,240,0.5) 100%);
  background: -webkit-linear-gradient(top, rgba(212,212,212,0.9) 0%,rgba(240,240,240,0.5) 100%);
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(212,212,212,0.9)), to(rgba(240,240,240,0.5)));
  background: -ms-linear-gradient(top, rgba(212,212,212,0.9) 0%,rgba(240,240,240,0.5) 100%);
  background: -o-linear-gradient(top, rgba(212,212,212,0.9) 0%,rgba(240,240,240,0.5) 100%);
  background: linear-gradient(top, rgba(212,212,212,0.9) 0%,rgba(240,240,240,0.5) 100%);
}
div.hooks_wrap.large {
  height: 512px;
  top: -13px;
}

div.hooks_wrap.hidden {
  display: none;
}
div.hooks_wrap a.filter {
  position: absolute;
  top: -21px;
  right: -1px;
  height: 20px;
  line-height: 20px;
  padding: 0 2px 0 10px;
  background: rgba(212,212,212,0.9);
  border: 1px solid #888;
  color: #333;
  border-bottom: 0;
  display: block;
  border-radius: 3px 3px 0 0;
  text-decoration: none;
}
div.hooks_wrap a.filter:hover,
div.hooks_wrap a.filter.active {
  background: #fff;
}
div.hooks_wrap a.filter span.number {
  display: none;
}
div.hooks_wrap a.filter.on {
  padding: 0 10px 0 2px;
}
div.hooks_wrap a.filter.on span.s16 {
  padding: 0 0 0 20px;
  background-position: left -112px;
}
div.hooks_wrap a.filter.on span.number {
  display: inline;
}
div.hooks_wrap div.filter {
  position: absolute;
  display: none;
  top: 0px;
  right: 0px;
  min-height: 181px;
  width: 244px;
  padding: 12px;
  border: 1px solid #888;
  border-width: 0 0 1px 1px;
  background: #fff;
  border-radius: 0 0 0 3px;
}
div.hooks_wrap div.filter select {
  width: 100%;
  margin-bottom: 12px;
  padding: 6px;
}
div.hooks_wrap div.filter .actions {
  text-align: right;
}
div.hooks_wrap div.filter .actions button {
  padding: 6px;
  margin-left: 12px;
}

div.hooks {
  border: 1px solid #bababa;
  border-top: 0;
  max-height: 765px;
  overflow: hidden;
}

div.hooks table {
  width: 100%;
  max-height: 765px;
  overflow: hidden;
  text-align: left;
  border-collapse: collapse;
  background: none;
  border-top: 1px solid #bababa;
}


div.hooks table.empty {
  margin-top: 152px;
}
div.hooks td {
  padding: 0 8px 0 12px;
  height: 64px;
  margin: 0;
}
div.hooks a {
  color: #666;
}
div.hooks tr:last-child td {
  border-bottom: none;
}
div.hooks table.empty tr {
  text-align: center;
  cursor: pointer;
}
div.hooks table.empty td {
  padding: 0;
  height: 80px;
}
div.hooks td.color {
  width: 24px;
  padding-right: 0;
}
div.hooks td.color span {
  height: 24px;
  width: 24px;
  display: block;
  background: url(../images/sprite_color_24.png) no-repeat;
}
div.hooks td.color span.black {
  background-position: 0 -24px;
}
div.hooks td.color span.random {
  background-position: 0 -49px;
}
div.hooks span.elorange {
  display: block;
  font-style: italic;
  color: #999;
}
div.hooks a.user_link.engine {
 /* color: #cc7070;*/
  color: #65af13;
}
div.hooks td.action {
  cursor: pointer;
  border-left: 1px solid #cacaca;
  width: 63px;
  padding: 0;
}
div.hooks td.action.empty {
  cursor: default;
  background: none;
}
div.hooks a.cancel,
div.hooks a.join,div.hooks div.join, div.hooks input.join {
  height: 32px;
  width: 31px;
  display: block;
  padding: 12px 14px;
}

div.hooks table.games_offer_class_opacity{
	opacity:0.4;
}
div.hooks table.games_offer_class_opacity_ok{
	
}

form#setup_form .games_setup_class_opacity{
	opacity:0.5;
	pointer-events:none;
}
form#setup_form .games_setup_class_opacity_ok{
	
}


div.hooks a.cancel {
  background: url(../images/close24.png) +16px no-repeat;
}
div.hooks a.join,div.hooks div.join, div.hooks input.join  {
  background: url(../images/play32.png) +16px no-repeat;
}

div.hooks td.action form, div.hooks td.action form input.join
{
	width:100%;
	height:100%;
	cursor: pointer;
}
div.hooks a.user_link {
  background: transparent;
  padding-left: 0;
  text-decoration: none;
}

#featured_game div.vstext {
  margin-top: 0.7em;
  text-align: center;
}

div.undertable {
  width: 514px;
  font-size: 11.5px;
  margin-top: 15px;
    overflow:hidden;
}
div.undertable_top {
  border-radius: 4px 4px 0 0;
  border: 1px solid #ccc;
  padding: 3px 5px;
  min-height: 18px;
}
div.undertable_top a.more {
  float: right;
  padding-right: 2px;
  text-decoration: none;
}
div.undertable_top span.title {
  font-weight: bold;
  color: #999;
  padding-left: 4px;
}
div.undertable_inner {
  border: 1px solid #ccc;
  border-top: 0;
  border-radius: 0 0 4px 4px;
  height: 204px;

}
div.undertable a.user_link {
  text-decoration: none;
  font-weight: bold;
  color: #999;
}
div.undertable a.user_link:hover {
  text-decoration: underline;
}
div.undertable table {
  width: 100%;
  height: 100%;
}
div.undertable td {
  padding: 6px 5px 6px 5px;
  background: #fff;
  border-top: 1px solid #eaeaea;
}
div.undertable tr:first-child td {
  border-top: none;
}
div.undertable tr:nth-child(even) td {
  background: #f0f0f0;
}

div.open_tournaments div.undertable_inner {
  height: auto;
  min-height: 31px;
  max-height: 80px;
  overflow: hidden;
}
div.open_tournaments input.submit {
  padding: 0.2em 1em;
}
div.open_tournaments td:first-child {
  padding-left: 1em;
}
div.open_tournaments tr.create td {
  text-align: center;
}

/*
div.lichess_bot tr {
  cursor: pointer;
}
div.lichess_bot a.watch {
  display: block;
  width: 24px;
  height: 24px;
  background: url(../images/eye.png) top left no-repeat;
  opacity: 0.4;
}

div.lichess_bot tr:hover a.watch {
  opacity: 1;
}
*/

div.lichess_bot .box_set {
    width: 100%;
    height: 100%;
    max-width: 200px;
    max-height: 200px;
    border: 1px solid #e8e8e8;
    margin-left: auto;
    margin-right: auto;
	background-color: white;
}

div.lichess_bot .box_set .box_set_gray {
	width: 50%;
    height: 50%;
    background-color: #ebebeb;
 
}


div.lichess_bot .box_set .box_set_gray2 {
    margin-left: 50%;
}	

div.new_posts li {
  margin: 0.6em 0;
  padding-left: 9px;
  line-height: 14px;
  white-space: nowrap;
}
div.new_posts li.s16 {
  padding-left: 20px;
  margin-left: 5px;
  height: 15px;
  display: block;
}
div.new_posts a.post_link {
  margin-right: 7px;
}
div.new_posts li span {
  font-weight: bold;
  margin-right: 6px;
  color: #aaa;
}
div.lichess_overboard.joining input.submit {
  font-size: 1.2em;
  margin-top: 1em;
  padding: 0.6em 1em;
}


/* developer-css */


div.developers p {
  font-size: 1.2em;
  line-height: 1.7em;
}

div.developers pre {
  font-size: 1.2em;
  font: monospace;
  margin: 3em 0;
  display: block;
  overflow: visible;
}

div.info_links_extern a
{
text-decoration: none;
font-weight:bold;
}