/* NAVIGATION */

/* MAIN NAVIGATION */

ul#mainNavi {
	list-style-type: none;
	display: block;
	height: 20px;
	position: absolute;
	top: 61px;
	left: 9px;
	}
	
ul#mainNavi li {
	display: block;
	height: 20px;
	position: absolute;
	top: 0px;
	}
	
ul#mainNavi li#mainNavStart {
	width: 47px;
	left: 64px;
	}
	
ul#mainNavi li#mainNavRecent {
	width: 62px;
	left: 165px;
	}
	
ul#mainNavi li#mainNavProducts {
	width: 74px;
	left: 278px;
	}
	
ul#mainNavi li#mainNavDrinks {
	width: 56px;
	left: 555px;
	}
	
ul#mainNavi li#mainNavBrand {
	width: 53px;
	left: 673px;
	}
	
ul#mainNavi li#mainNavShop {
	width: 53px;
	left: 792px;
	}
	
ul#mainNavi li a {
	display: block;
	width: 100%;
	height: 100%;
	text-indent: -19999px;
	}

ul#mainNavi li#mainNavStart a {
	background: url(/images/navigation/start.jpg) 0 0 no-repeat;
	}
	
ul#mainNavi li#mainNavStart a:hover {
	background-position: 0 -20px;
	}

ul#mainNavi li#mainNavRecent a {
	background: url(/images/navigation/recent.jpg) 0 0 no-repeat;
	}
	
ul#mainNavi li#mainNavRecent a:hover {
	background-position: 0 -20px;
	}
	
ul#mainNavi li#mainNavProducts a {
	background: url(/images/navigation/products.jpg) 0 0 no-repeat;
	}
	
ul#mainNavi li#mainNavProducts a:hover {
	background-position: 0 -20px;
	}
	
ul#mainNavi li#mainNavDrinks a {
	background: url(/images/navigation/drinks.jpg) 0 0 no-repeat;
	}
	
ul#mainNavi li#mainNavDrinks a:hover {
	background-position: 0 -20px;
	}

ul#mainNavi li#mainNavBrand a {
	background: url(/images/navigation/brand.jpg) 0 0 no-repeat;
	}
	
ul#mainNavi li#mainNavBrand a:hover {
	background-position: 0 -20px;
	}

ul#mainNavi li#mainNavShop a {
	background: url(/images/navigation/shop.jpg) 0 0 no-repeat;
	}
	
ul#mainNavi li#mainNavShop a:hover {
	background-position: 0 -20px;
	}
	
ul#mainNavi li a:focus {
	outline: none;
	}

/* LANGUAGE SELECTION */

ul#languageSelect {
	position: absolute;
	top: 35px;
	right: 20px;
	}
	
ul#languageSelect li {
	display: inline;
	font-size: 11px;
	}
	
ul#languageSelect li a {
	margin: 0 0 0 2px;
	color: #a5a5a5;
	text-decoration: none;
	}
	
ul#languageSelect li#selectGerman a {
	color: white;
	}

/* SUB NAVIGATION */

.subMenu {
	width: 260px;
	margin: 0 auto;
	margin-bottom: 25px;
	}
	
.subMenu h3 {
	margin: 0 0 5px 0;
	display: block;
	font-weight: bold;
	font-size: 22px;
	height: 20px;
	color: white;
	text-transform: uppercase;
	text-indent: -19999px;
	}
	
.subMenu ul {
	list-style-type: none;
	}
	
.subMenu ul li {
	display: block;
	border-top: 1px solid #232323;
	}
	
.subMenu ul li a {
	display: block;
	height: 20px;
	text-indent: -19999px;
	}
	
.subMenu ul li a:focus {
	outline: none;
	}
	
.subMenu ul li ul {
	display: none;
	}
	
.subMenu ul li.active ul {
	display: block;
	}
	
/* SUB NAVIGATION DRINKS */

#menuDrinks h3 {
	background: url(/images/drinks/subMenuMixHeadline.gif) 0 0 no-repeat;
	}
	
.subMenu ul li a#subMenuDrinks {
	width: 40px;
	background: url(/images/drinks/subMenuDrinks.gif) 0 0 no-repeat;
	}

.subMenu ul li.active a#subMenuDrinks, 
.subMenu ul li a#subMenuDrinks:hover {
	background-position: 0 -20px;
	color: white;
	}

.subMenu ul li a#subMenuYourDrinks {
	width: 70px;
	background: url(/images/drinks/subMenuYourDrinks.gif) 0 0 no-repeat;
	}

.subMenu ul li.active a#subMenuYourDrinks, 
.subMenu ul li a#subMenuYourDrinks:hover {
	background-position: 0 -20px;
	color: white;
	}

.subMenu ul li a#subMenuMixTipps {
	width: 55px;
	background: url(/images/drinks/subMenuMixTipps.gif) 0 0 no-repeat;
	}

.subMenu ul li.active a#subMenuMixTipps, 
.subMenu ul li a#subMenuMixTipps:hover {
	background-position: 0 -20px;
	color: white;
	}
	
