/****************************************************************************************************/
/*** NAVIGATIE **************************************************************************************/
/****************************************************************************************************/

/****************************************************************************************************
 * Hoofdnavigatie
 * omschrijving:	#navMain  = hoofdmenu links uitlijnend (List items)
 *	 				#navMain2 = hoofdmenu uitlijnend over de hele breedte (Tabel)
 *
 ****************************************************************************************************/

/* Styles OM het gehele hoofdmenu heen: bepaal hier positionering van het hoofd menu*/
#navMain {
	padding: 0 2px 0 23px;
	float: left;
	margin: 16px 0 0 0;
	background: url(../images/shared/navmain_divider.gif) top right no-repeat;
}

/* ul blok */
#navMain ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#navMain li {
	float: left;
	margin: 0;
	padding: 0;
}

#navMain2 td {
	width:20%; /* breedte items gelijkmatig verdelen liefst in procenten! */
}

/* STYLE NAV HREFS */
/* OM OP BASIS VAN HET GEKOZEN MENU ITEM STYLES TE WIJZIGEN MOET JE GEBRUIK MAKEN VAN STYLE OPTIE IN DE HEADER (/frame/header.tpl) */

/* Basis opmaak */
#navMain a, #navMain a:active, #navMain a:visited,
#navMain2 a, #navMain2 a:visited, #navMain2 a:active {
	display: block;
	text-decoration: none;
	padding: 0;
	color: #FFF;
	text-align: center;
	font-weight: bold;
	white-space:nowrap; /* VERPLICHT! Zodat tekst niet af kan breken over twee regels */
	height: 61px;
	width: 112px;
}

	#navMain a:link, #navMain a:visited, #navMain a:active, #navMain a:hover { /* navMain1 only */
		float: left; /* IE mac !! */
	}

	#navMain a:hover, #navMain2 a:hover { /* */
		background-color: #606060;
		color: #ffffff;
	}
	
#navMain li.mobile a {
	background: url(../images/shared/navmain_mobile.gif) top left no-repeat;
}

#navMain li.web a {
	background: url(../images/shared/navmain_web.gif) top left no-repeat;
}

#navMain li.desktop a {
	background: url(../images/shared/navmain_desktop.gif) top left no-repeat;
}

#navMain li.widgets a {
	background: url(../images/shared/navmain_widgets.gif) top left no-repeat;
}

#navMain li a:hover {
	background-position: left -61px;
}

/* Actief item */
#navMain .act a:link, #navMain .act a:visited, #navMain .act a:active {
	background-position: left -122px;
}

/* Actief item rollover */
#navMain .act a:hover,
#navMain2 .act a:hover {
}

/* specific for dropdown behavior */
#navMain ul ul,
#navMain ul li:hover ul ul,
#navMain ul ul li:hover ul ul
{display: none;}

#navMain ul li:hover ul, #navMain ul li.hover ul,
#navMain ul ul li:hover ul, #navMain ul ul li.hover ul,
#navMain ul ul ul li:hover ul, #navMain ul ul ul li:hover ul
{display: block;}

#navMain ul ul {
	position: absolute;
	left: 0;
	margin-top: 26px;
	width:192px;
	padding:1px 1px 10px 1px;
}
#navMain ul ul li {
	clear: both;
	padding: 0;
	width: 192px;
}
#navMain ul ul li a:link, #navMain ul ul li a:active, #navMain ul ul li a:visited {
	height:auto;
	display: block;
	width: 164px;
	color: white;
	padding:7px 14px 6px 14px;
	margin:0;
	font-weight:bold;
}
#navMain ul ul li a:hover {
	color: #1B5D7E;
}

/****************************************************************************************************
 * Subnavigatie
 * omschrijving:
 *
 ****************************************************************************************************/

/* Style van het gehele submenu */
#navSub {
	padding: 0;
	margin: 0;
	width: 180px;
	padding-top: 7px;
	margin-left: -7px;
	position: relative;
	z-index: 10;
	overflow: auto;
}

/* opsomming */
#navSub ul {
	margin:0;
	padding:0;
	list-style:none;
	overflow:hidden;
	display:block;
	border-top:1px solid #dfdfdf;
}

/* opsommingspunt */
#navSub li {
	margin: 0;
	padding: 0;
	height: 1%;
	border-bottom: 1px solid #dfdfdf;
	background: none;
}

/* Basis opmaak (href) menu items */
#navSub a {
	display:block;
	padding: 6px 11px 7px 23px;
	margin: 0;
	font-weight: bold;
	text-decoration:none;
	height: 1%;
	background: url(../images/shared/arrow_fwd_single_bold.gif) 10px 13px no-repeat;
}

