/* 
#####################################
##                                 ##
##  © (All programming & Design)   ##
##  Geert De Baets.Be              ##
##  Heulendonk 19 H                ##
##  9991 Adegem                    ##
##                                 ##
#####################################
*/

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

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

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: 0px; 
	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;
}
A.black-bold:visited {
	FONT-SIZE: 11px;COLOR: #000000;FONT-FAMILY: verdana;FONT-WEIGHT: bold;TEXT-DECORATION: none;
}
A.black-bold:active {
	FONT-SIZE: 11px;COLOR: #000000;FONT-FAMILY: verdana;FONT-WEIGHT: bold;TEXT-DECORATION: none;
}
A.black-bold:hover {
	FONT-SIZE: 11px;COLOR: #000000;FONT-FAMILY: verdana;FONT-WEIGHT: bold;TEXT-DECORATION: underline;
}

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

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

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

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

.submenu-button{
	border-right: 1px solid #4a6681; 
	padding-left: 15px; 
	padding-right: 15px; 
	cursor: pointer;
}
.submenu-button-selected{
	border-right: 1px solid #4a6681; 
	padding-left: 15px; 
	padding-right: 15px; 
	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;
}

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

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

/* 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; 
}
.all_round_border{
	BORDER-TOP: 1px solid #000000;
	BORDER-BOTTOM: 1px solid #000000;
	BORDER-LEFT: 1px solid #000000;
	BORDER-RIGHT: 1px solid #000000;
}

/*
#################
##  Grafieken  ##
#################
*/


.grafiekBar {
border-style: solid; 
border-color: #000000;

border-top-width: 1px;
border-left-width: 1px;
border-bottom-width: 0px;
border-right-width: 1px;
}


.grafiekItemLeft{
background-color: #D9E0E8; 
border-style: solid; 
border-color: #000000;
border-top-width: 1px;
border-left-width: 1px;
border-bottom-width: 1px;
border-right-width: 1px;

}
.grafiekItemMiddle{
background-color: #D9E0E8; 
border-style: solid; 
border-color: #000000;
border-top-width: 1px;
border-left-width: 0px;
border-bottom-width: 1px;
border-right-width: 1px;

}
.grafiekItemRight{
background-color: #D9E0E8; 
border-style: solid; 
border-color: #000000;
border-top-width: 1px;
border-left-width: 0px;
border-bottom-width: 1px;
border-right-width: 1px;
}

/*
#################
##  CSS Site   ##
#################
*/

.blockcontentcolor
{
	background-color: #D9E0E6;
}

.blockheadcolor
{
	background-color: #CCCCFF;
}

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


.otrn_news_message{
	border-style: solid; 
	border-color: #000000;
	border-top-width: 1px;
	border-left-width: 1px;
	border-bottom-width: 1px;
	border-right-width: 1px;
	background-color: #71A6D5;  
	background-color:rgba(113,166,213,0.5);
	filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#71A6D5FF', EndColorStr='#71A6D5FF');
	padding: 5px;
}