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

body { behavior: url("csshover3.htc"); } 

#navbar
{
	position:absolute;
	width: 450px;
	height: 32px;
	margin: 245px 0 0 280px;
	padding:0 0 0 0;
	z-index:3;
	}

#navbar li
{
list-style:none;
float:left;
padding:0 0 0 0;
}

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

#navbar img {
padding: 0 0 0 0;
}

/* ---------------------------------------Leben-------------------------------------------------------------------------------------------*/
#navbar li.leben, #navbar li.lebenhover
{
float: left;
margin-left:1px;
}
	
#navbar li.leben a
{
display: block;
background:url(images/leben.png) no-repeat;
width:100px;
height:30px;
}
	
#navbar li.leben a:hover 
{
display: block;
background:url(images/leben_hover.png) no-repeat;
width:100px;
height:30px; }

#navbar li.lebenhover a {
display: block;
background:url(images/leben_hover.png) no-repeat;
width:100px;
height:30px;
}

	


/* -----------------------------------------------------------Werke --------------------------------------------------------------------------------*/

#navbar li.kompositionen, #navbar li.kompositionenhover 
{
float: left;
margin-left:1px;
}
	
#navbar li.kompositionen a
{
display: block;
background:url(images/werke.png) no-repeat;
width:100px;
height:30px;
}
	
#navbar li.kompositionen a:hover 
{
display: block;
background:url(images/werke_hover.png) no-repeat;
width:100px;
height:30px; }

#navbar li.kompositionenhover a{
display: block;
background:url(images/werke_hover.png) no-repeat;
width:100px;
height:30px;
}


/* -----------------------------------------------------------Preise --------------------------------------------------------------------------------*/

#navbar li.auszeichnungen, #navbar li.auszeichnungenhover 
{
float: left;
margin-left:8px;
margin-right:8px;
}
	
#navbar li.auszeichnungen a
{
display: block;
background:url(images/preise.png) no-repeat;
width:100px;
height:30px;
}
	
#navbar li.auszeichnungen a:hover 
{
display: block;
background:url(images/preise_hover.png) no-repeat;
width:100px;
height:30px; }

#navbar li.auszeichnungenhover a{
display: block;
background:url(images/preise_hover.png) no-repeat;
width:100px;
height:30px;
}
	
/* -----------------------------------------------------------Kontakt --------------------------------------------------------------------------------*/

#navbar li.kontakt, #navbar li.kontakthover 
{
float: left;
margin-left:1px;

}
	
#navbar li.kontakt a
{
display: block;
background:url(images/kontakt.png) no-repeat;
width:100px;
height:30px;
}
	
#navbar li.kontakt a:hover 
{
display: block;
background:url(images/kontakt_hover.png) no-repeat;
width:100px;
height:30px; }

#navbar li.kontakthover a{
display: block;
background:url(images/kontakt_hover.png) no-repeat;
width:100px;
height:30px;
}