/******************************************************************
 *	+-main------------------------------------------------------+
 *	| +-top---------------------------------------------------+ |
 *	| |                                                       | |
 *	| |                                                       | |
 *	| +-------------------------------------------------------+ |
 *	| +-body--------------------------------------------------+ |
 *	| | +-menu----------------------------------------------+ | |
 *	| | |                                                   | | |
 *	| | +---------------------------------------------------+ | |
 *	| | +-content---------------------------------+ +-right-+ | |
 *	| | |                                         | |       | | |
 *	| | |                                         | |       | | |
 *	| | |                                         | |       | | |
 *	| | |                                         | |       | | |
 *	| | |                                         | |       | | |
 *	| | |                                         | |       | | |
 *	| | |                                         | |       | | |
 *	| | |                                         | |       | | |
 *	| | |                                         | |       | | |
 *	| | +-----------------------------------------+ +-------+ | |
 *	| +-------------------------------------------------------+ |
 *	| +-bottom------------------------------------------------+ |
 *	| |                                                       | |
 *	| |                                                       | |
 *	| +-------------------------------------------------------+ |
 *	+-----------------------------------------------------------+
 */

/***********************************************
 *******             HTML TAGS            ******
 ***********************************************/

a {
	text-decoration	: none;
}

b {
	color		: rgb(0,50,150);
}

body {
	margin		: 0;
	height		: 100%;
	font-family	: verdana;
	font-size	: 10pt;
	behavior	: url("csshover.htc");
}

h1 {
	font-size	: 12pt;
	color		: rgb(0,50,150);
	background	: url('pics/top_silver.jpg');
	height		: 30px;
	padding		: 10px 0 0 20px;
	margin		: 0;
	border-bottom	: 1px solid rgb(230,230,230);
}

h2 {
	font-size	: 10pt;
	color		: rgb(0,50,150);
}

h3 {
	font-size	: 8pt;
	color		: rgb(0,50,150);
}
 
html {
	height		: 99%;
	background	: url('pics/patterngrijs.gif');
	overflow	: auto;
	overflow-x	: hidden;
}

pre {
	color		: black;
}

table {
	text-align	: left;
	width		: 100%;
}

th {
	color		: rgb(0,50,150)}

/***********************************************
 *******             CLASSES              ******
 ***********************************************/
.agenda {
	width		: 60%;
	float		: left;
}

.agendaItem {
	border-top	: 2px solid black;
	margin-bottom	: 5px;
	padding		: 5px;
}

.birthdayHeader {
	background-color: rgb(0,102,9);
	color		: white;
	font-weight	: bold;
}

.birthdayItem {
	text-align	: left;
	font-size	: 8pt;
}

.birthdayItems {
	border		: 2px solid rgb(0,102,9);
	padding		: 5px;
}

.birthdays {
	width		: 33%;
	float		: right;
}

.bordered {
	border		: 1px solid rgb(0,50,150)}

.bold {
	font-weight	: bold;
}

.button {
	background-color: #D99435;	/*orange */
	width		: 100px;
	cursor		: pointer;
}

.calendar {
	height		: 400px;
	border-collapse	: collapse;
	table-layout	: fixed;
	margin-bottom	: 10px;
}

.calendarDay {
	width		: 14%;
	height		: 90px;
	border		: 1px solid black;
	/*cellspacing	: 0;*/
}

.calendarHeader {
	height		: 1px;
}

.calendarItem {
	text-align	: left;
	font-size	: 8pt;
	height		: 30px;
	margin-bottom	: 5px;
	overflow	: hidden;
}	

.calendarToDay {	
	height		: 10%;
	border		: 1px solid black;
	/*cellspacing	: 0;*/
	font-weight	: bold;
}

.footer {
	width		: 100%;
	float		: left;
	margin		: 10px;
}
																	
.forum {
	border		: 1px solid rgb(145,0,0);		/* rood/bruin */
	width		: 70%;	
}

.highlight_header {
	background	: url("pics/topic.jpg");
	color		: white;
	padding		: 3px 0 3px 0;
	text-align	: center;
	font-weight	: bold;
}

.highlight_text {
	height		: 70px;
	vertical-align	: top;
}

.leftlink {
	color		: rgb(190,150,100);
	font-size	: 13px;
	font-weight	: bold;
}

.line {
	border-bottom	: 1px solid rgb(145,0,0);		/* rood/bruin */
}

.menulink {
	color		: white;
	padding		: 0 0 0 15px;
}

.menumain {
	background	: url("pics/menuitem_bg.gif");	
	height		: 25px;
	float		: left;
	list-style-type	: none;
	margin		: 1px 5px 0 0;
	position	: relative;
	padding		: 5px 5px 0 0;
	width		: 120px;
}

.menusub {
	display		: block;
	float		: none;
	padding		: 4px 3px 4px 3px;
	width		: 182px;
}

