/*
##############################################################################
FILENAME:			wg.list.css
DESCRIPTION:		Default Style Sheet
CREATED:			4/06/2007
INITIAL AUTHOR:		Elma Smit
UPDATED BY:			Elma Smit, 4/06/2007

Copyright (c) 2006 KeyAgency
http://www.wilgenhaege.nl/
##############################################################################*/

ul.contact
{
	margin: 30px 0 0 0;
	border-top: 2px solid #fff;
	width: 200px;
}

/* Basic Menu Elements */
#navigation
{
	width: 200px;
	/* set width of menu */
}

#navigation ul
{
	/* remove bullets and list indents */
	list-style: none;
	margin: 0;
	padding: 0;
}

/* style, color and size links and headings to suit */
#navigation a
{
	display: block;
	margin: 0;
	font-size: 12px;
	padding: 6px 10px 5px 10px;
	color: #fff;
	text-decoration: none;
}

#navigation a:hover
{
	color: #fff;
}

#navigation li
{
	/* make the list elements a containing block for the nested lists */
	position: relative;
	border-bottom: 2px solid #fff;
	background-image: url('../gui/menu/bg.gif');
	background-repeat: repeat-x;
	list-style-type: none;
	z-index: 51;
}

#navigation ul ul
{
	position: absolute;
	z-index: 50;
	top: 0;
	left: 100%;
	/* to position them to the right of their containing block */
	width: 100%;
	/* width is based on the containing block */

}

* html #navigation ul ul
{
 	margin-left: -10px;
}

#navigation ul ul,
#navigation ul li:hover ul ul,
#navigation ul li:hover ul ul ul,
#navigation ul li.sfhover ul ul,
#navigation ul li.sfhover ul ul ul
{
	display: none;
}

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

/* Secondary Niveau Menu */
#navigation ul ul,
#navigation ul ul ul
{
	padding-left: 2px;
	background-color: #fff;
}

#navigation ul ul li
{
	/*background-color: #e5e9ea;*/
	background-color: #d1e2d3;
	background-image: none;
}

#navigation ul ul li:hover,
#navigation ul ul li.sfhover
{
	background-color: #73252a;
	background-image: none;
}

#navigation ul ul li a
{
	color: #7e290e;
}

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

#navigation ul ul li a:active
{
	color: #fff;
}

/* Third Niveau Menu */
#navigation ul ul ul li
{
	background-color: #8b2c33;
	background-image: none;
}

#navigation ul ul ul li:hover,
#navigation ul ul ul li.sfhover
{
	background-color: #73252a;
	background-image: none;
}

#navigation ul ul ul li a
{
	color: #fff;
}

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

/* fourt niveau */
#navigation ul ul ul ul li
{
	background-color: #d1e2d3;
	background-image: none;
	color: #7e290e;
}

#navigation ul ul ul ul li:hover,
#navigation ul ul ul ul li.sfhover
{
	background-color: #73252a;
	background-image: none;
}

#navigation ul ul ul ul a,
#navigation ul ul ul li:hover ul a,
#navigation ul ul ul li.sfhover ul a
{
	color: #7e290e;
}

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

/*############################################################################
	SPECIAL MENU (top)
############################################################################*/
#topmenu ul{
float: right;
	margin: 0;
	padding: 0 10px 0 0;
}
#topmenu ul li
{
	float: left;
	list-style-type: none;
	font-size: 10px;
	width: 60px;
	padding: 10px 0 0 0;
	margin: 0;
}

#topmenu ul li a
{
	color: #9A9A9A;
	font-style: italic;
	text-decoration: none;
	padding: 0px 0 0 15px;
}

#topmenu ul li.active a
{
	font-weight: bold;
	color: #983516;
	text-decoration: underline;
}

#topmenu ul li a:hover
{
	font-weight: bold;
	color: #983516;
	text-decoration: underline;
}

/*############################################################################
	BREADCRUMBS (subheader)
############################################################################*/

#subheader ul{margin: 0px; height: 27px; overflow: hidden;}
#subheader ul li
{
	display: inline;
	list-style-type: none;
	padding: 0;
	margin: 0;
}


#subheader ul li a
{
	color: #FFFFFF;
	text-decoration: none;
	padding: 6px 10px 5px 0px;
	font-size: 85%;
	font-style: italic;
	display: block;
	float: left;
}

#subheader ul li a.selected,
#subheader ul li a:hover
{
	font-style: italic;
	color: #fff;
	text-decoration: underline;
}

/*############################################################################
	Sitemap (subheader)
############################################################################*/

.content ul.sitemap
{
	margin: 0 0 0 20px;
	padding: 0;
}

.content ul.sitemap li
{
	margin: 0;
	padding: 5px 0 5px 15px;
	color: #7f2a0e;
}

.content ul.sitemap li a
{
	text-decoration: none;
	color: #515151;
	font-weight: bold;
	font-size: 13px;
}

.content ul.sitemap ul li a
{
	text-decoration: none;
	color: #515151;
	font-weight: normal;
	font-size: 12px;
}

.content ul.sitemap ul ul li a
{
	text-decoration: none;
	color: #9A9A9A;
	font-weight: normal;
	font-size: 11px;
}

.content ul.sitemap li a:hover
{
	text-decoration: underline;
}