/* main navigation (horizontal subnavigation)
----------------------------------------------- */
ul#mainnav,
ul#mainnav * { margin: 0;padding: 0;}

ul#mainnav
{
	height: 				31px;
	font-size: 				14px;
	position: 				relative;
	z-index: 				50;
}
ul#mainnav li
{
	cursor:					pointer;
	float: 					left;
	text-align: 			center;
	list-style-type: 		none;
	font-weight: 			normal;
	position: 				relative;
	top: 					0;
	left: 					0;
	margin-left: 			-1px;
}

ul#mainnav li:hover ul
{
	left: 					0; 
	z-index: 				51;
}
ul#mainnav li:hover ul li a
{
	color: 					#fff;
}
ul#mainnav li ul
{
	cursor: default;
	width: 100%;
	max-width: 100%;
	position: absolute;
	height: auto;
	top: 31px;
	background-position: 	0 0 !important;
	left: -9000px;
	margin-left: 1px;
}
ul#mainnav li ul li
{
	padding: 				0;
	width: 					auto;
	max-width: 				none;
	float: 					left;
	clear:both;
}
ul#mainnav li a {
	color: #fff;
	text-decoration: none;
	display: block;
	float: left;
	padding: 6px 15px 0 15px;
	height: 25px;
	background: transparent url(/media/menu_li_a.gif) no-repeat top right;
}
ul#mainnav li ul li a {
	position: relative !important; /* ie Mac */
	cursor: pointer !important;
	white-space: nowrap;
	height: 20px;
	font-weight: normal;
	color: #fff;
	background-position: 0 50% !important;
	width: 150px;
	text-align: left;
}

ul#mainnav li.hi.first {
	margin-left: 15px;
}
ul#mainnav ul li.hi.first 
{
	margin-left: auto;
}

ul#mainnav li.last a {
	background: none;
}

ul#mainnav li.hi a {
	color: #000;
}
ul#mainnav li a:hover {
	color: #fff;
}

ul#mainnav li ul li.last a {
	padding-bottom: 8px;
}

ul#mainnav li.hi {			background: #fff url(/media/menu_li_hi.gif) no-repeat top left; }
ul#mainnav li.hi a {		background: transparent url(/media/menu_li_hi_a.gif) no-repeat top right; }
ul#mainnav li:hover {		background: #f2fafc url(/media/menu_li_hover.gif) no-repeat top left; }
ul#mainnav li:hover a {		background: transparent url(/media/menu_li_a_hover.gif) no-repeat top right; }

ul#mainnav li:hover ul li a { color: #fff; background: #808080; }
ul#mainnav li:hover ul li a:hover { color: #000; }


/* sub navigation level 1
----------------------------------------------- */

#subnav1 {
	list-style:none;
	float: left;
	font-size: 12px;
	line-height: 12px;
	margin-bottom: 16px;
}
#subnav1 a {
	padding-bottom: 2px;
	display: block;
}
#subnav1 li {
	float: left;
	padding: 0 10px 0 0;
	margin: 0 10px 0 0;
	background: transparent url(/media/subnav1_li.gif) no-repeat top right;
}
#subnav1 li.last {
	background: none;
}
#subnav1 li.hi a {
	color: #000;
}
#subnav1 a span {
	white-space: nowrap;
}


/* sub navigation level 2
----------------------------------------------- */

#subnav2 {
list-style:				none;
font-size: 				12px;
line-height: 			12px;
width:					138px;
}
#subnav2 a {
	padding-bottom: 2px;
	display: block;
}
#subnav2 li {
	margin: 0;
	padding: 5px 0;
	background: none;
}
#subnav2 li.hi a {
	color: #808080;
}


/* crumb trail
----------------------------------------------- */

#crumbtrail {
	list-style:none;
	float: right;
	font-size: 10px;
	line-height: 10px;
	margin-bottom: 16px;
	margin-top: 2px;
}
#crumbtrail a {
	padding-bottom: 2px;
	display: block;
}
#crumbtrail li {
	float: left;
	padding: 0 10px 0 0;
	margin: 0 10px 0 0;
	background: transparent url(/media/arrow_right_s.gif) no-repeat top right;
}
#crumbtrail li.first,
#crumbtrail li.last {
	background: none;
	margin-right: 0;
}
#crumbtrail li.last {
	padding-right: 0;
}
#crumbtrail li.last a {
	color: #808080;
}


