


          /*h1+2+3 er google optimering*/
h1 {
   font: 1px Times New Roman, serif;
   background: rgba(255, 255, 255,0.01 );
   color: rgba(255, 255, 255,0.01 );
   text-align: center;
}
h2 {
   font: 1px Times New Roman, serif;
   background: rgba(255, 255, 255,0.01 );
   color: rgba(255, 255, 255,0.01 );
   text-align: center;
}
h3 {
   font: 1px Times New Roman, serif;
   background: rgba(255, 255, 255,0.01 );
   color: rgba(255, 255, 255,0.01 );
   text-align: center;
}


a.whitelink {
	text-align : center;
	color     : #FFFFFF;
	text-decoration: none;
	}

/*h1a er tittel */

h1a {
    text-align:center;
    font: 35px  Georgia, serif;
    letter-spacing: 2px;
    font-weight: bold;
    color: White;
    text-shadow:
   -1px -1px 0 #000,  
    1px -1px 0 #000,
    -1px 1px 0 #000,
     1px 1px 0 #000;
}
.geo{  
 z-index: 1;
  position: absolute;
  top:85px;  /*to linier overskrift 115px en linie 85px*/
  margin:20px auto 5px auto;
  left:45%;
  width:10%;
  height: 50px;
  background:rgba(255, 255, 255, 0.01);
  text-align: center;
}


.info{
 z-index: 1;
position : absolute;
top: 30px;
right: 2%;
width:10%;
height:50px;
background:rgba(255, 255, 255, 0.01);
}

.Home{
 z-index: 1;
position : absolute;
top: 30px;
left: 3%;
width:10%;
height:50px;
background:rgba(255, 255, 255, 0.01);
text-align: center;
}

.Play{
 z-index: 1;
position : absolute;
top: 30px;
Left:14%; 
width: 10%;
height:50px;
background:rgba(255, 255, 255, 0.01);
text-align: center;

}

.Tittel{ 

  position:absolute;
  left:25%;
  top:5px;
  margin:30px auto 5px auto;
  width: 50%;
  height: 70px;
  background:rgba(255, 255, 255, 0.01);
  text-align: center;
}

.click{ 
  text-align: center; 
   position:absolute;
  font-size:19px;
  left:3%;
  top:85px;
  color: white;
   text-shadow:
   -1px -1px 0 #000,  
    1px -1px 0 #000,
    -1px 1px 0 #000,
     1px 1px 0 #000;
}
                                /*index 0 og top 13 hvis synlig*/
#hits_col {
	text-align: center;      
               position : absolute;
	height: 1%;
	width: 10%;
	top:7%;
	right: 45%;
	z-index: 2;
	background:rgba(255, 255, 255, 0.01); /* Laver kassen til billede transperent */
}
  /* ON MOUSE OVER  INFO*/

p {    
  font-size: 18px;
}

.tooltip {
 z-index: 2;
  top:25px;
  left:89%;
  width: 8%;
  height:50px;
  color: #fff;
  position: relative;
  display: inline-block;

}

.tooltip .tooltiptext 
{
  visibility: hidden;
  width: 550px;
  background-color:#0033ff ;
  color: #fff;
  text-align: center;
  border-radius: 24px;
  padding: 12px 12px;

  /* Position the tooltip */
  
  position:absolute;
  z-index: 1;
  right: 105%;
}

.tooltip:hover .tooltiptext {
  visibility: visible;
}
  /* INFO slut*/

/* Justering af billede størrelse Slide show*/

	
.highslide-gallery ul li {
        top:140px;  /* afstandt til top*/
	width: auto;
	height: 260px; /* Max højden på kassen til billede*/
	border:0px ;
 	background:rgba(255, 255, 255, 0.01); /* Laver kassen til billede transperent */
	margin:2px2px 2px 2px;
	
   /* EKSEMPEL
     margin:10px 5px 15px 20px

      top margin is 10px
      right margin is 5px
      bottom margin is 15px
      left margin is 20px  */

    }

    html>body .highslide-gallery ul img {
	position: static;
        max-height: 258px; /* Max højde af billede*/
        max-width: 290px;  /* Max brede af billede*/
    }
	

    /* Billede str i thumb strimmel */

     .highslide-thumbstrip-vertical img {
	width: 190px; /* Thumb str i strimmel */
    }


    /* Put the image number in front of the caption */

       .highslide-number {
	display: inline;
	padding-right: 1em;
	color: white;
        } 


         /* Baggrunds billede og gennemsigtighed på den */

   #page-background {position:fixed; top:0; left:0; width:100%; height:100%; z-index:-1; filter: brightness(40%);filter: contrast(65%);} 