/* MAIN NAVIGATION */
/* A C H T U N G */
/* Bilder sind in Typo3 abzulegen unter:
/fileadmin/tentation/admin/images */

a.nachhaltig,
a.kompetenz,
a.schriften,
a.referenzen,
a.wir,
a.kontakt { 
position: absolute; 
height: 22px; 
background-repeat: no-repeat; 
background-image: url(images/navigation.jpg); 
margin: 0; 
/*border: solid 1px #ffd800;*/
}

a.nachhaltig:link, 
a.nachhaltig:visited { 
background-position: 2px 0px; 
left: -3px; 
width: 155px; 
}

a.kompetenz:link, 
a.kompetenz:visited { 
/*border: solid 1px #ffd800;*/
background-position: -162px 0px;
left: 162px; 
width: 79px; 
}

a.schriften:link, 
a.schriften:visited { 
background-position: -250px 0px; 
left: 250px; 
width: 93px; 
}

a.referenzen:link, 
a.referenzen:visited { 
background-position: -351px 0px; 
left: 351px; 
width: 83px; 
}

a.wir:link, 
a.wir:visited { 
background-position: -442px 0px; 
left: 442px; 
width: 66px; 
}

a.kontakt:link, 
a.kontakt:visited { 
background-position: -516px 0px; 
left: 516px; 
width: 66px; 
}

.nachhaltig:hover,
.nachhaltig:focus, 
.nachhaltig:active,
.kompetenz:hover,
.kompetenz:focus, 
.kompetenz:active,
.schriften:hover,
.schriften:focus, 
.schriften:active,
.referenzen:hover,
.referenzen:focus, 
.referenzen:active,
.wir:hover,
.wir:focus, 
.wir:active,
.kontakt:hover,
.kontakt:focus, 
.kontakt:active { 
background-image: url(images/navigation-over.jpg); 
}

/* ENDE MAIN NAVIGATION */


/* NAVIGATION LINKS */

#navileft ul { 
width: 220px; 
min-height: 100px; 
margin: 0; 
padding: 80px 0 0 60px; 
/*border: solid 1px #f0f;*/ 
}

#navileft li { 
margin: 0 0 -0.4em; 
padding: 0.4em 0 0.7em 0; 
padding-left: 0; 
list-style-type: none; 
display: block; 
}

#navileft a { 
color: #fff;
font-size: 1em; 
font-weight: bold; 
text-decoration: none; 
text-transform: uppercase; 
/*border: solid 1px #f0f;*/
}

/*#footer a { 
color: #412c19; 
font-size: 1.2em; 
font-weight: normal; 
text-decoration: none; 
float: right; 
padding: 0 12px 0 0; 
border: solid 1px #c2e077;
}*/

#navileft a:link,
#navileft a:visited 
/*#footer a:link,
#footer a:visited*/ { 
text-decoration: none; 
}

#navileft a:hover,
#navileft a:focus,
#navileft a:active
/*#footer a:hover,
#footer a:focus,
#footer a:active*/ { 
color: #ffafc0; 
text-decoration: none; }