/* tools list
----------------------------------------------- */
#tools {
	float:right;
	list-style:none;
	margin: 9px 15px 0 0;
}
#tools li {
	float: left;
	margin-left: 20px;
}
#tools li a {
	height: 17px;
	background-repeat: no-repeat;
	display: block;
}
#tools li a.rss {				background-image: url(/media/tool_rss.png); width: 30px; }
#tools li a.rss:hover {			background-image: url(/media/tool_rss_hover.png); }
#tools li a.bookmark {			background-image: url(/media/tool_bookmark.png); width: 59px; }
#tools li a.bookmark:hover {	background-image: url(/media/tool_bookmark_hover.png); }
#tools li a.forward { 			background-image: url(/media/tool_forward.png); width: 52px; }
#tools li a.forward:hover {		background-image: url(/media/tool_forward_hover.png); }
#tools li a.doorsturen { 		background-image: url(/media/tool_doorsturen.png); width: 64px; }
#tools li a.doorsturen:hover {	background-image: url(/media/tool_doorsturen_hover.png); }
#tools li a.print { 			background-image: url(/media/tool_print.png); width: 37px; }
#tools li a.print:hover {		background-image: url(/media/tool_print_hover.png); }
#tools li a span {
	display: none;
}


/* flags list
----------------------------------------------- */

#flags {
	float: left;
	list-style: none;
	margin-top: 8px;
}
#flags li {
	float: left;
	margin-right: 10px;
	margin-left: 0;
}
#flags li a {
	height: 27px;
	width: 24px;
	background-repeat: no-repeat;
	display: block;
}
#flags li a.nl {			background-image: url(/media/flag_nl.gif); }
#flags li.hi a.nl {			background-image: url(/media/flag_nl_active.gif); }
#flags li.hi a.nl:hover {	background-image: url(/media/flag_nl_active_hover.gif); }
#flags li a.nl:hover {		background-image: url(/media/flag_nl_hover.gif); }
#flags li a.en {			background-image: url(/media/flag_uk.gif); }
#flags li.hi a.en {			background-image: url(/media/flag_uk_active.gif); }
#flags li.hi a.en:hover {	background-image: url(/media/flag_uk_active_hover.gif); }
#flags li a.en:hover {		background-image: url(/media/flag_uk_hover.gif); }
#flags li a.us {			background-image: url(/media/flag_us.gif); }
#flags li.hi a.us {			background-image: url(/media/flag_us_active.gif); }
#flags li.hi a.us:hover {	background-image: url(/media/flag_us_active_hover.gif); }
#flags li a.us:hover {		background-image: url(/media/flag_us_hover.gif); }
#flags li a.de {			background-image: url(/media/flag_de.gif); }
#flags li.hi a.de {			background-image: url(/media/flag_de_active.gif); }
#flags li.hi a.de:hover {	background-image: url(/media/flag_de_active_hover.gif); }
#flags li a.de:hover {		background-image: url(/media/flag_de_hover.gif); }
#flags li a span {			display: none; }


/* site_info list
----------------------------------------------- */

#site_info {
	list-style: none;
	float: left;
	font-size: 10px;
	line-height: 10px;
}
#site_info a {
	padding-bottom: 2px;
	display: block;
	color: #fff;
}
#site_info a:hover {
	color: #cc3300;
}
#site_info li {
	float: left;
	padding: 0 10px 0 0;
	margin: 0 10px 0 0;
	background: transparent url(../media/site_info_li.gif) no-repeat top right;
}
#site_info li.last {
	background: none;
}
#site_info.secondary {
	float: right;
}
#site_info.secondary li {
	border-width: 0 0 0 1px;
}
#site_info li.last {
	border-width: 0;
}
#site_info.secondary li.last {
	padding-right: 0;
	margin-right: 0;
}