/**
 * Theme: BrandShaper2015 Theme
 *
 * $Author: bong-chu.papke@mrm.de $
 * $Revision: 24155 $
 * $Date: 2016-02-17 12:11:00 +0100 (Mi, 17 Feb 2016) $
 *
 * Usage:
 * - Model Overview (t06)
 *
 * Adapted Components:
 * - Mh_1
 * - Mh_scroller_1
 * - Share_2
 * - Mm_hotspot_1
 * - Iframe_2
 * - Mm_1
 * - Cnt_well_1
 * - Nav_anchor_1
 * - Cnt_hl_1
 * - Nav_tablay_1
 * - Cnt_btn_1
 * - modNav_sec
 */


/* general page, header and footer adjustments */

html {
	background: #e0dcdd url("../images/background.png") left top repeat-x;
}

#container {
	background: none;
	filter: none;
}

.mds-area-header {
	background-color: transparent;
}

.modNav_prim {
	margin-left: 16px;
}

.modNav_sec {
	background: none;
}

.modNav_sec a {
	color: #111;
}

.modNav_utility_1 {
	left: 0;
	padding-left: 6px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}


div.mds-area-content {
	overflow: visible;
	width: 1024px;
	margin-top: 0;
	margin-left: 0;
	margin-right: 0;
	padding-left: 0;
	padding-right: 0;
	background-color: transparent;
}

#mds-area-footer,
#mds-area-legal,
.mds-area-seo_text {
	color: #777;
}


/* Opel font */

.modMh_scroller_1 .mh_content .modMh_title_1 h2,
.modMm_1 .tx,
.modMm_hotspot_1 .tx,
.modNav_anchor_1 ul li {
	font-family: 'OpelSansW01', sans-serif;
	font-weight: normal;
}

/****************** Latin Extended 1 ******************/
/* Croatian */
html[lang|="hr"] .modMh_scroller_1 .mh_content .modMh_title_1 h2,
html[lang|="hr"] .modMm_1 .tx,
html[lang|="hr"] .modMm_hotspot_1 .tx,
html[lang|="hr"] .modNav_anchor_1 ul li,
/* Czech */
html[lang|="cs"] .modMh_scroller_1 .mh_content .modMh_title_1 h2,
html[lang|="cs"] .modMm_1 .tx,
html[lang|="cs"] .modMm_hotspot_1 .tx,
html[lang|="cs"] .modNav_anchor_1 ul li,
/* Estonian */
html[lang|="et"] .modMh_scroller_1 .mh_content .modMh_title_1 h2,
html[lang|="et"] .modMm_1 .tx,
html[lang|="et"] .modMm_hotspot_1 .tx,
html[lang|="et"] .modNav_anchor_1 ul li,
/* Hungarian */
html[lang|="hu"] .modMh_scroller_1 .mh_content .modMh_title_1 h2,
html[lang|="hu"] .modMm_1 .tx,
html[lang|="hu"] .modMm_hotspot_1 .tx,
html[lang|="hu"] .modNav_anchor_1 ul li,
/* Latvian */
html[lang|="lv"] .modMh_scroller_1 .mh_content .modMh_title_1 h2,
html[lang|="lv"] .modMm_1 .tx,
html[lang|="lv"] .modMm_hotspot_1 .tx,
html[lang|="lv"] .modNav_anchor_1 ul li,
/* Lithuanian */
html[lang|="lt"] .modMh_scroller_1 .mh_content .modMh_title_1 h2,
html[lang|="lt"] .modMm_1 .tx,
html[lang|="lt"] .modMm_hotspot_1 .tx,
html[lang|="lt"] .modNav_anchor_1 ul li,
/* Polish */
html[lang|="pl"] .modMh_scroller_1 .mh_content .modMh_title_1 h2,
html[lang|="pl"] .modMm_1 .tx,
html[lang|="pl"] .modMm_hotspot_1 .tx,
html[lang|="pl"] .modNav_anchor_1 ul li,
/* Romanian */
html[lang|="ro"] .modMh_scroller_1 .mh_content .modMh_title_1 h2,
html[lang|="ro"] .modMm_1 .tx,
html[lang|="ro"] .modMm_hotspot_1 .tx,
html[lang|="ro"] .modNav_anchor_1 ul li,
/* Serbian */
html[lang|="sr"] .modMh_scroller_1 .mh_content .modMh_title_1 h2,
html[lang|="sr"] .modMm_1 .tx,
html[lang|="sr"] .modMm_hotspot_1 .tx,
html[lang|="sr"] .modNav_anchor_1 ul li,
/* Slovak */
html[lang|="sk"] .modMh_scroller_1 .mh_content .modMh_title_1 h2,
html[lang|="sk"] .modMm_1 .tx,
html[lang|="sk"] .modMm_hotspot_1 .tx,
html[lang|="sk"] .modNav_anchor_1 ul li,
/* Slovenian */
html[lang|="sl"] .modMh_scroller_1 .mh_content .modMh_title_1 h2,
html[lang|="sl"] .modMm_1 .tx,
html[lang|="sl"] .modMm_hotspot_1 .tx,
html[lang|="sl"] .modNav_anchor_1 ul li,
/* Turkish */
html[lang|="tr"] .modMh_scroller_1 .mh_content .modMh_title_1 h2,
html[lang|="tr"] .modMm_1 .tx,
html[lang|="tr"] .modMm_hotspot_1 .tx,
html[lang|="tr"] .modNav_anchor_1 ul li {
	font-family: 'OpelSansW02', sans-serif;
}

