/* COMMON STYLE
--------------------------------------------------------- */
form
{
	padding 	: 0px;
	margin		: 0px;
}


/* slider menu work */

#navheader li {
	z-index: 3;
	position: relative;
	float: left;
	padding: 0;
	margin: 0;
	list-style: none;

}
#navheader li a {
	display: block;
	font-size: 12px;
	font-weight: bold;
	padding: 0 14px;
	text-decoration: none;
	color: #FFFFFF;
	
	
	}
	
#navheader li a:hover {
	color: #ff0000;}
	
#navheader li.active {
	z-index: 1;
	height: 17px;
	border-bottom: 4px solid #E49B2A;
}
#navheader {
	z-index: 2;
	position: absolute;
	height: 20px;
	margin-top	: 7px;
}
	
	/*
#slider {
	z-index: -1;
	position: absolute;
	height: 20px;
	background-color		: #C1A184;
	border-bottom			: 4px solid #FFFFFF;
	
}

*/
#horizmenu {
	position			: relative;
	left				: 0px;
	top					: 160px;
	margin				: 10px;
	height				: 30px;
	width				: 748px;
	background			: url(http://www.circusfederation.org/FMC/templates/images/navbar.png);
}


.clr {
	clear: both;
}

/* splitmenu sublinks */


#nav ul.submenu,
ul.submenu li{
	list-style: none;
	margin: 0;
	padding: 0;
	
}

ul.submenu ul li a{
	text-indent: 15px;
	
}

ul.submenu ul ul li a{
	text-indent: 30px;
}

ul.submenu ul li a {
	border-right: 4px solid #46596E;

}

ul.submenu li a {
	display: block;
	width: 150px;
	margin-left		: 0px;
	margin-bottom	: 5px;
	background-color		: #7E654F;
	text-decoration			: none;
	color					: #fff;
	padding-left			: 10px;
	height					: 20px;
	border-bottom			: 1px solid #352A21;

}

#nav ul.submenu a:link,
#nav ul.submenu a:visited {
	text-transform	: capitalize;
	color			: #ffffff;
	line-height		: 20px;
	font-size		: 11px;
}

#nav ul.submenu a:hover {
	text-decoration: none;
	background-color	: #A78669;
	border-bottom		: 1px solid #46382C;
}

#nav ul.submenu ul li a {
	border-right: 4px solid #46596E;
}



/* CORE CSS */
tr,p,div
{
	font-size			: 12px;
	font-family			: Arial;
	color: #464646;
text-align       : justify;

}

a:link,
a:visited,
a:active
{
	color				: #464646;
	font-size			: 12px;
	text-decoration		: underline;

}


ul {
	margin: 0px 0px 0px 0px;
	padding-left : 15px;
	}

li {
   width: auto;
   margin: 0px 0px 0px 0px!important;
   margin: 0px 0px 0px 30px;
   border: 0px;
   padding: 0 0 0 0;
   list-style-image:url(http://www.circusfederation.org/FMC/templates/images/listarrow.png);
   }
   

ul.latestnews,
ul.latestnews li{
	list-style: none;
	margin: 0;
	padding: 0;

	
}


a.latestnews:link,
a.latestnews:visited,
a.mostread:link,
a.mostread:visited
{
	color				: #ffffff;
	font-size			: 11px;

}

a:hover
{
	text-decoration		: none;
	color: #a90000;

}



#nav div.moduletable h3
{
	font-size			: 11px;
	font-weight			: bold;
	margin				: 0px;
	color				: #ECECEC;
	text-transform		: uppercase;
	font-family			: Tahoma;
	padding-bottom		: 3px;
	padding-top			: 3px;
	background			: url(../images/module-title-bg.png) no-repeat;
	background-position	: 0px 5px;
	padding-left		: 12px;
	
	

}

#nav div.moduletable
{
	background			: url(../images/module-bottom.png) repeat-x;
	background-position	: left bottom;
	padding-left		: 10px;
	color				: #FEF3C6;
}


/* De hele module */
table.moduletable-news { 

padding-left		: 15px;
padding-bottom: 15px;


}

/* De inhoud van de module */
table.moduletable-news td { 

}


/* De titel van de module */
table.moduletable-news th{ 
	color					: #A90000;
	font-weight				: bold;
	font-size				: 18px;
	font-family				: Arial;
	padding-top: 10px;
	padding-bottom: 10px;

}



#nav a:visited,
#nav a:link
{
	color				: #FFFFFF;
	text-decoration		: none;
}


#nav a:hover
{
	color				: #fff;
	text-decoration		: underline;
}


#footer-copyright a:link,
#footer-copyright a:visited,
#footer-copyright a:active
{
	color				: #333333;
	font-size			: 10px;
}

/* mainlevel menu */
#nav a.mainlevel,
#nav a.mainlevel:link,	
#nav a.mainlevel:active {
	font-size   			: 11px;
	font-weight				: normal;
	color					: #F9EAAB;
	margin					: 0px;
	text-decoration			: none;
	padding-right			: 0px; 
	padding-top				: 0px; 
	padding-bottom			: 0px;
	line-height				: 15px;

}

#nav a.mainlevel:visited {
	font-size				: 11px;
	font-weight				: normal;
	margin					: 0px;
	color					: #F9EAAB;
}

#nav a.mainlevel:hover {
	font-size				: 11px;
	font-weight				: normal;
	margin					: 0px;
	color					: #FFFFFF;
}

