body,td,th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 70.1%;
	color: #48613A;
}
body {
	background-color: #43535d;
	background-image: url(../images/main_01.gif);
	background-repeat:repeat-x;
	margin-left: 0px;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 0px;
}

.main {
width:968px;
margin:0px auto;
}

.header {
width:100%;
float:left;
background-image:url(../images/main_06.png);
background-repeat:repeat-x;
height:97px;
border-bottom:3px solid #48613A;
}

.logo {
float:left;
background-image:url(../images/main_04.png);
background-repeat:no-repeat;
height:97px;
width:580px;
}

.headerright {
float:right;
background-image:url(../images/main_08.png);
background-repeat:no-repeat;
height:97px;
width:120px;
}

.topmenu {
float:right;
text-align:right;
margin-top:67px;
}

.headerimage {
float:left;
border-bottom:3px solid #48613A;
}


.content {
width:100%;
height:100%;
background-image:url(../images/main_42b.png);
background-repeat:no-repeat;
background-color: #FFFFCC;
float:left;
}

.footer {
width:100%;
background-image:url(../images/main_36.png);
background-repeat:repeat-x;
height:120px;
float:left;
}

.footerleft {
height:120px;
width:10px;
background-image:url(../images/main_35.jpg);
background-repeat:no-repeat;
float:left;
}

.footercenter {
float		: center;
width		: 900px;
margin-left	: 30px;
margin-top	: 60px;
text-align	: center;
color		: #dadada;
font-size	: 0.85em;
}

.footerright {
height:120px;
width:640px;
background-image:url(../images/main_39b.png);
background-repeat:no-repeat;
float:right;
}

.contactgegevens {
float		: center;
width		: 900px;
margin-left	: 30px;
text-align	: center;
color		: #dadada;
font-size	: 0.95em;
}

.left {
float:left;
width:15%;
margin:65px 0px 0px 20px;
padding-left: 20;
}

.right{
float:right;
width:20%;
margin:10px 7px 0px 0px;
}

.center {
float:right;
width:52% !important;
width:50%;
margin:1%;
border-left:1px solid #cccccc;
border-right:1px solid #cccccc;
padding-left:10px;
padding-right:10px;
}

.center2 {
float:right;
width:77% !important;
width:76%;
margin:0%;
border-left:1px solid #cccccc;
padding-left:10px;
padding-right:0px;
margin-top: 30px;
}

.route {
height:145px;
width:150px;
background-image:url(../images/main_43.gif);
background-repeat:no-repeat;
float:left;
margin-top: 5px;
}

.article_seperator {
display:block;
border-top:1px dotted #cccccc;
margin:5px 0px 5px 0px;
}	

/*texts*/
.small {
font-size:0.88em;
color:#CCCCCC;
}

/*links*/
a:link, a:visited {
color:#48613A;
text-decoration:none;
}

a:hover{
color:#48613A;
text-decoration:underline;
}

/* Below are  default settings are used when no other style has been defined.*/
p {

	font-family:Arial, Helvetica, sans-serif;
	font-size:1.0em;
} /*formatting all <div> (division) items.  This is a catch-all that  
only applies when no other style has been defined.*/
td {

	font-family:Arial, Helvetica, sans-serif;
	font-size:1.0em;

} /*formatting all 
<td> items. This default setting is used when no other style has  
been defined.*/
tr {

	font-family:Arial, Helvetica, sans-serif;
	font-size:1.0em;
} /*formatting all 
<tr> items.  This default setting is used when no other style has  
been defined.*/
ul {

	font-family:Arial, Helvetica, sans-serif;
	font-size:1.0em;
} /*formatting all UL (unordered list) items. This default setting  
is used when no other style has been defined.*/
li {
list-style:none;
}

hr {} /* horizontal line in your template*/
hr.separator {}
 
/* FORMS SETTINGS */ 
.button {
  color            : #666666;
  border           : 1px solid #48613A;
  background-color : #FFFFCC;
  margin-top       : 0px;
  font-family      : arial, helvetica, sans-serif;
  font-size        : 9px;
}

