/*-- 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%;
}
.wrapper {
  	width : 100%;
  	margin : 0 auto;
	height : 100%;
}
div.headertext {
	font-weight : bold;
	font-size : 22px;
	font-color : #005BAA;
	display : block;
	width : 200px;
	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-rood.jpg);
	background-repeat:no-repeat;
	border-collapse : collapse;
	height : 100%;
	margin: 0 auto;
}
.maintable Td {
	border-collapse : collapse;
}
.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/footerbg3.jpg);
	background-repeat:repeat-x;		
	background-position : left bottom;
	vertical-align:bottom;
	background-color : #FFCB05;
	height : 55px;
}
.sitefooterright {
	background-image:url(../images/hgn/footerbg3.jpg);
	background-repeat:repeat-x;
	background-position : left bottom;
	vertical-align:bottom;
	background-color : #FFCB05;
	height : 55px;
}
.mainleft {
	background-color: #FFCB05;
	vertical-align : top;
	width : 185px;

}
.mainright {
	background-color: #FFCB05;
	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;
}
/*---------------------------------------------------*/

/* 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;

}

div#nav a.lefttabs_selected {
	color : #ffffff;

	background-color :  #005BAA;
}
div#nav a.lefttabs_notselected {
	color : #000000;
	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:hover a.lefttabs_notselected {
	color : #000000;
	font-size : 11px;
}
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 */ 

/*-- 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 {
	color : #1f5179;
	width : 100%;
	text-align:center;
	padding-top : 20px;
	font-size:9px;

}
.powered a:link,
.powered a:visited,
.powered a:active {
	color : #1f5179;
		font-size:9px;
	text-decoration : none;
}
.powered a:hover {
	color : #1f5179;
		font-size:9px;
	text-decoration : underline;
}
/* ------------------------------------------*//*-- Newsbox  ----------------------------------------*/

.newsbox {

}
.newsbox H1 {
	color :  #ffffff;
	background-color:  #005BAA;
	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 : #000000;
	display : block;
	text-decoration : none;
	padding: 5px 10px 5px 10px;	
	font-size : 11px;
}
.newsbox a:hover {
	color : #000000;
	display : block;
	text-decoration : none;
	padding: 5px 10px 5px 10px;	
	font-size : 11px;

}

div.hkzlogo {
	margin-top : 150px;
	margin-left :60px;display:block; width:100px;
}
/*-------------------------------------------------------*/
.newsBoxPos {
	display : none;
}
legend {
	margin-bottom : 5px;
	padding-bottom : 5px;
	margin-top : 5px;
	padding-top : 5px;	font-weight : bold;
	font-size :12px;
}


td.content_area ul {}
td.content_area ul li {
	list-style: disc;
}

td.conent_area ul li ul li {
	list-style: square !important;
}


.upload_img {
	background-repeat:no-repeat;
	display:block;
	float:left;
	height:191px;
	width:384px;
}

.upload_img img {
	width :384px;
	height : 191px;
}