/* 
#####################################
##                                 ##
##  © (All programming & Design)   ##
##  Geert De Baets                 ##
##  Kruisken 11 B                  ##
##  9991 Adegem                    ##
##                                 ##
#####################################
*/

/*
##############
##  LAYOUT  ##
##############
*/

body {
	font-family:verdana;
	font-size:11px; 
	color: #000000; 
	text-decoration: none; 
	line-height:17px
	scrollbar-3dlight-color:#042F5A;
	scrollbar-arrow-color:#042F5A;
	scrollbar-base-color:#D9E0E8;
	scrollbar-darkshadow-color:#042F5A;
	scrollbar-face-color:#D9E0E8;
	scrollbar-highlight-color:#042F5A;
	scrollbar-shadow-color:#042F5A;
}

td {
	font-family:verdana;
	font-size:11px; 
	color: #000000; 
	text-decoration: none; 
	line-height:17px
}

/* Head Table Layout */
.headcontent {
	PADDING-LEFT: 0px; 
	PADDING-BOTTOM: 0px; 
	PADDING-TOP: 4px; 
	BACKGROUND-COLOR: #5B7493;
}
.headerlogo{
	FONT-SIZE: 16px;
	COLOR: #FFFFFF;
	FONT-FAMILY: verdana;
	FONT-WEIGHT: bold;
	FONT-STYLE: italic;
	PADDING-RIGHT: 15px; 
	PADDING-BOTTOM: 8px; 
}

/* All Different fonts and styles */
.whiteboldfont{
	FONT-SIZE: 11px;
	COLOR: #FFFFFF;
	FONT-FAMILY: verdana;
	FONT-WEIGHT: bold;
}

/* All Different link fonts and styles*/	
A.white-bold:link {
	FONT-SIZE: 11px;COLOR: #FFFFFF;FONT-FAMILY: verdana;FONT-WEIGHT: bold;TEXT-DECORATION: none
}
A.white-bold:visited {
	FONT-SIZE: 11px;COLOR: #FFFFFF;FONT-FAMILY: verdana;FONT-WEIGHT: bold;TEXT-DECORATION: none
}
A.white-bold:active {
	FONT-SIZE: 11px;COLOR: #FFFFFF;FONT-FAMILY: verdana;FONT-WEIGHT: bold;TEXT-DECORATION: none
}
A.white-bold:hover {
	FONT-SIZE: 11px;COLOR: #FFFFFF;FONT-FAMILY: verdana;FONT-WEIGHT: bold;TEXT-DECORATION: underline
}

A.black-bold:link {
	FONT-SIZE: 11px;COLOR: #000000;FONT-FAMILY: verdana;FONT-WEIGHT: bold;TEXT-DECORATION: none;FONT-STYLE: italic;
}
A.black-bold:visited {
	FONT-SIZE: 11px;COLOR: #000000;FONT-FAMILY: verdana;FONT-WEIGHT: bold;TEXT-DECORATION: none;FONT-STYLE: italic;
}
A.black-bold:active {
	FONT-SIZE: 11px;COLOR: #000000;FONT-FAMILY: verdana;FONT-WEIGHT: bold;TEXT-DECORATION: none;FONT-STYLE: italic;
}
A.black-bold:hover {
	FONT-SIZE: 11px;COLOR: #000000;FONT-FAMILY: verdana;FONT-WEIGHT: bold;TEXT-DECORATION: underline;FONT-STYLE: italic;
}

A.black-italic:link {
	FONT-SIZE: 11px;COLOR: #000000;FONT-FAMILY: verdana;TEXT-DECORATION: none;FONT-STYLE: italic;
}
A.black-italic:visited {
	FONT-SIZE: 11px;COLOR: #000000;FONT-FAMILY: verdana;TEXT-DECORATION: none;FONT-STYLE: italic;
}
A.black-italic:active {
	FONT-SIZE: 11px;COLOR: #000000;FONT-FAMILY: verdana;TEXT-DECORATION: none;FONT-STYLE: italic;
}
A.black-italic:hover {
	FONT-SIZE: 11px;COLOR: #000000;FONT-FAMILY: verdana;TEXT-DECORATION: underline;FONT-STYLE: italic;
}

a:focus{
	-moz-outline-style: none;
}

/* Menu */
.header-menu{
	BORDER-TOP: 1px solid #8699ab;
	BORDER-BOTTOM: 1px solid #8699ab;
}

.header-sub-menu{
	BORDER-BOTTOM: 1px solid #a7a8a8;
}
/* Original padding for menu was 15 px left and right */
.menu-button-left{
	border-right: 1px solid #4a6681; 
	border-left: 1px solid #4a6681; 
	padding-left: 12px; 
	padding-right: 12px; 
	cursor: pointer; 
}
.menu-button-left-selected{
	border-right: 1px solid #4a6681; 
	border-left: 1px solid #4a6681; 
	padding-left: 12px; 
	padding-right: 12px; 
	cursor: pointer;  
	COLOR: #FFFFFF;
}

