html, body {
	font-family: "Trebuchet MS", Verdana;
	font-size: 12px;
	color: #666666;
	line-height: 17px;
	font-stretch: wider;
	text-align:left;
	margin:0;
	height:100%;
}

.article_seperator {
	border-bottom:1px dotted #ededed;
	height:10px;
	margin:0px 0px 10px 0px;
	width:100%;
}

img, table, a {
	behavior:url(iepngfix.htc);
	border:none;
	}

.banner {
	padding:25px 0px 0px 0px;
	width:468px;
	height:70px;
}

.logo {
	float:left;
	height:35px;
	width:400px;
	margin:16px 0px 0px 5px;
}

.small {
	font-size:0.88em;
	color:#999999;
}

a:link {
	color: #7eb0f4;
	text-decoration: none;
	border:none;	
}

a:visited {
	color: #7eb0f4;
	text-decoration: none;	
}

a:hover {
	color: #BF1A6C;
	text-decoration: none;
	border:none;	
}

a:active {
	color: #BF1A6C;
	text-decoration: none;
	border:none;	
}

.pathway {
	font-size:11px;
	line-height:35px;
	margin-bottom:10px;
}

h1 {
	color:#BF1A6C;
	font-size:1em;
	padding:0px;
}

h2 {
	color:#BF1A6C;
	font-size:1.25 em;
	padding:0px;
}


h3 {
	color:#BF1A6C;
	font-size:1em;
	padding:0px;
}

h4 {
	color:#BF1A6C;
	font-size:0.88em;
	padding:0px;
}

h5 {
	color:#BF1A6C;
	font-size:0.75em;
	padding:0px;
}

.topex {
background-image:url(../images/main_02.jpg);
background-repeat:repeat-x;
float:left;
width:100%;
}

.topin {
height:124px;
width:922px;
margin:0px auto;
background-image:url(../images/main_04.jpg);
background-repeat:no-repeat;
}

.mainex {
background-image:url(../images/main_14.jpg);
background-repeat:repeat-x;
float:left;
width:100%;

}

.mainint1 {
margin:0px auto;
width:922px;
background-color:#FFFFFF;
background-image:none;
background-image:url(../images/main_40.jpg);
}

.mainint2 {
background-color:#FFFFFF;
float:left;
background-image:url(../images/main_42.jpg);
background-repeat:no-repeat;
background-position:bottom;
margin:0px auto;
width:922px;
padding:0px 0px 20px 0px;
}

.leftout {
background-image:url(../images/main_15.jpg);
background-repeat:no-repeat;
background-position:left;
float:left;
width:9px;
height:198px;
}

.left {
width:55%;
float:left;
padding:10px 0px 0px 16px;
line-height:20px;
}

.left2 {
width:95%;
float:left;
margin:10px 10px 0px 10px;
line-height:20px;
}

.rightout {
background-image:url(../images/main_18.jpg);
background-repeat:no-repeat;
background-position:right top;
float:right;
width:9px;
height:198px;
}

.right {
width:35%;
float:right;
padding:10px 16px 0px 0px ;
line-height:20px;
}

.footerex {
float:left;
width:100%;
}

.footerint{
margin:0px auto;
width:922px;
height:100px;
padding:10px;
color:#999999;
text-align:center;
}

ul {
padding:0px 0px 0px 25px;
margin:0px;
}

li {
/*background-image:url(../images/main_48.gif);
background-repeat:no-repeat;
background-position-x:left;
background-position-y:4px;
*/
list-style-image:none;
list-style: square;
}


/*topmenu styles*/

.topmenu {
float:right;
width:60%;
margin-right:10px;
}

/*Main Menu styles*/
.mainmenu {
margin:0px 0px 24px 0px;
}

.mainmenu a:link, .mainmenu a:visited {
}

.mainmenu a:hover {
}

.mainmenu h3 {
	padding:15px 15px 0px 5px;
	font-size:13px;
	color:#999999;
	font-weight:normal;
	margin:0px;
}

	
/* Below are  default settings are used when no other style has been defined.*/
p {
	font-family: "Trebuchet MS", Verdana;
	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: "Trebuchet MS", Verdana;
	font-size:1.0em;
}


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

tr {
	font-family: "Trebuchet MS", Verdana;
	font-size:1.0em;
} 

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

hr {} /* horizontal line in your template*/
hr.separator {}
 
/* FORMS SETTINGS */ 
.button {
	font-size: 1em;
	background-image:url(../images/buttonbg.png);
	text-align: center;
	border: 1px solid #67A3CB;
	height: 20px;
	cursor:  pointer;
  	font-family:"Trebuchet MS", Verdana;
}

