/* NAVI START */
/* ######################################### */

#navi {
	background-image: url(/img/navi-bg.gif);
	height: 25px;
	width: 800px;
	margin: auto;
	text-align:left;
	padding-top: 3px;
}

#navi li {
	float: left;
	height: 25px;
}

#navi li.higru {
	background-image: url(/img/navi/better-than-you.gif);
	background-repeat: no-repeat;
	padding-right:432px;
}

#navi a {
    display: block;
	padding-bottom: 7px;
	text-decoration: none;
}

#navi a:hover {
	text-decoration: none;
}

#navi a.link1 {
	background-image: url(/img/navi/blog.gif);
	background-repeat: no-repeat;
	padding-right:49px;
}

#navi a:hover.link1, #container.blog a.link1 {
	background-image: url(/img/navi/blogOn.gif);
}

#navi a.link2 {
	background-image: url(/img/navi/archiv.gif);
	background-repeat: no-repeat;
	padding-right:51px;
}

#navi a:hover.link2, #container.archiv a.link2 {
	background-image: url(/img/navi/archivOn.gif);
}

#navi a.links {
	background-image: url(/img/navi/links.gif);
	background-repeat: no-repeat;
	padding-right:51px;
}

#navi a:hover.links {
	background-image: url(/img/navi/linksOn.gif);
}

#navi a.link3 {
	background-image: url(/img/navi/photo-gallery.gif);
	background-repeat: no-repeat;
	padding-right:100px;
}

#navi a:hover.link3, #container.photoGallery a.link3 {
	background-image: url(/img/navi/photo-galleryOn.gif);
}

#navi a.link4 {
	background-image: url(/img/navi/contact.gif);
	background-repeat: no-repeat;
	padding-right:60px;
}

#navi a:hover.link4, #container.contact a.link4 {
	background-image: url(/img/navi/contactOn.gif);
}

#navi a.link5 {
	background-image: url(/img/navi/submitLink.gif);
	background-repeat: no-repeat;
	padding-right:84px;
}

#navi a:hover.link5, #container.submitLink a.link5 {
	background-image: url(/img/navi/submitLinkOn.gif);
}

/* NAVI END */
/* ######################################### */