/* joomlastuff */

div.mosimage_caption {
  font-size: 10px;
  color: #666666;
}

div.moduletable {
	margin-bottom: 0px;
	padding: 1;
}

span.pathway {
	
	height: 26px;
	line-height: 26px;
	vertical-align: bottom;
        padding-top: 7px;
       	margin-left: 10px;
}

span.pathway img {
	vertical-align: center;
        
}

div.componentheading {
	margin: 15px 0px 8px 0px;
}

.contentpane, .contentpaneopen {
	margin: 0;
	padding: 0;
	border-collapse: collapse;
}

.contentheading {
	font-family: Arial, Helvetica, sans-serif;
	padding-left: 30px;
	padding-top: 20px;
	padding-bottom: 0px;
	color: #ffffff;
	font-size: 18px;
	background: url(../images/arrow.png) 0 23px no-repeat;
}

table.contentpaneopen span.small {
	padding-left: 30px;
	font-size: 90%;
	color: #999;
}

td.createdate, td.modifydate {
	text-indent: 30px;
	font-size: 90%;
	color: #999;
	padding-bottom: 10px;
}

td.modifydate {
	text-indent: 0;
}

input.button {
	border: 1px solid #444;
        text-align: center;
	background: #2A2A2A url(../images/mp_button_bg.png) repeat-x;
	font-family: Tahoma, Helvetica, sans-serif;
	font-size: 11px;
	padding: 2px;
	color: #ccc;
	margin: 10px 0px;
        height:20px;
      
}



.comment-button-center {

	border: 1px solid #444;
        text-align: center;
	background: #2A2A2A url(../images/mp_button_bg.png) repeat-x;
	font-family: Tahoma, Helvetica, sans-serif;
	font-size: 11px;
	padding: 2px;
	color: #ccc;
	margin: 10px 0px;
        height:15px;
}


input.formbutton{
	border: 1px solid #444;
        text-align: center;
	background: #2A2A2A url(../images/mp_button_bg.png) repeat-x;
	font-family: Tahoma, Helvetica, sans-serif;
	font-size: 11px;
	padding: 2px;
	color: #ccc;
	margin: 10px 0px;
        height:20px;
      
}

input.jftextbox {
	margin-left: 0px;
	border: 1px solid #444;
	background: #2A2A2A url(http://www.fabrik-coesfeld.de/relaunch/templates/Fabrik_Design/images/mp_input_bg.png) repeat-x;
        background-position: bottom;
        height:22px !important ;
        font-family: Tahoma, Helvetica, sans-serif;
	font-size: 11px;
	padding: 2px;
	color: #ccc;
}

input.forminput {
	border: 1px solid #444;
        text-align: center;
        valign:middle;
	
	font-family: Tahoma, Helvetica, sans-serif;
	font-size: 11px;
	padding: 2px;
	color: #ccc;
	margin: 0px 0px;
      
}


div.pagenavcounter, span.pagenav, th.pagenav_prev a, th.pagenav_next a {
	color: #ffffff;
	font-weight: bold;
	margin-bottom: 10px;
}

div.pagenavbar div {
	color: #ffffff;
	font-weight: bold;
	margin-bottom: 10px;
}

div.pagenavbar a:link, div.pagenavbar a:visited {
	font-weight: bold;
}

div.back_button {
	margin: 10px 0;
}

table.contenttoc {
	border: 0px solid #444;
	padding: 1px;
}

table.contenttoc th {
	background: #ffffff;
	padding: 2px 5px;
	border-bottom: 0px solid #444;
}

table.contenttoc td {
	background: #111;
	padding: 1px 5px;
}

table.pollstableborder td {

	padding: 2px;
}


td.sectiontableheader {
	background: #ffffff;
	border-right: 1px solid #151515;
	padding: 0px;
	color: #ffffff;
}



/* custom stuff */

.clr {
	clear: both;
}

div.frame {
	height: 100%;
	width: 900px;
	padding: 0;
	margin: 0 auto;
}

div.padding_outside {
	padding: 1px;
	background: #000;
}

div.padding {
	padding: 1px;
}

div.sWerfer {
        border: 0px solid #444;
        width: auto !important;
        width: 1%;
        background: #f1260a
        float: right;
        vertical-align: bottom;
        horizontal-align: right;

        
}
div.color_seperator {
	width: auto !important;
	width: 100%;
	background: #000000;
	height: 1px;
	overflow:hidden;
}



/* horizmenu */
div#horizmenu {
	white-space: nowrap;
	float: left; 
	width: 690px;
	line-height: 30px;
	height: 30px;
	list-style:none;
}


