/*** Standard-CSS-Angaben ***/

* { margin:0px; padding:0px; border:0px;
    font-family: Arial, Sans-serif; text-align:left;}
	
/* Allgemeines */
.start {
	width:960px;
	height: 689px;
	background-image:  url(../px/zitrostart.jpg);
	/* die nachfolgenden 4 Zeilen sind für die vertikale und horizontale Zentrierung verantwortlich. Da z.B. left:50% bedeutet, dass der linke Rand in der Hälfte des Browserfensters ist, kann man damit allein keine Zentrierung erlangen. Deshalb muss man den gesamten Div-Container um die Hälfte (hier -480px) nach links verschieben. Wenn man dann den div-Container um 50% zur Mitte verschiebt, passt es. Kompliziert zu erklären, aber es funktioniert. */
	position: absolute;
	margin:-345px 0px 0px -480px;
	top: 50%;
	left: 50%;
} 

body {
	background: white;
}
	

/* Texte */

	
#photographie a {
	position:absolute;
	left: 88px;
	top: 527px;
	height: 73px;
	width: 108px;
	display: table-cell;
	background-image: url("../px/btn_start/btn_photographie.png");
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
#photographie a:hover {	
	background-position: -108px 0px;
}

#praesentationen a {
	position:absolute;
	left: 354px;
	top: 510px;
	height: 120px;
	width: 165px;
	display: table-cell;
	background: url("../px/btn_start/btn_praesentationen.png") 0px 0px no-repeat;
}
#praesentationen a:hover {	
	background-position: -165px 0px;
}

#film a {
	position:absolute;
	left: 746px;
	top: 574px;
	height: 31px;
	width: 38px;
	display: table-cell;
	background: url("../px/btn_start/btn_film.png") 0px 0px no-repeat;
}
#film a:hover {	
	background-position: -38px 0px;
}

#rundgaenge a {
	position:absolute;
	left: 467px;
	top: 392px;
	height: 92px;
	width: 151px;
	display: table-cell;
	background: url("../px/btn_start/btn_rundgaenge.png") 0px 0px no-repeat;
}
#rundgaenge a:hover {	
	background-position: -151px 0px;
}

#panorama a {
	position:absolute;
	left: 716px;
	top: 256px;
	height: 125px;
	width: 189px;
	display: table-cell;
	background: url("../px/btn_start/btn_panorama.png") 0px 0px no-repeat;
}
#panorama a:hover {	
	background-position: -189px 0px;
}

#lehre a {
	position:absolute;
	left: 734px;
	top: 118px;
	height: 59px;
	width: 109px;
	display: table-cell;
	background: url("../px/btn_start/btn_lehre.png") 0px 0px no-repeat;
}
#lehre a:hover {	
	background-position: -109px 0px;
}

#internet a {
	position:absolute;
	left: 618px;
	top: 124px;
	height: 32px;
	width: 50px;
	display: table-cell;
	background: url("../px/btn_start/btn_internet.png") 0px 0px no-repeat;
}
#internet a:hover {	
	background-position: -50px 0px;
}

#visualisierung a {
	position:absolute;
	left: 363px;
	top: 191px;
	height: 61px;
	width: 101px;
	display: table-cell;
	background: url("../px/btn_start/btn_visualisierung.png") 0px 0px no-repeat;
}
#visualisierung a:hover {	
	background-position: -101px 0px;
}

#zitronenwolf a {
	position:absolute;
	left: 68px;
	top: 162px;
	height: 124px;
	width: 222px;
	display: table-cell;
	background: url("../px/btn_start/btn_zitronenwolf.png") 0px 0px no-repeat;
}
#zitronenwolf a:hover {	
	background-position: -222px 0px;
}

#zitronenwolfschrift a {
	position:absolute;
	left: 63px;
	top: 10px;
	height: 15px;
	width: 185px;
	display: table-cell;
	background: url("../px/btn_start/btn_zitronenwolfschrift.png") 0px 0px no-repeat;
}
#zitronenwolfschrift a:hover {	
	background-position: -185px 0px;
}

