@charset "utf-8";
/* CSS Document */

#navigation {
	position: absolute;
	top: 0;
	left: 0;
	background:#FFF;
	opacity: 0.2;
	height:50px;
	width:99%;
	margin: 5px 0.5% 0 0.5%;
	clear:both;
	overflow:hidden;
	z-index:1000;
}
#navigation:hover {
	opacity: 0.9;	
}
#navigation .left {
	width: 45%;
	float:left;
	height:auto;
	overflow:hidden;
}
#navigation .left ul {
	list-style-type:none;
	padding:0;
	margin: 12px 0 0 12px;
}
#navigation .left ul li {
	margin:0;
	padding:0;
	float:left;
}
#navigation .left ul li a {
	display: block;
	width: 27px;
	height: 27px;
	margin-right: 5px;
	background-image:url(img/navigation-sprite-01.png);
	background-repeat: no-repeat;
}
#navigation .left ul li a span {
	display:none;
}
#navigation .left ul li.home a { width: 108px; margin-right:20px; }
#navigation .left ul li.home a:hover { background-position: -120px 0px; }
#navigation .left ul li.bio a { width: 27px; margin-right:15px; background-position: 0px -90px; }
#navigation .left ul li.bio a:hover { background-position: -120px -90px; }
#navigation .left ul li.kontakt a { width: 74px; margin-right:25px; background-position: 0px -120px; }
#navigation .left ul li.kontakt a:hover { background-position: -120px -120px; }
#navigation .left ul li.newsletter a { width: 110px; margin-right:15px; background-position: 0px -150px; }
#navigation .left ul li.newsletter a:hover { background-position: -120px -150px; }
#navigation .left ul li.facebook a { background-position: 0px -30px; }
#navigation .left ul li.facebook a:hover { background-position: -27px -30px; }
#navigation .left ul li.twitter a { background-position: -60px -30px; }
#navigation .left ul li.twitter a:hover { background-position: -87px -30px; }
#navigation .left ul li.soundcloud a { background-position: -120px -30px; }
#navigation .left ul li.soundcloud a:hover { background-position: -147px -30px; }
#navigation .left ul li.vimeo a { background-position: -180px -30px; }
#navigation .left ul li.vimeo a:hover { background-position: -207px -30px; }
#navigation .left ul li.youtube a { background-position: -240px -30px; }
#navigation .left ul li.youtube a:hover { background-position: -267px -30px; }

#navigation .right {
	width: 45%;
	float:right;
	height:auto;
	overflow:hidden;
	padding-top: 12px;
}
#navigation .right a.rss {
	display: block;
	width: 27px;
	height: 27px;
	margin-left: 8px;
	margin-right: 10px;
	background-image:url(img/navigation-sprite-01.png);
	background-repeat: no-repeat;
	float:right;
}
#navigation .right a.rss span {
	display:none;
}
#navigation .right a.rss { background-position: -300px -30px; margin-top: 2px; height: 24px; }
#navigation .right a.rss:hover { background-position: -327px -30px; }



#navigation .right a.facebookshare {
	display: block;
	width: 62px;
	height: 27px;
	margin-left: 8px;
	margin-right: 15px;
	background-image:url(img/navigation-sprite-01.png);
	background-repeat: no-repeat;
	float:right;
}
#navigation .right a.facebookshare span {
	display:none;
}
#navigation .right a.facebookshare { background-position: -360px -30px; margin-top: 2px; height: 24px; }
#navigation .right a.facebookshare:hover { background-position: -360px -60px; }