/* KH: meer classes voor één element: class="klasse1 klasse2" */
/*     en dus niet mm class= */
p {
	font-family: Georgia,serif;
	font-size: 14pt;
	color: black;
	margin-left: 20px;

}

td.pad0 {
	padding: 0px;

}
tr.pad0 { 
	height: 26px; 
	padding: 0px;
	margin: 0px;
}
#laynext, #playall {
	visibility: hidden;
}

#ptok {
	color: red;
	width: 208px;
	margin-left: 110px;
	text-align: center;

}	
#wonz {
	font-size: 24pt;
}

#ruimte2 , #ruimte3 {
	width: 15px;
}

#vaketc , #knoppen , #buttons1, #tabspelers{
	margin-left: 20px;
}

#tabinfo {
	margin-left: 20px;
}	

#vaketc {
	visibility: hidden;
}

tr.koptabel, tr.buttabel {
	height: 15px;
} 

#punten {
    border: 1px solid orange;
	width: 40px;
	height: 20px;
	background-color: black;
	color: orange;
	text-align: center;
	margin-left: 22pt;
}

td.koptabel {
	width: 40px;
	text-align: center;
	color: orange;
} 

td.capt {
	color: black;
}

input.datum {
	width: 100px;
}

input.punten {
	width: 30px;
}
input.punten {
	width: 30px;
}
input.naam {
	width: 80px;
}

input.letover {
	width: 60px;
}

#divwfbord {
	position: relative;
	/* top: -16px; dit was een addertje */
	z-index: 0;
}

#divblanco {
	position: absolute;
	left: 230px;
	top: 160px;
	z-index: 1;
	visibility: hidden;
}

/* hieronder wil noch bij tabel of tr of td werken */
#bordtabel {
	margin-top: 30px;
}

#tabbord {
	border-collapse: collapse;
	margin-left: 20px;
	cursor: e-resize;
	width: 390px;
	height: 390px;
}

#tabblanco {
	border-collapse: collapse;
	width: 130px;
	height: 156px;
}

#divmemwrd {
	height: 380px;
	width: 160px;
    border: 1px solid #000000;
	background-color: white;
	/* margin-left: 540px; */
	padding: 5px;
	color: blue;
	font-family: "Courier New";
	font-size: 8pt;
	overflow: scroll;
	margin-top: -4px;
}


#divmempt {
	height: 380px;
	width: 160px;
    border: 1px solid #000000;
	background-color: white;
	/* margin-left: 650px; */
	padding: 5px;
	color: black;
	font-family: "Courier New";
	font-size: 8pt;
	margin-top: -4px;
	overflow: scroll;
}

#divletters {
	height: 386px;
	width: 160px;
    border: 1px solid #000000;
	background-color: black;
	padding: 2px;
	margin-top: -4px;
	overflow: hidden;
	padding: 0px;
}

#tabletters {
	border-collapse: collapse;
	margin-top: 8px;
}

td.padleft {
	padding-left: 10px; 
}

/* KH Letterhoogte overrules rijhoogte aihgh */
tr.letters {
	height: 12px;
}
td.letterin, td.letteruit{
    /* border: 1px solid #000000; */
	padding-left: 4px;
	/* width: 140px;   */
	font-family: "Courier New";
	font-size: 11px;
	margin-left: 10px; 
	/* height: 12px;  */
}

td.letterin {
	text-align: right;
	color: white;
	background-color: black;
}

td.letteruit {
	text-align: left;
	color: orange;
	background-color: black;

}

#divmem3{
	height: 100px;
	width: 500px;
 	margin-left: 20px;
    border: 1px solid #000000;
	background-color: white;
	padding: 5px;
	color: purple;
	font-family: "Arial";
	font-size: 8pt;
	/* margin-top: -4px; */
	overflow: scroll;
}

#divmem5{
	height: 100px;
	width: 200px;
    border: 1px solid #000000;
	background-color: white;
	padding: 5px;
	color: purple;
	font-family: "Arial";
	font-size: 8pt;
	/* margin-top: -4px; */
	overflow: scroll;
}

/* hieronder: tgt wijzigen naar class tbv getElementsByClassname */
#onzichtbaar {
	display: none;
}

#openfile {
	display: none;
}

#divmemload {
	height: 100px;
	width: 200px;
	margin-left: 20px;
    border: 1px solid #000000;
	background-color: white;
	padding: 5px;
	color: green;
	font-family: "Courier New";
	font-size: 8pt;
	overflow: auto;
}

#divmemsave {
	height: 100px;
	width: 200px;
    border: 1px solid #000000;
	background-color: white;
	padding: 5px;
	color: green;
	font-family: "Courier New";
	font-size: 8pt;
	overflow: auto;
}

#laadtxt {
	height: 100px;
	width: 384px;

}


	

h1 {
	text-transform: uppercase;
	margin-left: 20px;
}

h4 {
	margin-left: 20px;
}

canvas {
    border: 1px solid #ffffff;
	margin-top: -3px; 
	margin-bottom: -3px; 
	margin-left: -1px; 
}