/***********************************************************************

Author:     Sander Tiekstra
Company:    Tiekstramedia
URL:        http://www.tiekstramedia.nl

***********************************************************************/


/*	TABLE OF CONTENTS

	1. Target Group navigation
	2. Main navigation
	3. Sub navigation
		3.1 Level 0
		3.2 Level 1
		3.3 Level 2
		3.4 Level 3
	4. Specials navigation

*/



/*	1. Target Group navigation
-------------------------------------------------------------------- */
#target-group-navigation {
	background-color: #b3cfed;
	border-bottom: .1em solid #005ec3; /* 1px */
	height: 2.3em; /* 23px */
	padding-top: .6em; /* 6px */
}

#target-group-navigation ul {
	margin: 0 auto;
	padding-left: 19.5em; /* 195px */
	width: 76.5em; /* 765px */
}

#target-group-navigation ul li {
	display: block;
	float: left;
	margin-left: -1px;
	height: 2.4em; /* 24px */
}

#target-group-navigation ul li.breadcrumb {	
	position: relative;
	z-index: 100;
}

#target-group-navigation ul li a {
	background-image: url('../assets/layout/bg.target-group-nav-border.default.gif');
	background-position: 100% 0;
	background-repeat: no-repeat;
	border-left: 1px solid #fff;
	color: #09357a;
	display: block;
	font-size: 1.1em; /* 11px */
	height: 2.0909em; /* 23px */
	line-height: 1.909em; /* 21px */
	padding: 0 1.3636em 0 .909em; /* 0 15px 0 10px */
	white-space: nowrap;
	text-decoration: none;
}

#target-group-navigation ul li a:hover {
	background-image: url('../assets/layout/bg.target-group-nav-border.hover.gif');
}
	
#target-group-navigation ul li.breadcrumb a {
	background-image: url('../assets/layout/bg.target-group-nav-border.active.gif');
	border-left-color: #005ec3;
	height: 2.1818em; /* 24px */
}


/*	2. Main navigation
-------------------------------------------------------------------- */
#main-navigation {
	background-color: #09357a;
	clear: both;
	color: #fff;
	margin: 0 0;
	overflow: hidden;
	padding: 0;
	position: relative;
	width: 960px;
	height:26px;
	background-image: url('/images/menubalkRechts.gif');
	background-position: right center;
	background-repeat: no-repeat;
}

#main-navigation i {
	z-index: 1;
	margin: 0;
}

#main-navigation .tl {
	background-image: url('/images/bg.main-nav-border.left.gif');
	height: 4px;
	width: 4px;
	background-position:left top;
	background-repeat:no-repeat;
	position:absolute;
}

#main-navigation .tr {
	background-image: url('/images/bg.main-nav-border.right.gif');
	height: 4px;
	width: 4px;
	background-position:right top;
	background-repeat:no-repeat;
	position:absolute;
	right:0;
	top:0;
}

#main-navigation .br {
	background-image: url('/images/bg.main-nav-border.right.gif');
	height: 4px;
	width: 4px;
	background-position:right bottom;
	background-repeat:no-repeat;
	position:absolute;
	right:0;
	bottom:0;
}

#main-navigation .bl {
	background-image: url('/images/bg.main-nav-border.left.gif');
	height: 4px;
	width: 4px;
	background-position:left bottom;
	background-repeat:no-repeat;
	position:absolute;
	left:0;
	bottom:0;
}

#main-navigation ul {
	display: block;
	overflow: hidden;
	position: relative;
	z-index: 2;
	margin-top:	0px;
	padding-left: 0px;
	margin-left: 0;
	padding-left: 0;
	background-image: url('/images/menubalkLinks.gif');
	background-position: left;
	background-repeat: no-repeat;
}

#main-navigation ul li {
	background-image: url('/images/icn.main-nav-divider.gif');
	background-position: 0 50%;
	background-repeat: no-repeat;
	display: inline;
	float: left;
	height: 26px;
	padding-left: 1px;
}

#main-navigation ul li:first-child {
	margin-left: -1px;
}

/* internet explorer... */
* html #main-navigation ul li
{
	-ie-xp: expression(
		this.parsed ? 0 : (
			this.className = (this === this.parentNode.firstChild) ? 'first-child ' + this.className : this.className,
			this.parsed = 1
		)
	);
}

