@charset "utf-8";
/*
Code by Fjodor Schäfer

copyright: Creative Commons Attribution-Share Alike 3.0 Unported License
*/ 



#container 
{
	width: 100%;
	text-align: left;
	height: 100%;
	background-image: url(../images/left_border.jpg);
	background-repeat: repeat-y;
	background-color: #FFFFFF;
}  

#container2 
{
	background-image: url(../images/right_border.jpg);
	background-repeat: repeat-y;
	background-position: right;
}

#header  
{
	background: #808080;
	height: 12px;
	border-bottom: 2px solid #cccccc;
	padding: 8px 30px;
	line-height: 24px;
} 

#date 
{
	font-size: 11px;
	float: left;
	color: #FFFFFF;
	font-weight: bold;
	margin-right: 20px;
}

#pathway 
{
	float: left;
	color: #D3D3D3;
	font-weight: bold;
	font-size: 11px;
}

#search 
{
	float: right;
}

#banner_out 
{
	float: right;
    position: right;
    background-image: url(../images/Website-Header_Adresse.jpg);
/*	background-repeat: repeat-x;*/
    height: 210px;
	width: 100%;
}

.banner 
{
	float: right;
	padding: 30px 30px 0px 0px;
}

#sitetitle 
{
	float: left;
	color: #FFFFFF;
	height: 210px;
	font-size: 18px;
	font-weight: bold;
	background-image: url(../images/Website-Header.jpg);
	background-repeat: no-repeat;
	background-position: left;
	width: 100%;
}

.sitetitle 
{
	float: left;
	padding: 80px 0px 0px 50px;
}

#topmenu_out 
{
	height: 38px;
	background-image: url(../images/topmenu_bg.jpg);
	background-repeat: repeat-x;
}

#topmenu_left 
{
	width: 27px;
	height: 38px;
	background-image: url(../images/topmenu_left.jpg);
	background-repeat: no-repeat;
	float: left;
}

#topmenu_right 
{
	width: 27px;
	height: 38px;
	background-image: url(../images/topmenu_right.jpg);
	float: right;
	background-repeat: no-repeat;
}

#topmenu 
{
	float: left;
	height: 38px;
	color: #D3D3D3;
}

#topmenu ul, #topmenu li 
{
	display: inline;
	padding: 0px;
	margin: 0px;
	list-style-type: none;
}

#topmenu a:link, #topmenu a:visited 
{
	margin-right: 20px;
	color: #D3D3D3;
	float: left;
	height: 38px;
	line-height: 38px;
	border: none;
	background: none;
}

#topmenu a:hover 
{
	text-decoration: underline;
}

#maincontent 
{


}

#left_out 
{
	width: 188px;
	float: left;
	padding: 5px 5px 0px 16px;
}

#right_out 
{
	width: 188px;
	float: right;
	padding: 5px 16px 0px 5px;
}

#content_out 
{
	margin: 0px 210px;
	padding: 5px 0px 0px 0px;
}
 
#user_out 
{
	height: 140px;
}
#user_out .topmodule_user 
{
	width: 48%;
	height: 140px;
	padding-top: 0px;
	margin: 0px;
	background-image: url(../images/user_bg.jpg);
	background-repeat: repeat-x;
	border: 2px solid #D3D3D3;
	background-color: #FFFFFF;
	float: left;
}

#user_out  .topmodule ul, .topmodule li 
{
	margin: 0px;
	padding: 0px;
}

#user_out  .topmodule_user th     
{
	height: 70px;
	line-height: 32px;
	font-size: 14px;
	color: #FFFFFF;
	padding: 0px 5px;
	background-image: url(../images/user_moduletable.jpg);
	background-repeat: repeat-x;
}

#user_out .topmodule_inside 
{
	margin: 2px;
	height: 136px;
	background-image: url(../images/user_moduletable.jpg);
	background-repeat: repeat-x;
	overflow: hidden;
}

#separator 
{
	width: 2%;
	height: 50px;
	float: left;
}

#content 
{
	margin: 10px 0px 0px 0px;
	width: 100%;
	background-image: url(../images/content_bg.jpg);
	background-repeat: repeat-x;
}

#bottom 
{
	height: 20px;
	background-image: url(../images/bottom.gif);
	background-repeat: repeat-x;
}

