﻿#topicMenu{
	font-family:TUITypeLight;
	font-size:19px;
}

#topicMenu > a > div > div{
	color: #092a5e;
	font-weight: bold;
}

/* Normal */
#topicMenu > a > .topicKompetenz,

/* Hover und active */
#topicMenu > a:hover > .topicLastMinute,
#topicMenu > a.showStart > .topicLastMinute,
#topicMenu > a > .topicLastMinute.active,

#topicMenu > a:hover > .topicKreuzfahrt,
#topicMenu > a.showStart > .topicKreuzfahrt,
#topicMenu > a > .topicKreuzfahrt.active,

#topicMenu > a:hover > .topicPremium,
#topicMenu > a.showStart > .topicPremium,
#topicMenu > a > .topicPremium.active,

#topicMenu > a:hover > .topicVitalNature,
#topicMenu > a.showStart > .topicVitalNature,
#topicMenu > a > .topicVitalNature.active,

#topicMenu > a:hover > .topicSzeneLifestyle,
#topicMenu > a.showStart > .topicSzeneLifestyle,
#topicMenu > a > .topicSzeneLifestyle.active,

#topicMenu > a:hover > .topicHappyFamily,
#topicMenu > a.showStart > .topicHappyFamily,
#topicMenu > a > .topicHappyFamily.active,


#topicMenu > a:hover > .topicKompetenz,
#topicMenu > a.showStart > .topicKompetenz,
#topicMenu > a > .topicKompetenz.active,

/*Background*/
#topicMenu > a.topicBgLastMinute:hover > div > div,
#topicMenu > a.topicBgLastMinute.showStart > div > div,

#topicMenu > a.topicBgKreuzfahrt:hover > div > div,
#topicMenu > a.topicBgKreuzfahrt.showStart > div > div,

#topicMenu > a.topicBgPremium:hover > div > div,
#topicMenu > a.topicBgPremium.showStart > div > div,

#topicMenu > a.topicBgVitalNature:hover > div > div,
#topicMenu > a.topicBgVitalNature.showStart > div > div,

#topicMenu > a.topicBgSzeneLifestyle:hover > div > div,
#topicMenu > a.topicBgSzeneLifestyle.showStart > div > div,

#topicMenu > a.topicBgHappyFamily:hover > div > div,
#topicMenu > a.topicBgHappyFamily.showStart > div > div,

#topicMenu > a.topicBgKompetenz:hover > div > div,
#topicMenu > a.topicBgKompetenz.showStart > div > div{
	background-image:url(/brands/5/img/sprites.png);
}

/* overwriting topicMenu.css only for brand 5 */
body #topicMenu > a.topicBgLastMinute:hover > div > div,
body #topicMenu > a.topicBgLastMinute.showStart > div > div,
body #topicMenu > a.topicBgKreuzfahrt:hover > div > div,
body #topicMenu > a.topicBgKreuzfahrt.showStart > div > div,
body #topicMenu > a.topicBgPremium:hover > div > div,
body #topicMenu > a.topicBgPremium.showStart > div > div,
body #topicMenu > a.topicBgVitalNature:hover > div > div,
body #topicMenu > a.topicBgVitalNature.showStart > div > div,
body #topicMenu > a.topicBgSzeneLifestyle:hover > div > div,
body #topicMenu > a.topicBgSzeneLifestyle.showStart > div > div,
body #topicMenu > a.topicBgHappyFamily:hover > div > div,
body #topicMenu > a.topicBgHappyFamily.showStart > div > div{
	background-position: 0px -1500px;
}

/* Hover und active */
/*
body #topicMenu > a:hover > .topicLastMinute,
body #topicMenu > a.showStart > .topicLastMinute,
body #topicMenu > a > .topicLastMinute.active,
body #topicMenu > a:hover > .topicKreuzfahrt,
body #topicMenu > a.showStart > .topicKreuzfahrt,
body #topicMenu > a > .topicKreuzfahrt.active,
body #topicMenu > a:hover > .topicPremium,
body #topicMenu > a.showStart > .topicPremium,
body #topicMenu > a > .topicPremium.active,
body #topicMenu > a:hover > .topicVitalNature,
body #topicMenu > a.showStart > .topicVitalNature,
body #topicMenu > a > .topicVitalNature.active,
body #topicMenu > a:hover > .topicSzeneLifestyle,
body #topicMenu > a.showStart > .topicSzeneLifestyle,
body #topicMenu > a > .topicSzeneLifestyle.active,
body #topicMenu > a:hover > .topicHappyFamily,
body #topicMenu > a.showStart > .topicHappyFamily,
body #topicMenu > a > .topicHappyFamily.active{
	background-position: 0px -1080px;
}*/