/*Compass Design layout.css CSS file*/

body {
text-align:center; /*center hack*/
background-color:#cccccc;
font-size:76%;
font-family:Arial;
font-size:12pt;
line-height:1.3;
margin:0em;
}
#wrap {
min-width:760px;
max-width:960px;
width: auto !important; /*IE6 hack*/
width:960px; /*IE6 hack*/
margin:0px auto; /*center hack*/
text-align:right; /*center hack*/
}
#header {} 
#sidebar {float:right;width:20%; overflow:hidden; } 
#content60 {float:right;width:60%;overflow:hidden;}
#content80 {float:right;width:80%;overflow:hidden;}
#content100 {float:right;width:100%;overflow:hidden;}
#sidebar-2 {float:left;width:20%; overflow:hidden;  } 
#footer {clear:both; }
.inside {padding:10px;}

/* Tooltips */
.tool-tip {
	float: left;
	background: #ffc;
	border: 1px solid #D4D5AA;
	padding: 5px;
	max-width: 200px;
	text-align:left;
}
#date {
position:absolute;
top:25px;
left:98px;
font-family:Tahoma;
color:black;
font-size:12px;
float:left;
}
.tool-title {
	padding: 0;
	margin: 0;
	font-size: 100%;
	font-weight: bold;
	margin-top: -15px;
	padding-top: 15px;
	padding-bottom: 5px;
	background: url(../../system/images/selector-arrow.png) no-repeat;
}

.tool-text {
	font-size: 100%;
	margin: 0;
}
/*Compass Design typography CSS*/
* {
margin:0;
padding:0;
}
h1,h2,h3,h4,h5,h6,p,blockquote,form,label,ul,ol,dl,fieldset,address {
margin:0px;border:0px;
}
li,dd { 
margin-left:0em;
}
fieldset { 
margin:0px;border:0px;
}
#wrap{

background-color:#FFFFFF;
border:1px solid #999;
}
#header {
color:#fff;
height:200px;
background:#FFFFFF url(../images/header_02.jpg) repeat-x bottom;
position:relative;

}
#hl {
float:left;
} 
#hr {
position: relative;
top: 0px;
right: 0px;
float:right;
} 
#header input {
border-style: none;
	border-color: inherit;
	border-width: 0;
	background: url('../images/search.png');
	height:22px;
	width:168px;
	font-weight:lighter;
	color: #000000;
	font-style: normal;
	font-variant: normal;
	font-size: 13pt;
	line-height: normal;
	font-family: tahoma;
}

#header .search {
position:absolute;
top:2px;
left:82px;
}

a{
text-decoration:none;
}
a:hover{
text-decoration:underline;
}
h1,.componentheading{
font-size:1.05em;
font-family:Arial;

}

h2,.contentheading{
font-size:1.01em;
font-family:Arial;
}
h3{
font-size:1.3em;
}
h4{
font-size:1.2em;
}
h5{
font-size:1.1em;
}
h6{
font-size:1em;
font-weight:bold;
}

#footer{
height:34px;
border-top: 1px solid #999;
background:#212121 url(../images/footer.png) no-repeat;

}

#footer a{
font-weight:normal;
color:white;}

#footer a:hover{
color:white;
text-decoration:none;
}

#footer .footerleft{
float:left;
padding-left:16px;
}

#footer .footerleft img{
vertical-align:middle;
}

#footer .footerright{
float:right;
padding-right:16px;
}


#footer,.small,.createdate,.modifydate,.mosimage_caption{
font:12px Arial;
color:#999;
}

/* forms */
form#form-login fieldset { border: 0 none; margin: 0em; padding: 0.2em;}
form#form-login ul { padding-left: 20px; }

.moduletable{
font-family:Arial;
font-size:12pt;
margin-bottom:1em;
padding:0 10px; /*padding for inside text*/ border:1px #CCC solid;
}
.moduletable h3{
font-family:Arial;
font-size:12pt;
background:#990000;
color:#fff;
padding:0.25em 0;
text-align:center;
font-size:1.1em;
margin:0 -10px 0.5em -10px;
/*negative padding to pull h3 back out from .moduletable padding*/ }

/*Compass Design typography CSS*/
.moduletablemenu{
font-family:Arial;
font-size:12pt;
padding:0;
color: #333;
margin-bottom:1em;
}
.moduletablevote{
font-family:Arial;
font-size:12pt;
padding:0;
color: #333;
margin-bottom:1em;
border:1px #CCC solid;
}
.moduletablevote h3 {
background:#990000;
color:#fff;
padding:0.25em 0;
text-align:center;
font-family:Arial;
font-size:12pt;
margin:0;
border-bottom:1px solid #fff;
}

