@charset "utf-8";
/* CSS Document */

<!--
a:link { color: #000000; text-decoration: none}
a:hover { background-color: #b0c4de; }
-->
body {
    background-color: #b0c4de;
	font-family: Papyrus, fantasy;
	font-weight:bold;
}
#newscreen {
	position:absolute;
	left:-450px;
	top:-100px;
	border:solid 2px;
	background-color: #b0c4de;
	width:600px;
	height:600px;
	padding:50px;
	
}
#board {
	position:absolute;
	left:50px;
	top:100px;
	
}
#letters {
	position:absolute;
	left:55px;
	top:  5px;
	
}
#cijfers {
	position:absolute;
	left:-20px;
	top:  70px;
	
}
#content  {
position:absolute;
left:-20px;
top: 0px;	
width:350px;
height:500px;
padding:30px;
	
	
}
table, th, td { /*
    border: 3px solid black;
	background-color: #FFFFFF; */
}
td {
	width:100px;
    height: 100px;
    vertical-align: bottom;
	font-size:20px;	
	text-align: center;
}
#header {
position:absolute;
top: 10px;
left: 50px;	
}
#variabelen {
position:absolute;
top: 100px;
left: 450px;	
width: 250px;
font-size:15px;	
text-align: left;	
padding:20px;
}
#winner{
border:solid 2px;
position:absolute;
top: 0px;
left: 460px;	
width:180px;
height:350px;
background-color: lightgrey;
color:red;
font-size:15px;	
text-align:left;	
padding:15px;
filter:alpha(opacity=75); /* For IE8 and earlier */

	
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	behavior: url(border-radius.htc);
}
/* === Button Style === */
button.submit {
	background-color: yellow;  
	
	border: 1px solid #509111;
	border-bottom: 1px solid #5b992b;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	box-shadow: inset 0 1px 0 0 #9fd574;
	-webkit-box-shadow: 0 1px 0 0 #9fd574 inset ;
	-moz-box-shadow: 0 1px 0 0 #9fd574 inset;
	-ms-box-shadow: 0 1px 0 0 #9fd574 inset;
	-o-box-shadow: 0 1px 0 0 #9fd574 inset;
	color: grey;
	font-size:60px;
	font-weight: bold;
	
	text-align: center;
	text-shadow: 0 -1px 0 #396715;
	width:100px;
	height:100px;
}
button.submit:hover {
	opacity:.85;
	cursor: pointer; 
}
button.submit:active {
	border: 1px solid #20911e;
	box-shadow: 0 0 10px 5px #356b0b inset; 
	-webkit-box-shadow:0 0 10px 5px #356b0b inset ;
	-moz-box-shadow: 0 0 10px 5px #356b0b inset;
	-ms-box-shadow: 0 0 10px 5px #356b0b inset;
	-o-box-shadow: 0 0 10px 5px #356b0b inset;
	
}
button.submit3 {
	background-color: brown;  
	
	border: 1px solid #509111;
	border-bottom: 1px solid #5b992b;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	box-shadow: inset 0 1px 0 0 #9fd574;
	-webkit-box-shadow: 0 1px 0 0 #9fd574 inset ;
	-moz-box-shadow: 0 1px 0 0 #9fd574 inset;
	-ms-box-shadow: 0 1px 0 0 #9fd574 inset;
	-o-box-shadow: 0 1px 0 0 #9fd574 inset;
	color: grey;
	font-size:60px;
	font-weight: bold;
	padding: 5px 5px;
	text-align: center;
	text-shadow: 0 -1px 0 #396715;
	width:100px;
	height:100px;
}
button.submit3:hover {
	opacity:.85;
	cursor: pointer; 
}
button.submit3:active {
	border: 1px solid #20911e;
	box-shadow: 0 0 10px 5px #356b0b inset; 
	-webkit-box-shadow:0 0 10px 5px #356b0b inset ;
	-moz-box-shadow: 0 0 10px 5px #356b0b inset;
	-ms-box-shadow: 0 0 10px 5px #356b0b inset;
	-o-box-shadow: 0 0 10px 5px #356b0b inset;
	
}
.blue {
	color: blue;
}
/* === Button2 Style === */
button.submit2 {
	background-color: #ffffff;
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(lightgrey));
	background: -webkit-linear-gradient(top, #ffffff, lightgrey);
	background: -moz-linear-gradient(top, #ffffff, lightgrey);
	background: -ms-linear-gradient(top, #ffffff, lightgrey);
	background: -o-linear-gradient(top, #ffffff, lightgrey);
	background: linear-gradient(top, #ffffff, lightgrey);
	border: 1px solid #509111;
	border-bottom: 1px solid #5b992b;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	box-shadow: inset 0 1px 0 0 #9fd574;
	-webkit-box-shadow: 0 1px 0 0 #9fd574 inset ;
	-moz-box-shadow: 0 1px 0 0 #9fd574 inset;
	-ms-box-shadow: 0 1px 0 0 #9fd574 inset;
	-o-box-shadow: 0 1px 0 0 #9fd574 inset;
	color: grey;
	font-size:20px;
	font-weight: bold;
	padding: 6px 20px;
	text-align: center;
	text-shadow: 0 -1px 0 #396715;
	width:200px;
	height:60px;
}
button.submit2:hover {
	opacity:.85;
	cursor: pointer; 
}
button.submit2:active {
	border: 1px solid #20911e;
	box-shadow: 0 0 10px 5px #356b0b inset; 
	-webkit-box-shadow:0 0 10px 5px #356b0b inset ;
	-moz-box-shadow: 0 0 10px 5px #356b0b inset;
	-ms-box-shadow: 0 0 10px 5px #356b0b inset;
	-o-box-shadow: 0 0 10px 5px #356b0b inset;
	
}
.blue {
	color: blue;
}
#knop1 {
position: absolute; 
left:170px;
top:230px;
z-index:6;

}
#knop2 {
position: absolute; 
left: 170px;
top:280px;
z-index:6;}

#knop3 {
position: absolute; 
left: 170px;
top:330px;
z-index:6;}

#tekstbtn {
position: absolute; 
left:100px;
top:230px;
z-index:6;

}
.myButtonLink {
	display: block; 
	width: 32px;
	height: 32px;
	background: url('media/knop_uit.png') bottom;
	text-indent: -99999px;
}
.myButtonLink:hover {
	display: block;
	width: 32px;
	height: 32px;
	background: url('media/knop_aan.png') bottom;
	text-indent: -99999px;
}