/* NAVIGATION */

/* talen */

#talen { height: 25px; text-align: right; }
#talen ul { list-style: none; }
#talen ul li { float: right; }
#talen ul li a, #talen ul li a:hover, #talen ul li.talenactive { font: normal 11px/18px "Lucide Sans", Arial; color: #9c9f9f; text-decoration: none; display: block; }
#talen ul li a:hover, #talen ul li.talenactive { color: #980000; }
#talen ul li.talenactive { cursor: default; }

/* main */

#navMain { height: 37px; background: url(../images/layout/nav_tss.jpg) no-repeat left top; }
#navMain ul { list-style: none; margin-left: 1px; }
#navMain ul li { float: left; background: url(../images/layout/nav_tss.jpg) no-repeat right top; padding-right: 1px; }
#navMain ul li a, #navMain ul li a:hover { font: bold 14px/37px "Century Gothic", Verdana; color: #fff; text-decoration: none; text-transform: uppercase; display: block; }
#navMain ul li a:hover, #navMain ul li.active a, #navMain ul li.active_last a { background: url(../images/layout/nav_a.jpg) repeat-x left top; }
#navMain ul li a span { padding: 0px 15px 0px 15px; }

/* drops */

#navMain ul li ul { display: none; position: absolute; width: 200px; margin: 0px; padding: 0px; background: url(../images/layout/bg_drop.png) no-repeat left bottom; }
#navMain ul li ul li { float: none; background: none; border-bottom: solid 1px #aaa; }
#navMain ul li ul li.last, #navMain ul li ul li.active_last { border-bottom: none; }
#navMain ul li ul li a span { padding: 0px 5px 0px 15px; }
#navMain ul li ul li a, #navMain ul li ul li a:hover, 
#navMain ul li.active ul li a, #navMain ul li.active ul li a:hover { font: normal 11px/35px "Lucida Sans", Verdana; color: #980000; text-decoration: none; text-transform: none;
	background: none; display: block;
}
#navMain ul li ul li a:hover, #navMain ul li ul li.active a:hover, 
#navMain ul li.active ul li.active a, #navMain ul li.active ul li.active a:hover { background: #f0f0f0; }

/* sub */

#navSub { /*background: url(../images/layout/bg_snav.gif) repeat-y right top;*/ }
#navSub ul { list-style: none; }
#navSub ul li { height: 35px; border-bottom: solid 1px #aaa; }
#navSub ul li.last, #navSub ul li.active_last { border: none; }
#navSub ul li.between { border: none; height: 10px; }
#navSub ul li a, #navSub ul li a:hover { font: normal 11px/35px "Lucide Sans", Arial; color: #970000; text-decoration: none; display: block;
	/*background: url(../images/layout/snav.gif) repeat-y left top;*/
}
#navSub ul li.last a { /*background: url(../images/layout/snav_last.gif) no-repeat left top;*/ }
#navSub ul li a:hover, #navSub ul li.last a:hover, #navSub ul li.active a, #navSub ul li.active_last a { background: #f0f0f0 none; }
#navSub ul li span { padding: 0px 0px 0px 15px; }

/* sub prod */

#navSub ul li.sub, #navSub ul li.active_sub, #navSub ul li.sub_last, #navSub ul li.active_sub_last { height: 19px; background: url(../images/layout/snav_prod.gif) repeat-y left top; border-bottom: solid 1px #dee3e3; }
#navSub ul li.sub_last, #navSub ul li.active_sub_last { border-bottom: solid 1px #aaa; }
#navSub ul li.sub a, #navSub ul li.sub a:hover,
#navSub ul li.sub_last a, #navSub ul li.sub_last a:hover,
#navSub ul li.active_sub a, #navSub ul li.active_sub a:hover,
#navSub ul li.active_sub_last a, #navSub ul li.active_sub_last a:hover {
	font: normal 11px/19px "Lucide Sans", Arial; color: #970000; text-decoration: none; display: block; background: none;
}
#navSub ul li.sub a:hover, #navSub ul li.sub_last a:hover,
#navSub ul li.active_sub a, #navSub ul li.active_sub a:hover,
#navSub ul li.active_sub_last a, #navSub ul li.active_sub_last a:hover {
	color: #670000; background: url(../images/layout/snav_prod_a.png) no-repeat 5px center;
}

/* prod */

#rechts #navProd { list-style: none; }
#rechts #navProd li { border-bottom: solid 1px #aaa; }
#rechts #navProd li.last, #rechts #navProd li.active_last { border: none; }
#rechts #navProd li a, #rechts #navProd li a:hover { font: normal 11px "Lucide Sans", Arial; color: #970000; text-decoration: none; display: block;
	padding: 5px 0px 5px 15px; background: url(../images/layout/pijl_news.png) no-repeat right bottom;
}
#rechts #navProd li a:hover, #rechts #navProd li.active a, #rechts #navProd li.active_last a { background: #f0f0f0 none; }

#rechts #navProd li a span { background-color: Transparent; padding: 0px; color: #970000; }
#rechts #navProd li a small { display: block; font: bold 14px "Century Gothic", Verdana; color: #7e8182; margin-bottom: 8px; }
#rechts #navProd li a span.link { display: inline; padding: 0px 10px 0px 0px; color: #970000; font: normal 11px "Lucida Sans", Arial; color: #333333; background: url(../images/layout/snav_prod_a.png) no-repeat right center; }
/*#rechts #navProd li div { background: #f0f0f0 none; padding: 5px 0px 5px 15px; }
#rechts #navProd li div a.link1 { display: inline; margin: 0px; padding: 0px 10px 0px 0px; font: normal 11px "Lucida Sans", Arial; color: #333333; background: url(../images/layout/snav_prod_a.png) no-repeat right center; }
#rechts #navProd li div a.link2 { display: inline; margin: 0px; padding: 0px 10px 0px 0px; background: url(../images/layout/snav_prod_a.png) no-repeat right center; }

/* item */

#navItem { list-style: none; }
#navItem li { border-bottom: solid 1px #aaa; }
#navItem li.last, #navItem li.active_last { border: none; }
#navItem li a, #navItem li a:hover { font: normal 11px "Lucide Sans", Arial; color: #970000; text-decoration: none; display: block;
	padding: 5px 0px 5px 15px; background: url(../images/layout/pijl_news.png) no-repeat right bottom;
}
#navItem li a:hover, #navItem li.active a, #navItem li.active_last a { background: #f0f0f0 none; }
#navItem li a small { display: block; color: #670000; }
#rechts #navItem li a span.tekst { font: normal 11px "Lucide Sans", Arial; color: #7e8182; display: block; margin-top: 5px; }
#rechts #navItem li a span { display: inline; background-color: Transparent; padding: 0px 0px; } /* #rechts span resetten */

/* downloads */

.navDown { list-style: none; }
#inhoud .navDown li {  margin-left: 0; }
.navDown li { border-bottom: dotted 1px #ccc; }
.navDown li.last { border: none; margin-bottom: 20px; }
.navDown li a, .navDown li a:hover { font: normal 11px/19px "Lucida Sans", Arial; color: #7e8182 !important; text-decoration: none !important; display: block; }
.navDown li a:hover { color: #960000 !important; }

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