/***************************************
header: search, menu 
***************************************/
#header {
	position: absolute;
	top: 0px;
	left: 0px;
	background-image: url(/images/v3_TopBG_NatArch.gif);
	background-repeat: no-repeat;
	width: 760px;
	height: 139px;
}

/* vitrine */
#vitrineDIV {
	position: absolute;
	left: 0px;
	top: 152px;
	width: 740px;
	height: 102px;
}

.themaTD {
	width: 503px;
	background: url(/images/vitrineDIV_bg.jpg) no-repeat;
}

.thematxtTD { /*
	width: 237px;
	*/
	
}

/*
 all contents of search 
*/
#links { /* position */
	position: relative;
	left: 530px;
	width: 370px;
	top: 5px;
	font-size: 10px;	
}

#links .english {
	background-image: url(/images/v3_English.gif);
	background-repeat: no-repeat;
	height: 10px;
	width: 56px;
	position: absolute;
	left: 115px;
	cursor: pointer;
	margin-top: 10px;
}

#links .english:hover {
	background-image: url(/images/v3_EnglishO.gif);
}

#links .duits {
	background-image: url(/images/v3_Deutsch.gif);
	background-repeat: no-repeat;
	height: 10px;
	width: 48px;
	position: absolute;
	top: 16px;
	left: 130px;
	cursor: pointer;
	margin-top: 10px;
}

#links .duits:hover {
	background-image: url(/images/v3_DeutschO.gif);
}

#links .frans {
	background-image: url(/images/v3_Francais.gif);
	background-repeat: no-repeat;
	height: 10px;
	width: 48px;
	position: absolute;
	top: 32px;
	left: 130px;
	cursor: pointer;
	margin-top: 10px;
}

#links .frans:hover {
	background-image: url(/images/v3_FrancaisO.gif);
}

#links .spaans {
	background-image: url(/images/v3_Espanol.gif);
	background-repeat: no-repeat;
	height: 10px;
	width: 48px;
	position: absolute;
	top: 48px;
	left: 130px;
	cursor: pointer;
	margin-top: 10px;
}

#links .spaans:hover {
	background-image: url(/images/v3_EspanolO.gif);
}

#links .contact {
	background-image: url(/images/v3_Contact.gif);
	background-repeat: no-repeat;
	height: 10px;
	width: 54px;
	float: left;
	cursor: pointer;
	margin-top: 10px;
	margin-left: 8px;
}

#links .contact:hover {
	background-image: url(/images/v3_ContactO.gif);
}

#links .sitemap {
	background-image: url(/images/a-z_lijst.gif);
	background-repeat: no-repeat;
	height: 10px;
	width: 58px;
	float: left;
	cursor: pointer;
	margin-top: 10px;
}

#links .sitemap:hover {
	background-image: url(/images/a-z_lijst_aan.gif);
}

#links .chat{
	background-image: url(/images/chat.gif);
	background-repeat: no-repeat;
	height: 10px;
	width: 32px;
	float: left;
	cursor: pointer;
	margin-top: 10px;
}

#links .chat:hover {
	background-image: url(/images/chat_aan.gif);
}
img.chatIcon { position:absolute; right:295px; top:9px; }
a.homeChat { margin-left:15px; }

#links a:hover {
	text-decoration: none;
}

/*
 all contents of menu 
*/
#menu {
	width: 100%;
	float: left;
	position: absolute;
	top: 74px;
	left: 30px;
}

#menu a:hover {
	text-decoration: none;
}

#menu ul {
	list-style: none;
	margin: 0;
	padding: 0;
	float: left;
}

#menu a {
	display: block;
}

#menu a.subanchor {
	background-image: url(/images/v3_bulletWadjusted.gif);
	background-repeat: no-repeat;
	background-position: center left;
	color: #fff;
	font-size: 0.6em;
	background-color: #ff6200;
	text-decoration: none;
	padding-left: 12px;
	padding-bottom: 1px;
}

/* tbv listbug IE8, onzichtbaar voor IE6-7 */
#menu > ul > li > ul > li > a.subanchor {
    margin-bottom:1px;
    margin-top:1px;
}

#menu a.subanchor:hover {
	background-image: url(/images/v3_bulletBadjusted.gif);
	background-repeat: no-repeat;
	background-position: center left;
	color: #000;
	text-decoration: underline;
}

#menu  #archievensub {
	z-index: 5000;
}

#menu #archievensub a.subanchor {
	width: 167px;
}

#menu #voorouderssub a.subanchor {
	width: 167px;
}

#menu #onderwijssub a.subanchor {
	width: 232px;
}

#menu #archiefbeheersub a.subanchor {
	width: 124px;
}

#menu #organisatiesub a.subanchor {
	width: 167px;
}

#menu li {
	position: relative;
}

#menu ul ul {
	position: absolute;
	z-index: 500;
	background-color: #FF6200;
	padding-top: 5px;
	padding-bottom: 5px;
}

div#menu ul ul,div#menu ul li:hover ul ul,div#menu ul ul li:hover ul ul
	{
	display: none;
}

