/* navigation gross  */

#grnavigation {

margin: 33px 0px 0px 0px;
padding: 0;
text-align: right;
}

#grnavigation ul {
margin: 0;
padding: 0;
list-style-type: none;
 }
#grnavigation ul li {
margin: 0;
padding: 0;}

#grnavigation ul li a {
margin: 0;
padding: 0;
background-repeat: no-repeat;
background-position: 0 0;
height: 44px;
display: block; 
width: 300px;
}
* html #grnavigation ul li a {
height: 42px;
}

#grnav1 {
background-image: url(pictures/grnav_1.gif);
}
#grnav2 {
background-image: url(pictures/grnav_2.gif); }
#grnav3 {
background-image: url(pictures/grnav_3.gif); }
#grnav4 {
background-image: url(pictures/grnav_4.gif); }
#grnav5 {
background-image: url(pictures/grnav_5.gif); }

#grnav1:hover, #grnav2:hover, #grnav3:hover, #grnav4:hover, #grnav5:hover {
background-position: 0 -48px; 
}

#grnavigation ul li a span {
display: none; }


/* navigation klein */

#navigation {
margin: 15px 0px 0px 0px;
padding: 0;
text-align: right;
}

#navigation ul {
margin: 0;
padding: 0;
list-style-type: none;
 }

#navigation ul li a {
margin: 0;
padding: 0;
background-repeat: no-repeat;
background-position: 0 0;
height: 25px;
display: block; 
width: 220px;
}


*html #navigation ul li a {
height: 22px;
}

#nav1 {
background-image: url(pictures/nav_1.gif);
}
#nav2 {
background-image: url(pictures/nav_2.gif); }
#nav3 {
background-image: url(pictures/nav_3.gif); }
#nav4 {
background-image: url(pictures/nav_4.gif); }
#nav5 {
background-image: url(pictures/nav_5.gif); }

#nav1:hover, #nav2:hover, #nav3:hover, #nav4:hover, #nav5:hover,
#nav1.active, #nav2.active, #nav3.active, #nav4.active, #nav5.active {
background-position: 0 -24px; 
}

#navigation ul li a span {
display: none; }