/* MENU ------------------------------------------------------------------------------- */

#menu {
background: url(img/bg_menu.png) repeat-x;
height:35px;
width:970px;
clear:both;
}

#nav-menu {
padding:0px;
margin:0px;
} 


*+html #nav-menu {
width:970px;
}

#nav-menu ul {
float:right;
list-style:none;
padding:0;
margin:0;
}

#nav-menu ul li {
float:left;
margin:0px;
}

#nav-menu li a {
padding:0px 12px;
color: #ffffff;
font-size:14px;
font-weight:bold;
text-decoration: none;
line-height:35px;
}
#nav-menu li a:hover {
color: #C2C2E1;
}


/* Hide from IE5-Mac \*/
#nav-menu li a {
float: none
}
/* End hide */

.nav {
height:35px;
padding:0px;
}

.nav-activ {
background: url(img/bg_menu_on.png) repeat-x;
height:35px;
padding:0px;
}

/* FAREBEN AKTIV - Inaktiv --------------------------- */

#nav-menu li.nav-activ a,
#nav-menu li.nav-activ #sub-menu .sub-activ a,
#nav-menu li.nav-activ #sub-menu #sub02-menu .sub02-activ a,
#nav-menu li.nav-activ #sub-menu #sub02-menu .sub02-activ #sub03-menu .sub03-activ a {
color:#339;
}
#nav-menu li.nav-activ #sub-menu a,
#nav-menu li.nav-activ #sub-menu #sub02-menu a,
#nav-menu li.nav-activ #sub-menu #sub02-menu #sub03-menu a {
color:#fff;
}


/* MENU / SUB 01 ------------------------------------------------------------------------------- */

#sub-menu {
position:absolute;
top:290px;
left:0px;
margin:0px;
padding:0px;
width:244px;
clear:both;
}

#sub-menu li {
margin:0px 0px 5px 0px;
padding:0px;
width:237px;
color:#fff;
}

#sub-menu li a {
height:30px;
width:237px;
background-image:url(img/bg_sub.png);
background-repeat:no-repeat;
display:block;
line-height:30px;
padding:0px 5px 0px 10px;
margin:0px 0px 5px 0px;
color:#fff;
font-size:13px;
font-weight:bold;
text-decoration:none;
}

#sub-menu li a:hover {
width:237px;
background-image:url(img/bg_sub_on.png);
background-repeat:no-repeat;
color:#fff;
}

#sub-menu li.sub-activ {
margin:0px 0px 5px 0px;
}

#sub-menu li.sub-activ a {
background-image:url(img/bg_sub_on.png);
background-repeat:no-repeat;
height:30px;
width:219px;
line-height:30px;
padding:0px 5px 0px 10px;
margin:0px 0px 0px 10px;
color: #339;
}

#sub-menu li.sub-activ a:hover {
width:219px;
color:#fff;
}

/* MENU / SUB 02 ------------------------------------------------------------------------------- */

#sub02-menu {
left:0;
width:237px;
}

#sub02-menu li {
margin:0;
font-size:11px;
}

#sub02-menu li.sub02 a {
background:#f60;
height:25px;
border-bottom:1px #C2C2E1 solid;
width:216px;
line-height:25px;
padding:0px 5px 0px 10px;
margin:0px 0px 0px 13px;
color:#fff;
font-size:11px;
text-decoration: none;
text-align:left;
}

#sub02-menu li.sub02 a:hover {
background:#f60;
width:216px;
color:#339;
}

#sub02-menu li.sub02-activ a {
background:#f60;
border-bottom:1px #C2C2E1 solid;
height:24px;
width:206px;
line-height:24px;
padding:0px 5px 0px 20px;
margin:0px 0px 0px 13px;
color: #339;
font-size:11px;
}

#sub02-menu li.sub02-activ a:hover {
background:#f60;
width:206px;
}

/* MENU / SUB 03 ------------------------------------------------------------------------------- */

#sub03-menu {
left:0;
width:237px;
}

#sub03-menu li {
margin:0;
height:25px;
font-size:11px;
}

#sub03-menu li.sub03 a {
background:#f60;
border-bottom:1px #C2C2E1 solid;
height:24px;
width:206px;
line-height:24px;
padding:0px 5px 0px 20px;
color:#fff;
font-size:11px;
text-decoration: none;
text-align:left;
}
#sub03-menu li.sub03 a:hover {
background:#f60;
width:206px;
color:#339;
}

#sub03-menu li.sub03 a img,
#sub03-menu li.sub03-activ a img {
padding:9px 5px 2px 0px;
float:left;
}

#sub03-menu li.sub03-activ a {
background:#f60;
border-bottom:1px #C2C2E1 solid;
width:206px;
height:24px;
line-height:24px;
padding:0px 5px 0px 20px;
color: #339;
font-size:11px;
}

#sub03-menu li.sub03-activ a:hover {
background:#f60;
width:206px;
}