body #s4-bodyContainer { min-width:60px; }

/**
 * Core mobile stylesheet
 * 
 * The styles in this file represent all basic styles for the mobile Siemens
 * HTML5 template set.
 * It includes a reset, the basic grid and default components.
 *
 * Why we are using the equals sign in the section identifier:
 * stopdesign.com/archive/2005/05/03/css-tip-flags.html
 * 
 * @project   HTML5 template set
 * @date      2011-06-07
 * @author    Finn Pröpper, Sapient GmbH <fproepper@sapient.com>
 * @author    Niklas Zillinger, Sapient GmbH <nzillinger@sapient.com>   //comment-prefix [nz]//
 * @licensor  Siemens AG
 * @site      Siemens Healthcare
 * 
 * @colordef  #FFFFFF; White
 * @colordef  #333333; Quasi black (for headlines)
 * @colordef  #666666; Grey (for copy)
 * @colordef  #990000; Dark Red (link and highlight color)
 * @colordef  #009999; Green (for logo only)
 * @colordef  #3C91AF; Light blue for the press section
 * @colordef  #147391; Dark blue for the press section
 * @colordef  #DC6914; Light orange for the job section
 * @colordef  #B44B28; Dark orange for the job section
 * @colordef  #9B1E5A; Light pink for the innovation section
 * @colordef  #781E4B; Dark pink for the innovation section
 * @colordef  #879628; Light green for the sustainability section
 * @colordef  #647D28; Dark green for the sustainability section
 * @colordef  #005578; Light blue for the investor relations section
 * @colordef  #00374B; Dark blue for the investor relations section
 * @colordef  #7D8791; Light grey for the about section
 * @colordef  #505A64; Dark grey for the about section
 * @colordef  #827F6E; Light brown for the products section
 * @colordef  #5A554B; Dark brown for the products section
 */

/**
 * html5doctor.com Reset Stylesheet
 * Eric Meyer's Reset Reloaded + HTML5 baseline
 *
 * @section   =reset
 * @todo      At the end: remove all elements below that are not in use by Siemens
 * @author    Eric Meyer
 * @author    Richard Clark
 * @version   1.6.1
 * @date      2010-09-17
 * @see       html5doctor.com/html-5-reset-stylesheet/
 */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; content: none; }
ins { background-color: #FF9; color: #000; text-decoration: none; }
mark { background-color: #FF9; color: #000; font-style: italic; font-weight: bold; }
del { text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; }
table { border-collapse: collapse; border-spacing: 0; }
input, select { vertical-align: middle; }
.posRel { position:relative; }
.mrgTop26, #content .mrgTop26, #content p.mrgTop26 { margin-top:26px; }   

/**************** Some basics *****************/
/* Prevent mobile zooming while remain desktop zooming: github.com/shichuan/mobile-html5-boilerplate/issues/closed#issue/14 */
html {
	-webkit-text-size-adjust: 100%;
	    -ms-text-size-adjust: 100%;
}
body {
	/*font: 14px/1.231 Arial, sans-serif;*/
    font-size: 14px;
    line-height:1.231;
    font-family: Arial, sans-serif;
	*font-size: small; /* Hack retained to preserve specificity */
	background-color: #FFF;
	/*/width: 320px;/**/
}
body, select, input, textarea {
	color: #333;
	font-family: Arial, sans-serif;
}

textarea  {-webkit-appearance:none;}

h1, h2, h3, h4, h5, h6 {
	font-weight: bold;
}
h1 {
	margin: 0 14px 14px;
	font-size: 20px;
}
h2 {
	margin: 0 14px 14px;
	font-size: 18px;
}
h3 {
	margin: 0 14px;
	font-size: 16px;
}
hgroup {
	margin: 14px 0;
}
hgroup h1,
hgroup h2 {
	margin: 0;
}

p {
	margin: 0 14px 14px;
	font-size: 16px;
}
/* Horizontal rules */
hr {
	display: block;
	clear: both;
	height: 1px;
	margin: 10px 0;
	border: 0;
	border-top: 1px solid #333;
	padding: 0;
}
hr:first-child {
	margin-top: 0;
}
center, .center { text-align:center; }
/* Normalize monospace sizing: en.wikipedia.org/wiki/MediaWiki_talk:Common.css/Archive_11#Teletype_style_fix_for_Chrome */
pre, code, kbd, samp {
	font-family: monospace, sans-serif;
}
/* Make the small tag use small font-size */
small {
	font-size: 10px;
}
/* Format strong text bold */
strong, bold, .strong, .bold {
	font-weight: bold;
}
/* Set sub, sup without affecting line-height: gist.github.com/413930 */
sub, sup {
	font-size: 10px;
	line-height: 0;
	position: relative;
}
sup {
	top: -0.5em;
}
sub {
	bottom: -0.25em;
}
/* www.pathf.com/blogs/2008/05/formatting-quoted-code-in-blog-posts-css21-white-space-pre-wrap/ */
pre {
	white-space: pre;
	white-space: pre-wrap;
	word-wrap: break-word;
	padding: 15px;
}
/* Bicubic resizing for non-native sized IMG: code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/ */
.iem7 img {
	-ms-interpolation-mode: bicubic;
}

/*** Lists */
ul, ol {
	margin: 0 14px 14px 30px;
	font-size: 16px;
	list-style-type: square;
}
ol {
	margin-left: 36px;
	list-style-type: decimal;
}
li {
	margin: 2px 0;
}
/* Remove margins for navigation lists */
nav ul, nav li {
	margin: 0;
	list-style: none;
	list-style-image: none;
}

/*** Links **/
a, a:link {
	color: #900;
}
/* Accessible focus treatment: people.opera.com/patrickl/experiments/keyboard/test */
a:hover, a:active {
	outline: none;
}



/*** Assets ****/
.asset {
	width: 100% !important;
}
.asset .image {
	margin: 0 15px 12px;
}
.asset .image img {
	display: block;
	max-width: 100%;
	height: auto;
	border: 1px solid #CCC;
}
.asset .image .enlarge {
	display: none;
}
.asset .caption {
    margin: 0 14px 14px;
    color: #999999;
    font-size: 12px;
}
/* fullwidth figures may have captions - 'asset-wide' container handles it */
.asset-wide {
	margin: 3px 0 14px; 
}
.asset.asset-wide .image{
	margin-bottom: 0;
}
.asset.asset-wide .caption {
	display: block;
	padding: 4px 0;
	color: #999;
	font-size: 77%;
	line-height: 1.4;
	margin: 0 14px 14px;
}


/************************ Forms ***********************************/
/* Adjust font sizing in form elements */
select, input, textarea, button {
	font-size: 16px;
    font-family: sans-serif;
}
.content select {
	padding:12px;
}
.section select {
	margin: 0 14px 14px;
}

/* Webkit browsers add a 2px margin outside the chrome of form elements */
button, input, select, textarea {
	margin: 0;
}
/* www.sitepoint.com/blogs/2010/08/20/ie-remove-textarea-scrollbars/ */
textarea {
	overflow: auto;
}
/* Fix legend in IE */
.iem7 legend {
	margin-left: -7px;
}
/* Align checkboxes, radios, text inputs with their label by: Thierry Koblentz tjkdesign.com/ez-css/css/base.css  */
input[type="radio"] {
	vertical-align: text-bottom;
}
input[type="checkbox"] {
	vertical-align: bottom;
}
.iem7 input[type="checkbox"] {
	vertical-align: baseline;
}
/* Hand cursor on clickable input elements */
label, input[type="button"], input[type="submit"], input[type="image"], button {
	cursor: pointer;
}
/* Make buttons play nice in IE: www.viget.com/inspire/styling-the-button-element-in-internet-explorer/ */
button {
	width: auto;
	overflow: visible;
}
.input,
#captcha input[type='text'] {
	   -moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	width: 100%;
	margin-bottom: 6px;
	border: 1px solid #CCC;
	border-radius: 6px;
	padding: 8px 8px 6px;
	font-size: 16px;
	background: #FFF;
}
textarea.input {
	margin-bottom: 2px;
}
.input.error {
	border-color: #900;
    color: #900;
} 
.error, p.error {
    color: #900;
}
/*** Logo  **/
#logo {
	display: block;
	width: 120px;
	height: 65px;
	position: absolute;
	top: 0;
	left: 14px;
	overflow: hidden;
	text-indent: -9999em;
	background: url("/_layouts/15/Querplex/Siemens/WCMS3/images/mobile/logo.gif") no-repeat left top;
}


/*** Header & Footer ***/

/* Start with similar elements */
#wrapper > header a,
#wrapper > footer a {
	color: #FFF;
}
#wrapper > header nav.meta li,
#wrapper > footer nav li {
	border: 1px solid #374B5A;
	border-left-width: 0;
	background-color: #879BAA; /* Old browsers */
	background-image:    -moz-linear-gradient(top, #879BAA 40%, #647887 60%); /* FF3.6+ */
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(40%, #879BAA), color-stop(60%, #647887)); /* Chrome,Safari4+ */
	background-image: -webkit-linear-gradient(top, #879BAA 40%, #647887 60%); /* Chrome10+,Safari5.1+ */
	background-image:      -o-linear-gradient(top, #879BAA 40%, #647887 60%); /* Opera11.10+ */
	background-image:         linear-gradient(top, #879BAA 40%, #647887 60%); /* W3C */
}
#wrapper > header nav.meta li:first-child,
#wrapper > footer nav li:first-child {
	border-left-width: 1px;
	border-top-left-radius: 6px;
	border-bottom-left-radius: 6px;
}
#wrapper > header nav.meta li:last-child,
#wrapper > footer nav li:last-child {
	border-top-right-radius: 6px;
	border-bottom-right-radius: 6px;
}

#wrapper > footer nav ul.first li:first-child { border-bottom-left-radius: 0; }
#wrapper > footer nav ul.norightbottom li:last-child { border-bottom-right-radius: 0; }
#wrapper > footer nav ul.second li { border-top: 0; }
#wrapper > footer nav ul.second li:first-child { border-top-left-radius: 0; }
#wrapper > footer nav ul.second li:last-child { border-top-right-radius: 0; }


#wrapper > header nav.meta li.active,
#wrapper > footer nav li.active {
	background-color: #374B5A; /* Old browsers */
	background-image:    -moz-linear-gradient(top, #374B5A 40%, #647887 60%); /* FF3.6+ */
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(40%, #374B5A), color-stop(60%, #647887)); /* Chrome,Safari4+ */
	background-image: -webkit-linear-gradient(top, #374B5A 40%, #647887 60%); /* Chrome10+,Safari5.1+ */
	background-image:      -o-linear-gradient(top, #374B5A 40%, #647887 60%); /* Opera11.10+ */
	background-image:         linear-gradient(top, #374B5A 40%, #647887 60%); /* W3C */
}
#wrapper > header nav.meta li a,
#wrapper > footer nav li a {
	font-size: 11px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
}

/* Clearfix */
#wrapper > header:before, #wrapper > header:after {
	content: "";
	display: table;
}
#wrapper > header:after {
	clear: both;
}
#wrapper > header {
	zoom: 1;
}

/*** Header only **/
#wrapper > header {
	position: relative;
	min-height: 79px;
	overflow: hidden;
	border-bottom: 1px solid #FFF;
	   -moz-box-shadow: 0 3px 10px #999; /* FF3.5+ */
	-webkit-box-shadow: 0 3px 10px #999; /* Saf3.0+, Chrome */
	        box-shadow: 0 3px 10px #999; /* Opera 10.5, IE9, Chrome 10+ */
	color: #FFF;
	background-color: #879BAA;
	z-index: 10; /* Makes box-shadow visible on the following elements */
}
/* The iPhone 4 lacks performance when animating elements with a box-shadow */
#wrapper > header.animating {
	-webkit-box-shadow: none;
}
#wrapper > header h1 {
	margin: 0;
	padding: 9px 13px 6px;
	font-size: 12px;
	text-align: right;
}
#wrapper > header nav.meta {
	float: right;
	margin: 0 14px 14px;
}
#wrapper > header nav.meta ul {
	width: 100%;
}
#wrapper > header nav.meta li {
	display: block;
	float: left;
	width: 42px;
	height: 33px;
}
#wrapper > header nav.meta li .icon {
	display: block;
	position: absolute;
	width: 100%;
	background: url("/_layouts/15/Querplex/Siemens/WCMS3/images/mobile/nav-sprite.png") no-repeat 0 0;
}
#wrapper > header nav.meta li a {
	display: block;
	position: relative;
	   -moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	height: 100%;
}
#wrapper > header nav.meta li a .arrow {
	display: block;
	position: absolute;
	bottom: 2px;
	left: 0;
	width: 100%;
	height: 5px;
	background: url("/_layouts/15/Querplex/Siemens/WCMS3/images/mobile/nav-sprite.png") no-repeat center -848px;
}
#wrapper > header nav.meta li.active a .arrow {
	display: none;
}
/* Styles for the menu button */
#wrapper > header nav.meta li.menu a {
	padding-top: 14px;
	font-size: 9px;
	text-transform: lowercase;
}
#wrapper > header nav.meta li.menu .icon {
	top: 4px;
	height: 11px;
	background-position: center -45px;
}
#wrapper > header nav.meta li.menu.active a {
	padding-top: 17px;
}
#wrapper > header nav.meta li.menu.active .icon {
	top: 7px;
}
/* Styles for the language button */
#wrapper > header nav.meta li.language,
#wrapper > header nav.meta li.language a {
    text-transform: uppercase;
}
#wrapper > header nav.meta li.language a {
	font-size: 16px;
	line-height: 35px;
}
#wrapper > header nav.meta li.language.multi a {
	line-height: 30px;
}
#wrapper > header nav.meta li.language.active a {
	line-height: 35px;
}
/* Styles for the search button */
#wrapper > header nav.meta li.search a {
	overflow: hidden;
	text-indent: -9999em;
}
#wrapper > header nav.meta li.search .icon {
	top: 4px;
	height: 19px;
	background-position: center -140px;
}
#wrapper > header nav.meta li.search.active .icon {
	top: 7px;
}