div#menu ul li:hover ul,div#menu ul ul li:hover ul,div#menu ul ul ul li:hover ul
	{
	display: block;
}

#archieven {
	background-image: url(/images/v3_Archieven.gif);
	background-repeat: no-repeat;
	background-position: center;
	width: 93px;
	height: 17px;
	margin-right: 10px;
	padding-top: 1px;
	padding-bottom: 4px;
}

#archieven :hover {
	background-image: url(/images/v3_ArchievenO.gif);
}

#voorouders {
	background-image: url(/images/v3_Voorouders.gif);
	background-repeat: no-repeat;
	background-position: center;
	width: 100px;
	height: 17px;
	margin-right: 17px;
	padding-top: 1px;
	padding-bottom: 4px;
}

#voorouders :hover {
	background-image: url(/images/v3_VooroudersO.gif);
}

#onderwijs {
	background-image: url(/images/v3_Onderwijs.gif);
	background-repeat: no-repeat;
	background-position: center;
	width: 88px;
	height: 17px;
	margin-right: 19px;
	padding-top: 1px;
	padding-bottom: 4px;
}

#onderwijs :hover {
	background-image: url(/images/v3_OnderwijsO.gif);
}

#archiefbeheer {
	background-image: url(/images/v3_Archiefbeheer.gif);
	background-repeat: no-repeat;
	background-position: center;
	width: 120px;
	height: 17px;
	margin-right: 10px;
	padding-top: 1px;
	padding-bottom: 4px;
}

#archiefbeheer :hover {
	background-image: url(/images/v3_ArchiefbeheerO.gif);
}

#organisatie {
	background-image: url(/images/v3_Organisatie.gif);
	background-repeat: no-repeat;
	background-position: center;
	width: 106px;
	height: 17px;
	padding-top: 1px;
	padding-bottom: 4px;
}

#organisatie :hover {
	background-image: url(/images/v3_OrganisatieO.gif);
}

/*
@media all {
	* html li strong {
		height: 1%;
	}
	* html li span {
		height: 1%;
	}
	* html li a {
		height: 1%;
	}
}	
*/
/* This corrects the huge white-space that IE on Windows adds to the bottom of linked list-items (=IE bug) */


/* Algemeen */
body {
	margin: 0;
	padding: 0;
	color: #FFFFFF;
	background: #6A6252 url(/images/v3_backbg.gif) repeat-x top left;
}

a {
	color: #FFFFFF;
	font-family: verdana, geneva, arial, helvetica, sans-serif;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
	color: #000000;
}

a img {
	border: none;
}

/* Tekstbrowser specifiek */
.textonly {
	position: absolute;
	z-index: 1;
	top: 0px;
	left: 0px;
	width: 100px;
	height: 10px;
	visibility: hidden;
}

/* Headerelementen */
#TopBG {
	height: 139px;
}

.nl {
	background: transparent url(/images/v3_TopBG_NatArch.gif) no-repeat top
		left;
}

.en {
	background: transparent url(/images/v3_TopBG_NatArch_EN.gif) no-repeat
		top left;
}

#ZoekAll {
	position: absolute;
	z-index: 10;
	top: 10px;
	left: 570px;
	width: 112px;
	visibility: visible;
}

#HeadersAll {
	position: absolute;
	z-index: 199;
	top: 74px;
	left: 30px;
	width: 552px;
	height: 24px;
	visibility: visible;
}

#LangAll {
	position: absolute;
	z-index: 12;
	top: 10px;
	left: 693px;
	width: 48px;
	height: 40px;
	visibility: visible;
}

#LangAll td {
	height: 12px;
	display: block;
	padding: 0px 0px 2px 0px;
}

/* Submenupanelen */
#collectiessubdiv {
	position: absolute;
	z-index: 200;
	top: 93px;
	left: 23px;
	visibility: hidden;
}

#voorouderssubdiv {
	position: absolute;
	z-index: 200;
	top: 93px;
	left: 127px;
	visibility: hidden;
}

#onderwijssubdiv {
	position: absolute;
	z-index: 200;
	top: 93px;
	left: 242px;
	visibility: hidden;
}

#archiefbeheersubdiv {
	position: absolute;
	z-index: 200;
	top: 93px;
	left: 347px;
	visibility: hidden;
}

#organisatiesubdiv {
	position: absolute;
	z-index: 200;
	top: 93px;
	left: 488px;
	visibility: hidden;
}

#subMenuHide {
	position: absolute;
	z-index: 190;
	top: 0px;
	left: 0px;
	visibility: hidden;
}

#subMenuNoHide {
	position: absolute;
	z-index: 195;
	top: 74px;
	left: 30px;
}

.SubdivTD {
	font-size: 0.6em;
	font-family: verdana, geneva, arial, helvetica, sans-serif;
	background-color: #FF6200;
}

.SubdivTD img {
	border: none;
}

/* Tijdbalk */
#tijdbalkDIV {
	position: absolute;
	z-index: 110;
	left: 0px;
	top: 154px;
	width: 740px;
	height: 130px;
	visibility: visible;
}