.moduletablenewmost{
font-family:Arial;
font-size:15px;
color:#333333;
margin-right:0px;
margin: 0px;
margin-bottom:1em;
padding:0 10px; /*padding for inside text*/
 
}


.moduletablenewmost li{
border-bottom: 1px solid gray;
width: 70%;
padding: 0;
margin: 0px;
padding: 3px;
text-align:justify;
margin-right:0px;

}

.moduletablenewmost h3{
font-family:Arial;
font-size:12pt;
text-align:justify;
margin-right:0px;

}

/*negative padding to pull h3 back out from .moduletable padding*/

/* module control elements */
table.user1user2 div.moduletable {
	margin-bottom: 0px;
}

table.nopad {

	width: 100%;
	border-collapse: collapse;
	padding: 0;
	margin: 0;
	margin-bottom: 15px;
}

.moduletablenewsflash{
font-family:Arial;
font-size:12pt;
text-align:center;
margin-bottom:1em;
font-weight:bold;
padding:0 10px; /*padding for inside text*/ border:1px #CCC solid;
}
.moduletablenewsflash h3{
font-family:Arial;
font-size:12pt;
background:#990000;
color:#fff;
padding:0.25em 0;
text-align:center;
font-size:1.1em;
margin:0 -10px 0.5em -10px;
/*negative padding to pull h3 back out from .moduletable padding*/ }
table.nopad {
	width: 80%;
	border-collapse: collapse;
	padding: 0;
	margin: 0;
	margin-bottom: 15px;
	margin-right:50px;
}


.moduletableadv{
text-align:center;
font-family:Arial;
font-size:12pt;
padding:0;
color: #333;
margin-bottom:1em;
}


.moduletablemenu h3 {
background:#990000;
color:#fff;
padding:0.25em 0;
text-align:center;
font-family:Arial;
font-size:12pt;
margin:0;
border-bottom:.9px solid #fff;
}
.moduletablemenu ul{
list-style: none;
margin: 0;
padding: 0;
border:1px #CCC solid;
}
.moduletablemenu li{
border-bottom: 1px solid #ccc;
margin: 0;
}
.moduletablemenu li a{
display: block;
padding: 3px 5px 3px 0.5em;
border-left: 10px solid #474444;
border-right: 10px solid #990000;
background-color:#474444;
color: #fff;
text-decoration: none;
}
html>body .moduletablemenu li a {
width: auto;
}
.moduletablemenu li a:hover,a#active_menu:link,a#active_menu:visited{
border-left: 10px solid #990000;
border-right: 10px solid #990000;
background-color: #990000;
}

.buttonheading img {
	margin: 0;
	border: 0;
	float: right;
}
/*general*/


ul{

list-style:none;
}

li p{
margin:0;
}
a img{
border:0 none;
}

a{

color:#be1a18;
text-decoration:none;
font-weight:bold;
}
a:hover{
text-decoration:none;
}
a:active, a:focus{
outline:none;
}




