/*Basis Lay-out*/
* {
 margin: 0;
 padding: 0;
}

body {
 text-align: center;/*center hack*/
 background-image: url(../images/body.png);
 background-repeat: repeat;
}

#wrapbackground {
	width: 900px;
	margin: 0 auto;
	background-image: url(../images/background.png);
	background-repeat: repeat-y;
}
#wrapbackground_frontpage {
	width: 900px;
	margin: 0 auto;
	background-image: url(../images/background_frontpage.png);
	background-repeat: repeat-y;
}
/*--------Einde Balk boven ------------*/

#wrap {
	width: 800px;/*center hack*/
	margin: 0 auto;/*center hack*/
	text-align: left;
}
#menu_tab_left {
	height: 20px;
	float: left;
	width: 200px;
	background-color: #8DB9E2;
}

#menu_tab {
	float: left;
	background-color:#8DB9E2;
	width: 600px;
	height: 20px;
}
#header {
	height: 120px;
	background-image: url(../images/header.gif);
	float: left;
	width: 800px;
}

#content_top_left {
 height: 30px;
 background-image: url(../images/content_top_li.jpg);
 float: left;
 width: 220px;
}
#bottom {
	height: 18px;
	padding-top:2px;
	width: 800px;
	float: left;
	background-image: url(../images/bottom.jpg);
}

#bottom ul li a {
color:#FFFFFF;
font-weight:bold;
font-size:11px;
}
#bottom ul li a:hover {
color:#000;
}
#bottom ul li{
list-style:none;
}
#footerbackground {
	height: 24px;
	color: #FFFFFF;
	font-size: 10px;
	clear: both;
	width: 800px;
	background-image: url(../images/schaduw_onder.jpg);
	text-align: center;
	padding-top: 30px;
}
#main-body {
 float: left;
 width: 560px;
}

#content {
	float: left;
	width: 600px;
}

#maincontent {
	float: left;
	width: 560px;
}
#content_frontpage {
	float: left;
	width: 80000px;
}

#maincontent_frontpage {
	float: left;
	width: 760px;
}
#sidebar {
	float: left;
	width: 200px;
}
.inside_module_user2 {
	padding: 20px 20px 0px 25px;
}

.inside20px {
 padding: 20px 20px;
}

.inside5px {
 padding: 5px;
}

#vrij {
 clear: both;
}

#topmodule_li {
	background-image: url(../images/module_2.jpg);
	width: 305px;
	height: 141px;
	float: left;
	padding-left: 10px;
	padding-top: 10px;
	font-size: x-small;
}

#topmodule_re {
	background-image: url(../images/module_3.jpg);
	width: 305px;
	height: 141px;
	float: left;
	padding-left: 10px;
	padding-top: 10px;
	font-size: x-small;
}

ul{
 margin: 0pt 0pt 0pt 20px;
 padding: 0pt 0pt 0pt 10px;
}

li {
 list-style-position: outside;
 list-style-type: disc;
}

body{
 font-family: Arial, Helvetica, sans-serif;
 font-size: 12px;
}

#wrap{
 height:100% !Important;
 height: 1%;
}

#wrap-inner {
 height:100% !Important;
 height: 1%;
}

#footer{
 background: #fff;
 font: 0.8em Arial, Helvetica, sans-serif;
}

a {
 text-decoration: none;
 font-weight: bold;
}
a, a:active, a:link {
	COLOR: #2D72B0;
	FONT-SIZE: 12px;
	FONT-VARIANT: normal;
	TEXT-DECORATION: none;
	PADDING-LEFT: 0px;
 }
a:hover{
	color: #000000;
}

a img {
 border: none;
 text-decoration: none;
}

img a:link, a:visited, a:hover, a:active {
 text-decoration: none;
 border: none;
}

h1{
 font-size: 1.7em;
 line-height: 1.7em;
 color: #CC0000;
}

h2{
 font-size: 1.5em;
 line-height: 1.5em;
}

h3{
 font-size: 1.3em;
 line-height: 1.3em;
}
/* FORMS SETTINGS */

.button {}

.inputbox {
 background-color: #FFFFFF;
 font-size: x-small;
 margin-top: 0px;
}