.menusublist {
	background	: white;
	border		: 2px solid rgb(132,82,66);
	display		: none;
	left		: 0;
	margin		: 5px 0 0 0;
	padding		: 0;
	width		: 190px;

	position	: absolute;
	top		: 25px;
}

.noborder {
	border		: 0;
}

.right {
	float		: right;
}

.sitemapmainitem {
	padding		: 10px 0 0 0;	
	color		: red;
}

.sitemapsubitem {
	padding		: 0 0 0 20px;
	color		: blue;
}

.submenulink {
	color		: black;
}

.tablecontent {
	height		: 30px;
}

.text {
	background-color: rgb(255,235,140);		/* yellow */
}

.tl {
	background      : url("pics/left_curve.jpg") 0 0 no-repeat;
	padding-left    : 20px;
}


/***********************************************
 *******            MESSAGES              ******
 ***********************************************/

.error   { color : red; }
.message { color : green; }
.warning { color : orange; }



/***********************************************
 *******              ID'S                ******
 ***********************************************/
/** MAG MAAR EEN KEER VOORKOMEN OP EEN PAGINA **/

a#menu_selected {
	font-weight	: bold;
}

div#agenda {
	padding		: 5px;
	border		: 1px solid rgb(200,255,200);
	border-top	: 1px solid white;
	width		: 218px;
}

div#agenda_header {
	background	: url("pics/top_green.jpg") no-repeat;
	font-weight	: bold;
	height		: 40px;
	padding		: 5px 0 0 0;
	text-align	: center;
	width		: 230px;
}

div#body {
	clear		: both;
	width		: 100%;
}

div#breadcrumptrail {
	padding		: 0 0 10px 15px;
	font-size	: 7pt;
}

div#content {
	background	: white;
	float		: left;
	width		: 700px;
}

div#footer {
	float		: left;
	background	: white;
	width		: 910px;
	padding		: 0 0 0 40px;
	font-size	: 7pt;
}

div#home {
	background	: url("pics/groepslogo.gif");
	height		: 182px;
	position	: absolute;
	width		: 103px;
	z-index		: 1;
}

div#hometl {
	float           : left;
	padding         : 20px 20px 0 20px;
}

div#hometr {
	float           : right;
	padding         : 20px 20px 0 20px;
	text-align	: right;
}

div#homebl {
	float           : left;
	padding         : 0 20px 0 20px;
}

div#homebr {
	float           : right;
	padding         : 0 20px 0 30px;
	text-align	: right;
}
				

div#highlights {
	float		: left;
	width		: 585px;
	padding		: 0 10px 2px 10px;
	height		: 100px;
	background-color: white;
}

div#main {
	margin		: auto;
	width		: 950px;
	background-color: white;
}

div#menu {
	position	: relative;
	text-align	: left;
	height		: 55px;
	font-size	: 11pt;
	z-index		: 2;
}

div#news {
	padding		: 5px;
	border		: 1px solid rgb(255,200,200);
	border-top	: 1px solid white;
	width		: 218px;
}

div#news_header {
	background	: url("pics/top_red.jpg") no-repeat;
	font-weight	: bold;
	height		: 40px;
	padding		: 5px 0 0 0;
	text-align	: center;
	width		: 230px;
}

div#right {
	float		: right;
	width		: 240px;
	background	: white;
	padding		: 0 0 0 10px;
}

div#text {
	margin		: 0 0 0 5px;
}

div#top {
	position	: relative;
	height		: 180px;
}

div#photo {
	padding		: 5px;
	border		: 1px solid rgb(200,200,255);
	border-top	: 1px solid white;
	width		: 218px;
}

div#photo_header {
	background	: url("pics/top_blue.jpg") no-repeat;
	width		: 230px;
	height		: 40px;
}

form#login {
	padding		: 10px;
	width		: 300px;
}

form#register {
	padding		: 10px;
	border		: 1px solid rgb(81,0,0);		/* bruin / rood */
	width		: 400px;
}

ul#nav {
	position	: absolute;
	margin		: 2px 0 0 40px;
	padding		: 0;
	left		: 0;
	height		: 100%;
}

ul#sitemap {
	margin		: 0;
	list-style	: none;
}


/***********************************************
 *******           MENU SPECIAL           ******
 ***********************************************/
#menu li:hover ul {
	display		: block;
	margin-left	: 0;
}

.menusub:hover {
	background-color: #E1D9CB;
}


/***********************************************
 *******           HOME SPECIAL           ******
 ***********************************************/
div#hometl:hover, div#hometr:hover, div#homebl:hover, div#homebr:hover {
	background-color: #E1D9CB;
	position	: relative;
}

/***********************************************
 *******         CALENDAR SPECIAL         ******
 ***********************************************/
.calendarItem:hover div {
	display		: block;
	margin-left	: 0;
	border		: 1px solid rgb(0,102,9);
	background-color: white;
}

.calendarItemIntro {
	display		: none;
	position	: absolute;
	width		: 190px;
}

.calendarPopupTitle {
	background-color: rgb(0,102,9);
	font-weight	: bold;
	color		: white;
}