/* default Joomla styles */
div.componentheading {}
div.contentpane {}
div.contentdescription {}
td.sectiontablefooter {}
td.sectiontableheader {}
a.category {}
td.sectiontableentry1 {}
td.sectiontableentry2 {}
form#selectForm {}
table.contentpane {}
td.contentheading {}
form#emailForm {}
input#contact_name {}
label#contact_emailmsg {}
input#contact_email {}
input#contact_subject {}
label#contact_textmsg {}
textarea#contact_text {}
input#contact_email_copy {}
form.form-validate {}
div.contact_email {}
input.inputbox {}
input.required {}
input.validate-email {}
textarea.inputbox {}
textarea.required {}
button.button {}
button.validate {}
span.hasTip {}
hr#system-readmore {}
form#jForm {}
ul#archive-list {}
div#navigation {}
li.row {}
h4.title {}
h5.metadata {}
span.created-date {}
span.author {}
div.intro {}
div.contentpaneopen_edit {}
table.contentpaneopen {}
a.contentpagetitle {}
td.buttonheading {}
span.small {}
td.createdate {}
td.modifydate {}
a.readon {}
span.article_separator {}
input#title {}
input#created_by_alias {}
input#publish_up {}
input#publish_down {}
textarea#metadesc {}
textarea#metakey {}
table.adminform {}
td.key {}
img.calendar {}
input#alt {}
table.blog {}
td.article_column {}
div.blog_more {}
a.blogsection
td.contentdescription {}
span .article_separator {}
td.componentheading {}
form#poll {}
table.pollstableborder {}
th.sectiontableheader {}
td.smalldark {}
span.highlight {}
table.searchintro {}
input#search_searchword {}
/*input#area_{VALUE} {} /* Value is set programatically */
input.button {}
form#login {}
form#josForm {}
label#namemsg {}
input#name {}
label#usernamemsg {}
input#username {}
label#emailmsg {}
input#email {}
label#pwmsg {}
input#password {}
label#pw2msg {}
input#password2 {}
div.message {}
form.josForm {}
label.hasTip {}
input#password1 {}
input.validate-password {}
input#token {}
input#name {}
form#adminForm {}
input#jformtitle {}
input#jformurl {}
textarea#jformdescription {}
table#explain-sql {}
table.Table {}
td.TD {}
div#keepAliveLayer {}
/*input#cb{ROW_NUMBER} {} /* Value is set programatically */
dl.tabs {}
div.pane-sliders {}
div.panel {}
h3.jpane-toggler  {}
h3.title {}
div.jpane-slider  {}
div.content {}
table.paramlist {}
table.admintable {}
td.paramlist_description {}
td.paramlist_key {}
td.paramlist_value {}
div.toolbar {}
#search {}
input.text_area {}
select.inputbox {}
span.breadcrumbs  {}
span.pathway {}
/*button#trigger_{ID} {} /* Value is set programatically */
div.expander {}
/*input#{NAME} {} /* Value is set programatically */
/*input#{VALUE} {} /* Value is set programatically */
div#overDiv {}
a.tooltip {}
/*form{FORMNAME} {} /* Value is set programatically */
link#luna-tab-style-sheet {}
/*div#{PANEID} {} /* Value is set programatically */
div.tab-page {}
h2.tab {}
div.bannergroup {}
div.bannerheader {}
div.banneritem {}
div.clr {}
div.bannerfooter {}
a.pathway {}
table.moduletable {}
ul.newsfeed {}
ul.latestnews {}
li.latestnews {}
a.latestnews {}
input#mod_login_username {}
input#mod_login_password {}
input#mod_login_remember {}
/*li#{ITEM ID} {} /* Value is set programatically */
span.separator {}
ul#mainlevel {}
ul#sublevel {}
ul.mostread {}
li.mostread {}
a.mostread {}
/*input#voteid{VOTE ID NUMBER} {} /* Value is set programatically */
table.poll {}
ul.relateditems {}
input#mod_search_searchword {}
div.search {}
ul.sections {}
/* form validation */
.invalid { border-color: #ff0000; }
label.invalid { color: #ff0000; }
/* ###############  main * ########################### */
/* position */
.leading
{
	background: #FFFFFF url(../images/..) no-repeat top left;/*خلفية مقال الصفحة الاولى وخلفية اول مقال في صفحة المقالات*/
	margin:0px;
	padding:00px;
	position:relative;
}

.leading_separator
{
	border-bottom: solid 0px #333333;
	display: block;
	height: 10px;
	margin: 0 0 0px 0;
}

.article_separator
{
	border: solid 1px #333333;
	display: none;
	margin: 0px 0 0px 0;
}

.blog { padding: 0;
	font-size:1.09em;
    font-weight: normal;
	color:#000000 }

.cols1
{
	display: block;
	float: none !important;
	margin: 0 !important;
}


.article_row
{
	margin: 0px 0 0px 0;
	padding: 0;
	overflow:visible;
}

.article_column
{
	border: solid 0px #ccc;
	padding: 0px 0px 0px 0;
}

.row_separator2
{
	display: block;
	clear: both;
	margin: 0;
	border: solid 0px;
}
p.counter {
	background:#FFF;
	color:#000;
	font-weight:bold;
	margin:10px 0;
	padding:5px;
}

/* ###############  main * ########################### */
/* position */
.leading_separator {
border-bottom:solid 0 #333;
display:block;
height:10px;
margin:0;
}

#main .leading h2,#main2 .leading h2 {
background:#908f90;
border-bottom:solid 0 #333;
color:#908f90;
font-family:trebuchet MS, sans-serif;
font-size:1.4em;
font-weight:normal;
margin:0 0 10px;
text-transform:uppercase;
}

#main h2 a,#main2 h2 a {
text-decoration:none;
}

#main .leading .readon,#main2 .leading .readon {
background:url(../images/pfeil.gif) #908f90 no-repeat;
border:solid 0;
bottom:0;
color:#FFF !important;
display:block !important;
margin-top:20px !important;
position:absolute;
right:0;
text-decoration:none;
padding:2px 2px 0 30px;
}