/****************** Cyrillic ******************/
/* Avar */
html[lang|="av"] .modMh_scroller_1 .mh_content .modMh_title_1 h2,
html[lang|="av"] .modMm_1 .tx,
html[lang|="av"] .modMm_hotspot_1 .tx,
html[lang|="av"] .modNav_anchor_1 ul li,
/* Balkar */
html[lang|="krc"] .modMh_scroller_1 .mh_content .modMh_title_1 h2,
html[lang|="krc"] .modMm_1 .tx,
html[lang|="krc"] .modMm_hotspot_1 .tx,
html[lang|="krc"] .modNav_anchor_1 ul li,
/* Belarusian */
html[lang|="be"] .modMh_scroller_1 .mh_content .modMh_title_1 h2,
html[lang|="be"] .modMm_1 .tx,
html[lang|="be"] .modMm_hotspot_1 .tx,
html[lang|="be"] .modNav_anchor_1 ul li,
/* Bulgarian */
html[lang|="bg"] .modMh_scroller_1 .mh_content .modMh_title_1 h2,
html[lang|="bg"] .modMm_1 .tx,
html[lang|="bg"] .modMm_hotspot_1 .tx,
html[lang|="bg"] .modNav_anchor_1 ul li,
/* Chechen */
html[lang|="ce"] .modMh_scroller_1 .mh_content .modMh_title_1 h2,
html[lang|="ce"] .modMm_1 .tx,
html[lang|="ce"] .modMm_hotspot_1 .tx,
html[lang|="ce"] .modNav_anchor_1 ul li,
/* Erzya */
html[lang|="myv"] .modMh_scroller_1 .mh_content .modMh_title_1 h2,
html[lang|="myv"] .modMm_1 .tx,
html[lang|="myv"] .modMm_hotspot_1 .tx,
html[lang|="myv"] .modNav_anchor_1 ul li,
/* Ingush */
html[lang|="inh"] .modMh_scroller_1 .mh_content .modMh_title_1 h2,
html[lang|="inh"] .modMm_1 .tx,
html[lang|="inh"] .modMm_hotspot_1 .tx,
html[lang|="inh"] .modNav_anchor_1 ul li,
/* Lezgian */
html[lang|="lez"] .modMh_scroller_1 .mh_content .modMh_title_1 h2,
html[lang|="lez"] .modMm_1 .tx,
html[lang|="lez"] .modMm_hotspot_1 .tx,
html[lang|="lez"] .modNav_anchor_1 ul li,
/* Macedonian */
html[lang|="mk"] .modMh_scroller_1 .mh_content .modMh_title_1 h2,
html[lang|="mk"] .modMm_1 .tx,
html[lang|="mk"] .modMm_hotspot_1 .tx,
html[lang|="mk"] .modNav_anchor_1 ul li,
/* Moldavian */
html[lang|="mo"] .modMh_scroller_1 .mh_content .modMh_title_1 h2,
html[lang|="mo"] .modMm_1 .tx,
html[lang|="mo"] .modMm_hotspot_1 .tx,
html[lang|="mo"] .modNav_anchor_1 ul li,
/* Ossetian */
html[lang|="os"] .modMh_scroller_1 .mh_content .modMh_title_1 h2,
html[lang|="os"] .modMm_1 .tx,
html[lang|="os"] .modMm_hotspot_1 .tx,
html[lang|="os"] .modNav_anchor_1 ul li,
/* Russian */
html[lang|="ru"] .modMh_scroller_1 .mh_content .modMh_title_1 h2,
html[lang|="ru"] .modMm_1 .tx,
html[lang|="ru"] .modMm_hotspot_1 .tx,
html[lang|="ru"] .modNav_anchor_1 ul li,
/* Ukrainian */
html[lang|="uk"] .modMh_scroller_1 .mh_content .modMh_title_1 h2,
html[lang|="uk"] .modMm_1 .tx,
html[lang|="uk"] .modMm_hotspot_1 .tx,
html[lang|="uk"] .modNav_anchor_1 ul li {
	font-family: 'OpelSansW10', sans-serif;
}

