@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  /* font-display: swap; */
  src: url("fonts/OpenSans-Light.ttf") format("woff2"),
		 url("fonts/OpenSans-Light.ttf") format("woff");
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  /* font-display: swap; */
  src: url("fonts/OpenSans-SemiBold.ttf") format("woff2"),
		 url("fonts/OpenSans-SemiBold.ttf") format("woff");
}

html {
 background-color:white; 
 background-image:url(src/bg-html.jpg);
 background-position:50% 0;
 background-repeat:no-repeat;
 min-height:100%;
 font-family: 'Open Sans', sans-serif;
 font-size:12px;
 color:#2e2e2e;
 min-width:860px;
}
body {
}
html,body,h1,h2,h3,h4,h5,p,div,span,form {
 padding:0;
 margin:0;
}
a {
 color:black;
 text-decoration:none;
} 
img {
 border:0;
}

#master {
 width:860px;
 margin:0 auto;
 /* padding-top:244px; */
}
.master_s {
 width:600px;
}

#adresscont {
 /* display:flex; */
 /* flex-wrap:wrap; */ 
 width:860px;
 justify-content:space-between;
 text-align:center;
 border-bottom:1px solid #c6c6c6;
 padding-bottom:17px;
 margin-bottom:14px;
}
#hspcont {
 font-family: 'Open Sans', sans-serif;
 font-size:12px;
 width:860px;
 /* margin:0 -3px; */
}


#footer {
 width:860px;
 margin: 0 auto;
 min-height:60px;
 text-align:right;
}
#footer a {
 color:#999;
}
#footer a:hover {
 color:black;
}

.homebutton {
 display:block;
 height:204px;
 width:620px;
 margin:0 auto 40px;
}

.adressbox1 {
 display:grid;
 grid-template-columns: 285px 284px 285px;
 grid-template-rows: 82px 82px;
 grid-column-gap: 3px;
 grid-row-gap: 3px;
}
.adressbox2 {
 margin-top:3px;
 display:grid;
 /* grid-template-columns: 212px 213px 213px 213px; */
 grid-template-columns: 285px 284px 285px;
 grid-template-rows: 82px;
 grid-column-gap: 3px;
 grid-row-gap: 3px;
}
.infobox {
 position:relative; 
 background-color:rgba(57,57,57,0.1);
 display:inline-block;
 vertical-align:top;
 text-align:center;
 line-height:16px;
}
.infobox_s {
 position:relative; 
 background-color:rgba(57,57,57,0.1);
 display:inline-block;
 vertical-align:top;
 text-align:left;
 padding:20px;
 width:100%; 
 font-family:sans-serif;
 font-size:1.3em;
}
h2, .h2 {
 font-weight:bold;
 font-size:12px;
 color: #2e2e2e;
}
.infobox:nth-child(3n+3) {
 margin-right:0;
 /* background-color:red; */
}
.infobox:nth-child(5) {
 grid-column-end:span 2;
 /* background-color:red; */
}
.ytbox, .spotbox {
 font-weight:bold;
}
/* a.infobox:hover { */
 /* background:rgba(255,255,255,0.2); */
/* } */

.ico {
 display:inline-block;
 background-image:url(src/sprite-1.png);
 vertical-align:baseline;
 margin-right:6px;
}
.ico_phone {
 background-position:-224px -3px;
 width:11px;
 height:9px;
}
.ico_mail {
 background-position:-242px -3px;
 width:12px;
 height:9px;
}
.ico_yt {
 background-position:-107px -87px;
 width:96px;
 height:22px;
 padding-top:4px;
 margin:0 0 3px 0;
}
.ico_spot {
 background-position:0px -87px;
 width:91px;
 height:27px;
 margin:0 0 3px 0;
}
.hscbox {
 background-image:url(src/sprite-1.png);
 width:213px;
 height:82px;
 margin-right:0;
}

.hs_topline {
 display:flex;
 justify-content:space-between;
}

