@font-face {
    font-family: 'BebasRegular';

    src: url('BebasNeuewebfont.eot');

    src: url('BebasNeuewebfont.eot?#iefix') format('embedded-opentype'),

         url('BebasNeuewebfont.ttf') format('truetype');

    font-weight: normal;

    font-style: normal;

}

html, body

{
	/* width: 1024px;
	height: 670px; */
	
	width: 100%;
	height: 100%;
	
	overflow: hidden;
	margin:0px;
	padding: 0px;
	font-family: 'BebasRegular';

	font-size: 25px;
	
		background: url('../bg.jpg') no-repeat center center fixed; 
	/*background-image: url('../bg.jpg');
	background-size: 100% 100%;
	background-repeat: no-repeat; */
	background-size: cover;

}



#container

{
	display: flex;
	margin:0px;
	margin-top: 20px;
	padding: 0px;
	float: left;
	/* width: 1024px;
	height: 670px; */
	
	width: 100%;
	min-height: 100%;

}

#left
{
float: left;
/*
width: 698px;
height: 670px;
*/

width: 68%;
height: 100%;

overflow: hidden;

margin: 0px;

padding: 0px;
}

#middle
{
	float: left;
	
	width: calc((32% - 306px - 20px) / 2);
	
	/*
	height: 650px;	
	width: calc(32% - 20px);
	*/
	height: calc(100%);
	opacity: 0.5;
	
	background-image: url('../bg_right.png');
	background-size: cover;
}

#right
{
	float: right;
	
	width: 306px;
	min-width: 306px !important;
	
	/*
	height: 650px;	
	width: calc(32% - 20px);
	*/
	height: calc(100% - 20px);
	
	background-image: url('../bg_right.png');
	background-size: cover;
	padding: 10px;
}



#gegooid

{
	width: 305px;
	height: 136px;

	background-image: url('../gegooid.png');
	background-size: cover;
	float: left;

}



#scorebord_1

{
	margin-top: 20px;
	
	width: 305px;
	height: 96px;

	background-image: url('../scorebord_1.png');
	background-size: cover;
	background-repeat: no-repeat;

	float: left;

}

#scorebord_2
{
	margin-top: 20px;
	
	width: 305px;
	height: 127px;

	background-image: url('../scorebord_2.png');
	background-repeat: no-repeat;
	float: left;
}

#scorebord_3
{
	margin-top: 20px;
	
	width: 305px;
	height: 158px;
	
	width: 100%;
	height: 15%;
	
	background-image: url('../scorebord_3.png');
	background-size: cover;
	background-repeat: no-repeat;
	float: left;
}



#gegooidTitle

{

	float: left;

	padding-top: 4px;

	padding-left: 7px;

	height: 29px;

	width: 304px;

	color: #FFF;

}

#scorebord_sub
{
	float: left;
	padding-top: 2px;
	padding-left: 7px;
	height: 28px;
	width: 275px;
	color: #FFF;
}


.curScore

{

	height: 50px;

	margin-left: -1px;

	width: 77px;

	float: left;

	font-size: 45px;

	padding-top: 1px;

	text-align:center;

}



.curScoreWhite

{

	height: 50px;

	margin-left: -1px;

	width: 77px;

	float: left;

	font-size: 45px;

	padding-top: 1px;

	color: #FFF;

	text-align:center;

}



#undoBut

{

	width: 108px;

	height: 41px;

	float: left;

	color: #FFF;

	padding-top: 11px;

	padding-left: 24px;

}



#undoBut:hover, #confirmBut:hover

{

	cursor: pointer;

}



#confirmBut

{

	width: 122px;

	height: 41px;

	float: left;

	color: #FFF;

	padding-top: 11px;

	padding-left: 30px;

}

#scorebordTitle_1
{
	float: left;
	padding-top: 2px;
	padding-left: 7px;
	height: 25px;
	width: 113px;
	color: #FFF;
	padding-bottom: 4px;
	margin-top: 2px;
}
#scorebordTitle_2
{
	float: left;
	padding-top: 2px;
	padding-left: 9px;
	height: 25px;
	width: 46px;
	color: #FFF;
	padding-bottom: 4px;
	margin-top: 2px;
}
#scorebordTitle_3
{
	float: left;
	padding-top: 2px;
	padding-left: 7px;
	height: 25px;
	width: 40px;
	color: #FFF;
	padding-bottom: 4px;
	margin-top: 2px;
}

.name
{
	float: left;
	width: 99px;
	height: 25px;
	padding-top: 2px;
	padding-left: 6px;
	margin-left: 1px;
	padding-bottom: 4px;
}

.turn
{
	float: left;
	width: 15px;
	height: 15px;
	padding-top: 12px;
	padding-bottom: 4px;
}

.TheTurn
{
	float: left;
	width: 30px;
	height: 32px;
	margin-left: 1px;
	margin-top: -1px;
	background: url('../turn.png');
}

.name_2, .name_3, .name_4
{
	color: #FFF;
	float: left;
	width: 50px;
	height: 25px;
	padding-top: 2px;
	margin-left: 1px;
	padding-bottom: 4px;
	text-align: center;
}

#statistieken_1, #statistieken_2, #statistieken_3
{
	width: 305px;
	float: left;
	margin-top: 20px;
}

#statstop
{
	width: 299px;
	height: 28px;
	float: left;
	background: url('../stats_top.png');
	color: #FFF;
	padding-left: 7px;
	padding-top: 4px;
}

.stats_row
{
	width: 306px;
	height: 31px;
	float: left;
	background: url('../stats_line.png');
}

#stats_down
{
	width: 306px;
	height: 2px;
	float: left;
	background: url('../stats_down.png');
}

.stats_name
{
	width: 107px;
	height: 28px;
	padding-top: 3px;
	padding-left: 6px;
	float: left;
}

.stats_item
{
	width: 63px;
	text-align: center;
	height: 28px;
	margin-top: 1px;
	padding-top: 2px;
	background: url('../red.png');
	float: left;
	color: #FFF;
	margin-right: 1px;
}

.st_name
{
	width: 63px;
	float: left;
	text-align: center;
}

#st_title
{
	width: 106px;
	float: left;
}