/* TABLET */
@IMPORT url("./rwd_mobile.css");

body { background: url(../img/bgBdy_mobile.png); }
body.mr { min-width:0; }

#wrp { 
	width:auto;
	background:#fff;
	margin:0 auto;  
	padding:0 20px;
	padding-bottom: 22px;
	max-width:768px;
}

.m_portrait {
	display: none;
}
.m_landscape {
	display:none;
}
.no_mobile {
	display:none;
}
.m_phone {
	display: none;
}
.m_phone.m_tablet {
	display: block;
}
.tablet_landscape_only{
	display:block;
}
.smartphone_landscape_only, .smartphone_portrait_only {
	display:none !important;

}
.tablet_landscape_only {
	position: absolute;
	background-color: #cccccc;
	color: #000000;
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	width: 100%;
	z-index: 999;
	opacity: 0.5;
	background-image: url("../img/rotate_device_landscape.png");
}


.socialMedia_bottom{
	display: none;
}
.socialMedia_bottom.m_tablet{
	display: block;
}


/* MAIN MENU (copied from phone.css)
**/
.m_mn { 
	display: none; /** Hide it, because we want the mobile navigation instead! **/
}
.mob-search,
.searchBtn {
	display: none;
}

.m_portrait.m_landscape.navigation-search {
	display: block;
}

.navigation-search { right: 0; top: 71px; width: 100%;}
.navigation-search.a { z-index:1100; }

/* Navigation-Button */
.navBtn {
	position: relative;
	height: 38px;
	padding: 0 25px 0 26px;
	cursor: pointer;
	background-image: url(../img/bg_navigation.png);
	border: 1px solid #bbbcc0;
	margin-right: 200px;
	border-left: 0 none;
	color: #000;
	text-transform: uppercase;
	font-weight:bold;
	font-size: 11px;
	line-height: 38px;
	user-select: none;
	-webkit-user-select: none;
	-moz-user-select: none;
}
.navBtn.noSearchForm {
	margin-right: 0px;
}
.navBtn .toggleBtn {
	position:absolute;
	width:12px;
	height:6px;
	right:11px;
	top:50%;
	margin-top:-3px;
	background: url(../img/arrow_navigation.gif) 0 0 no-repeat;
}
.showNav .navBtn .toggleBtn {
	background-position:-20px 0;
}
#mobile-navigation {
	display:none;
	background:#fff;
	border-bottom:1px solid #b9bdc0;
}
.showNav #mobile-navigation {
	display:block;
}
.initNav #mobile-navigation {
	visibility:hidden;
}
.initNav .navBtn .toggleBtn {
	background-position:0 0;
}
#mobile-navigation li {
	float:none;
	color:#000;
	border-top:1px solid #eee;
}
#mobile-navigation li,
#mobile-navigation a {
	-moz-tap-highlight-color: transparent;
	-webkit-tap-highlight-color: transparent;
	-o-tap-highlight-color: transparent;
	tap-highlight-color: transparent;
}

#mobile-navigation > li:first-child,
#mobile-navigation li.level1 + li,
#mobile-navigation li.level2 + li,
#mobile-navigation li.level3 + li,
#mobile-navigation .slides li {
	border-top:0 none;
}

#mobile-navigation li.level0 {
	background: #ddd;
	border-bottom: 1px solid #dadada;
}
#mobile-navigation li.level1 {
	background:#eee;
	border-bottom:1px solid #dadada;
}
#mobile-navigation li.level2 {
	background:#f4f4f4;
	border-bottom:1px solid #e6e6e6;
}
#mobile-navigation li.level3 {
	background:#f9f9f9;
	border-bottom:1px solid #e6e6e6;
}

#mobile-navigation li a {
	/* sbobrowski: Changed from 10px 26px --> 12px 26px (MRQA-1743) */
	padding:12px 26px;
	display:block;
}
#mobile-navigation li {
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	-o-user-select:none;
	user-select:none;
}

#mobile-navigation .slides > li {
	height:41px;
}
#mobile-navigation .slides > li a {
	padding:13px 0; font-weight:bold;
}