#bottom_left 
{
	background-image: url(../images/bottom_left.jpg);
	width: 30px;
	height: 20px;
	float: left;
	background-repeat: no-repeat;
}

#bottom_right 
{
	background-image: url(../images/bottom_right.jpg);
	background-repeat: no-repeat;
	width: 30px;
	height: 20px;
	float: right;
}


#footer 
{
	height: 30px;
	background-color: #808080;
	border-top: 2px solid #cccccc;
	color: #FFFFFF;
	text-align: center;
	padding: 5px 30px;
}
    
.clearfloat 
{ 
    	clear:both;
        height:0;
        font-size: 1px;
        line-height: 0px;
}

.body  
{
	font: 12px Arial, sans-serif;
	background: #C0C0C0;
	margin: 0px;
	padding: 0px;
	text-align: center;
	color: #000000;
}

/*formatting all <div> (division) items.  This is a catch-all that only applies when no other style has been defined.*/
p 
{
	padding: 0px;
	margin: 0px;
} 

/*formatting all  <td> items. This default setting is used when no other style has been defined.*/
td 
{
	font-size: 12px;
} 

/*formatting all  <tr> items.  This default setting is used when no other style has been defined.*/
tr 
{
	font-size: 12px;
} 

/*formatting all UL (unordered list) items. This default setting is used when no other style has been defined.*/
ul 
{
	margin: 0px;
	padding: 0px 0px 0px 18px;
} 

/* general links style*/
a:link, a:visited 
{
	color: #000000;
	text-decoration: none;
        
} 


a:hover 
{
	text-decoration: underline;
}

/* horizontal line in your template*/
hr 
{

} 


hr.separator 
{

}
 
/* FORMS SETTINGS */ 
.button 
{
	height: 24px;
	color: #808080;
	border: 2px outset #fff;
	padding: 0px;
	background-image: url(../images/button.jpg);
	background-repeat: repeat-x;
	background-color: #C0C0C0;
	font-weight: bold;
	margin: 5px 0px;
}
.inputbox 
{

}

/*formatting the <div> which holds search items: inputbox, search button...*/
.search 
{

} 
 
 
/* NAVIGATION/MENU SETTINGS */
#mainlevel ul, #mainlevel li
{

} 

a.mainlevel:link, a.mainlevel:visited 
{
	border-bottom: 1px solid #C0C0C0;
	display: block;
	height: 20px;
	line-height: 20px;
         width: 100%
	color: D3D3D3;
	padding-left: 10px;
         text-align: left;
         font-weight: bold;
	/*background-image: url(../images/mainlevel_bg.gif);
	background-repeat: no-repeat;
	background-position: left;*/
}

a.mainlevel:hover, #active_menu 
{
	/*background-image: url(../images/mainlevel_over.gif);*/
	text-decoration: underline;
	background-repeat: no-repeat;
	background-position: left;
         color: #6600FF;
         background-color: #FFFFFF;
}

a.sublevel:link, a.sublevel:visited   
{
	/*background-image: url(../images/sublevel.gif);
	color: #7EA4C9;
	background-repeat: no-repeat;*/
         text-decoration: underline;
	padding-left: 20px;
	height: 20px;
	line-height: 20px;
	background-position: left;
         color: #6600FF;
         background-color: #FFFFFF;
}

a.sublevel:hover
{

}

/* 
Sets the style for the footer navigation ("<< Start < Prev Next > End >>") when 
they do not appear as hyperlinks (when only a few articles exist).
*/

.pagenavbar 
{

} 

/*Style for the footer navigation ("<< Start < Prev Next > End >>") when they become hyper links*/
.pagenavbar:link 
{

} 

.pagenavbar:visited 
{

}
 
/* as the name implies, this is for formatting texts for those "<< Start < Previous 1 Next > End >>" links */
.pagenav 
{

}  

a.pagenav:visited 
{

}

a.pagenav:hover 
{

}

.back_button 
{
	background-image: url(../images/backbutton_2.gif);
	height: 20px;
	line-height: 20px;
	width: 60px;
	padding-left: 25px;
	color: #808080;
	font-weight: bold;
	font-size: 10px;
	margin-top: 5px;
} 

/*Style for the "BACK" button*/
.back_button a:link {
	color: #000000;
}

