/*-- Includes ----------------------------------------*/
@import url("/css/resetALL.css");
@import url("/css/default/default-formstyle.css");
@import url("/css/default/default-datalist.css");
/*---------------------------------------------------*/

/* CSS Document */

/*---------------------------------------------------
	Author 				: Edwin Hendriks
	Related 			: 
	Creation Date 		:
	Last Change Date 		:
	File name			:
	File Location 		:
	Uses CSSHOVER.htc	: yes / no 
----------------------------------------------------*/

/*-- Standard Start ----------------------------------------*/
HTML {
  	font-size : 12px;
  	font-family : verdana;
  	color : ;
	height : 100%;
}
BODY {
  	font-size : 12px;
  	font-family : verdana;
  	color : ;
  	behavior:  url(../css/csshover.htc);
	height : 100%;
	text-align:center;
}
.wrapper {
  	width : 1000px;
  	margin : 0 auto;
	height : 100%;
}
div.headertext {

	font-color : #005BAA;
	display : block;
	width : 360px;
	vertical-align : middle;
	margin-top : 70px;
	margin-left: 25px;
}div.headertext a{
	font-size : 11px;
	color : red;
}
.maintable {
	width : 1000px;
	background-image:url(../images/hgn/headerbg-blauw.jpg);
	background-repeat:no-repeat;
	border-collapse : collapse;
	height : 100%;
	position:relative;
	margin:0 auto;
}
.maintable Td {
	border-collapse : collapse;
	vertical-align:top;
}
.siteheader {
	background-repeat:no-repeat;
	height : 240px;
	background-position: 10px top;
	color : #003A8C;
	vertical-align : top;
}
#headerLOGO {
	float 		: left;
	width 		: 385px;
	height 		: 190px;
	overflow 	: hidden;
	background-repeat: no-repeat;
	background-position: 50% 50%;
}
.sitefooter {
	text-align : center;
	height : 55px;
}
.sitefooterleft {
	background-image:url(../images/hgn/footerbg1.jpg);
	background-repeat:repeat-x;		
	background-position : left bottom;
	vertical-align:bottom;
	background-color : #005BAA;
	height : 55px;
}
.sitefooterright {
	/*
	background-image:url(../images/hgn/footerbg1.jpg);
	background-repeat:repeat-x;
	background-position : left bottom;*/
	background-color : #005BAA;	
	vertical-align:bottom;
	height : 55px;

}
.mainleft {
	background-color: #005BAA;
	vertical-align : top;
	width : 185px;

}
td#positioning{
	display:block;
}
.mainright {
	background-color: #005BAA;
	vertical-align : top;
	width : 185px;
}
.content_area {
	vertical-align : top;
	padding : 0px 10px 10px 10px;
}
.content_area a:link,
.content_area a:visited,
.content_area a:active {
	color : #ED1848;
}
.content_area a:hover {
	color : #005BAA;
}

td.content_area ul {}
td.content_area ul li {
	list-style: disc;
}

td.conent_area ul li ul li {
	list-style: square !important;
}
/*---------------------------------------------------*/

/* Navigatie Classes ------------------------------- */ 
.mainleft {

}
.mainleft H1 {
	color : white;
	background-color: #ed1848;
	display : block;
	text-align : right;
	margin:0px;
	font-size : 14px;
	padding : 5px 10px 5px 10px;
}
.mainleft a {
	color : white;
	text-decoration : none;
}
div#nav ul, li {
	padding : 0px;
	margin : 0px;
}
div#nav {
    white-space : nowrap;
	border-top :  solid 1px #FFFFFF;
	font-size : 11px;
}
div#nav ul {
	white-space : nowrap;
	font-size : 11px;
}
div#nav li {
	position: relative;
	list-style: none;
	border-bottom :  solid 1px #FFFFFF;
	white-space : nowrap;
	width : 165px;
	_width : 185px;
	text-align : left;
}
div#nav li:hover {
	background-color : #FFCB05;
	width : 165px;
	_width : 185px;
	text-align : left;
}
div#nav li.submenu {
	border-bottom :  solid 1px #FFFFFFF;
	width : 165px;
	_width : 185px;
	text-align : right;
}



div#nav li.submenu:hover {
	display :block;
	background-color : #FFCB05;
	width : 165px;
	_width : 185px;
	text-align : right;
}
div#nav li a {
    text-decoration: none; 
	width : 100%;

}
div#nav>ul a {
	width: auto;
}
div#nav ul ul {
	background-color : #FFCB05;
	position: absolute; 
	top: 0; 
	left: 185px;
	display: none;
}
div#nav UL UL LI {
}
div#nav UL UL LI:hover {
	background-color : #ED1848;
}
div#nav ul.level1 li.submenu:hover ul.level2, 
div#nav ul.level2 li.submenu:hover ul.level3 {
	display : block;
	text-align : left;
}
div#nav ul.level2 li.submenu:hover ul.level3 {
	display : block;
	text-align : left;
}
div#nav li.submenu {
}
div#nav li:hover a.lefttabs_selected {
	color : #ffffff;
	font-size : 11px;
}