#mobile-navigation li a:hover {
	color:inherit!important;
}

#mobile-navigation .navPrev,
#mobile-navigation .navNext {
	position:relative;
	z-index:10000;
	width:26px;
	height:42px;
	background:url(../img/arrow_lr_navigation.gif) 0 0 no-repeat;
	cursor:pointer;
}

#mobile-navigation .startNav .navPrev,
#mobile-navigation .endNav .navNext {
	opacity:.5;
}

#mobile-navigation .navPrev {
	float:left;
	background-position:0 0;
}
#mobile-navigation .navNext {
	float:right;
	background-position:0 -42px;
}

/** Search field **/
.d_nav.m_sn.a.search {
	display: block;
	position: absolute;
	top: 71px;
	height: 30px;
	margin-top: 0px;
	padding: 8px 20px 0px 12px;
	z-index: 1200;
	border: 1px solid #bbbcc0;
	border-right: none;
	border-left: none;
}
.m_sn > li.lst {
	margin: 0px;
}
/* MAIN MENU END */


/* SERVICE NAVIGATION 
**/


/* BREADCRUMB 
**/
.m_bc { 
	/* MRSUP-204
	position:relative; 
	float:none; 
	top: 120px;*/
	display: none;
}


/* FOOTER 
**/
#ftr { 
	min-height:45px;
}

#ftr .d_too {
	top: -36px;
}
#ftr .d_too.m_bf {
	top: 15px;
}


/* TODO: missing views
	BNNG
	FCEG
	DE
*/

/* MRQA-1350: correction of width */
.sA{width:auto}
.sA.mR,
.sA .sD.mR{margin-right:0}

/* WRAP SLOTS */
.stBEFG .sG,
.stBFEG .sG,
.stBG .sG,
.stIK .sK { 
	margin-top: 0; 
	clear: both; 
}

/* NAVIGATION SLOTS */
/* sbobrowski: wegen MRQA-1803 auskommentiert. Wenn der Style ben�tigt ist, bitte vor Einkommentieren
mit mir abkl�ren. */
/*.stFGE .sF { display:none; } */


/*  MRQA-1718: Segment E vergr��ert weil F Segment in BEFG View nicht genau ins Raster passt. 
	Falls Verschiebungen in anderen Views auftreten, muss diese Anpassung in 
	Abh�ngigkeit der BEFG View umgesetzt werden!! */
.sE {
	width: 464px; /*448px*/
}


/* SEGMENTATION LINES */
.stBEFG .sF.smLn.mR,
.stBFEG .sE.smLn.mR,
.stBG .sB.smLn.mR,
.stFEG .sE.smLn.mR,
.stIK .sI.smLn.mR { margin-right:0; }

.stBEFG .sG.smLn,
.stBFEG .sG.smLn,
.stBG .sG.smLn,
.stFEG .sG.smLn,
.stFGE .sF.smLn,
.stIK .sK.smLn { display:none; }

/* contentslot.slot-G > div > div { float:left; width:31%; margin-right:2%; }*/

.stFC .sC,
/* Search Result */
.m_srB .grp { width: 464px;}


.m_tsB .sldCnt .no_phone {
	max-height: 256px;;
	max-width: 100%;
	overflow: hidden;
}

.m_tsB .sldCnt .itm {
	line-height: 16px !important;
}

.m_tsB .navPag {
	bottom: -31px; /* from -20px to -31px MRQA-2917 */
	top: auto;
}

.m_tsB ul li.mobile {
	background: url("../img/slideshow_indikator.jpg") no-repeat;
	width: 10px;
}
.m_tsB ul li.mobile.act {
	background: url("../img/slideshow_indikator_active.jpg") no-repeat;

}

.m_mn a.navLayerClose {
	text-transform: none
}
ul.navPag {
	left: 50%;
}
.social_media a.mr_e_link {
	background: none;
}

