/* @override http://tapovan.dev/styles/languages.css */

#flags {
	position: absolute;
	left: -25px;
	bottom: 0px;
	width: 203px;
}

#flags a {
	display: block;
	width: 20px;
	height: 28px;
	overflow: hidden;
	text-decoration: none;
	background-image: url(/images/flags.png);
	margin-top: 2px;
}

#de a {
	background-position: 20px top;
}

#de a:hover {
	background-position: 0 top;
}

#de .active {
	background-position: 0 top;
}

#fr a {
	background-position: 20px 56px;
}

#fr a:hover {
	background-position: 0 56px;
}

#fr .active {
	background-position: 0 56px;
}

#en a {
	background-position: 20px 28px;
}

#en a:hover {
	background-position: 0 28px;
}

#en .active {
	background-position: 0 28px;
}

.fr #massages-btn {
	position: absolute;
	top: 20px;
}

.fr #cures-btn {
	position: absolute;
	top: 20px;
	left: 33px;
}

.fr #university-btn {
	position: absolute;
	top: 20px;
	left: 67px;
}

.fr #events-btn {
	position: absolute;
	top: 20px;
	left: 649px;
}

.en #massages-btn {
	position: absolute;
	top: 20px;
	left: 136px;
}

.en #cures-btn {
	position: absolute;
	top: 20px;
	left: 298px;
}

.en #university-btn {
	position: absolute;
	top: 20px;
	left: 482px;
}

.en #events-btn {
	position: absolute;
	top: 20px;
	left: 657px;
}

.de #massages-btn {
	position: absolute;
	top: 20px;
	left: 121px;
}

.de #cures-btn {
	position: absolute;
	top: 20px;
	left: 298px;
}

.de #university-btn {
	position: absolute;
	top: 20px;
	left: 474px;
}

.de #events-btn {
	position: absolute;
	top: 20px;
	left: 657px;
}