body {
    background-color: #000000;
    height: 100%;
    width: 100%;
}

/*div.background-grain {
    opacity: 0.9;
    background-image: url("content/stars.gif");
    position:fixed;
    width:100%;
    height:100%;
    top:0px;
    left:0px;
    z-index:1;
}*/

div.background-grain {
    opacity: 0.25;
    /* Full height */
    height: 100%;
    /* Center and scale the image nicely */
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position:fixed;
    left:0;
    top:0;
    z-index:1 !important;
}

div.square {
  position: absolute; 
  left: 22px; 
  right: 0;
  top:440px;
  margin-left: auto; 
  margin-right: auto; 
  width: 100px; /* Need a specific value to work */
  /*border: solid 2px #FFFFFF;*/
    border:none;
  border-top:2px dotted #FFFFFF;
  border-left:2px dotted #FFFFFF;
  border-right:2px dotted #FFFFFF;
  border-bottom:2px dotted #FFFFFF;
  width: 730px;
  height: 1450px;
  opacity: .10;
  z-index:1;  
}

div.janbooking {
    width: 500px;
    height: 30px;
    /*background-color: #320719;*/
    padding: 10px;
     /*color: #d1f004;*/
    color: #ffff00;
    font-family: Courier;
    font-size: 70%;
    position: relative;
    z-index: 2;
    top: -100px;
    opacity: .80;
 }
 
 div.sc {
    width: 450px;
    height: 250px;
    /*background-color: #320719;*/
    padding: 10px;
     /*color: #d1f004;*/
    color: #ffff00;
    font-family: Courier;
    font-size: 70%;
    position: relative;
    z-index: 2;
    top: -80px;
    opacity: .60;
 }

div.zitvideo {
    position:relative;
    width:100%;
    height:100%;
    top:-28px;
    z-index: 1;
}


div.tekstje {
    position:relative;
     /*color: #d1f004;*/
    color: #ffff00;
    font-family: Courier;
    opacity: .90;
    font-size: 70%;
    top: 100px;
}

div.livevideo {
    position:relative;
    width:100%;
    height:100%;
    z-index: 2;
    top: 150px;
}

div.bio {
    width: 450px;
    height: 250px;
    position:relative;
     /*color: #d1f004;*/
    color: #ffff00;
    font-family: Courier;
    line-height: 150%;
    opacity: .90;
    font-size: 70%;
    top: 200px;
}

blink {
    -webkit-animation: 1s linear infinite condemed_blink_effect; // for android
    animation: 1s linear infinite condemed_blink_effect;
}
@-webkit-keyframes condemed_blink_effect { // for android
    0% {
        visibility: hidden;
    }
    50% {
        visibility: hidden;
    }
    100% {
        visibility: visible;
    }
}
@keyframes condemed_blink_effect {
    0% {
        visibility: hidden;
    }
    50% {
        visibility: hidden;
    }
    100% {
        visibility: visible;
    }
}