@charset "UTF-8";

html,
body {
   margin:0;
   padding:0;
   height:100%;
}
#container {
   min-height:70%;
   position:relative;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; 
}

/* HEADER */
#headerwrap {
   
   height:155px;
}
#header {
    margin: 0px auto 0px auto; 
    padding: 0px 20px 0px 20px;
}

/* BODY */
#bodywrap {
   padding-bottom:60px;  /* HOOGTE VAN DE FOOTER - AAN TE PASSEN */
}
#body {
    max-width:1400px;
    margin: 0px auto 0px auto; 
    padding: 0px 20px 0px 20px;
}

#splash
{
  height: 100%;
  width: 100%;
  background-size: cover;
  background-position: center;
  position: relative;
}

.splashdown
{
  position: absolute;
  bottom: 20px;
  left:50%;
    -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  font-size: 4em;
  cursor: pointer;
    -webkit-animation: MoveUpDown 2s linear infinite; /* Safari 4+ */
  -moz-animation:    MoveUpDown 2s linear infinite; /* Fx 5+ */
  -o-animation:      MoveUpDown 2s linear infinite; /* Opera 12+ */
  animation:         MoveUpDown 2s linear infinite; /* IE 10+, Fx 29+ */
  color: #46636A;
}

.splashdown:hover
{
  color:#9ad9ea;
}



/* FOOTER */
#footerwrap {
   position:absolute;
   bottom:0;
   width:100%;
   height:60px;   /* HOOGTE VAN DE FOOTER - AAN TE PASSEN */
   background:#100d08;
}
#footer {
    max-width:1400px; 
    margin: 0px auto 0px auto; 
    padding: 0px 20px 0px 20px;
}

.scissors { position:absolute; top:10px; bottom: 0; width: 380px; background: url(/images/scissors.png) no-repeat; left:50%; margin-left:-190px; z-index:10000;}


.foot { position:absolute; width:100%; bottom:0px; line-height:25px; background-color:#575656; text-align:center; font-size:10px; z-index:20000;}
.foot a { color:#999999;}




@media all and (max-width: 415px) {
  .scissors
  {
    left: 0;
    margin-left: -210px;
  }

  #header
  {
    text-align: center;
  }
}

@keyframes MoveUpDown {
  0% {
    bottom: 0;
  }
  50% {
    bottom: 20px;
  }
  100% {
    bottom: 0;
  }
}