/* START $Id:navigations.css 4739 2009-05-28 10:50:27Z mseckert $ START */
/* Main Navigation */

/* neutralize generic presets */
#mainNavWrp ul {
	overflow:visible;
}
#mainNavWrp li {
	margin-left:0;
}

/* LVL 1 */
#navigationLvl1 {
	padding:0;
	margin:0;
	height:37px;
	list-style-type:none;
	position:relative;
	z-index:55;
	font-size:11px;
	font-weight:bold;
	width:829px;
	background: url(/assets/img/global/navigation/main-navi-filler.png) repeat-x 0px 0px;
}
#navigationLvl1 li {
	float:left;
	padding:0;
	margin:0;
	height:37px;
}
/* Adjusting navigation-bg-image */
#navigationLvl1 li.navigationLvl1 div.linkImageWrapper {
	background:url(/assets/img/global/navigation/main-navi-english.png) no-repeat 0px 0px;
	padding:0;
	margin:0;
	position:relative;
	z-index:55 !important;
	height:37px;
	overflow:hidden;
}
#navigationLvl1 li.navigationLvl1 div.linkImageWrapper a.lvl1Link {
	display:block;
	text-decoration:none;
	height:0;
	overflow:hidden;
	z-index:55 !important;
	margin-top:5px;
	padding-top:36px;
}
#navigationLvl1 li.navigationLvl1.first div.linkImageWrapper a.lvl1Link {
	margin-left:5px;
}
/* IE-Bug:White-Space-Bug*/
#navigationLvl1 li.navigationLvl1 li {
	float:left !important;
	clear:left !important;
}
/* END IE-Bug */
/* do not forget the 5px shadow left */
#navigationLvl1 li.navigationLvl1.navigationModels div.linkImageWrapper {
	background-position:0 0;
	width:200px;
}
#navigationLvl1 li.navigationLvl1.navigationOffers div.linkImageWrapper {
	background-position:-200px 0;
	width:155px;
}
#navigationLvl1 li.navigationLvl1.navigationExperience div.linkImageWrapper {
	background-position:-355px 0;
	width:187px;
}
#navigationLvl1 li.navigationLvl1.navigationOwners div.linkImageWrapper {
	background-position:-542px 0;
	width:135px;
}
/* END Adjusting */

/* Hover and Selected */
#navigationLvl1 li.navigationLvl1.navigationModels.active div.linkImageWrapper,
#navigationLvl1 li.navigationLvl1.navigationModels.hover div.linkImageWrapper {
	background-position:0 -48px;
}
#navigationLvl1 li.navigationLvl1.navigationOffers.active div.navigationOffers,
#navigationLvl1 li.navigationLvl1.navigationOffers.hover div.navigationOffers {
	background-position:-200px -48px;
}
#navigationLvl1 li.navigationLvl1.navigationExperience.active div.navigationExperience,
#navigationLvl1 li.navigationLvl1.navigationExperience.hover div.navigationExperience {
	background-position:-355px -48px;
}
#navigationLvl1 li.navigationLvl1.navigationOwners.active div.navigationOwners,
#navigationLvl1 li.navigationLvl1.navigationOwners.hover div.navigationOwners {
	background-position:-542px -48px;
}
/* END hover and Selected */

#navigationLvl1 li.first {
	position: relative;
	padding:0;
	background-image:none;
}
#navigationLvl1 ul.navigationLvl2,
#navigationLvl1 ul.navigationLvl2 ul.navigationLvl3,
#navigationLvl1 ul.navigationLvl2 ul.soccercard {
	visibility:hidden;
	margin:0;
	padding:0;
	list-style-type:none;
	position:absolute;
	z-index:54;
}

/* LVL 2 */
#navigationLvl1 ul.navigationLvl2 {
	margin-top:-8px;margin-left:-1px;
}
#navigationLvl1 ul.navigationLvl2 li {
	float:none;
	width:210px;
	height:auto;
	margin:0;
	padding:0;
	list-style:none;
	position:relative;
	background:url(/assets/img/global/navigation/navi-final-layout-dropdown-middle-shadow-bg.png) repeat-y right top;
}
#navigationLvl1 ul.navigationLvl2 li.submenuWrapper {
	position:relative;
}
#navigationLvl1 ul.navigationLvl2 li a.sdtNavigation {
	background-image:none;
	background-color:#F7F7F9;
	color:black;
	margin-left:6px;
	padding:4px 8px 5px 16px;
	display:block;
	width:171px;
	border-top:1px solid #d9dadc;
	font-size:11px;
	font-weight:normal;
	text-decoration:none;
}