/****************** Greek ******************/
html[lang|="el"] .modMh_scroller_1 .mh_content .modMh_title_1 h2,
html[lang|="el"] .modMm_1 .tx,
html[lang|="el"] .modMm_hotspot_1 .tx,
html[lang|="el"] .modNav_anchor_1 ul li {
	font-family: 'OpelSansW15', sans-serif;
}


.modCnt_well_1[id|='models_thumbs'] .modMm_1 .thumbnails-scroller .caroufredsel_wrapper > ul > li h2.tx {
	font-family: 'OpelSansW01Bold', sans-serif;
	font-weight: normal;
}

/****************** Latin Extended 1 ******************/
/* Croatian */
html[lang|="hr"] .modCnt_well_1[id|='models_thumbs'] .modMm_1 .thumbnails-scroller .caroufredsel_wrapper > ul > li h2.tx,
/* Czech */
html[lang|="cs"] .modCnt_well_1[id|='models_thumbs'] .modMm_1 .thumbnails-scroller .caroufredsel_wrapper > ul > li h2.tx,
/* Estonian */
html[lang|="et"] .modCnt_well_1[id|='models_thumbs'] .modMm_1 .thumbnails-scroller .caroufredsel_wrapper > ul > li h2.tx,
/* Hungarian */
html[lang|="hu"] .modCnt_well_1[id|='models_thumbs'] .modMm_1 .thumbnails-scroller .caroufredsel_wrapper > ul > li h2.tx,
/* Latvian */
html[lang|="lv"] .modCnt_well_1[id|='models_thumbs'] .modMm_1 .thumbnails-scroller .caroufredsel_wrapper > ul > li h2.tx,
/* Lithuanian */
html[lang|="lt"] .modCnt_well_1[id|='models_thumbs'] .modMm_1 .thumbnails-scroller .caroufredsel_wrapper > ul > li h2.tx,
/* Polish */
html[lang|="pl"] .modCnt_well_1[id|='models_thumbs'] .modMm_1 .thumbnails-scroller .caroufredsel_wrapper > ul > li h2.tx,
/* Romanian */
html[lang|="ro"] .modCnt_well_1[id|='models_thumbs'] .modMm_1 .thumbnails-scroller .caroufredsel_wrapper > ul > li h2.tx,
/* Serbian */
html[lang|="sr"] .modCnt_well_1[id|='models_thumbs'] .modMm_1 .thumbnails-scroller .caroufredsel_wrapper > ul > li h2.tx,
/* Slovak */
html[lang|="sk"] .modCnt_well_1[id|='models_thumbs'] .modMm_1 .thumbnails-scroller .caroufredsel_wrapper > ul > li h2.tx,
/* Slovenian */
html[lang|="sl"] .modCnt_well_1[id|='models_thumbs'] .modMm_1 .thumbnails-scroller .caroufredsel_wrapper > ul > li h2.tx,
/* Turkish */
html[lang|="tr"] .modCnt_well_1[id|='models_thumbs'] .modMm_1 .thumbnails-scroller .caroufredsel_wrapper > ul > li h2.tx {
	font-family: 'OpelSansW02Bold', sans-serif;
}