#horizmenu ul {
display:block;
float: left;

  margin: 2px;
  padding: 2px;
  list-style:none;
 
}

span.mainlevel {
color: #ffffff;
font-size: 11px;
}


#horizmenu ul.mainlevel li {
	float: left;
	background: url(../images/mp_horizmenu_sep.png) top right no-repeat;
	margin: 00;
	padding: 0;
	padding-right: 1px;
	list-style:none;
}

#horizmenu a { 
	float:left;
	display:block;
	overflow: hidden;
	font-weight: bold;
	 color: #ffffff;
	text-transform: uppercase;
	text-decoration: none;
	font-size: 11px;
	height: 21px !important;
	height: 30px;
	line-height: 10px;
	padding: 9px 0px 0px 10px;
	text-decoration: none;
	list-style:none;

}

#horizmenu a:hover {
  color: #f1260a;	
	border: 0;
	background: url(../images/mp_horizmenu_over.png) top left repeat-x;
}

#horizmenu a.active_menu {
  background: url(../images/mp_menu_active_bg.png) repeat-x;
  color: #ffffff;
}

#horizmenu a.active_menu:hover {

  color: #f1260a;
}


/* greybox configurations */
div.greybox {
	border: 0px solid #444;
	width: 100%;
}

div.greybox_bottom {
	border-bottom: 0px solid #444;
}

div.greybox_bottom_padding {
	border-bottom: 0px solid #444;
	padding: 1px;
}

div.greybox_top_padding {
	border-top: 0px solid #444;
	padding: 1px;
}

/* table column configuration */

td.leftcol {
	border-right: 1px solid #444;
	padding: 1px;
	width: 198px;
	padding-bottom: 0px;
}

td.middlecol {
	border: 0px solid #000;
	background: #151515;
	padding-bottom: 0px;
}

td.rightcol {
	border-left: 0px solid #444;
	padding: 1px;
	width: 198px;
        vertical-align: bottom;
	padding-bottom: 0px;
}

div.leftdiv {
	width: auto !important;
	width: 100%;

}

div.firediv {
	width: auto !important;
	width: 100%;
	padding: 1px 10px 35px 10px;
	background: url(../images/mp_leftmenu_bg.jpg) bottom left no-repeat;
}

div.leftmodules {
	width: auto !important;
	width: 100%;
	padding: 0px 10px;
	margin-top: 20px;
}


div.middlediv {
	width: auto !important;
	width: 100%;
        height: 580px;
        overflow:auto;
        Overflow-x: hidden;
        Overflow-y: auto;
	background: #151515;
	padding: 5px 5px;
}

div.rightdiv {
	width: auto !important;
	width: 100%;
	background: #000 url(../images/mp_right_bg.png) bottom left repeat-x;
	padding: 1px 0px;
}

div.littlebox {
	width: auto !important;
	width: 100%;
	border: 0px solid #444;
	padding: 0 5px 5px 5px;
	background: #000;
}

div.littlebox h3 {
	margin-top: 5px;
}

div.topnav, div.middlenav {
	height: 30px !important;
        align: right;
	background: url(../images/top_Nav_BG.png) repeat-x;
}

div.horizdivider {
	margin: 10px -11px;
	height: 3px;
	background: url(../images/mp_horiz_divider.png) repeat-x;
}

div.toppath {
	float: left;
	width: 50%;
	color: #ccc;
        padding-left: 10px;
}
.marocpolis{float:right}

div.topright {
	float: right;
	width: 40%;
	height: 30px;
	line-height: 30px;
	text-align: right;
	color: #999;
	margin-right: 10px;
}


div#logobox {
	float: left;
	border-right: 1px solid #444;
}

div#logopad {
	padding-right: 1px;
}

div#logoarea {
	padding: 0;
        width: 200px;
	height: 183px;
	background: #000000
        float: top;
        vertical-align: top;
}

div#searcharea {
        vertical-align: top;
	float: left;
	width: 200px;
	height: 30px;
	border-bottom: 1px solid #444;
}

div#searcharea form {
	margin: 5px 0;
	padding: 0;
	vertical-align: top;
	
}



div#searcharea input.inputbox {
	margin-left: 15px;
	border: 1px solid #444;
	background: #2A2A2A url(../images/mp_input_bg.png) repeat-x;
	font-family: Tahoma, Helvetica, sans-serif;
	font-size: 11px;
	padding: 2px;
	color: #ccc;
	width: 160px;
}

div.main_header {
	float: left;
	width: 693px;
        padding: 0;
        margin-bottom: 0px;
        vertical-align: bottom;
	height: 180px;
        border: 0px;
	background-color: #000000
}