* html #main-navigation ul li.first-child,
* html #main-navigation ul li.first-childbreadcrumb {
	margin-left: -1px;
	background-image: url('/images/menubalkLinks.gif');
	background-position: left;
	background-repeat: no-repeat;
}

#main-navigation ul li.breadcrumb {
	padding-left: 0;
	margin-right: -1px;
}

#main-navigation ul li a {
	background-image: none;
	background-position: 0 50%;
	color: #fff;
	display: block;
	font-size: 12px;
	line-height: 26px;
	padding: 0;
	text-decoration: none;
	white-space: nowrap;
}

#main-navigation ul li a:hover {
	background-image: url('/images/bg.main-nav-border.hover-left.gif');
}

#main-navigation ul li:first-child a:hover {
	background-image: url('/images/bg.main-nav-border.hover-first-left.gif');
}

#main-navigation ul li.breadcrumb a {
	background-image: url('/images/bg.main-nav-border.active-left.gif');
	background-repeat: no-repeat;
}

#main-navigation ul li:first-child.breadcrumb a {
	background-image: url('/images/bg.main-nav-border.active-first-left.gif');
}

#main-navigation ul li a strong {
	background-position: 100% 50%;
	background-repeat: no-repeat;
	display: block;
	padding: 0 10px;
}

#main-navigation ul li a:hover strong {
	background-image: url('/images/bg.main-nav-border.hover-right.gif');
}

#main-navigation ul li.breadcrumb a strong,
#main-navigation ul li.breadcrumb a:hover strong
 {
	background-image: url('/images/bg.main-nav-border.active-right.gif');
	padding: 0 11px;
}



/*	3. Sub navigation
-------------------------------------------------------------------- */
/* 3.1 Level 0 */
#sub-navigation {
	border: 1px solid #80afe1;
	float: left;
	position: relative;
	width: 23em; /* 230px */
}


/* 3.2 Level 1 */
#sub-navigation ul {
	margin: .9em .9em .9em .8em; /* 9px 9px 9px 8px */
}

#sub-navigation ul li {
	background-image: url('/images/icn.arrow-subnav-level0.gif');
	background-position: 0  3px;
	background-repeat: no-repeat;
	font-weight: bold;
	font-size: 1.1em;
	line-height: 1.3636em;
	margin-bottom: .8181em; /* 9px */
	padding-left: 1.4545em; /* 16px */
}

#sub-navigation ul li.active,
#sub-navigation ul li.active:hover {
	background-position: 0 -995px;
}

#sub-navigation ul li.parent,
#sub-navigation ul li.parent:hover {
	background-position: -500px -997px;	
	margin-bottom: 0;
	text-decoration: none;
}

#sub-navigation ul li a {
	color: #005ec3;
	background: none;
	padding: 0;
}

#sub-navigation ul li.active a,
#sub-navigation ul li.active a:hover {
	color: #c20069;
}

/* 3.3 Level 2 */
#sub-navigation ul li ul {
	margin: .8181em 0 0 0; /* 9px 0 0 0 */
}

#sub-navigation ul li ul li {
	background-image: url('/images/icn.arrow-subnav-level1.gif');
	background-position: 0  5px;
	font-size: 1em;
	font-weight: normal;
	padding-left: 1.0909em; /* 12px */
}

#sub-navigation ul li ul li:hover {
	background-position: 0 -495px;	
}

#sub-navigation ul li ul li.parent,
#sub-navigation ul li ul li.parent:hover {
	background-position: -500px -995px;	
}

#sub-navigation ul li ul li a,
#sub-navigation ul li ul li a:hover,
#sub-navigation ul li.active ul li a,
#sub-navigation ul li.active ul li a:hover {
	color: #005ec3;
	background: none;
	padding: 0;
}

#sub-navigation ul li ul li.active a,
#sub-navigation ul li ul li.active a:hover {
	color: #c20069;
}

/* 3.4 Level 3 */
#sub-navigation ul li ul li ul li a,
#sub-navigation ul li ul li.active ul li a,
#sub-navigation ul li ul li ul li a:hover,
#sub-navigation ul li ul li.active ul li a:hover {
	color: #005ec3;
	background: none;
	padding: 0;
}

#sub-navigation ul li ul li ul li.active a,
#sub-navigation ul li ul li ul li.active:hover a {
	color: #c20069;
}



