body {
    background: #000 url(images/background4.jpg) fixed left top no-repeat ;
    background-size: cover;  
    -webkit-background-size: cover; 
    color:#404040; 
	font-family: sans-serif;
	font-size: 1.0em;
	padding: 0px;
    margin:0px auto;}
    
@media only screen and (max-width: 500px) {   
body {
    background: #000 url(images/background-mob3.jpg) fixed center bottom no-repeat ;
    background-size: cover;  
    -webkit-background-size: cover; }  }

.history { 
    background: #000 url(images/historyback.jpg) fixed no-repeat ;
    background-size: cover; 
    -webkit-background-size: cover; }
    
.fancybox-title-inside-wrap {
    font-size: 0.97em !important;
    color:#202020 !important; }
    
.gallery { 
    background: #000 url(images/galleryback.jpg) fixed top left no-repeat ;
    background-size: cover;  
    -webkit-background-size: cover; }
    
.helppage { 
    background: #000 url(images/helpback.jpg) fixed center no-repeat ;
    background-size: cover;  
    -webkit-background-size: cover; }
    
.restore { 
    background: #000 url(images/restoreback.jpg) fixed top no-repeat ;
    background-size: cover;  
    -webkit-background-size: cover; } 

    
.clear{clear:both;}

* {	margin: 0px;
	padding: 0px; }

img {border-width:0px;}

* { -webkit-text-size-adjust:none; }
* { box-sizing: border-box; }


.anchor {   
display:block;
height: 67px; /*same height as header*/
margin-top: -67px; /*same height as header*/
visibility: hidden;}

@media screen and (min-color-index:0) and(-webkit-min-device-pixel-ratio:0)
{ @media {
.anchor {   
display:block;
height: 70px; /*same height as header*/
margin-top: -70px; /*same height as header*/
visibility: hidden;} }}

html { 
overflow-x: hidden;
overflow-y: scroll; 
scroll-behavior: smooth; 
-webkit-overflow-scrolling: touch;
scroll-padding-top: 0px; /* height of sticky header */}

h1 { 
font-size:1.85em;
font-weight:bold; 
padding: 0px 0px 3px 0px;}

h2 { 
font-size:1.45em;
font-weight:bold; 
padding: 0px 0px 3px 0px;}

h3 { 
font-size:1.35em;
font-weight:bold; 
padding: 0px 0px 3px 0px;}

h4 { 
font-size:0.85em; text-align:left;
font-weight:bold; 
margin: 2px 5px;}

p   {margin: 10px 0px; width: 100%;}
p.sb{margin: 15px 0px 0px 0px;}
p.sb2{margin: 15px 0px 8px 0px;}
p.xl{margin: 20px 0px;}
p.xs{margin: 2px 0px 3px 0px;}
p.xs2{margin: 4px 0px 8px 0px;}

a {color:#0000c0;text-decoration: none;}
a:hover {color:#0000c0;text-decoration: underline;}

.dark {color:#ffffff; }
.dark a {color:#ffff00; text-decoration: none;}
.dark a:hover {color:#ffff00; text-decoration: underline;}

.light {color:#202020; }
.light a {color:#0000c0;text-decoration: none;}
.light a:hover {color:#0000c0;text-decoration: underline;}

.light2 {color:#202020; }
.light2 a {color:#000262;text-decoration: none;}
.light2 a:hover {color:#000262;text-decoration: underline;}

.alt4 a {color:#e0e0e0; text-decoration: none;}
.alt4 a:hover {color:#ffffff; text-decoration: none;}

#line {
display:inline-block;
height:1px; width:100%;
border-top:1px solid; 
margin:6px 0px; }

/********************** Columns etc ***************************/

/* For mobile phones: */
[class*="col-"] {
  width: 100%; }

[class*="col-"] {
  float: left; }
  
@media only screen and (min-width: 321px) {   
.logosmall { display: none; z-index:500; }
.logofull { display: inherit; z-index:500; } }

@media only screen and (max-width: 330px) {   
.logosmall { display: inherit; z-index:500; }
.logofull { display:none; z-index:500; } }

@media only 
screen and (max-width: 799px), 
screen and (min-width: 800px) and (max-height:500px) {
 /**** MOBILE *****/
  #topbuffer { margin-top: 50px; }
  .mobile { display: inherit; }
  .tabplus { display:none; }
  .burger { display: inherit; }
  .topfrost {height:50px;}
  .fullmenu { display: none; } 
  .only800 { display:none; }
  .only1000 { display:none; } 
  .fb600 { display:inherit; position:fixed; top:51px; width:100%; margin-top:0px;}   
  .fboxr { margin: 0px 0px 5px 0px; border-radius: 0px; } 
  .bingobig {display:none; }
  .bingomid {display:none; }
  .bingosmall {display:inherit; top:55px; right:45px; margin:0px auto;} 
  .bingotiny {display:none; } 
  }

@media only screen and (max-width: 500px) {
  .bingobig {display:none; }
  .bingomid {display:none; }
  .bingosmall {display:none; }
  .bingotiny {display:inherit; top:75px; } }  
  
@media only 
screen and (min-width: 800px) and (min-height:500px) {
  /* TABLETS ETC 800 */
  #topbuffer { margin-top: 53px; }
  .col-s-1 {width: 70%; }
  .col-s-2 {width: 30%; }
  #mainright800 { display:inherit; }
  #mainright { display:none; }
  .mobile { display:none; }
  .tabplus { display:inherit; }
  .burger { display: inherit; }
  .topfrost {height:50px;}
  .fullmenu { display: none; } 
  /**  #headmenu { margin:13px 0px 0px 0px; } ***/
  .fb600 { display:none; } 
  .only800 { display:inherit; }
  .only1000 { display:none;  } 
  .fboxr {margin: 5px 10px 5px 0px; border-radius: 8px; }
  .margin-alt { margin: 5px auto 15px auto; }
  .bingobig {display:none; }
  .bingomid {display:inherit; top:125px; right:25px; margin:0px auto;}
  .bingosmall {display:none;}
  .bingotiny {display:none; } 
  }

@media only 
screen and (min-width: 940px) and (min-height:635px) {
  /* FULL SIZE DESKTOP */
  #topbuffer { margin-top: 53px; }
  .col-1 {width: 70%;}
  .col-2 {width: 30%;}
  #mainright800 { display:none; }
  #mainright { display:inherit; }
  .mobile {display: none; }
  .tabplus { display:inherit; }
  .burger { display: none; }
  .topfrost {height:50px;}
  .fullmenu { display: inherit; } 
  #headmenu { margin: 13px 0px 0px 0px; }
  .fb600 { display:none; } 
  .only800 { display:none; }
  .only1000 { display:inherit; }
  .fboxr {margin: 5px 10px 5px 0px; border-radius: 8px; } 
  .bingobig {display:inherit; top:200px; left:450px; }
  .bingomid {display:none;}
  .bingosmall {display:none;}
  .bingotiny {display:none; } 
  }
  
.row {
  height:100vh;
  width:100%; padding-bottom:30px; }
  
.row::after {
  content: "";
  clear: both;
  display: table; }
  
#mainleft { 
  display:block; 
  text-align: justify; 
  color:#fff; }
  
#mainright { 
  text-align: justify; 
  padding: 0px 10px 0px 0px;
  color:#ffffff; }
  
#right800 { 
  text-align: justify; 
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  color:#ffffff; }
  
#rholdbox { position: fixed; }
  
#head { display:table; width:100%; }

.topfrost { 
  background: rgba(0, 0, 0, 0.8) ;
  position:fixed; top:0px; width:100%; margin: 0px ;
  z-index:99; }
  
.topfrost::after {
  content: "";
  clear: both;
  display: table; }

/*****************************************************************/

#indexleft { max-width:525px; margin-top:0px; }
.noscroll { position:fixed; left:20; top:50; max-width:55%; }

#idxsplash { margin-top:51vh; margin-bottom:25px; }

      @media only screen and (max-height: 719px), and (min-height: 300px) { 
      #idxsplash { margin-top:48vh; } }

      @media only screen and (min-height: 720px) { 
      #idxsplash { margin-top:55vh; } }
      
      @media only screen and (min-height: 820px) { 
      #idxsplash { margin-top:65vh; } }
      
      @media only screen and (min-height: 950px) { 
      #idxsplash { margin-top:69vh; } }

@media only screen and (min-width: 800px) { 
#indexleft { max-width:75%; } }

@media only screen and (max-width: 799px) { 
#indexleft { max-width:75%; } }

@media only screen and (max-width: 590px) { 
#indexleft { max-width:100%; } }
  
/*****************************************************************/

.box-wbl {
    background: #000019; max-width:825px;
    color: #ffffff; text-align:justify;
    padding: 10px 20px 15px 20px;
    border-radius: 8px;
    border: 1px solid #c0c0c0; }
    
.box-clr {
    background: rgba(0, 0, 0, 0.55); ; max-width:825px;
    color: #ffffff; text-align:justify;
    padding: 10px 20px 15px 20px;
    border-radius: 8px;
    border: 0px solid #c0c0c0; }
    
.box-75 {
    background: rgba(0, 0, 0, 0.80); max-width:825px;
    color: #ffffff; text-align:justify;
    padding: 10px 15px 12px 15px;
    border-radius: 8px;      }
    
.box-bingo {
    background: #ffffff; max-width:825px;
    color: #303030; text-align:justify;
    padding: 10px 20px 15px 20px;
    border-radius: 8px;
    border: 0px /** solid #c0c0c0 **/ ; }
    
#binghome {
    position:fixed; }
    
.box-fff {
    background: #ffffff; max-width:825px;
    color: #303030; text-align:justify;
    padding: 10px 20px 15px 20px;
    border-radius: 8px;
    border: 0px /** solid #c0c0c0 **/ ; }
    
.fboxr {
    background: #3b579d url(images/facebook-30-square.png) right center no-repeat;
    color: #ffffff; text-align:left;
    padding: 10px 40px 8px 15px; }
 
.box-75r {
    background: #8c0000; position:fixed; bottom:22px;
    color: #ffffff; text-align:justify;
    padding: 10px 15px 12px 15px;
    margin: 10px 10px 10px 0px !important;
    border-radius: 8px;   }
    
.box-75m {
    background: #8c0000; 
    color: #ffffff; text-align:justify;
    padding: 10px 20px 15px 20px;
    margin: 20px 0px 0px 0px;
    border-radius: 8px;      }

.nhold {
    margin:10px 25px 0px 0px; }
    
.box-75n800 {
    background: rgba(0, 0, 0, 0.80); 
    position:fixed; bottom:35px; max-width:67%; min-width:50%;
    color: #ffffff; text-align:justify;
    padding: 10px 20px 15px 20px; margin-left:-30px;
    border-radius: 8px; }
    
.gall-early {
    background: #44231c url(images/d1041e-0000s.jpg) no-repeat left center;
    color:#ffffff;
    height:100px; text-align:left;
    padding: 35px 0px 0px 150px; 
    margin: -10px -20px 0px -20px ;
    border-radius: 8px 8px 0px 0px; 
    border:0;}  
    
.gall-blue {
    background: #314b66 url(images/d1041b-0000s.jpg) no-repeat left center;
    color:#ffffff;
    height:100px; text-align:left;
    padding: 35px 0px 0px 150px; 
    margin: -10px -20px 0px -20px ;
    border-radius: 8px 8px 0px 0px; 
    border:0;}  
    
.gall-pres {
    background: #fff url(images/d1041p-0000s.jpg) no-repeat left bottom;
    color:#000;
    height:100px; text-align:left;
    padding: 35px 0px 0px 150px; 
    margin: -10px -20px 0px -20px ;
    border-radius: 8px 8px 0px 0px; 
    border:0;}     
    
.gall-rest {
    background: #fff url(images/d1041r-0000s.jpg) no-repeat left center;
    color:#000;
    height:100px; text-align:left;
    padding: 35px 0px 0px 150px; 
    margin: -10px -20px 0px -20px ;
    border-radius: 8px 8px 0px 0px; 
    border:0;}  
    
    
@media only screen and (max-width: 500px) {   
.box-wbl, .box-75, .box-fff, .box-clr, .gall-early,
.gall-blue { border-radius: 0px 0px 0px 0px; } }

/*************************************************************************/

.margin-alt { margin: 5px auto 15px auto; }
.margin-alt2 { margin: 10px 35px 15px 42px; }

@media only screen and (max-width: 1210px) and (min-height: 500px) {   
.margin-alt { margin: 5px 15px 10px 15px; } }

@media only screen and (max-width: 500px) {   
.margin-alt, .margin-alt2 { margin: 0px 0px 4px 0px; } }

.infoflex { display:flex; flex-wrap: wrap; width:100%; }
.infoleft { float:left; flex:1; flex-basis:300px; }
.inforight { float:left; flex:1; flex-basis:300px; }

.infoleft2 { float:left; flex:1; padding-right:35px; }
.inforight2 { float:left; flex:1; padding-right:35px; }

.infoleft3 { float:left; flex:1; flex-basis:220px; padding-right:10px; }

.infocd1 { float:left; flex:1; flex-basis:195px; }
.infocd2 { float:left; flex:1; flex-basis:390px;  }

.infocont1 { float:left; flex:1; flex-basis:250px; }
.infocont2 { float:left; flex:1; flex-basis:390px;  }

/***************************************************************/
    
#restorephoto {
  display: flex; background:#b6b6b6; max-width:750px;
  flex-wrap: wrap;  
  padding: 5px; width:auto;
  margin: 0px auto;
  border-radius: 5px; }
  
#vidbox {
  background:#b6b6b6;
  padding: 15px; width:auto; min-height:350px; 
  margin: 0px auto;
  border-radius: 5px; }
  
.video-responsive{
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0; }
    
.video-responsive iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute; }
  
.photores {
   width: auto ; max-width:100% !important;
   min-height: 1px; /** max-height:500px; **/
   padding:5px;}
   
.photores-alt {
   max-width: 100% !important;
   height: auto; }
   
#list ul {
   list-style-type: disc; text-align:left;
   list-style-position: outside;
   margin:0px 15px;}  

#gallery-holder { margin:0px -20px;
overflow:hidden;  }
   
#gallery-box {
display:table-cell; 
text-align:center; width:100%;
background:#dddddd; 
padding:20px 8px 10px 8px;  }

#navstuck {
    background: rgba(0, 0, 0, 0.85); 
    position:sticky; position: -webkit-sticky;
    bottom:30px; max-width:335px; 
    text-align:center; z-index:101;
    padding: 10px 10px 10px 10px;
    margin: 25px auto 10px auto;
    border-radius: 3px; }
    
#navstuck2 {
    display:block;
    background: rgba(255,255,255,0.85); 
    position:sticky; position: -webkit-sticky;
    bottom:30px; max-width:335px; 
    text-align:center; z-index:101;
    padding: 10px 10px 10px 10px;
    margin: 25px auto 10px auto;
    border-radius: 3px; }
  
#cd41 {
  background: #010134; 
  margin: 10px -15px 10px -15px; 
  padding: 15px; }
  
#gallerybox2 {
  display:table-cell; 
  text-align:center; width:80%;
  background:#ffffff; 
  padding:12px 8px 10px 8px;  }
  
#gallerybox3 {
  display:table-cell; 
  text-align:center; width:80%;
  background:#e0e0e0; 
  padding:12px 8px 10px 8px;  }

  

   
  

  

  
  
  
  
    
/************ BOTTOM AREA *********************/
  
#footer {
  display:table; text-align:left;
  position:fixed; 
  bottom:0; width:100%;
  background-color: #404040;
  color: #ffffff;
  font-size: 12px;
  margin:0px 0 0px 0;
  padding: 5px 10px; }
  
/********************** TABLES **********************/

.tables { 
position:relative; font-size:inherit; text-align:left; overflow-x:hidden; }

#tmoves table { 
position:relative;
max-width:100%; }

#tmoves th {
color:#202020;
background-color:#ffffff;
padding: 3px 2px 3px 4px;
/**
position: sticky;
position: -webkit-sticky;
top:50px; **/ }

#tmoves td { 
text-align:left;
padding: 5px 5px; }

#tmoves td:nth-child(1) {text-align:center;}
#tmoves td:nth-child(2) {text-align:center;}
#tmoves tr:nth-child(even) {background-color: #202020;}  
#tmoves tr:nth-child(odd) {background-color: #4f4f4f;}

/*************** MENUS ********************/

#menuholder {
  position:fixed; top:9px; left:5px; }
  
#headmenu { 
  position:fixed; width:100%; 
  padding-left: 5px;}
  
#headmenu ul {
  overflow: hidden; 
  list-style-type: none;
  margin: 0px;
  padding: 0px; }
  
#headmenu li { 
  float:left;  }
  
#headmenu li a { 
  display:block; 
  color: white;
  text-align: left;
  text-decoration: none;
  padding: 5px 10px; }

#headmenu li a:hover { 
  background: #fff; color: #202020; }
  
#headmenu li.nh {
  margin-right:-5px;  }
   