.hsplist {
 display:grid;
 grid-template-columns: 201px 201px 201px 201px;
 grid-template-rows: 40px 40px 40px 40px 40px 40px 40px; 
 grid-column-gap: 19px;
 grid-row-gap: 21px;
 margin:10px -3px 0;
 /* flex-wrap:wrap; */
 /* justify-content:space-between; */
}
.hspico {
 background-image:url(src/sprite-2.png);
 background-repeat:no-repeat;
 overflow:hidden;
 text-indent:-9000px; 
 width:201px;
 height:40px;
 flex:0 0 201px;
 display:inline-block;
 margin:0 0 15px 0;
 border:3px solid white;
 -webkit-box-shadow: 0 4px 4px -3px rgba(0,0,0,0.7);
 box-shadow: 0 4px 4px -3px rgba(0,0,0,0.7);
}
.hspico_dlh {
 background-position:0 0;
}
.hspico_klassiker {
 background-position:-220px 0;
}
.hspico_dragonlance {
 background-position:-439px 0;
}
.hspico_cyber {
 background-position:-659px 0;
}
.hspico_horror {
 background-position:0 -61px;
}
.hspico_merle {
 background-position:-220px -61px;
}
.hspico_arkadien {
 background-position:-439px -61px;
}
.hspico_sturm {
 background-position:-659px -61px;
}
.hspico_heff {
 background-position:0 -123px;
}
.hspico_videospiel {
 background-position:-220px -123px;
}
.hspico_schwarzeauge {
 background-position:-439px -123px;
}
.hspico_fussball {
 background-position:-659px -123px;
}
.hspico_karlmay {
 background-position:0 -308px;
}
.hspico_holmes {
 background-position:-220px -308px;
}
.hspico_daedalic {
 display:none;
 background-position:-439px -308px;
}
.hspico_mordinserie {
 background-position:-0px -185px;
}
.hspico_sexinserie {
 background-position:-220px -185px;
}
.hspico_teamunderc {
 background-position:-439px -185px;
}
.hspico_morgan {
 background-position:-659px -185px;
}
.hspico_potz {
 background-position:-0px -246px;
}
.hspico_gespenster {
 background-position:-659px -246px;
}
.hspico_hellokitty {
 background-position:0px -360px;
}
.hspico_goldagen {
 background-position:-202px -360px;
}
.hspico_wolkenvolk {
 background-position:-404px -360px;
}
.hspico_cthulhu {
 background-position:-606px -360px;
}
.hspico_dlhabent {
 background-position:0px -401px;
}
.hspico_vandusen {
 background-position:-202px -401px;
}
.hspico_tba {
 background-position:-404px -401px;
}
.hspico_sherlock {
 background-position:-606px -401px;
}
.hspico_infinity {
 background-position:0 -442px;
}
.hspico_larrybrant {
 background-position:-202px -442px;
}
.hspico_lupin {
 background-position:-404px -442px;
}
.hspico_bibelat {
 background-position:-606px -442px;
}
.hspico_bibelnt {
 background-position:0 -483px;
}
.hspico_solomon {
 background-position:-202px -483px;
}

.cover_placeholder {
 display:inline-block;
 height:32px;
 width:32px;
 background-color:#777;
background: rgb(89, 89, 89);
background: -moz-linear-gradient(30deg, rgb(89, 89, 89) 0%, rgb(137, 136, 137) 100%);
background: -webkit-linear-gradient(30deg, rgb(89, 89, 89) 0%, rgb(137, 136, 137) 100%);
background: -o-linear-gradient(30deg, rgb(89, 89, 89) 0%, rgb(137, 136, 137) 100%);
background: -ms-linear-gradient(30deg, rgb(89, 89, 89) 0%, rgb(137, 136, 137) 100%);
background: linear-gradient(120deg, rgb(89, 89, 89) 0%, rgb(137, 136, 137) 100%);
 color:white;
 font-size:14px;
 text-align:center;
 line-height:32px;
 font-weight:bold;
 font-family:Sans-serif;
 text-shadow: 0px 0px 3px rgba(0, 0, 0, 1);
}

.default-table {
 border-spacing:1px;
 margin-left:-1px;
 color:#455459;
 text-align:left;
 width:100%;
}
.default-table a {
 color:#455459;
}
.default-table th {
 /* background-color:#495559; */
 background: url("custom-theme/images/ui-bg_glass_75_e6e6e6_1x400.png") repeat-x scroll 50% 50% #E6E6E6;
 border: 1px solid #D3D3D3;
 color:#555555;
 font-weight:normal;
 font-size:10px;
 padding:2px 0 2px 8px;
}
.dataTables_wrapper .default-table th {
 color:#555555;
}
.default-table td {
 padding:1px 3px;
 white-space:nowrap;
 /* background-color:#f6f7f9; */
}
.default-table .altBG td {
 background-color:#e6e9eb;
}
/* css for autocomplete */
.default-table tr:nth-of-type(even) td		{ background-color: transparent; }
.default-table tr:nth-of-type(odd) td	      { background-color: #E6E9EB;}

.default-table tr.row_green:nth-of-type(even) td		{ background-color: #e7f7e7; }
.default-table tr.row_green:nth-of-type(odd) td	      { background-color: #d0ebd0;}

.default-table tr.row_red:nth-of-type(even) td		{ background-color: #f7e7e7; }
.default-table tr.row_red:nth-of-type(odd) td	      { background-color: #ebd0d0;}


.h_center {
 position:absolute;
 left:50%;
 transform: translate(-50%,0);
}
.vh_center, .text {
 position:absolute;
 top:50%;
 left:50%;
 margin-right:-50%;
 transform: translate(-50%,-50%);
}
.v_center {
 position:absolute;
 top:50%;
 transform: translate(0,-50%);
}

.b { font-weight:bold!important;}
.dib { display:inline-block;vertical-align:top; }
.dn { display:none; }
.fwn { font-weight:normal;}
.fl { float:left; }
.fr { float:right; }
.pr { position:relative; }
.cb { clear:both; }
.tal { text-align:left; }
.tar { text-align:right; }
.tac { text-align:center; }
.tcw { color:white; }
.tcb { color:black!important; }
.oh { overflow:hidden; }
.db { display:block; }
.ml4 { margin-left:4px; }
.vatb {vertical-align:text-bottom;}
.vam {vertical-align:middle;}
.nowrap { white-space:nowrap; }
.spacer { clear:both;display:block; }
.cp { cursor:pointer; }
.spacer:after {
 clear:both;
 content: ".";
 display: block;
 height: 0;
 visibility: hidden;
}