html
{height:100%}

@media only screen 
and (min-device-width : 320px) 
 {
 .leftrighttd {
    width: 0%;
}
.centertd {
    width: 100%;
}
}



/* Desktops and laptops ----------- */
@media only screen 
and (min-width : 1224px) {
  .leftrighttd {
    width: 10%;
}
.centertd {
    width: 80%;
}
}

/* Large screens ----------- */
@media only screen 
and (min-width : 1824px) {
.leftrighttd {
    width: 15%;
}
.centertd {
    width: 70%;
}

}


.MainBody
{
    margin-left:0; 
    margin-right: 0; 
    margin-top: 0; 
    background-image: url(line.png);
    background-repeat: repeat-x 
}

.fontNormal 
{
	font-family:verdana,sans-serif;
	font-size : 13px;
	font-weight : normal;	
	color : #333333;	
	line-height: 12pt;
}

.fontNormalbw 
{
	font-family:verdana,sans-serif;
	font-size : 13px;
	font-weight : bold;	
	color : #FFFFFF;	
	line-height: 12pt;
}

.fontPopup
{
	font-family:Arial;
	font-size : 10pt;
	font-weight : normal;	
	color : #003366;	
	}

.fontSmall
{
	font-family:Arial;
	font-size : 8pt;
	font-weight : normal;	
	color : #8B8B8B;		
}