div#nav a.lefttabs_selected {
	color : #FFFFFF;
	background-color : #ED1848;
	font-size : 11px;
}
div#nav a.uppertabs_selected {
	color : #000000;
	font-weight : bold;
	font-size : 11px;
}
div#nav a.uppertabs_notselected {
	color : #000000;
	font-size : 11px;
}

div#nav li a.lefttabs_selected, 
div#nav li a.lefttabs_notselected, 
div#nav li:hover a.lefttabs_notselected {
	color : #ffffff;
}
ul.level2 a:link,
ul.level2 a:visited,
ul.level2 a:active,
ul.level2 a:hover  {
	text-align : left;
}
div#nav a:link,
div#nav a:visited,
div#nav a:active,
div#nav a:hover  {
	padding:5px;
}
/* End Hovering Classes */ 

@media screen and (-webkit-min-device-pixel-ratio:0){
div#nav li.submenu {	
	width : 185px;
}
div#nav li.submenu:hover {	
	width : 185px;
}
div#nav * {
	display : block;	
}
}




/*-- Headers ----------------------------------------*/

H1 {
	font-weight 	: bold;
	font-style		: ;
	font-size		: px;
	color 			: #ED1848;
}
H2 {
	font-weight 	: bold;
	font-style		: ;
	font-size		: px;
	color 			: #ED1848;
}
H3 {
	font-weight 	: bold;
	font-style		: ;
	font-size		: px;
	color 			: #ED1848;
}
H4 {
	font-weight 	: bold;
	font-style		: ;
	font-size		: px;
	color 			: #ED1848;
}
H5 {
	font-weight 	: bold;
	font-style		: ;
	font-size		: px;
	color 			: #ED1848;
}
H6 {
	font-weight 	: bold;
	font-style		: ;
	font-size		: px;
	color 			: #ED1848;
}
.content_header,
td.content_header,
.content_title,
.news_title,
.bo_header,
.LS_header,
.LS_Title,
td.content_header,
td.content_title,
td.news_title,
td.bo_header,
td.Ls_header,
td.LS_Title,
.LinksPage_Title,
td.LinksPage_Title,
.List_Object_Title {
	font-weight 	: bold;
	font-style		: ;
	font-size		: px;
	color 			: ;
} 
td.ls_title a:link,
td.ls_title a:visited,
td.ls_title a:active {
	font-weight 	: bold;
	font-style		: ;
	font-size		: px;
	color 			: ;
}
td.ls_title a:hover {
	font-weight 	: bold;
	font-style		: ;
	font-size		: px;
	color 			: ;
}

/*---------------------------------------------------*//* -- Powered --------------------------- */


#powered {
	font			: "Times New Roman";
	font-size		: 11px;
	text-align		: center;
	color			: #005BA9;
	display			: block;
	text-decoration	: none;
	margin-top		: 50px;
	.position		: absolute;/*IE*/
	.bottom			: 20px;/*IE*/
	.left			: 25px;/*IE*/
}
/*
#powered{
font:"Times New Roman";
	font-size:11px;
	text-align: center;
	color: #005BA9;
	display:block;
	text-decoration:none;
	margin-top:50px;
}
*/

#powered a:link,
#powered a:visited,
#powered a:active{
font:"Times New Roman";
color: #005BA9;
font-size:9px;
text-decoration:none;
font-weight:bold;

}
#powered a:hover{
font:"Times New Roman";
color: #005BA9;
font-size:9px;
text-decoration:underline;
font-weight:bold;

}

/* ------------------------------------------*//*-- Newsbox  ----------------------------------------*/
.Newsbox{display:none;}
.newsbox {

	width 	: 185px;
	background-color:#005BAA;
}
td.mainright div.Newsbox {display:block;}
.newsbox H1 {
	color : white;
	background-color: #ed1848;
	display : block;
	border-bottom : solid 1px white;
	font-size : 14px;
	margin : 0px;
	padding : 5px 10px 5px 10px;
}
.newsbox a:link,
.newsbox a:visited,
.newsbox a:active {
	color : white;
	display : block;
	text-decoration : none;
	padding: 5px 10px 5px 10px;
	font-size : 11px;
}
.newsbox a:hover {
	color : white;
	display : block;
	text-decoration : none;
	padding: 5px 10px 5px 10px;
	font-size : 11px;

}
div.hkzlogo {
	margin-top :5px;
	margin-left :60px;
	display:block; 
	width:100px;
	z-index : 1000;
	height : 100px;

}

/*-------------------------------------------------------*/
.newsBoxPos {
	display : none;
}
legend {
	margin-bottom : 5px;
	padding-bottom : 5px;
	margin-top : 5px;
	padding-top : 5px;	font-weight : bold;
	font-size :12px;
}

.upload_img {
	background-repeat:no-repeat;
	display:block;
	float:left;
	height:191px;
	width:384px;
}

.upload_img img {
	width :384px;
	height : 191px;
}