/* img-arrow:*/
#navigationLvl1 ul.navigationLvl2 li a.sdtNavigation,
#navigationLvl1 ul.navigationLvl2 ul.navigationLvl3 li a.sdtNavigation {
	background:url(/assets/img/global/navigation/main-navigation-active-arrow.png) no-repeat 178px -13px #F7F7F9;
}
#navigationLvl1 ul.navigationLvl2 li.selected a.sdtNavigation,
#navigationLvl1 ul.navigationLvl2 ul.navigationLvl3 li.selected a.sdtNavigation {
	background:url(/assets/img/global/navigation/main-navigation-active-arrow.png) no-repeat 178px 5px #F7F7F9;
}
#navigationLvl1 ul.navigationLvl2 li.first a.sdtNavigation,
#navigationLvl1 ul.navigationLvl2 li.first a.sdtNavigationCallToAction {
	padding-top:14px !important;
}
#navigationLvl1 ul.navigationLvl2 li.first a.sdtNavigationCallToAction {
	background:url(/assets/img/global/navigation/flyout-menu-first-element-shadow.gif) no-repeat 0px 7px #DCDCDC;
}
/* Also for javascript - it activates this class for selected-status*/
#navigationLvl1 ul.navigationLvl2 li.selected a.sdtNavigation,
#navigationLvl1 ul.navigationLvl2 li.hover a.sdtNavigation,
#navigationLvl1 ul.navigationLvl2 li a.sdtNavigationActive,
#navigationLvl1 ul.navigationLvl2 li a.sdtNavigationCallToAction:hover {
	background-color:#E8AE05;
	border-top:1px solid #d9a04b;
	color:white;
}
#navigationLvl1 ul.navigationLvl2 li.first.selected a.sdtNavigationCallToAction {
	background-position:0 -53px; 
}
#navigationLvl1 ul.navigationLvl2 li a.sdtNavigationCallToAction {
	background-image:none;
	background-color:#DCDCDC;
	color:black;
	margin-left:6px;
	padding:4px 8px 5px 16px;
	display:block;
	width:171px;
	border-top:1px solid #ededed;
	font-size:11px;
	font-weight:normal;
	text-decoration: none;
}

#navigationLvl1 ul.navigationLvl2 li.last {
	background:url(/assets/img/global/navigation/navi-final-layout-dropdown-bottom-shadow-bg.png) no-repeat bottom right;
	padding-bottom:10px;
}
#navigationLvl1 ul.navigationLvl2 li.last a {
	border-bottom-width: 0px;
}
#containerMainNavigation a.button {
	border-bottom-width: 1px;
}
/* Call-to-action Links */
#navigationLvl1 ul.navigationLvl2 li div.boxLinkElement {
	margin:0;
	padding:1px 8px 12px 9px;
	width:148px;
	background-color:#f7f8fa;
}
#navigationLvl1 ul.navigationLvl2 li div.first {
	padding:6px 8px 1px 9px;
	border-top:1px solid white;
}
#navigationLvl1 ul.navigationLvl2 li.boxCallToActionLink {
}
#navigationLvl1 ul.navigationLvl2 li div.boxLinkElement a.callToActionLink {
	background-color:#f7f8fa;
	border:none;
	color:black;
}
#navigationLvl1 ul.navigationLvl2 li div.boxLinkElement a.callToActionLink:hover {
	background-color:#f7f8fa;
	border:none;
	color:black;
}

/* LVL 3 */
#navigationLvl1 ul.navigationLvl2 ul.navigationLvl3 {
	top:0px;
	left:198px;
}
#navigationLvl1 ul.navigationLvl2 ul.navigationLvl3 li a.sdtNavigation {
	background-color:#F7F7F9;
	color:black;
	border-top:1px solid #d9dadc;
	font-size:11px;
	font-weight:normal;
}
/* Also for javascript - it activates this class for selected-status*/
#navigationLvl1 ul.navigationLvl2 ul.navigationLvl3 li a.sdtNavigation:hover,
#navigationLvl1 ul.navigationLvl2 ul.navigationLvl3 li.selected a.sdtNavigation,
#navigationLvl1 ul.navigationLvl2 ul.navigationLvl3 li a.sdtNavigationActive,
#navigationLvl1 ul.navigationLvl2 ul.navigationLvl3 li a.sdtNavigationCallToAction:hover {
	background-color:#E8AE05;
	border-top:1px solid #d9a04b;
	color:white;
}
#navigationLvl1 ul.navigationLvl2 ul.navigationLvl3 li.first a.sdtNavigation {
	padding-top:4px !important;
	border-top:0;
}

