/*====================================================================================
FILENAME:			di_list.css
DESCRIPTION:		List Style Sheet
CREATED:			11/09/2007
INITIAL AUTHOR:		Elma Smit
UPDATED BY:			Elma Smit, 11/09/2007

Copyright (c) 2007 KeyAgency
http://www.dsi.nl/
====================================================================================*/

/* Niveau 0 */
.left #navcontainer ul
{
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #e2e2e2;
}

.left #navcontainer ul li
{
	color: #f39a00;
	list-style-type: none;
	display: inline;
	margin: 0;
	padding: 0px;
}

.left #navcontainer ul li a
{
	display: block;
	font-size: 12px;
}

.left #navcontainer ul li a.consument
{
	background-image: url('../gui/left/menu/consument.gif');
	height: 40px;
	background-position: left bottom;
}

.left #navcontainer ul li a.consument:hover,
.left #navcontainer ul li a.consument_selected
{
	background-image: url('../gui/left/menu/active/consument.gif');
	height: 40px;
	background-position: left bottom;
}

.left #navcontainer ul li a.dsi-registratie
{
	height: 40px;
	background-image: url('../gui/left/menu/dsi-registratie.gif');
}

.left #navcontainer ul li a.dsi-registratie:hover,
.left #navcontainer ul li a.dsi-registratie_selected
{
	background-image: url('../gui/left/menu/active/dsi-registratie.gif');
	height: 40px;
	background-position: left bottom;
}

.left #navcontainer ul li a.professionals
{
	height: 40px;
	background-image: url('../gui/left/menu/professionals.gif');
}
.left #navcontainer ul li a.professionals:hover,
.left #navcontainer ul li a.professionals_selected
{
	background-image: url('../gui/left/menu/active/professionals.gif');
	height: 40px;
	background-position: left bottom;
}

.left #navcontainer ul li a.pes
{
	height: 40px;
	background-image: url('../gui/left/menu/pre-employment-screening.gif');
	border-bottom: 1px solid #e2e2e2;
}
.left #navcontainer ul li a.pes:hover,
.left #navcontainer ul li a.pes_selected
{
	background-image: url('../gui/left/menu/active/pre-employment-screening.gif');
	height: 40px;
	background-position: left bottom;
}

.left #navcontainer ul li a.pit
{
	/*height: 40px;*/
	background-image: url('../gui/left/menu/pit2010.gif');
}
.left #navcontainer ul li a.pit:hover,
.left #navcontainer ul li a.pit_selected
{
	background-image: url('../gui/left/menu/active/pit2010.gif');
	/*height: 40px;*/
	background-position: left bottom;
}

.left #navcontainer ul li a.over-DSI
{
	height: 40px;
	background-image: url('../gui/left/menu/over-DSI.gif');
}

.left #navcontainer ul li a.over-DSI:hover,
.left #navcontainer ul li a.over-DSI_selected
{
	background-image: url('../gui/left/menu/active/over-DSI.gif');
	height: 40px;
	background-position: left bottom;
}

.left #navcontainer ul li a.Uitspraken
{
	height: 40px;
	background-image: url('../gui/left/menu/uitspraken.gif');
}

.left #navcontainer ul li a.Uitspraken:hover,
.left #navcontainer ul li a.Uitspraken_selected
{
	background-image: url('../gui/left/menu/active/uitspraken.gif');
	height: 40px;
	background-position: left bottom;
}

.left #navcontainer ul li a.Mijn-DSI
{
	background-image: url('../gui/left/menu/mijndsi.gif?t=2');
	height: 40px;
	background-position: left bottom;
}
.left #navcontainer ul li a.Mijn-DSI:hover
{
	background-image: url('../gui/left/menu/active/mijndsi.gif?t=2');
}


.left #navcontainer ul li a.zoek_DSI_registers
{
	
	height: 40px;
	background-image: url('../gui/left/menu/dsi-registers.gif');
	/* 	border-top: 1px solid #e2e2e2; */
}
.left #navcontainer ul li a.zoek_DSI_registers:hover,
.left #navcontainer ul li a.zoek_DSI_registers_selected
{
	
	height: 40px;
	background-image: url('../gui/left/menu/active/dsi-registers.gif');
}

.left #navcontainer ul li a span { display: none; }

/* ========== Niveau 1 standaard ============== */
.left #navcontainer ul ul {
margin: 0 1px;
}