.menu-button{
	border-right: 1px solid #4a6681; 
	padding-left: 12px; 
	padding-right: 12px; 
	cursor: pointer; 
}
.menu-button-selected{
	border-right: 1px solid #4a6681; 
	padding-left: 12px; 
	padding-right: 12px; 
	cursor: pointer; 
	COLOR: #FFFFFF;
}

.submenu-button-left{
	border-left: 1px solid #4a6681; 
	border-right: 1px solid #4a6681; 
	padding-left: 12px; 
	padding-right: 12px; 
	cursor: pointer;
}
.submenu-button-left-selected{
	border-left: 1px solid #4a6681; 
	border-right: 1px solid #4a6681; 
	padding-left: 12px; 
	padding-right: 12px; 
	cursor: pointer;
	COLOR: #FFFFFF;
}

.submenu-button{
	border-right: 1px solid #4a6681; 
	padding-left: 12px; 
	padding-right: 12px; 
	cursor: pointer;
}
.submenu-button-selected{
	border-right: 1px solid #4a6681; 
	padding-left: 12px; 
	padding-right: 12px; 
	cursor: pointer;;
	COLOR: #FFFFFF;
}

.header-navigation{
	PADDING-BOTTOM: 3px; 
	FONT-SIZE: 11px;
	COLOR: #5B7493;
	FONT-FAMILY: verdana;
	FONT-WEIGHT: bold;
}

/* Content and Right-pane Table */
.big-content{
	PADDING-LEFT: 5px; 
	PADDING-RIGHT: 5px; 
	PADDING-BOTTOM: 5px; 
	PADDING-TOP: 5px;
}

.big-right-pane{
	PADDING-LEFT: 5px; 
	PADDING-RIGHT: 5px; 
	PADDING-BOTTOM: 5px; 
	PADDING-TOP: 5px; 
	BACKGROUND-COLOR: #D9E0E8;
	border-left: 1px solid #CCCCCC; 
}

/* Content Table */
.content-title{
	PADDING-LEFT: 5px; 
	BACKGROUND-COLOR: #042F5A;
	FONT-SIZE: 11px;
	COLOR: #FFFFFF;
	FONT-FAMILY: verdana;
	FONT-WEIGHT: bold;
}

.content{
	PADDING-LEFT: 5px; 
	PADDING-RIGHT: 5px; 
	PADDING-BOTTOM: 5px; 
	PADDING-TOP: 5px; 
	FONT-SIZE: 11px;
	COLOR: #000000;
	FONT-FAMILY: verdana;
}

/* Right-pane Table */
.right-pane-content{
	PADDING-LEFT: 5px; 
	PADDING-RIGHT: 5px; 
	PADDING-BOTTOM: 5px; 
	PADDING-TOP: 5px; 
	FONT-SIZE: 11px;
	BACKGROUND-COLOR: #FFFFFF;
	COLOR: #000000;
	FONT-FAMILY: verdana;
}

/*
##############
##  OTHERS  ##
##############
*/

/* Used for information blocks*/
.blockhead{
	BACKGROUND-COLOR: #CCCCFF;
	PADDING-LEFT: 5px; 
	PADDING-RIGHT: 5px; 
	border-left: 1px solid #000000; 
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000; 
	border-top: 1px solid #000000;  
}
.blockcontent{
	BACKGROUND-COLOR: #D9E0E6;
	PADDING-LEFT: 5px; 
	PADDING-RIGHT: 5px; 
	border-left: 1px solid #000000; 
	border-right: 1px solid #000000; 
	border-bottom: 1px solid #000000; 
}

.blockheadcolor
{
	background-color: #CCCCFF;
}

.blockcontentcolor
{
	background-color: #D9E0E6;
}

.contactveld {  
	background-color: #ECF0F4; 
	border: 1px solid #000000;
}

.contactknop {  
	background-color: #ECF0F4; 
	border: 1px solid #000000;
	text-align: center; 
	cursor: pointer;
}

.whiteborder_right{
	background-color: #CCCCFF;
	border-right: 2px solid #FFFFFF; 
}

.all_round_border{
	BORDER-TOP: 1px solid #000000;
	BORDER-BOTTOM: 1px solid #000000;
	BORDER-LEFT: 1px solid #000000;
	BORDER-RIGHT: 1px solid #000000;
}

/*
################
##  Kalender  ##
################
*/

.calendarHeader{
	background-color: #D9E0E6;
	color:#042F5A;
}

.calendarHeaderToday{
	background-color: #042F5A;
	color:#D9E0E6;
}

.calendar{
	background-color: #D9E0E6;
}

.calendarBlog{
	background-color: #042F5A;
}

.calendarToday{
	background-color: #84CF73;
}