#include{ width:800px;  position:relative; margin-top:20px}
#writingbox{border:4px solid #717986;color:#000;direction:rtl;font-family:'Times New Roman';font-size:24px;height:220px;width:100%;}
#vor-key{height:39px;width:100%;}
#keyboard{text-align: center;
    direction: rtl;
    background: #959492;
    background-repeat: repeat-x;
    width: 100%;
    z-index: 2;
    padding: 10px;
    border-radius: 16px;
    border: 1px solid #403c3c;}
#inhalt{left:140px;position:absolute;top:660px;}
#sater1{height:30px;position:relative;width:760px;margin:10px auto;}
#sater2{height:30px;position:relative;width:708px; margin:15px auto;}
#sater3{height:30px;position:relative;width:652px;margin:15px auto;}
#sater4{height:30px;position:relative;width:528px;margin:15px auto;}
.lettres span{
	direction: rtl;
    position: relative;
    display: inline-block;
}
.lettres, .numb{
	padding: 9px;
	margin: 5px;
    background: #38332f;
    border-radius: 6px;
    display: inline;}
.numb input:hover,.lettres input:hover{
	background: #b9b5ac;
}
.lettres input{
	margin: 3px;
    background: #838280;
    color: white;
    border: 1px solid #968e8e;
    border-radius: 3px;
    font-size: 98%;
    width: 24px;
    padding: 3px;
    box-shadow: 3px 2px 2px #888888;
}.numb input{
	margin: 3px;
    background: #838280;
    color: white;
    border: 1px solid #968e8e;
    border-radius: 3px;
    font-size: 98%;
    width: 24px;
    padding: 3px;
    box-shadow: 3px 2px 2px #888888;
}
#skoun{height:30px;position:relative;width:396px;margin:15px auto;}
.btn,.btn2{display:block;float:left;margin-right:4px;position:relative;text-align:center;}
.btn{color:#C03;font-size:28px;font-weight:700;height:40px;width:53px;}
.btn2{color:#555;font-size:17px;height:40px;width:82px;}
#space{width:310px;background: #8c9496 !important;color: white;}
.isnbut,.he{color:#000;cursor:pointer;font-family:'Times New Roman';font-size:19pt;font-weight:700;width:33pt;}
.he{color:#000;font-size:22pt;font-weight:700;}
.big{color:#000;cursor:pointer;font-family:'Times New Roman';font-size:19pt;font-weight:700;width:38pt;}
#fontplus{cursor:pointer;height:34px;left:5px;position:absolute;top:-3px;width:46px;z-index:4;}
#fontminus{cursor:pointer;height:34px;left:55px;position:absolute;top:-3px;width:46px;z-index:4;}
#font-display{display:none;height:28px;left:260px;position:absolute;top:3px;width:40px;z-index:4;border:2px solid #eee;font-size:26px;font-weight:700;color:#767E8B;vertical-align:middle;text-align:center;}
#save{cursor:pointer;height:34px;left:105px;position:absolute;top:-3px;width:46px;z-index:4;}
#offisn{color:red;}
#onisn{color:green;}
#font{height:40px;left:0;position:absolute;top:5px;width:200px;}
.s{color:red;}
td,tr,table{direction:rtl;}
.tab td{padding:3px;}
.tab{border:3px solid #ccc;}
#back{background: #8c9496 !important;color: white;cursor:pointer;height:33px;width:46px;}
#back:hover{}
#autoisn{width:170px;}
#actif{cursor:pointer;height:29px;position:absolute;right:-25px;top:0;width:45px;z-index:4;}
#actif:hover{cursor:pointer;position:absolute;z-index:4;}
#text{color:#aaa;font-family:verdana;font-size:14px;}
#round-right{bottom:-1px;height:28px;position:absolute;right:-1px;width:27px;z-index:4;}
#round-left{bottom:0;height:28px;left:0;position:absolute;width:28px;z-index:4;}