button {
	font-size: 0.9em;
	background-image:url(../images/buttonbg.png);
	text-align: center;
	border: 1px solid #67A3CB;
	height: 20px;
	cursor:  pointer;
  	font-family: "Trebuchet MS", Verdana;
}

.inputbox {
	font-size: 0.9em;
  	font-family: "Trebuchet MS", Verdana;
	text-align: left;
	color: #666666;
	background-image:url(../images/back_main.jpg);
	border: 1px solid #999999;
}

#search {
	font-size: 0.9em;
	background-image:url(../images/search-bg.jpg);
	background-position:bottom;
  	font-family: "Trebuchet MS", Verdana;
	text-align: left;
	color: #666666;
	border: 0px solid #999999;
	margin-left: 70px;
	padding:0px 5px 0px 5px;
	position:absolute;
	top:8px; 
	-moz-opacity:0.9;	
	filter:alpha(opacity=90);
}

input {
	font-size: 0.9em;
  	font-family: "Trebuchet MS", Verdana;
	text-align: left;
	color: #666666;
	background-image:url(../images/back_main.jpg);
	border: 1px solid #999999;
}

select {
	font-size: 9px;
	font-family: Verdana, helvetica, sans-serif;
	text-align: left;
	color: #666666;
	background-image:url(../images/back_main.jpg);
	border: 1px solid #999999;
	width:212px;
}

.text_area{
	width:80px;
}

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

ul#mainlevel {
	list-style-type: georgian;
	list-style-image:none;
	padding: 0px;
	margin: 0px;
	text-align:left;
	text-decoration:none;
}

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

} /* this styling is for the MAIN items in the menu */
a.mainlevel:link, a.mainlevel:visited {
	text-decoration:none;
	letter-spacing:2px;
	color:#FFFFFF;
	/*border-bottom:1px solid #e4e4e4;*/
	width:95%;
	padding:5px 0px 5px 35px;
	margin:2px 0px;
	display:block;
	background-image:url(../images/heading-menu.png);
	background-repeat:no-repeat;
	background-position:10px center;
	list-style-image:none;
	list-style:none;
}

a.mainlevel:hover {
	/*-moz-opacity:0.6;
	filter:alpha(opacity=60);*/
	background-image:url(../images/menu-hover.gif);
	background-repeat:no-repeat;
	background-position:left center;
	/*border-bottom:1px solid #BF1A6C;*/
}

#active_menu {
	color:#BF1A6C;
	background-image:url(../images/menu-hover.gif);
	background-repeat:no-repeat;
	background-position:left center;
} 

/* this styling is for the menu item when it is active, even in main/sub position*/
ul#mainlevel-nav {
	list-style: none;
	padding: 0px 55px 0px 0px;
	margin: 0px;
	float: right;
	text-align:center;
	text-decoration:none;
}

ul#mainlevel-nav li{
	background-image:none;
	background-repeat:no-repeat;
	list-style-image:none;
	list-style:none;
	padding:0px;
	float: left;
	margin: 0px;
	white-space: nowrap;
	text-decoration:none;
}

a.mainlevel-nav:link, a.mainlevel-nav:visited {
	color:#030076;
	background-image:url(../images/topmenu.jpg);
	background-repeat:repeat-x;
	background-position:bottom;
	padding:20px 20px 5px 20px;
	height:25px;
	line-height:25px;
	margin:0px 1px 0px 1px;
	text-decoration:none;
	font-size:1em;
}

a.mainlevel-nav:hover {
	background-image:url(../images/topmenu-over.jpg);
	color:#ffffff;
	background-repeat:repeat-x;
	background-position:bottom;
	padding:20px 20px 5px 20px;
	height:25px;
	line-height:25px;
	margin:0px 1px 0px 1px;
	text-decoration:none;
	font-size:1em;
}

#active_menu-nav {
	background-image:url(../images/topmenu-over.jpg);
	color:#ffffff;
	background-repeat:repeat-x;
	background-position:bottom;
	padding:20px 20px 5px 20px;
	height:25px;
	line-height:25px;
	margin:0px 1px 0px 1px;
	text-decoration:none;
	font-size:1em;
} 


a.sublevel{
} /* this styling is for menu items that HAS A PARENT */

a.sublevel:link {
}

a.sublevel:visited {
}

a.sublevel:hover {
}
 
.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 {
	color: #7eb0f4;
	padding-left:15px;
	background-image: url(../images/indent-plus.jpg);
	background-repeat:no-repeat;
	}

