html,body {
	height: 99%;
	width: 99%;
}

#map {
	width: 99%;
	height: 80%;
	border: 1px solid black;
}

.buttonsPanel div {
	display: block;
	width: 29px;
	height: 33px;
	top: 320px;
	left: 12px;
	position: relative;
}




.buttonsPanel .setAreaItemActive {
	background-image: url("img/SetzeGebietAktiv.png");
	background-repeat: no-repeat;
}
.buttonsPanel .setAreaItemInactive {
	background-image: url("img/SetzeGebietInaktiv.png");
	background-repeat: no-repeat;
}


.buttonsPanel .startButtonItemInactive {
	background-image: url("img/SetzeStartInaktiv.png");
	background-repeat: no-repeat;
}


.buttonsPanel .startButtonItemActive {
	background-image: url("img/SetzeStartAktiv.png");
	background-repeat: no-repeat;
}

.buttonsPanel .startButtonItemInactive {
	background-image: url("img/SetzeStartInaktiv.png");
	background-repeat: no-repeat;
}

.buttonsPanel .destinationButtonItemActive {
	background-image: url("img/SetzeZielAktiv.png");
	background-repeat: no-repeat;
}

.buttonsPanel .destinationButtonItemInactive {
	background-image: url("img/SetzeZielInaktiv.png");
	background-repeat: no-repeat;
}

.buttonsPanel .calculateRouteButtonItemActive {
	background-image: url("img/BerechneRoute.png");
	background-repeat: no-repeat;
}

.buttonsPanel .calculateRouteButtonItemInactive {
	background-image: url("img/BerechneRoute.png");
	background-repeat: no-repeat;
}

.buttonsPanel .addVehicleButtonItemActive {
	background-image: url("img/AddStartAktiv.png");
	background-repeat: no-repeat;
}

.buttonsPanel .addVehicleButtonItemInactive {
	background-image: url("img/AddStartInaktiv.png");
	background-repeat: no-repeat;
}

.buttonsPanel .vehicleInfoButtonItemActive {
	background-image: url("img/VehicleInfoAktiv.png");
	background-repeat: no-repeat;
}

.buttonsPanel .vehicleInfoButtonItemInactive {
	background-image: url("img/VehicleInfoInaktiv.png");
	background-repeat: no-repeat;
}

.buttonsPanel .calculateArrivalOrderButtonItemInactive {
	background-image: url("img/BerechneRoute.png");
	background-repeat: no-repeat;
}

.buttonsPanel .calculateArrivalOrderButtonItemActive {
	background-image: url("img/BerechneRoute.png");
	background-repeat: no-repeat;
}

.buttonsPanel .calculateReachabilityButtonItemInactive {
	background-image: url("img/BerechneRoute.png");
	background-repeat: no-repeat;
}

.buttonsPanel .calculateReachabilityButtonItemActive {
	background-image: url("img/BerechneRoute.png");
	background-repeat: no-repeat;
}

.buttonsPanel .addLocationButtonItemInactive {
	background-image: url("img/AddStartInaktiv.png");
	background-repeat: no-repeat;
}

.buttonsPanel .addLocationButtonItemActive {
	background-image: url("img/AddStartAktiv.png");
	background-repeat: no-repeat;
}

.buttonsPanel .addRequesterButtonItemInactive {
	background-image: url("img/AddZielInaktiv.png");
	background-repeat: no-repeat;
}

.buttonsPanel .addRequesterButtonItemActive {
	background-image: url("img/AddZielAktiv.png");
	background-repeat: no-repeat;
}
.buttonsPanel .pointInfoButtonItemActive {
	background-image: url("img/VehicleInfoAktiv.png");
	background-repeat: no-repeat;
}

.buttonsPanel .pointInfoButtonItemInactive {
	background-image: url("img/VehicleInfoInaktiv.png");
	background-repeat: no-repeat;
}

.buttonsPanel .calculateLocationPlanningButtonItemInactive {
	background-image: url("img/BerechneRoute.png");
	background-repeat: no-repeat;
}