/* Soccercard */
#navigationLvl1 ul.navigationLvl2 ul.soccercard {
	top:0px;
	left:204px;
}
#navigationLvl1 ul.navigationLvl2 ul.soccercard li {
	width:223px;
	padding:0 0 7px 0;
	background:url(/assets/img/global/navigation/soccercard-bg-bottom.png) no-repeat bottom right;
}
/* call-to-action-button specifications */
#navigationLvl1 ul.navigationLvl2 ul.soccercard li .button {
	margin: 0px 26px 8px;
}

/* box Top */
#navigationLvl1 ul.navigationLvl2 ul.soccercard div.boxTop {
	background:url(/assets/img/global/navigation/soccercard-bg-top.png) no-repeat right top;
	padding-right:8px;
}
#navigationLvl1 ul.navigationLvl2 ul.soccercard div.boxTop div.wrapper {
	background-color:#f7f7f9;
}
#navigationLvl1 ul.navigationLvl2 ul.soccercard span.headline {
	display:block;
	font-size:16px;
	font-weight:bold;
	line-height:16px;
	color:#4a4a4a;
	padding:12px 26px;
	margin:0;
}
#navigationLvl1 ul.navigationLvl2 ul.soccercard span.teaser {
	display:block;
	font-size:12px;
	font-weight:bold;
	color:#4a4a4a;
	padding:0 26px 0 26px;
}
#navigationLvl1 ul.navigationLvl2 ul.soccercard span.teaser span.price {
	font-size:21px;
	font-weight:bold;
}
/* box Content */
#navigationLvl1 ul.navigationLvl2 ul.soccercard div.boxContent {
	background:url(/assets/img/global/navigation/soccercard-bg-middle.png) repeat-y right top;
	padding-right:8px;
}
#navigationLvl1 ul.navigationLvl2 ul.soccercard div.boxContent div.wrapper {
	background-color:#f7f7f9;
	padding:0 0 15px 0;
	overflow:hidden;
}
#navigationLvl1 ul.navigationLvl2 ul.soccercard img {
	margin:0 0 3px 0;
	padding:0;
	display:block;
}

/* mainNavigationLvl2 */
#mainNavigationLvl2 {
	background:url(/assets/img/global/navigation/mainnavigation-lvl2-bg.png) no-repeat 1px bottom;
	position:relative;
	z-index:49;
	height:30px;
	margin-left: 4px;
	overflow:hidden;
}
#mainNavigationLvl2 li {
	float:left;
	height:14px;
	overflow:hidden;
	padding:8px 11px 8px 11px;
	font-size:11px;
	background-repeat:no-repeat;
	background-position:0 0;
}
#mainNavigationLvl2 li.first.active {
	background: url(/assets/img/global/navigation/mainnavigation-lvl2-first-bg-active.png) no-repeat 1px bottom;
}
#mainNavigationLvl2 li a:hover {
	color:#000;
	text-decoration:underline;
}
#mainNavigationLvl2 li.active a:hover {
	text-decoration:none !important;
}
#mainNavigationLvl2 li a {
	color:#000;
	text-decoration:none;
}
#mainNavigationLvl2 li.active {
	background: url(/assets/img/global/navigation/mainnavigation-lvl2-bg-active.png) repeat-x;
}
#mainNavigationLvl2 li.active	a {
	color:#fff;
}
/* OLD.....:LVL 4 */
#navigationLvl4 {
	background-color:#fff;
	position:absolute;
	top:0;
	left:0;
	z-index:49;
	height:36px;
	width:100%;
	padding-top:30px;
}
#navigationLvl4 li {
	float:left;
	height:24px;
	margin-top:10px;
	padding:0;
	border-left:1px solid #EDEFF1;
	overflow:hidden;
}
#navigationLvl4 li table {
	padding:0;
	margin:0;
	border-spacing:0;
}
#navigationLvl4 li td {
	padding:0 18px 0 18px;
	margin:0;
	height:24px;
	line-height:12px;
	font-size:10px;
	text-align:center;
}
#navigationLvl4 li a {
	font-size:10px;
	font-weight:bold;
	color:#444446;
}
/* Selected and Hover */
#navigationLvl4 li.selected {
	border-left:1px solid #444446;
	border-right:1px solid #444446;
}
#navigationLvl4 li.selected a {
	color:#bb7e38;
}
#navigationLvl4 li.first {
	border-left:none;
}
#navigationLvl4 li.last {
	border-right:none;
}

/* END   $Id:navigations.css 4739 2009-05-28 10:50:27Z mseckert $ END   */
