/* 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 */
/* datei so im photoshop aufgebaut, dass abstaende ueberall gleich sind */
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;}