.fontBigger {font-family:Arial;
font-size:16px; font-weight:bold; color:#000000}

.fontButton 
{
	font-family:Verdana, "Sans-Serif";
	font-size : 12px;
	font-weight : normal;	
	color : #000000;	
	}
	
.fontWarning
{
	font-family:Arial;
	font-size : 12px;
	font-weight : normal;	
	color : #ff0000;	
	}
	
.fontInformation
{
	font-family:Arial;
	font-size : 12px;
	font-weight : normal;	
	color : #009900;	
	}
	
.sub_title
{	
	font-family:verdana,sans-serif;
	font-size : 16px;
	font-weight : normal;	
	color : #FFFFFF;	
	line-height: 12pt;
}



.sub_title_green
{	
	font-family: Arial;
	font-size: 14px;
	font-weight:bold;
	color: #009900;
}	
.title
{	
	font-family: Arial;
	font-size: 20px;
	font-weight:bold;
	color: #003366;
	line-height: 22px}

	.mainTitle{	
	font-family: Arial;
	font-size: 24px;
	font-weight:bold;
	color: #009900;}

	.ml a:link{
	font-family:verdana,sans-serif;
	font-size : 13px;
	font-weight : normal;	
	color : #FFFFFF;	
	text-decoration:underline}
	
	.ml a:visited {
	font-family:verdana,sans-serif;
	font-size : 13px;
	font-weight : normal;	
	color : #FFF;	
	text-decoration:underline}
	
	.ml a:hover{
	font-family:verdana,sans-serif;
	font-size : 13px;
	font-weight : normal;	
	color : #FFFFFF;	
	text-decoration:underline}
	
	.mlk a:link{
	font-family:verdana,sans-serif;
	font-size : 10px;
	font-weight : normal;	
	color : #FFFFFF;	
	text-decoration:underline}
	
	.mlk a:visited {
	font-family:verdana,sans-serif;
	font-size : 10px;
	font-weight : normal;	
	color : #FFF;	
	text-decoration:underline}
	
	.mlk a:hover{
	font-family:verdana,sans-serif;
	font-size : 10px;
	font-weight : normal;	
	color : #FFFFFF;	
	text-decoration:underline}

.lb_link a:hover, .lb_link a:link, .lb_link a:visited {
    font-family:verdana,sans-serif;
	font-size : 15px;
    line-height: 20px;
	font-weight : normal;	
	color : #3A84C1;	
	text-decoration:none;
}

.W_link_noline a:hover, .W_link_noline a:link, .W_link_noline a:visited {
    font-family:verdana,sans-serif;
	font-size : 14px;
	font-weight : normal;	
	color : #FFF;	
	text-decoration:none;
}
	
	.mlz a:link {
	font-family:verdana,sans-serif;
	font-size : 13px;
	font-weight : normal;	
	color : #333333;	
	text-decoration:underline}
	
	.mlz a:visited {
	font-family:verdana,sans-serif;
	font-size : 13px;
	font-weight : normal;	
	color : #333;	
	text-decoration:underline}
	
	.mlz a:hover{
	font-family:verdana,sans-serif;
	font-size : 13px;
	font-weight : normal;	
	color : #333333;	
	text-decoration:underline}
	
	.mlb a:link {
	font-family:verdana,sans-serif;
	font-size : 13px;
	font-weight : normal;	
	color : #3A84C1;	
	text-decoration:underline}
	
	.mlb a:visited {
	font-family:verdana,sans-serif;
	font-size : 13px;
	font-weight : normal;	
	color : #3A84C1;	
	text-decoration:underline}
	
	.mlb a:hover{
	font-family:verdana,sans-serif;
	font-size : 13px;
	font-weight : normal;	
	color : #3A84C1;	
	text-decoration:underline}
	
 	
.MyCell
	{background-image: url(bground_menubl.gif);
		background-repeat:repeat-x;
	
		}
		
	.sel
{
	background-image: url(menu_sel.gif);
	background-repeat: repeat-x;
	height: 18px;
	text-align: left;
	font-family: Arial;
	font-weight: bold;
	font-size: 1.0em;
	color: #003300;
	text-decoration: none;
	margin-top: 0px;
	margin-right: 1px;
	padding-top: 2px;
}
	.right
	{float:right}
	
	.left_float_image {
	PADDING-RIGHT: 5px; PADDING-LEFT: 5px; FLOAT: left; PADDING-BOTTOM: 5px; MARGIN-RIGHT: 7px; PADDING-TOP: 5px
}

.LabelLike a:link, .LabelLike a:visited, .LabelLike a:hover {
	font-family: Arial;
	font-size: 10pt;
	font-style: normal; 
	font-weight: normal;
	color: #003366;
	text-decoration:none}
	
.alignRight
{text-align: right
}

.TableHeader
{font-family:verdana,sans-serif;
	font-size : 13px;
    background-color: #003C5C;
 font-weight:bold;
 color: White;
 padding: 2px}
 
 .subkop
 {
     font-family: verdana,sans-serif;
	font-size: 14px;
	font-weight:bold;
	font-style:normal;
	color: #3A84C1;
 }
  
  .Kop
 {
     font-family: verdana,sans-serif;
	font-size: 25px;
	font-style:normal;
	color: #3A84C1;
	line-height: 18pt;
 }
 
 .KopWhite
 {
     font-family: verdana,sans-serif;
	font-size: 14pt;
	font-weight:bold;
	font-style:normal;
	color: #FFFFFF;
	line-height: 16pt;
 }
 
  .Tussenkop
 {
     font-family: verdana,sans-serif;
	font-size: 15px;
	font-weight:bold;
	font-style:normal;
	color : #333333;
 }

  .TussenkopPicture
 {
     font-family: verdana,sans-serif;
	font-size: 15px;	
	font-style:normal;
	color : #333333;
 }

  
 
 .Lead
 {
     font-family: verdana,sans-serif;
	font-size: 15px;
		color : #333333;
	line-height: 22px;	
 }
 
 .LeadHeader
 {
     font-family: verdana,sans-serif;
	font-size: 15px;
		color : #333333;
		font-weight: bold;
	line-height: 22px;	
 }
 
 
 .Normaal
 {
     font-family: verdana,sans-serif;
	font-size: 13px;	
	font-style:normal;
	font-weight:normal;
	line-height:20px;
	color : #333333;
 }
 
 .NormaalWhite
 {
     font-family: verdana,sans-serif;
	font-size: 10pt;	
	font-style:normal;
	font-weight:normal;
	color : #FFFFFF;
 }

 .NormaalWhiteBold
 {
     font-family: verdana,sans-serif;
	font-size: 10pt;	
	font-style:normal;
	font-weight:bold;
	color : #FFFFFF;
 }

 .NormaalItalic
 {
     font-family: verdana,sans-serif;
	font-size: 13px;	
	font-style:italic;
	font-weight:normal;
	line-height:20px;
	color : #333333;
 }
 
 .FooterWhite
 {
     font-family: verdana,sans-serif;
	font-size: 10px;	
	font-style:normal;
	font-weight:normal;
	color : #FFFFFF;
 }
 
  .NormaalBold
 {
     font-family: verdana,sans-serif;
	font-size: 10pt;	
	font-style:normal;
	font-weight:bold;
	color : #004A68;
 }
 
#container-footer
{
  width: 100%;
    /* bottom: 0px; */
    left: 0px;
    position: fixed;
 bottom: -1px;  /* for certain IE widths */
  height: 35px;
 /* background: #cfcfcf url(footer.png) repeat-x left top; */
}
#footer
{
 
  margin: 0px auto;
  padding: 20px 0 0 0;
  width: 954px;
}  

.left_float_image {
	PADDING-RIGHT: 5px; PADDING-LEFT: 5px; FLOAT: left; PADDING-BOTTOM: 5px; MARGIN-RIGHT: 7px; PADDING-TOP: 0px
}

.right_float_image {
	PADDING-RIGHT: 5px; PADDING-LEFT: 5px; FLOAT: right; PADDING-BOTTOM: 5px; MARGIN-LEFT: 5px; MARGIN-RIGHT: 7px; PADDING-TOP: 5px
}

.copyright      { COLOR: #666666; FONT: 9px verdana, arial, sans-serif; }

.ourbutton{font-family:verdana,sans-serif;font-size : 11px;display:inline-block;text-decoration:none;background:#FFFFFF;color:#333333;border-radius:10px/50%;line-height:1.5;padding:1px 11px;border:0;outline:0;}
ourbutton.button{padding:5px 15px;}
a.ourbutton:link{font-family:verdana,sans-serif;font-size : 11px;text-decoration:none;background:#FFFFFF;color:#333333}
a.ourbutton:hover{font-family:verdana,sans-serif;font-size : 11px;text-decoration:none;background:#FFFFFF;color:#333333}
a.ourbutton:visited{font-family:verdana,sans-serif;font-size : 11px;text-decoration:none;background:#FFFFFF;color:#333333}

.greenbox {
    top: -25px;
    height: 35px;
    width: 180px;
    left: 20px;
    background-color: #42A641;
    color: white;
    position: relative;
    text-align: center;
    font-size: 14px;
    padding-top: 7px;
   
}

.invisible {
     display: none;
}

.dxisControl .dxis-itemTextArea {
    top: 175px;
    left: 0px;
    width: 90% !important;
    padding: 100px 16px 21px;
    color: #fff;
    background-color: rgba(52,178,51, .5);
    /*text-align:end;*/
}
.dxisControl .dxis-itemTextArea a {
    color: white;
}
.dxisControl .dxis-itemTextArea a:hover, a:focus {
    text-decoration: underline;
}
.dxisControl .dxis-itemTextArea p {
    color: #fff;
    font-size:25px;    
}

.dxisControl .dxis-itemTextArea span {
    color: #fff;
    font-size:14px;    
    line-height:18px;
}

.dxisControl .dxis-itemTextArea > p {
    margin-bottom: 0 !important;
}
.dxisControl .dxis-nbDotsBottom {
    padding: 0;
    margin-top: -25px;
}
.dxisControl .dxis-nbDotsBottom .dxis-nbSlidePanel {
    right: 15px;
    left: auto !important;
    transform: matrix(1, 0, 0, 1, 0, 0) !important;
}

.mediumChart 
{
    padding:10px;
    height: 420px;   
    /*position:relative;*/
    margin-top:20px;
    margin-bottom:20px;
    border:1px solid #D8D8D8;
}

.bigChart 
{
    padding:10px;
    height: 1000px;   
    /*position:relative;*/
    margin-top:20px;
    margin-bottom:20px;
    border:1px solid #D8D8D8;
}

.roundedbutton {
  width: 67px;
  height: 40px;
  background-color: #33FF00;
  moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  border: 5px solid #009900;
  padding: 5px;
}

.ChangeZIndex {
            z-index: 12101 !important;
        }