.inputbox:focus {
 background-color: #003368;
 color: #FFFFFF;
}

.search {
padding-left: 10px;
}

.menu li{
list-style:none;
}

#current {
font-size:36px;
}

.caption {
  	font-size: 10px;
  	color: #67A1D8;
  	text-decoration: none;
  	font-weight: medium;
}
/* NAVIGATION/MENU SETTINGS------------------------- */
table.moduletable {
background-color:#8DB9E2;
color:black;
margin:20px 0 20px 20px;
width:160px;
}

.moduletable {}

.moduletable th {
color:#FFFFFF;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:12px;
font-weight:bold;
height:26px;
padding:5px 1px 0 5px;
text-align:left;
width:100%;
background-color:#67A1D8;
}

table.moduletable td {
border-bottom: 1px solid #67A1D8;
}

table.moduletable ul {}


/* HOOFDMENU-------------------------------------------------- */

a.mainlevel {
	list-style: none;
	display: block;
	color: #FFFFFF;
	padding-left: 20px;
	padding-top: 5px;
	font-weight: bold;
	height: 25px;
}

a.mainlevel:link, a.mainlevel:visited {
/*width: 100%*/
 color: #FFFFFF;
}

a.mainlevel:hover {
	font-weight: bold;
	background-color:#67A1D8;
}

a.sublevel {
 color: #fff;
 display: block;
 background-image: url(../images/sublevel.jpg);
 padding-left: 50px;
 font-weight: bold;
 padding-top: 6px;
 height: 24px;
 margin-top: -15px;
 font-size: 11px;
}

a.sublevel:hover{
 background-image: url(../images/sublevel_hover.jpg);
}

#active_menu {
}
/* HORIZONTAAL MENU TOP -- geef het menu de class suffix -nav mee-------------------- */

#mainlevel-nav {
 list-style: none;
 padding: 0;
 margin: 0;
}

#mainlevel-nav li {
	width: 155px !important;
	width: 15%;
	display: block;
	float: left;
	margin: 0;
	font-size: 12px;
	text-indent: 15px;
	line-height:51px;
	height: 51px;
	color: #ccc;
    background-image: url(../images/menu_tab_active.jpg);
}

#mainlevel-nav a {
	font-weight: bold;
	display: block;
	width: 155px !important;
	color: White;
	 background-image: url(../images/menu_tab_active.jpg);
}
/*---voor IE moet je eerst ee a:hoover toevoegen omdat IE alleen een a herkent ivm hoover effecten---*/

#mainlevel-nav a:hover {
 width: 155px !important;
 display: block;
 float: left;
 text-indent: 15px;
 background-image: url(../images/menu_tab_hover.jpg);
}

#mainlevel-nav li:hover {
 background: url(../images/menu_tab_hover.jpg);
 color: #003399;
}

#mainlevel-nav li:hover a {
 background: url(../images/menu_tab_hover.jpg);
}
/* HORIZONTAAL MENU BOTTOM -- geef het menu de class suffix -navbottom mee-------------------- */

#mainlevel-navbottom {
 list-style: none;
 padding: 0;
 margin: 0;
}

#mainlevel-navbottom li {
	width: 150px !important;
	width: 15%;
	display: block;
	float: left;
	margin: 0;
	font-size: 11px;
	text-indent: 12px;
	height: 30px;
	line-height: 30px;
	background-color: #D8D6D7;
}

#mainlevel-navbottom a {
	font-weight: bold;
	display: block;
	width: 150px !important;
	color: #727272;
}
/*---MENU BOTTOM--voor IE moet je eerst ee a:hoover toevoegen omdat IE alleen een a herkent ivm hoover effecten---*/

#mainlevel-navbottom a:hover {
	width: 150px !important;
	display: block;
	float: left;
	text-indent: 12px;
	height: 30px;
	background-color: #989898;
}

#mainlevel-navbottom li:hover {
	color: #003399;
}

#mainlevel-navbottom li:hover a {
	background-color: #999999;
	color: #FFFFFF;
}
/* OVERIGE JOOMLA -------------------- */