#nav a.sublevel,
#nav a.sublevel:link 
#nav a.sublevel:active {
	font-size				: 11px;
	font-weight				: normal;
	margin					: 0px;
	color					: #F9EAAB;
	text-decoration			: none;
	padding-right			: 0px; 
	padding-top				: 0px; 
	padding-bottom			: 0px;
}

#nav a.sublevel:visited {
	font-size				: 11px;
	font-weight				: normal;
	margin					: 0px;
	color					: #F9EAAB;
}

#nav a.sublevel:hover {
	font-size				: 11px;
	font-weight				: normal;
	margin					: 0px;
	color					: #FFFFFF;
}

.componentheading,
.contentheading
{
	color					: #A90000;
	font-weight				: bold;
	font-size				: 18px;
	font-family				: Arial;
	padding-top: 10px;
	padding-bottom: 10px;
}



.small, 
.createdate
{
	font-size				: 10px;
	color					: #694102;
}

.contentpaneopen {  /* CONTENT */
  	text-align       		: left;
  	background       		: transparent;
  	padding-top      		: 0px;
  	padding-left     		: 0px;
  	padding-bottom     		: 0px;
  	padding-right    		: 0px;
  	margin-top      		: 0px;
  	margin-left     		: 0px;
  	margin-bottom     		: 0px;
  	margin-right    		: 0px;
  	vertical-align   		: top;
	width            		: 100%; 
	line-height				: 15px;

	
}




.sectiontableheader
{
	background				: url(../images/topmenu-bg.png) repeat-x;
	font-size				: 10px;
	padding-top				: 3px;
	padding-bottom			: 3px;
}

table.contenttoc th
{
	background				: url(../images/topmenu-bg.png) repeat-x;
	height					: 12px;
	padding-top				: 2px;
	padding-bottom			: 2px;
	text-align				: left;
	padding-left			: 2px;
	
}

table.contenttoc
{
	border					: 1px solid #333333;
}

table.contenttoc td
{
	padding				: 0px 2px 0px 2px;
}

.pathway,
.pathway a:link,
.pathway a:visited
{
	font-size			: 10px;
	color				: #fff;
}

/* user3 module */

ul#mainlevel li, ul#mainlevel-nav li {
	padding: 0;
	display: inline;
	background: none;
	line-height: normal;
}

ul#mainlevel-nav li a{
	font-weight		: normal;
	padding-left	: 5px;
	padding-right	: 10px;
	text-decoration	: none;
	color			: #ffffff;
	font-weight		: bold;
	white-space		: nowrap;
}

ul#mainlevel-nav li a:hover{
	font-weight		: normal;
	padding-left	: 5px;
	padding-right	: 10px;
	text-decoration	: underline;
	color			: #ffffff;
	font-weight		: bold;
	white-space		: nowrap;
}


/* FORM CSS */


form {
	margin: 0;
	padding: 0;
}

input {
	font: 11px Tahoma, Arial, sans-serif;
	margin	: 1px 0px 1px 0px;
}

select {
	font: 11px Tahoma, Arial, sans-serif;
}

textarea {
	border: 1px solid #CCCCCC;
	padding-left: 2px;
	font: 11px/1.3em Tahoma, Arial, sans-serif;
}

.button {
	padding-left: 5px;
	padding-right: 5px;
	border: 1px solid #808080;
	background-color	: #E2A202;
	border-left			: 1px solid #EFCB6E;
	border-top			: 1px solid #EFCB6E;
	border-right		: 1px solid #5F4401;
	border-bottom		: 1px solid #5F4401;
}

.inputbox {
	padding-left: 2px;
	border-top: 1px solid #999999;
	border-right: 1px solid #DDDDDD;
	border-bottom: 1px solid #DDDDDD;
	border-left: 1px solid #999999;
	background: #FFFFFF;
}

.clr {
	clear: both;
}



/* --------- Mambo Sections Styles ---------*/
/* Styling of sections tables */

/
.sectiontableheader {
	/* This is for styling the section table headers on a SECTION's page.
	   An example would be those articles lists when you click on "News" or something?
	   With a table header of "Date", "Item Title", "Author" and "Hits" ? That's the
	   header that you will be controlling through this style */
	background-color : #00008B;
	background-repeat: repeat;
	padding: 2px;
	color : #ffffff;
	font-weight : bold;
	padding: 2px;
	}

.sectiontableentry1 {
	/* this is used when there's a whole list of data to provide and
	   you need to create alternate colors for each row of data. This is
	   the first color */
/*	background-color : #E1E5F0; */
	height: 25px;
	padding-left: 25px;

	}
	
.sectiontableentry2 {
	/* this is the second color for the row. So, the table generator,
	   will alternate its style through sectionableentry1 and sectiontableentry2
	   as it cycles through and outputs each row of data. Similar to forum's post
	   listings */
/*	background-color : #f5f5f5; */
	height: 25px;
	padding-left: 25px;


	}




/* --------- Mambo Styles for Categories ---------*/
  /* The following are the styling for "Category" items 
    generated from the Sections area */

.category {
	/* this is to set the category Titles ( found on a SECTION's page
	   where the Category lists are) styles */
	color: #660000; 
	font-family: Arial, Verdana, Helvetica, sans-serif;

	font-weight: bold; 
	text-decoration: none;
	}

/*hieronder kleuren van FAQ categorieën*/
a.category:link, a.category:visited {
	/* same as above, but to set the link format */
	color: #00008B; font-weight: bold;
	}

a.category:hover {
	/* same as above, but for links with mouse pointer over it */
	color: #8a6be4;
	}