.left #navcontainer ul ul li
{
	color: #f39a00;
	list-style-type: none;
	display: inline;
	margin: 0;
	padding: 0px;
}

.left #navcontainer ul ul li  a
{
	border-top: 1px solid #e2e2e2;
	color: #000;
	text-decoration: none;
	font-weight: bold;
	display: block;
	font-size: 12px;
	padding: 10px 10px 10px 20px;
	background-image: url('../gui/left/arrow/arrow-orange.gif');
	background-repeat: no-repeat;
	background-position: 7px 2px;
	background-color: #fff;
}

.left #navcontainer ul ul li a span
{
	color: #87888a;
	font-size: 10px;
	font-weight: normal;
	text-decoration: none;
	padding: 3px 0px 0px 0;
	display: block;
}

/* ========== Selected state niveau 1 ============== */
.left #navcontainer ul ul li a:hover,
.left #navcontainer ul ul li a.selected
{
	color: #f39a00;
	background-image: url('../gui/left/arrow/active/arrow-orange.gif');
	background-position: right bottom;
	padding-left: 10px;
}

.left #navcontainer ul ul li a:hover { color: #f39a00; }
.left #navcontainer ul ul li a:hover span,
.left #navcontainer ul ul li a.selected span
{
	_width:190px;
	font-style: italic;
	white-space: normal;
}

/* Niveau 2 */
.left #navcontainer ul ul ul
{
	border-bottom: none;
	margin: 0px;
	padding: 0px 0 0px 0px;
}

.left #navcontainer ul ul ul li
{
	color: #f39a00;
	border-top: none;
	list-style-type: none;
	margin: 0;
	padding: 0;
	background-image: none;
}

.left #navcontainer ul ul ul li a
{
	color: #000;
	text-decoration: none;
	font-weight: normal;
	font-size: 11px;
	padding: 5px 0px 5px 30px;
	background-image: none;
	background-color: #f2f2f2;
	border-top: 1px solid #e2e2e2;
}

/* Selected state niveau 2 */
.left #navcontainer ul ul ul li a.selected,
.left #navcontainer ul ul ul li a:hover
{
	color: #000;
	text-decoration: none;
	font-weight: normal;
	font-size: 11px;
	padding: 5px 0px 5px 10px;
	background-image: none;
	background-color: #fff;
	border-top: 1px solid #e2e2e2;
}

.left #navcontainer ul ul ul li a.selected { font-weight: bold; }

/* Niveau 3 */
.left #navcontainer ul ul ul ul
{
	padding: 0px 0 0px 0px;
	background-color: #fff;
}

.left #navcontainer ul ul ul ul li a
{
	background-color: #fff;
	border: none;
	padding: 3px 0px 3px 20px;
	margin: 0;
}

.left #navcontainer ul ul ul ul li a.selected,
.left #navcontainer ul ul ul ul li a:hover
{
	background-color: #f2f2f2;
	border-bottom: 1px solid #e2e2e2;
	padding: 3px 0px 3px 20px;
}

/* consument */
.left #navcontainer ul li.consument ul ul li a
{
	color: #626262;
	font-size: 10px;
	background-color: #e2e2e2;
	font-weight: normal;
	background-image: none;
	padding: 5px 10px 5px 20px;
	border: none;
}

.left #navcontainer ul li.consument ul ul li a.selected,
.left #navcontainer ul li.consument ul ul li a:hover
{
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	font-size: 10px;
	padding: 5px 20px 5px 10px;
	background-image: none;
	background-color: #f39a00;
}




/* proffesional */
.left #navcontainer ul li.professionals ul li a
{
	border-top: 1px solid #e2e2e2;
	color: #000;
	text-decoration: none;
	font-weight: bold;
	display: block;
	font-size: 12px;
	padding: 10px 10px 10px 20px;
	background-image: url('../gui/left/arrow/arrow-red.gif');
	background-repeat: no-repeat;
	background-position: 7px 2px;
}

.left #navcontainer ul li.professionals ul li a:hover,
.left #navcontainer ul li.professionals ul li a.selected
{
	color: #7c0017;
	padding-left: 10px;
	background-image: url('../gui/left/arrow/active/arrow-red.gif');
	background-position: right bottom;
}

