html {
	height: 100%;
	width: 100%;
	margin: 0px;
	padding: 0px;
	min-width: 700px;
	font-family: Verdana, Arial, Serif;
	font-style: normal;
	text-decoration: none;
	background-color: #134381;
	background-image: url("../img/background.jpg");
	background-repeat: no-repeat;
	background-size: 100% 100%;
	-webkit-background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	-ms-background-size: 100% 100%;
	-o-background-size: 100% 100%;
	user-select: none;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
}
body {
	height: 100%;
	width: 100%;
	background: transparent;
	margin: 0px;
	padding: 0px;
}
/* //////  MENU //////// */
div.menubar {
	position: fixed;
	margin: 0px auto 0px 15%;
	padding: 5px 0px 5px 0px;
	width: 70%;
	height: 25px;
	top: 14%;
	color: #134381;
	background: transparent;
}
@-webkit-keyframes hover { 
	0% {   background: #C4D9F5; color: #134381; }
	100% { background: #134381; color: #C4D9F5; }
}
@-moz-keyframes hover {
	0% {   background: #C4D9F5; color: #134381; }
	100% { background: #134381; color: #C4D9F5; }
}
@-ms-keyframes hover {
	0% {   background: #C4D9F5; color: #134381; }
	100% { background: #134381; color: #C4D9F5; }
}
@-o-keyframes hover {
	0% {   background: #C4D9F5; color: #134381; }
	100% { background: #134381; color: #C4D9F5; }
}
@keyframes hover {
	0% {   background: #C4D9F5; color: #134381; }
	100% { background: #134381; color: #C4D9F5; }
}
table#menu {
	margin: 0px 0% 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 100%;
	height: 100%;
	font-weight: bold;
	background-color: transparent;
	color: #134381;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 2s linear;
}
table#menu td {
	-webkit-transition: -webkit-box-shadow, background 0.2s linear;
	-moz-transition: -moz-box-shadow, background 0.2s linear;
	-ms-transition: -moz-box-shadow, background 0.2s linear;
	-o-transition: -o-box-shadow, background 0.2s linear;
	transition: box-shadow, background 0.2s linear;
	background: #C4D9F5;
	text-align: center;
	font-size: 14px;
	font-style: normal;
	/*-webkit-box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), 0px 1px 2px rgba(0,0,0,0.3), inset -1px 0px 0px rgba(255, 255, 255, 0.1), inset 1px 0px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), 0px 1px 2px rgba(0,0,0,0.3), inset -1px 0px 0px rgba(255, 255, 255, 0.1), inset 1px 0px 0px rgba(0,0,0,0.2);
	box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), 0px 1px 2px rgba(0,0,0,0.3), inset -1px 0px 0px rgba(255, 255, 255, 0.1), inset 1px 0px 0px rgba(0,0,0,0.2);*/
}
table#menu td:first-child {
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 0px;
	-moz-border-radius-bottomright: 0px;
	-moz-border-radius-bottomleft: 10px;
	-webkit-border-radius: 10px 0px 0px 10px;
	border-radius: 10px 0px 0px 10px;
}
table#menu td:last-child {
	-moz-border-radius-topleft: 0px;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 0px;
	-webkit-border-radius: 0px 10px 10px 0px;
	border-radius: 0px 10px 10px 0px;
}
table#menu .hv:hover {
	-webkit-animation: hover 2s 1;
	-moz-animation: hover 2s 1;
	-ms-animation: hover 2s 1;
	-o-animation: hover 2s 1;
	animation: hover 2s 1;
	background: #134381;
	color: #C4D9F5;
	cursor: pointer;
}
/* //////  EINDE MENU //////// */
div.titlebox {
	position: fixed;
	width: 70%;
	height: 8%;
	top: 19%;
	margin-left: 15%;
	padding: 5px 0px 0px 0px;
	display: table;
	background-color: transparent;
	color: #FFFFFF;
	text-align: center;
	font-size: 40px;
	font-family: Verdana, Arial, Serif;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
}
div.editbox {
	display: flex;
	justify-content: center;
	position: fixed;
	width: 70%;
	top: 29%;
	margin-left: 15%;
	padding: 0px;
	border: none;
	background-color: #C4D9F5;
	border-top: 1px solid #FFFFFF;
 	text-align: center;
	color: #134381;
	-webkit-box-shadow: 5px 5px 10px black;
	-moz-box-shadow: 5px 5px 10px black;
	-ms-box-shadow: 5px 5px 10px black;
	-o-box-shadow: 5px 5px 10px black;
	box-shadow: 10px 10px 20px black;
}
div.editbox-scroll {
	justify-content: center;
	position: fixed;
	width: 70%;
	height: 60%;
	top: 29%;
	margin-left: 15%;
	padding: 0px;
	border: none;
	background-color: #C4D9F5;
	border-top: 1px solid #FFFFFF;
 	text-align: center;
	color: #134381;
	-webkit-box-shadow: 5px 5px 10px black;
	-moz-box-shadow: 5px 5px 10px black;
	-ms-box-shadow: 5px 5px 10px black;
	-o-box-shadow: 5px 5px 10px black;
	box-shadow: 10px 10px 20px black;
}
.headertable {
	border-spacing: 0;
	border-collapse: collapse;
	width: 100%;
	height: 7%;
	font-size: 13px;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	color: #C4D9F5;
	background-color: #134381;
}
.listbox {
	display: block;
	width: 99.8%;
	height: 93%;
	margin: 0 0 0 0;
	overflow: auto;
	padding: 0 0 0 0;
	background-color: #C4D9F5;
	position: absolute;
	left: 0;
	border: thin solid #FFFFFF;
}
div.fotobox {
	position: fixed;
	width: 10%;
	height: 20%;
	top: 34%;
	border: none;
	z-index: 1;
	/* display: none; */
	margin-left: 20%;
	/* background-image: url("../../teams/Enno de Ree1.jpg"); */
	background-repeat: no-repeat;
	background-size: contain;
	-webkit-background-size: contain;
	-moz-background-size: contain;
	-ms-background-size: contain;
	-o-background-size: contain;
}

div.loginbox {
	position: fixed;
	width: 24%;
	height: 14%;
	top: 29%;
	border: none;
	margin-left: 38%;
	padding: 1px 0px 1px 0px;
	background-color: transparent;
}
.logintable {
	width: 100%;
	height: 100%;
	background-color: #C4D9F5;
	color: #134381;
	padding: 3px 20px 3px 25px;
	overflow: hidden;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:400;
	border: thin solid black;
	-webkit-box-shadow: 5px 5px 10px black;
	-moz-box-shadow: 5px 5px 10px black;
	-ms-box-shadow: 5px 5px 10px black;
	-o-box-shadow: 5px 5px 10px black;
	box-shadow: 5px 5px 10px black;
}
.midden { align-self: center; }
tr.even td {
	color: #000000;
	background: #F0EDF8;
}
tr.odd td {
	color: #000000;
	background: #C4D9F5;
}
tr.odd:hover td, tr.even:hover td {
	color: #FFFFFF;
	background-color: #0A016A;
}
.borderLeft {
	border-left: thin solid white;
}
.borderRight {
	border-right: thin solid white;
}
table.list {
	font-family: Verdana, Arial, Serif;
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	text-align: center;
	width: 100%;
	height: 100%;
	background-color: #134381;
}
table.list-scroll {
	width: 100%;
	border-spacing: 0;
	border-collapse: collapse;
	font-family: Verdana, Arial, Serif;
	font-size: 13px;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	text-align: center;
	margin-left: 0%;
	padding-left: 0%;
	color: #134381;
	background-color: #C4D9F5;
}
td.sidelabel {
	padding: 5px 8px 5px 3px;
	font-weight: bold;
	color: ##134381;
	text-align: left;
}
td.label {
	padding: 5px 8px 5px 3px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #134381;
	text-align: left;
}
td.text {
	text-align: left;
}
.titelselect {
	font-weight: bold;
	color: #FFFFFF;
	background-color: #134381;
}
img {
	cursor: pointer;
}
img.nohand {
	cursor: default;
}
.errmesg {
	background-color: #FFFF00;
	color: #000000;
	text-align: center;
}
.input {
	text-align: left;
}
.alfabet {
	width: 100%;
	height: 30px;
	text-align: center;
	color :white;
	border-collapse: collapse;
	background-color: #134381;
}
.alfabet td {
	font-family: Consolas, "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco, "Courier New", monospace;
}
.alfabet span {
	cursor: pointer;
}
h2 { text-align: center; }
div.poules {
	position: fixed;
	top: 32%;
	width: 18%;
	height: 55%;
	margin: 0px;
	margin-left:-1.5%;
	min-width: 120px;
	padding: 0px 0px 0px 1%;
	color: #134381;
	font-size: 13px;
	font-weight: normal;
	background-color: #C4D9F5;
	border: thin solid black;
	-webkit-box-shadow: 5px 5px 10px black;
	-moz-box-shadow: 5px 5px 10px black;
	-ms-box-shadow: 5px 5px 10px black;
	-o-box-shadow: 5px 5px 10px black;
	box-shadow: 5px 5px 10px black;
}
div.teamselect {
	position: fixed;
	top: 37%;
	width: 16%;
	height: 4%;
	margin: 0px 0px 0px 0px;
	padding: 0px 0.5% 0px 0.5%;
	display: none;
	background-color: #134381;
	border: thin solid transparent;
	-webkit-box-shadow: 5px 5px 10px transparent;
	-moz-box-shadow: 5px 5px 10px transparent;
	-ms-box-shadow: 5px 5px 10px transparent;
	-o-box-shadow: 5px 5px 10px transparent;
	box-shadow: 5px 5px 10px transparent;
}
.okknop {
	position: absolute;
	width: 15%;
	height: 80%;
	margin: 1% auto 1% auto;
	right: 2%;
}
.cnlknop {
	width: 15%;
	height: 80%;
	margin: 1% auto 1% 2%;
}
.numknop {
	width: 12%;
	height: 7%;
	color: #134381;
	background-color: transparent;
}
hr {
	color: #134381;
	background: #134381;
	width: 80%;
	height: 2px;
}
div#footer {
	position: fixed;
	bottom: 1%;
	width: 14%;
	left: 43%;
	height: 4%;
	cursor: pointer;
	background: transparent;
	background-image: url("../img/eeit_logo.png");
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}