/****************** Cyrillic ******************/
/* Avar */
html[lang|="av"] .modCnt_well_1[id|='models_thumbs'] .modMm_1 .thumbnails-scroller .caroufredsel_wrapper > ul > li h2.tx,
/* Balkar */
html[lang|="krc"] .modCnt_well_1[id|='models_thumbs'] .modMm_1 .thumbnails-scroller .caroufredsel_wrapper > ul > li h2.tx,
/* Belarusian */
html[lang|="be"] .modCnt_well_1[id|='models_thumbs'] .modMm_1 .thumbnails-scroller .caroufredsel_wrapper > ul > li h2.tx,
/* Bulgarian */
html[lang|="bg"] .modCnt_well_1[id|='models_thumbs'] .modMm_1 .thumbnails-scroller .caroufredsel_wrapper > ul > li h2.tx,
/* Chechen */
html[lang|="ce"] .modCnt_well_1[id|='models_thumbs'] .modMm_1 .thumbnails-scroller .caroufredsel_wrapper > ul > li h2.tx,
/* Erzya */
html[lang|="myv"] .modCnt_well_1[id|='models_thumbs'] .modMm_1 .thumbnails-scroller .caroufredsel_wrapper > ul > li h2.tx,
/* Ingush */
html[lang|="inh"] .modCnt_well_1[id|='models_thumbs'] .modMm_1 .thumbnails-scroller .caroufredsel_wrapper > ul > li h2.tx,
/* Lezgian */
html[lang|="lez"] .modCnt_well_1[id|='models_thumbs'] .modMm_1 .thumbnails-scroller .caroufredsel_wrapper > ul > li h2.tx,
/* Macedonian */
html[lang|="mk"] .modCnt_well_1[id|='models_thumbs'] .modMm_1 .thumbnails-scroller .caroufredsel_wrapper > ul > li h2.tx,
/* Moldavian */
html[lang|="mo"] .modCnt_well_1[id|='models_thumbs'] .modMm_1 .thumbnails-scroller .caroufredsel_wrapper > ul > li h2.tx,
/* Ossetian */
html[lang|="os"] .modCnt_well_1[id|='models_thumbs'] .modMm_1 .thumbnails-scroller .caroufredsel_wrapper > ul > li h2.tx,
/* Russian */
html[lang|="ru"] .modCnt_well_1[id|='models_thumbs'] .modMm_1 .thumbnails-scroller .caroufredsel_wrapper > ul > li h2.tx,
/* Ukrainian */
html[lang|="uk"] .modCnt_well_1[id|='models_thumbs'] .modMm_1 .thumbnails-scroller .caroufredsel_wrapper > ul > li h2.tx {
	font-family: 'OpelSansW10Bold', sans-serif;
}

/****************** Greek ******************/
html[lang|="el"] .modCnt_well_1[id|='models_thumbs'] .modMm_1 .thumbnails-scroller .caroufredsel_wrapper > ul > li h2.tx {
	font-family: 'OpelSansW15Bold', sans-serif;
}



/* Masthead */

div.masthead .modMh_1 {
	position: relative;
	margin-left: -24px;
	margin-right: -24px;
	padding-top: 0;
}

/* removing spacing (on the left and right) on devices like iPad */
@media (max-width: 1024px) {
	div.masthead .modMh_1 {
		margin-left: 0;
		margin-right: 0;
		padding-left: 0;
		padding-right: 0;
		border-left: none;
		border-right: none;
	}
}

.modMh_1 .mmScroll {
	padding-left: 0;
	padding-right: 0;
}

.firefox .modMh_1 .mmScroll {
	margin-bottom: -6px;
}


/* Mh_scroller_1 */

.mod.modMh_scroller_1 {
	margin-top: 24px;
	border: 24px solid #f8f8f8;
}

/* removing border (on the left and right) on devices like iPad */
@media (max-width: 1024px) {
	.mod.modMh_scroller_1 {
		border-left: 0;
		border-right: 0;
	}
}

.modMh_scroller_1 .mh_content .modMh_title_1 {
	margin: 0 8px;
	width: auto;
	height: auto;
}

