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

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

a {
	text-decoration	: none;
	color		: rgb(39,94,177);	/* blauw */
}

b {
	color		: rgb(39,94,177);
}

body {
	margin		: 0;
	height		: 100%;
	font-family	: verdana;
	font-size	: 10pt;
}

h1 {
	font-size	: 16pt;
	color		: rgb(39,94,177);
}

h2 {
	font-size	: 10pt;
	color		: rgb(39,94,177);
}

h3 {
	font-size	: 8pt;
	color		: rgb(39,94,177);
}
 
html {
	height		: 99%;
	background	: rgb(230,230,230);
	overflow	: auto;
	overflow-x	: hidden;
}

input {
	border		: solid 2px rgb(39,94,177);
}

pre {
	color		: black;
}

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

th {
	color		: rgb(39,94,177);
}

/***********************************************
 *******             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(39,94,177);
}

.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(39,94,177); 
	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;
}

.line {
	border-bottom	: 1px solid rgb(39,94,177);
}

.mainmenu {
	float		: left;
	list-style-type	: none;
	border-right	: 1px solid black;
	padding		: 0 5px 0 5px;
	margin		: 1px 0 0 0;
}


.menulink {
	color		: black;
}

.newsheader {
	font-size	: 11pt;
}

.noborder {
	border		: 0;
}

.right {
	float		: right;
}

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

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

.submenu {
	width		: 740px;
	position	: absolute;	
        top		: 1px;
	margin		: 18px 0 0 0;
        padding		: 2px 0 0 0;
	left		: 0;
	display		: none;
}

.submenuitem {
	float		: left;
	list-style-type	: none;
	font-weight	: normal;
        margin		: 0;
	border-right	: 1px solid black;
	padding		: 0 5px 0 5px;
}

.tablecontent {
	height		: 30px;
}

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

.tl {
	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#body {
	clear		: both;
	width		: 100%;
}

div#content {
	float		: left;
	width		: 778px;
	background	: rgb(230,230,230);
	border-left	: 1px solid rgb(50,86,182);
	border-right	: 1px solid rgb(50,86,182);
}

div#footer {
	float		: left;
	background	: rgb(230,230,230);
	width		: 738px;
	padding		: 0 0 0 40px;
	font-size	: 7pt;
	border-left	: 1px solid rgb(50,86,182);
	border-right	: 1px solid rgb(50,86,182);
	border-bottom	: 1px solid rgb(50,86,182);
}

div#home {
	float		: left;
	width		: 480px;
	background	: rgb(230,230,230);
}

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

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

div#menu {	
	position	: relative;
	background	: url("pics/menu.jpg");
	text-align	: left;
	width		: 778px;
        height		: 46px;
	font-size	: 11pt;
	z-index		: 2;
	border-left	: 1px solid rgb(50,86,182);
	border-right	: 1px solid rgb(50,86,182);
}

div#highlighting {
	background	: url("pics/top.jpg");
	width		: 100%;
	z-index		: -1;
	text-align	: center;
	color		: rgb(39,94,177);
	font-weight	: bold;
}

div#news {
	border		: 1px solid rgb(255,255,2);
	padding		: 4px;
}

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

div#top {
	position	: relative;
	height		: 199px;
	background	: url("pics/header_1.jpg");
}

div#right {
	float		: right;
	width		: 240px;
	padding		: 20px 0 0 18px;
}

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

form#register {
	padding		: 10px;
	border		: 1px solid rgb(39,94,177);
	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 {
	font-style	: normal;
	display		: block;
	margin-left	: 0;
	z-index		: 1;
}

.mainmenu:hover {
	font-style	: italic;
}

.submenuitem:hover {
	font-style	: italic;
}


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