/* CSS Document */

body {
		background-color: #363636;
		margin: 0px 0px 0px 0px;
		font-family: Arial;
		font-size:13px;
		text-align: center;
}

.container {
		width: 600px;
		height: 600px;
		margin-top: 80px;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 10px;
		background: url(bilder/intro.jpg);
}

.tischtennis {
		width: 270px;
		height: 220px;
		display:block;
		margin-top: 380px;
		margin-left: 0px;
		float: left;
}

a:hover .tischtennis {
		width: 270px;
		height: 220px;
		display:block;
		margin-top: 380px;
		margin-left: 0px;
		float: left;
		background-image: url(bilder/tischtennis_hover.jpg);
}

a:focus .tischtennis {
		width: 270px;
		height: 220px;
		display:block;
		margin-top: 380px;
		margin-left: 0px;
		float: left;
		background-image: url(bilder/tischtennis_hover.jpg);
}

.volleyball {
		width: 270px;
		height: 220px;
		display:block;
		margin-top: 380px;
		margin-right: 0px;
		float: right;
}

a:hover .volleyball {
		width: 270px;
		height: 220px;
		display:block;
		margin-top: 380px;
		margin-right: 0px;
		float: right;
		background-image: url(bilder/volleyball_hover.jpg);
}

a:focus .volleyball {
		width: 270px;
		height: 220px;
		display:block;
		margin-top: 380px;
		margin-right: 0px;
		float: right;
		background-image: url(bilder/volleyball_hover.jpg);
}