.m_mobile.navLayerClose {
	position: absolute;
	top: -10px;
	right: -10px;
	width: 28px;
	height: 28px;
	/* Background auskommentiert. Siehe MRQA-1084 */
	/*background: url("../img/box_close.png") center no-repeat;*/
	cursor: pointer;
}


/** MRQA-1350: Rebuilding the ADMME Template (Homepage) in 3 equivalent columns... 
**/
.sE.home_gradient {
	width: 246px;
	margin-left: 10px;
}

.sE.home_gradient .fL {
	float: none;
}

.sE.home_gradient .m_mnmw .m_mnmw_lhs {
	width: auto;
}
.sE.home_gradient .m_mnmw div.m_mnmw_rhs {
	position: static;
	top: auto;
	right: auto;
}
.sE.home_gradient .m_mnmw div.m_mnmw_rhs img {
	max-width: 100%;
}

.stADMME .sE.smLn {
	width: 240px;
}
.stADMME .m_icpy p {
	float: none;
}


/** MRQA-1373: Rebuilding Topics Online Homepage for tablet portrait mode 
**/
.MR_S_CW_TO_Homepage.to-home-desktop {
	display: none;
}
.MR_S_CW_TO_Homepage.to-home-tablet-portrait {
	display: block;
}

.to-home-tablet-portrait .to_rubriken_container_width-2 {
	width: 100%;
}

.to_slot4.to-home-desktop {
	display: none;
}
.to_slot4.to-home-tablet-portrait {
	display: block;
}
.to_slot4.to-home-tablet-portrait {
	width: 100%;
	border-top: 1px solid #e6e6e6;
}


/** sG - Boxes at the bottom of the page 
**/
.sG {
	width: auto;
}

/*MRQA-2958*/
.sF.smLn.mR {
	margin-right: 0;
}

.sG .d_ll,
.sG .d_tsd,
.sG .d_t,
.sG .d_ts,
.sG .m_lnG,
.sG .m_ldG {
	float: left;
	width: 208px;
	margin: 0 15px 0px 20px; /* margin-top was 10px, too big - MRQA-2918*/
}
.sG .composedcontent-mr_s_mrtouch_bg_article_g > div,
.sG .composedcontent-mr_s_mrtouch_bnng_article_g > div,
.sG .composedcontent-mr_s_mrtouch_bnng_homepage_g > div {
	margin: 10px 35px 0px 0px;
}
.sG .composedcontent-mr_s_mrtouch_bnng_homepage_g > div.last {
	margin-right: 0px;
}

.d_ts.m_ttE.teaser-topic .itm a.mr_e_link {
	margin-bottom: 14px;
}


.stFGE .sG {
	margin-left: 0px;
}
.stFGE .m_ivG {
	padding-bottom: 10px;
}


/* stFEG */
.stFEG .sE.smLn.mR {
	float: none;
	margin-bottom: 13px;
}
.stFEG .sE .m_oiE h2 {
	position: static;
	top: auto;
	margin-bottom: 0px;
}

.stFEG .sE {
	width: 464px;
	margin-right: 0px;
}


/* stBG */
.stBG .sG,
.stBEFG .sG {
	margin-left: 0px;
}

/* Siehe auch mobile_dom_ops.js, Funktion initFindHeighestBox() */
.stBG .sG .d_ll.first,
.stBG .sG .d_tsd.first {
	margin-left: 0px;
}

/* MRQA-1759 mit umrahmender Textbox sind es dann die gewuenschten 32px */
.d_a.m_aE .ms-rtestate-field .basecontent-mr_e_paragraph {
	margin-bottom: 25px !important; 
}
.d_a.m_aE .ms-rtestate-field h4.intermediate_headl {
	margin-bottom: 15px;
}
/* MRQA-1759 ENDE */


/* Tabs instead of foldways */
.m_ffs.phone.mobile {
	display: none;
}
.m_ffs.desktop {
	display: block;
}


/** Hoehe des grossen Charts anpassen. */
#chartServiceIFrame iframe {
	height: 4300px;
}



/** === TOUCH TOUCH TOUCH ===
**/
.c_gn .flnCR .act > a:visited,
.c_gn .flnCR .act > a:active {
	color: #7eac08 !important;
}

