*{font-size:1em;margin:0;padding:0;}

body{background-color:#bfbfbf; }
h3{font-family:georgia;margin:5px;}
input{-webkit-appearance:none}
a { color:#2982e6} a:visited{ color:#2982e6 }  a:hover{ color:#E62982; text-decoration:underline }
#main{background:#fff;height:1500px;position:relative;width:1320px;margin:10px auto;  box-shadow: 0 4px 7px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);}

#copyright{bottom:25px;color:#aaa;font-family:georgia;font-size:11px;height:30px;position:absolute;right:0;width:200px;z-index:2;}
#left-footer{background:#fff url(i/left-footer.png) no-repeat;bottom:0px;height:200px;left:9px;position:absolute;width:415px;z-index:2;}
#logo-right{position:absolute;right:10px;top:15px;z-index:100; background:#fff;}
#logo-left{ height:44px;left:10px;padding-left:8px;position:absolute;top:15px;width:400px;z-index:100;}
#logo-left h1{color:#404040;font-family:Georgia;font-size:36px;letter-spacing:1.2pt;text-shadow:#ccc 0 2px 2px;}
#area{border:4px solid #717986;color:#000;direction:rtl;font-family:'Times New Roman';font-size:24px;height:220px;left:175px;padding-right:4px;position:absolute;top:90px;width:768px;}
#vor-key{background:#fff url(i/vor-key.png) repeat-x;height:39px;left:175px;position:absolute;top:313px;width:780px;}
#key1{background:#fff url(i/key1-bg.png); background-repeat:repeat-x; height:300px;left:175px;position:absolute;top:350px;width:780px;z-index:2;}
#inhalt{left:170px;position:absolute;top:660px;}
#sater1{height:30px;position:relative;width:730px;margin:10px auto;}
#sater2{height:30px;position:relative;width:668px;margin:15px auto;}
#sater3{height:30px;position:relative;width:622px;margin:15px auto;}
#sater4{height:30px;position:relative;width:518px;margin:15px auto;}
#arqam{height:30px;position:relative;width:574px;margin:20px auto;}
#skoun{height:30px;position:relative;width:386px;margin:15px auto;}
.btn,.btn2{display:block;float:left;margin-right:4px;position:relative;text-align:center;}
.btn{background:url(i/input.png) no-repeat 0 0;color:#C03;font-size:28px;font-weight:700;height:40px;width:53px;}
.btn2{background:url(i/double_input.png) no-repeat 0 0;color:#555;font-size:17px;height:40px;width:82px;}
.btn2:hover{background:url(i/double_input.png) no-repeat 0 -29px;}
.btn2:active{background:url(i/double_input.png) no-repeat 0 -58px;}
#space{background:#646E7A url(i/onkey.png) no-repeat -50px -36px;display:block;float:left;height:34px;width:310px;}
#space:hover{background:#646E7A url(i/onkey.png) no-repeat -50px -1px;}
#space:active{background:#646E7A url(i/onkey.png) no-repeat -50px -36px;}
#youtube{background:#646E7A url(i/onkey.png) no-repeat -460px -1px;display:block;float:left;height:34px;margin-right:7px;width:97px;}
#google{background:#646E7A url(i/onkey.png) no-repeat -363px -1px;display:block;float:left;height:34px;margin-left:7px;width:93px;}
#youtube:hover{background:#646E7A url(i/onkey.png) no-repeat -460px -36px;}
#google:hover{background:#646E7A url(i/onkey.png) no-repeat -363px -36px;}

.klein,.he, .big{color:#222;cursor:pointer; font-size:18px; line-height:27px;  font-family:'Times New Roman'; width:33pt;background: #fefefe; border-radius: 4px; transition: all 0.1s ease-in-out; border:1px solid #888;}
.klein:hover,.he:hover, .big:hover{  box-shadow: 0px 1px 1px 0 green; color:#000; outline: none; }

#toolbar-tip{    height: 34px;left: 270px; position: absolute;width: 46px; z-index: 4;font-size: 1.2em;color: yellow;}
#fontplus{background:url(i/button.png) no-repeat -1px -2px;cursor:pointer;height:34px;left:5px;position:absolute;top:-3px;width:46px;z-index:4;}
#fontminus{background:url(i/button.png) no-repeat -50px -2px;cursor:pointer;height:34px;left:55px;position:absolute;top:-3px;width:46px;z-index:4;}
#font-display{background:url(i/input.png) no-repeat -2px -2px;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{background:url(i/button.png) no-repeat -98px -2px;cursor:pointer;height:34px;left:105px;position:absolute;top:-3px;width:46px;z-index:4; border:none;}
#copy{background:url(i/button.png) no-repeat -146px -2px;cursor:pointer;height:34px;left:205px;position:absolute;top:-3px;width:46px;z-index:4; border:none;}
#print{background:url(i/button.png) no-repeat -194px -2px;cursor:pointer;height:34px;left:155px;position:absolute;top:-3px;width:46px;z-index:4; border:none;}
#fontplus:hover{background:url(i/button.png) no-repeat -1px -41px;}
#fontminus:hover{background:url(i/button.png) no-repeat -50px -41px;}
#save:hover{background:url(i/button.png) no-repeat -98px -41px;}
#copy:hover{background:url(i/button.png) no-repeat -146px -41px;}
#print:hover{background:url(i/button.png) no-repeat -194px -41px;}
#font{height:40px;left:0;position:absolute;top:5px;width:300px;}
#zeil1{background:url(i/untertab.png) repeat-x top;color:#313131;font-size:30px;}
#zeil3{background:url(i/untertab.png) repeat-x top;color:#313131;font-size:28px;}
#zeil2{background-color:#eee;color:#555;font-size:29px;}
#zeil4{background-color:#eee;color:#555;font-size:27px;}
.s{color:red;}
td,tr,table{direction:rtl;}
.tab td{padding:3px;}
.tab{border:3px solid #ccc;}
#back{background:#767E8B url(i/onkey.png) no-repeat 0 -1px;cursor:pointer;height:33px;position:absolute;right:0;top:-2px;width:46px;z-index:4;}
#back:hover{background:#767E8B url(i/onkey.png) no-repeat 0 -36px;}
#umw{position:absolute;right:30px;top:2px;width:170px;}
#actif{background:url(i/actif.png) no-repeat 0 0;cursor:pointer;height:29px;position:absolute;right:-25px;top:0;width:45px;z-index:4;}
#actif:hover{background:url(i/actif.png) no-repeat 0 -51px;cursor:pointer;position:absolute;z-index:4;}
#text{color:#aaa;font-family:verdana;font-size:14px;right:30px;position:absolute;top:7px; direction:rtl; width:300px}

#aa{color:#8F96A1;position:absolute;left:620px;text-align:justify;top:845px;width:320px;z-index:300;}
#bb{color:#8F96A1;position:absolute;left:170px;;text-align:justify;top:955px;width:790px;z-index:60;}
#cc{color:#8F96A1;position:absolute;left:620px;text-align:justify;top:1100px;width:320px;}
#dd{color:#8F96A1;position:absolute; left:170px;text-align:justify;top:1100px;width:370px;}
#dd a { color:#2982e6} #dd a:hover { color:#E62982; }


#links{left:8px;position:absolute;top:90px;z-index:5;}
#linkads{left:8px;position:absolute;top:90px;}
#rightads{position:absolute;right:10px;top:90px;}
#rightads-top{position:absolute;right:10px;top:90px;}
#rightads-bottom{position:absolute;right:10px;top:380px;}
#share{  left: 10px; position: absolute; top: 44px;  width: 100px;  z-index: 33;}
#share img{vertical-align:middle}
#share a{text-decoration:none}
#round-right{background:url(i/round.png) no-repeat -28px 0;bottom:-1px;height:28px;position:absolute;right:-1px;width:27px;z-index:4;}
#round-left{background:url(i/round.png) no-repeat 0 1px;bottom:0;height:28px;left:0;position:absolute;width:28px;z-index:4;}
#aa h3,#bb h3,#cc h3,#dd h3{border-bottom:1px dashed #8F96A1;padding-bottom:10px;}


#help{position:absolute; height:160px; width:742px; top:136px;  left:204px;}
#fasel{ position:relative; float:right; height:5px; width:20px; background:#ccc; top:13px; display:none}
#sug{ position:relative; float:right;  cursor:pointer; display:none}
#word{  padding:5px; padding-left:10px; padding-right:10px; text-align:right; color:#000; background:#efe; border:1px solid #ccc; font-size:15px; font-family:tahoma; direction:rtl; clear:both;  } 
#sug_key{ float:right}
#magnifier{display:block; float:left; height:16px;  width:22px;  background:url(i/magnifier.png) no-repeat top left; margin-top:3px; margin-right:12px; margin-left:-3px;}
#magnifier:hover{background-position:bottom left; }  

#extra_sug{position:relative; float:right; max-height:100%; overflow: auto; width:450px; border:1px solid #ccc; background:#f9f9f9;display:none}
#extra_post{position:relative; padding:5px; padding-left:10px; padding-right:10px; text-align:right; color:#000;   font-size:15px; font-family:tahoma; direction:rtl}
.post_title{ font-weight:bold; font-size:0.9em }
.post_desc { position:relative; margin-top:10px; font-size:0.8em; color:#222}
.post_desc  img{float:right; border:2px solid #fff;  outline:2px solid #ddd; margin-left:12px; padding:2px;  }
.post_desc a{ position:relative; margin-bottom:5px;}

#vote{position:absolute; bottom:0px; z-index:2; left:490px;}
#textlink{position:absolute; bottom:200px; z-index:2; left:190px;}
#lang-site{position:relative;width:1130px;margin:10px auto 30px auto;}
#lang-site a{color:#555}

#question{ position: absolute; top:51px; left: 180px; width: 770px; z-index: 10000; }
#question_ejabat a{ text-decoration: none}
#vor_question{ color: #3b791f; }