@charset "utf-8";
/* CSS Document */

/* KNOPPEN */
#animatie{
	left: 169px;
	top: 134px;
	width: 155px;
	background-color: hsla(60,21%,50%,1.00);
	z-index: 7;
	height: 85px;
	text-align: left;
	-webkit-box-shadow: -8px 22px hsla(0,0%,0%,0.20);
	box-shadow: -8px 22px hsla(0,0%,0%,0.20);
	cursor: none;
	}
	
#anim2d{
    left: 306px;
    top: 415px;
    width: 135px;
    background-color: hsla(334,49%,45%,1.00);
    z-index: 8;
    height: 135px;
    -webkit-box-shadow: 11px 14px hsla(0,0%,0%,0.20);
    box-shadow: 11px 14px hsla(0,0%,0%,0.20);
    color: rgba(235,235,235,1.00);
	}

#anim3d{
    left: 427px;
    top: 499px;
    width: 105px;
    height: 105px;
    background-color: rgba(100,9,77,1.00);
    z-index: 7;
    -webkit-box-shadow: 69px 13px hsla(0,0%,0%,0.20);
    box-shadow: 69px 13px hsla(0,0%,0%,0.20);
    color: rgba(235,235,235,1.00);
	}

#illustratie{
    left: 782px;
    top: 136px;
    width: 92px;
    height: 92px;
    background-color: hsla(315,38%,55%,1.00);
    z-index: 15;
    -webkit-box-shadow: -10px -9px hsla(0,0%,0%,0.20);
    box-shadow: -10px -9px hsla(0,0%,0%,0.20);
    color: rgba(255,255,255,1.00);
    line-height: 49px;
	}

#installatie{
    left: 633px;
    top: 33px;
    width: 155px;
    height: 155px;
    background-color: #B9084B;
    z-index: 15;
    -webkit-box-shadow: -10px -9px hsla(0,0%,0%,0.20);
    box-shadow: -10px -9px hsla(0,0%,0%,0.20);
    color: rgba(235,235,235,1.00);
}

#postproductie{
    left: 588px;
    width: 119px;
    height: 119px;
    background-color: hsla(260,22%,42%,1.00);
    z-index: 10;
    -webkit-box-shadow: -10px -9px hsla(0,0%,0%,0.20);
    box-shadow: -10px -9px hsla(0,0%,0%,0.20);
    color: rgba(235,235,235,1.00);
    top: 407px;
	}


#showcase{
	left: 550px;
	width: 66px;
	height: 66px;
	background-color: hsla(265,19%,34%,1.00);
	z-index: 10;
	-webkit-box-shadow: -10px -9px hsla(0,0%,0%,0.20);
	box-shadow: -10px -9px hsla(0,0%,0%,0.20);
	color: rgba(235,235,235,1.00);
	top: 715px;
	}

#showcase a{
	color: hsla(0,0%,69%,1.00);
}

/* achtergronden */
#layer3{
	position:absolute;
	left:0;
	top:0;
	width:800px;
	height:600px;
	z-index:0;
	
}

#info{
    left: 347px;
    top: 624px;
    width: 40px;
    height: 40px;
    background-color: hsla(0,0%,53%,1.00);
    z-index: 100;
    -webkit-box-shadow: 69px 13px hsla(0,0%,0%,0.20);
    box-shadow: 69px 13px hsla(0,0%,0%,0.20);
    text-align: center;
	}

#happy{
    left: 290px;
    top: 327px;
    width: 40px;
    height: 25px;
    z-index: 999;
    padding: 15px;
    padding-top: 25px;
    text-align: center;
    display: block;
    background-color: transparent;
    color: transparent;
    background-repeat: no-repeat;
    border: none;
    cursor: pointer;
    overflow: hidden;
    outline: none;
	}

/* Color Theme Swatches in RGBA */
.Violet-1-rgba { color: rgba(53, 5, 77, 1); }
.Violet-2-rgba { color: rgba(38, 5, 87, 1); }
.Violet-3-rgba { color: rgba(15, 7, 64, 1); }
.Violet-4-rgba { color: rgba(5, 16, 87, 1); }
.Violet-5-rgba { color: rgba(5, 33, 77, 1); }

/* Verberg losse nummers buiten de container */
/*
body > :not(.container) {
    display: none;
}
*/