/* menu item on mouse over */
#navSub a:hover,
#navSub li.act a {
	background-position: 10px -82px;
	color: #f60;
	text-decoration:none;
}

#navSub li a.act1 {
	background-position: 10px -82px;
	color: #F60;
}


/* Het geselecteerde menu item simgle*/
#navSub li.act_single a, #navSub li a.act_single {
}

/* Het geselecteerde menu item on mouse over */
#navSub li.act a:hover {
	background-color: inherit;							/* achtergrond kleur */
}

/****************************************************************************************************
 * Sub -> Subnavigatie
 * omschrijving:
 *
 ****************************************************************************************************/
 
/* sub - opsomming */
#navSub li ul {
	padding-top: 12px;
	padding-bottom: 13px;									
	margin: 0;
	border-top: 1px solid #dfdfdf;
}

/**/
#navSub li ul li ul {
	padding-top: 0; 
	padding-bottom: 0px;									
	margin: 0; 
	border-top: medium none; 
}
/**/

/* sub - opsommingspunt */
#navSub li li {
	margin: 0;															
	padding: 0;
	border: none;							
}

/* sub - basis opmaak menu item (href) */
#navSub li li a {
	padding-left: 36px;											
	margin: 0;												 									
	padding-top: 3px;
	padding-bottom: 3px;
	padding-right: 0px;
	background: url(../images/shared/arrow_fwd_single_medium.gif) 24px 9px no-repeat;
	color: #666;
	font-weight: normal;							
}


#navSub li li a:hover {
	background-position: 24px -86px;
	color: #F60;
}

#navSub li li a.act1 {
	background-position: 24px -86px;
	color: #F60;
}

#navSub li li.act a {
	background-position: 24px -86px;
	color: #F60;
}

/**/

#navSub li li li a{
	padding-left: 47px;											
	margin: 0;												 									
	padding-top: 3px;
	padding-bottom: 3px;
	background: url(../images/shared/arrow_fwd_single_medium.gif) 35px 9px no-repeat;
	color: #666;
	font-weight: normal;	
}

#navSub li li li a:hover {
	background-position: 35px -86px;
	color: #F60;
}

#navSub li li li a.act1{
	background-position: 35px -86px;
	color: #F60;
}

#navSub li li li li a {
	padding-left: 58px;											
	margin: 0;												 									
	padding-top: 3px;
	padding-bottom: 3px;
	background: url(../images/shared/arrow_fwd_single_medium.gif) 46px 9px no-repeat;
	color: #666;
	font-weight: normal;							
}

#navSub li li li li a:hover {
	background-position: 46px -86px;
	color: #F60;
}

#navSub li li li li a.act1 {
	background-position: 46px -86px;
	color: #F60;
}

#navSub li li li li li a {
	padding-left: 70px;											
	margin: 0;												 									
	padding-top: 3px;
	padding-bottom: 3px;
	background: url(../images/shared/arrow_fwd_single_medium.gif) 58px 9px no-repeat;
	color: #666;
	font-weight: normal;
}

#navSub li li li li li a:hover {
	background-position: 58px -86px;
	color: #F60;
}

#navSub li li li li li a.act1 {
	background-position: 58px -86px;
	color: #F60;
}

#navSub li li li li li li a {
	padding-left: 82px;											
	margin: 0;												 									
	padding-top: 3px;
	padding-bottom: 3px;
	background: url(../images/shared/arrow_fwd_single_medium.gif) 70px 9px no-repeat;
	color: #666;
	font-weight: normal;	
}

#navSub li li li li li li a:hover {
	background-position: 70px -86px;
	color: #F60;
}

#navSub li li li li li li a.act1 {
	background-position: 70px -86px;
	color: #F60;
}

#navSub li li li li li li li a {
	padding-left: 94px;											
	margin: 0;												 									
	padding-top: 3px;
	padding-bottom: 3px;
	background: url(../images/shared/arrow_fwd_single_medium.gif) 82px 9px no-repeat;
	color: #666;
	font-weight: normal;	
	
}

#navSub li li li li li li li a:hover {
	background-position: 82px -86px;
	color: #F60;
}

#navSub li li li li li li li a.act1 {
	background-position: 82px -86px;
	color: #F60;
}

#navSub li li li li li li li li a {
	padding-left: 106px;											
	margin: 0;												 									
	padding-top: 3px;
	padding-bottom: 3px;
	background: url(../images/shared/arrow_fwd_single_medium.gif) 94px 9px no-repeat;
	color: #666;
	font-weight: normal;	
	
}

