ul.virtualkeyboard {margin: 0; padding: 0; list-style: none; display:inline-block;}
ul.virtualkeyboard li {float: left; margin: 0 5px 5px 0; text-align: center; background: #fff; border: 0px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; width:1.2rem; height:1.2rem; line-height:1.2rem;}
ul.virtualkeyboard li.empty{background-color: #eeeeee; width:0.5rem;}
ul.virtualkeyboard li:hover, ul.virtualkeyboard li.active {position: relative; top: 1px; left: 1px; border-color: #e5e5e5; cursor: pointer;}
ul.virtualkeyboard li.bigger{width:120px;}
.virtualkeyboard_wrapper{text-align:center; float:left; background-color: #eeeeee; padding-top: 3%; margin-top:3%; padding-bottom: 1%; width: 110%; margin-left: -5%;}

.goede_letters_intro {font-weight: bold; float: left; margin-top: 0.2rem; margin-left: 0.5rem;}
.goede_letters {display: inline-block; float: left; margin-top: 0.2rem; margin-bottom: 0.2rem; margin-right: 0.5rem; margin-left: 0.5rem;}
#letters{float:left; width:100%;}
.letter{float:left; border: 0.05rem solid #AAAAAA; width:1.4rem; height:1.4rem; margin:0.1rem; text-align: center; line-height:1.4rem; background-color:#fff; color:#000; cursor: pointer;}
.space{border-color: transparent; background-color: transparent;}
.letter_ok_wrong_pos{background-color:#C9C9C9; color:#fff; font-weight: bold;}
.letter_ok{background-color:#81bf4d; border: 0.05rem solid #81bf4d; color:#fff; font-weight: bold;}
.active{border-color:#000000;}
#puzzle_feedback{float:left; margin-right:5%; margin-top:3%; color: #00c6e0; width:90%; font-size:0.6rem;}
#goede_letters_verkeerde_plek {margin-bottom: 3%; height: 100%; overflow: hidden; background-color: #81bf4d; line-height: 1.5;}
#puzzle-word-container {margin-top: 1rem;margin-bottom: 1rem;}
#pogingen_intro{margin-bottom:1rem; display: inline-block; margin-right: 2%; margin-top:0.5rem;}
#puzzle_hint {margin-top: 1rem; font-size: 0.8rem;}

@media screen and (max-width: 667px) {ul.virtualkeyboard li{ margin: 0 0.125rem 0.125rem 0; width: 1.45rem; height: 1.5rem; line-height: 1.5rem;}}
@media screen and (max-width: 600px) {ul.virtualkeyboard {margin-left: 0rem;}}