.modMh_scroller_1 .mh_content .modMh_title_1 h2 {
	margin: 0;
	font-size: 24px;
	line-height: 0.93;
	text-transform: none;
}

.modMh_scroller_1 .mh_content .modMh_title_1 .tx {
	display: block;
	padding-top: 10px;
	font-size: 14px;
}

.modMh_scroller_1 .mmScrollThumbnailPaginationInnerWrp {
	width: auto;
	margin: 16px 16px 24px;
	padding: 16px 4px 16px 17px;
	background: #414141;
	background: rgba(65, 65, 65, 0.4);
	filter: none;
}

.modMh_scroller_1 .mmScrollThumbnailPaginationWrp .thumbsBtn.prev {
	left: 16px;
}

.modMh_scroller_1 .mmScrollThumbnailPaginationWrp .thumbsBtn.next {
	right: 16px;
}


/* Share_2 */

.mod.modShare_2 {
	float: right;
	margin-left: -24px;
	margin-right: -24px;
	padding-left: 24px;
	padding-right: 24px;
	padding-bottom: 10px;
}

/* removing spacing (on the left and right) on devices like iPad */
@media (max-width: 1024px) {
	.mod.modShare_2 {
		margin-left: 0;
		margin-right: 0;
	}
}

.modMh_1 .mod.modShare_2 {
	position: relative;
	float: none;
	margin: -16px 0 0;
	background-color: #f8f8f8;
}

.modMh_1 .mod.modShare_2 dl {
	float: right;
}

.modMh_1 .modShare_2:before {
	content: " ";
	display: table;
}
.modMh_1 .modShare_2:after {
	content: " ";
	display: table;
	clear: both;
}


/* Mm_hotspot_1 */

/* removing top margin from the "in-page image navigation" */
.contentArea > .mds-area-pf1 > .section > .modMm_hotspot_1 {
	margin-top: 0;
}

.modCnt_well_1 > div > .section > .modMm_hotspot_1 {
	margin-left: -24px;
	margin-right: -24px;
	border: 24px solid #f8f8f8;
}

/* removing spacing (on the left and right) on devices like iPad */
@media (max-width: 1024px) {
	.modCnt_well_1 > div > .section > .modMm_hotspot_1 {
		margin-left: 0;
		margin-right: 0;
		border-left: 0;
		border-right: 0;
	}
}

.modMm_hotspot_1 .modMm_slidetext_1 {
	margin-top: 0;
}

.modMm_hotspot_1 .modMm_slidetext_1 h2 .st {
	line-height: 0.93;
}

.modMm_hotspot_1 .modMm_slidetext_1 .slide-body-full {
	font-size: 14px;
}

.modMm_hotspot_1 .modMm_slidetext_1 .slide-body-full .tx {
	padding-top: 10px;
}

.modMm_hotspot_1 .modMm_slidetext_1 ul li {
	position: relative;
	list-style-type: none;
}

.modMm_hotspot_1 .modMm_slidetext_1 ul li:before {
	 content: '\00b7';
	 position: absolute;
	 top: 0;
	 left: -18px;
	 font-size: 36px;
	 color: #febe10;
 }


/* Iframe_2 */

.mod.modIframe_2 {
	margin-left: -24px;
	margin-right: -24px;
	border: 24px solid #f8f8f8;
}

/* removing spacing (on the left and right) on devices like iPad */
@media (max-width: 1024px) {
	.mod.modIframe_2 {
		margin-left: 0;
		margin-right: 0;
		border-left: 0;
		border-right: 0;
	}
}

.modMh_1 .modIframe_2 {
	margin: 0;
}


/* Mm_1 */

.mod.modMm_1 {
	margin-left: -24px;
	margin-right: -24px;
	background-color: #f8f8f8;
	border: 24px solid #f8f8f8;
	border-bottom-width: 16px;
}

.modMh_1 .modMm_1 {
	margin: 24px 0 0;
}

.ui-dialog .modMm_1 {
	background-color: transparent;
	border: none;
}

/* removing spacing (on the left and right) on devices like iPad */
@media (max-width: 1024px) {
	.mod.modMm_1 {
		margin-left: 0;
		margin-right: 0;
		border-left: 0;
		border-right: 0;
	}

	.modMm_1 > .mmScroll .mmScrollBtn.prev { left: 0; }
	.modMm_1 > .mmScroll .mmScrollBtn.next { right: 0; }
}

