@charset "UTF-8";

/* start-instellingen */
* {
    /* De width en height worden berekend aan de hand van content, INCLUSIEF eventuele extra padding en border eigenschappen. */
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
html, body {
    font-size: 100%;
    font-family: arial;
    background-color: black;
}
/* Begin achtergrond afbeeldingen pagina's */
.wrapperHome {
    margin: 0 auto;
    width: 1280px;
    height: 1024px;
    background-image: url(../images/blade-runner-home-background.jpg);
}
.wrapperPhone {
	margin: 0 auto;
    width: 1280px;
    height: 1024px;
    background-image: url(../images/blade-runner-320p-background.jpg);
}
.wrapperTablet {
    margin: 0 auto;
    width: 1280px;
    height: 1024px;
    background-image: url(../images/blade-runner-480p-background.jpg);
}
.wrapperDesktop {
    margin: 0 auto;
    width: 1280px;
    height: 1024px;
}
header {
    height: 116px;
    overflow: hidden;
}
.logo {
    float: left;
}
/* Einde achtergrond afbeeldingen pagina's */
/* Begin Navigatie */
header nav {
    float: right;
    margin-right: 2.3rem;
}
header nav ul {
    padding-top: 4.9rem;
}
header nav ul li {
display: inline-block;
}
header nav ul li a {
    display: block;
    padding-top: 0.75rem;
    padding-bottom: 0.40rem;
    padding-right: 0.75rem;
    padding-left: 0.75rem;
}
header nav ul li a:hover {
    padding-top: 0.75rem;
    padding-right: 0.75rem;
    padding-bottom: 0.40rem;
    padding-left: 0.75rem;
    border-bottom: 2px solid #f02633;
}
/* Einde Navigatie */
/* Begin video-players */
.containerPhone {
    margin-top: 275px;
    margin-left: 400px;
}
.containerTablet {
    margin-top: 208px;
    margin-left: 280px;
}
.containerDesktop {
    margin-top: 50px;
}
/* Einde video-players */