/*
Copyright Soluso e-solutions & consultancy, 2009. Alle rechten voorbehouden.
version: 1.0

Stylesheet: navigation.css
Description: positioning and styling of the navigation and subnavigation section.
Author: Soluso e-solutions & consultancy.
Date: 17-07-2009
*/

ul#navigation{
	height: 34px;
	width: 900px;
	margin: 0 30px;
	padding: 7px 0 0;
}

li.itemNavigation{
	float: left;
	margin: 0 10px 0 0;
}

a.lnkNavigation{
	display: block;
	float: left;
	height: 34px;
	text-indent: -9999em;
	background-image: url(../images/navigation-sprite.png);
	background-repeat: no-repeat;
	text-decoration: none;
	border: none;
}

a.wiezijnwij{ width: 109px; background-position: 0px 0px;}
a.wiezijnwij:hover{ background-position: 0px -34px; }
a.wiezijnwij:active, a.wiezijnwijActive{ width: 109px; background-position: 0px -68px; }

a.watdoenwij{ width: 119px; background-position: -109px 0px;}
a.watdoenwij:hover{ background-position: -109px -34px; }
a.watdoenwij:active, a.watdoenwijActive{ width: 119px; background-position: -109px -68px; }

a.onzeklanten{ width: 115px; background-position: -228px 0px;}
a.onzeklanten:hover{ background-position: -228px -34px; }
a.onzeklanten:active, a.onzeklantenActive{ width: 115px; background-position: -228px -68px; }

a.contact{ width: 78px; background-position: -343px 0px;}
a.contact:hover{ background-position: -343px -34px; }
a.contact:active, a.contactActive{ width: 78px; background-position: -343px -68px; }

a.carriere{ width: 82px; background-position: -421px 0px;}
a.carriere:hover{ background-position: -421px -34px; }
a.carriere:active, a.carriereActive{ width: 82px; background-position: -421px -68px; }

div.subnavigation{
    background: url(../images/arrow.png) no-repeat scroll 0 0 transparent;
    height: 38px;
    left: 30px;
    padding: 0;
    position: absolute;
    top: 51px;
    visibility: hidden;
    z-index: 1000;
}

div#subID2{background-position: 50px 0 !important;}
div#subID3{background-position: 172px 0 !important;}
div#subID4{background-position: 295px 0 !important;}
div#subID5{background-position: 402px 0 !important;}

div.subnavigation a{
	color:#FFFFFF;
	display:block;
	float:left;
	font-size:13px;
	line-height:24px;
	margin:0;
	padding:9px 20px;
	position:relative;
	text-decoration:none;
	font-weight: normal;
}

div.subnavigation div
{
	background:url(../images/subnavigation-sprite.png) no-repeat scroll left 0 transparent;
	color:#FFFFFF;
	position: relative;
	top: 7px;
}

div.subnavigation div strong
{
	background: url(../images/subnavigation-sprite.png) no-repeat scroll right 0 transparent;
	display:block;
	height:29px;
	margin-left:4px;
	padding-left:11px;
	position:relative;
	
}