.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 {}/*Style for the "Read More" link that is displayed for large content items*/

a.readon:hover {}

a.readon:visited {}

.back_button {
 width: 52px !important;
 padding-left: 8px;
 font-weight: bold;
 color: #FFFFFF;
 display: block;
 height: 20px;
 background: url(../images/back.png);
}/*Style for the "BACK" button*/

.back_button a{
 color: #FFFFFF;
}

.back_button a:hover{
 color: #7C82FC;
}

.pagenav_prev {}/*Style for the PRE button*/

.pagenav_next {}/*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 */

.sectiontableentry1 {
	background-color : #67A1D8;
	font-size: 10px;
	height: 25px;
	text-indent: 5px;
	color:#FFFFFF;
}
.sectiontableentry2 {
	background-color : #8DB9E2;
	text-align: left;
	font-size: 10px;
	text-indent: 5px;
	height: 25px;
	color:#FFFFFF;
}
.sectiontableentry1 a {
	color:#FFFFFF;
}
.sectiontableentry2 a {
color:#FFFFFF;
}
.sectiontableentry1 a:hover {
color:#000;
}
.sectiontableentry2 a:hover {
color:#000;
}
.small {
  	font-size: 10px;
  	color: #999999;
  	text-decoration: none;
  	font-weight: medium;
}
.smalldark {
  	font-size: 10px;
  	color: #000000;
  	text-decoration: none;
  	font-weight: normal;
}
.contentpane {
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	background-color: #FFFFFF !important;
}
.contentpaneopen {
	width: 100%;
	padding-top: 0px;
	padding-right: 5px;
	padding-left: 5px;
	background-color: #FFFFFF !important;
}

.componentheading {
background-image:url(../images/content.gif);
background-repeat:repeat-x;
color:#FFFFFF;
font-size:18px;
font-weight:bold;
height:30px;
margin:1px 4px;
padding-left:5px;
padding-right:3px;
text-align:left;
		}		
.contentheading {
	font-weight: bold;
	height: 26px;
	text-align: left;
	padding-left: 5px;
	PADDING-RIGHT: 3px;
	PADDING-LEFT: 5px;
	MARGIN: 1px 4px;
	TEXT-ALIGN: left;
	background-image: url(../images/content.gif);
	background-repeat: repeat-x;
	color: #FFFFFF;
		}

.contentpagetitle {
	height: 30px;
  	color: #FFFFFF;
  	text-align: left;
  	padding-left: 2px;
 		}

.buttonheading {
	clear: none;
	width: 0px;
}

td.buttonheading img {
 border: none;
}

/* 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 {}/* Formating the table of the Tables of Contents for multiple pages content or article */

table.contenttoc td {}/* same as above, used to format the td and able cells */

table.contenttoc th {}/* 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 {}

#form-login {
 padding: 10pt 20pt 20pt 20px;
}

#form-login ul {
 padding: 0px;
}

#form-login ul li {
 list-style: square;
 padding: 0px;
 color: #fff;
}

#form-login ul li a:link {
 color: #fff;
}

#form-login ul li a:hover {
 color: #333333;
}

.input {
 border: none;
}

#kwick ul {
 padding: 0px;
}
.mod_bannerslider {
	padding: 10px 0px 0px 17px;
}
/* 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"? */

div#eventlist table.eventtable td a
{color:#000;
font-size: 10px;}
/* MISCELLANEOUS */
/* Dates , Authors*/

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

.modifydate {
 font-size: xx-small;
 color: #999999;
}/* Formating "Last updated on" text at the end of articles/contents */

.small {
 font-size: xx-small;
 color: #999999;
}/* Formating "Written by:...." text */

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

.pathway {
 color: #000000;
 font-size: x-small;
}
/* 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 {}/* 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 */
/* MAMBO TABBED FRONTEND ADMIN INTERFACE */
/* The CSS below efines how the frontend admin interface when logged in */

.ontab {}/* 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 {}/* 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 {}/* this style is used set the size of the tab in the above */

.tabheading {}/* Not too sure what this is used for. Couldn't find anything related to it yet at the moment */

.pagetext {}/* 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 */