@import url("../css/cookieconsent.min.css");

html { overflow: -moz-scrollbars-vertical; overflow-y: scroll;
    -webkit-text-size-adjust: none; /* Prevent font scaling in landscape */
    /* touch-action: none; */ /* enable drag&drop for ms */
	min-height:100%;
}

body, body.resp, body.vb{ 
	position:relative; 
	padding:0; width:100%;
	min-height: 100% !important;
	background: #f8f8f8;
	font-family: Verdana, "Bitstream Vera Sans", "DejaVu Sans", Sans-serif;
	background-image: url("../gfx/bg_18_2000x3000.png");
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: left center;
}
body.vb{  background-position: left center;  }
body.alpha{ background:transparent; }

body.stripe{ 
	background:#c1c1c1 url(../gfx/bg_stripe.png) repeat-x; 
	font-family:Verdana, Sans-serif !important; 
}
body.stripe_d{ 
	background:#848484 url(../gfx/bg_stripe.jpg) repeat-x; 
	font-family:Verdana, Sans-serif !important; 
}
body.iframe, body.druck{ 
	background:#ffffff; 
	font-family:Verdana, Sans-serif; 
}

@font-face {
  font-family: 'Glyphicons Halflings';
  src: url('../css/fonts/glyphicons-halflings-regular.eot');
  src: url('../css/fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), 
  url('../css/fonts/glyphicons-halflings-regular.woff2') format('woff2'), 
  url('../css/fonts/glyphicons-halflings-regular.woff') format('woff'), 
  url('../css/fonts/glyphicons-halflings-regular.ttf') format('truetype'), 
  url('../css/fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}

@font-face {
	font-family: 'FontAwesome';
	src: url('../css/fonts/fontawesome-webfont.eot?v=4.4.0');
	src: url('../css/fonts/fontawesome-webfont.eot?#iefix&v=4.4.0') format('embedded-opentype'),
	url('../css/fonts/fontawesome-webfont.woff2?v=4.4.0') format('woff2'),
	url('../css/fonts/fontawesome-webfont.woff?v=4.4.0') format('woff'),
	url('../css/fonts/fontawesome-webfont.ttf?v=4.4.0') format('truetype'),
	url('../css/fonts/fontawesome-webfont.svg?v=4.4.0#fontawesomeregular') format('svg');
	font-weight: normal;
	font-style: normal;
}

a, a:hover{ color: #996633; }
a:hover, a:focus{ outline: none; }
label { font-weight: 400; }
textarea {  resize: none;}
input { filter: none; }

th, h1, h2, h3, h4  {
color: #000033; font-family: Georgia, "Times New Roman", Times, serif; text-align: center;
}

h1, h2, h3, h4 {
font-weight:bold !important; display:block; text-align: left; margin:0; padding:0;
}

h1{
width:auto;
font-size:30px;
line-height:36px;
padding:0 0 30px 0;
}

h1.bronze{ padding:10px 0 25px 0; font-size:35px;}
#home h1.bronze{ padding:10px 0 25px 30px; font-size:35px;}
#firstBlock h1{ width:90%; }

.subline{ font-size:29px; }
h1.indigo{ padding:30px 0 30px 30px;}

h2{ font-size: 24px; line-height: 28px; margin: 5px 0 20px 0; }
h2.bronze{ font-size: 30px; line-height: 32px; margin: 5px 0 20px 0; }
h2.vb { font-size: 22px; line-height: 26px; margin: 0 0 10px 0;}

h3{ font-size: 18px; line-height: 22px; }
h3.indigo{ font-size: 18px; line-height: 24px; white-space: nowrap;}
.PB h3{ float: left; }
h4, th{ font-size: 16px; line-height: 20px; }

.titel{
font-size:14px; font-weight:bold; color:#996633;
line-height:16px; margin-bottom:6px;
}
h3.titel{ font-size: 16px; }

.titelBronze{float:left;width:100%;padding:10px 0 0 0;
margin:0 0 20px 0; font-size:18px;line-height:24px; color:#996633 !important;
}
.bWhite{border-top:1px solid white;padding:20px 0 0 0;}
.txtSpace{padding:0px 10px 10px 0;float:left;width:100%;}
.pusherTop{ margin-top: 60px }
.pusherTop .bronze_s{ margin-bottom:0px; }
.bronze, .bronze_10, .bronze_20, .bronze_s{ color:#996633 !important;}
.indigo, .indigo_20, .indigo_s{ color: #000033 !important;}

.indigo_10, .bronze_10{ margin:5px 0 10px 0; }
.indigo_20, .bronze_20{ margin:5px 0 20px 0; }

#iFrameCon h2{  margin: 5px 0 10px 0; }
#reEnigma, #rePB{ margin-bottom:20px; }

#conRe h3{ margin:10px 0 10px 10px; font-size: 16px; line-height: 20px;}
#reEnigma h3, #rePB h3{ margin:10px 0 10px 0; font-size: 19px; line-height: 24px;}

#reEnigma h2{ margin:0; }
#conRe p, #conRe table{ margin:10px; width:92%;}

#content{/*  bg_bigStar_18.png index_stern_13.png */
	background: transparent url(../gfx/bg_bigStar_18.png) center 30px  no-repeat;
}

#portalcontent{
	background: transparent url(../gfx/bg_bigStar_14.png) center 20px  no-repeat;
}

.loginBg .pullRight{ /* >980 float:right*/}
.forMobile{ display:none;}
.topM40{ margin-top:40px;}
	
.nr, a.nr:link, a.nr:hover, a.nr:active {
	color:#333333;
	font-family: Verdana, "Bitstream Vera Sans", "DejaVu Sans", Sans-serif;
	font-size:10px;
}

.nrWhite, a.nrWhite:link, a.nrWhite:hover, a.nrWhite:active  { 
	color:#fff; 
	font-size:10px;
} 

.zug { padding:4px; display: inline; }

/* =Header
-------------------------------------------------------------- */

header {
	position:relative;
	background:url(../gfx/bg_stripe_21.png) bottom repeat-x;
  	height: 140px; color:#fff;
  	border-bottom:1px solid #333;
  	-webkit-transition: height 0.3s; -moz-transition: height 0.3s; -ms-transition: height 0.3s; -o-transition: height 0.3s;
    transition: height 0.3s;
}

header div#logo {
    float: left;width: 140px;height: 140px; margin:5px 0 -5px -10px;
    -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; 
}

header div#logo img{width:100%;height:100% }

#netschach{ width:80%; }
#netschach, #netschach table, #netschach img{ float:right; margin-top:10px;
	-webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; 
}
#netschach table{ margin:5px 15px 0 0; border:0px solid red; }
#netschach table td{ height:20px;}

.a-vs-b{ float:right; width:200px; }

.smaller #netschach{ margin-top: -10px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.smaller #netschach .a-vs-b table{ display:none; }

/* 			Head // NEWS Melder */
#newsCont{ position:relative; float:right;width:330px; height:40px; margin:0 10px 0 0; }
#newsMelder{ position:absolute;top:0px;left:0px;height:24px;width:100%;margin:-30px 0 0 0;z-index:5; }

#zugzeit{ padding:0 10px;}
#s_online, #w_online{ line-height:10px !important; height:10px; width:10px;}
#s_online img, #w_online img{ margin-top:0px;}
#w_online img, #s_online img{ display:block; }

#loginBoxIndex {  position:relative; width:100%; }
#loginBoxIndex form{  width:200px; float:right; margin-top:10px;}
#newmemberLkn, #logOutLkn{ position:absolute; bottom:-30px; right:15px; z-index:9999; }

#loginBoxCon{position:absolute; left:auto; right:0px; bottom:15px; width:inherit; color:#fff;}

#loginBoxCon h2{ display: none; font-size:20px; }
.smaller #loginBoxCon{ bottom: 0px;}

.btn-login {
    color: #996633;
    background-color: #c7c7c7;
    border-color: #333;
    font-size:16px;
    font-family: georgia, serif;
    font-style: italic;
}
.btn-info{ border-color: #2f4db7;}

nav header a {
	font-family: Verdana, "Bitstream Vera Sans", "DejaVu Sans", Sans-serif;
	text-transform: uppercase;
    margin: 0;
    color: #333;
    font-size: 15px;
    -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; 
}

.cube{ /* Logo Container */
 	position:relative;background:transparent;height: 140px;
	-webkit-transition: height 0.3s; -moz-transition: height 0.3s; -ms-transition: height 0.3s; -o-transition: height 0.3s; transition: height 0.3s; 
}
.navbar{ margin-bottom:0px; }
.navbar-nav{ margin:1px; }

.navbar-fixed-top{z-index: 999999;}
#colorbox, #cboxOverlay, #cboxWrapper{z-index:9999998 !important;}
#gdpr-cookie-message { z-index: 9999999 !important;;}

.navbar-default{ background:none; border:none; }
.smaller .navbar-default{ background: #666666;/* transition:  background-color 0.4s; */}
.smaller .form-control{ height: 25px; margin:4px 0; }
.navbar-collapse{ width: 100%; }

#navbar{ position:absolute; bottom:0px; z-index: 100; margin-bottom:4px; }
#navbar .border{ background:transparent; }

.navbar-right{ 
	-webkit-transition: margin-top 0.3s; -moz-transition: margin-top 0.3s; -ms-transition: margin-top 0.3s;-o-transition: margin-top 0.3s; transition: margin-top 0.3s;
}

.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
  	background-color: transparent !important;
}

.navbar-nav > li{ border-left:1px solid #000; }
.navbar-default .navbar-nav>li>a, .navbar-nav > li > a, #zugzeit {
	padding:5px 10px 3px 10px;
	font-weight: 300 !important;
	background-color:#636363;
	color: gainsboro;
	/* text-shadow: 1px 1px 1px #333; */
}
.navbar-nav > li > a:hover {
	background-color:#eee !important;
	text-shadow: 1px 1px 1px #fff;
}
.smaller .navbar-nav > li > a{
	padding:3px 10px 4px 10px;
	font-size: 13px;
}

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
	color: #555;
	background-color: #e7e7e7;
	text-shadow: 1px 1px 1px #fff;
}

/* Submenu ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.dropdown-menu{
	-webkit-box-shadow: 0 6px 12px rgb(0 0 0 / 33%);
	box-shadow: 0 6px 12px rgb(0 0 0 / 33%);
	opacity:0.96;
	background-color:#fff;
}

.navbar-nav>li>.dropdown-menu{ margin:0; padding: 4px 0 0 0; background-color: transparent; }

ul.dropdown-menu li{ margin:0; border-bottom:1px solid #333; background: url(../gfx/whiteDot.png); /* background-color: #eee; */
-webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;
}
ul.dropdown-menu li:hover{ background-color: #b6b6b6; }

ul.dropdown-menu li a,
ul.dropdown-menu li a:hover{ display:block; width:222px; text-transform: uppercase; font-size: 13px; color:#996600; margin: 0 0 0 -2px; padding: 4px 20px;}
ul.dropdown-menu li a{ background-color: #848484; color:#fff; }

/* nav hover effect */
ul.nav > li.dropdown:hover > ul.dropdown-menu {
	display: block;
}
  
 /* scroll content under nav-head */
header .container{ padding-left: 0px; padding-right: 0px; }
header.smaller { height: 70px; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.5); /* background:url(../gfx/bg_stripe_gold.png) bottom repeat-x; */ }
header.smaller .cube{  height: 70px;  margin:0;  border-radius:0; }
header.smaller div#logo{ width: 70px; height: 70px; margin:1px 0 -1px 20px; }
header.smaller nav a {    padding-top: 4px; padding-bottom: 4px;}
header.smaller .navbar-right{ margin-top:0px; }

.rel{ position:relative; float:left; }
.rel16{ position:relative;float:left; height:16px;}
.border{
	border-left:1px solid #a6a6a6;
	border-right:1px solid #a6a6a6;
	padding-top:30px
}
.input-group-addon{ border-radius:0; border: 1px solid #333; }
.grau{
    background: transparent url(../gfx/centerSpot_333_v2.png) center 0px no-repeat;
    background-size: cover;
}
.grau_70{
	background: transparent url(../gfx/centerSpot_333_v2.png) center 70px no-repeat;
	background-size: cover;
}
#content .top, #portalcontent .top{ padding-top:180px; padding-bottom: 15px; }

/*	content mitte  ////////////////////////////////////////////////////////////////////////////////////// */
 
#msgCont{ margin:5px 10px 0 0;height:85px;overflow:auto; }
#msgCont td{ font-size:12px; line-height:16px !important; }
.dyn_msg_nav {padding-right:10px;}
/* Index */
.eBoard{ margin-top:0px;}
.eBoard .slick-center{
	-moz-transform:scale(1)!important; -ms-transform:scale(1) !important; -o-transform:scale(1) !important; -webkit-transform:scale(1) !important;
	opacity:1; transform:scale(1)!important; z-index:99999 !important;
}
.eBoard .slick-slide {
	min-height: 360px; display:block; margin-bottom:30px;
	-moz-transform:scale(0.7); -ms-transform:scale(0.7); -o-transform:scale(0.7);
	-webkit-transform:scale(0.7);	transform:scale(0.7);
	transition: all .4s ease-in-out; z-index:10 !important; opacity:0.6;
}
.eBoardHead h1{
	position:absolute; left:30px; top:50px; z-index:999;
}
.imgCon span{ font-size:14px; padding: 0 3px; }
.imgCon i{ font-size:10px;}
.startText{ position:relative; padding-left: 30px; }
.startText h3{ margin-bottom:10px;}

/* xmas/sylvester */
#xmas, #eventIcon{ position:absolute; right:50px; bottom:-90px;}

/* Schachraetsel-Liste */
#partien_con .eBoard, #Schachdiagramm .eBoard{
	margin:10px 10px 10px 5px;
	-moz-box-shadow: 0 0 3px 3px #666;
	-webkit-box-shadow: 0 0 3px 3px #666;
	box-shadow: 0 0 3px 3px #666;
    filter:progid:DXImageTransform.Microsoft.Shadow(direction=45,color=#555555,strength=3),
     	progid:DXImageTransform.Microsoft.Shadow(direction=135,color=#555555,strength=3),
    	progid:DXImageTransform.Microsoft.Shadow(direction=225,color=#555555,strength=3),
        progid:DXImageTransform.Microsoft.Shadow(direction=315,color=#555555,strength=3);
}
#partien_con .eBoard{ max-width:403px; width:100%; height:auto; margin:10px 5px 10px 5px; }
.enLi{ width:40%; }
.enRe{ width:60%; }

#Schachdiagramm .eBoard{ max-width:403px; width:100%; height:auto; }

.imgConEnigma{  float:left; width:200px !important; position:relative !important;}
.imgCon{  float:left; width:280px; opacity:0; position:relative !important;}
.imgCon img{ cursor:pointer; display:table; width:100%; margin:10px 0; }

.imgCon .shadow img{
    -moz-box-shadow: 0 0 4px 4px #888;
    -webkit-box-shadow: 0 0 4px 4px #888;
    box-shadow: 0 0 4px 4px #888 !important;
}
.eBoard .shadow{
   position:absolute !important; left:0px; top: 0px; z-index: 10; width:100%; height:100%;
}
.eBoard .pic{
    position:absolute !important; left:0px; top: 0px; z-index: 20; width:100%; height:100%;
}

/* Slider Schachraetsel */

.enigmaBoard{ border:0px solid green; margin-bottom:10px; }
.enigmaBoard .slick-slide { opacity:1; margin: 0 5px !important;
	min-height: 360px;
	-webkit-transform: none !important;
	transform: none !important;/*
	-moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1);
	-webkit-transform:scale(1); transform:scale(1); */
	}
.enigmaBoard .slick-slide h4 {
	-webkit-transform: none !important;
	transform: none !important;/*
	-moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1);
	-webkit-transform:scale(1); transform:scale(1); */
}
.enigmaBoard .slick-track img{ width: 100% !important;
	-webkit-transform: none !important;
	transform: none !important;/*
	-moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1);
	-webkit-transform:scale(1); transform:scale(1); */
}
.enigmaBoard .slick-slide:focus {
	outline: none !important;
}

.enigmaBoard .slick-arrow{ bottom:0px !important;z-index:60; }

/* Masterpiece Slider */

#enigmaSpecial{}

#enigmaSpecial .melement{
	padding:30px 30px 60px 30px;
	margin:0 20px;
}

#enigmaSpecial .slick-prev{
	left:60%;
	bottom:30px;
	z-index: 999;
}
#enigmaSpecial .slick-next{
	bottom:30px;
	z-index: 999;
}
#enigmaSpecial .slick-dots{
	left:64%;
	bottom:30px;
	z-index: 999;
	width: auto;
}

*:focus {
	outline: none;
}

/* Sticky Add */

#stickyAddCon { width:100%; max-width: 246px; }
.stickyCon{ position: relative; height:100%;}
.stickyQuest{ margin-top:45px !important; }

#schachraetselAdd{ margin-top: 40px; float:left; width:100%; }


/* Zug Monitor */
#zugMonitorTab{ width:100%;}
#zugMonitorTab .td1{width:7%;}
#zugMonitorTab .td2{width:13%;}
#zugMonitorTab .td3 .gameTab{ margin:0 auto; }
#zugMonitorTab .td4{width:15%;}
#zugMonitorTab .notation_time{ float:right;text-align:right; }

#partien_con td{ padding:10px 0;}
#seitenNav td{ padding:0;}
.rBlockHead{ position:absolute; top:-30px; right:0px;  margin:5px 0;}
.rBlockHead a{ white-space: nowrap;}
.rBlock{position:relative;width:96%; min-height:200px;
	border:1px solid #aaa;margin:30px 0 30px 10px; }
.rBlockTxt{width:auto;padding:25px 0 6px 20px;margin:0;}
.schwierigkeitsgrad{ color:#333333; font-size:12px; line-height:16px; }
.banda{position:absolute;top:10px;left:10px;width:100%;height:30px;}
.banda p{ float:right; padding:0 20px 0 0; color:#333333; font-size:10px; line-height:14px; }
.schwierigkeitsgrad{ position:absolute;bottom:-30px; right:0px; width:160px; min-height:58px;}
.schwierigkeitsgrad .p_pfeil, .schwierigkeitsgrad .p_pfeil:hover{ margin:0 10px 15px 0; }
.schwierigkeitsgrad div a{ float:right; }

a.big_pfeil, a.big_pfeil:hover, a.big_pfeil:active,
a.big_pfeil_w, a.big_pfeil_w:hover, a.big_pfeil_w:active,
a.big_pfeil_g, a.big_pfeil_g:hover, a.big_pfeil_g:active,
a.dwnl, a.dwnl:hover, a.dwnl:active,
a.thumbsUp, a.thumbsUp:hover, a.thumbsUp:active{
	font-family: georgia, serif;
	padding:6px 0 6px 26px;margin:0;
	background:url(../gfx/pfeil_re.svg) no-repeat;
	background-size: 18px 32px;
	line-height:24px;font-size:16px;color:#996633;font-weight: 700;
	text-decoration:none;
}
a.big_pfeil_w, a.big_pfeil_w:hover, a.big_pfeil_w:active{ color:#fff; }
a.big_pfeil_g, a.big_pfeil_g:hover, a.big_pfeil_g:active{ color:#666; }
a.thumbsUp, a.thumbsUp:hover, a.thumbsUp:active{
	padding:10px 0 2px 44px;margin:0;
	background:url(../gfx/icon_ThumbsUp.png) no-repeat;
}
a.dwnl{
	background:url(../gfx/icon_download.png) no-repeat;
	color:#fff;
	padding:6px 0 6px 46px;margin:0;
}
a.dwnl:hover, a.dwnl:active{
	background:url(../gfx/icon_download_on.png) no-repeat;
	color:#fff;
	padding:6px 0 6px 46px;margin:0;
}

a.p_pfeil, a.p_pfeil:hover, a.p_pfeil:active,
a.p_pfeil_g, a.p_pfeil_g:hover, a.p_pfeil_g:active{
	display: block;
	padding:0 0 0 25px; margin:0;
	background:url(../gfx/pfeil_re.svg) no-repeat;
	background-size: 15px 26px;
	line-height:26px;
	font-family: georgia, serif;
	font-size:15px; color:#fff;
	text-decoration:none;
	white-space: nowrap;
}
a.p_pfeil_g, a.p_pfeil_g:hover, a.p_pfeil_g:active{
	color:#666;
}
/* Sonderfall LogInBox*/
#loginBoxCon a.p_pfeil_g, #loginBoxCon a.p_pfeil_g:hover, #loginBoxCon a.p_pfeil_g:active{
	color:#fff;
}
#responsiveDesign, #SchachpartienBibliothek, #NotationstrainerTeaser{ padding:80px 0;}
#Portraits {margin:auto; width:310px; padding:30px 0;}
#Portraits img{float:left; border:2px solid #ffffff; margin:2px; }
#features{float:right; padding:90px 0 80px 40px; }
#nfoTab p{ padding: 6px 0 4px 0;margin:0;}
ul.features {
    list-style: outside none none;
    margin: 0; padding: 0;
}
ul.features li {
    background: transparent url("../gfx/pfeil_re.svg") no-repeat scroll 0 0;
    line-height: 18px;
    margin: 0; padding: 6px 0 10px 24px;
}
ul.features li a, ul.features li a:hover{ color:#fff;line-height: 22px; text-decoration: none; }

#raetselTeaser{float:left;margin:40px 30px 60px 0;}
#statistik{ width: 100%; padding:20px 10%; float:left; }
#statistik table{ border-top:1px solid #996633;width:100%; }
#statistik table td{ color: #996633; height:40px; line-height:40px; }

ul.spy{  width:100%;float:left; margin:0;padding:0; border-top:0px solid white; }
ul.spy li{ list-style: none; width:100%;float:left;line-height:40px; border-bottom:1px solid #7b7b7b; }
ul.spy .circ{ font-size:16px; position: absolute; }
ul.spy td{ font-size:12px;}
.spyDiv, .spyDiv_noCursor{padding:1px 0;margin:0; cursor:pointer;float:left; width:100%; color:#000; }
.spyDiv_noCursor table{ width:100%; margin: 15px 0 0 15px; padding-left:15px;}
.spyDiv_noCursor{ cursor:default;}

.spyDivHead{
	width:100%;height:24px;border-bottom:1px solid #7b7b7b;
	margin:0;padding:0;
}

.spyWrapper{ height: 100%; overflow: hidden;position: relative;    }
#spyCon{float:left;margin:0 0 10px 0; width:100%; }

#flameDiv, #revaDiv, #dynGamesHead{
	width:100%;padding:0;margin:0;float:left; color:#efefef;
}

.pLi_01, .pLi_01_sAdmin{ float:left;width:40%;color:#fff; }
.pLi_01_sAdmin{ width:30%;}
.pLi_01 .msg, .pLi_01_sAdmin .msg{ margin:0 3px 0 4px;}
.pLi_02{ float:left; width:24%; white-space: nowrap;}
.pLi_03{ float:left;width:16%; white-space: nowrap;}
.pLi_04, .pLi_04_sAdmin{ position:relative; float:right; color:#fff; width:20%; }
.pLi_04_sAdmin{ width:30%; }
.pLi_04 .pHint, .pLi_04_sAdmin .pHint{ width: auto;text-align: right;float: right;}
.pHint img{ display:inline;}

.lh_mob {padding:0 2px 0 0; margin: 0;
	line-height: 16px;
	height: 40px;
	display: table-cell;
	vertical-align: middle;
}

.statusCon{ float:left; width:auto; height:20px;}

.anfrage {float:left;width:98%;position:relative; margin:2px 0 0 5px; }
.anfrage table{ line-height:16px; }
.anfrage table a.mehrPfeilWeiss{margin-top:7px !important; display:block; }
.anfrageLnk {position:absolute;right:0px;top:35px; z-index:100;}

#zeit_top, #zeit_sub{ padding:10px 10px 10px 0;color:#555;font-size:12px;}

#player_top, #player_sub{ float:left;line-height:25px;text-align:left;}
#player_top_pd, #player_sub_pd{ float:left;line-height:25px;text-align:left;}

#oLegende table{  margin:0; }
#oLegende table td{  color: #666; padding:15px 5px 0 5px;}
#oLegende h3{ margin:10px 0 10px 0; padding-bottom: 20px; border-bottom:1px solid #666;  }
/* tabellen hover */

table tr.odd:hover th,  table tr.even:hover th,  table tr.hover th {
	background:   #8d8d8d;
	cursor: pointer;
}

.odd:hover, .even:hover, .hover {
	background: #8d8d8d;
	cursor: pointer;
}

#kompass {  margin: 122px 0 16px 14px; width: 63px; height: 63px; overflow: hidden; }

.kRot, .kRot_rev{
	background: url('../gfx/kompass_white_15.png') no-repeat;
	-webkit-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
	position: relative;
	z-index: 10;
	cursor:pointer;
}
.kRot_rev{
	background: url('../gfx/kompass_black_15.png') no-repeat;
	}
.kRot:hover, .kRot_rev:hover {
	-webkit-transition: all 0.7s linear;
	-webkit-transform: rotate(180deg);
	-o-transition: all 0.7s linear;
	-o-transform: rotate(180deg);
     transition: all 0.7s;
	 transform: rotate(180deg);
}
.kRot_b, .kRot_w{
	background: url('../gfx/kompass_white_15.png') no-repeat;
	position: relative;
	z-index: 10;
	cursor:default;
}
.kRot_w{
	background: url('../gfx/kompass_black_15.png') no-repeat;
}

#chatCont, #chatContAll, #zugCont , #iframeCont, #zugContPB, #msgCont{
	overflow:auto;
}

/* botstars */

#starship{position:relative;width:100%; font-size: 24px;margin:10px 0;height:30px;}
.starOutline{ position:absolute;width:100%; font-size: 24px; color:#666666; z-index: 2;white-space: nowrap;}
.starOutline a{ color:#666666; }
#hintergrundstrahlung{ position:absolute;width:100%; font-size: 24px; color:#fff192; z-index: 1;white-space: nowrap; }

.tBox{ 
	float:left; background-color:#c3c3c3; background-color: rgba(195,195,195, 0.9); 
	border-radius: 0px; box-shadow: 0 0 6px 0 #fff inset;
	border:1px solid #a6a6a6; width: 100%;
}
.tBox_inner{padding: 15px; float:left; width: 100%; }
.tBox_inner_ad{padding: 0 0 0 30px; float:left; width: 100%; margin-top:10px; }
.tBox.nopadding{ position:relative; }

.introspace{ margin: 40px auto 30px auto; }
div.introspace{ max-width:340px; } /* logout */

/* schachbrett  */
#gamecon{ position:relative; }
#gamecon #brettCon{ margin:30px 0 0 0; border:0px solid red;}
#gamecon #schachbrett{ position:relative; background:transparent; margin:0 0 30px 50px; float: left;}
.pd_korrektur{ margin-left:75px !important; }

#gamecon .src_odd {  background: #f8f8f8; }
#tmp_cover{position:absolute;left:0px;top:0px;z-index:1000;width:100%;height:auto;}
#tmp_cover img{width:100%;height:100%;}
#ajaxprogress{position:absolute;left:50%;top:50%;width:90px;height:90px;margin-top:-60px;margin-left:-52px;z-index:2000;}
#enigmaNav{ background-color:#777; height:auto; text-align: center;  margin-left: -15px;}
#enigmaNav a{ color:#fff;  line-height:30px; }
#enigmaNav div{ width:auto; white-space:nowrap;}
#auswahl{ position:absolute; top: 0px; right: 25px; width:220px;}
.uCon{	display: inline-block;border-radius: 50%;border: 1px solid #000;height: 50px;width: 50px;padding: 0;background-color: white;}
.uCon img{ width:80%;height:auto; margin:10%; }
.error{ color:red; padding:0 0 0 20px;}
.fa{
	display: inline-block;
	font: normal normal normal 14px/1 FontAwesome; /**/
	font-family: FontAwesome;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.share_text{ font-size:12px; height:18px; line-height:18px; color:#fff; padding-left:2px; }

#gear{
	text-shadow: 0px 0px 20px #fff;
	font-size: 77px;
}

.fa-spin {
	-webkit-animation: fa-spin 2s infinite linear;
	animation: fa-spin 2s infinite linear;
}
.fa-spin-slow {
	-webkit-animation: fa-spin 4s infinite linear;
	animation: fa-spin 4s infinite linear;
}
.fa-pulse {
	-webkit-animation: fa-spin 1s infinite steps(8);
	animation: fa-spin 1s infinite steps(8);
}

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

.fa-gear:before,
.fa-cog:before {
	content: "\f013";
	color:#666;
	font-size:100px;
	text-shadow: 0px 0px 20px #fff; /* ffcc99 */
}

#botCon h3{ margin-left:0px !important; padding:0 !important}
#botCon .fa-cog:before { font-size:40px;}
#botCon form{ padding-bottom:30px; }

.tZBox, .tZBox_board{
	float:left; background-color:#919191; background-color: rgba(145,145,145, 0.8);
	border-radius: 0px; box-shadow: 0 0 6px 0 #fff inset;
	border:1px solid #919191;
	margin: 0 0 20px 0;
	width:100%;
}
.tZBox_board {
	position: relative;
	margin: 0 0 40px 20px;
}
.tZBox_board .tZBox_inner{
	padding: 4px;
	width: inherit;
	width: 100% !important;
}

.tZBox_inner{padding: 20px; float:left; color: #efefef; width: 100%;}

.tZBox_board #player_top_pd, .tZBox_board #player_top, .tZBox_board #player_sub, .tZBox_board #player_sub_pd, .tZBox_board #player_li, .tZBox_board #player_re {
	line-height: 18px; padding: 0 0 0 25px;color: #333; height: 18px; width: 56%;
}
.tZBox_board #player_li, .tZBox_board #player_re,.tZBox_board #player_top_pd,.tZBox_board #player_sub_pd{
    width:45%; float:left; padding:0 0 0 30px; white-space: nowrap; }
.tZBox_board #player_re,.tZBox_board #player_sub_pd{ width:45%; float:right; padding:0 30px 0 0; text-align:right; white-space: nowrap; }

#gameSet .msg{ font-weight: bold; margin:0 auto; float:left;}

#btn_txt_zugvor{ margin-top:164px; height:16px;visibility:hidden; }
#btn_txt_zugzurueck{ float:left;height:16px;visibility:hidden;}

#msgPD{display:none;margin:0;padding:0;white-space: nowrap; }
#msgSpiel{width:150px;float:left;margin-bottom:4px;}
#msgMail{width:150px;float:left;}
#msg{ white-space: nowrap; }
#msg em{ font-size:12px; }

#moveCon{  /* javascript selektor!  */
	width:96px; height:96px; margin:0; padding:0;
	background: url('../gfx/circle_nav18_bg.png') no-repeat;
}
#moveCon .form-control{ font-size:12px; padding:2px 3px; height: 24px; margin:3px 18px 0 18px; width: 60px; float:left;}
#moveCon input{ text-align: center;}
#zugsetzer_up_spacer{margin-top:12px;float:left;height:20px; border:0px solid green; display:block; width:96px; background:url(../gfx/setSprite.png) 0px -40px;}
#zugsetzer_up{ display:block; width:96px; height: 20px; background:url(../gfx/setSprite.png) 0px -20px; border:none; padding:0px;}
#zugsetzer_up:hover{ background:url(../gfx/setSprite.png) 0px 0px !important;}
#zugsetzer_up:focus{ border:none; outline: 0;}
							
#zugsetzer_down{ display:block; float:left; width:96px; height: 20px; background:url(../gfx/setSprite.png) 0px -80px !important; }
#zugsetzer_down:hover{ background:url(../gfx/setSprite.png) 0px -60px !important; text-decoration:none; }

#mailIcon{display:none;width:96px; height:96px;text-align:center;margin:0;}
#mailIcon img{ margin-top:23px; }
#msgCon{ width:auto;height:auto; padding-top:10px;  margin: 10px 0 0 -10px; }
  
#ziehmodus{width:70px; margin:10px 0 0 10px;}
.ziehmodus_cb{ margin:2px 0 0 0;padding:0;float:right;}
.ziehmodus_link{ margin:3px 0 0 0;padding:0;float:left; font-size:14px;}
#statusdisplay{display:inline;margin:0;}
#statuschanger{float:right;}
#zugzeigdisplay{ margin:0 0 20px 0;}

.set-logo, .set-logo-white, .set-img{ background:#c3c2c0; color:#666; border-radius:500%; 
	padding:6px; font-size:23px; border: solid #ddd 7px;}
.set-logo-white{color:#fff; }
.set-img{ padding: 2px 5px 4px 6px; }

.iconcon{ position:absolute;z-index:100; width:51px; height:51px; 
padding:0px 1px 1px 1px; border-radius:500%; background: #666; }

.tZBox_board .iconcon{ left:-20px; top:-9px; width:42px; height:43px; background: #848484;}
.tZBox_board .set-logo{ background:#848484; border: solid #ccc 6px; font-size:15px; }

.tZBox_board .iconcon .circ{ width:16px;height:17px; padding:0; margin:0; line-height: 12px; font-size:30px; }
.tZBox_board .iconcon .circ img{ margin:0 0 3px 1px;}

.tZBox_board.second{left: auto; right:0px;}
.iconcon.second{ right:-21px; left:auto; }

.circ{ width:23px; height:23px; padding-left:0px; color:#33cc00; font-size:42px; line-height:18px; 
transition: color 0.4s; font-family: Verdana, "Bitstream Vera Sans", "DejaVu Sans", Sans-serif;}

/* homepage dyntab_index */

#dynTabCon{padding:25px 0 0 50px; float:right;}

#dynTab{ position:relative; margin:40px 0 0 0; float:left;
	width:100%;height:246px;clip: rect(0px 344px 110px 0px);
	overflow:hidden;/* border:1px solid #000;  */ }

#tab1, #tab2 { float:left; width:100%; }
#tab1 table, #tab2 table{ width:96%; border-collapse: separate !important; border-spacing: 0px 3px !important;}
#tab1 div, #tab2 div{float:left; line-height:30px; padding:0 4px;display:inline;white-space: normal;}

/* "offene partien" & "netschach/variantenbrett"*/
#dynTab.open{ position:relative; margin:0; float:left;width:100%;height:auto;overflow:hidden;}
#zugMonitorTab, #dynTabOpen{ border:none; width:100%; }

#zugMonitorTab td{ font-size:10px; color:#333; border-bottom:1px solid #7b7b7b; white-space: nowrap; height: 46px;
	margin:0; background-color: rgba(160,160,160, 0.6);  }
#zugMonitorTab .gameTab{ width:auto; }
#zugMonitorTab .gameTab td{ background:none;border-bottom:none;  height:40px;}

#zugMonitorTab .weiss{ color:#fff;; font-size:14px; padding:0; text-shadow: 1px 1px 1px #333; }
#paarung .weiss { color:#fff;font-size:14px;white-space: nowrap;}
#zugMonitorTab .schwarz, #paarung .schwarz { color:#000; font-size:14px; white-space: nowrap; }

#zugMonitorTab .msg{ color: #cc6600;padding: 0 4px; margin: 0; font-size: 14px; }
#zugMonitorTab .circ{ margin: 0 2px; line-height: 22px; font-size: 32px; }

#paarung p{ float:left; display:inline; margin:2px; }
#paarung td{ padding: 2px; }
#paarung .circ{ font-size:33px;}

.red{  color: #ff4040; transition: color 0.4s; }
.green{color: #66ff00; transition: color 0.4s; }

#zugMonitorTab .notation {
    color: #555; font-size: 18px;
    padding:3px 0 0 8px;
    font-weight: bold;
    font-family: georgia, serif;
    font-style: italic;
}
#usp dd{ margin:5px 10px 15px 15px; height:auto !important; }

/* Rang Sign */

#conRang{ position:relative; }
#conRang p{ width:75%; margin:6px 0 0 0; }
#rangSign{ position:absolute;top:0px;right:0px;z-index:10; }
#rang{
    background-color: #FFFFFF;
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.1) 100%);
    border: 1px solid #BEBEBE;
    border-radius: 0px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
    margin: 0 0 5px 0;
    text-align: center;
    width: 52px;
    cursor:pointer;
    float:left;
}
#rang .pos {
    color: #666666;
    display: block;
    font: bold 18px/100% Arial,Helvetica,sans-serif;
    padding: 2px 0 1px;
}
#rang .titel {
    background-color: #996633;
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%);
    border: 1px solid #A11216;
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
    color: #FFFFFF;
    display: block;
    font: 11px/100% Arial,Helvetica,sans-serif;
    letter-spacing: 1px;
    padding: 2px 0;
    position: relative;
    text-transform: uppercase;
    top: -1px;
    width: 100%;
}
#rang .elo {
    color: #999999;
    display: block;
    font: 10px/100% Arial,Helvetica,sans-serif;
    padding: 0 0 4px;
}

#voting{margin: 15px;width:auto;padding-top:10px;}
#crowns{margin:12px 0 0 0;padding:4px 0 4px 0;border-bottom:1px solid #a6a6a6;width:100%;background:#b6b6b5;height:38px;}
#crowns_hl{ float:left; background:url(../gfx/icon_voting_on.png) no-repeat;width:32px;height:32px; }

#crowns_img{margin:0 4px 0 8px;padding:0;}
#crowns_img div{cursor:pointer;height:30px;}

#crowns_img .n{ background:url(../gfx/icon_voting_off.png) no-repeat;float:left;width:32px;}
#crowns_img .n div{ background:url(../gfx/icon_voting_on.png) no-repeat;width:0px; }

#crowns_con{ height:33px;width:100%;background:#b6b6b5;}
#crowns_text{padding:4px 2px 4px 10px; color:#333; }
#btn_vote{ float:left; margin:0 0 20px; display:block; }
#votes p{float:left;margin:0;padding:6px 0 0 5px;font-family:arial; color:#666; font-weight: bold; }

#zugCont{
  	margin:0;width: 100%;height:auto;float:left;max-height: 160px; min-height: 38px;
}

/* KurzForm Generator */

#kurzForm {
	height: 515px; margin: 60px 0 0 20px;padding: 0; position: relative; width: 100%;
    max-width:440px;
}
.abcMargin{margin-top:47px;}

textarea.kForm {
	border: 1px solid #996600; color: #666;font-family: georgia,serif; font-size: 16px; font-weight: bold;margin:0 0 20px 0;float:left;
}

.kForm_bg { position:absolute; height: 460px; left: -7px; top: -7px; z-index: 0;  background-color: rgba(195,195,195, 0.3); border:1px solid #fff;}
.kForm_ta { width:100%; height: auto;  margin:60px 0;}

#btn_kForm {display: none;float: left;margin: 10px 0;width: 100%;}
#EniLNK{text-align: right; }
#EniLNK h3{ text-align: right;border-bottom:1px solid #000033; padding:50px 0 12px 0;}
#EniLNK h3.secHL{border-top:1px solid #000033; border-bottom:0px solid #000033; padding:20px 0;margin:20px 0 0 0;}

/* rechts  //////////////////////////////////////////////////////////////////////////////////////////////*/

#conRe{ border: 0px solid green; margin-bottom:20px; float:right;}
#conRe table td{ padding:5px 0; white-space:nowrap;}
#conRe .form-group{ width:100%;}
#conRe .topSpace{margin-top:32px;}
#conRePartie iframe{ width:96%; }
#chatWin{ height:870px; }

.reCon, .reCon_12{ float:left; width:94%; margin:0 0 0 6% !important;}
.reCon_12{ margin-top:12px !important; }
.reCon .iconcon, .reCon_12 .iconcon{ position:absolute;z-index:100; width:51px; height:51px; 
padding:0px 1px 1px 1px; border-radius:500%; background: #666; left:-25px; top: -25px;}

.reCon .tPBox{
	position:relative;
    margin: 25px 0 0 0;
    width: 100%;
    border: 1px solid #919191;
}
.reCon_12 .tPBox{
	position:relative;
    margin: 25px 0 0 0;
    width: 100%;
    border: 1px solid #919191;
}
/* tZBox vs tPBox !*/
.tPBox{
   float: left;
   background-color: #c3c2c0;
   background-color: rgba(195,194,192, 0.9);
   border-radius: 0;
   box-shadow: 0 0 6px 0 #fff inset;
   margin: 0 0 20px 0;
   border: 1px solid #919191;
	width: 100%;
}

.tPBox_inner, .tPBox .tPBox_inner{
	float: left; line-height: 18px; color: #666; width: 100%;
}
.tPBox_inner{ padding: 15px; display:block;}

#zugContPB{margin:0;width: 100%;float:left;height: 280px;}
#zugContPB.eni{ height: auto;  max-height:56px }
.PB #zugContPB{height: auto; max-height: 142px; min-height: 64px;} /* beruehmte Partien Zugliste*/


#zugContPB table, #zugCont table{ margin:0; border:1px solid #a6a6a6; width: 100%;}
#zugContPB td, #zugCont td{ background-color:#b6b6b5; width:50%; text-align:left; padding: 5px 0; border:1px solid #666;}

#mCountDown{
	width:53px; float:right; height:77px;
	background: transparent url(../gfx/digits_transparent.png) 0 0 no-repeat;  
}
#mCountDown_txt p{
	font-size:10px; font-style:italic;
	text-align:right; margin:0; padding:0;
}
#mCountDownCon{
	float:left; margin:0 10px 0 0;
}

#fortschritt{ float:left;margin:0 0 20px 0; width:100%; }

#pgBar_txt, #mCountDown_txt{
	float:left; margin:6px 0 0 0; font-size:10px; font-style:italic; width: 100%;
}
.progress{ height:20px; border:1px solid #333; background: #e7e7e7; margin-bottom:0px;}
#mCountDown_txt p{ width: 100%; }

#rePB{ min-height:480px;}
#rePB h1{ font-size:24px; padding-bottom:0px; line-height:28px; }
#reEnigma h1{ font-size:23px; padding-bottom:10px; line-height:28px; }

#detailTxt{
	float:left;margin:5px 0 5px 0;
	font-size:13px;
	/* max-height:347px; *//* text soll hoehe definieren */
	overflow-y: auto;
	overflow-x: hidden;
}
#reEnigma #detailTxt { max-height:340px; min-height:250px; }
#detailTxt.studie { max-height:max-content; }
#detailTxt.legende{ min-height:347px; border-bottom: 1px solid white; width:100%; padding-bottom: 15px; }
.quelle{ float:left;width:100%;  }
.pbvb{ float:left; width:100%; font-size: 12px; }
.pbvb a{float:right;}

#detailTxt a { font-size:14px; }
#finTxt{display:none;float:left;margin:5px 0 0 0;width:100%;font-size:12px;padding:0 0 10px 0;}
#finTxt div{ float:left;padding:0 0 10px 0; width:100%; }
#neuzugMsg, #solTxt{ display:none; float:left; }
#anleitung{ float:left;display:block;}

.insetter{
	background-color:#c3c3c3;
	background-color: rgba(165,165,165, 0.8);
	border-radius: 0px; box-shadow: 0 0 6px 0 #fff inset;
	border:1px solid #a6a6a6;
	padding:25px !important;
	margin:5px 0 15px;
}

.insetter p {
    font-size: 12px;font-weight: 200;margin-bottom: 10px; color:#fff;
}

#fTab{ border-collapse:collapse; margin:15px 0 0 30px; }
#fTab td{ height:15px; padding:1px; font-size:11px; line-height:12px; }

a.btnPrint, a.btnPrint:hover, a.btnPrint:active{
	color:#993300;line-height:24px;
	padding:0 0 2px 26px;margin:0;
	text-decoration:none;font-weight:bold;
	background:url(../gfx/btn_print.gif) no-repeat 0px 2px;
}
.txt, a.txt:link, a.txt:hover, a.txt:active { color: #000; }
.txtWhite, a.txtWhite:hover, a.txtWhite:active, .txtWhiteBold, a.txtWhiteBold:hover, a.txtWhiteBold:active { color:#fff; text-decoration: none; }
.txtWhiteBold, a.txtWhiteBold:hover, a.txtWhiteBold:active { font-weight:bold; }
.txtGrey{ color: #e7e7e7; line-height: 14px;font-weight:normal; }
.txtBrown{ color:#993300; line-height: 14px;font-size:12px;font-weight:normal; }
.msgBig{ font-size:16px; }

.mehrPfeil, input.mehrPfeil,  a.mehrPfeil, a.mehrPfeil:hover, a.mehrPfeil:active  {
	padding:0 0 0 15px; margin:0; color:#996633; border:0;
	text-decoration:none; text-align:left; font-weight:bold;
	background:url(../gfx/mehrPfeil2.gif) 0px 2px no-repeat;
}
input.mehrPfeil{
	cursor:pointer;
	background:url(../gfx/mehrPfeil.gif) no-repeat;
}

.mehrPfeilWeiss, input.mehrPfeilWeiss, 
 a.mehrPfeilWeiss, a.mehrPfeilWeiss:hover, a.mehrPfeilWeiss:active  {
	padding:0 0 0 16px;	margin:0 0 0 0; color:#ffffff; border:0; text-align:left; font-weight:bold;
	background:url(../gfx/mehrPfeil2.gif) no-repeat 0px 2px;
	cursor:pointer; text-decoration: none;
}

.tPBox_inner a.mehrPfeil, .tPBox_inner a.mehrPfeil:hover{ display:block; margin:0 0 5px 0;
	font-weight:normal; text-transform: uppercase; background:url(../gfx/mehrPfeil2.gif) no-repeat 0px 2px; }

.gradient_chat{
	margin:10px 3px 0 3px !important;
	width: 284px !important;
}

#spielAdmin label{ font-size:12px;}
.htmlSubspacer{ min-height:150px; padding:0 0 10px 0; }
#adminHL{ height:auto; border-bottom:1px solid #666; margin:5px 0 15px 0;padding:0 0 5px 0;}
.charleft{ float:left; margin:10px 0; font-size:10px; }
.charRight{ float:right;width:44%;text-align:right;margin:10px 0;}

.dNav{ min-height:24px; }

.uline, #liste td, #liste th{ border-bottom:1px solid #7b7b7b; height:40px !important; }
#abc td, #seitenNav td{ border-bottom:0px solid #7b7b7b !important;}
#abc a{ margin-left:5px; }

a.subNav,  a.subNav:hover, a.subNav:active{ font-weight:bold; white-space: nowrap; color:#fff; }
a.subNav_on,  a.subNav_on:hover, a.subNav_on:active{ font-weight:bold; white-space: nowrap;}

.nr, a.nr:link, a.nr:hover, a.nr:active { 
	color:#333333; 
	font-size:10px;
	line-height:14px
}
.img-thumbnail { background-color: #919191; }
.iFrameCon{ margin: 30px 20px; }

/* Solution */

.box{
    background: #dadada; border: 1px solid #ccc; border-radius: 5px; box-shadow: 0 2px 2px rgba(0, 0, 0, 0.15); display: block; margin: 10px 20px;
}

.boxheading {
  	background: -moz-linear-gradient(center top , #f9f9f9 0px, #e9e9e9 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
	background: -webkit-gradient(linear, left top, left bottom, color - stop(0 % , #f9f9f9), color - stop(100 % , #e9e9e9));
	background: -webkit-linear-gradient(top, #f9f9f9 0, #e9e9e9 100 % );
	background: -o-linear-gradient(top, #f9f9f9 0, #e9e9e9 100 % );
	background: -ms-linear-gradient(top,#f9f9f9 0,#e9e9e9 100%);
	background: linear-gradient(top, #f9f9f9 0, #e9e9e9 100 % );
	filter: progid: DXImageTransform.Microsoft.Gradient(startColorStr = "#f9f9f9", endColorStr = "#e9e9e9");

    border-bottom: 1px solid #bababa;
    border-radius: 5px 5px 0 0;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1), 0 1px 0 white inset, 0 -1px 0 rgba(255, 255, 255, 0.7) inset;

    font-size: 16px;
    height: 45px;
    line-height: 45px;
    padding: 0 16px;
    text-align: center;
    text-shadow: 0 1px 0 #fff;
    color: #996633;
    font-family: georgia,serif;
}

#matthalla{ width:auto;margin:15px;padding-top:10px;}
#matthalla dl{ height:220px; width: 100%; overflow-y:auto; overflow-x:hidden; margin:0 ; padding:0 0 0 5px; background: #ccc;}
#matthalla dt, a.arrow_333, a.arrow_333:active, a.arrow_333:hover{ color:#333; text-decoration: none; font-size:12px; padding:0 10px 0 16px; background: url(../gfx/arrow_white.png) no-repeat 0px 6px; margin:0;}
#matthalla dt{ cursor:pointer; margin:5px; border-top:1px solid #a6a6a6; padding:5px 0 2px 18px; }
#matthalla dt:first-of-type {border-top:0px solid #a6a6a6; margin-top:3px; }

#matthalla dt:hover, #matthalla dt.on, a.arrow_333:hover{ background: url(../gfx/arrow_white.png) no-repeat 0px 6px;}
#matthalla dt.on{border-bottom: none;background: url(../gfx/arrow_white_90.png) no-repeat -2px 6px;}
#matthalla dd{ margin:5px 5px 3px 0;padding:0 0 4px 0; color:#fff; display:none; }
#matthalla dd span{ margin:0 0 0 10px;}
#voteHint{ float:left; width:100%; margin:0 0 15px 0;}
a.arrow_333, a.arrow_333:active, a.arrow_333:hover{ background: url(../gfx/arrow_white.png) no-repeat 0px 0px; }
a.arrow_333_r, a.arrow_333_r:active, a.arrow_333_r:hover{ color:#333;
	text-decoration: none;
	font-size:12px; padding:0 16px 0 10px;
	background: url(../gfx/arrow_white_r.png) right no-repeat;
}

.loesung{padding:1px 5px 4px 5px; display:block; text-shadow: 1px 1px 0 #666; font-size:9px; margin:0; }

.matt {
	background-size: 100% auto;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s
	-o-transition: all 0.3s;
	transition: all 0.3s;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
	background-repeat: no-repeat;
	margin:7px 0 0 2px;
	overflow:auto;
	/*  background-position:7px 15px; padding: 9px;opacity:0.9;*/
}

#moveTab{ float:right; margin:0 0 5px 0; }
#moveTab table{ margin:10px 0; }
#moveTab table td{ padding:0; }
#zugsetzer_nav_up, 
#zugsetzer_nav_down, 
#zugsetzer_nav_end_down,
#restart{ cursor:pointer;}

/* SOMA */

.adds, .addsVb{ position:absolute; top: -20px; right:0; font-size:10px; color:#666; text-align:right; margin-bottom:2px;  }
.addsVb{ top: -20px; right:0px; }
.adds_home{ font-size:10px; color:#666; text-align:right; margin:0px 25px 2px 0px;  }
/* ezoic-pub-ad-placeholder-107 */
.ezoic-spezial{ margin-right:25px; }
#soma{ width:100%; margin:0 0 20px 0; }


/* chessmassters */
#cm{float:left;width:100%;margin:0;padding:15px 5px 10px 15px;}
#cm a{margin:4px 2px 4px 2px; font-style:italic;}
#cm h2{ margin-bottom:8px; line-height:20px;}
#cm a:hover{font-style:normal;}
#cm a.cm_s, #cm a.cm_s:hover, #cm a.cm_s:active{ margin:4px 2px 4px 2px; text-decoration:none;font-size:13px;line-height:16px; color:#666;}
#cm a.cm_m, #cm a.cm_m:hover, #cm a.cm_m:active{ margin:4px 2px 4px 2px; text-decoration:none;font-size:16px;line-height:19px; color:#666;}
#cm a.cm_l, #cm a.cm_l:hover, #cm a.cm_l:active{ margin:4px 2px 4px 2px; text-decoration:none;font-size:18px;line-height:22px; color:#333;}


/* variantenbrett  */

#schachbrett{ position:relative;background:transparent; margin:30px 0 0 25px; box-shadow: 0 0 5px 5px #a9a9a9; border:1px solid #666;}

#ablage{position:relative; margin:25px 0 0 0; width:100%; max-width:420px; }
#vbNavCon{ position:absolute; bottom:10px;width:96%; left:5%; }
#vbNav{  float:left; border:0px solid red; height:50px; margin-top:20px;}
#vbNav div{ float:left; display:inline; }
#vbNav #zugsetzer_nav_up, 
#vbNav #zugsetzer_nav_down, 
#vbNav #zugsetzer_nav_end_down,
#vbNav #restart{ width:auto; height:50px; cursor:pointer; /* line-height:66px; padding:2px 3px; */
}
#kompass_vb{ cursor:pointer; padding:0; height:auto; border:0px solid red;float:right;}
#vbNavCon span.glyphicon { font-size: 26px; text-shadow: 1px 1px 0 #333333; }
.heightfixer{ height:50px; }
.heightfixer2{ height:40px; float: left; width: 100%; }

#brettCon{ height:400px; margin-top:0px; position:relative;}
.intro{ max-width:280px;}

.square{ position:absolute;  background-size:100% auto;}
.src_odd {  background-color: #fff; } /* rgba(255, 255, 255, 0.6);   */
.src_even { background: #969594; }
.src_even, .src_odd{border-top: 1px solid #aaa; border-left: 1px solid #aaa; border-right: 1px solid #666;border-bottom: 1px solid #666;}
.src_abc, .src_nr{ font-family: Georgia, "Times New Roman", Times, serif; color:#993300; text-shadow: 1px 1px 2px #fff; font-size:15px !important;} 
.src_abc { line-height: 18px; text-align: center; font-size:13px !important; }
.src_nr { padding-left:5px; }
#partie{ position:absolute;left:35px; bottom:20px;height:20px;z-index:2; font-size:12px !important;}
#partie span.txtWhite{  text-shadow: 1px 1px 1px #333; }
.closer{ position:absolute; z-index:1000; right:20px; top:7px; padding:0; margin:0px 0px; cursor:pointer;}
.closer .glyphicon{ font-size:18px; color:#cc6600; }
.msg{ font-size:12px; color: #993300; }
	
/* Chat & Hilfe */

#chatHelpCon p{ background:#b6b6b5; padding:8px;}
#chatHelpCon h2{ padding:8px; }

.tPBox_Chat{
	float:left; background-color:#c3c2c0; background-color: rgba(195,194,192, 0.9); 
	border-radius: 0px; box-shadow: 0 0 6px 0 #fff inset;
	border:1px solid #a4a4a4;
	margin: 0 10px 10px 0;
	width:96%;
	position:relative;
	padding:4px;
}

#chatHead{ float:left; width:100%; margin:30px 0; }
#chatHead .el{ width:30%;  float:left; border-right:1px solid #666; text-align: center;}
a.cnav, a.cnav2, a.cnav3{display:block; font-size:12px;font-weight: normal;text-decoration:none;}

a.cnav, a.cnav2:hover, a.cnav3:hover{ color:#fff;}
a.cnav2{ color:#333;}
a.cnav3{ color:#666; }

#chatIcon{ position:absolute; right:-12px; top:-13px; width:51px; height:51px;  margin:0; padding:0;}

#chatBody{float:left; height:450px; width:100%; margin-bottom:12px;  }

#chatHelpCon, #chatCont { margin:2px 0 0 3px;float:left; height:350px; width:98%; 
border:1px solid #666; box-shadow: 0 0 3px 3px #a6a6a6; /* background:#dcdcdc; */ background-color: rgba(195,194,192, 0.6); }
#chatTextarea{ margin: 12px 0 0 3px;float:left; height:52px; width:98%; border:1px solid #666; box-shadow: 0 0 3px 3px #a6a6a6; }

#chatCont table{ border-spacing: 1px;  border-collapse: separate; width:100%; }
#chatCont table td{ background:#b6b6b5; padding:2px; font-size:11px; text-align:left; }
#chatCont table td p{ padding:2px 8px 2px 10px;margin:0;}

#chatHelpCon, #chatCont{
	scrollbar-face-color: #DEDFDE;/*scroller*/
	scrollbar-highlight-color: #FFFFCC;
	scrollbar-3dlight-color: #ffffff;/*links*/
	scrollbar-darkshadow-color: #C99E6F;/*rechts*/
	scrollbar-shadow-color: #996633;/*rechts*/
	scrollbar-track-color: #C3C2C0; /*background*/
	scrollbar-arrow-color: #996633;
	overflow:auto;
}

.notation{ padding:8px; float:left; margin-bottom: 5px; width:100%; }
.notation dt{ font-size:12px; float:left; width:40%; padding:4px 4px 4px 0; border-bottom:1px solid #dcdcdc;white-space: nowrap;}
.notation dd{ font-size:12px; font-weight:bold; float:left; width:60%; color:#fff; padding:4px 8px; border-bottom:1px solid #dcdcdc; }


.container, .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    /* 
    padding-left: 0px;
    padding-right: 0px;
    */
}
.row{ /* margin:0; */ }

.mob_li{float:inherit;}
.mob_Re{float:inherit;}

.hide { display:none; }

/* links **********************************************/

#facebookbox{ float:left; }
.liCon{ float:left; position:relative; width:94%; }

.liCon .iconcon{ right:-25px; }
.liCon .tPBox{ margin-top:25px; }

#rip{display:none;}
#SWFigs{padding:10px 15px 20px 15px;}
#SWFigs table{ margin:0; }
#SWFigs table td{ white-space: normal;}


.gm_pic img{ width:100%; margin:0 auto; }
.gm_pic p{ padding:5px 0 10px 0;margin:0;text-align:center;white-space: nowrap; font-size:11px;}

/* Portal Gegner Container */
#gegnerDiv{  margin: 0; }

.gegner{
	float:left;	background:#999; width:48%; margin:1px;
	padding:2px ; border:none; text-align:left;white-space: nowrap;
    -webkit-border-radius:6px;
    -moz-border-radius:6px;
    border-radius:6px;
}

#bubbles{
    position:relative; padding:6px; margin:10px 0 0 0;
    float:left; width:100%; background:#888;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    border-radius:10px;
}
/* creates the triangle */
#bubbles:after {
    content:"";
    position:absolute;
    top:-25px; left:20px;
    border:15px solid transparent;
    border-bottom-color:#888;
    display:block; width:0;
}

.dynOnlinerCon{
	float:left; display:inline; margin:10px 0 0 0;
}

.lorbeerkranz{ width:100%;background:url(../gfx/schachraetsel_lorbeerkranz_90.png) right 12px no-repeat}

.banda_inter{ float:left;width:100%; height:33px; text-align:right;font-weight: bold;  }
.banda_inter div{ position:absolute; right:0px; width:100%; height:33px; background:url(../gfx/bandarole_interaktiv_corner.png) no-repeat right bottom; }
.banda_inter p{ width:100%;height:25px;padding:4px 20px 0 0; background:url(../gfx/bandarole_interaktiv_dot.png);}

.banda_zfz{ float:left;width:100%;height:33px;text-align:right;font-weight: bold; }
.banda_zfz div{ position:absolute; right:0px; width:100%; height:33px; background:url(../gfx/bandarole_zfz_corner.png) no-repeat right bottom; }
.banda_zfz p{ width:100%;height:25px;padding:4px 20px 0 0; background:url(../gfx/bandarole_zfz_dot.png);}

.banda_klassisch{ float:left;width:110%;height:33px; text-align:right;font-weight: bold; }
.banda_klassisch div{ position:absolute; right:0px; width:100%; height:33px; background:url(../gfx/bandarole_klassisch_corner.png) no-repeat right bottom; }
.banda_klassisch p{ width:100%;height:25px;padding:4px 20px 0 0; background:url(../gfx/bandarole_klassisch_dot.png);}

.indianproblem{
	position:absolute;top:-40px; right:40px; width:280px;height:330px;
	background-image:url("../gfx/studie_indischerElefant_bg.png");
	background-position: right;background-repeat: no-repeat;background-size: contain;
}
.roemerHelm{
	position:absolute;top:-50px; left:60px;width:280px; height:330px;
	background-image:url("../gfx/studie-roemerHelm_bg.png");
	background-position: right;background-repeat: no-repeat;background-size: contain;
}

.divider{ margin:40px 0;font-size:33px; }
.right_desk_left_mob{ text-align: right; }

/* form handling */

.form-group {
    margin: 0 10px 10px 0; float:left; width:100%;
}
    
.form-control{
    height: 32px; border-radius: 0px; padding: 2px 6px; font-size: 14px;
    color: #555; background-color: #fff; background-image: none; border: 1px solid #333;
}
.btn{
	line-height: 24px; border-radius: 0px;
}
#msg_{ height:240px; }

/* Slick Switch*/
 
 .switch {
	position: relative;
	display: inline-block;
	width: 30px;
	height: 17px;
	cursor: pointer;
	background: url(../gfx/switch.png) 0 0 no-repeat;
}

.switch .ss-on {
	position: absolute;
	display: block;
	width: 30px;
	height: 17px;
	background: url(../gfx/switch.png) -30px 0 no-repeat;
}

.switch .ss-slider {
	position: absolute;
	left: 0px;
	width: 15px;
	height: 16px;
	margin: 0 1px;
	background: url(../gfx/switch.png) -60px 0 no-repeat;
}

.switch.icons {
	background-position: 0 -17px;
}

.switch.icons .ss-on {
	background: url(../gfx/switch.png) -30px -17px no-repeat;
}


/*	= Hamburger Mob =                                          */


.hamburger {
  position: relative; z-index: 999; width: 40px;height: 32px;margin: 18px 25px;  background: transparent;border: none;
}

.hamburger:hover, .hamburger:focus, .hamburger:active {
  outline: none;
}

.hamburger.is-closed:before {
  content: '';
  display: block; width: 100px; font-size: 14px; color: #fff; line-height: 32px; text-align: center;
  opacity: 0; -webkit-transform: translate3d(0,0,0); -webkit-transition: all .35s ease-in-out;
}

.hamburger.is-closed:hover:before {
  opacity: 1;
  display: block;
  -webkit-transform: translate3d(-100px,0,0);
  -webkit-transition: all .35s ease-in-out;
}

.hamburger.is-closed .hamb-top, .hamburger.is-closed .hamb-middle,
.hamburger.is-closed .hamb-bottom, .hamburger.is-open .hamb-top,
.hamburger.is-open .hamb-middle, .hamburger.is-open .hamb-bottom {
  position: absolute;
  left: 0;
  height: 4px;
  width: 100%;
}

.hamburger.is-closed .hamb-top, .hamburger.is-closed .hamb-middle, .hamburger.is-closed .hamb-bottom {
  background-color: #333;
}

.hamburger.is-closed .hamb-top { 
  top: 5px; 
  -webkit-transition: all .35s ease-in-out;
}

.hamburger.is-closed .hamb-middle {
  top: 50%;
  margin-top: -2px;
}

.hamburger.is-closed .hamb-bottom {
  bottom: 5px;  
  -webkit-transition: all .35s ease-in-out;
}

.hamburger.is-closed:hover .hamb-top {
  top: 5px;
  /* -webkit-transition: all .35s ease-in-out; */
}

.hamburger.is-closed:hover .hamb-bottom {
  bottom: 5px;
  /* -webkit-transition: all .35s ease-in-out; */
}

.hamburger.is-open .hamb-top, .hamburger.is-open .hamb-middle, .hamburger.is-open .hamb-bottom {
  background-color: #333;
}
.hamburger.is-open .hamb-top,.hamburger.is-open .hamb-bottom {
  top: 50%;  margin-top: -2px;  
}
.hamburger.is-open .hamb-top { 
  -webkit-transform: rotate(45deg);
  -webkit-transition: -webkit-transform .2s cubic-bezier(.73,1,.28,.08);
}
.hamburger.is-open .hamb-middle { display: none; }
.hamburger.is-open .hamb-bottom {
  -webkit-transform: rotate(-45deg);
  -webkit-transition: -webkit-transform .2s cubic-bezier(.73,1,.28,.08);
}
.hamburger.is-open:before {
  content: '';
  display: block;
  width: 100px;
  font-size: 14px;
  color: #fff;
  line-height: 32px;
  text-align: center;
  opacity: 0;
  -webkit-transform: translate3d(0,0,0);
  -webkit-transition: all .35s ease-in-out;
}
.hamburger.is-open:hover:before {
  opacity: 1;
  display: block;
  -webkit-transform: translate3d(-100px,0,0);
  -webkit-transition: all .35s ease-in-out;
}


/* =Footer
-------------------------------------------------------------- */

footer{ width:100%; float:left; min-height:300px; background:#383838 url(../gfx/foot_bg.png) repeat-x; font-size:12px; padding-top:20px; }
footer p{ padding:10px; }
footer h2{ margin:20px 0 0 0; padding:0 0 6px 0;
font-family: georgia, serif;  line-height:20px;
color: #efefef; font-size: 17px; text-shadow: 1px 1px 0 #333333;
font-weight:400 !important; border-bottom:1px solid #a6a6a6; }

.watermark{ background:url(../gfx/schachraetsel_watermark.png) no-repeat 220px 60px; }
.dragon{
    position:absolute;width:76px;right:0px;top:-17px;height: 76px;margin: 0;z-index:100;
    background: url('../gfx/flugdrachen.png') no-repeat;z-index: 10;
}
.kMask{
	position:absolute;width:80px;right:-10px;top:-14px;height: 76px;margin: 0;z-index:100;
	background: url('../gfx/Karneval-Maske.png') no-repeat;z-index: 10;
}

footer ul{list-style:none; margin:10px 0 0 0; padding:0;}
footer li{ line-height:24px; background: none !important; padding:0 0 6px 0; margin-bottom:4px;}

footer li a{ display:block; text-decoration: none; padding:0 0 0 16px;}
footer li a.icn_fb{ background: url(../gfx/icn_Sprite.png) no-repeat 0px -1px; padding:0 0 0 42px; height: 43px;}
footer li a.icn_rss{ background: url(../gfx/icn_Sprite.png) no-repeat 0px -43px; padding:0 0 0 42px;}
footer li a.icn_tw{ background: url(../gfx/icn_Sprite.png) no-repeat 0px -84px; padding:0 0 0 42px;}
footer li p{ padding:0 0 2px 0;margin:0;line-height:16px;border-bottom:1px solid #666;font-size:11px; }

footer li a.icn_print{ background: url(../gfx/icn_Sprite.png) no-repeat 0px -208px; padding:0 0 0 35px; display:block; height:24px; line-height:24px !important;}
a.icn_print, a.icn_print:hover{ background: url(../gfx/icn_Sprite.png) no-repeat 0px -208px; padding:0 0 0 35px; margin-top:10px; display:block; height:24px; line-height:24px !important; text-decoration: none;}
footer li a.icn_gear,  a.icn_gear,  a.icn_gear:hover{ background: url(../gfx/icn_Sprite.png) no-repeat 0px -177px; padding:0 0 0 35px; display:block; height:24px; line-height:24px !important;}
h3 a.icn_gear,  h3 a.icn_gear:hover{ color:#666; font-size: 12px; padding:0 0 0 30px;}
footer li a.icn_calc{ background: url(../gfx/icn_Sprite.png) no-repeat 0px -237px; padding:0 0 0 35px; display:block; height:24px; line-height:24px !important;}
footer .container{ min-height:250px;}
footer li a:focus, footer li a:active{ color: #fff; text-decoration:none; }

#blackFoot .container{ min-height:50px;}
footer ul li.txt{ line-height:16px; color:#cecece; }
footer ul li.txt a{ line-height:24px; padding:0 0 0 16px; margin-top: 10px;}

footer a, footer a:hover, a.arrow, a.arrow:hover{ color:#efefef; text-decoration: none; background: url(../gfx/arrow.png) no-repeat 0px 4px; padding: 0 0 0 16px;}
footer a:hover, a.arrow:hover{ background: url(../gfx/arrow_white.png) no-repeat 0px 4px; color:#fff;}

#blackFoot{ background:#000; height:50px; width:100%; padding-top:5px; }
#blackFoot ul{ display: inline; }
#blackFoot ul li{ float:right; padding-right: 6px;}
#blackFoot ul li a{ color:#a6a6a6; }
#blackFoot .netschach{ float:right; color: #fff; margin-left:20px; line-height: 24px;}

.back-to-top {
	position: fixed;bottom:20px;right:20px;z-index: 100;cursor: pointer;display: none;background: #000;color: #fff !important;
	border-radius: 50%;border: 2px solid #ccc;height: 40px;width: 40px;line-height: 36px;text-align: center;font-size: 18px;
}

/* Index Ani */
#schachraetselAni{
	position: relative;
	background: url("../gfx/stuerze_den_koenig_bg.png");
	background-repeat: no-repeat;
	width:100%; height: auto;
}
.ani{
	animation: bounce 1s;
	animation-iteration-count: 1;
}
#sturz{
	width:185px;
	height:200px;
}
#krone{
	position: absolute;
	left: 211px;top:0px;
	width:185px;height:200px;
}
.kippenberger {
	background-repeat: no-repeat;
	overflow:auto;margin-left: 0px; margin-top:0px;
	animation: tilt .7s;animation-iteration-count: 1;
}
@keyframes bounce {
	0% {margin-left:0;}
	50% { margin-left:-20px;}
	65% { margin-left:80px;}
	100% { margin-left:0;}
}
@keyframes tilt {
	0% { }
	30% { margin-left: 60px; margin-top:70px; -webkit-transform:scale(.8) rotate(45deg);transform:scale(.8) rotate(45deg);}
	100% { }
}

/* cookie hint
.cc-window{ margin-right:20px; margin-bottom:40px;}
.cc-theme-classic .cc-btn { border-radius: 0px !important;}
.cc-floating.cc-theme-classic { border-radius: 0px !important;}
.cc-link, .cc-link:active, .cc-link:visited { color: #996633 !important; font-weight: bold; text-decoration: none !important; }
*/

@media all and (max-width: 1200px) {
    #logInBox .btn-login, #logInBox .regBtn{width:100%; margin-bottom:10px;}
	#gamecon #schachbrett{ margin-left:20px; }
	.rBlockTxt p{ line-height:14px; font-size:11px; }
	#conRe .txtWhite{ font-size:12px; }
	#moveCon{  margin:0; padding:0; border:0px solid red; }
	#msgCon{ margin: 10px 0 0 0px; }
	#ziehmodus{ margin:10px 0 0 10px;}
	#oLegende td{ font-size:12px;}
	.statusCon img{  vertical-align: top; }
	#eventIcon{ right:0px; }
	.watermark{ background:url(../gfx/schachraetsel_watermark.png) no-repeat 180px 60px; }
	#reEnigma h2{ font-size:22px; }
	.tBox.nopadding{ background:transparent !important; border:none !important; box-shadow: none; }
	.nopadding{ margin:0 auto; padding:0 !important; }
	a.arrow_333_r, a.arrow_333_r:active, a.arrow_333_r:hover{ padding:0 12px 0 5px;}
	a.arrow_333, a.arrow_333:active, a.arrow_333:hover{ padding:0 5px 0 12px;}
	.tBox_inner_ad{padding: 0 0 0 10px; }
    #kurzForm { margin-left:0px; }

}

@media all and (max-width: 1100px) {
	.rBlockTxt p{ line-height:14px; font-size:11px; }
	.reCon_12 table{ width:96%; }
	.introspace{ margin-top:80px;}

}

@media all and (max-width: 1025px) {
	body, body.resp, body.vb{ background-position: left top; }
	#enigmaNav a {  line-height: 35px;}
	.tBox_inner_ad{padding: 0; }
    #kurzForm { margin-left:20px; }
}

@media all and (max-width: 1000px) {
	.loginBg .pullRight{ float:right; margin-right:0;}
	h1.main { padding: 30px 0 0 30px;}
	#moveCon{  margin:0 0 0 10px; padding:0; border:0px solid green; }
	#ziehmodus{width:70px; margin:10px 0 0 10px;}
	.statusCon img{  vertical-align: middle; }
	#eventIcon{ right: -90px; bottom: -60px; }
	#eventIcon img{ width:70%; }
	.watermark{ background:url(../gfx/schachraetsel_watermark.png) no-repeat 180px 90px; }
	#rePB {  height: auto; min-height: auto; }
	.navbar-nav > li > a { padding:4px 5px 4px 5px !important; font-size: 12px;}
}
@media all and (max-width: 980px) {
	#dynTabCon{ float:left; padding:20px 15px 0 15px; margin: 0 0 0 20px;height: auto; width:100%; }
	#dynTabCon h2{ margin-top: -30px;}
	#features{ padding-top: 20px; }
	.topM40{ margin-top:20px;}
	#detailTxt.legende { max-height:max-content; min-height:max-content; padding-bottom:30px;}
	#stickyAddCon{ position: relative !important; }
	.stickyCon{ height: auto !important; }
}


/* 										mobile														 */
@media screen and (max-width: 767px) {

    input, select, textarea, .form-control { font-size: 16px; }
	body, body.resp, body.vb{ font-size:12px;  background-position: left top; }
	header{ height:70px; margin:0 -15px; background: url(../gfx/bg_stripe_gold.png) bottom repeat-x;}
	header div#logo { width: 70px; height: 70px; margin:1px 0 -1px 20px; }

	h1{ white-space: normal; width:auto; font-size:24px; line-height: 29px; padding: 10px 0px 30px 0px !important; }
    #home h1.bronze{ font-size:27px !important; padding: 30px 0px 10px 10px !important; }
	h1.bronze{ font-size:27px !important; padding: 30px 0 30px 0 !important; }

	h2{ font-size:24px; margin: 5px 0 10px 0; }
    h2.bronze_s{ font-size:20px; }
	h2.vb { font-size: 16px !important; line-height: 20px !important; margin: -2px 0 10px -2px;}
	h3.indigo { font-size: 18px !important; line-height: 20px !important; }
    .bronze .subline{ font-size:23px; line-height:30px;}
	.subline{ font-size:17px; line-height:20px;}
	.cube{  min-height: 70px; border-radius:0; height: auto !important; margin:0;  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.5);}
	header nav a { line-height: 50px; margin: 0 10px; }
    #netschach{ width: 60%; padding-top:20px; text-align:right; }
	#netschach, #netschach table{ margin-top:0; }
	#netschach table{ margin-top:-5px; }
    #netschach img{  display:none; }
	#navbar{ position:static; background:#efefef; }
	nav .container { padding:0; }
	.navbar-nav{ padding:0 0 20px 0; margin:0;}
	.navbar-collapse{border-color: transparent !important; padding-right:0;}

	.navbar-nav > li { border-left: 0px solid #666;  border-bottom: 1px solid #666;  background-color: #c7c7c7;}

	.navbar-nav > li > a { padding:10px 0 10px 25px!important; color: #333; border:0px solid #333; margin:0; font-size:16px !important; }
	.navbar-nav > li > a.home{ padding:25px 0 10px 25px; }
	.navbar-default .navbar-nav>li>a, .navbar-nav > li > a{ background: transparent; color: #333;}
	.navbar-nav .open .dropdown-menu>li>a{ margin:0;}

    #zugzeit{ padding:5px 0 10px 25px; }
	.navbar-nav > li > a, .navbar-nav > li > a:hover{  background-color: transparent; text-shadow: none; }
	.navbar-nav>li>.dropdown-menu { position: static; display: block; margin:0; background-color: #fff;
        border-radius: 0px; float:none; -webkit-box-shadow: none; box-shadow: none; padding:5px 0 10px 0; border:none; }
    ul.dropdown-menu li{ padding: 8px 0 0 5px; display: block; height:auto; float:none; border-bottom: none; background-color: transparent; }
	ul.dropdown-menu li:hover{ background-color: transparent; }
    ul.dropdown-menu li a, ul.dropdown-menu li a:hover{ height:auto;  padding:5px 0 5px 20px; background-color: transparent !important; color: #333; }
    .caret{ display:none;}

    .forMobile{ display:block;}
    .indigo{ font-size:16px; line-height: 18px;}
    .intro{ margin-top:6px;line-height:15px; max-width:160px;}
    .introspace { margin:40px auto 0 auto; max-width:100% !important; overflow:hidden;}
    .startText{ padding-left: 0px; }
    #statistik { padding: 40px 15px;}
    #raetselTeaser{margin:40px 0px 60px 0;}
    #gamecon #brettCon{ margin: 10px 10px 0 -10px !important;}
    #schachbrett, #ablage{ margin:30px 0 0 0; }
    #auswahl{ right: 0px !important; width:220px; padding-top:20px; }
    .uCon{	height: 40px !important; width: 40px !important;padding: 0; }
    #partie{ left:20px; }
    #features{ float:left; padding:10px 0 30px 10px; }
    #dynTabCon{ float:left; margin: 10px 0 0 0;  }
    #dynTab{ height:200px;  }
    #tab1 table, #tab2 table{  width:100%; }
    #tab1 div, #tab2 div { padding:0 2px 0 0;}
    #zugMonitorTab .notation {font-size: 13px; padding:4px 0 0 1px; }
    #zugMonitorTab .weiss{ font-size:12px; }
    #zugMonitorTab .schwarz{ font-size:12px; padding:0; }
    #zugMonitorTab .msg{ padding: 0 0 0 3px; margin: 0; font-size: 12px; }
    .mob_li{ float:left; }
    .mob_Re{float:right;}
    #msgCont{ margin:5px 0 0 0; }
    #content .top{ padding-top:80px; }
    .eBoard{ margin-top:20px; }
	.enLi{ width:50%; }
	.enRe{ width:50%; }
    .border {  padding-top: 0px; }
    #partienListe td{ font-size:10px;}
	#firstBlock h1{ width:100%; }
    footer .container{padding:30px 0 30px 10px;}
    footer ul { margin: 10px 0 0 0; }
    footer h2 { margin: 0 0 20px 0;padding: 0 0 10px 0;}
    #blackFoot .container{ padding: 10px 0 10px 10px;}
    #blackFoot { height: auto; }
    #blackFoot ul, #blackFoot ul li{ float: left;display:block; width:100px; }
    #blackFoot .netschach {  margin: 10px 0 0 0; }

    #loginBoxCon { width: 150px; top: 3px; bottom: auto; left: auto; right: 20px; z-index:100; color:#666; }
    #loginBoxCon input{ margin:5px 0;}
    #loginBoxCon .form-group{ width:100%; margin-bottom: 5px;}
    #loginBoxCon h2{ margin-bottom: 15px; display: block;}
    #gamecon #schachbrett{ background:transparent; margin:0px 0 0 8px;}
    .navbar-form {  border-color: transparent !important;}
    .form-control { width: 100%;  height: 25px; margin:4px 0; }
    #portalcontent .top {  padding-top: 100px; }
    .tBox{ margin-bottom:20px;}
    .tZBox_board {  width: 49%; height:28px; margin: 0;}
    .tZBox_board.first, .tZBox_board.second, .tZBox_board.all{ position:absolute; bottom:0px; left: 20px;}

    .tZBox_board.all{ width:94%;}
    .tZBox_board.second{left: auto; right:0px;}
    .tZBox_board.second .iconcon{ right:-20px; left:auto; }
    .tZBox_inner { padding: 20px 10px;}
     #player_sub_pd, #player_sub{ padding: 0 20px 0 0 !important; width:auto !important; float:right; font-size:10px; }
     #player_top_pd, #player_top{ width:auto !important; padding-left:20px !important; font-size:10px; }

    .tZBox_board #player_li, .tZBox_board #player_re,.tZBox_board #player_top_pd,.tZBox_board #player_sub_pd{ padding:0 0 0 25px; font-size:10px; }
    .tZBox_board #player_re,.tZBox_board #player_sub_pd{  float:right; padding:0 20px 0 0; font-size:10px; }

    #gamecon form{ width:auto;}
    #moveCon{  margin:-60px auto 0 auto; }
    #moveCon .form-control{ font-size:16px; padding:1px;  margin:3px 14px 0 14px; width: 68px; }
    #msgCon{ margin: 0; padding:0; float: right;width: 65%;}
    #msg{ display: inline-block; padding:3px; } /* background:#fff; border:1px solid #cdcdcd; */
	#msgPD{float: none;	margin: -30px auto 0 auto; width: 110px; white-space: nowrap;}
	#zugsetzer_up_spacer{margin-top:11px;}
	#kompass{ margin: 5px 0 0 30px; }
	#ziehmodus{ margin:-25px -50px 0 0; float:right;}
	#enigmaNav {  margin-left: 0px;}
	ul.spy td{ font-size:10px; line-height:12px;}
	ul.spy td a{line-height:16px; display:inline; margin-right:5px;} /* todo: remove '<br>' */
	.spyDiv{ height:auto; line-height:44px; }
	.pLi_01, .pLi_01_sAdmin{ width:44%;}
	.pLi_01_sAdmin{ width:35%;}
	.pLi_02{ width:25%;}
	.pLi_03{ width:14%; padding: 2px 0 0 2px;}
	.pLi_04{ width:17%;}
	.pLi_04_sAdmin{ width:30%; }
	.pLi_01 .msg{ margin:0 1px 0 3px;}
	#paarung .schwarz, #paarung .weiss, #paarung .msg  { font-size:11px; }
	#paarung td { padding:0px; }
	#paarung p{ margin:0 1px 0 0; }
	#paarung .circ{ width:14px;}
	.statusCon{ width:100%; height:20px; }
	.statusCon img{ float:left; vertical-align: middle; }
	.anfrage table td{ line-height:16px !important; font-size:12px !important; }

	.anfrage .spacerLeft_20{ margin-left:10px; }
	
	.spyDiv_noCursor table{ width:100%; }

	#conRePartie iframe{ width: 100%; }
	#partien_con .eBoard{ margin:40px 5px 10px -2px;}
	#conRe .topSpace {  margin-top: 10px;}
	.rBlockHead{ top:-36px; left:-100px; right:0px; margin:10px 0; }
	.rBlockHead a{ float:right; }
	.rBlockHead a h3{ font-size: 14px; }
	.rBlock{ margin:30px 0; min-height:180px;}
	.rBlockTxt { padding: 20px 0 6px 10px; }
	.rBlockTxt p{ line-height:13px; font-size:10px; }
	.divider{ margin:20px 0;}
	.indianproblem{ opacity:0.15; }
	.roemerHelm{ opacity:0.15; }
	.schwierigkeitsgrad{ font-size:10px; line-height:14px; text-align:right; bottom:-22px;}
	.schwierigkeitsgrad .p_pfeil, .schwierigkeitsgrad .p_pfeil:hover { margin: 10px 5px 10px 0;}
	
	a.p_pfeil, a.p_pfeil:hover, a.p_pfeil:active{
	padding: 1px 0 0 20px; margin:0 5px 10px 0; line-height:22px; font-size:13px; color:#fff; white-space: nowrap; }
	a.p_pfeil_g, a.p_pfeil_g:hover, a.p_pfeil_g:active{ font-size:13px; color:#666 !important; white-space: nowrap; }
	.jumbotron, .insetter{ margin:10px 0; padding:15px !important; }
	.reCon, .reCon_12 { width: 100%;  margin: 0 !important; }
    #EniLNK{ text-align: left; margin-bottom:20px}
    #EniLNK h3{  text-align: left; padding:40px 0 20px;}
    #EniLNK h3.secHL{ padding: 40px 0 0 0;}
	#detailTxt{ max-height:max-content;  }
    #reEnigma #detailTxt { min-height:auto; }
	.kMask{ right:0px; }
	.right_desk_left_mob{ text-align: left; }
	.enigmaBoard{ margin-bottom:10px; }
	#enigmaSpecial .melement{ margin: 0 5px; padding: 40px 0; }
	#enigmaSpecial .slick-dots{ left:55% !important; bottom:20px; }
	#enigmaSpecial .slick-prev{ left:50% !important; bottom:20px; }
	#enigmaSpecial .slick-next{ bottom:20px; }
	#enigmaSpecial .slick-center{
		-moz-transform:scale(1)!important; -ms-transform:scale(1) !important; -o-transform:scale(1) !important; -webkit-transform:scale(1) !important;
		opacity:1; transform:scale(1)!important; z-index:99999 !important;
	}
	#schachraetselAdd{ margin:30px 0; width:100%; }
	#krone{ width: auto; }
	#stickyAddCon{ max-width: 100%; }
	.roemerHelm{ top: -20px; }
	.ezoic-spezial{ margin-right:0px; }
}
    
@media (max-width: 650px) {	
	#zugsetzer_nav_up, #zugsetzer_nav_down, #zugsetzer_nav_end_down, #restart{ padding:1px 0; }
	#vbNavCon span.glyphicon { font-size: 24px; }
	#vbNav{ margin-top: 7px; }
	.htmlSubspacer{ margin:20px 0; }

}

@media (max-width: 550px) {
    .addsVb{ /* top: 0px; */ }
	.col-uxsl-12{ width: 100%; }
	.hidden-uxsl{ display:none; }
	.closer{ right:20px; top:4px; }
    .heightfixer2{ /* height:auto; */ }
    #ablage{ margin: 0 0 5px 0 !important; height:140px !important; }
    #vbNav{ width: 100%; border:0px solid red; }
    #vbNavCon{ position:absolute; top:0px; right:10px; width:60%; left: auto;}
    #vbZugCon{ margin-top:8px; }
	#netschach{ display:inline; width: 40%; padding-top:20px; text-align:right; }
    #netschach img{  display:none; }
    #newsCont{width:300px; height:40px; }
    #restart{ padding-right:0px !important; border:0px solid red; }
    #kompass_vb{  padding:14px 10px 0 0;}
    #vbNav{  padding:2px 0 0 9px;}
    #zugsetzer_nav_down{  padding-right:5px;}
    #restart, #zugsetzer_nav_up, #zugsetzer_nav_end_down{  padding-right:0px; }
    #vbNavCon span.glyphicon { font-size: 36px; text-shadow: 1px 1px 0 #333333; }
	.closer .glyphicon{ font-size:16px; color:#cc6600;  }
	.intro{ margin-top:6px;line-height:14px; max-width:124px; font-size:10px;}
	#schachbrett{ margin:24px 0 0 0; }
	#brettCon{ margin-top:0;}
	#partie{bottom:10px;left:0px;}
	.dyn_msg_nav {padding-right:0;}
	#paarung .circ{ font-size:28px;}
	#paarung .msg p{ padding:0 1px 0 3px;}
	#fTab { margin: 15px 0;}
	.anfrage { margin-top:0px;  }
	.lh_mob {line-height:14px; padding:5px 8px 0 0; font-size:10px;}
	.pHint img{ position:absolute; right:-4px;}
	.pLi_04_sAdmin .pHint img{ position:static; right:0;}
	.WM{ background:transparent; border:none !important; box-shadow: none; }
	.WM .tPBox_inner, .nopadding{ overflow: hidden; margin:0 auto; }
	/* .WM .tPBox_inner ins{  margin:0 !important; } */
	.cc-window{ margin-right:0px; margin-bottom:0px;}
    #kurzForm { margin-left:0px; }
	.htmlSubspacer{ min-height:auto; padding:0 0 10px 0; }
}
@media (min-width: 0px) and (max-width: 450px) {
    #kurzForm { height: 500px; }
}


/* test */
.arrow {
    background-image: url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2260%22%20height%3D%2260%22%20viewBox%3D%220%200%2060%2060%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ctitle%3Ebtn_pfeil_solo_links%3C%2Ftitle%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20fill-opacity%3D%22.9%22%20fill%3D%22%23EF3631%22%20d%3D%22M60%200H0v60h60z%22%2F%3E%3Cpath%20d%3D%22M32%2030c2.417-2.7%205.868-10.74%207-16h-1c-5.352%205.758-11.067%2011.195-18%2016v1c6.933%204.747%2012.647%2010.241%2018%2016h1c-1.132-5.29-4.583-13.358-7-17z%22%20fill%3D%22%23FFF%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E);
    background-repeat: no-repeat;
}