.left #navcontainer ul li.professionals ul ul li a
{
	color: #626262;
	font-size: 10px;
	background-color: #e2e2e2;
	font-weight: normal;
	background-image: none;
	padding: 5px 0px 5px 20px;
	border: none;
}

.left #navcontainer ul li.professionals ul ul li a span
{
	color: #b75b61;
	
}

.left #navcontainer ul li.professionals ul ul li a.selected,
.left #navcontainer ul li.professionals ul ul li a:hover
{
	color: #fff;
	font-weight: bold;
	padding: 5px 0px 5px 10px;
	background-color: #91001b;
	background-image: none;
}



/* over DSI */
.left #navcontainer ul li.pes ul li a,
.left #navcontainer ul li.over-DSI ul li a
{
	border-top: 1px solid #e2e2e2;
	color: #000;
	text-decoration: none;
	font-weight: bold;
	display: block;
	font-size: 12px;
	padding: 10px 10px 10px 20px;
	background-image: url('../gui/left/arrow/arrow-gray.gif');
	background-repeat: no-repeat;
	background-position: 7px 2px;
}

.left #navcontainer ul li.pes ul li a:hover,
.left #navcontainer ul li.pes ul li a.selected,
.left #navcontainer ul li.over-DSI ul li a:hover,
.left #navcontainer ul li.over-DSI ul li a.selected
{
	color: #000;
	padding-left: 10px;
	background-image: url('../gui/left/arrow/active/arrow-gray.gif');
	background-position: right bottom;
}

.left #navcontainer ul li.pes ul ul li a,
.left #navcontainer ul li.over-DSI ul ul li a
{
	color: #626262;
	font-size: 10px;
	background-color: #e2e2e2;
	font-weight: normal;
	padding: 5px 0px 5px 20px;
	border: none;
	background-image: none;
}

/* Selected state niveau 2 */
.left #navcontainer ul li.pes ul ul li a.selected,
.left #navcontainer ul li.pes ul ul li a:hover,
.left #navcontainer ul li.over-DSI ul ul li a.selected,
.left #navcontainer ul li.over-DSI ul ul li a:hover
{
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	font-size: 10px;
	padding: 5px 0px 5px 10px;
	background-image: none;
	background-color: #000;
}

/* Jurisprudentie */
.left #navcontainer ul li.dsi-registratie ul li a,
.left #navcontainer ul li.Uitspraken ul li a
{
	color: #000;
	text-decoration: none;
	font-weight: bold;
	display: block;
	font-size: 12px;
	padding: 10px 10px 10px 20px;
	background-image: url('../gui/left/arrow/arrow-blue.gif');
	background-repeat: no-repeat;
	background-position: 7px 2px;
}

.left #navcontainer ul li.dsi-registratie ul li a:hover,
.left #navcontainer ul li.dsi-registratie ul li a.selected,
.left #navcontainer ul li.Uitspraken ul li a:hover,
.left #navcontainer ul li.Uitspraken ul li a.selected
{
	color: #3180b7;
	padding-left: 10px;
	background-image: url('../gui/left/arrow/active/arrow-blue.gif');
	background-position: right bottom;
}

.left #navcontainer ul li.dsi-registratie ul ul li a,
.left #navcontainer ul li.Uitspraken ul ul li a
{
	color: #626262;
	font-size: 10px;
	background-color: #e2e2e2;
	font-weight: normal;
	background-image: none;
	padding: 5px 10px 5px 20px;
	border: none;
}

/* Selected state niveau 2 */
.left #navcontainer ul li.dsi-registratie ul ul li a.selected,
.left #navcontainer ul li.dsi-registratie ul ul li a:hover,
.left #navcontainer ul li.Uitspraken ul ul li a.selected,
.left #navcontainer ul li.Uitspraken ul ul li a:hover
{
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	font-size: 10px;
	padding: 5px 20px 5px 10px;
	background-image: none;
	background-color: #3180b7;
}



/*========================================================
	CONSUMENT & PROFESSIONAL
========================================================*/

/* professional en consument */
.right #consument .consumentmenu ul li
{
	list-style-type: none;
	border-color: #f6b038 #f6b038 #e88d04 #e88d04;
	border-width: 2px 0px 2px 0px;
	border-style: solid;
	font-size: 12px;
}

