/**
 * CSS Guide for Mambo 4.5 templates 
 * @author Wee Keat Chin
 * @url www.visualdensity.com
 * @email weekeat@visualdensity.com
 */


/**
 * General Body Styling
 * --------------------
 * These are normal css setup reccommended for your
 * HTML template although they are not neccessary
 */
 
body {
	height: 100%;
	margin: 0;
	padding: 0;
	background-color: #FFFFFF;
	background-image: url(../images/bg_main.gif);
	background-repeat: repeat
	}
	
testdt {
	background-color: #FFFFFF;
	background-image: url(../images/bg_main.gif);
	background-repeat: repeat
	}
/**
 * Mambo Form Styles
 * -----------------
 * Here are 2 styles that Mambo uses to let users control
 * how their forms and buttons may look.
 */

.button {
	/* this style applies to most form buttons generated by
	   Mambo and its components. Change its format here*/
	color: #FFFFFF; 
	font-family: Arial, Verdana, Helvetica, sans-serif;
	margin-top: 4px;
	font-weight: normal;
	text-align: center;
	font-size: 12px;
	background: #94B1CF;
	border: 1px solid #000066;
	height: 20px;
	}

.inputbox {
	/* Again, the name implies that this style changes the 
	   way those input box looks */
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	color: #343A58;
	background: #FFFFFF;
	border: 1px solid;
	}


/**
dit zijn de styles voor de verschillende content
*/
div.topbg {
	width: 778px;
	height: 93px;
	background-image:  url(../images/bg_topjpr.gif);
	background-repeat: no-repeat;
}

.menu {
	width: 778px;
	height: 19px;
	padding: 1px 0px 0px 0px;
	background-image: url(../images/bg_menu.gif);
	background-repeat: repeat-x;
	letter-spacing: 1px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
}

div.menuonder {
	width: 778px;
	height: 9px;
	background-image: url(../images/bg_ondermenu.gif);
	background-repeat: repeat-x;
}

div.footer {
	width: 778px;
	height: 39px;
}

.vlaggen {
	float: right;
	margin: 66px 0px 0px 0px;
}

wittetext {
	color: #FFFFFF;
}

td.bgstippel {
	background-image: url(../images/bg_stippellijn.gif);
	background-repeat: repeat-y;
}

.mainpad {
	padding: 20px 20px 20px 20px;
}

.white {
	color: #FFFFFF;
}

.maintext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #2a4526;
}

.menutext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	}
	
.flashpad {
	padding: 35px 0px 0px 0px;
}

/**
 * Mambo Menu Styling
 * ------------
 * You can control the way menu behave and look
 * by using the CSS settings below
 */

a.mainlevel:link, a.mainlevel:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	text-decoration:none; 
}

	/* same as above, but when hovering */
a.mainlevel:hover {
	text-decoration:underline;
}
	/* dit is als je meerdere menu levels heb dan kan je die ook nog is mouseovers geven */
a.sublevel:link, a.sublevel:visited {
	/* this styling is for menu items that HAS A PARENT */
	font-family: Verdana, Arial, Helvetica, sans-serif;
color: FFFFFF;
	font-weight: normal;
}

a.sublevel:hover {
	/* pffff!.. you know this! */
color: FFFFFF;
	text-decoration:underline;
	}
	
	
	
	
a.top:link, a.top:visited {
	color: #FFFFFF;
	font-weight: normal;
	text-decoration: none;
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	letter-spacing: 1px;
	}

a.top:hover {
	/* same as above, but when hovering */
	color: #FFFFFF; 
	font-weight: bold;
	text-decoration:underline;
	text-align: left;
	}
	
a.top2:link, a.top2:visited {
	color: #FFFFFF;
	font-weight: normal;
	text-decoration: none;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	}

a.top2:hover {
	/* same as above, but when hovering */
	color: #FFFFFF; 
	font-weight: bold;
	text-decoration:underline;
	text-align: left;
	}
/*jpr arts menu dunno why */
a:link, a:visited {
  font-size: 11px;
	color: #2c3f79;
  text-decoration: none;
  font-family: Verdana, Arial, Helvetica, sans-serif;
}
 
a:hover {
  color: #2c3f79;
  text-decoration: underline;
}

/**
 * Mambo Modules formatting
 * ------------------------
 * These stylings are to format the way modules are
 * displayed. It mainly deals with the format of its
 * table. I think this doesn't need too much explaining
 */

table.moduletable {
	/* styling the module table */
	margin: 0px 0px 0px 0px;
	width: 95%;
	}

table.moduletable th {
	/* styling the module header, and the module titles */
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FF9900;
	text-align: left;
	}

table.moduletable td {
	/* well.. for formatting the table cells of the module table */
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	}
	


/**
 * 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 {
	/* polls texts */
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #343A58;
	line-height: 14px
	}

.pollstableborder {
	/* set the border properties of the polls voting table */
	border: 1px solid #465675;
}



/*  Weblinks */

a.weblinks:link, a.weblinks:visited {
	/* well.. to format the link's titles under the "Weblinks" 
	   section on the frontend */
	color: #405115; text-decoration: none; font-weight: normal;
	font-family:  Arial, Verdana, Helvetica, sans-serif;
	}

a.weblinks:hover {
	/* same as above, but for link with mouseover */
	color: #FFFFFF;	text-decoration: underline;
	}
	


/*  Newsfeeds */

.newsfeedheading {
	/* The newsfeed title. NOTE: This will not affect the newsfeed's news title! */
   font-family: Arial, Verdana, Helvetica, sans-serif;
   font-size: 11px;
   font-weight: bold;
   color: #343A58;
   }

.newsfeeddate {
	/* yeah.. the date on the newsfeed */
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 10px;
	color: #343A58;
	font-weight: normal;
	}

.fase4rdf {
	/* this is the body text of the newsfeed */
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px; 
	color: #343A58; 
	font-weight: normal;
	}

a.fase4rdf:link {
	/* links of the body text of the newsfeed */
	font-size: 11px; 
	font-weight: bold; 
	color: #356C82;
	}

a.fase4rdf:hover {
	/* links of the body text of the newsfeed when mouse points over it*/
	font-size: 11px;
	font-weight: bold; color: #759328;
	}


/* 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  */
  	background-color: #FFFFFF;
	border: 1px solid #8D9ABC;
	}


/*  Contact's table settings  */

table.contact {
	/* for formatting the entire "Contact" table which includes
	   the name, address icons and form. Note this table DOES NOT 
	   enclose the dropdown list for selecting the Department/person
	   to contact */
	background-color: #FFFFFF;
	}

table.contact td.icons {
	/* the name gave it away. This formats the <td> cells
	   where the little icons sits next to the details (those addresses,
	   phone number etc) */
	background-color: #CCCCCC;
	}

table.contact td.details {
	/* this is for formatting the <td> cells where all the details sits.
	   The details where addresses, phone number and additional info are */
	background-color: #F3F3F3;
	font-size: 11px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	}