#navSub li li li li li li li li a:hover {
	background-position: 94px -86px;
	color: #F60;
}

#navSub li li li li li li li li a.act1 {
	background-position: 94px -86px;
	color: #F60;
}

#navSub li li li li li li li li li a {
	padding-left: 118px;											
	margin: 0;												 									
	padding-top: 3px;
	padding-bottom: 3px;
	background: url(../images/shared/arrow_fwd_single_medium.gif) 106px 9px no-repeat;
	color: #666;
	font-weight: normal;	
	
}

#navSub li li li li li li li li li a:hover {
	background-position: 106px -86px;
	color: #F60;
}

#navSub li li li li li li li li li a.act1 {
	background-position: 106px -86px;
	color: #F60;
}



/**/

/* Het geselecteerde SUB menu item */
#navSub li li a.act, #navSub li li.act a {					
	color: #F60;
	background-position: 23px -86px;	
}

#navSub li li.act li a{					
	background: url(../images/shared/arrow_fwd_single_medium.gif) 23px 9px no-repeat;
	color: #666;
}

/* Het geselecteerde SUB menu item on mouse over  */
#navSub li li a.act:hover {				
}


/****************************************************************************************************
 * Inline Tabnavigatie
 * omschrijving:
 *
 ****************************************************************************************************/

#contTabs {
	height:20px; /* verplicht voor juiste interpretatie hoogte v.d. browser */
	border-bottom: 1px solid #000000;
	margin: 0;
	padding: 0;
	list-style: none; /* Overwrite default ul style met niets!! */
}

#contTabs li {
	float: right;
	margin: 0px;
	padding:0px;
	list-style-image: url(""); /* Overwrite default ul style met niets!! */
	background:none;
}

#contTabs li a {
	background-color: #FFFFFF;
	display:block;
	padding: 2px 10px 2px 10px;
	margin:0 0 0 2px;
	height:16px; /* hoogte 'ul' minus padding in deze 'a' */
	width:10px; /* hack voor IE6 */
	white-space: nowrap; /* hack voor IE6 */
	color: #666666;
	text-align:center;
	font-weight: bold;
	text-decoration:none;
}
	html>body #contTabs li a { /* hack voor IE6 terug corrigeren voor FF en IE7 */
		width:auto;
	}

	#contTabs li a:hover {
		background-color: #EEEEEE;
		text-decoration:none;
	}

#contTabs li a.act {
	background-color: #666666;
	color: #ffffff;
}
	#contTabs li a.act:hover {
		background-color: #999999;
		text-decoration:none;
	}

/****************************************************************************************************
 * PAGING
 ****************************************************************************************************/


div.paging {
 	background: #ddd;
	margin: 0 -30px 11px -28px;
	position: relative;
	z-index: 10;
	width: 355px;
	height: 27px;
	border: 1px solid #dfdfdf;
	border-right: none;
	background: url(../images/shared/paging_bg.gif) top left repeat-x;
}

div.previous a,
div.next a ,
div.firstPage a ,
div.lastPage a {
	text-decoration: none;
}

div.previous a:hover,
div.next a:hover,
div.firstPage a:hover ,
div.lastPage a:hover {
	text-decoration: underline;
	color: #666;
}

div.previous {
	float: left;
	width: 71px; /* 100px */
	font-weight: bold;
	background: url(../images/shared/arrow_bold_bck.gif) 14px 11px no-repeat;
	padding: 4px 0 0 29px;
}

div.firstPage {
	float: left;
	width: 71px; /* 100px */
	font-weight: bold;
	background: url(../images/shared/arrow_bold_bck.gif) 14px 11px no-repeat;
	padding: 4px 0 0 29px;
}

div.next {
	float: right;
	width: 71px; /* 100px */
	text-align: right;
	font-weight: bold;
	padding: 4px 29px 0 0;
	background: url(../images/shared/arrow_bold_fwd.gif) 79px 11px no-repeat;
}

div.lastPage {
	float: right;
	width: 71px; /* 100px */
	text-align: right;
	font-weight: bold;
	padding: 4px 29px 0 0;
	background: url(../images/shared/arrow_bold_fwd.gif) 79px 11px no-repeat;
}

div.pagesContainer {
	width: 154px;
	float: left;
}

table.pages {
	margin: 0 auto;
}

table.pages div {
	float: left;
	margin: 0 6px;
}

table.pages div a {
	font-weight: bold;
	text-decoration: none;
	padding: 4px 0 0 0;
	display: block;
}

