/***************BASIC STYLING****************/
.navi a:link, .navi a:active, .navi a:visited, .navi a:hover {
float:left;
display:block;
height:107px;
text-decoration:none;
outline:none;
}


/***************ACTIVE****************/
.startseite_active, .startseite_inactive:hover {
width:100px;
background-image:url(images/nav/startseite_active.jpg);
}

.termine_active, .termine_inactive:hover {
width:77px;
background-image:url(images/nav/termine_active.jpg);
}

.news_active, .news_inactive:hover {
width:137px;
background-image:url(images/nav/news_active.jpg);
}

.loesungen_active, .loesungen_inactive:hover {
width:85px;
background-image:url(images/nav/loesungen_active.jpg);
}

.produkte_active, .produkte_inactive:hover {
width:83px;
background-image:url(images/nav/produkte_active.jpg);
}

.dienstleistungen_active, .dienstleistungen_inactive:hover {
width:136px;
background-image:url(images/nav/dienstleistungen_active.jpg);
}

.support_active, .support_inactive:hover {
width:75px;
background-image:url(images/nav/support_active.jpg);
}

.schulungen_active, .schulungen_inactive:hover {
width:102px;
background-image:url(images/nav/schulungen_active.jpg);
}

.unternehmen_active, .unternehmen_inactive:hover {
width:150px;
background-image:url(images/nav/unternehmen_active.jpg);
}


/***************INACTIVE****************/
.startseite_inactive {
width:100px;
background-image:url(images/nav/startseite_inactive.jpg);
}

.termine_inactive {
width:77px;
background-image:url(images/nav/termine_inactive.jpg);
}

.news_inactive {
width:137px;
background-image:url(images/nav/news_inactive.jpg);
}

.loesungen_inactive {
width:85px;
background-image:url(images/nav/loesungen_inactive.jpg);
}

.produkte_inactive {
width:83px;
background-image:url(images/nav/produkte_inactive.jpg);
}

.dienstleistungen_inactive {
width:136px;
background-image:url(images/nav/dienstleistungen_inactive.jpg);
}

.support_inactive {
width:75px;
background-image:url(images/nav/support_inactive.jpg);
}

.schulungen_inactive {
width:102px;
background-image:url(images/nav/schulungen_inactive.jpg);
}

.unternehmen_inactive {
width:150px;
background-image:url(images/nav/unternehmen_inactive.jpg);
}


















.subnavi ul, .subnavi li {
margin:0px;
padding:0px;
}

.subnavi li {
border-bottom:2px solid #BAC0DA;
}


/**********LEVEL 2**********/
.subnav-active, .subnav-inactive {
display:block;
text-decoration:none;
padding-top:3px;
padding-bottom:3px;
padding-left:10px;
font-size:12px;
}

.subnav-inactive {
color:#4a579a;
}

.subnav-active, .subnav-inactive:hover {
color:#1F2B64;
font-weight:bold;
}


/**********LEVEL 3**********/
.subsubnav-active, .subsubnav-inactive {
display:block;
font-size:11px;
text-decoration:none;
padding-left:20px;
padding-top:3px;
}

.subsubnav-inactive {
color:#9A9FB9;
}

.subsubnav-active, .subsubnav-inactive:hover {
color:#9A9FB9;
font-weight:bold;
}