/* style300.css */
body {background-color:#546588; margin-top:0px; }
td, div { font-family:Verdana, Arial, Helvetica, sans-serif; }
div#logo { width:800px; height:35px; font-size:24px; font-weight:bold; color:#DBF1A4; text-align:center; background-image:url(../images/logo_klett.gif) }
div#did { width:230px; padding:10px; font-size:16px; font-weight:bold; text-align:left; background-color:#FFF; color:#666666; }
div#cell_0, div#cell_1, div#cell_2, div#cell_3 { width:270px; height:40px; background-color:#E4E4E4; }
div#word0 { position:absolute; left:33px; top:250px; width:185px; height:25px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:16px; text-align:center; padding:2px; background-color:#FF9; border-left:15px solid #888; }
div#word1 { position:absolute; left:33px; top:285px; width:185px; height:25px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:16px; text-align:center; padding:2px; background-color:#FF9; border-left:15px solid #888; }
div#word2 { position:absolute; left:33px; top:320px; width:185px; height:25px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:16px; text-align:center; padding:2px; background-color:#FF9; border-left:15px solid #888; }
div#word3 { position:absolute; left:33px; top:355px; width:185px; height:25px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:16px; text-align:center; padding:2px; background-color:#FF9; border-left:15px solid #888; }
div#word4 { position:absolute; left:33px; top:390px; width:185px; height:25px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:16px; text-align:center; padding:2px; background-color:#FF9; border-left:15px solid #888; }
div#pnts { width:40px; height:30px; border-left:2px solid #060; border-top:2px solid #060; border-right:2px solid #FFF; border-bottom:2px solid #FFF; font-size:24px; font-weight:bold; color:#006600; background-color:#99CC66; text-align:center; padding-top:0px; }
div#chck { width:54px; height:54px; }
div#writing { width:530px; padding:10px; font-size:14px; }
div#corr { padding-left:10px; padding-right:10px; color:#000; font-size:16px; }
.legend { font-size:14px;  color:#546588; text-align:center; font-weight:normal; padding-top:8px; }
.title { font-size: 18px; color:#666; padding-bottom:5px; }
.instr { font-size: 14px; font-style:italic; line-height:20px; padding-bottom:10px; font-weight:normal; color:#000; }
.big { font-size:18px; font-weight:bold; padding-left:5px; padding-right:5px; }
.small { font-size:12px; }
.leftbrd { border-left:1px solid #000; border-top:1px solid #000; border-bottom:1px solid #000; }
.rightbrd { border-right:1px solid #000; border-top:1px solid #000; border-bottom:1px solid #000; }
.lbr_bord { border-left:1px solid #000000; border-bottom:1px solid #000000; border-right:1px solid #000000; }
.br_bord { border-bottom:1px solid #000000; border-right:1px solid #000000; }
.brd { border:1px solid #000; }
.leftbbrd { border-left:1px solid #000; border-bottom:1px solid #000; }
.rightbbrd { border-right:1px solid #000000; border-left:1px solid #000000; border-bottom:1px solid #000000; }
.leftbtm { background-color: #F0F9D9; }
.rightbtm { background-color: #DBF1A4; }
.placeholder { background-color:#CCCCCC; padding-left:20px; padding-right:20px; }
.pseudoinput { background-color:#FFFFFF; padding-left:30px; padding-right:30px; border:1px solid #000000; }
.buttonOFF {border:2px solid #F0F9D9; margin-top:2px;}
.buttonOVER { width:58px; border-left:2px solid #FFF; border-top:2px solid #FFF; border-right:2px solid #333; border-bottom:2px solid #333; cursor:pointer; }
.buttonON { width:58px; border-left:2px solid #333; border-top:2px solid #333; border-right:2px solid #FFF; border-bottom: 2px solid #FFF; cursor:pointer; }
.istyle { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:16px; font-weight:bold; color:#00F; border:1px solid #000; }
.blue { color:#0000FF; }