#keybwrapper{

}

#toetsenbord{
	font-size: 12px;

	line-height: 12px;

	/*padding-top: 5px; */

	background-color: #CCC;

	width: 640px;

	/*margin: 0px auto;*/

	margin-bottom: 10px;

	float: left;
}

#keyboardoptions{
	float: left;
	background-color: #FFF;
	width: 350px;
	margin-left: 30px;
	padding: 5px;
	border-radius: 5px;
}

.options{

	display: inline-block;

	background-color: #FFF;

	color: #000;

	width: 300px;

	margin-left: 100px;

	padding: 3px;

	height: 100%;

	vertical-align: top;

	text-align: left;

}

#line1{

	margin-left: 7px;

}

#line2{

	margin-left: 7px;

}

#line1, #line2{

	display: inline-block;

	text-align: left;

	/*padding-left: 5px; */

}

#line3{

	height: 50px;

	margin-top: -50px;

	text-align: left;

	/*margin-left: 5px; */

	margin-left: 2px;

}

#line4, #line5{

	height: 50px;

	text-align: left;

	/*margin-left: 5px; */

	margin-top: -10px;

	margin-left: 2px;

}

.keyC{

	display: inline-block;

	padding-top: 5px;

	padding-left: 5px;

	height: 40px;

	width: 40px;

	vertical-align: top;

}

.keyW{

	background-color: #ECEDEE;

	height: 38px;

	width: 41px;

	border: 1px solid #959799;

	padding: 3px;

}



#key178C{

	width: 23px;

	padding-left: 0px;

}

#key178W{

	width: 29px;

}

.goedKl{
	background-color: green;
	color: #FFF;
}
.foutKl{
	background-color: red;
	color: #FFF;
}

.goedZw{
	background-color: black;
	color: white;
}
.foutZw{
	background-color: black;
	color: white;
}

.goed{

	background-color: green;

	color: #FFF;

	/*font-size: 16px;*/

}

.fout{

	background-color: red;

	color: #FFF;

	/*font-size: 16px;*/

}

.center{

	text-align: center;

}

.bold{

	font-weight: bold;

	font-size: 16px;

}

.afbText{
    max-height: 40px;
	height: 35px;

}

.ltrText{

	font-size: 16px;

	text-decoration: underline;

	/*text-transform: lowercase;*/

	font-weight: bold;

}

.blok1{

	display: inline-block;

	width: 20px;

	height: 20px;

	background-color: #FFF;

	border: 1px solid #000;

	vertical-align: top;

	/*padding-top: 5px;*/
	padding-left: 5px;

}

.blok2{

	display: inline-block;

	width: 20px;

	height: 20px;

	background-color: #000;

	border: 1px solid #000;

	vertical-align: top;

	/*padding-top: 5px;*/
	padding-left: 5px;

}

.blok3{

	display: inline-block;

	width: 20px;

	height: 20px;

	background-color: #F00;

	border: 1px solid #000;

	vertical-align: top;

	/*padding-top: 5px;*/
	padding-left: 5px;

}