/*** Clip & close button in the header. **/
#wrapper > header .clip {
	display: block;
	position: absolute;
	top: -12px;
	right: 15px;
	width: 42px;
	height: 12px;
	background: url("/_layouts/15/Querplex/Siemens/WCMS3/images/mobile/nav-sprite.png") no-repeat center -701px;
}
/* Exact positioning of the clip in the layers. You may need to adjust that values dependent on the number of elements you have in the meta navigation. */
#wrapper > header #main-menu .clip {
	right: 101px;
}
#wrapper > header #main-menu.pos2 .clip {
	right: 58px;
}
#wrapper > header #language-menu .clip {
	right: 58px;
}
#wrapper > header a.close {
	display: block;
	float: right;
	width: 42px;
	height: 23px;
	overflow: hidden;
	margin: 0 0 10px;
	border: 1px solid #374B5A;
	border-top-width: 0;
	border-radius: 0 0 6px 6px;
	background-color: #879BAA; /* Old browsers */
	background-image:    -moz-linear-gradient(top, #ADBECB 40%, #879BAA 60%); /* FF3.6+ */
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(40%, #ADBECB), color-stop(60%, #879BAA)); /* Chrome,Safari4+ */
	background-image: -webkit-linear-gradient(top, #ADBECB 40%, #879BAA 60%); /* Chrome10+,Safari5.1+ */
	background-image:      -o-linear-gradient(top, #ADBECB 40%, #879BAA 60%); /* Opera11.10+ */
	background-image:         linear-gradient(top, #ADBECB 40%, #879BAA 60%); /* W3C */
}
#wrapper > header a.close span {
	display: block;
	height: 100%;
	text-indent: -9999em;
	background: transparent url("/_layouts/15/Querplex/Siemens/WCMS3/images/mobile/nav-sprite.png") no-repeat center -639px;
}

/*** Main menu in the header **/
#wrapper > header nav.main,
#wrapper > header nav.language,
#wrapper > header nav.search {
	display: none;
	position: relative;
	clear: both;
	margin-top: 10px;
	border-top: 1px solid #FFF;
	padding: 0 14px 10px;
	background-color: #BECDD7;
}
#wrapper > header nav.main ul {
	clear: both;
	margin-top: 10px;
}
#wrapper > header nav.main li {
	position: relative;
	overflow: hidden;
	border: 1px solid #374B5A;
	border-top-width: 0;
	background-color: #879BAA; /* Old browsers */
	background-image:    -moz-linear-gradient(top, #ADBECB 40%, #879BAA 60%); /* FF3.6+ */
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(40%, #ADBECB), color-stop(60%, #879BAA)); /* Chrome,Safari4+ */
	background-image: -webkit-linear-gradient(top, #ADBECB 40%, #879BAA 60%); /* Chrome10+,Safari5.1+ */
	background-image:      -o-linear-gradient(top, #ADBECB 40%, #879BAA 60%); /* Opera11.10+ */
	background-image:         linear-gradient(top, #ADBECB 40%, #879BAA 60%); /* W3C */
}
#wrapper > header nav.main li.highlight {
	border-top-width: 1px;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
}
#wrapper > header nav.main li {
	border-bottom-right-radius: 6px;
	border-bottom-left-radius: 6px;
}
#wrapper > header nav.main li a,
#wrapper > header nav.main li strong {
	display: block;
	/* width: 99%; */
	cursor: pointer;
	position: relative;
	padding: 6px 29px 5px 10px;
	color: #FFF;
	font-size: 18px;
	font-weight: bold;
	text-decoration: none;
}
#wrapper > header nav.main li strong {
	color: #333;
}
#wrapper > header nav.main li.active strong.triangle:after {
	background-position: 0 -15px; /* Black */
}
/* Navigation elements with light background are marked with the class "highlight" */
#wrapper > header nav.main li.highlight a,
#wrapper > header nav.main li.highlight strong {
	background: url("/_layouts/15/Querplex/Siemens/WCMS3/images/mobile/icons-sprite.png") no-repeat 0 1000px;
}
#wrapper > header nav.main li.home a,
#wrapper > header nav.main li.home strong {
	padding-left: 34px;
	background-position: 10px -293px;
}
#wrapper > header nav.main li.home strong {
	background-position: 10px -194px;
}
#wrapper > header nav.main li a:after {
    background:transparent url("/_layouts/15/Querplex/Siemens/WCMS3/images/mobile/arrows-sprite.png") no-repeat 0 0;
    content: "";
    display: block;
    height: 15px;
    width: 13px;
    margin-top: -8px;
    position: absolute;
    right: 9px;
    top: 50%;
    text-indent: -9999em;
}

/* CR Main Nav */
#wrapper > header nav.main li.highlight.home { border-radius: 6px; margin-bottom:6px; }
#wrapper > header nav.main li.highlight.home ul li:first-child { border-radius: 0; border-top-width: 1px; }
#wrapper > header nav.main li.highlight.home ul { margin-top:0; }
#wrapper > header nav.main li.highlight.home ul li { border-left:0; border-right:0; }
#wrapper > header nav.main li.highlight.home ul li a { padding-left:12px; background-image:none; }
#wrapper > header nav.main li.highlight.home ul li:last-child { border-bottom:0; }


/* Navigation elements with color accents */
#wrapper > header nav.main li.accent a:before,
#wrapper > header nav.main li.accent strong:before {
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 10px;
	content: "";
}
/* Cutting the element with overflow looks weird in iOS & Android, thus we add it to the affected elements again */
#wrapper > header nav.main li.accent:first-child a:before { border-top-left-radius: 5px }
#wrapper > header nav.main li.accent:last-child a:before { border-bottom-left-radius: 5px }
#wrapper > header nav.main li.accent a,
#wrapper > header nav.main li.accent strong {
	padding-left: 20px;
}

/*** Language layer in the header */
#wrapper > header nav.language h1 {
	position: relative;
	clear: both;
	overflow: hidden;
	margin: 10px 0 0;
	border: 1px solid #374B5A;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	padding: 8px 10px 7px;
	color: #333;
	font-size: 16px;
	text-align: left;
	background-color: #DFE6ED; /* Old browsers */
	background-image:    -moz-linear-gradient(top, #FFF 40%, #DFE6ED 60%); /* FF3.6+ */
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(40%, #FFF), color-stop(60%, #DFE6ED)); /* Chrome,Safari4+ */
	background-image: -webkit-linear-gradient(top, #FFF 40%, #DFE6ED 60%); /* Chrome10+,Safari5.1+ */
	background-image:      -o-linear-gradient(top, #FFF 40%, #DFE6ED 60%); /* Opera11.10+ */
	background-image:         linear-gradient(top, #FFF 40%, #DFE6ED 60%); /* W3C */
}
#wrapper > header nav.language li {
	overflow: hidden;
	border: 1px solid #374B5A;
	border-top-width: 0;
	background-color: #879BAA; /* Old browsers */
	background-image:    -moz-linear-gradient(top, #ADBECB 40%, #879BAA 60%); /* FF3.6+ */
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(40%, #ADBECB), color-stop(60%, #879BAA)); /* Chrome,Safari4+ */
	background-image: -webkit-linear-gradient(top, #ADBECB 40%, #879BAA 60%); /* Chrome10+,Safari5.1+ */
	background-image:      -o-linear-gradient(top, #ADBECB 40%, #879BAA 60%); /* Opera11.10+ */
	background-image:         linear-gradient(top, #ADBECB 40%, #879BAA 60%); /* W3C */
}
#wrapper > header nav.language li:last-child {
	border-bottom-right-radius: 6px;
	border-bottom-left-radius: 6px;
}
#wrapper > header nav.language li a {
	display: block;
	padding: 6px 29px 5px 10px;
	color: #FFF;
	font-size: 18px;
	font-weight: bold;
	text-decoration: none;
}

/*** Global search in the header */
#wrapper > header nav.search .search-top {
	clear: both;
	margin-top: 10px;
	border: 1px solid #374B5A;
	border-bottom-width: 0;
	border-radius: 6px 6px 0 0;
	padding: 10px;
	background-color: #879BAA; /* Old browsers */
	background-image:    -moz-linear-gradient(top, #ADBECB 40%, #879BAA 60%); /* FF3.6+ */
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(40%, #ADBECB), color-stop(60%, #879BAA)); /* Chrome,Safari4+ */
	background-image: -webkit-linear-gradient(top, #ADBECB 40%, #879BAA 60%); /* Chrome10+,Safari5.1+ */
	background-image:      -o-linear-gradient(top, #ADBECB 40%, #879BAA 60%); /* Opera11.10+ */
	background-image:         linear-gradient(top, #ADBECB 40%, #879BAA 60%); /* W3C */
}
#wrapper > header nav.search .input {
	margin: 0;
}
#wrapper > header nav.search button, #rating #feedbackResponse button {
	   -moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	width: 100%;
	border: 1px solid #999;
	border-radius: 0 0 6px 6px;
	padding: 8px 10px;
	color: #333;
	font-weight: bold;
	text-align: right;
	background-color: #DFE6ED; /* Old browsers */
	background-image:    -moz-linear-gradient(top, #FFF 40%, #DFE6ED 60%); /* FF3.6+ */
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(40%, #FFF), color-stop(60%, #DFE6ED)); /* Chrome,Safari4+ */
	background-image: -webkit-linear-gradient(top, #FFF 40%, #DFE6ED 60%); /* Chrome10+,Safari5.1+ */
	background-image:      -o-linear-gradient(top, #FFF 40%, #DFE6ED 60%); /* Opera11.10+ */
	background-image:         linear-gradient(top, #FFF 40%, #DFE6ED 60%); /* W3C */
}

/*** Footer only */
#wrapper > footer nav {
	border-bottom: 1px solid #FFF;
	padding: 10px 14px;
	background-color: #879BAA;
}
#wrapper > footer nav ul {
	display: table;
}
#wrapper > footer nav li {
	display: table-cell;
	width: 72px;
	height: 62px;
	text-align: center;
	vertical-align: middle;
}
#wrapper > footer nav li a {
	display: inline-block;
	   -moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	width: 100%;
	max-height: 68px;
	overflow: hidden;
	padding: 27px 4px 0;
	background: url("/_layouts/15/Querplex/Siemens/WCMS3/images/mobile/nav-sprite.png") no-repeat 0 0;
}
#wrapper > footer nav li.worldwide a { background-position: center -240px }
#wrapper > footer nav li.contact a { background-position: center -341px }
#wrapper > footer nav li.social-media a { padding-top: 24px; background-position: center -440px }
#wrapper > footer nav li.apps a { background-position: center -539px }
#wrapper > footer .classic {
	padding: 8px 14px;
	background-color: #879BAA;
}
#wrapper > footer .classic {
	margin: 0;
	padding-top: 6px;
	padding-bottom: 10px;
	padding-left: 15px;
	font-size: 14px;
}
#wrapper > footer .copyright {
	margin: 0;
	padding: 8px 14px;
	font-size: 12px;
	color: #666;
}
#wrapper > footer .copyright a {
	color: #666;
}



/*** Content: All general definitions for the the content area. ****/
#content {
	min-height: 400px;
}

/* Immediate headlines */
#content h2 {
	margin: 0 14px 12px;
	font-size: 20px;
}
#content h3 {
	margin: 0 14px 7px;
}
#content h4 {
	margin: 0 14px 14px;
	color: #666;
	font-size: 18px;
	font-weight: normal;
}
#content nav ul.toc {
	margin: 0 14px 14px 14px;
	font-size: 20px;
}


/**
 * Non-semantic helper classes
 * Styles should be defined before this section.
 */
/* Image replacement */
.ir {
	display: block;
	overflow: hidden;
	direction: ltr;
	text-align: left;
	text-indent: -999em;
	background-repeat: no-repeat;
}
.onpage-reveal-content {
	display:none;
}

/*
	Hide for both screenreaders and browsers:
	css-discuss.incutio.com/wiki/Screenreader_Visibility
	
	We add the important keyword because the display property is often
	in use to set anchors to block elements.
*/
.hidden {
	display: none;
	visibility: hidden;
}

/* Hide only visually, but have it available for screenreaders:  www.webaim.org/techniques/css/invisiblecontent/  &  j.mp/visuallyhidden */
.visuallyhidden {
	position: absolute;
	width: 1px;
	height: 1px;
	overflow: hidden;
	margin: -1px;
	border: 0;
	padding: 0;
	clip: rect(0 0 0 0);
}
/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: drupal.org/node/897638 */
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
	position: static;
	width: auto;
	height: auto;
	overflow: visible;
	margin: 0;
	clip: auto;
}

/* Hide visually and from screenreaders, but maintain layout */
.invisible {
	visibility: hidden;
}


/* iPhone4/Retina, Opera Mobile 11 and other high pixel ratio devices */
@media
only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min-device-pixel-ratio: 1.5) {
	
	/**
	 * Hi-res images
	 * 
	 * Images for high pixel ratio devices are provided with doubled
	 * resolution.
	 *
	 * @section   =hi-res-images
	 * @see       www.weedygarden.net/2010/10/13/retina-display-and-css-background-images/
	 */
	a.triangle:after {
		background-image: url("/_layouts/15/Querplex/Siemens/WCMS3/images/mobile/arrows-sprite-hi.png");
		background-size: 13px 150px;
	}
	#logo {
		background-image: url("/_layouts/15/Querplex/Siemens/WCMS3/images/mobile/logo-hi.gif");
		background-size: 120px 65px;
	}
	#wrapper > header nav.meta li .icon,
	#wrapper > header nav.meta li a .arrow,
	#wrapper > header .clip,
	#wrapper > header a.close span,
	#wrapper > footer nav li a {
		background-image: url("/_layouts/15/Querplex/Siemens/WCMS3/images/mobile/nav-sprite-hi.png");
		background-size: 100px 900px;
	}
	#wrapper > header nav.main li.highlight a {
		background-image: url("/_layouts/15/Querplex/Siemens/WCMS3/images/mobile/icons-sprite-hi.png");
		background-size: 50px 900px;
	}
	
}