.TOUCH .navBtn {
	margin-right: 252px;
}
.TOUCH .TOUCH-loginBtn {
	display: block;
	float: right;
	margin-right: 200px;
	width: 51px;
	height: 38px;
	background-color: #fff;
	border: 1px solid #cccccc;
	border-left: none;
	text-align: center;
}
.TOUCH .showProfileLayer .TOUCH-loginBtn,
.TOUCH .showLoginLayer .TOUCH-loginBtn {
	border-bottom: none;
}
.TOUCH .TOUCH-loginBtn a {
	display: block;
	width: 51px;
	height: 27px;
	padding: 12px 0 0 0;
}

/** Layers
**/
.TOUCH-loginLayer,
.TOUCH-profileLayer {
	display: none;
}
.showLoginLayer .TOUCH-loginLayer {
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	padding: 4px 26px 25px 25px;
	background-color: #fff;
	border-bottom: 1px solid #bbbcbe;
}
.showProfileLayer .TOUCH-profileLayer {
	display: block;
	background-color: white;
	border-bottom: 1px solid #bbbcbe;
}

/** Profile Layer 
**/
.TOUCH-profileLayer {
	padding: 12px 10px;
	font-size: 11px;
}
.TOUCH-profileLayer strong {
	display: block;
	margin-bottom: 8px;
	font-size: 13px;
}
.TOUCH-profileLayer a {
	margin-right: 21px;
}
.TOUCH-profileLayer form {
	display: inline;
}

/** Login Layer
**/
.TOUCH-loginLayer .error {
	display: block;
	margin-top: 12px;
}

/** Some settings for boxes on start page/homepage
**/
.composedcontent-mr_s_mrtouch_bnng_article_b .m_hhtE h3, 
.composedcontent-mr_s_mrtouch_bnng_homepage_b .m_hhtE h3 {
	border: none;
}
.composedcontent-mr_s_mrtouch_bnng_article_n, 
.composedcontent-mr_s_mrtouch_bnng_homepage_n2, 
.composedcontent-mr_s_mrtouch_bnng_homepage_n1 {
	border: none;
}

.TOUCH .sN +.sN .m_ttN.lnkD {
	margin-top: 0px;
}

/** MRQA-2942 **/
.TOUCH .sF {
	width: 228px;
}

.TOUCH .sG {
	margin-top: 5px;
}


/** Touch Forms
**/
.composedcontent-mr_m_e_form_contact .basecontent-form-editor form fieldset.formElementContainer .formElement .radiobuttons .radio-entries input, 
.composedcontent-mr_m_e_form_contact .basecontent-form-editor form fieldset.formElementContainer .formElement .checkboxes .checkbox-entries input {
	left: 137px;
}

div.touch_csB div.basecontent-form-editor form fieldset.formElementContainer div.formElement div.listBox select {
	height: 24px;
}


/** Horizontal G-Segment
**/
.TOUCH .m_tG .itm,
.TOUCH .d_ts .itm{
	margin-bottom: 29px;
}


/** stEFG - Styles
**/
.stEFG > .sE {
	width: auto;
	margin-bottom: 21px;
}
.stEFG .sE .m_tsB .itm {
	width: 80%;
}
.stEFG .sE .m_tsB img {
	min-width: 100%;
	height: auto;
}

.stEFG .sE .m_tsB .sldCnt .no_phone {
	height: auto;
	width: auto;
	max-height: 350px;
}

.stEFG > .sF {
	width: auto;
	margin-bottom: 12px;
}
.stEFG > .sF .m_ttiF {
	float: left;
	width: 48%;
	min-height: 250px;
	margin: 0px 1% 21px 1%;
}

.stEFG .sG .d_ll,
.stEFG .sG .d_tsd,
.stEFG .sG .d_t,
.stEFG .sG .d_ts,
.stEFG .sG .m_lnG,
.stEFG .sG .m_ldG {
	float: left;
	width: 46%;
	margin: 0 2% 0px 2%;
}