html,
body
{
	margin: 0px;
	padding: 0px;
	height: 100%;
	overflow:hidden;
}

body
{
	background-color:#000;
	font-size:13px;
}

*
{
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;

	/*-webkit-transform: scale3d(1,1,1);*/
}

font[size="1"] { font-size:10px;}
font[size="2"] { font-size:14px;}
font[size="3"] { font-size:18px;}
font[size="4"] { font-size:24px;}
font[size="5"] { font-size:32px;}
font[size="6"] { font-size:48px;}
font[size="7"] { font-size:72px;}


/* NEW */
iframe
{
	border:0;
}

.tncTemplateParent
{
	position:absolute;
	/*overflow:hidden; LET OP: Werkt niet met 3D*/
	top:0;
	left:0;
	height:100%;
	width:100%;
/*

	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
*/
}

.tncTemplate
{
	position:absolute;
	top:0;
	left:0;
	height:100%;
	width:100%;

/*
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;

	-webkit-backface-visibility: hidden;
   	backface-visibility: hidden;
*/
}

.tncTemplatePanel
{
	position:absolute;
	top:0;
	left:0;
	height:100%;
	width:100%;


/*
	perspective: initial;
	-webkit-backface-visibility: hidden;  Chrome, Safari, Opera
   	backface-visibility: hidden;

   	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
*/
}

.tncTemplateFrame
{
/*
	-webkit-backface-visibility: hidden;  Chrome, Safari, Opera
   	backface-visibility: hidden;
*/

	position:absolute;
	left:0;top:0;
	height:100%;
	width:100%;
}

/* VOOR 3D ANIMATIES */

.space3d
{
/*
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
*/
}

.poly
{
/*
	perspective: initial;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
*/

	margin:0 auto;
}

.face
{

	/*backface-visibility: hidden;*/

	font-size: 3vh; /* 400px */
	font-family: Arial;
	font-weight: bold;
	text-align:center;
/*

	-webkit-backface-visibility: hidden;  Chrome, Safari, Opera
   	backface-visibility: hidden;
*/
}