#main .leading .small,#main .leading .modifydate,#main2 .leading .small,#main2 .leading .modifydate {
background:#908f90;
color:#908f90;
}

.article_column h2 {
background:#fff;
color:#000 !important;
font-family:trebuchet MS;
font-size:1.2em !important;
font-weight:bold !important;
padding:0;
}

.article_row .column1 h2,.article_row .column2 h2 {
background:#fff;
border-bottom:solid 1px #908f90; /*الخطوط اسفل المقالات*/
color:#000;
margin:0 0 10px;
padding:5px 5px 5px 0;
}

.article_row p.iteminfo {
background:#fff;
}

#main h3,#main2 h3 {
margin:20px 0 10px;
}

#main .blog_more h2,#main2 .blog_more h2 {
background:#fff;
color:#93246F;
font-family:trebuchet MS, sans-serif;
font-size:1.3em;
font-weight:normal;
margin:0;
}

#main .blog_more li a,#main2 .blog_more li a {
display:inline;
margin:0;
padding:0;
}

#main .blog_more li,#main2 .blog_more li {
padding:4px;
}

#main .blog_more ul li a,#main2 .blog_more ul li a {
background:url(../images/pfeil.gif) no-repeat;
font-weight:bold;
padding:2px 0 4px 30px;
}

#main .blog_more ul li a:hover,#main2 .blog_more ul li a:hover {
background:url(../images/pfeil.gif) #939 no-repeat !important;
color:#fff;
font-weight:bold;
padding:2px 0 2px 30px;
}

#main .blog_more ul li a:active,#main2 .blog_more ul li a:active,#main .blog_more ul li a:focus,#main2 .blog_more ul li a:focus {
background:url(../images/pfeil.gif) #939 no-repeat !important;
color:#fff;
font-weight:bold;
padding:2px 0 2px 30px;
}

#main .blog_more ul,#main2 .blog_more ul {
background:#eee;
border:solid 1px #ccc;
color:#000;
line-height:1.3em;
list-style-type:none;
margin:0;
padding:10px 10px 30px;
}

#main .blog_more,#main2 .blog_more {
padding-top:10px;
}

/* main generell  */
#main a.readon,#main2 a.readon {
background:url(../images/pfeil.gif) no-repeat;
font-weight:bold;
padding:2px 2px 0 30px;
display:inline-block;
}

#main a.readon:hover,#main2 a.readon:hover,#main a.readon:active,#main2 a.readon:active,#main a.readon:focus,#main2 a.readon:focus {
background:url(../images/pfeil.gif) #000 no-repeat;
color:#fff;
padding:2px 2px 0 30px;
text-decoration:none;
}

#main a:link,#main2 a:link,#main a:visited,#main2 a:visited {
color:#000;
}

#main a:hover,#main2 a:hover,#main a:active,#main2 a:active,#main a:focus,#main2 a:focus {
background:#ffffff;
color:#fff;
}

#main h1,#main2 h1 {
color:#000;
font-family:trebuchet MS, sans-serif;
font-size:1.6em;
font-weight:normal;
margin:0;
}

#main h2,#main2 h2 {
color:#93246F;
font-family:trebuchet MS, sans-serif;
font-size:1.6em;
font-weight:normal;
}

#main ul li,#main2 ul li {
padding:0 0 0 10px;
line-height:1.4em;
margin:10px 0;
}

#main ul,#main2 ul {
list-style-position:outside;
list-style-type:square;
padding:0 0 0 10px;
margin:0 0 0 20px;
}

#main ul,#main ol {
list-style-position:inside;
margin:10px 0 10px 20px;
padding:0 0 0 10px;
}

.small {
border:solid 0;
color:#686868;
font-size:0.85em;
margin:0 0 20px;
}

.contentdescription {
padding:10px 0;
overflow:hidden;
}

.image_left {
float:left;
border:solid 0 #ccc;
margin:0 10px 10px 0;
}

.image_right {
float:right;
border:solid 1px #ccc;
margin:0 0 10px 10px;
}

.wrap_image {
clear:left;
}

.createdate {
color:#686868;
display:block;
font-size:0.85em;
}

.createdby {
color:#e90909;
font-weight:bold;
display:block;
font-size:0.91em;
padding:0 0 0 2px;
}

