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

div#nav {
	height: 30px;
	width: 690px;
	margin-top: 20px;
	margin-left: 250px;
}

div#nav ul {
list-style-type: none;
margin: 0px;
padding: 0px;

}

div#nav li {
display: inline;
margin: 0px;
padding: 0px;
}

/* Daham */
div#nav li#home a {
float: left;
padding: 0 25px 0 0;
overflow: hidden;
height: 30px;
width: 51px;
text-indent:-999em;
background: url(bilder/home.gif) 0px 0px no-repeat;
}
div#nav li#home a:hover { 
background-position: 0px -30px;
}
div#nav li#home a:active {
background-position: 0px -30px;
}

/* Mokka */
div#nav li#mokka a {
float: left;
padding: 0 25px 0 0;
overflow: hidden;
height: 30px;
width: 65px;
text-indent:-999em;
background: url(bilder/mokka.gif) 0px 0px no-repeat;
}
div#nav li#mokka a:hover { 
background-position: 0px -30px;
}
div#nav li#mokka a:active {
background-position: 0px -30px;
}

/* Neichs */
div#nav li#news a {
float: left;
padding: 0 25px 0 0;
overflow: hidden;
height: 30px;
width: 57px;
text-indent:-999em;
background: url(bilder/news.gif) 0px 0px no-repeat;
}
div#nav li#news a:hover { 
background-position: 0px -30px;
}
div#nav li#news a:active {
background-position: 0px -30px;
}

/* Gigs */
div#nav li#gigs a {
float: left;
padding: 0 25px 0 0;
overflow: hidden;
height: 30px;
width: 43px;
text-indent:-999em;
background: url(bilder/gigs.gif) 0px 0px no-repeat;
}
div#nav li#gigs a:hover { 
background-position: 0px -30px;
}
div#nav li#gigs a:active {
background-position: 0px -30px;
}
/* Obiladen */
div#nav li#download a {
float: left;
padding: 0 25px 0 0;
overflow: hidden;
height: 30px;
width: 103px;
text-indent:-999em;
background: url(bilder/download.gif) 0px 0px no-repeat;
}
div#nav li#download a:hover { 
background-position: 0px -30px;
}
div#nav li#download a:active {
background-position: 0px -30px;
}
/* gaestebuch*/
div#nav li#gaestebuch a {
float: left;
padding: 0 25px 0 0;
overflow: hidden;
height: 30px;
width: 102px;
text-indent:-999em;
background: url(bilder/gaestebuch.gif) 0px 0px no-repeat;
}
div#nav li#gaestebuch a:hover { 
background-position: 0px -30px;
}
div#nav li#gaestebuch a:active {
background-position: 0px -30px;
}
/* Kontakt*/
div#nav li#links a {
float: left;
padding: 0 25px 0 0;
overflow: hidden;
height: 30px;
width: 55px;
text-indent:-999em;
background: url(bilder/links.gif) 0px 0px no-repeat;
}
div#nav li#links a:hover { 
background-position: 0px -30px;
}
div#nav li#links a:active {
background-position: 0px -30px;
}


/* Daham */
div#nav li#dahoam a {
float: left;
padding: 0 15px 0 0;
overflow: hidden;
height: 30px;
width: 75px;
text-indent:-999em;
background: url(bilder/dahoam.gif) 0px 0px no-repeat;
}
div#nav li#dahoam a:hover { 
background-position: 0px -30px;
}


/* Mokka */
div#nav li#sosama a {
float: left;
padding: 0 15px 0 0;
overflow: hidden;
height: 30px;
width: 82px;
text-indent:-999em;
background: url(bilder/sosama.gif) 0px 0px no-repeat;
}
div#nav li#sosama a:hover { 
background-position: 0px -30px;
}


/* Neichs */
div#nav li#neichs a {
float: left;
padding: 0 15px 0 0;
overflow: hidden;
height: 30px;
width: 59px;
text-indent:-999em;
background: url(bilder/neichs.gif) 0px 0px no-repeat;
}
div#nav li#neichs a:hover { 
background-position: 0px -30px;
}


