/* rollOverMenu */
/* siehe auch: http://www.alistapart.com/articles/sprites/ */

* {margin:0;padding:0;}
div#header {width:150px;margin:3% auto;position:relative;}

ul#rollOverMenu {
	height: 100px;
	width: 125px;
	position:relative;
} 

/* text extrem nach links verschieben */
ul#rollOverMenu a {text-indent:-1000px;}

ul#rollOverMenu li, ul#rollOverMenu a {
	display:block;
	height:100px;
	width:25px;
	overflow:hidden;
}

ul#rollOverMenu li {
	list-style:none;
	position:absolute;
	top:0;
	background-image: url(rollOverMenue.gif);
}

/* individuelle pos. des background-image */
li#home {left:0; background-position:0 0;}
li#news {left:25px; background-position:-25px 0;}
li#refs {left:50px; background-position:-50px 0;}
li#portfolio {left:75px; background-position:-75px 0;}
li#links {left:100px; background-position:-100px 0;}

/* 
hover-zustaende normal 
hintergrund-grafik wird um 120px nach oben verschoben
*/
ul#rollOverMenu a:hover {background-image: url(rollOverMenue.gif);}
li#home a:hover {background-position:0 -120px;}
li#news a:hover {background-position:-25px -120px;}
li#refs a:hover {background-position:-50px -120px;}
li#portfolio a:hover {background-position:-75px -120px;}
li#links a:hover {background-position:-100px -120px;}