.modMm_1 .mmScrollBtn,
.modMm_1 .mmScrollPaginationWrp {
	z-index: 98;
}

.modMm_1 .thumbnails-scroller {
	margin-bottom: -8px;
}

.modMm_1 .thumbnails-scroller .caroufredsel_wrapper > ul > li {
	width: auto;
	min-width: 80px;
	max-width: 240px;
	background-color: transparent;
}

.modMm_1 .thumbnails-scroller .caroufredsel_wrapper > ul > li h2.tx {
	padding: 8px 16px 7px;
	line-height: 18px;
	background-color: transparent;
}

.modMm_1 .thumbnails-scroller .caroufredsel_wrapper > ul > li span.desc {
	padding: 0;
}

.modMm_1 .modCnt_btn_1 {
	font-size: 14px;
}

/* GMDSSDS-63503 - should have been fixed with GMWP 4.11 */
.ipad .modMm_1 {
	overflow: visible;
}

/* workaround for Mm_1 covered by Nav_anchor_1 (when deeplinking to slides) */
.modMm_1 .mm_mos_1_item {
	padding-top: 50px;
}

.modMm_1 .caroufredsel_wrapper > ul {
	margin-top: -50px;
}

.modMm_1 > .mmScroll > .mmScrollBtn {
	margin-top: 0;
}

/* undo workaround for Mm_1 in first content container and for thumbnail scroller */
.mds-area-pf1:first-child .modMm_1 .mm_mos_1_item {
	padding-top: 0;
}

.modMm_1 .thumbnails-scroller .caroufredsel_wrapper > ul,
.mds-area-pf1:first-child .modMm_1 .caroufredsel_wrapper > ul {
	margin-top: 0;
}

.mds-area-pf1:first-child .modMm_1 > .mmScroll > .mmScrollBtn {
	margin-top: -25px;
}

.modMm_1 > .mmScroll.thumbnails-scroller > .mmScrollBtn {
	margin-top: -21px;
}



/* Cnt_well_1 */

.mds-area-pf1 .modCnt_well_1 {
	margin: 0;
	padding-bottom: 0;
}

.contentArea .mds-area-pf1:first-child .modCnt_well_1[id|='brandShaper2015'] {
	margin-top: 24px;
}

.modCnt_well_1[id|='brandShaper2015'] {
	margin-left: -24px;
	margin-right: -24px;
	background-color: #f8f8f8;
	border: 24px solid #f8f8f8;
	border-top: none;
}

/* removing border (on the left and right) on devices like iPad */
@media (max-width: 1024px) {
	.modCnt_well_1[id|='brandShaper2015'] {
		margin-left: 0;
		margin-right: 0;
		border-left: 0;
		border-right: 0;
		overflow: hidden;
	}
}

.modCnt_well_1#brandShaper2015-wom {
	margin-top: 0;
}

.modCnt_well_1#brandShaper2015-getintouch {
	margin-top: 24px;
}


/* Nav_anchor_1 */

.modNav_anchor_1 {
	margin-left: -24px;
	margin-right: -24px;
	padding: 0 0 6px;
	background-color: #fff;
}

/* removing spacing (on the left and right) on devices like iPad */
@media (max-width: 1024px) {
	.modNav_anchor_1 {
		margin-left: 0;
		margin-right: 0;
	}
}

.modNav_anchor_1 ul {
	margin-left: 8px;
	margin-right: 8px;
}

.modNav_anchor_1 ul li {
	display: block;
	float: left;
	margin: 12px 16px 6px;
}

.modNav_anchor_1 ul li a {
	font-size: 14px;
	border-bottom: 3px solid transparent;
}

.no-touch .modNav_anchor_1 ul li:hover a,
.modNav_anchor_1 ul li.active a {
	border-bottom-color: #f7d900;
}

.modNav_anchor_1 .modCnt_btn_1 {
	margin: 0;
}


/* Cnt_hl_1 (models & specs // downloads) */

.modCnt_hl_1 {
	margin-left: -24px;
	margin-right: -24px;
	background-color: #f8f8f8;
	border: 24px solid #f8f8f8;
	border-bottom: 0;
}