/* professional */
.right #professional .professionalmenu ul
{
	/* 	border-color: #7c0017 #f6b038 #f6b038 #f6b038; */
	/* 	border-color: #e88d04 #fff #fff #fff;
	
	border-width: 1px 0px 0px 0px;
	border-style: solid; */
	border: none;
	/* 	background-image: url('../gui/right/professional/bg.gif');
	background-repeat: no-repeat;  */
}

.right #professional .professionalmenu ul li
{
	list-style-type: none;
	/* 	border-color: #f6b038 #f6b038 #7c0017 #e88d04; */

	border: none;
		/* 	border-color: #f6b038 #fff #e88d04 #fff; 
	border-width: 1px 0px 1px 0px;
	border-style: solid;*/
	font-size: 12px;
}

.right #professional .professionalmenu ul li a
{
	/* 	color: #fff; 
	font-weight: normal;*/
	text-decoration: none;
	padding: 30px 10px 0px 20px;
	display: block;
	line-height: 1.5em;
	color: #000;
	font-size: 11px;
	/* 	font-weight: bold; */
}

#OFF.right #professional .professionalmenu ul li a:hover
{
	background-image: url('../gui/right/professional/hover-bg.gif');
	background-repeat: repeat-x;
	
}

.right #professional .professionalmenu ul li.selected a
{
	background-image: url('../gui/right/professional/hover-bg.gif');
	background-repeat: repeat-x;
	font-weight: bold;
}

/* professional WFT */
.right #professional .professionalmenu ul li a.WFT
{
	display: none;
	padding: 6px 2px 10px 6px;
	line-height: 13px;
	font-size: 10px;
	font-weight: normal;
}

.right #professional .professionalmenu ul li a.WFT b
{
	font-size: 9px;
	text-transform: uppercase;
}

.right #professional .professionalmenu ul li a.WFT:hover
{
	background-image: url('../gui/right/professional/hover-bg.gif');
	background-repeat: repeat-x;
	font-weight: normal;
}

.right #professional .professionalmenu ul li.selected a.WFT
{
	background-image: url('../gui/right/professional/hover-bg.gif');
	background-repeat: repeat-x;
	font-weight: bold;
}

/* professional PIT */
.right #professional .professionalmenu ul li a.PIT
{
	height: 40px;
	line-height: 20px;
}

.right #professional .professionalmenu ul li a.PIT
{
	height: 40px;
	line-height: 20px;
}

.right #professional .professionalmenu ul li a span
{
float: left;
width:150px;

}

.right #professional .professionalmenu ul li a span.plaatje
{
float: left;
width:50px;
height: 45px;
/* 	background-image: url('../gui/right/professional/PIT.gif'); */
}


/* Consument */
.right #consument .consumentmenu ul
{
	border-color: #e88d04 #f6b038 #f6b038 #f6b038;
	border-width: 0px 0px 2px 0px;
	border-style: solid;
}

.right #consument .consumentmenu ul li a
{
	color: #7c0017;
	font-size: 12px;
	text-decoration: none;
	font-weight: bold;
	padding: 10px 10px 10px 10px;
	display: block;
}

.right #consument .consumentmenu ul li a span
{
	color: #fff;
	font-weight: normal;
	display: block;
	padding: 5px 0px 0px 0px;
	font-size: 11px;
}

/*========================================================
	SPECIAL MENU
========================================================*/

#header .specialmenu li
{
	
	list-style-type: none;
	display: inline;
	float: left;
}

#header .specialmenu li a
{
	display: block;
	margin: 10px 0px;
	padding: 0px 5px;
	font-size: 9px;
	font-weight: bold;
/* 			letter-spacing: 1px;

	font-family:  'Arial Narrow', 'Arial'; */
	font-family:  'Lucida Sans';
	color: #eee;
	border-right: 1px solid #7d7d7d;
	text-decoration: none;
}


#header .specialmenu li a:hover {

	color: #f39a00;
}
/*========================================================
	SITEMAP
========================================================*/

ul#sitemap li { margin: 0 0 0 20px; }
ul#sitemap li a { padding: 2px 0 2px 0px; }

/*========================================================
	BREADCRUMBS
========================================================*/

#breadcrumbs ul li
{
	list-style-type: none;
	float: left;
	display: inline;
	margin: 0;
	padding: 0px;
}

#breadcrumbs ul li a
{
	padding: 2px 5px 2px 0px;
	font-size: 10px;
	display: block;
}