/*Style for latest news list - by default, latest news is user1 module*/
.latestnews  ul, .latestnews li 
{

} 
 
/* CONTENT PAGE SETTINGS */
a.category:link 
{

}

a.category:hover 
{

}

a.category:visited 
{

}
 
/* Formatting the links in Blog section */
.blogsection 
{

} 

/*The "More" text in blog section*/
.blog_more 
{

} 

/* set the link format */
a.blogsection:link 
{

} 

/* same as above, but to set the visited link format */
a.blogsection:visited 
{

} 

/* same as above, but for links with mouse pointer over it */
a.blogsection:hover 
{

} 
 
/* Title of the component being used to display the content.*/
.componentheading 
{
	background-image: url(../images/user_moduletable.jpg);
	height: 32px;
	line-height: 32px;
	padding: 0px 10px;
	color: #ffffff;
	font-weight: bold;
}

/* Title of the content, article, etc. being displayed.*/
.contentheading 
{
	font-weight: bold;
	border-bottom: 1px solid #660000;
}
 
/* Table that holds all non-article information (components, category lists, contact forms, etc).*/
.contentpane 
{

}  

/* Table that holds the actual text for an article.*/
.contentpaneopen 
{

}

/*Title of articles*/
.contentpagetitle 
{
	
} 
 
/*Title of articles when appeare as links */
a.contentpagetitle:hover 
{

} 

a.contentpagetitle:link 
{

}

a.contentpagetitle:visited 
{

}

/* Formating the "DESCRIPTION" of sections, categories (News/Weblinks/Latest news...) */
.contentdescription 
{
	padding: 10px;
} 

 
/* JOOMLA - MAMBO SECTIONS LISTINGS */

/* 
This is for styling the section table headers on a SECTION's page. Example: 
table header of "Date", "Item Title", "Author" and "Hits"? 
*/

.sectiontableheader 
{
	background-color: D3D3D3;
	color: #000000;
	padding: 5px;
} 

.sectiontableentry1 
{

} 

.sectiontableentry2 
{
	background-color: #D3D3D3;
}

#left_out .moduletable, #right_out .moduletable 
{
	background-image: url(../images/moduletable_bg.png);
	background-position: bottom;
	background-repeat: no-repeat;
	margin-bottom: 10px;
	padding: 0px 0px 10px 0px;
	width: 188px;
} 

#left_out .moduletable th, #right_out .moduletable th 
{
	background-image: url(../images/moduletable.png);
	height: 43px;
	width: 188px;
	background-repeat: no-repeat;
	color: #000000;
	line-height: 43px;
	padding: 0px 0px 0px 20px;
} 

/* Formatting the table cells of the module table */
#left_out .moduletable td, #right_out .moduletable td 
{
	padding-left: 5px;
	padding-right: 5px;
} 

/* MISCELLANEOUS */

/* Dates , Authors*/
/* For styling the date the content/articles are created under contents title */
.createdate, .small
{
	font-size: 10px;
	color: #999999;
} 

/* Formating "Last updated on" text at the end of articles/contents */
.modifydate 
{

} 

/*Found in poll result page, for " Number of Voters".. text */
.smalldark 
{

}
 
/* Polls */
/* format the td of poll table */
.poll 
{

} 

/* set the border properties of the polls voting table */
.pollstableborder 
{

} 
 
 
/* Weblinks */

/* 
well.. to format the link's titles under the "Weblinks" 
section on the frontend 
*/

.weblinks
{

} 

/* same as above, but for link with mouseover */
a.weblinks:hover 
{

} 
 

/* Newsfeeds */
/* The newsfeed title. NOTE: This will not affect the newsfeed's news title! */
.newsfeedheading 
{

} 

/* yeah.. the date on the newsfeed */
.newsfeeddate 
{

} 

/* this is the body text of the newsfeed */
.fase4rdf
{

} 
 
/* Search page */

/* 
This is for formatting the box with "Search Keyword: test
returned 4 matches" box that appears after you have entered a search value.
It appears on the mainbody with the search results 
*/
table.searchintro
{

} 
 
  
/* JOOMLA - MAMBO TABBED FRONTEND ADMIN INTERFACE */
/* The CSS below efines how the frontend admin interface when logged in */