a.readon:hover, a.readon:visited {
	color: #BF1A6C;
	padding-left:15px;
	background-image: url(../images/indent-plus.jpg);
	background-repeat:no-repeat;
	}
 
.back_button {
	padding-left: 2px;
	padding-bottom: 15px;
	} /*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:#BF1A6C;
font-size:13px;
margin:8px 0px;
border-bottom:1px solid #d1d1d1;
line-height:24px;
display:block;
}

td.componentheading {
}

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

table.contentpaneopen td {
	padding:5px;
}

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

.contentheading {
	color:#BF1A6C;
	font-size:13px;
	margin:8px 0px;
	background-image:url(../images/heading.png);
	background-position: bottom;
	background-position:left;
	background-repeat:no-repeat;
	padding:0px 0px 0px 24px;
	border-bottom:0px solid #d1d1d1;
	line-height:24px;
	width:100%;
	text-indent:20px;
}

 /* Title of the content, article, etc. being displayed.*/
.contentpane {
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;
background-color:#f4f4f4;
} 
.sectiontableentry2 {
padding:4px;
}
 
/* JOOMLA - MAMBO MODULES FORMATTING */
.moduletable {
	width:100%;
	text-align:left;
	padding:0px;
	margin:20px 0px 10px 0px;
} 


/* Formatting the module table */
.moduletable th {
	padding:15px 15px 0px 5px;
	font-size:1.3em;
	color:#BF1A6C;
	font-weight: normal;	
	margin:0px;
}

.moduletable-color th, .moduletable-color h3 {
background-color:#E8F2FD;
padding:5px 0px 0px 5px;
font-size:1.6em;
color:#80b1f4;
font-weight:normal;
}

.moduletable-color {
background-color:#E8F2FD;
background-image:url(../images/main_31.jpg);
background-repeat:repeat-x;
background-position:bottom;
padding:0px 15px 15px 15px;
margin:0px 0px 24px 0px;
border-top:3px solid #80b1f4;
}

.moduletable-color li {
list-style:circle;
background-image:none;
}

.moduletable-color2 th, .moduletable-color2 h3 {
background-color:#bc0800;
padding:5px 0px 0px 5px;
font-size:1.6em;
color:#ffffff;
font-weight:normal;
}

.moduletable-color2 {
background-color:#bc0800;
background-image:url(../images/main_34.jpg);
background-repeat:repeat-x;
background-position:bottom;
padding:0px 15px 15px 15px;
margin:0px 0px 24px 0px;
color:#ffffff;
border-top:3px solid #780500;
}

.moduletable-color2 li {
list-style:circle;
background-image:none;
}

.moduletable-color2 a:link, .moduletable-color2 a:visited {
color:#80b1f4;
}

.moduletable-color2 a:hover {
color:#ffffff;
}

.moduletable-color3, .-color3 {
width:96%;
background-color:#F3F3F3;
padding:12px;
margin:0px 0px 10px 0px;
float:left;
border-top:3px solid #999999;
}

.moduletable-color3 th, .moduletable-color3 h3, .-corlor3 th, .-color3 h3 {
	color:#BF1A6C;
	font-size:13px;
	padding:10px 0px 10px 0px;
	text-indent:12px;
	width:600px;
	text-transform:uppercase;
}

.moduletable-color3 li {
list-style:circle;
background-image:none;
}

.message {
	display:none;
	}


 /* Formatting the module header, and the module titles */
table.moduletable td {} /* Formatting the table cells of the module table */


.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;
border-bottom:1px solid #f4f4f4;
height:20px;
line-height:20px;
} /* For styling the date the content/articles are created under contents title */
.modifydate {
font-size:0.9em;
border-top:1px solid #f4f4f4;
height:20px;
line-height:20px;
padding-top:10px;
} /* Formating "Last updated on" text at the end of articles/contents */
.small {
font-size:1em

} /* 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 */

.pagetext {width:98% !important;
background-color:#FFFFFF;
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:#FFFFFF;
background-image:none !important;
text-align:left;}
#fulltext {width:98% !important;
background-color:#FFFFFF;
text-align:left;
background-image:none !important;
}
.introtext {width:98% !important;
background-color:#FFFFFF;
background-image:none !important;
text-align:left;}
.fulltext {width:98% !important;
background-color:#FFFFFF;
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;
text-align:left;
background-image:none !important;
			}
			
.mceContentBody{background-color:#ffffff;
background-image:none;
text-align:left;
}

.gekleurde_tekst {
	color:#BF1A6C;
	font-weight: bold;	
}