@charset "utf-8";
/* CSS Document 
@import url('reset.css');*/

#nav ul, #nav li { margin: 0; padding: 0; }

#nav { background: #fff; width:100%; height:110px; border:0px solid red;}
#navigation { margin-left:0px; }
#navigation li { float:left; display:block; }
#navigation li a { 
  background-image:url(images/vinci-sprite.jpg);
  display: block;
	outline: none;
	/*position: relative; /*--> verursacht BUG in IE6*/
	height: 110px;	
	text-decoration: none;
	width: auto;
	overflow:hidden;
}

#navigation .stiftung {	background-position:0px 0px;	width:100px;	height:110px;	}
#navigation .myproject {	background-position:-100px 0px;	width:100px;	height:110px;	}
#navigation .projects	{	background-position:-200px 0px;	width:120px;	height:110px;}

#navigation .stiftung .hover { 	background-position: -0px -111px; height:108px;		}
#navigation .myproject .hover { 	background-position: -100px -111px; height:108px;	}
#navigation .projects .hover {	background-position: -200px -111px;	height:108px;	}

	
#navigation a .hover {
	background: #fff  url(images/vinci-sprite.jpg) no-repeat;
	display:block ;
	opacity: 0;
	position: relative; /*--> verursacht BUG in IE6*/
	top: -16px;
	left: 0;
	height: 100%;
	width: 100%;
	}	

/**/
#navigation a, #navigation span { /*opacity: 0;*/}

ul#navigation li a { text-indent:-9000px; background-color:transparent; }