/*
| -------------------------------------------------------------------
| FILENAME:			fl.lists.css
| DESCRIPTION:		Menu's Style Sheet
| CREATED:			01/01/2008
| INITIAL AUTHOR:	Elma Smit, Ronald ter Neuzen, Martijn ter Hellen
| UPDATED BY:		Elma Smit, 01/01/2008
| 
| Copyright (c) 2008 KeyAgency
| http://www.keyagency.nl/
| -------------------------------------------------------------------
| Basic colors used for website:
|
| black: #000000;
| white: #FFFFFF;
| -------------------------------------------------------------------
*/

/*
| -------------------------------------------------------------------
| navigation
| -------------------------------------------------------------------
*/
#navigation,
#navigation ul,
#navigation ul li
{
	margin:0;
	padding:0;
}



#navigation ul
{
	width:auto;
	text-align: center;
	position: relative;
	margin: 0px auto;
	display:inline-block;
	z-index:4;
}

#navigation ul li
{
	position: relative;
	display: inline;
	clear: none;
	text-align: left;
	list-style-type: none;
	overflow:visible;
}

#navigation ul li a
{
	white-space: nowrap;
	color: #fff;
	text-decoration: none;
	border-width: 0 2px 0 0;
	border-color: #e50733;
	border-style: solid;
	line-height:12px;
	display: inline-block;
	margin: 6px 0 0px 0;
	padding: 7px 36px 1px 34px;
	height:20px;
}

#navigation ul li.lastitem a
{
	border: 0px none;
}

#navigation ul li a:hover,
#navigation ul li a:hover strong
{
	font-weight: normal;
}

#navigation ul li a.selected,
#navigation ul li a.in-path,
#navigation ul li a.selected strong,
#navigation ul li a.in-path strong,
#navigation ul li a:hover.selected,
#navigation ul li a:hover.in-path,
#navigation ul li a:hover.selected strong,
#navigation ul li a:hover.in-path strong
{
	font-weight: bold;
	letter-spacing: -1px;
}

#navigation ul li a.in-path,
#navigation ul li a.in-path strong
{
	font-style: italic;
}

/* 	niveau 2 */
#navigation ul li ul
{
	/*display: block;*/
	display: none;
	position: absolute;
	left: 0px;
	z-index: 5;
	background-color: #b92025;
	
	overflow:visible;
}

#navigation ul li ul li
{
	position: relative;
	display: block;
	width:100%;
	text-align: left;
	list-style-type: none;
	padding: 0;
	float: left;
	clear: left;
	overflow: hidden;
	background-color: #b92025;
	border-width: 0 0 1px 0;
	border-color: #e50733;
	border-style: solid;
}


#navigation ul li ul li a
{
	padding-right:30px;
	margin: 0;
	display: inline-block;
	text-align: left;
	border: none;
	position:relative;
	width:100%;
}

#navigation ul li ul li.firstitem a
{
	margin: 0;
	display:block;
	text-align: left;
	padding-top:12px;
	border-width: 0  0 1px 0;
}

#navigation ul li ul li.inpath a,
#navigation ul li ul li a:hover
{
	color: #fff;
}

#navigation ul li ul li a:hover,
#navigation ul li ul li a.selected,
#navigation ul li ul li a.in-path,
#navigation ul li ul li a:hover strong,
#navigation ul li ul li a.selected strong,
#navigation ul li ul li a.in-path strong
{
	font-weight: normal;
	background-color: #D2110F;
}

.homepage #navigation ul li ul li.kwc-homepage
{
	display:none;
}



/*
| -------------------------------------------------------------------
| navigation uitklap
| -------------------------------------------------------------------
*/

/* niveau 2 uitklap */
#navigation ul li:hover ul
{
	display: block;
}

/* niveau 2 uitklap IE */
#navigation ul li.sfHover ul
{
	display: inline-block;
	overflow:visible;
	z-index: 6;
	top:100%;
}
#navigation ul li.sfHover ul li
{
	position: relative;
	overflow:visible;
	display:inline-block;
	width:180px;
	z-index: 7;
}
#navigation ul li.sfHover ul li a
{
	display:block;
}


/* 	niveau 3 */
#navigation ul li ul li ul
{
	display: none;
}




/*
| -------------------------------------------------------------------
| subnavigation
| -------------------------------------------------------------------
*/
#subnavigation ul
{
	padding: 0;
	margin: 0 0 30px 0;
	display: block;
	border-width: 0 0 1px 0;
	border-color: #e1e1e1;
	border-style: solid;
}

#subnavigation ul li
{
	position: relative;
	display: block;
	list-style-type: none;
	padding: 0;
	margin: 0;
	border-width: 1px 0 0 0;
	border-color: #e1e1e1;
	border-style: solid;
}

#subnavigation ul li.kwc-homepage
{
	display:none;
}


#subnavigation ul li a
{
	width:160px;
	display: inline-block;
	background-color: #fff;
	color: #4f4f4f;
	text-decoration: none;
	margin:0;
	padding: 8px 20px 8px 20px;
	
	background-image: url('../gui/bg/submenu.gif');
	background-repeat: no-repeat;
	background-position: right bottom;
}

#subnavigation ul li a:hover,
#subnavigation ul li a.selected
{
	background-color: #d50421;
	color: #fff;
	background-image: url('../gui/bg/submenu-active.gif');

}


/*
| -------------------------------------------------------------------
| language NAVIGATION header
| -------------------------------------------------------------------
*/

#header ul
{
	float:right;
	clear:none;
	position:relative;
	line-height:16px;
	margin:20px 3px 0 0;
	padding:0;
}

#header ul li
{
	display: inline;
	float:left;
	list-style: none;
	list-style-type: none;
	white-space: nowrap;
}

#header ul li a
{
	color:#7e7e7e;
	font-size: 11px;
	text-decoration: none;
	line-height:1px;
}

#header ul li a img
{
	float:left;
	clear:none;
	padding:0 4px 0 0;
	margin:0 4px 0 0;
}

#header ul li a:hover
{
	color:#b92025;
}