/*  Basis-Navigation */

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

ul#navilist li a {
	text-decoration: none;
	margin: 0 0 4px 0;
}



/*  Navigation-Home */

li#navhome a {
	display: block;
	text-indent: -5000px;
	background: url(../grafik/navigation/home.png) no-repeat;
	width: 200px;
	height: 37px;
}

li#navhome a:hover {
	background: url(../grafik/navigation/home-on.png) no-repeat;
}

li#navhome-on {
	display: block;
	text-indent: -5000px;
	background: url(../grafik/navigation/home-on.png) no-repeat;
	width: 200px;
	height: 41px;
}


/*  Navigation-Blog */

li#navblog a {
	display: block;
	text-indent: -5000px;
	background: url(../grafik/navigation/blog.png) no-repeat;
	width: 200px;
	height: 37px;
}

li#navblog a:hover {
	background: url(../grafik/navigation/blog-on.png) no-repeat;
}

li#navblog-on {
	display: block;
	text-indent: -5000px;
	background: url(../grafik/navigation/blog-on.png) no-repeat;
	width: 200px;
	height: 41px;
}


/*  Navigation-Design */

li#navdesign a {
	display: block;
	text-indent: -5000px;
	background: url(../grafik/navigation/design.png) no-repeat;
	width: 200px;
	height: 37px;
}

li#navdesign a:hover {
	background: url(../grafik/navigation/design-on.png) no-repeat;
}

li#navdesign-on {
	display: block;
	text-indent: -5000px;
	background: url(../grafik/navigation/design-on.png) no-repeat;
	width: 200px;
	height: 41px;
}


/*  Navigation-Sound */

li#navsound a {
	display: block;
	text-indent: -5000px;
	background: url(../grafik/navigation/sound.png) no-repeat;
	width: 200px;
	height: 37px;
}

li#navsound a:hover {
	background: url(../grafik/navigation/sound-on.png) no-repeat;
}

li#navsound-on {
	display: block;
	text-indent: -5000px;
	background: url(../grafik/navigation/sound-on.png) no-repeat;
	width: 200px;
	height: 41px;
}


/*  Navigation-Video */

li#navvideo a {
	display: block;
	text-indent: -5000px;
	background: url(../grafik/navigation/video.png) no-repeat;
	width: 200px;
	height: 37px;
}

li#navvideo a:hover {
	background: url(../grafik/navigation/video-on.png) no-repeat;
}

li#navvideo-on {
	display: block;
	text-indent: -5000px;
	background: url(../grafik/navigation/video-on.png) no-repeat;
	width: 200px;
	height: 41px;
}

/*  Navigation-Photo */

li#navphoto a {
	display: block;
	text-indent: -5000px;
	background: url(../grafik/navigation/photo.png) no-repeat;
	width: 200px;
	height: 37px;
}

li#navphoto a:hover {
	background: url(../grafik/navigation/photo-on.png) no-repeat;
}

li#navphoto-on {
	display: block;
	text-indent: -5000px;
	background: url(../grafik/navigation/photo-on.png) no-repeat;
	width: 200px;
	height: 41px;
}

/*  Navigation-Blank */

li#navblank {
	display: block;
	width: 200px;
	height: 40px;
}


/*  Navigation-About */

li#navabout a {
	display: block;
	text-indent: -5000px;
	background: url(../grafik/navigation/about.png) no-repeat;
	width: 200px;
	height: 22px;
	margin-top: 100px;
}

li#navabout-on {
	display: block;
	text-indent: -5000px;
	background: url(../grafik/navigation/about-on.png) no-repeat;
	width: 200px;
	height: 26px;
}

li#navabout a:hover {
	background: url(../grafik/navigation/about-on.png) no-repeat;
}


/*  Navigation-Contact */

li#navcontact a {
	display: block;
	text-indent: -5000px;
	background: url(../grafik/navigation/contact.png) no-repeat;
	width: 200px;
	height: 22px;
}

li#navcontact a:hover {
	background: url(../grafik/navigation/contact-on.png) no-repeat;
}

li#navcontact-on {
	display: block;
	text-indent: -5000px;
	background: url(../grafik/navigation/contact-on.png) no-repeat;
	width: 200px;
	height: 26px;
}