/* Gigs */
div#nav li#gspueht a {
float: left;
padding: 0 15px 0 0;
overflow: hidden;
height: 30px;
width: 133px;
text-indent:-999em;
background: url(bilder/gspueht.gif) 0px 0px no-repeat;
}
div#nav li#gspueht a:hover { 
background-position: 0px -30px;
}

/* Obiladen */
div#nav li#obiladen a {
float: left;
padding: 0 15px 0 0;
overflow: hidden;
height: 30px;
width: 83px;
text-indent:-999em;
background: url(bilder/obiladen.gif) 0px 0px no-repeat;
}
div#nav li#obiladen a:hover { 
background-position: 0px -30px;
}

/* gaestebuch*/
div#nav li#zgast a {
float: left;
padding: 0 15px 0 0;
overflow: hidden;
height: 30px;
width: 67px;
text-indent:-999em;
background: url(bilder/zgast.gif) 0px 0px no-repeat;
}
div#nav li#zgast a:hover { 
background-position: 0px -30px;
}

/* Linkst*/
div#nav li#freind a {
float: left;
padding: 0 15px 0 0;
overflow: hidden;
height: 30px;
width: 61px;
text-indent:-999em;
background: url(bilder/freind.gif) 0px 0px no-repeat;
}
div#nav li#freind a:hover { 
background-position: 0px -30px;
}

div#fahneat a{
	float:left;
	width:19px;
	height: 12px;
	overflow: hidden;
	background-image: url(bilder/at.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-indent:-999em;
	margin-top: 10px;
	margin-left: 10px;
}

div#fahneat a:hover { 
background-position: 0px -12px;
}

div#fahnede a{
	float:left;
	width:19px;
	height: 12px;
	overflow: hidden;
	background-image: url(bilder/de.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-indent:-999em;
	margin-top: 10px;
	margin-left: 10px;
}

div#fahnede a:hover { 
background-position: 0px -12px;
}

div#subnav {
width:100px;
height:400px;
float:left;
margin-left:170px;
}

html>body div#subnav {
width:100px;
height:400px;
float:left;
margin-left:300px;
}

div#subnav ul {
list-style-type: none;
}

div#subnav li {

margin: 0px;
padding: 0px;
margin-bottom:15px;
}


div#subnav li#ausw1 a{
	display:block;
	width:58px;
	height: 26px;
	overflow: hidden;
	background-image: url(bilder/fotos.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-decoration:none;
	text-indent:-999em;
}

div#subnav li#ausw1 a:hover{ 
background-position: 0px -26px;
}




div#subnav li#ausw2 a {
display:block;
overflow: hidden;
height: 26px;
width: 60px;
text-indent:-999em;
background: url(/bilder/musik.gif);
background-repeat: no-repeat;
background-position: 0px 0px;
}
div#subnav li#ausw2 a:hover { 
background-position: 0px -26px;
}



div#subnav li#ausw3 a {
display:block;
overflow: hidden;
height: 26px;
width: 66px;
text-indent:-999em;
background: url(/bilder/videos.gif);
background-repeat: no-repeat;
background-position: 0px 0px;
}

div#subnav li#ausw3 a:hover { 
background-position: 0px -26px;
}


div#subnav li#ausw4 a {
display:block;
overflow: hidden;
height: 30px;
width: 61px;
text-indent:-999em;
background: url(/bilder/buedln.gif);
background-repeat: no-repeat;
background-position: 0px 0px;
}
div#subnav li#ausw4 a:hover { 
background-position: 0px -30px;
}

div#subnav li#ausw5 a {
display:block;
overflow: hidden;
height: 26px;
width: 47px;
text-indent:-999em;
background: url(/bilder/musi.gif);
background-repeat: no-repeat;
background-position: 0px 0px;
}

div#subnav li#ausw5 a:hover { 
background-position: 0px -26px;
}

div#subnav li#ausw6 a {
display:block;
overflow: hidden;
height: 30px;
width: 47px;
text-indent:-999em;
background: url(/bilder/fuem.gif);
background-repeat: no-repeat;
background-position: 0px 0px;
}

div#subnav li#ausw6 a:hover { 
background-position: 0px -30px;
}