/*	4.Specials navigation
-------------------------------------------------------------------- */
body.home #container #specials-navigation {
	background-color: #b3cfed;
	border: 1px solid #005ec3;
	float: left;
	height: 24.8em; /* 248px */
	margin: 0 .2em; /* 0 2px */
	width: 57em; /* 570px */
	position: relative;
}

body.home #container #specials-navigation .tl {
	background-image: url('/images/bg.specials-nav.left.gif');
	height: 5px;
	width: 5px;
}

body.home #container #specials-navigation .tr {
	background-image: url('/images/bg.specials-nav.right.gif');
	height: 5px;
	width: 5px;
}

body.home #container #specials-navigation .br {
	background-image: url('../assets/layout/bg.specials-nav.right.gif');
	height: 15px;
	width: 15px;
}

body.home #container #specials-navigation .bl {
	background-image: url('../assets/layout/bg.specials-nav.left.gif');
	height: 5px;
	width: 5px;
}

body.home #container #specials-navigation ul {
	display: block;
	margin: .9em 0 0 .8em; /* 9px 0 0 8px */
	width: 17.6em; /* 176px */
}

body.home #container #specials-navigation ul li {
	background-color: #4c8ed5;
}

body.home #container #specials-navigation ul li:hover,
body.home #container #specials-navigation ul li.breadcrumb {
	background-color: #c20069;
}

body.home #container #specials-navigation ul li h3 {
	color: #fff;
	font-size: 1.2em; /* 12px */
	height: 3.5em; /* 42px */
	line-height: 1.3333em;
	margin: -1px 2.5em 0 .8333em; /* -1px 30px 0 10px */
	padding-top: .4167em; /* 5px */
	position: relative;
	z-index: 1;
}

body.home #container #specials-navigation ul li:last-child a {
	height: 4.8em; /* 48px */
}

body.home #container #specials-navigation ul li a {
	background-color: transparent;
	background-image: url('../assets/layout/bg.specials-nav.default.gif');
	background-position: 0 0;
	background-repeat: no-repeat;
	height: 4.7em; /* 47px */
	margin-top: -4.7em; /* -47px */
	padding: 0;
	position: relative;
	z-index: 2;
}

body.home #container #specials-navigation ul li:first-child a {
	background-image: url('../assets/layout/bg.specials-nav.default-first.gif');
}

body.home #container #specials-navigation ul li:last-child a {
	background-image: url('../assets/layout/bg.specials-nav.default-last.gif');
}

body.home #container #specials-navigation ul li a:hover,
body.home #container #specials-navigation ul li.breadcrumb a {
	background-image: url('../assets/layout/bg.specials-nav.hover.gif');
}

body.home #container #specials-navigation ul li:first-child a:hover,
body.home #container #specials-navigation ul li.breadcrumb:first-child a {
	background-image: url('../assets/layout/bg.specials-nav.hover.gif');
}

body.home #container #specials-navigation ul li:last-child a:hover,
body.home #container #specials-navigation ul li.breadcrumb:last-child a {
	background-image: url('../assets/layout/bg.specials-nav.hover-last.gif');
}

body.home #container #specials-navigation ul li a strong {
	display: none;
}

body.home #container #specials-navigation ul li div.special {
	background-color: #b3cfed;
	color: #09357a;
	display: none;
	height: 23.1em; /* 231px  */
	right: .8em; /* 8px */
	overflow: hidden;
	padding: 0 10.8em 0 .9em; /* 0 108px 0 9px */
	position: absolute;
	top: .9em; /* 9px */
	width: 26em; /* 260px */
	z-index: 99;
}

body.home #container #specials-navigation ul li.breadcrumb div.special {
	display: block;
	z-index: 99;
}

body.home #container #specials-navigation ul li:hover div.special {
	display: block;
	z-index: 100;
}

body.home #container #specials-navigation ul li div.special .media {
	margin-right: -10.8em; /* 10.8px */
	margin-bottom: .4545em; /* 5px */
}

body.home #container #specials-navigation ul li div.special a.more {
	background-image: url('../assets/layout/btn.lees-meer.gif');
	background-position: 0 0;
	display: block;
	height: 20px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	right: 12px;
	text-indent: -777em;
	bottom: 12px;
	width: 74px;
}

body.home #container #specials-navigation ul li div.special a.more:hover {
	background-position: 0 -40px;
}