/*-------------------- NAVIGATION --------------------*/
ul#menu {
width: 255px;
height: 190px;
padding-top: 40px;
padding-right: 38px;
background: url(../img/navImg/navBg.png) no-repeat right top;
}

ul#menu li {
font-size: 95%;
text-transform: uppercase;
border-top: 1px solid #fff;  
border-bottom: 1px solid #fff;
background: url(../img/navImg/liBg.gif) no-repeat right -17px;
margin-bottom: 2px;
position: relative;
}

ul#menu li a,
ul#menu li a:link,
ul#menu li a:visited {
color: #006;
font-weight: bold;
text-decoration: none;
display: block;
width: 220px;
padding: 4px 0 4px 35px;
}

ul#menu li a:hover,
ul#menu li a:focus,
ul#menu li a:active,
ul#menu li:hover,
ul#menu li:focus,
ul#menu li:active {
color: #006;
background: url(../img/navImg/liBgActive.gif) no-repeat right -17px;
}

.smallmenu {
font-size: 95%;
}

#navTop {
position: absolute;
top: 20px;
right: 20px;
}

#navTop ul li {
display: inline;
font-size: 0.9em;
padding-left: 18px;
}

#navTop ul li a {
font-weight: normal;
}

#navTop ul li#home {
background: url(../img/navImg/home.png) no-repeat 1px 1px;
margin-left: 20px;
}

#navTop ul li#mail {
background: url(../img/navImg/kontakt.png) no-repeat 0 2px;
margin-left: 20px;
}

#navTop ul li#impressum {
background: url(../img/navImg/info.png) no-repeat 4px 2px;
margin-left: 16px;
}