.inputbox {
font-size: 9px;
font-family: verdana, helvetica, sans-serif;
text-align: left;
color: #666666;
background-image:url(../images/back_main.jpg);
border: 1px solid #48613A;

}
.text_area{
width:80px;

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


/* NAVIGATION/MENU SETTINGS */
 
/* this styling is for the MAIN items in the menu */

a.mainlevel{
width			: 90%;
}

a.mainlevel:link {
background-image	: url(../images/main_31.gif);
background-repeat	: no-repeat;
background-position	: left;
padding-left		: 30px;
height			: 25px;
line-height		: 25px;
display			: block;
color			: #48613A;
font-size		: 13px;
}

a.mainlevel:visited {
background-image	: url(../images/main_31.gif);
background-repeat	: no-repeat;
background-position	: left;
padding-left		: 30px;
height			: 25px;
line-height		: 25px;
display			: block;
color			: #48613A;
font-size		: 13px;
}

a.mainlevel:hover {
background-image	: url(../images/main_31.gif);
background-repeat	: no-repeat;
background-position	: left;
padding-left		: 30px;
height			: 25px;
line-height		: 25px;
display			: block;
color			: #48613A;
font-size		: 13px;
text-decoration		: underline;
}


/* this styling is for the menu item when it is active, even in main/sub position*/

#active_menu {
color			: #48613A;
text-decoration		: underline;
} 

/* this styling is for the topmenu*/

 
ul#mainlevel-nav {
	list-style	: none;
	padding		: 0px;
	margin		: 0px;
	float		: left;
	text-align	: center;
	text-decoration	: none;
}

ul#mainlevel-nav li{
	padding		: 0px;
	float		: left;
	margin		: 0px;
	white-space	: nowrap;
	text-decoration	: none;

}

ul#mainlevel-nav li a{
padding			: 10px 10px 10px 10px;
margin			: 0px 1px 0px 1px;
height			: 30px;
line-height		: 26px !important;
line-height		: 30px;
color			: #48613A;
}

ul#mainlevel-nav li a:hover{
padding			: 10px 10px 10px 10px;
margin			: 0px 1px 0px 1px;
height			: 30px;
line-height		: 26px !important;
line-height		: 30px;
color			: #48613A;
text-decoration		: underline;
}

ul#mainlevel-nav li a#active_menu-nav{
padding			: 10px 10px 10px 10px;
margin			: 0px 1px 0px 1px;
height			: 30px;
line-height		: 26px !important;
line-height		: 30px;
color			: #48613A;
text-decoration		: underline;
}


/* this styling is for menu items that HAS A PARENT */

a.sublevel{
} 

a.sublevel:link {
background-image	: url(../images/main_31b.gif);
background-repeat	: no-repeat;
background-position	: left;
padding-left		: 40px;
padding-top		: 5px;
height			: 15px;
line-height		: 15px;
display			: block;
color			: #48613A;
font-size		: 12px;
}

a.sublevel:visited {
background-image	: url(../images/main_31b.gif);
background-repeat	: no-repeat;
background-position	: left;
padding-left		: 40px;
padding-top		: 5px;
height			: 15px;
line-height		: 15px;
display			: block;
color			: #48613A;
font-size		: 12px;
}

a.sublevel:hover {
background-image	: url(../images/main_31b.gif);
background-repeat	: no-repeat;
background-position	: left;
padding-left		: 40px;
padding-top		: 5px;
height			: 15px;
line-height		: 15px;
display			: block;
color			: #48613A;
font-size		: 12px;
text-decoration		: underline;
}
 
.pagenavbar {} /*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:link {} /*Style for the footer navigation ("<< Start <  
Prev Next > End >>") when 
they become hyper links*/
.pagenavbar:visited {}
 
.pagenav {} /* as the name implies, this is for formatting texts for  
those "<< Start < Previous 1 Next > End >>" links */
a.pagenav:visited {

}
a.pagenav:hover {

}
 
