/*---colors
FFFFFF wit
729E7B olijf donker
9DBC70 olijf licht
FF0000 rood
D5DE9E olijf zeer licht
445E88 blauw jeans
8098BF blauw jeans licht
003366 blauw jeans donker
CDD5DA grijs licht
8AB5AC groen zee
 */

/*---Body */
.adres {
	font-size: 11px;
	font-weight: bolder;
	color: #9999cc;
}
body {
	margin-top: 0px;
	background-color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
}
td, tr, p, div {
  font-family : Arial, Helvetica, sans-serif;
  font-size : 12px;
  color : #003366;
}
a:link, a:visited {
	color: #8098BF;
	text-decoration: none;
	font-size: 11px;
	font-weight: bold;	
}

a:hover {
	color: #FF0000;	text-decoration: none;
	
}

hr, hr.separator {
	height : 1px;
	width : 100%;
	border: 1px solid #D5DE9E;
}
ul, li {
  margin: 0;
  padding: 0;
  list-style: none;
}

/* Mambo Menu Styling
 * ------------*/

/* menu -nav */
#mainlevel-nav li
{
	float: right;
}
#mainlevel-nav li a:link, #mainlevel-nav li a:visited{
	color: #445E88;
	width: auto;
	background-repeat: no-repeat;
	font-size: 11px;
	font-weight: bold;
	height: 16px;
	text-align: center;
	border-right: 1px solid #8AB5AC;
	border-left: 1px solid #8AB5AC;
	margin-top: 2px;
	padding-right: 18px;
	padding-left: 18px;
	text-indent: 2px;
	padding-top: 2px;
}
#mainlevel-nav li a:hover{
	color: #FF0000;
}