/* removing spacing (on the left and right) on devices like iPad */
@media (max-width: 1024px) {
	.modCnt_hl_1 {
		margin-left: 0;
		margin-right: 0;
		border-left: 0;
		border-right: 0;
	}
}


/* Nav_tablay_1 (models & specs) */

.modNav_tablay_1 {
	margin-top: 0;
	margin-left: -24px;
	margin-right: -24px;
	background-color: #f8f8f8;
	border: 24px solid #f8f8f8;
}

/* removing spacing (on the left and right) on devices like iPad */
@media (max-width: 1024px) {
	.modNav_tablay_1 {
		margin-left: 0;
		margin-right: 0;
		border-left: 0;
		border-right: 0;
	}
}

.modNav_tablay_1 > ul {
	margin-left: 0;
	margin-right: 0;
}

.modNav_tablay_1 .ui-tabs-panel {
	margin-left: -8px;
	margin-right: -8px;
}


/* Cnt_btn_1 */

.modMm_hotspot_1 .modCnt_btn_1 {
	font-size: 14px;
}


/* modNav_sec */

.modNav_sec ul li {
	padding: 2px 8px 0;
}

.modNav_sec ul li:first-child {
	padding-left: 16px;
}

.modNav_sec ul li:first-child a {
	padding-left: 0;
}

.modNav_sec ul li.active,
.modNav_sec ul li:hover {
	background: none transparent;
	filter: none;
}

.modNav_sec ul li a {
	padding-left: 0;
	padding-right: 0;
	padding-bottom: 3px;
	font-size: 14px;
	border-bottom: 4px solid transparent;
}

.modNav_sec ul li.active a,
.modNav_sec ul li a:hover {
	border-bottom-color: #f7d900;
}



/* Misc */

/* 3-column and 4-column grids */
.mds-area-pf3 > div {
	width: 33.3%;
}

.mds-area-pf4 > div {
	width: 25%;
}

.modCnt_well_1[id|='brandShaper2015'] .mds-area-pf4 {
	margin-left: -8px;
	margin-right: -8px;
}

.modCnt_well_1[id|='brandShaper2015'] .modNav_tablay_1 .mds-area-pf4 {
	margin-left: 0;
	margin-right: 0;
}

/* making text-align right of headlines work */
span.ui-align-right {
	display: block;
	text-align: right;
}

/* web clipping (configurator) */
.mds-area-content#mds-tpl-16 {
	margin-top: 24px;
	margin-left: -24px;
	margin-right: -24px;
	border: 24px solid #fff;
	border-top-width: 8px;
	border-bottom-width: 0;
}

@media (max-width: 1024px) {
	.mds-area-content#mds-tpl-16 {
		width: 976px;
		margin-left: 0;
		margin-right: 0;
	}
}



/* Sticky navigation */

/*** polyfills CSS ***/
.fixedsticky {
	position: -webkit-sticky;
	position: -moz-sticky;
	position: -ms-sticky;
	position: -o-sticky;
	position: sticky;
}

/* When position: sticky is supported but native behavior is ignored */
.fixedsticky-withoutfixedfixed .fixedsticky-off,
.fixed-supported .fixedsticky-off {
	position: static;
}

.fixedsticky-withoutfixedfixed .fixedsticky-on,
.fixed-supported .fixedsticky-on {
	position: fixed;
}

.fixedsticky-dummy {
	display: none;
}

.fixedsticky-on + .fixedsticky-dummy {
	display: block;
}

/*** own css ***/
.fixedsticky {
	top: 0;
}

.parsys_c1.contentArea .mds-area-pf1.fixedsticky {
	z-index: 99;
	width: 1024px;
}

.parsys_c1.contentArea .mds-area-pf1.fixedsticky .modNav_anchor_1 {
	margin-top: 8px;
}

.parsys_c1.contentArea .mds-area-pf1.fixedsticky.fixedsticky-on .modNav_anchor_1 {
	margin-top: 0;
}



/* Mm_1 Thumbnail-Scroller */

.modCnt_well_1[id|='models_thumbs'] .modMm_1 {
	position: relative;
}