a.readon:link {
font-size:1.0em;

} /*Style for the "Read More" link that is displayed for large  
content items*/
a.readon:hover {
font-size:1.0em;

}
a.readon:visited {
font-size:1.0em;

}
 
.back_button {} /*Style for the "BACK" button*/
.pagenav_prev {
font-size:1.0em;
} /*Style for the PRE button*/
.pagenav_next {font-size:1.0em;} /*Style for the NEXT button*/
 
.latestnews ul {} /*Style for latest news list - by default, latest  
news is user1 module*/
.latestnews li {}
 
.mostread ul{} /*Style for most popular list - by default, most  
popular is user2 module*/
.mostread li{}
 
/* CONTENT PAGE SETTINGS */
a.category:link {

}
a.category:hover {

}
a.category:visited {

}
 
.blogsection {} /* Formatting the links in Blog section */
.blog_more {} /*The "More" text in blog section*/
a.blogsection:link {

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

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

} /* same as above, but for links with mouse pointer over it */
 
.componentheading {
color:#48613A;
font-size:1.1em;
font-weight:bold;
text-transform:uppercase;
border-bottom:1px solid #48613A;
display:block;
margin-bottom:8px;
}

td.componentheading {
color:#48613A;
font-size:1.1em;
font-weight:bold;
text-transform:uppercase;
border-bottom:1px solid #48613A;
display:block;
margin-bottom:8px;
}

/* Title of the component being used to display the content.*/
table.contentpaneopen {
width:100%;
}

table.contentpaneopen td {
	padding:0px;
}

table.contentpane {
width:100%;
	margin: 0px;
	padding: 0px;
}

.contentheading {
color:#48613A;
font-size:1.1em;
font-weight:bold;
text-transform:uppercase;
border-bottom:1px solid #48613A;
width:100%;
margin-bottom:8px;
background-image:url(../images/main_28.png);
background-repeat:no-repeat;
background-position:bottom left;
height:22px;
line-height:22px;
text-indent:18px;
margin-top:12px;
margin-left:18px;
}

 /* Title of the content, article, etc. being displayed.*/
.contentpane {background-color:#FFFFCC;
background-image:none;
text-align:left;
} /* Table that holds all non-article information (components,  
category lists, contact forms, etc).*/
.contentpaneopen {
background-image:none;
text-align:left;
} /* Table that holds the actual text for an article.*/
.contentpagetitle {
} /*Title of articles*/
 
a.contentpagetitle:hover {

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

}
a.contentpagetitle:visited {

}

.contentdescription {} /* Formating the "DESCRIPTION" of sections,  
categories (News/Weblinks/Latest news...) */
table.contenttoc {
padding:4px;
margin:4px;
border:1px solid #dadada;
} /* Formating the table of the Tables of Contents for multiple  
pages content or article */
table.contenttoc td {padding:4px;
margin:4px;
} /* same as above, used to format the td and able cells */
table.contenttoc th {font-size:1.2em;} /* same as above, used to  
format the th of "Tables of Content" ( normally Article Index)*/
table.contenttoc td.toclink {} /* same as above, used to format toc  
link texts*/
a.toclink:link {} /* same as above, used to format toc link text  
status*/
a.toclink:visited {} 
a.toclink:hover {} 
 
 
/* JOOMLA - MAMBO SECTIONS LISTINGS */
.sectiontableheader {} /* This is for styling the section table  
headers on a SECTION's page.
  Example: table header of "Date", "Item Title", "Author" and  
"Hits"? */
.sectiontableentry1 {
padding:4px;
} 
.sectiontableentry2 {
padding:4px;
}
 
 
/* JOOMLA - MAMBO MODULES FORMATTING */
table.moduletable {
width:100%;
} /* Formatting the module table */
table.moduletable th {
color:#48613A;
font-size:1.1em;
font-weight:bold;
text-transform:uppercase;
border-bottom:1px solid #48613A;
width:100%;
text-align:left;
margin-bottom:6px;
padding-top:5px;
}
 /* Formatting the module header, and the module titles */