/****************************************************************/
/****************************************************************/
/********************* Iraída, 04.09.2012 ***********************/
/**** General CSS ****/
.clear { font-size:0; line-height:0; height:0; clear:both; }
.clearfix:before, .clearfix:after { display:block; height:0; overflow:hidden; content:"\0020"; }
.clearfix:after { clear:both; }
.clearfix { zoom:1; }

.wrapMrg14 { margin:0 14px 14px 14px; }

#logo .visuallyhidden img { display:none; }
#toolbar, #breadcrumb{ display:none; } /* , #macomServices (=AlertService etc.) */
.ctc.s-right.c-related .pagetools { display:none; } /* ToolsFooter in der rechten Spalte */
.hr-cautious, .separator hr { display:none; } /* Trennlinie zw. Teaser & Co */

/* clearfix  */
#header:after,
#macomServices:after,
#content .ctc.s-left:after { content:""; display:table; clear:both; }
/* Abstand nach dem Inhalt zu der rechten Spalte */
#content .ctc.c-related { margin-top:10px; }
#content .c-teaser { margin-top:14px; }


/******* BREADCRUMB (=#parentnode ) ********/
#parentnode  {    
	padding:6px 10px 5px 10px; /* wenn Home-Icon => padLi=34px font-size:18px;*/	
	color:#FFF;	
	margin:0 0 14px 14px;
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
	display: inline-block;
    font-weight:bold;
		
	background-color: #879BAA; /* Old browsers */
	background-image:    -moz-linear-gradient(top, #ADBECB 40%, #879BAA 60%); /* FF3.6+ */
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(40%, #ADBECB), color-stop(60%, #879BAA)); /* Chrome,Safari4+ */
	background-image: -webkit-linear-gradient(top, #ADBECB 40%, #879BAA 60%); /* Chrome10+,Safari5.1+ */
	background-image:      -o-linear-gradient(top, #ADBECB 40%, #879BAA 60%); /* Opera11.10+ */
	background-image:         linear-gradient(top, #ADBECB 40%, #879BAA 60%); /* W3C */
}
#parentnode a {
    text-decoration:none;
    color:#FFF;
}
/******* left nav at the Portfolio page ********/
/* Headline of the portfolio left nav */
#forPortfolioMobile h3, 
.overview h3 {    
	padding:6px 29px 5px 10px; /* wenn Home-Icon => padLi=34px font-size:18px;*/	
	color:#FFF;	
	margin-bottom:0;
	position: relative;	
	border: 1px solid #374B5A;
	border-radius:6px;		
	background-color: #879BAA; /* Old browsers */
	background-image:    -moz-linear-gradient(top, #ADBECB 40%, #879BAA 60%); /* FF3.6+ */
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(40%, #ADBECB), color-stop(60%, #879BAA)); /* Chrome,Safari4+ */
	background-image: -webkit-linear-gradient(top, #ADBECB 40%, #879BAA 60%); /* Chrome10+,Safari5.1+ */
	background-image:      -o-linear-gradient(top, #ADBECB 40%, #879BAA 60%); /* Opera11.10+ */
	background-image:         linear-gradient(top, #ADBECB 40%, #879BAA 60%); /* W3C */
}
#forPortfolioMobile h3 { margin:10px 0 0 0; }

.newsSlider .slider,
#forPortfolioMobile nav ul, 
.overview nav ul,
.tclink {
	clear: both;
}
.newsSlider .slider .content,
#forPortfolioMobile nav li, 
.overview nav li {
	position: relative;
	overflow: hidden;
	border: 1px solid #374B5A;
	border-top-width: 0;
	
	background-color: #DFE6ED; /* Old browsers */
	background-image:    -moz-linear-gradient(top, #FFF 40%, #DFE6ED 60%); /* FF3.6+ */
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(40%, #FFF), color-stop(60%, #DFE6ED)); /* Chrome,Safari4+ */
	background-image: -webkit-linear-gradient(top, #FFF 40%, #DFE6ED 60%); /* Chrome10+,Safari5.1+ */
	background-image:      -o-linear-gradient(top, #FFF 40%, #DFE6ED 60%); /* Opera11.10+ */
	background-image:         linear-gradient(top, #FFF 40%, #DFE6ED 60%); /* W3C */
}
.newsSlider .slider .content { border-width: 0; }

#forPortfolioMobile nav li:first-child,
.overview nav li:first-child {
	border-top-width: 1px;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
}
/* Portfolio Large Navigation: 2.Nav aus der rechten Spalte OHNE Border unter die Linke Nav stellen*/
#forPortfolioMobile nav .s-col-2 ul li:first-child { border-top-width:0; }

.newsSlider .slider .content:last-child,
#forPortfolioMobile nav li:last-child,
.overview nav li:last-child  {
	border-bottom-right-radius: 6px;
	border-bottom-left-radius: 6px;
}
.newsSlider .slider .content:last-child { border-bottom:0 none; }

.newsSlider .slider .content a.textLink,
#forPortfolioMobile nav li a,
.overview nav li a {
	display: block;
	position: relative;
	padding: 6px 29px 5px 10px;
	color: #333;
	font-size: 18px;
	font-weight: bold;
	text-decoration: none;
}
#content .prodDescription .box a:after,
.newsSlider .slider .content a.textLink:after,
#forPortfolioMobile nav li a:after,
.overview nav li > a:after {
    background:transparent url("/_layouts/15/Querplex/Siemens/WCMS3/images/mobile/arrows-sprite.png") no-repeat 0 -30px;
    content: "";
    display: block;
    height: 15px;
    width: 13px;
    margin-top: -8px;
    position: absolute;
    right: 9px;
    top: 50%;
    text-indent: -9999em;
} 
/* Abstand nach dem Overview */
.overview { padding-bottom:9px; }
/* Pfeil nach unten im Overview-Link */
.overview nav li > a:after {
    background:transparent url("/_layouts/15/Querplex/Siemens/WCMS3/images/mobile/arrows-sprite-down.png") no-repeat -60px 2px;
    width: 15px;
    height: 13px;
    margin-top:-6px
}

/*** alle Listen im Content (=Link-/Bullet-/Numbered-Liste) ***/
.section ul, 
.section ol {
    margin:0 14px 14px 14px; 
}
.section ul p, 
.section ol p,
.section dl p {
    margin: 0; 
}
.section ul li,
.section ol li { margin-top:8px; }

/* Link-Liste */
.section ul.linkList, ul.links, ol.links { list-style: none; }
ul.links, ol.links { margin-left: 14px; margin-right: 14px; }
.section ul.linkList li { margin-top:14px; }
.section ul.linkList li:last-child { margin-bottom:22px; }

/* Bullet-Liste */
.section ul.bulletList {
    list-style-type: square;
    font-size: 16px;
    margin: 0 14px 14px 30px;
    padding:0;
}
/* Definition- und Numbered List */
.section ol,
.section dl {
    font-size: 16px;
    margin: 0 14px 14px 14px;
}
/* Numbered List */
.section ol {
    padding-left:22px;
}
/* Definition List */
.section dl dt { margin-top:8px; }
.section dl dd { margin-top:4px; }

/* Link im Fliesstext */
.section ul.bulletList a,
.section ol a,
.section p a.link { color:#900; }
.section ul.bulletList a:hover, .section ul.bulletList a:active,
.section ol a:hover, .section ol a:active,
.section p a.link:hover, .section p a.link:active {
    text-decoration: none;
}
a.link.inline-block, a.link.inline-block { text-decoration:underline; }

/* Download-link im AdditionInformation Block */
.sifr ul.download-list { list-style:none; margin-left:14px; }
.sifr ul.download-list li { margin:8px 0 0 0;  padding:0; }
.sifr ul.download-list li a { text-decoration:none; }


/******** Einzelner Link (tclink = Link im Tabs Content) ***********/
/* Diese Klasse muss VOR der nachfolgenden stehen bleiben !!!  */
#content .icon {
    position: relative;
    text-decoration: none;
    display: inline-block;  
    cursor: pointer;
    padding-left: 27px;
}
.section ul.linkList li a,
#content .icon.icon-link,
.tclink a,
.mobile-icon-ext {
    position: relative;
    text-decoration: none;
    display: inline-block;  
    cursor: pointer;
    padding-left: 20px;
}

/* Icon bei Download-Links, auch in der Media-Galerie */
#content .icon:before {    
	content: "";
	display: block;
	position: absolute;	
	width: 27px;
	height: 12px;
	text-indent: -9999em;	
	top: 5px;
	left: 0;
}
/* Icon für externe Links */
#content .icon.icon-ext:before {
    height: 16px;
	top: 3px;
}
.touchgallery .media-downloadlinks a:before,
.media-module.mobile-media-layer .slider-media.slider .media-downloadlinks a:before,
.section ul.linkList li a:before,
#content .icon.icon-link:before,
.tclink a:before,
.mobile-icon-ext:before {    
	content: "";
	display: block;
	position: absolute;	
	width: 13px;
	height: 16px;
	text-indent: -9999em;	
	top: 2px;
	left: 0;
    background:transparent url("/_layouts/15/Querplex/Siemens/WCMS3/images/mobile/arrows-sprite.png") no-repeat 0 -30px;
}

/********** Download-Links **********/
#content .icon span { display: none; }
/* Attention: span into span */
#content .icon span span { position:static; width:auto; }

#content .icon:before { top:3px; background-image:url(/_layouts/15/Querplex/Siemens/WCMS3/images/icons/900/icon_download_general.gif); background-color:transparent; background-repeat: no-repeat; background-position:0 0; }
#content .icon.icon-avi:before,
#content .icon.icon.icon-swf:before,
#content .icon.icon-flv:before { background-image:url(/_layouts/15/Querplex/Siemens/WCMS3/images/icons/900/icon_download_avi.gif); }
#content .icon.icon-doc:before, 
#content .icon.icon-docx:before { background-image:url(/_layouts/15/Querplex/Siemens/WCMS3/images/icons/900/icon_download_doc.gif); }
#content .icon.icon-disk:before { background-image:url(/_layouts/15/Querplex/Siemens/WCMS3/images/icons/900/icon_download_disk.gif); }
#content .icon.icon-gif:before { background-image:url(/_layouts/15/Querplex/Siemens/WCMS3/images/icons/900/icon_download_gif.gif); }
#content .icon.icon-tif:before, 
#content .icon.icon-tiff:before { background-image:url(/_layouts/15/Querplex/Siemens/WCMS3/images/icons/900/icon_download_tif.gif); }
#content .icon.icon-html:before, 
#content .icon.icon-htm:before { background-image:url(/_layouts/15/Querplex/Siemens/WCMS3/images/icons/900/icon_download_html.gif); }
#content .icon.icon-eps:before { background-image:url(/_layouts/15/Querplex/Siemens/WCMS3/images/icons/900/icon_download_eps.gif); }  
#content .icon.icon-img:before { background-image:url(/_layouts/15/Querplex/Siemens/WCMS3/images/icons/900/icon_download_img.gif); }
#content .icon.icon-jpg:before, 
#content .icon.icon-jpeg:before { background-image:url(/_layouts/15/Querplex/Siemens/WCMS3/images/icons/900/icon_download_jpg.gif); } 
#content .icon.icon-pdf:before { background-image:url(/_layouts/15/Querplex/Siemens/WCMS3/images/icons/900/icon_download_pdf.gif); }            
#content .icon.icon-txt:before { background-image:url(/_layouts/15/Querplex/Siemens/WCMS3/images/icons/900/icon_download_txt.gif); }  
#content .icon.icon-wav:before { background-image:url(/_layouts/15/Querplex/Siemens/WCMS3/images/icons/900/icon_download_wav.gif); }     
#content .icon.icon-ppt:before, 
#content .icon.icon-pptx:before { background-image:url(/_layouts/15/Querplex/Siemens/WCMS3/images/icons/900/icon_download_ppt.gif); } 
#content .icon.icon-xls:before, 
#content .icon.icon-xlsx:before { background-image:url(/_layouts/15/Querplex/Siemens/WCMS3/images/icons/900/icon_download_xls.gif); } 
#content .icon.icon-zip:before, 
#content .icon.icon-7z:before { background-image:url(/_layouts/15/Querplex/Siemens/WCMS3/images/icons/900/icon_download_zip.gif); } 
/* Email Link */   
#content .icon.icon-email:before { top:0; width:18px; height:18px; background-image:url("/_layouts/15/Querplex/Siemens/WCMS3/images/mobile/link_contact-email.png"); text-decoration:underline; }
/* Phone Link */   
#content .icon.icon-tel:before { top:0; width:18px; height:18px; background-image: url("/_layouts/15/Querplex/Siemens/WCMS3/images/mobile/link_contact-tel.png"); }

/******** Externer Link *************/
#content ul.linkList li .icon-ext:before,
#content .icon.icon-ext:before,
#content .tclink .icon-ext:before,
.mobile-icon-ext:before {
    background:transparent url("/_layouts/15/Querplex/Siemens/WCMS3/images/mobile/arrow-extern.png") no-repeat 0 0;
}
/* Externer Link im Aggregation Element */
.mobile-icon-ext { font-size:100%; margin: 0 14px 14px 14px; display: block; }
.mobile-icon-ext img { display:none; }

/**********************************/
/*********** MacomArea ************/
#header header { 
    position:relative;
    overflow: hidden;        
}
#header header #logo { display:none; }
#header header,
#header .inner,
#header header .visual {
	display: block;
	width: 100%;
	height: auto;
    position:relative;
}
/* Visual mit Bild */
#header header .visual .asset .image { margin:0; }
#header header .visual .asset .image img { border:0 none; max-height:320px; }
#header header .headertext {
	display: block;
	padding: 4px 0;
	color: #999;
	font-size: 77%;
	line-height: 1.4;
	margin: 0 0 14px 0;		
	position: absolute;
	right: 14px;
	bottom: 1%;
	left: 14px;
	
	border: 1px solid transparent; /* #FFF */
	border-radius:6px;		
	background-color: rgb(255, 255, 255); /* Old browsers */
	background-color: rgba(255, 255, 255, 0.8);
	color:#333;
}
/* Visual mit Flash
#header header .headertext.mobile-h1-flash {
    margin-bottom: 0;
    margin-left: 14px; 
    margin-right: 14px; 
    position: relative;
    bottom: auto;
    left: auto;
} */
/* Überschrift im Visual */
#header header .headertext h1 {
    margin-bottom: 2px;
}
#header header .headertext a.KeyVisualImageLink, #header header .headertext a.KeyVisualImageLink:hover, #header header .headertext a.KeyVisualImageLink:active {
    text-decoration: none;
}

/* Text im Visual ausblenden */
#header header .headertext p {
    display: none;
}

/* Visul ohne Bild */
#header.mobile-no-image  {
    background-color:#869AA8;
	padding:14px;
}
#header.mobile-no-image header .headertext {
    position: static;
    margin:0;
    padding:0;
}

/****************** Gray and redHighlight Button-Link  ********************/
a.button {
	display: block;
	position: relative;
	overflow: hidden;
	padding: 9px 10px;
	border: 1px solid #999;
	border-radius: 6px;
	margin: 0;
	font-weight: bold;
	text-decoration: none;
	color: #900;
	background-color: #DFE6ED; /* Old browsers */
	background-image:    -moz-linear-gradient(top, #FFF 40%, #DFE6ED 60%); /* FF3.6+ */
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(40%, #FFF), color-stop(60%, #DFE6ED)); /* Chrome,Safari4+ */
	background-image: -webkit-linear-gradient(top, #FFF 40%, #DFE6ED 60%); /* Chrome10+,Safari5.1+ */
	background-image:      -o-linear-gradient(top, #FFF 40%, #DFE6ED 60%); /* Opera11.10+ */
	background-image:         linear-gradient(top, #FFF 40%, #DFE6ED 60%); /* W3C */
}
a.button:after {
    background:transparent url("/_layouts/15/Querplex/Siemens/WCMS3/images/mobile/arrows-sprite.png") no-repeat 0 -30px;
    content: "";
    display: block;
    height: 15px;
    width: 13px;
    margin-top: -8px;
    position: absolute;
    right: 9px;
    top: 50%;
    text-indent: -9999em;
} 

/****************** To the Top Link ********************/
/*.ctc .c-article .separator a.top {} */
span.top , a.top {
	display: block;
	position: relative;
	overflow: hidden;
	padding: 9px 10px;
	border: 1px solid #999;
	border-radius: 6px;
	margin: 0 14px 14px;
	font-weight: bold;
	text-decoration: none;
	background-color: #DFE6ED; /* Old browsers */
	background-image:    -moz-linear-gradient(top, #FFF 40%, #DFE6ED 60%); /* FF3.6+ */
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(40%, #FFF), color-stop(60%, #DFE6ED)); /* Chrome,Safari4+ */
	background-image: -webkit-linear-gradient(top, #FFF 40%, #DFE6ED 60%); /* Chrome10+,Safari5.1+ */
	background-image:      -o-linear-gradient(top, #FFF 40%, #DFE6ED 60%); /* Opera11.10+ */
	background-image:         linear-gradient(top, #FFF 40%, #DFE6ED 60%); /* W3C */

	color: #900;
	text-align: center;
}
span.top { cursor: pointer;  }
/****************** Collapsible *********************************/
.accordion {
	width: 100%;
	overflow: hidden;
	margin-bottom: 14px;
}
.accordion + .accordion {
	/*margin-top: -15px;*/
}
/* Opener auf der PortletPage with Left Navi => .tnlbl-opener.; der content => .tnlbl-content */
/* and "Follow us" link */
.followUs.iconNumber,
.socialLinkBox .accordion .accordion_toggle,
.accordion .opener,  .tnlbl-opener {
	display: block;
	position: relative;
	margin-bottom: 0;
	margin-top: -1px;
	padding: 6px 14px 6px 34px;
	text-decoration: none;
	border: 1px solid #999;
	border-radius: 6px;	
	font-weight:bold; 
	font-size:16px; 
	color:#333;
	cursor: pointer;
	
	background-color: #DFE6ED; /* Old browsers */
	background-image:    -moz-linear-gradient(top, #FFF 40%, #DFE6ED 60%); /* FF3.6+ */
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(40%, #FFF), color-stop(60%, #DFE6ED)); /* Chrome,Safari4+ */
	background-image: -webkit-linear-gradient(top, #FFF 40%, #DFE6ED 60%); /* Chrome10+,Safari5.1+ */
	background-image:      -o-linear-gradient(top, #FFF 40%, #DFE6ED 60%); /* Opera11.10+ */
	background-image:         linear-gradient(top, #FFF 40%, #DFE6ED 60%); /* W3C */	
}

.socialLinkBox .accordion .accordion_toggle .accordion-head,
.accordion .opener a, .tnlbl-opener a {
	padding: 0;
	margin: 0;
	font-size: 16px;
	color: #333;
	text-decoration: none;
}
.socialLinkBox .accordion .accordion_toggle .accordion-head:before,
.accordion .opener:before, .tnlbl-opener:before {
	content: "";
	position: absolute;
	top: 9px;
	left: 14px;
	width: 11px;
	height: 11px;
	border: 1px solid #900;
	background: url("/_layouts/15/Querplex/Siemens/WCMS3/images/mobile/plus-minus-sprite.png") no-repeat 0 0;
}

.socialLinkBox .accordion .accordion_toggle.ui-state-active .accordion-head:before,
.accordion .opener.ui-state-active:before, .tnlbl-opener.active:before {
	background-position: 0 -11px;
}

.accordion .content, .tnlbl-content {
	overflow: hidden;
	margin-top: 14px;
}
/* Letzer Link in der Linkbox */
.accordion .content .flowAuto:last-child { margin-bottom:22px; }

.accordion .content.ui-accordion-content-active, .tnlbl-content.active {
	margin-top: 14px;
}

.tnlbl-content { display:none; }
.tnlbl-content.active { display:block; }

/* linke und rechte Tab-Spalte nach oben rücken */
.tabcontentleft, .tabcontentright { margin-bottom:-18px; }

/* iPhone4/Retina, Opera Mobile 11 and other high pixel ratio devices */
@media
only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min-device-pixel-ratio: 1.5) {
	.js .accordion .opener:before, .js  .tnlbl-opener:before {
		background-image: url("/_layouts/15/Querplex/Siemens/WCMS3/images/mobile/plus-minus-sprite-hi.png");
		background-size: 11px 22px;
	}
}

/* Switch To Mobile View Link ausblenden */
#viewMobile { display:none; }

/************** Portfolio with Tabcards **********************/
/* Absatz im TabContent */
.tnlbl-content p.tclink:last-child { margin-bottom:18px; }

/*** Default styling ***/
#tabbednavigation {
    margin: 0;
    overflow: hidden;   
}
.tab-container {
    margin: 14px 0 -1px 0;
    overflow: hidden;   
}
#tabbednavigation .tabs {
    margin-bottom:-1px;
}
.tabs ol {
    margin: 0 14px 14px 14px;
	font-size: 14px;
	line-height: 1;
	list-style: none;
}
.tabs ol li:first-child,
.tabs ol li:first-child a:first-child {
    border-top-left-radius: 6px;
}
.tabs ol li {
    display: inline-block;
    margin: 0 3px 2px 0;
    position: relative;
    z-index: 44;
    float: left;
}
.tab-container .tabs ol li { margin: 0 3px 3px 0; }
.tabs ol li a {
	display: inline-block;
	margin: 0;
	font-size:13px;
	line-height:15px;
	text-decoration:none;
	width:81px;
	/*height:50px; Remove this height and adjust js to enable auto-sizing of tabs*/
	border-radius: 0;
	border: 1px solid #ccc;
	border-bottom:0 none;
	font-weight:bold;
	color: #FFF;
	overflow: hidden;
		
	background-color: #738796; /* Old browsers */
	background-image:    -moz-linear-gradient(top, #9BAFBE 40%, #738796 60%); /* FF3.6+ */
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(40%, #9BAFBE), color-stop(60%, #738796)); /* Chrome,Safari4+ */
	background-image: -webkit-linear-gradient(top, #9BAFBE 40%, #738796 60%); /* Chrome10+,Safari5.1+ */
	background-image:      -o-linear-gradient(top, #9BAFBE 40%, #738796 60%); /* Opera11.10+ */
	background-image:         linear-gradient(top, #9BAFBE 40%, #738796 60%); /* W3C */	
}
.tabs ol li.active a {
	color: #666;
	background-color: #DFE6ED; /* Old browsers */
	background-image:    -moz-linear-gradient(top, #FFF 40%, #DFE6ED 60%); /* FF3.6+ */
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(40%, #FFF), color-stop(60%, #DFE6ED)); /* Chrome,Safari4+ */
	background-image: -webkit-linear-gradient(top, #FFF 40%, #DFE6ED 60%); /* Chrome10+,Safari5.1+ */
	background-image:      -o-linear-gradient(top, #FFF 40%, #DFE6ED 60%); /* Opera11.10+ */
	background-image:         linear-gradient(top, #FFF 40%, #DFE6ED 60%); /* W3C */
}
.tabs ol li:last-child {
    margin-right: 0;
}
.tabs ol li a span { display:block; margin:6px; 
	width:69px;
	height:50px; 
	overflow: hidden;
}

/*** Tabs Content ***/
#tabcardcard {
    margin: 0 14px 14px 14px;
    padding: 0; 
	border-radius: 0 0 6px 6px;
	border: 1px solid #ccc;
    background-color: #DFE6ED;
}
#tabbednavigation #tabcardcard {
    padding: 14px 10px 0 10px;
    margin: 0 14px;
}
/* This is necessary when the jQuery UI plugin for the tabs is in use */
.ui-tabs-hide {
	display: none !important;
}
/* Related Block at the TabCard Page */
.mrg14 { margin:0 14px; }
.ctc .c-related .section .tabCardImRelated .icon { margin-right:15px; }

/************* Tabellen ******************/
.ctc table {
    margin: 0 14px 14px 14px;
}
/* Caption */
.ctc table caption {
	border-bottom: 1px solid #FFF;
    vertical-align: top;
	text-align: left;
	font-weight: bold;
	background-color: #CCC;
    padding:6px 4px 5px 4px;
}
/* Header */
.ctc table th {
    font-weight:bold; 
	background-color: #DDD; 
    border-bottom:1px dotted #CCC; 
    vertical-align: top;
    text-align: left;
    padding:3px 2px 0 2px;
}
/* Usual row (and Footer!) */
.ctc table td {
    background-color: #FFF; 
    border-bottom:1px dotted #DDD; 
    vertical-align: top;
    text-align: left;
    padding:3px 2px 0 2px;
}
/* Footer */
.ctc table tfoot td {
	background-color: #DDD; 
	border-bottom: 1px solid #CCC;
    color:#666; 
}
/* no idea for this type og row */
.ctc table .level-1 th, .ctc table .level-1 td { background-color: #EEE; }
/* Paragraf in all kind of row */
.ctc table th p, .ctc table td p { margin:0 2px 5px 2px; padding:0; } 
/* collapsible tables */
.ctc table tbody .collapsibleRow { cursor:pointer; }
.ctc table tbody td .indenting { position:absolute; height:14px; cursor:pointer; top:4px; left:-16px; display:block; }
.ctc table tbody td .indenting.open { width:12px; background:url("/_layouts/15/Querplex/Siemens/WCMS3/images/icon-minus.gif") no-repeat top left; }
.ctc table tbody td .indenting.close { width:12px; background:url("/_layouts/15/Querplex/Siemens/WCMS3/images/icon-plus.gif") no-repeat top left; }

/************* Glossary ******************/
.glossary-block p a, .glossary-block p a:link { text-decoration:none; }

.glossary-index,
.wrapMrg14 {
    border: 1px solid #999999;
    border-radius: 6px 6px 6px 6px;
    margin: 0 14px 14px;
    overflow: hidden;
}

.glossary-index ul,
.glossaryBox {	
    border-radius: 6px;
	background-color: #EBF0F5;
	position: relative;
	overflow: hidden;
	top: 1px;
	width: 100%;
	margin: -1px 0 0;
	color: #999;
}
.glossary-index ul {
    list-style:none;
}
.glossary-index ul li,
.glossaryBox a {
	float: left;
	width: 35px;
	height: 32px;
	overflow: hidden;
	margin: 0;
	border: 1px solid #999;
	border-top: 0;
	border-left: 0;
	line-height: 32px;
	text-align: center;
	display: block;
	color: #333;
	text-decoration: none;
	cursor: pointer;
	
	background-color: #DFE6ED; /* Old browsers */
	background-image:    -moz-linear-gradient(top, #FFF 40%, #DFE6ED 60%); /* FF3.6+ */
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(40%, #FFF), color-stop(60%, #DFE6ED)); /* Chrome,Safari4+ */
	background-image: -webkit-linear-gradient(top, #FFF 40%, #DFE6ED 60%); /* Chrome10+,Safari5.1+ */
	background-image:      -o-linear-gradient(top, #FFF 40%, #DFE6ED 60%); /* Opera11.10+ */
	background-image:         linear-gradient(top, #FFF 40%, #DFE6ED 60%); /* W3C */
}
.glossary-index ul li a {
    color: #333;
    text-decoration: none;
}
.glossary-index ul li:hover,
.glossaryBox a:hover {
	background-color: #505A64; /* Old browsers */
	background-image:    -moz-linear-gradient(top, #505A64 40%, #7D8791 60%); /* FF3.6+ */
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(40%, #505A64), color-stop(60%, #7D8791)); /* Chrome,Safari4+ */
	background-image: -webkit-linear-gradient(top, #505A64 40%, #7D8791 60%); /* Chrome10+,Safari5.1+ */
	background-image:      -o-linear-gradient(top, #505A64 40%, #7D8791 60%); /* Opera11.10+ */
	background-image:         linear-gradient(top, #505A64 40%, #7D8791 60%); /* W3C */
	color:#FFF;
}
.glossary-index ul li:hover a,
.glossary-index ul li a:hover {
    color: #FFF;
}

/*** Category DropDown ***/
.mobile-glossar-drop { display: none; }

.glossary-index:before, .glossary-index:after,
.glossaryBox:before, .glossaryBox:after {
	content: "";
	display: table;
}
.glossary-index:after,
.glossaryBox:after {
	clear: both;
}
.glossary-index,
.glossaryBox {
	zoom: 1;
}

/******************* Aggregation Carousel ************************/
.aggregation-carousel {
    border: 1px solid #999999;
    border-radius: 6px 6px 6px 6px;
    margin: 0 14px 14px;
}
/* Wrapper */
.aggregation-carousel .collapsible-body {
	position: relative;
	overflow: hidden;
}
/*  Slide */
.aggregation-carousel .section {
    width:100%;
	padding: 10px 29px 0 0;
	position: relative;
    cursor: pointer;
    
	background-color: #DFE6ED; /* Old browsers */
	background-image:    -moz-linear-gradient(top, #FFF 40%, #DFE6ED 60%); /* FF3.6+ */
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(40%, #FFF), color-stop(60%, #DFE6ED)); /* Chrome,Safari4+ */
	background-image: -webkit-linear-gradient(top, #FFF 40%, #DFE6ED 60%); /* Chrome10+,Safari5.1+ */
	background-image:      -o-linear-gradient(top, #FFF 40%, #DFE6ED 60%); /* Opera11.10+ */
	background-image:         linear-gradient(top, #FFF 40%, #DFE6ED 60%); /* W3C */
}
.aggregation-carousel .section:after {
    background:transparent url("/_layouts/15/Querplex/Siemens/WCMS3/images/mobile/arrows-sprite.png") no-repeat 0 -30px;
    content: "";
    display: block;
    height: 15px;
    width: 13px;
    margin-top: -8px;
    position: absolute;
    right: 9px;
    top: 50%;
    text-indent: -9999em;
} 
/* Slide Content */
#content .aggregation-carousel .section ul.links { list-style:none; }
#content .aggregation-carousel > div > h2 {
    margin: 0; 
    padding:6px 29px 5px 10px; 
	color:#FFF;	
	position: relative;	
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
	
	background-color: #879BAA; /* Old browsers */
	background-image:    -moz-linear-gradient(top, #ADBECB 40%, #879BAA 60%); /* FF3.6+ */
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(40%, #ADBECB), color-stop(60%, #879BAA)); /* Chrome,Safari4+ */
	background-image: -webkit-linear-gradient(top, #ADBECB 40%, #879BAA 60%); /* Chrome10+,Safari5.1+ */
	background-image:      -o-linear-gradient(top, #ADBECB 40%, #879BAA 60%); /* Opera11.10+ */
	background-image:         linear-gradient(top, #ADBECB 40%, #879BAA 60%); /* W3C */
}
.aggregation-carousel .mobile-aggregation-datum { 
    color: #666666;
    font-size: 14px;
    margin-bottom: 3px;
}
/* Footer im Carousel */
.aggregation-carousel footer {
	background-color: #DFE6ED; /* Old browsers */
	background-image:    -moz-linear-gradient(top, #FFF 40%, #DFE6ED 60%); /* FF3.6+ */
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(40%, #FFF), color-stop(60%, #DFE6ED)); /* Chrome,Safari4+ */
	background-image: -webkit-linear-gradient(top, #FFF 40%, #DFE6ED 60%); /* Chrome10+,Safari5.1+ */
	background-image:      -o-linear-gradient(top, #FFF 40%, #DFE6ED 60%); /* Opera11.10+ */
	background-image:         linear-gradient(top, #FFF 40%, #DFE6ED 60%); /* W3C */
}
.aggregation-carousel footer {
	position: relative;
	min-height: 33px;
	border-top: 1px solid #999;
}
.aggregation-carousel footer a {
	display: inline-block;
	padding: 7px 10px 8px;
	color: #900;
	font-weight: bold;
	text-decoration: none;
}
.aggregation-carousel footer a.prev {
	float: left;
}
.aggregation-carousel footer .page-indicator {
	position: absolute;
	top: 7px;
	left: 50%;
	width: 100px;
	margin-left: -50px;
}
.aggregation-carousel footer a.next {
	float: right;
	text-align: right;
}
.aggregation-carousel footer button {
	float: right;
	margin: 0;
	border: 0;
	padding: 8px 7px;
	color: #900;
	font-weight: bold;
	background: none;
}
/* Clearfix */
.aggregation-carousel footer:before, .aggregation-carousel footer:after {
	content: "";
	display: table;
}
.aggregation-carousel footer:after {
	clear: both;
}
.aggregation-carousel footer {
	zoom: 1;
}

/********************* Productlinkbox ********************/
.productlinkbox .content {
    margin: 0 14px 14px;
}
.productlinkbox .content .lbIcon {
    float: left;    
    margin: 6px 8px 0 2px;
}
.productlinkbox .content .lbStandardSubLinkCell {
    margin-bottom: 4px; 
    font-size: 16px;
}
.productlinkbox .content .lbStandardSubLinkCell a,
.productlinkbox .content .lbStandardSubLinkCell a:link {
    text-decoration: none;
}
.productlinkbox .content .lbStandardSubLinkCell a.lbgrayText,
.productlinkbox .content .lbStandardSubLinkCell a.lbgrayText:link { 
    color: gray; 
    cursor: default;
}


/************************** Video ************************************/
.videoBoxAround { margin: 0 14px 14px 14px; }
.videoBoxAround iframe { max-width:100%; }
.videoSection { overflow:hidden; }
.videoSection img { width:100%; }

/************** eingebundenen iFrames *************************/
#ordinaryIFrame { margin:14px; }

/********************* ShareMe Footer ********************************/
.share {
	overflow: hidden;
	margin: 0 14px 14px 14px;
	border: 1px solid #999;
	border-radius: 6px;
	padding: 7px 9px 2px;
	background: #EBF0F5;
}
.share h1 {
	margin: 0 0 6px;
	font-size: 14px;
}
.share ul {
	margin: 0 0 0 1px;
	list-style: none;
}
.share li {
	display: block;
	float: left;
	width: 42px;
	height: 42px;
	overflow: hidden;
	margin: 0 11px 10px 0;
	border: 1px solid #999;
	border-radius: 6px;
	text-indent: -9999em;
	background-color: #DFE6ED; /* Old browsers */
}
.share li.styled-icon { 
	border: 0 none;
}
.share a {
	display: block;
	width: 100%;
	height: 100%;
	border-radius: 6px; 
	border: 0 none;
    background:#EBF0F5 url("/_layouts/15/Querplex/Siemens/WCMS3/images/mobile/share-social-icons.png") no-repeat 0 0;
}
/******** SHARED IM RELATED ************/
/* für Share-Element vor dem FOOTER (!) */
/* Ira, 23.03.2014: Diese Namen-Klassen werden demnächst durch die Zahlen-Klassen ersetzt, aber NICHT durch die untenstehende, weil die Icons unterschiedlich gross sind */
.share .share-stumpleupon { background-position: 0 -1469px; }
.share .share-facebook { background-position: 0 -420px; }
.share .share-linkedin { background-position: 0 -672px; }
.share .share-xing { background-position: 0 -1720px; }
.share .share-twitter { background-position: 0 -84px; }
.share .share-google, .share .share-googleplus { background-position: 0 -126px; }
.share .share-kaixin { background-position: 0 -1848px; }
.share .share-sinaweibo { background-position: 0 -1973px; }
.share .share-tencent { background-position: 0 -2016px; }
.share .share-renren { background-position: 0 -2057px; height:40px; }
/* Ira, 23.03.2014: Die neue Zahlen-Klassen */
/***** NICHT für Share-Element vor dem FOOTER (!) *****/
.iconNumber > span { background-image: url(/_layouts/15/Querplex/Siemens/WCMS3/images/icons/share_classic_15.png); background-repeat: no-repeat; display:inline-block; height:15px; line-height:15px; font-size:15px; margin-right:6px; }
.iconNumber .share-1 { background-position:4px 0; }/* email */
.iconNumber .share-2 { background-position:4px -15px; }/* delicious */
.iconNumber .share-3 { background-position:4px -30px; }/* yigg */
.iconNumber .share-4 { background-position:4px -45px; }/* mister wong  */
.iconNumber .share-5 { background-position:4px -60px; }/* stumpleupon */
.iconNumber .share-6 { background-position:4px -75px; }/* simpy */
.iconNumber .share-7 { background-position:4px -90px; }/* linkagogo */
.iconNumber .share-8 { background-position:4px -105px; }/* oneview */
.iconNumber .share-9 { background-position:4px -120px; }/* faves */
.iconNumber .share-10 { background-position:4px -135px; }/* facebook */
.iconNumber .share-11 { background-position:4px -150px; }/* myspace */
.iconNumber .share-12 { background-position:4px -165px; }/* linkedin */
.iconNumber .share-13 { background-position:4px -180px; }/* xing */
.iconNumber .share-14 { background-position:4px -195px; }/* friendfeed */
.iconNumber .share-15 { background-position:4px -210px; }/* digg */
.iconNumber .share-16 { background-position:4px -225px; }/* newsvine */
.iconNumber .share-17 { background-position:4px -240px; }/* twitter */
.iconNumber .share-18 { background-position:4px -255px; }/* google */
.iconNumber .share-19 { background-position:4px -270px; }/* flickr */
.iconNumber .share-20 { background-position:4px -285px; }/* kaixin */
.iconNumber .share-21 { background-position:4px -300px; }/* youtube */
.iconNumber .share-22 { background-position:4px -315px; }/* wordpress */
.iconNumber .share-23 { background-position:4px -330px; }/* sinaweibo */
.iconNumber .share-24 { background-position:4px -345px; }/* tencent */
.iconNumber .share-25 { background-position:4px -360px; }/* renren */
.iconNumber .share-26 { background-position:4px -375px; }/* nb */
.iconNumber .share-27 { background-position:4px -390px; }/* nb */
.iconNumber .share-28 { background-position:4px -405px; }/* nb */
.iconNumber .share-29 { background-position:4px -420px; }/* nb */
.iconNumber .share-30 { background-position:4px -435px; }/* nb */
.iconNumber .share-31 { background-position:4px -450px; }/* nb */
.iconNumber .share-32 { background-position:4px -465px; }/* nb */
.iconNumber .share-33 { background-position:4px -480px; }/* nb */
.iconNumber .share-34 { background-position:4px -495px; }/* nb */
.iconNumber .share-35 { background-position:4px -510px; }/* nb */
/***** Die neuen Zahlen-Klassen FÜR Share-Element vor dem FOOTER (!) *****/
.share.iconNumber a { background-image: url(/_layouts/15/Querplex/Siemens/WCMS3/images/mobile/share_mobile_42.png); }
.share.iconNumber .share-email,
.share.iconNumber .share-1 { background:#EBF0F5 url("/_layouts/15/Querplex/Siemens/WCMS3/images/mobile/share-social-icons.png") no-repeat 0 0; }/* email */
 /* das nachfolgende Email-Icon: zu prüfen, ob wirklich so ein (neues) Icon gewünscht ist, weil auf siemens.com ist es das alte */
/*.share.iconNumber .share-1 { background-position: 0 0; }*/
.share.iconNumber .share-2 { background-position: 0 -42px; }/* delicious */
.share.iconNumber .share-3 { background-position: 0 -84px; }/* yigg */
.share.iconNumber .share-4 { background-position: 0 -126px; }/* mister wong  */
.share.iconNumber .share-5 { background-position: 0 -168px; }/* stumpleupon */
.share.iconNumber .share-6 { background-position: 0 -210px; }/* simpy */
.share.iconNumber .share-7 { background-position: 0 -252px; }/* linkagogo */
.share.iconNumber .share-8 { background-position: 0 -294px; }/* oneview */
.share.iconNumber .share-9 { background-position: 0 -336px; }/* faves */
.share.iconNumber .share-10 { background-position: 0 -378px; }/* facebook */
.share.iconNumber .share-11 { background-position: 0 -420px; }/* myspace */
.share.iconNumber .share-12 { background-position: 0 -462px; }/* linkedin */
.share.iconNumber .share-13 { background-position: 0 -504px; }/* xing */
.share.iconNumber .share-14 { background-position: 0 -546px; }/* friendfeed */
.share.iconNumber .share-15 { background-position: 0 -588px; }/* digg */
.share.iconNumber .share-16 { background-position: 0 -630px; }/* newsvine */
.share.iconNumber .share-17 { background-position: 0 -672px; }/* twitter */
.share.iconNumber .share-18 { background-position: 0 -714px; }/* google */
.share.iconNumber .share-19 { background-position: 0 -756px; }/* flickr */
.share.iconNumber .share-20 { background-position: 0 -798px; }/* kaixin */
.share.iconNumber .share-21 { background-position: 0 -840px; }/* youtube */
.share.iconNumber .share-22 { background-position: 0 -882px; }/* wordpress */
.share.iconNumber .share-23 { background-position: 0 -924px; }/* sinaweibo */
.share.iconNumber .share-24 { background-position: 0 -966px; }/* tencent */
.share.iconNumber .share-25 { background-position: 0 -1008px; }/* renren */
.share.iconNumber .share-26 { background-position: 0 -1050px; }/* nb */
.share.iconNumber .share-27 { background-position: 0 -1092px; }/* nb */
.share.iconNumber .share-28 { background-position: 0 -1134px; }/* nb */
.share.iconNumber .share-29 { background-position: 0 -1176px; }/* nb */
.share.iconNumber .share-30 { background-position: 0 -1218px; }/* nb */
.share.iconNumber .share-31 { background-position: 0 -1260px; }/* nb */
.share.iconNumber .share-32 { background-position: 0 -1302px; }/* nb */
.share.iconNumber .share-33 { background-position: 0 -1344px; }/* nb */
.share.iconNumber .share-34 { background-position: 0 -1386px; }/* nb */
.share.iconNumber .share-35 { background-position: 0 -1428px; }/* nb */

/*************** "Follow us" link (also look at line 133) **********/
.followUs.iconNumber { margin:0 14px 14px 14px; padding-left:10px; }
.followUs.iconNumber > span { padding-left:26px; }
.followUs.iconNumber > span:after {
    background:transparent url("/_layouts/15/Querplex/Siemens/WCMS3/images/mobile/arrow-extern.png") no-repeat 0 0;    
    content: "";
    display: block;
    height: 15px;
    width: 13px;
    margin-top: -8px;
    position: absolute;
    right: 9px;
    top: 50%;
    text-indent: -9999em;
}

/* Clearfix */
.share ul:before, .share ul:after {
	display: block;
	height: 0;
	overflow: hidden;
	content: "\0020";
}
.share ul:after {
	clear: both;
}
.share ul {
	zoom: 1;
}

/* iPhone4/Retina, Opera Mobile 11 and other high pixel ratio devices */
@media
only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min-device-pixel-ratio: 1.5) {
	.sharex a { /* geht noch nicht */
		background-image: url("/_layouts/15/Querplex/Siemens/WCMS3/images/mobile/share-bottom-hi.png");
		background-size: 42px 168px;
	}
}

/************* Fallback-Bild im Flashcontainer *******************/
.image .flashcontainer, .image .flashcontainer img { width:100%; }

/************** Extern eingebundenes HTML **********************/
.ctc.s-right.c-related .s-col-2 .Stil2, 
.ctc.s-right.c-related .s-col-2 .Stil1 { margin:0 14px; }
.ctc.s-right.c-related .s-col-2 .column { margin:0 14px 14px 14px; }
.ctc.s-right.c-related .s-col-2 .column:after { content: ""; display: table; }
.ctc.s-right.c-related .s-col-2 .column:after { clear: both; }
.ctc.s-right.c-related .s-col-2 .column { zoom: 1; }


/**************** Tables ***************/
.ctc table th, .ctc table td {	text-align: left; }
.ctc table th.right, .ctc table td.right { text-align: right; }
.ctc table th.center, .ctc table td.center { text-align: center; }
.ctc table th.number, .ctc table td.number { text-align: right; }
.ctc table th, .ctc table td { vertical-align: top; }
.ctc table th.middle, .ctc table td.middle { vertical-align: middle; } 
.ctc table th.bottom, .ctc table td.bottom { vertical-align: bottom; }     
/* Tables highlight */
.ctc table tbody td.whiteBG { background-color:#FFF; }
.ctc table tbody td.tbhighlighted { background-color:#eee; }
/* Tables sharepoint group */
.ctc table .groupline td {background:url("/_layouts/15/Querplex/Siemens/WCMS3/images/folder_cl.gif") no-repeat scroll 0 1px #fff;border-bottom: 1px solid #ddd;cursor: pointer;font-weight: bold;padding-left: 20px;}
.ctc table .groupline td span {font-weight:normal}
.ctc table .groupline.open td {background-image:url(/_layouts/15/Querplex/Siemens/WCMS3/images/folder_op.gif)}

/**
 * [nz]
 * mobile-media-layer
 * adaption and modification of the digital first media layer for mobile design
 * @section   =mobile-media-layer
 */
.media-module.mobile-media-layer {
	border-bottom-right-radius: 6px;
	border-bottom-left-radius: 6px;
	border: 1px solid #999;
	margin: 0 14px 14px;
	overflow: hidden;
}
.media-module.mobile-media-layer .items {
	overflow: hidden;
	margin: 0;
	padding: 0;
	list-style-type: none;
	position: relative;
}
.media-module.mobile-media-layer .items li {
	position: relative;
	margin: 0;
	list-style-type: none;
}
.media-module.mobile-media-layer .img-container {
	border-bottom: 1px solid #999;
}
.media-module.mobile-media-layer .img-container img {
	display: block;
	width: 100%;
	max-width: 320px;
	margin:0 auto;
}
.media-module.mobile-media-layer .media-text {
	padding-top: 14px;
	font-size: 14px;
	background-color: #DFE6ED;
	overflow: hidden;
	border-top: 1px solid #999;
}
.media-module.mobile-media-layer .media-text h3 a {
	text-decoration: none;
	color:#333;
}
.media-module.mobile-media-layer .media-text p {
	color: #666;
	margin: 0 14px 9px 14px;
}
.media-module.mobile-media-layer .slider-media.slider footer, .mobile-media-layer footer {
	position: relative;
	min-height: 33px;
	background-color: #DFE6ED; /* Old browsers */
	background-image:    -moz-linear-gradient(top, #FFF 40%, #DFE6ED 60%); /* FF3.6+ */
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(40%, #FFF), color-stop(60%, #DFE6ED)); /* Chrome,Safari4+ */
	background-image: -webkit-linear-gradient(top, #FFF 40%, #DFE6ED 60%); /* Chrome10+,Safari5.1+ */
	background-image:      -o-linear-gradient(top, #FFF 40%, #DFE6ED 60%); /* Opera11.10+ */
	background-image:         linear-gradient(top, #FFF 40%, #DFE6ED 60%); /* W3C */
}
.media-module.mobile-media-layer .slider-media.slider footer a, .mobile-media-layer footer a {
	display: inline-block;
	padding: 7px 10px 8px;
	color: #900;
	font-weight: bold;
	text-decoration: none;
}
.media-module.mobile-media-layer .slider-media.slider footer a.prev, .media-module.mobile-media-layer .prev, .mobile-media-layer .prev {
	float: left;
}
.media-module.mobile-media-layer .slider-media.slider footer .page-indicator {
	position: absolute;
	top: 7px;
	left: 50%;
	width: 100px;
}
.media-module.mobile-media-layer .slider-media.slider footer a.next, .media-module.mobile-media-layer .next, .mobile-media-layer .next {
	float: right;
	text-align: right;
}
/* DOWNLOAD LINKS */
.media-module.mobile-media-layer .slider-media.slider .media-downloadlinks a { font-weight:normal; padding:0 0 0 20px; margin:0 14px 9px 14px; display:block; position: relative; }

/**************************************************************/
/************* new swipe gallery, 08.05.2014 ******************/
.touchgallery {
    position: relative;
    z-index: 5;
    height: 370px; /* default gallery height */
    width: 350px; /* default gallery width */
	overflow: hidden;
	border-bottom-right-radius: 6px;
	border-bottom-left-radius: 6px;
} 
.touchgallery ul {
    list-style: none;
    margin: 0;
    padding: 0;
    left: 0;
    position: absolute;
    -moz-transition: all 100ms ease-in-out; /* image transition. Change 100ms to desired transition duration */
    -webkit-transition: all 100ms ease-in-out;
    transition: all 100ms ease-in-out;
    z-index: 53;
	background-color: #DFE6ED; 
} 
.touchgallery ul li {
    width: 350px; 
	margin: 0;
	padding: 0;
    float: left;
    display: block;
    text-align: left;
} 
.touchgallery ul li .img-container { width: 100%; }
.touchgallery ul li .img-container img {
	width: 100%;
    height: auto;
	display: block;
	margin:0 auto;
}
.touchgallery ul li .img-container .media-text {
	padding-top: 14px;
	font-size: 14px;
	overflow: hidden;
	border-top: 1px solid #999;
	width: 100%;
}
.touchgallery ul li .img-container .media-text h3 a {
	text-decoration: none;
	color:#333;
}
.touchgallery ul li .img-container .media-text p {
	color: #666;
	margin: 0 14px 9px 14px;
}
.touchgallery footer {
    z-index: 153;
	position: relative;
	height: 33px;
    margin-top: 337px; 
    overflow: visible;
    border-top: 1px solid #999;
	background-color: #DFE6ED; /* Old browsers */
	background-image:    -moz-linear-gradient(top, #FFF 40%, #DFE6ED 60%); /* FF3.6+ */
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(40%, #FFF), color-stop(60%, #DFE6ED)); /* Chrome,Safari4+ */
	background-image: -webkit-linear-gradient(top, #FFF 40%, #DFE6ED 60%); /* Chrome10+,Safari5.1+ */
	background-image:      -o-linear-gradient(top, #FFF 40%, #DFE6ED 60%); /* Opera11.10+ */
	background-image:         linear-gradient(top, #FFF 40%, #DFE6ED 60%); /* W3C */
}
.touchgallery footer a {
	display: inline-block;
	padding: 7px 10px 8px;
	color: #900;
	font-weight: bold;
	text-decoration: none;
}
.touchgallery footer a.prev {
	float: left;
    z-index: 156;
	position: relative;
}
.touchgallery footer .page-indicator {
	position: absolute;
    z-index: 155;
	top: 7px;
	left: 50%;
	width: 100px;
}
.touchgallery a.next {
	float: right;
	text-align: right;
    z-index: 157;
	position: relative;
}
/* DOWNLOAD LINKS */
.touchgallery .media-downloadlinks a { font-weight:normal; padding:0 0 0 20px; margin:0 14px 9px 14px; display:block; position: relative; }



/* Link and ZoomLink */
/* .asset .choicemenu { background-color:pink; position:absolute; top:0; left:0; width:0; height:0; overflow:hidden; }opacity: 0; filter: alpha(opacity:0); */
.asset .image .posRel .choicemenu {
	display: block;
	padding: 10px 0 0 0;
	color: #999;
	font-size: 77%;
	line-height: 1.4;
	margin: 0;		
	position: absolute;
	/* Wenn der Close-Button nach oben und rechts versetzt werden soll:
	left: 14px;
    right: 14px;
	top: 14px;
	bottom: 14px; */
	left: 0;
    right: 0;
	top: 0;
	bottom: 0;
	background-color: rgb(55, 75, 90); /* Old browsers */
	background-color: rgba(55, 75, 90, 0.8);
	
	border: 1px solid transparent; /* #FFF */
	border-radius:6px;		
	color:#333;
	display: none;
}
.asset .image .posRel .choicemenu a.choicemenulink {
	display: block;
	text-decoration: none;
	background-color: transparent;
	padding: 8px 14px 0 34px;	
    background:transparent url("/_layouts/15/Querplex/Siemens/WCMS3/images/mobile/icons-sprite.png") no-repeat 16px -587px;
	color:#FFF;
	
	font-weight: bold;
	font-size: 20px;
}

.asset .image .posRel a.close {
	display: block;
	float: right;
	width: 25px;
	height: 23px;
	overflow: hidden;
	/* Close-Button ist nach oben und rechts versetzt: 
    margin: -20px -14px 0 0; 
	background-color: #879BAA;
	border: 1px solid #374B5A;	*/
	border-radius: 6px;	
	background-color: transparent;
	border: 1px solid #FFF;
	margin: 0 10px 0 0;
}
.asset .image .posRel a.close span {
	display: block;
	height: 100%;
	text-indent: -9999em;
	background: transparent url("/_layouts/15/Querplex/Siemens/WCMS3/images/mobile/nav-sprite.png") no-repeat center -639px;
}

/*********** News Slider
#content .newsSlider { position:relative; margin-bottom:52px; }
#content .newsSlider { border:1px solid #999999; border-radius:6px 6px 6px 6px; margin:0 14px 14px; overflow:hidden; }
#content .newsSlider .slider .content { border-bottom:1px solid #999; padding:14px 0; }
#content .newsSlider .slider *:last-child { border-bottom:0 none; }
#content .newsSlider .slider .content .asset .image img { border:0; margin-left:8px; }
#content .newsSlider .slider .content .asset .image { margin-bottom:0; margin-left:0; margin-right:0; text-align:center; }
#content .newsSlider .slider .content a:after { top:auto; bottom:16px; }
#content .newsSlider .slider .content h2 { margin-bottom:0; }
#content .newsSlider .slider .content a h2 { margin-left:0; margin-right:0; }
#content .newsSlider .clearfix { background-color: #738796; }
#content .newsSlider .clearfix h2 { color:#FFFFFF; font-size:20px; font-weight:bold; margin:0; padding:9px 14px; }
 ********/
#content .newsSlider .touchgallery ul li .img-container .media-text { border-top: 0 none; }

#s4-ribbonrow, .s4-notdlg { display:none; }

/* Div für die Tabellen, damit sie gescrollt werden können */
.ctc .scrollBox { width:90%; overflow-x:scroll; margin-left:14px; margin-right:14px; }
.ctc .scrollBox table { table-layout:auto; margin:0; }
.ctc .mrgForScrollBox { margin:0 0 14px 0;}

/* Accordion for Social-LinkBox */
.ctc .socialLinkBox .accordion { margin-left:14px; margin-right:14px; width:auto; }
.ctc .socialLinkBox .accordion_toggle .accordion-head .iconImg { position:absolute; top:8px; }
.ctc .socialLinkBox .accordion_toggle .accordion-head span { padding-left:26px; font-weight:normal; }
/* .socialLinkBox .accordion .ui-accordion-content-active { margin-top: 14px; } */
.ctc .socialLinkBox .accordion ul.link-list, .socialLinkBox .accordion ul.link-list li { list-style-type:none; margin:0; padding:0; }
.ctc .socialLinkBox .accordion ul.link-list p.linksInFacebookBox a { display:inline-block; width:100%; }
.ctc .socialLinkBox .accordion ul.link-list p.linksInFacebookBox a { margin-bottom:6px; }
.ctc .socialLinkBox .accordion ul.link-list p.linksInFacebookBox a:last-child { margin-bottom:0; }
.ctc .socialLinkBox .accordion .accordion_toggle { margin-top:0; margin-bottom:14px; }
.ctc .socialLinkBox .accordion .accordion_content { 
    margin-top: -16px;
    margin-bottom: 10px;
    border-left: 1px solid #ccc; 
    border-right: 1px solid #ccc; 
    border-bottom: 1px solid #ccc; 
    padding:14px 0 2px 0; 
}
/* übernommen */
.ctc .socialLinkBox .accordion .accordion_content .smb_item_desc { color: #999; }
.ctc .socialLinkBox .accordion .accordion_content .smb_item { padding: 5px 3px 4px 9px ; }
.ctc .socialLinkBox .accordion #youtubeSocialLinkBox .accordion_content .smb_item { margin-left: 3px ;}
.ctc .socialLinkBox .accordion .accordion_content .smb_item .thumbnail {
	width: 102px;
	height: 68px;
	margin: 3px 0;
	overflow: hidden;
	background-repeat: no-repeat !important;
	background-position: center center;
	z-index: 1;
	float: left;
	margin: 0 9px 9px 0;
}
.ctc .socialLinkBox .accordion .accordion_content#youtubeSocialLinkBox .smb_item a.youtube-link {
    background: url('/_layouts/15/Querplex/Siemens/WCMS3/images/accordion/icon-linkextern-2.gif') no-repeat right bottom;
	padding-right: 16px;
	color:#333;
}
.ctc #content .socialLinkBox .accordion .accordion_content .link-list .icon { width:100%; }

.ctc .socialLinkBox .accordion_content .smb_item .PlayButtonOverlay {
	width: 102px;
	height: 68px;
	background-image: url('/_layouts/15/Querplex/Siemens/WCMS3/images/accordion/play-btn.png');
	background-repeat: no-repeat;
	background-position: center center;
	z-index: 2;
}
.ctc .socialLinkBox #twitterSocialLinkBox {
    background-color: #fff;
    /* height: 190px !important; */ 
    overflow: auto; 
    scrollbar-base-color: #999; 
    scrollbar-arrow-color: #fff; 
    scrollbar-track-color: #ccc; 
    scrollbar-shadow-color: #999; 
    scrollbar-lightshadow-color: #ccc; 
    scrollbar-darkshadow-color: #ccc; 
    scrollbar-highlight-color: #999; 
    scrollbar-3dlight-color: #999;	 
}
.ctc .socialLinkBox a { text-decoration:none; }
.ctc .socialLinkBox #twitterSocialLinkBox a {
	color: #990000;
	text-decoration:underline;
}
/* Overview mit Bild */
.ctc .overviewWithImg .asset { margin:0 14px 14px 14px; }

/**************** Highlightslider (=SPCardSlider) **************/
.ctc .coverflowitems { float:left; margin-left:0; }
.ctc .coverflowitems li { float:left; list-style:none; list-style-image:none; margin:0; }
/* die Headline gibt es nur auf Portlet Page (.ctc .portlet geht nicht, da auf IO-Service- und TabCard-Seiten diese Klasse fehlt) */
.ctc h2.doubleH2 { border-bottom:#999 dotted 1px; padding-bottom:8px; }
/**************** Feedback (Frage & Radiobuttons vor dem Footer) **************/
#rating {
	overflow: hidden;
	margin: 0 14px 14px 14px;
	border: 1px solid #999;
	border-radius: 6px;
	padding: 7px 9px 12px;
	background-color: #EBF0F5;
}
#rating legend {
	margin: 0;
	font-size: 14px;  
    padding-top: 5px; 
}
#rating #feedbackText legend { width: 70%; float:left; }
#rating #feedbackText input[type="radio"] { margin-right:10px;  }
#rating #feedbackText ul {
	list-style: none;
    width: 30%;
	float: left;
	margin: 0;
}
#rating #feedbackText li {
	display: block;
	float: left;
	overflow: hidden;
	margin: 0 10px 0 0;
}
#rating #feedbackResponse textarea { 
    margin: 10px 0;
	   -moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	width: 100%; 
}

/* Country specific flags */
#site-id .c {
    padding-left: 24px;
	background-image: url("/_layouts/15/Querplex/Siemens/WCMS3/images/icon-toolbar-countries-sprite.gif");
	background-repeat: no-repeat;
    background-position: 0 9999999px;
    color:#FFF;
}
#site-id .lang-global {
       padding-left: 34px;
       background-image: url("/_layouts/15/Querplex/Siemens/WCMS3/images/icon-toolbar-world-sprite.gif");
       background-repeat: no-repeat;
       background-position: 0 -28px;
}
.ctc .identification #site-id em.flagNoLink { font-size:100%; font-weight:normal; font-style:normal; }
#site-id em.flagNoLink .lang-global:hover, #site-id em.flagNoLink .lang-global:active, #site-id em.flagNoLink .lang-global:focus,
#site-id a.opener:active .lang-global, #site-id a.opener:focus .lang-global, #site-id.active a.opener .lang-global, 
#site-id li.hover .lang-global, #site-id li.active .lang-global { background-position: 0 -13px; }

#site-id .ad { background-position: 0 -0px }
#site-id .ae { background-position: 0 -40px }
#site-id .af { background-position: 0 -80px }
#site-id .ag { background-position: 0 -120px }
#site-id .ai { background-position: 0 -160px }
#site-id .al { background-position: 0 -200px }
#site-id .am { background-position: 0 -240px }
#site-id .an { background-position: 0 -280px }
#site-id .ao { background-position: 0 -320px }
#site-id .ar { background-position: 0 -360px }
#site-id .as { background-position: 0 -400px }
#site-id .at { background-position: 0 -440px }
#site-id .au { background-position: 0 -480px }
#site-id .ax { background-position: 0 -520px }
#site-id .az { background-position: 0 -560px }
#site-id .ba { background-position: 0 -600px }
#site-id .bb { background-position: 0 -640px }
#site-id .bd { background-position: 0 -680px }
#site-id .be { background-position: 0 -720px }
#site-id .bf { background-position: 0 -760px }
#site-id .bg { background-position: 0 -800px }
#site-id .bh { background-position: 0 -840px }
#site-id .bi { background-position: 0 -880px }
#site-id .bj { background-position: 0 -920px }
#site-id .bm { background-position: 0 -960px }
#site-id .bn { background-position: 0 -1000px }
#site-id .bo { background-position: 0 -1040px }
#site-id .brazil { background-position: 0 -1080px }
#site-id .bs { background-position: 0 -1120px }
#site-id .bt { background-position: 0 -1160px }
#site-id .bv { background-position: 0 -1200px }
#site-id .bw { background-position: 0 -1240px }
#site-id .by { background-position: 0 -1280px }
#site-id .bz { background-position: 0 -1320px }
#site-id .ca { background-position: 0 -1360px }
#site-id .cc { background-position: 0 -1400px }
#site-id .cd { background-position: 0 -1440px }
#site-id .cf { background-position: 0 -1480px }
#site-id .cg { background-position: 0 -1520px }
#site-id .ch { background-position: 0 -1560px }
#site-id .ci { background-position: 0 -1600px }
#site-id .ck { background-position: 0 -1640px }
#site-id .cl { background-position: 0 -1680px }
#site-id .cm { background-position: 0 -1720px }
#site-id .cn { background-position: 0 -1760px }
#site-id .co { background-position: 0 -1800px }
#site-id .cr { background-position: 0 -1840px }
#site-id .cs { background-position: 0 -1880px }
#site-id .cu { background-position: 0 -1920px }
#site-id .cv { background-position: 0 -1960px }
#site-id .cx { background-position: 0 -2000px }
#site-id .cy { background-position: 0 -2040px }
#site-id .cz { background-position: 0 -2080px }
#site-id .de { background-position: 0 -2120px }
#site-id .dj { background-position: 0 -2160px }
#site-id .dk { background-position: 0 -2200px }
#site-id .dm { background-position: 0 -2240px }
#site-id .do { background-position: 0 -2280px }
#site-id .dz { background-position: 0 -2320px }
#site-id .ec { background-position: 0 -2360px }
#site-id .ee { background-position: 0 -2400px }
#site-id .eg { background-position: 0 -2440px }
#site-id .eh { background-position: 0 -2480px }
#site-id .er { background-position: 0 -2520px }
#site-id .es-ct { background-position: 0 -2560px }
#site-id .es { background-position: 0 -2600px }
#site-id .et { background-position: 0 -2640px }
#site-id .eu { background-position: 0 -2680px }
#site-id .fi { background-position: 0 -2720px }
#site-id .fj { background-position: 0 -2760px }
#site-id .fk { background-position: 0 -2800px }
#site-id .fm { background-position: 0 -2840px }
#site-id .fo { background-position: 0 -2880px }
#site-id .fr { background-position: 0 -2920px }
#site-id .ga { background-position: 0 -2960px }
#site-id .gb-eng { background-position: 0 -3000px }
#site-id .gb-sct { background-position: 0 -3040px }
#site-id .gb-wls { background-position: 0 -3080px }
#site-id .gb { background-position: 0 -3120px }
#site-id .gd { background-position: 0 -3160px }
#site-id .ge { background-position: 0 -3200px }
#site-id .gf { background-position: 0 -3240px }
#site-id .gh { background-position: 0 -3280px }
#site-id .gi { background-position: 0 -3320px }
#site-id .gl { background-position: 0 -3360px }
#site-id .gm { background-position: 0 -3400px }
#site-id .gn { background-position: 0 -3440px }
#site-id .gp { background-position: 0 -3480px }
#site-id .gq { background-position: 0 -3520px }
#site-id .gr { background-position: 0 -3560px }
#site-id .gs { background-position: 0 -3600px }
#site-id .gt { background-position: 0 -3640px }
#site-id .gu { background-position: 0 -3680px }
#site-id .gw { background-position: 0 -3720px }
#site-id .gy { background-position: 0 -3760px }
#site-id .hk { background-position: 0 -3800px }
#site-id .hn { background-position: 0 -3840px }
#site-id .hr { background-position: 0 -3880px }
#site-id .ht { background-position: 0 -3920px }
#site-id .hu { background-position: 0 -3960px }
#site-id .id { background-position: 0 -4000px }
#site-id .ie { background-position: 0 -4040px }
#site-id .il { background-position: 0 -4080px }
#site-id .in { background-position: 0 -4120px }
#site-id .io { background-position: 0 -4160px }
#site-id .iq { background-position: 0 -4200px }
#site-id .ir { background-position: 0 -4240px }
#site-id .is { background-position: 0 -4280px }
#site-id .it { background-position: 0 -4320px }
#site-id .jm { background-position: 0 -4360px }
#site-id .jo { background-position: 0 -4400px }
#site-id .jp { background-position: 0 -4440px }
#site-id .ke { background-position: 0 -4480px }
#site-id .kg { background-position: 0 -4520px }
#site-id .kh { background-position: 0 -4560px }
#site-id .ki { background-position: 0 -4600px }
#site-id .km { background-position: 0 -4640px }
#site-id .kn { background-position: 0 -4680px }
#site-id .kp { background-position: 0 -4720px }
#site-id .kr { background-position: 0 -4760px }
#site-id .kw { background-position: 0 -4800px }
#site-id .ky { background-position: 0 -4840px }
#site-id .kz { background-position: 0 -4880px }
#site-id .la { background-position: 0 -4920px }
#site-id .lb { background-position: 0 -4960px }
#site-id .lc { background-position: 0 -5000px }
#site-id .li { background-position: 0 -5040px }
#site-id .lk { background-position: 0 -5080px }
#site-id .lr { background-position: 0 -5120px }
#site-id .ls { background-position: 0 -5160px }
#site-id .lt { background-position: 0 -5200px }
#site-id .lu { background-position: 0 -5240px }
#site-id .lv { background-position: 0 -5280px }
#site-id .ly { background-position: 0 -5320px }
#site-id .ma { background-position: 0 -5360px }
#site-id .mc { background-position: 0 -5400px }
#site-id .md { background-position: 0 -5440px }
#site-id .me { background-position: 0 -5480px }
#site-id .mg { background-position: 0 -5520px }
#site-id .mh { background-position: 0 -5560px }
#site-id .mk { background-position: 0 -5600px }
#site-id .ml { background-position: 0 -5640px }
#site-id .mm { background-position: 0 -5680px }
#site-id .mn { background-position: 0 -5720px }
#site-id .mo { background-position: 0 -5760px }
#site-id .mp { background-position: 0 -5800px }
#site-id .mq { background-position: 0 -5840px }
#site-id .mr { background-position: 0 -5880px }
#site-id .ms { background-position: 0 -5920px }
#site-id .mt { background-position: 0 -5960px }
#site-id .mu { background-position: 0 -6000px }
#site-id .mv { background-position: 0 -6040px }
#site-id .mw { background-position: 0 -6080px }
#site-id .mx { background-position: 0 -6120px }
#site-id .my { background-position: 0 -6160px }
#site-id .mz { background-position: 0 -6200px }
#site-id .na { background-position: 0 -6240px }
#site-id .nc { background-position: 0 -6280px }
#site-id .ne { background-position: 0 -6320px }
#site-id .nf { background-position: 0 -6360px }
#site-id .ng { background-position: 0 -6400px }
#site-id .ni { background-position: 0 -6440px }
#site-id .nl { background-position: 0 -6480px }
#site-id .no { background-position: 0 -6520px }
#site-id .np { background-position: 0 -6560px }
#site-id .nr { background-position: 0 -6600px }
#site-id .nu { background-position: 0 -6640px }
#site-id .nz { background-position: 0 -6680px }
#site-id .om { background-position: 0 -6720px }
#site-id .pa { background-position: 0 -6760px }
#site-id .pe { background-position: 0 -6800px }
#site-id .pf { background-position: 0 -6840px }
#site-id .pg { background-position: 0 -6880px }
#site-id .ph { background-position: 0 -6920px }
#site-id .pk { background-position: 0 -6960px }
#site-id .pl { background-position: 0 -7000px }
#site-id .pm { background-position: 0 -7040px }
#site-id .pn { background-position: 0 -7080px }
#site-id .pr { background-position: 0 -7120px }
#site-id .ps { background-position: 0 -7160px }
#site-id .pt { background-position: 0 -7200px }
#site-id .pw { background-position: 0 -7240px }
#site-id .py { background-position: 0 -7280px }
#site-id .qa { background-position: 0 -7320px }
#site-id .re { background-position: 0 -7360px }
#site-id .ro { background-position: 0 -7400px }
#site-id .rs { background-position: 0 -7440px }
#site-id .ru { background-position: 0 -7480px }
#site-id .rw { background-position: 0 -7520px }
#site-id .sa { background-position: 0 -7560px }
#site-id .sb { background-position: 0 -7600px }
#site-id .sc { background-position: 0 -7640px }
#site-id .sd { background-position: 0 -7680px }
#site-id .se { background-position: 0 -7720px }
#site-id .sg { background-position: 0 -7760px }
#site-id .sh { background-position: 0 -7800px }
#site-id .si { background-position: 0 -7840px }
#site-id .sj { background-position: 0 -7880px }
#site-id .sk { background-position: 0 -7920px }
#site-id .sl { background-position: 0 -7960px }
#site-id .sm { background-position: 0 -8000px }
#site-id .sn { background-position: 0 -8040px }
#site-id .so { background-position: 0 -8080px }
#site-id .sr { background-position: 0 -8120px }
#site-id .st { background-position: 0 -8160px }
#site-id .sv { background-position: 0 -8200px }
#site-id .sy { background-position: 0 -8240px }
#site-id .sz { background-position: 0 -8280px }
#site-id .tc { background-position: 0 -8320px }
#site-id .td { background-position: 0 -8360px }
#site-id .tf { background-position: 0 -8400px }
#site-id .tg { background-position: 0 -8440px }
#site-id .th { background-position: 0 -8480px }
#site-id .tj { background-position: 0 -8520px }
#site-id .tk { background-position: 0 -8560px }
#site-id .tl { background-position: 0 -8600px }
#site-id .tm { background-position: 0 -8640px }
#site-id .tn { background-position: 0 -8680px }
#site-id .to { background-position: 0 -8720px }
#site-id .tr { background-position: 0 -8760px }
#site-id .tt { background-position: 0 -8800px }
#site-id .tv { background-position: 0 -8840px }
#site-id .tw { background-position: 0 -8880px }
#site-id .tz { background-position: 0 -8920px }
#site-id .ua { background-position: 0 -8960px }
#site-id .ug { background-position: 0 -9000px }
#site-id .us { background-position: 0 -9040px }
#site-id .uy { background-position: 0 -9080px }
#site-id .uz { background-position: 0 -9120px }
#site-id .va { background-position: 0 -9160px }
#site-id .vc { background-position: 0 -9200px }
#site-id .ve { background-position: 0 -9240px }
#site-id .vg { background-position: 0 -9280px }
#site-id .vi { background-position: 0 -9320px }
#site-id .vn { background-position: 0 -9360px }
#site-id .vu { background-position: 0 -9400px }
#site-id .wf { background-position: 0 -9440px }
#site-id .ws { background-position: 0 -9480px }
#site-id .ye { background-position: 0 -9520px }
#site-id .yt { background-position: 0 -9560px }
#site-id .za { background-position: 0 -9600px }
#site-id .zm { background-position: 0 -9640px }
#site-id .zw { background-position: 0 -9680px }



/**************** OverlayBox **************/
.overview.overlayBox { padding-bottom:0; }
.overview.overlayBox nav li .asset img { width:100%; margin-bottom:14px; }
#content .overview.overlayBox nav li .overview-content { display:none; }
#content .overview.overlayBox nav li .overview-content .pad20 { margin:0 14px 14px 14px; }
#content .overview.overlayBox nav li .overview-content .pad20 p { margin-left:0; margin-right:0; }
#content .overview.overlayBox nav li .overview-content .pad20 a.icon:before { top:10px; }
#content .overview.overlayBox nav li .overview-content .pad20 a.icon { display:block; width:100%; padding-right:0; }
#content .overview.overlayBox nav li a.more { cursor:pointer; }
#content .overview.overlayBox nav li a.more.active {  background-color:transparent; }
#content .overview.overlayBox nav li a.more.active:after { background:transparent url("/_layouts/15/Querplex/Siemens/WCMS3/images/mobile/arrows-sprite-up.png") no-repeat -60px 2px; }
/* gray related info box  */
#content .overview.overlayBox nav li.grayrelatedinfo { background-color:#999; }
#content .overview.overlayBox nav li.grayrelatedinfo h3 { margin:0; border-left:0 none; border-top:0 none; border-right:0 none; border-bottom-left-radius: 0; border-bottom-right-radius: 0; }
#content .overview.overlayBox nav li.grayrelatedinfo .overview-content { display:block; }
#content .overview.overlayBox nav li.grayrelatedinfo .overview-content .pad20 { margin:14px; }

/***************** Collapsible **************/
.collapsible {
	width: 100%;
	overflow: hidden;
	margin-bottom: 14px;
	}
.collapsible + .collapsible {
	margin-top: -15px;
}
.collapsible .collapsible-header {
	display: block;
	position: relative;
	margin-bottom: 14px;
	padding: 0 14px 0 34px;
	background-color: #DFE6ED; /* Old browsers */
	background-image:    -moz-linear-gradient(top, #FFF 40%, #DFE6ED 60%); /* FF3.6+ */
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(40%, #FFF), color-stop(60%, #DFE6ED)); /* Chrome,Safari4+ */
	background-image: -webkit-linear-gradient(top, #FFF 40%, #DFE6ED 60%); /* Chrome10+,Safari5.1+ */
	background-image:      -o-linear-gradient(top, #FFF 40%, #DFE6ED 60%); /* Opera11.10+ */
	background-image:         linear-gradient(top, #FFF 40%, #DFE6ED 60%); /* W3C */
}
.collapsible .collapsible-header, .collapsible a.collapsible-header {
	color: #333;
	text-decoration: none;
	border-top: 1px solid #999;
}
.collapsible .collapsible-body {
	overflow: hidden;
	margin-top: 14px;
}
.js .collapsible .collapsible-header {
	margin-bottom: 0px;
	padding-left: 34px;
	border-bottom: 1px solid #999;
}
.js .collapsible + .collapsible .collapsible-header {
	margin-top:-1px;
	border-top: 2px solid #999;	
}
.js .collapsible .collapsible-header:before {
	content: "";
	position: absolute;
	top: 11px;
	left: 14px;
	width: 11px;
	height: 11px;
	border: 1px solid #900;
	background: url("/_layouts/15/Querplex/Siemens/WCMS3/images/mobile/plus-minus-sprite.png") no-repeat 0 0;
}
.js .collapsible .collapsible-body {
	margin-top: 0;
}
.js .collapsible.active .collapsible-header:before {
	background-position: 0 -11px;
}
.js .collapsible.active .collapsible-body {
	margin-top: 14px;
}
/**** ABSTÄNDE OBEN und UNTEN im Content ****/
#content .collapsible.mrgCollapsTop { margin-top:0 !important; }  
#content .collapsible.mrgCollapsBot { margin-bottom:22px !important; }
#content .collapsible .collapsible-header h2, #content .c-related .collapsible .collapsible-header h3 {
	margin: 6px 0;
	font-size: 16px;
}
/* iPhone4/Retina, Opera Mobile 11 and other high pixel ratio devices */
@media
only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min-device-pixel-ratio: 1.5) {
	.js .collapsible .collapsible-header:before {
		background-image: url("/_layouts/15/Querplex/Siemens/WCMS3/images/mobile/plus-minus-sprite-hi.png");
		background-size: 11px 22px;
	}
}

/******* PRODUCT FIDNER *********/
#waitingImg { margin:30px 0 30px 45%; }
#content .productfinder section,
#content .prodDescription section {
    margin: 14px;
}
#content .productfinder section > h3,
#content .prodDescription section > h3 {
	border-radius: 6px 6px 0 0;
    background-color: #738796;
	margin: 0;
	padding: 9px 10px;
	padding-right: 29px;
	color: #FFF;
	font-size: 20px;
	font-weight: bold;
}
#content .productfinder section .box {
    background-color: #DFE6ED;
    border-left: 1px solid #999;
    border-right: 1px solid #999;
    padding: 14px 10px;
}
#content .productfinder section .box .input {
    margin-bottom: 0;
}
#content .productfinder footer {
	height: 33px; 
	border: 1px solid #999;
	border-radius: 0 0 6px 6px;
	font-weight: bold;
	text-decoration: none;
    text-align: right;
	background-color: #DFE6ED; /* Old browsers */
	background-image:    -moz-linear-gradient(top, #FFF 40%, #DFE6ED 60%); /* FF3.6+ */
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(40%, #FFF), color-stop(60%, #DFE6ED)); /* Chrome,Safari4+ */
	background-image: -webkit-linear-gradient(top, #FFF 40%, #DFE6ED 60%); /* Chrome10+,Safari5.1+ */
	background-image:      -o-linear-gradient(top, #FFF 40%, #DFE6ED 60%); /* Opera11.10+ */
	background-image:         linear-gradient(top, #FFF 40%, #DFE6ED 60%); /* W3C */
}
#content .productfinder footer a {
	display: block;
	padding: 7px 14px 8px;
	color: #900;
	font-weight: bold;
	text-decoration: none;
}
#content .productfinder p.error {
	margin: 0 0 4px 0;
}
/* Search results for DropDowns */
#content .prodDescription .intro {
    margin-top:14px;
}
#content .prodDescription .intro.withImg img { 
    float:left; 
    margin:8px 14px; 
}
#content .prodDescription .intro.withImg h3,
#content .prodDescription .intro.withImg p {
    margin-left: 124px;
}
#content .prodDescription p.productextlink {
    margin:24px 14px;
}
#content .prodDescription h3 { font-size:20px; }
#content .prodDescription .box {    
    padding: 14px;
	position: relative;
    border-left: 1px solid #999;
    border-right: 1px solid #999;
    border-bottom: 1px solid #999;
	background-color: #DFE6ED; /* Old browsers */
	background-image:    -moz-linear-gradient(top, #FFF 40%, #DFE6ED 60%); /* FF3.6+ */
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(40%, #FFF), color-stop(60%, #DFE6ED)); /* Chrome,Safari4+ */
	background-image: -webkit-linear-gradient(top, #FFF 40%, #DFE6ED 60%); /* Chrome10+,Safari5.1+ */
	background-image:      -o-linear-gradient(top, #FFF 40%, #DFE6ED 60%); /* Opera11.10+ */
	background-image:         linear-gradient(top, #FFF 40%, #DFE6ED 60%); /* W3C */
}
/* no search results */
#content .prodDescription .box.noResults {
    padding: 28px 0 14px 0;
}

#content .prodDescription .box.noResults a {
    padding: 0 14px;
    margin: 0 14px;
}
#content .prodDescription .box.noResults a:after {
    display: none;
}

#content .prodDescription .box:last-child {
	border-top-right-radius: 6px;
	border-bottom-right-radius: 6px;
}
#content .prodDescription .box a { 
    display: block;
	color: #333;
 }
#content .prodDescription .box img { 
    float:left; 
}
#content .prodDescription .box.withImg h3,
#content .prodDescription .box.withImg p {
     margin-left:110px;  
}
#content .prodDescription .contact {
    padding: 14px 0;
    border-left: 1px solid #999;
    border-right: 1px solid #999;
    border-bottom: 1px solid #999;
	border-radius: 0 0 6px 6px;
}
/* glossar letters */
#content h3.azindex {
    margin: 14px;
}
.glossaryBox  a.not-available,
#content .glossaryBox  a.not-available {
  color: #b9b9a4;
  cursor: default;
}
/* Links as DropDown */
#content .linkInSelect { 
    margin-left:14px; 
    margin-right:14px;
	margin-bottom: 14px;
}
#content .section .linkInSelect select {
	   -moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	border: 1px solid #CCC;
	border-radius: 6px;
    width: 100%;
    margin: 0;
    padding: 2px;
}
/*  teaserLink */
#content .teaserLink img { margin-left:7px; }

/************** Macom Services  **********/
.ctc #ifContent { width:100%;  height:auto; margin-bottom: 10px; padding-bottom: 5px; }
.ctc #macomServices a, .ctc #macomServices:link { color:#900; }
.ctc #macomServices a:hover { color:#900; }
.ctc #macomServices div { margin-bottom:2px; }
/* Subscribe Alet Service */
.ctc #alertService { margin-top:20px; margin-right:20px; }
.ctc #alertService .openerForAlertServiceLayer, #alertService .openerForAlertServiceLayer:link { margin-left: 14px; padding-left:18px; background:transparent url("/_layouts/15/Querplex/Siemens/WCMS3/images/mobile/arrows-sprite.png") no-repeat 0 -30px; }
/*#alertService .openerForAlertServiceLayer:hover { background-image:url(/_layouts/15/Querplex/Siemens/WCMS3/images/icon-arrow-right.gif); }*/
.ctc #alertService .alertServiceLayer { display:none; position:absolute; top:21px; right:0; min-width:auto; border:#CCC 1px solid; padding:19px 10px 0 10px; color:#333; background:#FFF; z-index:89898989; }
.ctc #alertService .alertServiceLayer a.close { float: right; padding-right: 18px; margin-bottom: 10px; background:transparent url("/_layouts/15/Querplex/Siemens/WCMS3/images/icon-cross.gif") no-repeat right top; }
.ctc #ifContent #divSubscribtion .btnSubscribtion { padding: 0 5px !important;  }