div.datearea {
	float: left;
	width: 200px;
	line-height: 30px;
	color: #ccc;
	text-align: center;
	background: url(../images/mp_horizmenu_sep.png) top right no-repeat;
}

br.small {
	display: block;
	height: 1px;
	
}

div#footer {
	color: #999;
	text-align: right;
        height: 30px;
	line-height: 30px;	
}

td.buttonheading a:hover {
	border: 1;
	
}


/* core html stuff */

html {
	height: 100%;
}

body {
	height: 100%; 
	background: #000 url(../images/mp_leftmenu_bg.jpg) repeat-x;
	padding: 0;
	margin: 0;
}

td,tr,p,div {
	font-family: Tahoma, Helvetica, sans-serif;
	line-height: 130%;
	font-size: 11px;
	color: #ccc;
	text-align: left;
}

img a, img a:hover, img a:active {
        border: 0px;
        color: #f1260a;
}


a:link, a:visited {
	color: #ffffff;
	font-weight: normal;
	text-decoration: none;
        border: 0px;
}

a:hover {
	text-decoration: underline;
        color: #f1260a;
        border: 0px;
}

ul {
	float: none !important;
	float: left;
	margin: 5px 0;
	padding: 0;
	list-style: none;
}

ul li {
	
	line-height: 15px;

}

form {
	padding: 0;
	marging: 0;
}

input {

}

h2 {
	margin: 15px 0px 8px 0px;
	font-size: 12px;
	color: #ffffff;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 2px;
}
h3 {
	margin: 15px 0px 8px 0px;
	font-size: 12px;
	color: #ffffff;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 2px;
	
}
/**************menu styling *****************/
div.moduletable h3 {
	
	border-top: 0px solid #ffffff;
	font-size: 10px;
	color: #f1260a;
       	letter-spacing: 0px;
        font-weight: bold;
	text-align : center;
	height : 24px;
	line-height : 20px;
	padding-right : 10px;
	margin : 0px 0 2px 0;
	overflow : hidden;
}

li.item4{
color: #f1260a;
text-align : center;
margin: 10px 0px 0px 10px;
}

li.item9{
color: #f1260a;
text-align : center;
}

li.item13{
color: #f1260a;
text-align : center;
}

.moduletable_text h3 {
	

	border-top: 0px solid #f1260a;
	font-size: 10px;
	color: #f1260a;
        text-decoration: none;
	font-weight: bold;
	letter-spacing: 0px;
        text-align : center;
	height : 20px;
	line-height : 24px;
	padding-right : 10px;
	margin : 0px 0 2px 0;
	overflow : hidden;
}


.moduletable_menu h3 {
	border-top: 0px solid #f1260a;
	color :#f1260a;
        text-decoration: underline;
	text-align : center;
	letter-spacing: 0px;
        font-weight : bold;
	height : 24px;
	line-height : 24px;
	font-size : 12px;
	padding-right : 00px;
	margin : 5px 0 2px 0;
	overflow : hidden;
}
.moduletable_menu ul.menu li a {

	display : block;
	vertical-align : middle;
	font-size : 10px;
	color : #ffffff;
	text-align :center;
	height : 15px;
	padding : 8px 5px 0 15px;
	text-decoration : underline;
	margin-bottom : 1px;
	font-weight : bold;
}





.moduletable_menu ul.menu li a:hover, .moduletable_menu ul.menu li a:active, .moduletable_menu ul.menu li a:focus {
	
	text-decoration : underline;
	color : #f1260a;
	font-size : 12px;
	
}
.moduletable_menu ul.menu li.active a {
	
	text-decoration : none;
	color : #ffb0a5;
	font-size : 12px;
	
}

/*******************end of menu style**************/




#form-login .input {

	background : none;
	border : 1px solid #f1260a;
	font-size : 11px;
} 
form {
	margin : 0;
	padding : 0;
	border : none;
}
#form-login {
	border : none;
}
#form-login ul {
	padding : 0;
	margin : 0;
	list-style : none;
}
#form-login li {
	padding : 2px;
	margin : 0;
	background : none;
	list-style : none;
}
#form-login li a {
	font-size : 11px;
}
#form-login li a:hover {
	font-size : 11px;
}
.message {
	font-weight : bold;
	font-size : 14px;
	color :#f1260a;
	text-align : center;
	width : auto;
	background-color : #000000;
	border : 1px dotted #e3e3e3;
	margin : 3px 0 10px;
	padding : 3px 20px;
}
.article_separator{	clear : both;
	display : block;
	height : 0px;
	margin-bottom : 0px;
	border-bottom : 0px solid #f1260a;

}