.modCnt_well_1[id|='models_thumbs'] .modMm_1 .thumbnails-scroller {
	position: absolute;
	bottom: 8px;
	width: 992px;
	margin: 0 16px 0 16px;
	padding: 5px 0 0;
	overflow: hidden;
	background: #414141;
	background: rgba(65, 65, 65, 0.4);
	filter: none;
}

.modCnt_well_1[id|='models_thumbs'] .modMm_1 .thumbnails-scroller .thumbsBtn.prev {
	left: 16px;
}

.modCnt_well_1[id|='models_thumbs'] .modMm_1 .thumbnails-scroller .thumbsBtn.next {
	right: 16px;
}

.modCnt_well_1[id|='models_thumbs'] .modMm_1 .thumbnails-scroller .caroufredsel_wrapper > ul > li {
	margin-left: -8px;
	margin-right: 24px;
}

.modCnt_well_1[id|='models_thumbs'] .modMm_1 .thumbnails-scroller .caroufredsel_wrapper > ul > li h2.tx {
	padding-left: 0;
	color: #fff;
	font-size: 16px;
	text-align: left;
}

.modCnt_well_1[id|='models_thumbs'] .modMm_1 .thumbnails-scroller .caroufredsel_wrapper > ul > li.active {
	background-color: transparent;
}

.modCnt_well_1[id|='models_thumbs'] .modMm_1 .thumbnails-scroller .caroufredsel_wrapper > ul > li.active h2.tx {
	color: #f7d900;
	background-color: transparent;
}

.modCnt_well_1[id|='models_thumbs'] .modMm_1 .thumbnails-scroller .caroufredsel_wrapper > ul > li.active:after,
.modCnt_well_1[id|='models_thumbs'] .modMm_1 .thumbnails-scroller .caroufredsel_wrapper > ul > li:hover:after  {
	display: block;
	position: absolute;
	top: 0;
	width: 174px;
	height: 73px;
	margin-left: 0;
	content: '';
	background: rgba(254, 190, 16, 0.4) none repeat scroll 0 0;
}

.modCnt_well_1[id|='models_thumbs'] .modMm_1 .thumbnails-scroller .caroufredsel_wrapper > ul > li.active img {
	opacity: 1;
}


/* Accessories */

#brandShaper2015-accessories .mds-area-pf3 .pf3ab {
	width: 75%;
}

#brandShaper2015-accessories .mds-area-pf3 .pf3c {
	width: 25%;
}

#brandShaper2015-accessories .mds-area-pf3 .modMm_mos_1 {
	width: 752px;
	margin-top: 0;
	margin-left: -16px;
}

/* removing margin-left on devices like iPad */
@media (max-width: 1024px) {
	#brandShaper2015-accessories .mds-area-pf3 .modMm_mos_1 {
		margin-left: 0;
	}
}

#brandShaper2015-accessories .mds-area-pf3 .modMm_mos_1 .prev,
#brandShaper2015-accessories .mds-area-pf3 .modMm_mos_1 .next {
	top: 38px;
	margin-top: 0;
}

#brandShaper2015-accessories .mds-area-pf3 .modMm_mos_1 .mm_mos_1_item {
	width: 744px;
	padding: 0 4px;
}

#brandShaper2015-accessories .mds-area-pf3 .modMm_mos_1 .mm_mos_1_item .mds-area-pf3 > div {
	width: 33.333333%;
}

#brandShaper2015-accessories .mds-area-pf3 .modMm_mos_1 .mm_mos_1_item .mds-area-pf3 > div [class*=modTs_] {
	position: relative;
	margin-left: 12px;
	margin-right: 12px;
}

#brandShaper2015-accessories [class*=modTs_] {
	background: transparent;
	border: none;
}

#brandShaper2015-accessories [class*=modTs_] > div {
	padding-top: 11px;
	padding-bottom: 0;
}

#brandShaper2015-accessories [class*=modTs_] > div h3 {
	display: none;
}

#brandShaper2015-accessories [class*=modTs_] > div ul.ll {
	margin-top: 0;
}

#brandShaper2015-accessories [class*=modTs_] a.ln_nav,
#brandShaper2015-accessories [class*=modTs_] ul.ll a {
	margin-top: 0;
	line-height: 19px;
}

#brandShaper2015-accessories .pf3c [class*=modTs_] {
	margin: 0;
}