@import url(http://fonts.googleapis.com/earlyaccess/droidarabicnaskh.css);
/*@import url(http://fonts.googleapis.com/earlyaccess/droidarabickufi.css);
@import url(http://fonts.googleapis.com/earlyaccess/amiri.css);
@import url(http://fonts.googleapis.com/earlyaccess/dhurjati.css);
@import url(http://fonts.googleapis.com/earlyaccess/lateef.css);
@import url(http://fonts.googleapis.com/earlyaccess/notokufiarabic.css);
@import url(http://fonts.googleapis.com/earlyaccess/scheherazade.css);
@import url(http://fonts.googleapis.com/earlyaccess/thabit.css);*/



body				{ font-family:'Droid Arabic Naskh',tahoma;background:url('pagebg.png');font-size:1.1em;margin:0px;padding:0px;line-height: 200%; color: #010101}
/* Resize headers as Bootstrap makes them enormous */
h1					{ font-size:2em; font-family:HacenTunisia; }
h2					{ font-size:1.5em;font-family:HacenTunisia; }
h3					{ font-size:1.1em;font-family:HacenTunisia; }
h4					{ font-size:1em; }
h5					{ font-size: 90%; }
h1,h2,h3,h4,h5		{ border-bottom:1px solid #AAA;bottom-padding:3px; }
a					{ text-decoration:none;color:#0645AD;}
a:hover, a:focus	{ text-decoration:none; }

#headfade		{ background-color:#FFF;width:100%;height:6em;background-image:url('page-fade.png');background-position:bottom left;background-repeat:repeat-x; }
#search input	{ float:left;z-index:10; width: 350px;font-weight: bold; }
#search button	{ padding:0px;margin:0px; }
#searchbutton	{ background-color:transparent;cursor:pointer;border:0px;margin-right:-18px !important; }

#leftmenu ul,#leftmenu li	{ padding:-25px;margin:0px; }

#leftmenu li	{
    margin-right: -30px;
    background-image: url(link.png);
    background-repeat: no-repeat;
    background-position: right;
    height: 31px;
    width: 130px;
    text-align: left;
}
#leftmenu li a	{
    font-size: 1.1em;
    color: white;
    font-family: 'HacenTunisia';
}
#leftmenu li a:hover	{

    text-decoration: none;
}
#pagecontent	{ text-align: justify; }
#loggedinas, #search		{ float:left;padding:5px; top:0px;line-height:2em; }
#logo			{ position:absolute;top:10px;right:30px;padding:0px;}
#viewhistory	{ float:left; }
#panel			{ position:absolute;top:250px;width: 9em;right:30px; }
#panel ul		{ padding-left:1.5em; }
#panel ul li	{ list-style:none;list-style-image:none;list-style-type:none;padding:4px;margin:0px; }
#container		{ padding:1em;margin-right:11em;background-color:#FFF;color:#000;min-height:35em;border:1px solid #d8d8d8;border-left:0px solid #d8d8d8; }
#footer			{ margin-left:15em;margin-top:0px;padding:0.75em;}
#footer p		{ color:#333;font-size:0.7em; }
pre				{ font-size:9pt !important;background-color:#EEE;padding:5px;border:1px solid #AAA; }

div.image_frame { border: 1px solid gray; display: inline-block; padding: 4px; }
div.image_frame .caption { border: 1px solid #E0E0E0; padding: 4px; }

div.floatleft, table.floatleft { border: 0 none; margin: 0 0.5em 0.5em 0; }
div.floatright, table.floatright, div.floatleft, table.floatleft { position: relative; }
div.floatleft, table.floatleft { clear: left; float: left; }

div.floatright, table.floatright { border: 0 none;margin: 0 0 0.5em 0.5em; }
div.floatright, table.floatright, div.floatleft, table.floatleft { position: relative; }
div.floatright, table.floatright { clear: right; float: right; }

.center * { margin-left: auto; margin-right: auto; }
.center { text-align: center; width: 100%; }



/*OverWirte*/

#editpage label {
float: right;
width: 100px;
padding: 5px 5px 0 0;
font-weight: bold;
}

#editpage {
width: 100%;
}


select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
display: inline-block;
height: 20px;
padding: 4px 6px;
margin-bottom: 10px;
font-size: 14px;
line-height: 20px;
color: #333333;
vertical-align: middle;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
    font-size: 16px;
    font-family:Tahoma;
}

ul, ol {
padding: 0;
margin: 0px 25px 10px 25px;
}

.myTag {
    background: none repeat scroll 0 0 #CDE69C;
    border: 1px solid #A5D24A;
    border-radius: 3px 3px 3px 3px;
    color: #638421;
    font-size: 13px;
    margin-bottom: 5px;
    margin-right: 5px;
    padding: 6px 5px 5px 5px;
    text-decoration: none;
    vertical-align: middle;
    line-height: 18px;
    height: 18px;
    -moz-transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    float: right!important;
}

#pagecontent table, #pagecontent tr, #pagecontent td {
 border: 0px solid #0e0e0e!important; 
padding: 2px;
}


.highlighted {
    background-color: yellow;
}

li {
  line-height: 200%;
}