/*******  Top-Navigation   *******************/
#topnav {
	position:relative;
	top: 0px;
	left: 239px;
	width: 720px;
	height: 27px;
	overflow: hidden;
	margin: 0px;
	padding: 0px;
	z-index: 998;
}

/* NAVIGATION TOP */
#topnav-ul { margin: 0; padding: 0; }
#topnav-ul li { float: left; display: inline;}
#topnav-ul li a {
	float: left;
	height: 0;
	padding-top: 15px;
	padding-right:29px;
	overflow: hidden;
	/*background-image: url(../bilder/home_nav.png);*/
	background-repeat: no-repeat;
}

/* BUTTONS */
#topnav-ul li#tn-home a 	{ width: 32px; background-position: 0px 0px; background-image: url(../bilder/home_nav_home.png);}
#topnav-ul li#tn-company a 	{ width: 57px; background-position: 0px 0px; background-image: url(../bilder/home_nav_company.png);}
#topnav-ul li#tn-whatwedo a	{ width: 77px; background-position: 0px 0px; background-image: url(../bilder/home_nav_wwd.png);}
#topnav-ul li#tn-work a 	{ width: 35px; background-position: 0px 0px; background-image: url(../bilder/home_nav_work.png);}
#topnav-ul li#tn-contact a 	{ width: 55px; background-position: 0px 0px; background-image: url(../bilder/home_nav_contact.png);}


/* OVER STATES */
#topnav-ul li#tn-home a:hover 		{ background-position: 0px -28px; background-image: url(../bilder/home_nav_home.png);}
#topnav-ul li#tn-company a:hover 	{ background-position: 0px -28px; background-image: url(../bilder/home_nav_company.png);}
#topnav-ul li#tn-whatwedo a:hover 	{ background-position: 0px -28px; background-image: url(../bilder/home_nav_wwd.png);}
#topnav-ul li#tn-work a:hover		{ background-position: 0px -28px; background-image: url(../bilder/home_nav_work.png);}
#topnav-ul li#tn-contact a:hover 	{ background-position: 0px -28px; background-image: url(../bilder/home_nav_contact.png);}

/* PRESSED STATES */
/*
#topnav-ul li#tn-home a:active 	{ background-position: 0 -54px; }
#topnav-ul li#tn-company a:active 	{ background-position: -69px -54px; }
#topnav-ul li#tn-whatwedo a:active { background-position: -164px -54px; }
#topnav-ul li#tn-work a:active 	{ background-position: -282px -54px; }
#topnav-ul li#tn-contact a:active 	{ background-position: -352px -54px; }
*/
/* ON STATES */
/*
#topnav-ul li#tn-home a:hover { background-position: 0 0; cursor: default; }
#topnav-ul li#tn-company a { background-position: -117px -114px !important; }
#topnav-ul li#tn-whatwedo a { background-position: -234px -114px !important; }
#topnav-ul li#tn-work a { background-position: -351px -114px !important; }
#topnav-ul li#tn-contact a { background-position: -468px -114px !important; }
*/

/*******  Top-Sub-Navigation   *******************/
div.topsubnav {
	position:absolute;
	top: 27px;
	width: 168px;
	overflow:hidden;
	padding: 0px 0px 10px 0px;
	margin:0px;
	z-index: 998;

	background-image:url(../images/nav/tsn-bg.png);
	background-position:bottom;
	background-repeat:no-repeat;
}

div.topsubnav div {		margin-left:19px; width:130px; overflow:hidden; }
div.topsubnav div a { 	display:block; padding-left:300px;	background-repeat:no-repeat; }


#tsn-company {	left: 280px; }
#tsn-company div a { background-image: url(../images/nav/tsn-bg-company.png); }

#tsn-company div a.topsubnav-item-1 	{ height:25px; background-position: 0px 0px; }
#tsn-company div a.topsubnav-item-2 	{ height:23px; background-position: 0px -25px; }
#tsn-company div a.topsubnav-item-3 	{ height:23px; background-position: 0px -48px; }
#tsn-company div a.topsubnav-item-4 	{ height:23px; background-position: 0px -71px; }

#tsn-company div a.topsubnav-item-1:HOVER { background-position: -130px 0px; }
#tsn-company div a.topsubnav-item-2:HOVER { background-position: -130px -25px; }
#tsn-company div a.topsubnav-item-3:HOVER { background-position: -130px -48px; }
#tsn-company div a.topsubnav-item-4:HOVER { background-position: -130px -71px; }


#tsn-whatwedo {	left: 368px; }
#tsn-whatwedo div a { background-image: url(../images/nav/tsn-bg-whatwedo.png); }

#tsn-whatwedo div a.topsubnav-item-1 	{ height:38px; background-position: 0px 0px; }
#tsn-whatwedo div a.topsubnav-item-2 	{ height:36px; background-position: 0px -38px; }
#tsn-whatwedo div a.topsubnav-item-3 	{ height:36px; background-position: 0px -74px; }
#tsn-whatwedo div a.topsubnav-item-4 	{ height:23px; background-position: 0px -110px; }
#tsn-whatwedo div a.topsubnav-item-5 	{ height:23px; background-position: 0px -133px; }
#tsn-whatwedo div a.topsubnav-item-6 	{ height:23px; background-position: 0px -156px; }
#tsn-whatwedo div a.topsubnav-item-7 	{ height:23px; background-position: 0px -179px; }

#tsn-whatwedo div a.topsubnav-item-1:HOVER { background-position: -130px 0px; }
#tsn-whatwedo div a.topsubnav-item-2:HOVER { background-position: -130px -38px; }
#tsn-whatwedo div a.topsubnav-item-3:HOVER { background-position: -130px -74px; }
#tsn-whatwedo div a.topsubnav-item-4:HOVER { background-position: -130px -110px; }
#tsn-whatwedo div a.topsubnav-item-5:HOVER { background-position: -130px -133px; }
#tsn-whatwedo div a.topsubnav-item-6:HOVER { background-position: -130px -156px; }
#tsn-whatwedo div a.topsubnav-item-7:HOVER { background-position: -130px -179px; }

#tsn-work {		left: 455px; }
#tsn-work div a { background-image: url(../images/nav/tsn-bg-work.png);}

#tsn-work div a.topsubnav-item-1 	{ height:25px; background-position: 0px 0px; }
#tsn-work div a.topsubnav-item-2 	{ height:23px; background-position: 0px -25px; }
#tsn-work div a.topsubnav-item-3 	{ height:23px; background-position: 0px -48px; }
#tsn-work div a.topsubnav-item-4 	{ height:23px; background-position: 0px -71px; }

#tsn-work div a.topsubnav-item-1:HOVER { background-position: -130px 0px; }
#tsn-work div a.topsubnav-item-2:HOVER { background-position: -130px -25px; }
#tsn-work div a.topsubnav-item-3:HOVER { background-position: -130px -48px; }
#tsn-work div a.topsubnav-item-4:HOVER { background-position: -130px -71px; }


#tsn-contact {	left: 525px; }
#tsn-contact div a { background-image: url(../images/nav/tsn-bg-contact.png); }

#tsn-contact div a.topsubnav-item-1 	{ height:25px; background-position: 0px 0px; }
#tsn-contact div a.topsubnav-item-2 	{ height:23px; background-position: 0px -25px; }

#tsn-contact div a.topsubnav-item-1:HOVER { background-position: -130px 0px; }
#tsn-contact div a.topsubnav-item-2:HOVER { background-position: -130px -25px; }