/* Searchbalk */
#searchDIV {
	position: absolute;
	z-index: 120;
	left: 0px;
	top: 270px;
	width: 700px;
	height: 30px;
	padding: 5px 20px;
	visibility: visible;
}

#searchform {
	border: none;
}

fieldset {
	border: none;
}

a.search_link {
	width: 200px;
	position: absolute;
	top: 15px;
	left: 523px;
	padding: 0 0 0 15px;
	margin: 0px 10px;
	font-family: Verdana, Geneva, Arial, sans-serif;
	font-size: 0.6em;
	font-style: normal;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
	background-image: url(/images/v3_home_linkpijltjes.gif);
	background-repeat: no-repeat;
}

a.search_link:hover {
	text-decoration: underline;
}

.search_text {
	position: absolute;
	top: 13px;
	left: 223px;
	border: 1px solid #B4B0A8;
	padding: 0px 5px;
	width: 170px;
	font-family: Verdana, Geneva, Arial, sans-serif;
	font-size: 0.6em;
	height: 1.5em;
}

.search_select {
	position: absolute;
	top: 13px;
	left: 29px;
	border: 1px solid #B4B0A8;
	padding: 0px 0px 0px 5px;
	width: 170px;
	font-family: Verdana, Geneva, Arial, sans-serif;
	font-size: 0.6em;
}

.selectgroup {
	font-weight: bold;
}

.search_button {
	position: absolute;
	top: 13px;
	left: 432px;
	border: none;
	height: 17px;
	width: 71px;
}

/* Contentarea */
#contentDIV {
	position: absolute;
	background: transparent url(/images/v3_bodybg.gif) repeat-y top left;
	z-index: 120;
	left: 0px;
	top: 310px;
	width: 740px;
	padding: 10px 0;
	visibility: visible;
	line-height: 0.8em;
}

#contentLeft {
	float: left;
	width: 503px;
	overflow: hidden;
}

#contentLeft .contentTitle {
	width: 185px;
	height: 65px;
	display: block;
	float: left;
	overflow: hidden;
	margin: 15px 0px;
}

#contentLeft .contentImage {
	width: 289px;
	position: relative;
	height: 65px;
	display: block;
	float: right;
	right: 29px;
	padding: 0px;
	margin: 15px 0px;
	background: #438BEB;
	overflow: hidden;
}

#contentLeft .contentBlock {
	width: 289px;
	position: relative;
	display: block;
	left: 170px;
	padding: 0px 0px 10px 15px;
	font-family: Verdana, Geneva, Arial, sans-serif;
	font-size: 0.6em;
	font-style: normal;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
}

#contentLeft .contentHeader {
	width: 289px;
	position: relative;
	left: 170px;
	padding-left: 15px;
	font-family: Verdana, Geneva, Arial, sans-serif;
	font-size: 0.6em;
	font-style: normal;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
	background: transparent url(/images/v3_home_linkpijltjes.gif) no-repeat
		bottom left;
}

#contentLeft .contentHeader a {
	text-decoration: none;
	clear: both;
	position: relative;
	display: block;
	color: #000000;
}

#contentLeft .contentHeader a:hover {
	left: 0px;
	text-decoration: underline;
	color: #000000;
}

#contentRight {
	position: relative;
	display: block;
	width: 207px;
	overflow: hidden;
	margin: 0px;
	left: 27px;
}

#contentRight .contentTitle {
	display: block;
	clear: both;
	padding: 15px 0px 0px 15px;
}

#contentRight .contentBlock {
	padding: 0px 0px 10px 15px;
	font-family: Verdana, Geneva, Arial, sans-serif;
	font-size: 0.6em;
	font-style: normal;
	font-weight: normal;
	color: #fff;
	text-decoration: none;
}

#contentRight .contentHeader {
	padding-left: 15px;
	font-family: Verdana, Geneva, Arial, sans-serif;
	font-size: 0.6em;
	font-style: normal;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
	background-image: url(/images/v3_home_linkpijltjes_r.gif);
	background-repeat: no-repeat;
}

#contentRight .faq {
	width: 100%;
	padding: 0px 0px 3px 0px;
	margin: 0px;
	font-family: Verdana, Geneva, Arial, sans-serif;
	font-style: normal;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
	list-style: none;
}

#contentRight .faq li {
	position: relative;
	display: block;
	left: 0px;
	top: 0px;
	margin: 0px;
	padding: 0px 0px 7px 15px;
	font-family: Verdana, Geneva, Arial, sans-serif;
	font-size: 0.6em;
	font-style: normal;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
	background-image: url(/images/v3_home_linkpijltjes_r.gif);
	background-repeat: no-repeat;
	list-style: none;
	list-style-position: outside;
}

#contentRight .faq li a {
	text-decoration: none;
	color: #fff;
}

#contentRight .faq li a:hover {
	text-decoration: underline;
	color: #fff;
}

#contentRight .contentHeader a {
	text-decoration: none;
	color: #fff;
}

#contentRight .contentHeader a:hover {
	text-decoration: underline;
	color: #fff;
}

.hidden {
	visibility: hidden;
}