/* menu mainlevel */
a.mainlevel:link, a.mainlevel:visited { display: block; font-size: 12px; font-weight: bold; color: navy; text-align: left; width: 140px; text-decoration: none; line-height: 16px; background-image: url(../images/Icons_1.png); background-repeat: no-repeat; background-position: 0 -4px; padding-left: 18px; border-bottom: 1px solid #cdd5da; }

a.mainlevel:hover { background-position: 0 -36px; color: #99cc33;
	;border-bottom: 1px solid #99cc33; }

/* menu sublevel */
a.sublevel:link, a.sublevel:visited { display: block; font-size: 12px; font-weight: bold; color: navy; text-align: left; width: 140px; text-decoration: none; line-height: 16px; padding-left: 18px; border-bottom: 1px solid #cdd5da; }

a.sublevel:hover { color: olive;
	;border-bottom: 1px solid #d5de9e; }



/* mambo core stuff */
table.moduletable {
	width: 100%;
	margin-bottom: 5px;
	padding: 0px;
	border-spacing: 0px;
	border-collapse: collapse;
}

/* navigatie titels */
table.moduletable th {
	color: #9DBC70;
	line-height: 19px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #9DBC70;
	}
table.moduletable td {}

.pathway {
	color: #FFFFFF;
}
a.pathway, a.pathway:visited {
	color: #445E88;
}
a.pathway:hover {
	color: #FF0000;
}


/*** General Mambo Styles*/
.back_button{
	text-align: center;
}
.pagenavbar {
	color: #729E7B;
} 
.pagenav, a.pagenav, a.pagenav:visited{
	color: #729E7B;
	height: 20px;
	padding-right: 2px;
	padding-left: 2px;
	text-align: center;
	padding-top: 2px;
	border: 1px solid #CDD5DA;
	background-color: #FFFFFF;
}
a.pagenav:hover{
	color: #FF0000;
}

	
	
.small {
	font-size: 10px;
	font-weight: bold;
	color: #8098BF;
}


/**
 * Mambo Form Styles
 * -----------------
 * Here are 2 styles that Mambo uses to let users control
 * how their forms and buttons may look.
 */
 
.button {
	background-color: #FFFFFF;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #CDD5DA;
	border-right-color: #8098BF;
	border-bottom-color: #8098BF;
	border-left-color: #CDD5DA;
	font-size: 10px;
	font-weight: bold;
	color: #8098BF;
	margin-top: 2px;
	margin-bottom: 2px;
}
.inputbox {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #8098BF;
	border-right-color: #CDD5DA;
	border-bottom-color: #CDD5DA;
	border-left-color: #8098BF;
	font-size: 10px;
	font-weight: normal;
	color: #8098BF;
	background-color: #FFFFFF;
	}

/**
 * Mambo Tabbed Frontend Admin Interface
 * -------------------------------------
 * The CSS styles here defines how the frontend admin interface
 * will look like when editing and adding news through frontend.
 */
 
.ontab {}
.offtab {}
.tabpadding {} 
.tabheading {}
.pagetext {}


/**
 * Mambo General styling for Sections/Categories/Contents
 * ------------------------------------------------------
 * These stylings are either sometimes or often used across
 * Sections, categories and contents. They, therefore, deserves
 * to be mentioned and separated from others.
 */
 
.createdate {
	font-size: 10px;
	color: #D5DE9E;
} 
.modifydate {} 
.readon, a.readon:link, a.readon:visited{
	color: #729E7B;
	float: right;
	background-image: url(../images/Icons_3.png);
	background-repeat: no-repeat;
	background-position: 0px -5px;
	padding-left: 16px;
}
a.readon:hover{
	color: #5a81ac;
	background-position: 0 -37px;
}


/** 
 * Mambo Styling for Contents
 * --------------------------
 * All the styling for contents are listed
 * below.
 */

.contentpane {}
.contentpaneopen {}


.contentdescription {}
table.contenttoc {}
table.contenttoc td {}
.content_rating {}
.content_vote {}


/**
 * Mambo Styles for Categories
 * ---------------------------
 * The following are the styling for "Category" items
 * generated from the Sections area
 */
 /* For content item titles that are hyperlink instead of Read On */
.contentheading{ color: #9dbc70; font-weight: bold; }
.componentheading{ color: #9dbc70; font-weight: bold; padding-bottom: 12px; }
.contentpagetitle, .category { color: #9dbc70; font-weight: bold; padding-bottom: 12px; }
a.contentpagetitle:link, a.contentpagetitle:visited, a.category:link, a.category:visited {
	font-size: 12px;
	font-weight: bold;
	color: #8AB5AC;
	}

a.contentpagetitle:hover, a.category:hover {
	color: #8098BF;
	}




/**
 * Mambo Blog styling
 * ------------------
 * Not too sure where this is used yet. I tried the blog section
 * but it doesn't seem to use it. If you have info on this,
 * email me. I'll update this part.
 */
 
.blogsection{}



/**
 * Mambo's Built-in Component's Syling
 * -----------------------------------
 * These stylings are used for Mambo's built-in components
 * such as newsfeeds, weblinks, contact, search and polls.
 * A commented subtitle will guide you which is for which
 */
 
 
 /*  Polls  */
 


.poll {
	font-size: 11px;
	color: #8AB5AC;
}
table.pollstableborder {
	border: 1px solid #8098BF;
	color: #445E88;
}

/**
 * Mambo Sections Styles
 * ---------------------
 * Styling of sections tables 
 */

.sectiontableheader { background-color : transparent; color            : #445e88; font-weight      : bold; line-height: 16px; border-color: #8098bf; border-style: solid none; border-width: 1px medium; }

.sectiontableentry1 {
}

.sectiontableentry2 {
  background-color : transparent;
}



/*  Weblinks */
.weblinks{} 


/*  Newsfeeds */
.newsfeedheading {} 
.newsfeeddate {} 
.fase4rdf {} 


/* Search page */
table.searchintro {} 


/*  Contact's table settings  */
table.contact {} 
table.contact td.icons {} 
table.contact td.details {}

