@charset "UTF-8";
/**
 * Markus Luca by Bytestoppers.de 2009
 *
 *
 * @copyright       Copyright 2009, Bytestoppers 
 * @link            http://www.bytestoppers.de
 * @version         ML 1.0
 *
 *
 */

#navi {
	position:absolute;
	left: 439px;
	top: 106px;
	width: 382px;
	height:24px;
}

#navi a { text-decoration:none;}

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

#navi ul li {
	float:left;
	width:95px;
}

#navi ul li a img {
	border:0;
}

#navi ul li #a_home {
	display:block;
	width:95px;
	height:24px;
	background: url(/images/button/home_but.png) no-repeat;
}

#navi ul li #a_home:hover, #navi ul li #a_home.active {
	background: url(/images/button/home_but.png) 0px -24px no-repeat;
}

#navi ul li #a_news {
	display:block;
	width:95px;
	height:24px;
	background: url(/images/button/news_but.png) no-repeat;
}

#navi ul li #a_news:hover, #navi ul li #a_news.active {
	background: url(/images/button/news_but.png) 0px -24px no-repeat;
}

#navi ul li #a_events {
	display:block;
	width:95px;
	height:24px;
	background: url(/images/button/events_but.png) no-repeat;
}

#navi ul li #a_events:hover, #navi ul li #a_events.active {
	background: url(/images/button/events_but.png) 0px -24px no-repeat;
}

#navi ul li #a_booking {
	display:block;
	width:95px;
	height:24px;
	background: url(/images/button/booking_but.png) no-repeat;
}

#navi ul li #a_booking:hover, #navi ul li #a_booking.active {
	background: url(../images/button/booking_but.png) 0px -24px no-repeat;
}

/**
Navi Top
 */

#naviTop {
	position:absolute;
	right: 98px;
	top: 2px;
	width: 802px;
	height:24px;
}

#naviTop a { text-decoration:none;}

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

#naviTop ul li {
	float:right;
	width:82px;
}

#naviTop ul li a img {
	border:0;
}

#naviTop ul li #a_bio {
	display:block;
	width:80px;
	height:20px;
	background: url(/images/button/bio_but.png) no-repeat;
}

#naviTop ul li #a_bio:hover, #naviTop ul li #a_bio.active {
	background: url(/images/button/bio_but.png) 0px -20px no-repeat;
	text-align: right;
}
#naviTop ul li #a_dis {
	display:block;
	width:80px;
	height:20px;
	background: url(/images/button/dis_but.png) no-repeat;
}

#naviTop ul li #a_dis:hover, #naviTop ul li #a_dis.active {
	background: url(/images/button/dis_but.png) 0px -20px no-repeat;
}
#naviTop ul li #a_gallery {
	display:block;
	width:80px;
	height:20px;
	background: url(/images/button/gallery_but.png) no-repeat;
}

#naviTop ul li #a_gallery:hover, #naviTop ul li #a_gallery.active {
	background: url(/images/button/gallery_but.png) 0px -20px no-repeat;
}
#naviTop ul li #a_video {
	display:block;
	width:80px;
	height:20px;
	background: url(/images/button/video_but.png) no-repeat;
}

#naviTop ul li #a_video:hover, #naviTop ul li #a_video.active {
	background: url(/images/button/video_but.png) 0px -20px no-repeat;
}

#naviTop ul li #a_contact {
	display:block;
	width:80px;
	height:20px;
	background: url(/images/button/contact_but.png) no-repeat;
}

#naviTop ul li #a_contact:hover, #naviTop ul li #a_contact.active {
	background: url(/images/button/contact_but.png) 0px -20px no-repeat;
}
#naviTop ul li #a_links {
	display:block;
	width:80px;
	height:20px;
	background: url(/images/button/links_but.png) no-repeat;
}

#naviTop ul li #a_links:hover, #naviTop ul li #a_links.active {
	background: url(/images/button/links_but.png) 0px -20px no-repeat;
}

#naviTop ul li #a_login {
	display:block;
	width:80px;
	height:20px;
	background: url(/images/button/login_but.png) no-repeat;
}

#naviTop ul li #a_login:hover, #naviTop ul li #a_login.active {
	background: url(/images/button/login_but.png) 0px -20px no-repeat;
}

#naviTop ul li #a_logout {
	display:block;
	width:80px;
	height:20px;
	background: url(/images/button/logout_but.png) no-repeat;
}

#naviTop ul li #a_logout:hover, #naviTop ul li #a_logout.active {
	background: url(/images/button/logout_but.png) 0px -20px no-repeat;
}

#naviTop ul li #a_admin {
	display:block;
	width:80px;
	height:20px;
	background: url(/images/button/admin_but.png) no-repeat;
}

#naviTop ul li #a_admin:hover, #naviTop ul li #a_admin.active {
	background: url(/images/button/admin_but.png) 0px -20px no-repeat;
}

#naviTop ul li #a_medien {
	display:block;
	width:80px;
	height:20px;
	background: url(/images/button/medien_but.png) no-repeat;
}

#naviTop ul li #a_medien:hover, #naviTop ul li #a_medien.active {
	background: url(/images/button/medien_but.png) 0px -20px no-repeat;
}