@charset "utf-8";
{   margin: 0;
    padding: 0;
}

body
{	margin: 0 auto;
    font: 20px/30px Helvetica, Arial, sans-serif;
    line-height: 100%;
    background: #000000 fixed 0px 100%;
	color: #ffffff;
	overflow: hidden;		/* geen scrollbars */
	display: block;
}

select,input
{	font-size: 100%;}

#frame
{	width: 		100%;
	height:		100%;
	position:	fixed;
	top:		0px;
	left:		0px;}

h1
{	font: 25px/35px Helvetica, Arial, sans-serif;
	line-height: 20%;
    font-weight: normal;
    color: #ffffff;}

h3
{	font-size: 35px;
    padding: 0px 0;
	font-weight: normal;
    color: #FFFFFF;}

.redu
{	font-size: 25px;}

p
{	padding-bottom: 2px;}

#mes
{	color: #FFFFFF;}

#menugadget
{	position: fixed;
	top: 25px;
	right: 50px;
	z-index: 2;}

A:link
{ 	color: #FF0000;
  	text-decoration : none;}

A:visited
{ 	color: #FFeeee;
  	text-decoration : none;}

A:hover
{ 	color: #ffeeee;
  	text-decoration : none;}

section#menuitem
{	animation-name: pouf;
  	animation-duration: 3s;}

@keyframes pouf
{	0% 	{	opacity: 0;
			top: 30px;
			right: 50px;}
  	30% {	opacity: 0;
			top: 30px;
			right: 50px;}
  	100% {	opacity: 1;
			position: relative;
			top: 30px;
			right: 50px;}
}

.flapout
{	position: fixed;	/* relative; */
	z-index: 5;}

.flapout:hover
{	background-color: transparent;
	z-index: 6;}

.flapout:hover span
{	visibility: visible;
	box-shadow: 8px 8px 12px #000000;
	position: fixed;
	top: 20px;
	right: 50px;
	opacity: 1;
	transition: 0.5s;}

.flapout span
{	position: absolute;
	padding: 5px;
	position: fixed;
	top: -30px;
	right: -50px;
	border: 2px solid #3377007;
	border-radius: 5px;
	visibility: hidden;
	color: white;
	text-decoration: none;
	opacity: 0;
	transition: 0.5s;}

#flap-text
{   margin-top: 10px;
    padding: 5px 15px 5px 5px;
	text-align: right;
    background: #000000;
	overflow: hidden;
	font-weight: normal;
    color: #FFFFFF;
	z-index: 2;}