table.moduletable td {} /* Formatting the table cells of the module  
table */
 
.pathway {
	text-decoration:none;

	color:#666666;
}

.pathway a:link {

	text-decoration:none;

	}
.pathway a:visited {

	text-decoration:none;

}
.pathway a:hover {

	text-decoration:none;

}
.buttonheading a:link {

	text-decoration:none;
}
.buttonheading a:visited {

	text-decoration:none;
}
.buttonheading a:hover {

	text-decoration:none;
}

/* MISCELLANEOUS */
 
/* Dates , Authors*/
.createdate {
font-size:0.9em;
} /* For styling the date the content/articles are created under  
contents title */
.modifydate {
font-size:0.9em;
} /* Formating "Last updated on" text at the end of  
articles/contents */
.small {
font-size:0.9em

} /* Formating "Written by:...." text */
.smalldark {
color:#333333;
font-size:1.0em
}/*Found in poll result page, for " Number of Voters".. text */
 
/* Polls */
.poll {} /* format the td of poll table */
.pollstableborder {} /* set the border properties of the polls  
voting table */
 
 
/* Weblinks */
.weblinks{} /* well.. to format the link's titles under the  
"Weblinks" 
  section on the frontend */
a.weblinks:hover {
	text-decoration:none;
} /* same as above, but for link with mouseover */
 
/* Newsfeeds */
.newsfeedheading {} /* The newsfeed title. NOTE: This will not  
affect the newsfeed's news title! */
.newsfeeddate {} /* yeah.. the date on the newsfeed */
.fase4rdf {} /* this is the body text of the newsfeed */
 
/* Search page */
table.searchintro {} /* 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 */
 
 
/* JOOMLA - MAMBO TABBED FRONTEND ADMIN INTERFACE */
/* The CSS below efines how the frontend admin interface when logged  
in */
 
.ontab {width:98% !important;
background-color:#FFFFCC;
text-align:left;
}/* For styling of the "Tab" buttons when editing contents through  
the frontend as admin. 
This .ontab is the styling for the tab when it is active or after  
its "clicked" */
.offtab {width:98% !important;
background-color:#FFFFCC;
text-align:left;
} /* Same as above, used for styling of the "Tab" buttons when  
editing contents through the frontend. 
This the styling for the tab when it is NOT active or when it is NOT  
"clicked" */
.tabpadding {width:98% !important;
background-color:#FFFFCC;
text-align:left;
} /* this style is used set the size of the tab in the above */ 
.tabheading {width:98% !important;
background-color:#FFFFCC;
text-align:left;
} /* Not too sure what this is used for. Couldn't find anything  
related to it yet at the moment */
.pagetext {width:98% !important;
background-color:#FFFFCC;
text-align:left;
} /* this style is used to style the content of the editing form  
contents 
(where HTMLArea sits and all its forms + contents) in the frontend  
Administration interface */
#introtext {width:98% !important;
background-color:#FFFFCC;
background-image:none !important;
text-align:left;}
#fulltext {width:98% !important;
background-color:#FFFFCC;
text-align:left;
background-image:none !important;
}
.introtext {
width:98% !important;
background-color:#FFFFCC;
background-image:none !important;
text-align:left;}
.fulltext {width:98% !important;
background-color:#FFFFCC;
text-align:left;
background-image:none !important;
}
table#toolbar a.toolbar {
			color : #808080;
			text-decoration : none;
			display: block;
			border: 1px solid #DDD;
			width: 40px;
			padding: 2px !important;
		}
		table#toolbar a.toolbar:hover {
			color : #C64934;
			border: 1px solid #c24733;
			background-color: #f1e8e6;
			padding: 2px !important;}
			
			.tab-page{
			width:98% !important;
background-color:#FFFFCC;
text-align:left;
background-image:none !important;
			}
			
.mceContentBody{background-color:#FFFFCC;
background-image:none;
text-align:left;
}