/* style320.css */
body {background-color:#546588; margin-top:0px; margin-left:13px; }
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#text { width:530px; height:90px; padding:10px; font-size:16px; font-weight:bold; line-height:30px; background-color:#EBEBEB; color:#666666; }
div#text2 { width:530px; height:270px; padding:10px; font-size:16px; font-weight:bold; line-height:29px; background-color:#EBEBEB; color:#666666; }
div#word0 { position:absolute; top:100px; left:-100px; width:10px; height:25px; border-left:10px solid #999; border-top:1px solid #999; border-right:1px solid #999; border-bottom:1px solid #CCC; padding-right:2px; font-size:16px; text-align:right; color:#663300; background-color:white; } 
div#word1 { position:absolute; top:130px; left:-100px; width:10px; height:25px; border-left:10px solid #999; border-top:1px solid #999; border-right:1px solid #999; border-bottom:1px solid #CCC; padding-right:2px; font-size:16px; text-align:right; color:#663300; background-color:white; } 
div#word2 { position:absolute; top:160px; left:-100px; width:10px; height:25px; border-left:10px solid #999; border-top:1px solid #999; border-right:1px solid #999; border-bottom:1px solid #CCC; padding-right:2px; font-size:16px; text-align:right; color:#663300; background-color:white; } 
div#word3 { position:absolute; top:190px; left:-100px; width:10px; height:25px; border-left:10px solid #999; border-top:1px solid #999; border-right:1px solid #999; border-bottom:1px solid #CCC; padding-right:2px; font-size:16px; text-align:right; color:#663300; background-color:white; } 
div#word4 { position:absolute; top:220px; left:-100px; width:10px; height:25px; border-left:10px solid #999; border-top:1px solid #999; border-right:1px solid #999; border-bottom:1px solid #CCC; padding-right:2px; font-size:16px; text-align:right; color:#663300; background-color:white; } 
div#word5 { position:absolute; top:250px; left:-100px; width:10px; height:25px; border-left:10px solid #999; border-top:1px solid #999; border-right:1px solid #999; border-bottom:1px solid #CCC; padding-right:2px; font-size:16px; text-align:right; color:#663300; background-color:white; } 
div#word6 { position:absolute; top:280px; left:-100px; width:10px; height:25px; border-left:10px solid #999; border-top:1px solid #999; border-right:1px solid #999; border-bottom:1px solid #CCC; padding-right:2px; font-size:16px; text-align:right; color:#663300; background-color:white; } 
div#word7 { position:absolute; top:310px; left:-100px; width:10px; height:25px; border-left:10px solid #999; border-top:1px solid #999; border-right:1px solid #999; border-bottom:1px solid #CCC; padding-right:2px; font-size:16px; text-align:right; color:#663300; background-color:white; } 
div#word8 { position:absolute; top:340px; left:-100px; width:10px; height:25px; border-left:10px solid #999; border-top:1px solid #999; border-right:1px solid #999; border-bottom:1px solid #CCC; padding-right:2px; font-size:16px; text-align:right; color:#663300; background-color:white; } 
div#word9 { position:absolute; top:370px; left:-100px; width:10px; height:25px; border-left:10px solid #999; border-top:1px solid #999; border-right:1px solid #999; border-bottom:1px solid #CCC; padding-right:2px; font-size:16px; text-align:right; color:#663300; background-color:white; } 
div#goal { position:absolute; top:80px; left:265px; width:535px; height:60px; border:1px solid black; background-color:#FFC; }
div#writing { width:530px; padding:10px; }
div#legend3 { width:86px; font-size:14px; color:#333; text-align:center; }
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#bcknxt { width:54px; height:54px; border:2px solid #CCC; }
div#corr { padding-left:10px; padding-right:10px; color:#006; font-size:16px; }
.legend { font-size:14px; color:#333; text-align:center; padding-top:10px; padding-bottom:10px; }
.title { font-size: 18px; color:#666; padding-bottom:5px; }
.instr { font-size: 16px; 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; }
.leftbtm { background-color: #F0F9D9; }
.rightbtm { background-color: #DBF1A4; }
.placeholder { background-color:#CCC; padding-left:20px; padding-right:20px; }
.pseudoinput { background-color:#FFF; padding-left:30px; padding-right:30px; border:1px solid #000; }
.buttonOFF { width:58px; border:2px solid #F0F9D9; }
.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:#3B475F; font-weight:bold; }
.red { color:#F00; font-weight:bold; }