.modifydate {
color:#686868;
display:block;
font-size:0.85em;
padding:0px;
}


.content_vote {
margin:0 0 10px;
display:block;
}

.content_vote input {
}

.content_vote .button {
background:url(../images/pfeil.gif) #000 no-repeat;
border:0;
color:#fff;
font-weight:bold;
padding:0 0 0 30px;
cursor:pointer;
}
/* #####################  form.registration ################ */
form.search_result,form.registration,form.lost_password,.login_form {
background:#fff;
border:solid 0 #ffffff;
margin:0px 10px 0;
padding:0;
position:relative;
}

.search_result .button,form.registration .button {
background:url(../images/pfei.gif) #000 no-repeat;
height:21px;
font-size:15px;
border:0;
color:#fff;
font-weight:bold;
margin:10px 0 0;
padding:0 5px 0 30px;
cursor:pointer;
}

.registration fieldset p {
margin:10px 0;
}

.registration div,.login_form div,.lost_password div {
margin:5px 0;
}

/* ########################## search ############################ */
.searchintro {
font-weight:normal;
margin:0 0 20px;
}

.searchintro img {
display:inline; border:0px
}

.display {
margin:20px 0 0;
text-align:right;
}

.filter {
margin:10px 0 0;
}

.inputbox:focus {
border:solid 2px #000;
}

.highlight {
background-color:
#FFFFCA;
font-weight:bold;
}

fieldset.word,fieldset.only {
border:solid 1px #ccc;
}

.only {
border:solid 0;
margin:10px 0 0 10px;
padding:5px 10px;
line-height:1.3em;
}

.word {
background:#fff;
padding:10px 10px 10px 0;
border:solid 0 !important;
}

.word input {
background:#fff;
border:solid 2px #999;
color:#93246F;
font-weight:bold;
margin:0 0 0 10px;
padding:2px;
}

.phrase {
color:#000;
margin:10px 10px 10px 0;
padding:10px;
width:60%;
border:solid 1px #ccc;
float:left;
}

/*Selects*/
.phrase .inputbox {
background:#fff;
color:#000;
display:block;
height:1.5em;
margin-top:10px;
width:12em;
}

.phrase .inputbox option {
background:#FFFFFF;
border-bottom:solid 1px #333;
padding:2px;
}

.phrase .inputbox option a:hover {
background:#C00;
border-color:#a40f0f;
color:#fff;
}

.search_result legend {
border-bottom:solid 0 #000;
background:#fff;
}

/* ########################### contacts ########################### */
div.contact {
margin:10px 0;
}

address {
font-style:normal;
margin:10px 0;
}

address p {
line-height:1em;
}

.contact label {
float:left;
font-weight:bold;
width:14em;
margin:10px 0 0;
}

span.marker {
margin:0 10px 0 0;
}

.contact_email_checkbox label {
float:none !important;
}

.contact label.copy {
width:90%;
padding:0 0 0 10px;
}

.contact form {
background:#a40f0f;
color:#000;
padding:20px;
margin:10px 0;
}

.contact input {
background:#fff;
border:solid 2px #C39;
color:#000;
padding:2px 2px 0;
margin:10px 0 0;
}

.contact .button {
background:url(../images/pfeil.gif) #000 no-repeat;
border:0;
color:#fff;
font-weight:bold;
margin:20px 10px 0 0;
padding:0 0 0 30px;
cursor:pointer;
}

label.textarea {
float:none !important;
margin:10px 0;
display:block;
width:100%;
}

#contact_text {
width:80%;
height:150px;
}

.contact input.invalid,.contact textarea.invalid {
border:solid 2px red;
}

.contact label.invalid {
color:red;
}

/*#################### tabellen ############################ */
table.newsfeed {
border:solid 1px;
}

table.newsfeeds td,table.weblinks td,table.category td {
border-right:solid 1px #EEE;
padding:5px;
}

table.newsfeeds th,table.weblinks th,table.category th {
background:#EEE;
padding:5px;
}

table.newsfeeds,table.weblinks,table.category {
border:solid 1px #eee;
font-size:1em;
margin:20px 0;
}

/* category table */
#count {
width:10%;
}

#tableOrdering {
width:70%;
}

#author {
width:20%;
}
.sectiontableentry2 {
	background-color:#f1f1f1;
	color:#000;
}

.sectiontableentry0 {
	background-color:#f1f1f1;
	color:#000;

}

.sectiontableentry1 {
	background-color:#f7f7f7;
	color:#000;
	
}
.sectiontableheader {
	background-color:#CCCCCC;
}