@charset "utf-8";
/* CSS Document */

html, body {
	font-family: Arial, Helvetica, sans-serif;
	background-image:url(bg-page.jpg);
	background-repeat:repeat-y;
	background-position:center;	
	font-size:11px;
	color:#FFFFFF;
	margin:0px;
	}
	
#mmain {
	position: absolute;
	visibility: visible;
	z-index: auto;
	height: 100%;
	min-height:100%;
	width: 978px;
	margin: 0px;
	left: 50%;
	margin-left:-489px;
	background-image:url(topbg-hhd.png);
	background-repeat:no-repeat;
	background-position:top center;
}
img {border:none;}
.footer{
height:22px; color:#eeeeee; font-size:10px; padding:10px 47px 10px 42px; text-decoration:none;
}
.footer a{color:#eeeeee; text-decoration:none;}
.footer a:hover{color:#f8ef2b;}
#content { color:#FFFFFF; font-size:12px; padding:0px; vertical-align:text-top;}
#content p {font-size:12px;}
#content h1 { color:#ec008d; font-size:18px; font-weight:bold;}
.maintable {padding-top:14px;}
#content h3 { color:#333333; font-size:13px; font-stretch:narrower}
#mflags {
	height:231px;
font-size:10px;
padding:0px;
}
#hmenu { right:0px; bottom:0px; vertical-align:bottom; width:100%;
		background-color:#0072ae; }
#mflags a {
color:#1658A0;
font-size:10px;
font-family: Arial, Helvetica, sans-serif;
text-decoration:none;
}
#mmenu {
	width:163px;
	float: left !important;
	left:0;	
	height:400px;
	padding-top:100px;
	vertical-align:top;
}
#mtitle {
	width:740px;
	float:right !important;
	min-height:40px;
	padding-top:60px;
	padding-bottom:20px;
	z-index:1000;
	top:0;
}
#mcontent {
	width:787px;
	right:0;
	float:right !important;
	background-image:url(standaard-bg.jpg);
	background-repeat:no-repeat;
	background-color:#FFFFFF;
	padding-top:40px !important;
	padding-left:47px !important;
	z-index:1000;
}
#foot {
	background-color:#003333;
	height:40px;
}
.normal {
	font-size: 11px;
	color: #333333;
}
.warning {color:#FF0000; font-size:9px;}

@media screen {
  .sIFR-flash {
    visibility: visible !important;
    margin: 0;
    padding: 0;
  }
  
  .sIFR-replaced, .sIFR-ignore {
    visibility: visible !important;
  }
  
  .sIFR-alternate {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    display: block;
    overflow: hidden;
  }
  
  .sIFR-replaced div.sIFR-fixfocus {
    margin: 0pt; 
    padding: 0pt; 
    overflow: auto; 
    letter-spacing: 0px; 
    float: none;
  }
}

@media print {
  .sIFR-flash {
    display    : none !important;
    height     : 0;
    width      : 0;
    position   : absolute;
    overflow   : hidden;
  }
  
  .sIFR-alternate {
    visibility : visible !important;
    display    : block   !important;
    position   : static  !important;
    left       : auto    !important;
    top        : auto    !important;
    width      : auto    !important;
    height     : auto    !important;
  }
}

/*
Place CSS rules for to-be-replaced elements here. Prefix by .sIFR-active
so they only apply if sIFR is active. Make sure to limit the CSS to the screen
media type, in order not to have the printed text come out weird.
*/
@media screen {
.sIFR-active h1 {
visibility: hidden;
font-family: Georgia, serif;
line-height: .3em;
font-size: 24px;
}

.sIFR-active h2 {
visibility: hidden;
font-family: Georgia, serif;
line-height: .5em;
font-size: 20px;
}
.sIFR-active h3 {
visibility: hidden;
font-family: Georgia, serif;
line-height: .5em;
font-size: 16px;
}
}
ul.Menu {  PADDING-LEFT: 0px; FONT-SIZE: 11px; LIST-STYLE-TYPE: none; text-align:justify; vertical-align:middle; margin:0px; padding-top:0px; COLOR: #222222; 
}
UL.Menu LI {TEXT-DECORATION: none; COLOR: #222222; background-position:bottom left; background-repeat:no-repeat; border:none;
}
UL.Menu LI A { TEXT-DECORATION: none; vertical-align:middle; margin:0px 0px 0px 0px; padding: 5px 0px 7px 0px; border:none; text-decoration:none; text-align:left
}
UL.Menu LI LI A { PADDING-LEFT: 0px; TEXT-DECORATION: none;   border:none; text-decoration:none;
}
UL LI.menudepth10 a { display:none}
UL LI.menudepth11 { display:block; border:none; text-decoration:none; }
UL LI.menudepth12 { display:none; border:none; text-decoration:none; }
UL LI.menudepth0 { display:none; border:none; text-decoration:none; }
UL LI.menudepth0 A {  TEXT-DECORATION: none; COLOR: #222222; padding-left:20px; font-weight:bold; display:none;  border:none; text-decoration:none;
}
UL LI.menudepth0 A:visited {  TEXT-DECORATION: none; COLOR: #222222; padding-left:20px; font-weight:bold; border:none; text-decoration:none;
}
UL LI.menudepth0 A:hover  {  COLOR: #222222; TEXT-DECORATION: none; background-image: url(menupijlgroot.png); background-position:right; background-repeat:no-repeat; border:none; text-decoration:none;
}
UL LI.menudepth0 A:active { COLOR: #222222; TEXT-DECORATION: none; border:none; text-decoration:none;
}
UL LI LI.menudepth0 A {  TEXT-DECORATION: none; COLOR: #222222; padding-left:20px; font-weight:bold
}
UL LI LI.menudepth0 A:visited {  TEXT-DECORATION: none; color:#222222; padding-left:20px; font-weight:bold; border:none; text-decoration:none;
}
UL LI LI.menudepth0 A:hover  {  COLOR: #CC3300; TEXT-DECORATION: none; background-image: url(menupijlgroot.png); background-position:right; background-repeat:no-repeat; border:none; text-decoration:none;
}
UL LI LI.menudepth0 A:active { COLOR: #222222; TEXT-DECORATION: none
}
UL LI.menudepth11 a { padding-top:16px; border:none; text-decoration:none; color:#FFD700; font-size:16px ; }
UL LI.menudepth1 { margin-left:0px; display:none; border:none; text-decoration:none; font-size:12px; color:#FDE530 }
UL LI.menudepth2 { margin-left:5px; border:none; text-decoration:none; }
UL LI.menudepth2 a:hover { color:#FDE530 }
UL LI.menudepth3 { margin-left:15px; border:none; text-decoration:none; }

UL LI LI.menudepth1 A { padding-left:20px; COLOR: #222222; TEXT-DECORATION: none; font-weight:normal; border:none; text-decoration:none;
}
UL LI LI.menudepth1 A:visited { padding-left:20px; COLOR: #222222; TEXT-DECORATION: none; font-weight:normal; border:none; text-decoration:none;
}
UL LI LI.menudepth1 A:hover { COLOR: #222222; TEXT-DECORATION: none 
}
UL LI LI.menudepth1 A:active { COLOR: #222222; TEXT-DECORATION: none; border:none; text-decoration:none;
}

.maintable A:link {text-decoration: underline;font-size:11px; color: #ffffff !important;}
.maintable A:visited {text-decoration: underline;font-size:11px; color: #ffffff !important;}
.maintable A:active {text-decoration: underline;font-size:11px; color: #ffffff !important;}
.maintable A:hover {text-decoration: underline;font-size:11px; color: #FFD700 !important; }