#impressum a {
	position:absolute;
	left: 655px;
	top: 664px;
	height: 17px;
	width: 84px;
	display: table-cell;
	background: url("../px/btn_start/btn_impressum.png") 0px 0px no-repeat;
}
#impressum a:hover {	
	background-position: -84px 0px;
}
#impressum_aktiv a {
	position:absolute;
	left: 655px;
	top: 664px;
	height: 17px;
	width: 84px;
	display: table-cell;
	background: url("../px/btn_start/btn_impressum.png") -84px 0px no-repeat;
}

#kontakt a {
	position:absolute;
	left: 767px;
	top: 664px;
	height: 17px;
	width: 59px;
	display: table-cell;
	background: url("../px/btn_start/btn_kontakt.png") 0px 0px no-repeat;
}
#kontakt a:hover {	
	background-position: -59px 0px;
}
#kontakt_aktiv a {
	position:absolute;
	left: 767px;
	top: 664px;
	height: 17px;
	width: 59px;
	display: table-cell;
	background: url("../px/btn_start/btn_kontakt.png") -59px 0px no-repeat;
}

#ueberuns a {
	position:absolute;
	left: 63px;
	top: 662px;
	height: 16px;
	width: 68px;
	display: table-cell;
	background-image: url(../zitronenwolf/px/btn_ueberuns.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
#ueberuns a:hover {	
	background-position: -68px 0px;
}
#ueberuns_aktiv a {
	position:absolute;
	left: 63px;
	top: 662px;
	height: 16px;
	width: 68px;
	display: table-cell;
	background-image: url(../zitronenwolf/px/btn_ueberuns.png);
	background-repeat: no-repeat;
	background-position: -68px 0px;
}

#referenzen a {
	position:absolute;
	left: 168px;
	top: 662px;
	height: 16px;
	width: 87px;
	display: table-cell;
	background-image: url(../zitronenwolf/px/btn_referenzen.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
#referenzen a:hover {	
	background-position: -87px 0px;
}
#referenzen_aktiv a {
	position:absolute;
	left: 168px;
	top: 662px;
	height: 16px;
	width: 87px;
	display: table-cell;
	background-image: url(../zitronenwolf/px/btn_referenzen.png);
	background-repeat: no-repeat;
	background-position: -87px 0px;
}

#links a {
	position:absolute;
	left: 294px;
	top: 662px;
	height: 16px;
	width: 39px;
	display: table-cell;
	background-image: url(../zitronenwolf/px/btn_links.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
#links a:hover {	
	background-position: -39px 0px;
}
#links_aktiv a {
	position:absolute;
	left: 294px;
	top: 662px;
	height: 16px;
	width: 39px;
	display: table-cell;
	background-image: url(../zitronenwolf/px/btn_links.png);
	background-repeat: no-repeat;
	background-position: -39px 0px;
}

#ueberuns_oben a {
	position:absolute;
	left: 258px;
	top: 9px;
	width: 83px;
	height: 18px;
	display: table-cell;
	background-image: url(../zitronenwolf/px/btn_ueberuns_oben.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
#ueberuns_oben a:hover {	
	background-position: -83px 0px;
}

#links_oben a {
	position:absolute;
	left: 258px;
	top: 9px;
	width: 53px;
	height: 18px;
	display: table-cell;
	background-image: url(../zitronenwolf/px/btn_links_oben.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
#links_oben a:hover {	
	background-position: -53px 0px;
}

#referenzen_oben a {
	position:absolute;
	left: 258px;
	top: 9px;
	width: 101px;
	height: 18px;
	display: table-cell;
	background-image: url(../zitronenwolf/px/btn_referenzen_oben.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
#referenzen_oben a:hover {	
	background-position: -101px 0px;
}

a:link, a:visited { outline: none; -moz-outline: none; }