/*====================================================================================
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-width: 0px 0px 2px 0px;
	border-color: #ebebeb;
	border-style: solid;
}

.left #navcontainer ul li
{
	list-style-type: none;
	display: block;
	position:relative;
	margin: 0;
	padding: 0px;
	
	background-image: url('../gui/left/bg.menu.gif');
	background-repeat: repeat-x;
	/*
	background-position: left bottom;
	background-color: #f9f9f9;
	*/
	background-position: left top;
	background-color: #ececec;
}

.left #navcontainer ul li div.topmenu
{
	position: absolute;
	left: 0px;
	top: 0px;
	height: 14px;
	width: 100%;
	z-index: 1;
	background-image: url('../gui/bg.holder.top.png');
	background-repeat: repeat-x;
	background-position: left top;
}

.left #navcontainer ul li a
{
	position:relative;
	display: block;
	text-decoration: none;
	color: #000;
	padding: 13px 30px 14px 22px;
	font-weight: normal;
	font-size: 12px;
	line-height: 15px;
	background-image: url('../gui/left/bg.menu.arrow.right.gif');
	background-repeat: no-repeat;
	background-position: 213px center;
	z-index:2;
}

.left #navcontainer ul li a:hover,
.left #navcontainer ul li a.selected
{
	color:#F39A00;
	background-image: url('../gui/left/bg.menu.arrow.right.orange.gif');
}

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

/* ========== Niveau 1 standaard ============== */

.left #navcontainer ul ul
{
	background-color: #fafafa;
	padding: 4px 0;
}

.left #navcontainer ul ul li
{
	background-image:none;
	background-color: Transparent;
	padding-left:22px;
}

.left #navcontainer ul ul li a
{
	background-position: left center;
	padding: 3px 6px 4px 14px;
}

/* ========== Selected state niveau 1 ============== */

.left #navcontainer ul ul ul
{
	border-bottom: none;
	margin: 0px;
	padding: 0px 0 0px 0px;
	margin-bottom:4px;
}

.left #navcontainer ul ul ul li
{
	padding-left:12px;
}


/* Selected state niveau 2 */



/*========================================================
	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: #277ea8 #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 #277ea8 #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: #277ea8;
	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 ul.specialmenu
{
	display:inline-block;
	margin-left:-5px;
}

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

#header .specialmenu li a
{
	display: block;
	margin: 18px 0px;
	padding: 0px 5px;
	font-size: 10px;
	font-weight: normal;
	color:#666666;
/* 	letter-spacing: 1px;
	font-family:  'Arial Narrow', 'Arial'; */
	/*font-family:  'Lucida Sans',Arial,sans-serif;*/
	border-right: 1px solid #7d7d7d;
	text-decoration: none;
}

#header .specialmenu li.last a,
#header .specialmenu li.flag a
{ 
	border: 0px none; 
}

#header .specialmenu li.flag a
{ 
	margin-top:16px;
}

#header .specialmenu li.flag a span
{ 
	display: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; }

/*========================================================
	footer
========================================================*/




.footer .footerholder ul.footermenu
{
	width:230px;
	list-style-type: none;
	display: inline;
	margin: 0;
	padding: 0px;
	float: right;
}

.footer .footerholder ul.footermenu li
{
	list-style-type: none;
	display: inline;
	margin: 0;
	padding: 0px;
	
	list-style-type: none;
	display: inline;
	float: left;
}

.footer .footerholder ul.footermenu li a
{
	display: block;
	padding: 0px 5px;
	font-size: 10px;
	font-weight: bold;
	color:#666666;
	/*font-family:  'Lucida Sans',Arial,sans-serif;*/
	border-right: 1px solid #7d7d7d;
	text-decoration: none;
}

.footer .footerholder ul.footermenu li.last a
{
	border: 0px none; 
}

/*========================================================
	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;
}