/**
 * Navigation.css - Navigation styles
 * 
 * @author  Webstores <info at webstores dot nl>
 *          Copyright (c) Webstores internet totaalbureau <http://www.webstores.nl/>
 */

/* Navigation */

#navigation {
	margin: 0;
	padding: 0;
	height: 40px;
	list-style: none;
	background:url("../img/menu-bg.jpg");
	line-height: 125%; /* Fixes Safari 1px padding difference */
}

#navigation li {
	float: left;
	border-right:1px solid #565656;
	padding:0;
	margin:0;
}

#navigation li a {
	display: block;
	font-size: 13px;
	text-decoration: none;
	color: #ababab;
	text-transform:uppercase;
	font-family: Gill Sans, Arial, sans-serif;
	letter-spacing:2px;
	margin: 0px 20px 0px 20px;
	line-height: 40px; /* Fixes Safari 1px padding difference */
}

*:first-child+html #navigation li {
	margin: 0px 20px 0px 20px;
	padding:0;
	margin:0;
}

#navigation li.selected,
#navigation li:hover,
#navigation li.iehover{
	background: #669934;
	border-left:1px solid #669934;
	border-right:1px solid #669934;
	left:-1px;
	position:relative;
	padding:0;
}

#navigation li.selected a,
#navigation li:hover a,
#navigation li.iehover a{
	color: #fff;
	margin: 0px 19px 0px 20px;
	line-height: 40px; /* Fixes Safari 1px padding difference */
}

#navigation li.first.selected,
#navigation li.first:hover,
#navigation li.first.iehover {
	left:0px;
	border-left:0px solid #669934;
	padding:0;
}

#navigation li.first.selected a,
#navigation li.first:hover a,
#navigation li.first.iehover a {
	left:0px;
	border-left:0px solid #669934;
	margin: 0px 20px 0px 20px;
}

#navigation li.last a{
	border-right:0px;
}


/* Sub-Navigation */

#sub-navigation {
	margin: 0;
	padding: 0;
	height: 40px;
	background: #669934;
	list-style: none;
	clear:left;
}

#sub-navigation li {
	float: left;
}

#sub-navigation li a {
	display: block;
	padding: 14px 20px 11px 20px;
	font-size: 12px;
	text-decoration: none;
	line-height: 120%; /* Fixes Safari 1px padding difference */
	color: #A3C185;
	text-transform:uppercase;
	font-family: Gill Sans, Arial, sans-serif;
	letter-spacing:2px;
}

#sub-navigation li a.selected{
	color: #fff;
}

#sub-navigation li:hover a,
#sub-navigation li.iehover a {
	background-color: #669934;
	color: #fff;
}

/* Crumb-Navigation */

#crumb-navigation {
	margin: 0;
	padding: 0 10px;
	height: 40px;
	background: white;
	list-style: none;
	border-bottom:1px solid #eef7ec;
}

#crumb-navigation li {
	float: left;
}

#crumb-navigation li a {
	display: block;
	padding: 16px 14px 12px 10px;
	font-size: 10px;
	text-decoration: none;
	line-height: 100%; /* Fixes Safari 1px padding difference */
	color: #c0c0c0;
	text-transform:uppercase;
	font-family: Gill Sans, Arial, sans-serif;
	letter-spacing:1px;
	background: url(../img/white-arrow.png) no-repeat 100% 19px;
}

#crumb-navigation li.first a {
	padding-left:20px;
}

#crumb-navigation li.arrow {
	display: block;
	padding: 17px 0px 12px 10px;
	line-height: 125%; /* Fixes Safari 1px padding difference */
}

#crumb-navigation li.selected a {
	background:none;
	color: #565656;
}

#crumb-navigation li:hover a,
#crumb-navigation li.iehover a {
	color: #565656;
}
/* Second level navigation */

#crumb-navigation .subnav {
	position: absolute;
	display: none;
	margin: 0;
	padding: 0;
	width: 220px;
	background-color: #EEE;
	list-style: none;
}

#crumb-navigation li:hover .subnav,
#crumb-navigation li.iehover .subnav {
	display: block;	
}

#crumb-navigation li .subnav li {
	position: relative;
	float: none;
}

#crumb-navigation li .subnav li a {
	display: block;
	width: 200px;
}


/* Third level navigation */

#crumb-navigation .subnav li .subnav {
	display: none;
	top: 0;
	left: 220px;
}

#crumb-navigation .subnav li:hover .subnav,
#crumb-navigation .subnav li.iehover .subnav {
	display: block;
}

/* Referentie navigation */

#ref-nav{
	background:white;
	float:left;
	width:944px;	
	padding:8px;
	line-height:24px;
}

#ref-nav a {
	color:#ababab;
	font-size:10px;
	text-transform:uppercase;
	letter-spacing:2px;
	text-decoration:none;
	height:24px;
	line-height:24px;
}

*html #ref-nav a {
	letter-spacing:0;
}

#ref-nav a:hover {
	color:#565656;
}

#ref-nav .prev{
	font-family: Gill Sans, Arial, sans-serif;
	width:115px;
	margin-left:10px;
	padding-left:20px;
	float:left;
	background: url(../img/white-arrow-back.png) no-repeat 0% 9px;
}

#ref-nav a.prev:hover {background-position: 0% -41px;}

#ref-nav .next{
	font-family: Gill Sans, Arial, sans-serif;
	float:right;
	margin-right:10px;
	padding-right:20px;
	width:125px;
	text-align:right;
	background: url(../img/white-arrow.png) no-repeat 100% 9px;
}

#ref-nav a.next:hover {background-position: 100% -41px;}


#bar-navigation {
	margin: 0;
	padding: 0;
	list-style: none;
	float:left;
	width:644px;
	text-align:center;
}

#bar-navigation li {
	line-height:24px;
	text-align:center;
	display:inline;
}

#bar-navigation li a {
	height:24px;
	width:24px;
	text-decoration: none;
	display:inline-block;
	color: #ababab;
	background: #fff;
	font-size:11px;
	font-weight:bold;
}

#bar-navigation li a:hover {
	color: #565656;
	background: #e9e9e9;
}

#bar-navigation li a.selected {
	color: #565656;
	background: #e9e9e9;
}

#sitemaplist li a{
	color:#000;
	text-decoration:none;
}

#sitemaplist li a:hover{
	color:#888;
}