/* SUB NAVIGATION HISTORY */

#menuBrand h3 {
	background: url(/images/brand/subMenuBrandHeadline.gif) 0 0 no-repeat;
	}
	
.subMenu ul li a#subMenuQuality {
	width: 50px;
	background: url(/images/brand/subMenuQuality.gif) 0 0 no-repeat;
	}

.subMenu ul li.active a#subMenuQuality, 
.subMenu ul li a#subMenuQuality:hover {
	background-position: 0 -20px;
	color: white;
	}

.subMenu ul li a#subMenuHistory {
	width: 100px;
	background: url(/images/brand/subMenuHistory.gif) 0 0 no-repeat;
	}

.subMenu ul li.active a#subMenuHistory, 
.subMenu ul li a#subMenuHistory:hover {
	background-position: 0 -20px;
	color: white;
	}
	
/* SUB NAVIGATION RECENT */

#menuRecent h3 {
	background: url(/images/recent/subMenuRecentHeadline.gif) 0 0 no-repeat;
	}
	
.subMenu ul li a#subMenuCampaignWhite {
	width: 170px;
	background: url(/images/recent/subMenuCampaignWhite.gif) 0 0 no-repeat;
	}
	
.subMenu ul li.active a#subMenuCampaignWhite, 
.subMenu ul li a#subMenuCampaignWhite:hover {
	background-position: 0 -20px;
	color: white;
	}

.subMenu ul li a#subMenuRoarContest {
	width: 170px;
	background: url(/images/recent/subMenuRoarContest.gif) 0 0 no-repeat;
	}
	
.subMenu ul li.active a#subMenuRoarContest, 
.subMenu ul li a#subMenuRoarContest:hover {
	background-position: 0 -20px;
	color: white;
	}

.subMenu ul li a#subMenuHardnessTest {
	width: 170px;
	background: url(/images/recent/subMenuHardnessTest.gif) 0 0 no-repeat;
	}
	
.subMenu ul li.active a#subMenuHardnessTest, 
.subMenu ul li a#subMenuHardnessTest:hover {
	background-position: 0 -20px;
	color: white;
	}

.subMenu ul li a#subMenuPhotoGallery {
	width: 170px;
	background: url(/images/recent/subMenuPhotoGallery.gif) 0 0 no-repeat;
	}
	
.subMenu ul li.active a#subMenuPhotoGallery, 
.subMenu ul li a#subMenuPhotoGallery:hover {
	background-position: 0 -20px;
	color: white;
	}
.subMenu ul li a#subMenuVideoGallery {
	width: 80px;
	background: url(/images/recent/subMenuVideoGallery.gif) 0 0 no-repeat;
	}
	
.subMenu ul li.active a#subMenuVideoGallery, 
.subMenu ul li a#subMenuVideoGallery:hover {
	background-position: 0 -20px;
	color: white;
	}

/* SUB NAVIGATION SHOP */

#menuShop h3 {
	background: url(/images/shop/subMenuShopHeadline.gif) 0 0 no-repeat;
	}
	
.subMenu ul li a#subMenuGlaeser {
	width: 40px;
	background: url(/images/shop/subMenuGlasses.gif) 0 0 no-repeat;
	}

.subMenu ul li.active a#subMenuGlaeser, 
.subMenu ul li a#subMenuGlasses:hover {
	background-position: 0 -20px;
	color: white;
	}

.subMenu ul li a#subMenuPuschkinspecials {
	width: 100px;
	background: url(/images/shop/subMenuSpecials.gif) 0 0 no-repeat;
	}

.subMenu ul li.active a#subMenuPuschkinspecials, 
.subMenu ul li a#subMenuSpecials:hover {
	background-position: 0 -20px;
	color: white;
	}

.subMenu ul li a#subMenuSpirituosen {
	width: 100px;
	background: url(/images/shop/subMenuSpirits.gif) 0 0 no-repeat;
	}

.subMenu ul li.active a#subMenuSpirituosen, 
.subMenu ul li a#subMenuSpirits:hover {
	background-position: 0 -20px;
	color: white;
	}

.subMenu ul li a#subMenuTextilien {
	width: 50px;
	background: url(/images/shop/subMenuTextiles.gif) 0 0 no-repeat;
	}

.subMenu ul li.active a#subMenuTextilien, 
.subMenu ul li a#subMenuTextiles:hover {
	background-position: 0 -20px;
	color: white;
	}

/* SUB SUB NAVIGATION */	

.subMenu ul li ul {
	margin: 0 0 5px 0;
	}
	
.subMenu ul li ul li {
	height: auto;
	border: 0;
	padding: 0 0 0 20px;
	line-height: 15px;
	}
	
.subMenu ul li ul li a {
	background: none;
	width: auto;
	height: auto;
	padding: 0 0 0 10px;
	text-indent: 0px;
	font-size: 11px;
	text-decoration: none;
	}
	
.subMenu ul li ul li.active a {
	background: url(/images/linkArrowWhite.gif) 0 4px no-repeat;
	color: white;
	}
