/* ============================================================================================== 
This copyright notice must be kept untouched in the stylesheet at all times.
The original version of this stylesheet and the associated (x)html 
is available at http://www.script-tutorials.com/night-sky-with-twinkling-stars/
Copyright (c) Script Tutorials. All rights reserved.
This stylesheet and the associated (x)html may be modified in any way to fit your requirements.
================================================================================================= */
* {
    margin: 0;
    padding: 0;
}

header {
    background-color: #000000;
    color:#ffffff;
    display:block;
    font: 14px/1.3 Arial,sans-serif;
    height:90px;
    position:relative;
    z-index:70;
}

h2{
    margin-top: 30px;
    text-align: center;
}

header h2{
    font-size: 22px;
    margin: 0 auto;
    padding: 10px 0;
    width: 80%;
    text-align: center;
    color: #FF0000
}

header table {
    color:#FF0000;
    font-weight: bold;
    font-size: 22;
}

header a, a:visited {
    text-decoration:none;
    color:#fcfcfc;
    font-weight: bold;
}

h3 {
    color:#ffffff;
    font: 14px/1.3 Arial,sans-serif;
    z-index:5;
}

table label {
    color:#FFFFFF;
    font-weight: bold;
}

form th {
    text-align: left;
}

#id_wish_file {
    color:#FFFFFF;
}

@keyframes move-twink-back {
    from {background-position:0 0;}
    to {background-position:-10000px 5000px;}
}
@-webkit-keyframes move-twink-back {
    from {background-position:0 0;}
    to {background-position:-10000px 5000px;}
}
@-moz-keyframes move-twink-back {
    from {background-position:0 0;}
    to {background-position:-10000px 5000px;}
}
@-ms-keyframes move-twink-back {
    from {background-position:0 0;}
    to {background-position:-10000px 5000px;}
}

@keyframes move-clouds-back {
    from {background-position:0 0;}
    to {background-position:10000px 0;}
}
@-webkit-keyframes move-clouds-back {
    from {background-position:0 0;}
    to {background-position:10000px 0;}
}
@-moz-keyframes move-clouds-back {
    from {background-position:0 0;}
    to {background-position:10000px 0;}
}
@-ms-keyframes move-clouds-back {
    from {background-position: 0;}
    to {background-position:10000px 0;}
}

.tekst,  .clouds {
  position:absolute;
  top:0;
  left:0;
  right:0;
  bottom:0;
  width:100%;
  height:100%;
  display:block;
  filter: alpha(opacity=60);
   filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60);
   opacity:0.6;
   -moz-opacity: 0.60; }

.stars {
position:relative;
  top:0;
  left:0;
  right:0;
  bottom:0;
  width:100%;
  height:100%;
  display:block;
  background:#000 url(images/stars.png) repeat top center;
  z-index:0;
}

.twinkling{
position:absolute;
  top:90px;
  left:0;
  right:0;
  bottom:0;
  width:100%;
  height:100%;
  display:block;

  background:transparent url(images/twinkling.png) repeat top center;
  z-index:1;

  -moz-animation:move-twink-back 200s linear infinite;
  -ms-animation:move-twink-back 200s linear infinite;
  -o-animation:move-twink-back 200s linear infinite;
  -webkit-animation:move-twink-back 200s linear infinite;
  animation:move-twink-back 200s linear infinite;
}

.renifer{
position:absolute;
  top:90px;
  left:0;
  right:0;
  bottom:0;
  width:100%;
  height:100%;
  display:block;

  background:transparent url(images/renifer.png) no-repeat ;
background-position: -500px 0; 
  z-index:2;

  
}


.clouds{
    background:transparent url(images/clouds.png) repeat top center;
    z-index:3;

  -moz-animation:move-clouds-back 200s linear infinite;
  -ms-animation:move-clouds-back 200s linear infinite;
  -o-animation:move-clouds-back 200s linear infinite;
  -webkit-animation:move-clouds-back 200s linear infinite;
  animation:move-clouds-back 200s linear infinite;
}
.tekst{
    z-index:6;
}

.MainContainer{
 color: red;
  position: absolute;
  overflow: hidden;
  height: 100%;
  width: 100%;
  color:#ffffff;
  font: 14px/1.3 Arial,sans-serif;
  z-index:7;
  
}