#headmenu li.nh a:hover { 
  background: none; }
  
/**  
.dropdown:hover .dropbtn { 
  background: #ffffff; color: #202020 !important; }       
**/  
  
li.dropdown {
  display: inline-block;   }
  
.dropdown-content { 
  display: none;
  position: absolute;
  min-width: 134px;
  z-index: 101; }

.dropdown-content a { 
  padding: 8px 15px !important; }
  
.is-visible {
  background: rgba(0, 8, 0, 0.50);
  display: block !important; 	}
  
.not-visible {display: none; }

/**  
.dropdown:hover .dropdown-content { 
  display: block; 
  background: rgba(0, 0, 0, 0.80);  }
**/
  
/****************************** SMALL MENU *******************************/

.sidemenu2 { 
  display: none; }
  
.sidemenu2 a { 
  display:block; width: 145px; height:30px;
  color: white; background: #000;
  text-align: left; 
  text-decoration: none;
  padding: 5px 15px; 
  border-bottom: 1px solid #707070;}
  
.sidemenu2 a:hover {
  background: #fff; color: #202020;  }
  
.is-visiblex {
  display: block !important; 	
  position: absolute; 
  margin-top:50px;
  margin-left:-5px;
  z-index: 702; }
  
/**  
#menuholder:hover #sidemenu2 {
  display: block;   }
**/
    
.dropside-content {
  display: none;   }    
  
.dropside-content a {
  text-decoration: none; background: #303030;
  text-align: left; min-height:30px; min-width:170px;
  padding: 5px 10px;
  border-bottom: 1px solid #707070;  }

  /**
.is-visiblez {
  display: inline-flex; flex-wrap:wrap; 
  position:absolute; left:170px; margin-top:-32px;
  background: #000;  
  width:auto;
  z-index: 803; }
**/ 

#hisburg:hover .dropside-content, #hisburg:active .dropside-content {
  display: inline-block !important;
  position:absolute; left:145px; margin-top:-30px; 
  background: #000;  
  width:auto;
  z-index: 803; }
  
#restburg:hover .dropside-content, #restburg:active .dropside-content {
  display: inline-block !important;
  position:absolute; left:145px; margin-top:-30px;
  background: #000;  
  width:auto;
  z-index: 803; }
  
#gallburg:hover .dropside-content, #gallburg:active .dropside-content {
  display: inline-block !important;
  position:absolute; left:145px; margin-top:-30px;
  background: #000;  
  width:auto;
  z-index: 803; }
  
/*************************************************************************/