@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: #F33064;
}

.splashdown:hover
{
  color:#F2F3F7;
}



/* 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;}

.splashmobiletext
{
  display: none;
}

@media all and (max-width: 1150px) {

  #splash > .sectiontext
  {
    display: none;
  }

  #splash > .splashdown
  {
    display: none;
  }

  .splashmobiletext
  {
    display: block;
    margin-top: 1em;
  }

  .splashmobiletext > .splashdown
  {
    position: relative;
    left: auto;
    top: auto;
    right: auto;
    bottom: auto;
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
    transform: translateX(0%);
    text-align: center;
    margin-top: 1em;
    margin-bottom: 1em;
  }
  .splashmobiletext .sectiontextTitel, .splashmobiletext .sectiontextTekst
  {
    display: block;
    text-align: center;
    background-color: transparent;
    color: #39353F;
    float: none;
    margin: auto;
  }

  .splashmobiletext > .splashdown:hover
  {
    color: #39355F;
  }

}

@media all and (max-width: 900px) {

}

@media all and (max-width: 640px) {
  .splashmobiletext > .splashdown
  {
    font-size: 2em;
  }
  .splashmobiletext .sectiontextTitel
  {
    font-size: 2em;
  }
  .splashmobiletext .sectiontextTekst
  {
    font-size: 1.25em;
  }
}


@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;
  }
}