table.pages div a span {
	text-decoration: none;
}

table.pages div a:hover {
	text-decoration: underline;
	color: #666;
}

table.pages div a:hover span {
	text-decoration: underline;
}

table.pages div.act a:hover {
	text-decoration: none;
}

table.pages span.left {
	background: url(../images/shared/paging_bg_act.gif) left 1px  no-repeat;
	display: none;
	width: 2px;
	float: left;
	cursor: pointer;
}

table.pages span.right {
	background: url(../images/shared/paging_bg_act.gif) right 1px no-repeat;
	display: none;
	width: 2px;
	float: left;
	cursor: pointer;
}

table.pages span.center {
	cursor: pointer;
}


table.pages div.act a span.center {
	background: url(../images/shared/paging_bg_act_center.gif) left 1px repeat-x;
	padding: 0 2px 0 3px;
	color: #FFF;
	float: left;
}

table.pages div.act span.left,
table.pages div.act span.right {
	display: block;
}


/****************************************************************************************************
 * SITEMAP
 ****************************************************************************************************/
 
div.sitemap ul {
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #dfdfdf;
}
 
div.sitemap ul li {
	background: none;
	margin: 0;
	padding: 0;
	border-top: 1px solid #dfdfdf;
}

div.sitemap ul li ul {
	border-bottom: none;
	/*border-top: 1px solid #dfdfdf;*/
	padding: 9px 0 10px 0;
}

div.sitemap ul li li {
	border: none;
}

div.sitemap ul li a {
	background: url(../images/shared/arrow_fwd.gif) left 13px no-repeat;
	font-size: 14px;
	font-weight: bold;
	padding: 0 0 0 22px;
	height: 43px;
	line-height: 39px;
	display: block;
}

div.sitemap ul li a:hover {
	background-position: left -74px;
}
 
div.sitemap li li a {
	background: url(../images/shared/arrow_fwd_single_bold.gif) 22px 7px no-repeat;
	font-size: 11px;
	line-height: 18px;
	text-decoration: none;
	padding: 0 0 0 35px;
	height: 18px;
}

div.sitemap li li a:hover {
	background-position: 22px -88px;
}

div.sitemap li li ul {
	border: none;
	padding: 2px 0 0px; 
}

div.sitemap li li li a {
	background: url(../images/shared/arrow_fwd_single_medium.gif) 35px 9px no-repeat;
	font-weight: normal;
	line-height: 21px;
	text-decoration: none;
	padding: 0 0 0 43px;
	height: 21px;
}

div.sitemap li li li a:hover {
	background-position: 35px -86px;
	text-decoration: none;
}

/**/
div.sitemap li li li li a {
	background: url(../images/shared/arrow_fwd_single_medium.gif) 43px 9px no-repeat;
	font-weight: normal;
	line-height: 21px;
	text-decoration: none;
	padding: 0 0 0 51px;
	height: 21px;
}

div.sitemap li li li li a:hover {
	background-position: 43px -86px;
	text-decoration: none;
}

div.sitemap li li li li li a {
	background: url(../images/shared/arrow_fwd_single_medium.gif) 51px 9px no-repeat;
	font-weight: normal;
	line-height: 21px;
	text-decoration: none;
	padding: 0 0 0 60px;
	height: 21px;
}

div.sitemap li li li li li a:hover {
	background-position: 51px -86px;
	text-decoration: none;
}

div.sitemap li li li li li li a {
	background: url(../images/shared/arrow_fwd_single_medium.gif) 59px 9px no-repeat;
	font-weight: normal;
	line-height: 21px;
	text-decoration: none;
	padding: 0 0 0 69px;
	height: 21px;
}

div.sitemap li li li li li li a:hover {
	background-position: 59px -86px;
	text-decoration: none;
}

div.sitemap li li li li li li li a {
	background: url(../images/shared/arrow_fwd_single_medium.gif) 67px 9px no-repeat;
	font-weight: normal;
	line-height: 21px;
	text-decoration: none;
	padding: 0 0 0 77px;
	height: 21px;
}

div.sitemap li li li li li li li a:hover {
	background-position: 67px -86px;
	text-decoration: none;
}

/**/

a.disablePagination , a.disablePagination:hover{
	cursor:text !important;
	color:#CCCCCC !important;
	text-decoration:none !important;
}

a.enablePagination {
	cursor:pointer !important;
	color:#666666 !important;
	text-decoration:none !important;
}

a.enablePagination:hover{
	text-decoration:underline !important;
}