/* 2014/07/29 11:24:08 */ /* ../__src/css/layout.css */ /* FONT-FACE */ @font-face { font-family: 'SiemensSansBold'; src: url('../res/fonts/siemenssansbold_west-webfont.eot'); src: url('../res/fonts/siemenssansbold_west-webfont.eot?#iefix') format('embedded-opentype'), url('../res/fonts/siemenssansbold_west-webfont.woff') format('woff'), url('../res/fonts/siemenssansbold_west-webfont.ttf') format('truetype'), url('../res/fonts/siemenssansbold_west-webfont.svg#siemens_sansbold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'SiemensSansRoman'; src: url('../res/fonts/siemenssansregular_west-webfont.eot'); src: url('../res/fonts/siemenssansregular_west-webfont.eot?#iefix') format('embedded-opentype'), url('../res/fonts/siemenssansregular_west-webfont.woff') format('woff'), url('../res/fonts/siemenssansregular_west-webfont.ttf') format('truetype'), url('../res/fonts/siemenssansregular_west-webfont.svg#siemens_sansroman') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'SiemensSlabBold'; src: url('../res/fonts/siemensslabbold_west-webfont.eot'); src: url('../res/fonts/siemensslabbold_west-webfont.eot?#iefix') format('embedded-opentype'), url('../res/fonts/siemensslabbold_west-webfont.woff') format('woff'), url('../res/fonts/siemensslabbold_west-webfont.ttf') format('truetype'), url('../res/fonts/siemensslabbold_west-webfont.svg#siemens_slabbold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'SiemensSlabRoman'; src: url('../res/fonts/siemensslabregular_west-webfont.eot'); src: url('../res/fonts/siemensslabregular_west-webfont.eot?#iefix') format('embedded-opentype'), url('../res/fonts/siemensslabregular_west-webfont.woff') format('woff'), url('../res/fonts/siemensslabregular_west-webfont.ttf') format('truetype'), url('../res/fonts/siemensslabregular_west-webfont.svg#siemens_slabregular') format('svg'); font-weight: normal; font-style: normal; } @-moz-document url-prefix() { #searchField { vertical-align: middle !important; } #searchButton { vertical-align: bottom !important; } } /* RESET */ 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; outline:0; font-size:100%; vertical-align:baseline; background:transparent;} body {line-height:1;} article,aside,canvas,details,figcaption,figure, footer,header,hgroup,menu,nav,section,summary,blockquote {display:block;} nav ul {list-style:none;} blockquote, q {quotes:none;} blockquote:before, blockquote:after, q:before, q:after {content:''; content:none;} a {margin:0; padding:0; border:0; outline:none !important; font-size:100%; vertical-align:baseline; background:transparent;} 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 #000; cursor:help;} table {border-collapse:collapse; border-spacing:0;} hr {display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0;padding:0;} input, select {vertical-align:middle;} a, a:hover, a:visited, a:active, a:focus {outline:0 !important;} iframe {display:block;} /* ELEMENTS DEFAULT */ html {background-attachment:fixed; min-width: 1000px;} body {background-color:#FFF;} * {font-family:Arial, Helvetica, Sans-Serif;} p {font-size:14px; line-height:16px; font-weight:normal; margin-bottom:15px;} p, p a {color:#333;} a:hover {color:#900;} sup, sub {line-height:0 !important; font-size:70% !important; vertical-align:sub;} sup {vertical-align:super;} sub {vertical-align:baseline;} /* HELPERS */ .break {display:block; clear:both; margin:0; padding:0;} .clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} .clearfix { display: inline-block; } html[xmlns] .clearfix {display: block;} * html .clearfix {height: 1%;} .left {float:left;} .right {float:right;} .floatNone {float:none !important;} .hidden, .printOnly {display:none;} .margin0 {margin:0 !important;} .line01 {margin:20px 0; clear:both;} .line02 {margin:0 0 6px 0; clear:both; text-align:left;} .line03 {margin:16px 0 6px 0; clear:both; text-align:left;} .black {color:#000 !important;} .red {color:#900 !important;} .mb7 {margin-bottom:7px !important;} .mb15 {margin-bottom:15px !important;} .mb20 {margin-bottom:20px !important;} .mt4px {margin-top:4px !important;} .mt0px {margin-top:0px !important;} .mt20px {margin-top:20px !important;} .mt50px {margin-top:50px !important;} .mt70px {margin-top:70px !important;} .mt380px {margin-top:380px !important;} .mb50px {margin-bottom:50px !important;} .tp01 {padding-top: 13px !important; padding-bottom: 10px !important;} .pt20px {padding-top:20px !important;} .fs17 {font-size:17px !important;} #header {background-color:#FFF;padding-top:60px;} #imgLogo {position:absolute; display:block; left:26px; top:0; width:172px; height:60px; background-image:url("../res/images/siemens_logo.gif"); overflow: hidden; text-indent:-9999px;} .withBreak #navTop {padding-bottom:4px !important;} .withBreak #navTop li {border-left:1px solid #CCC; padding-bottom:4px !important; padding-left:11px !important; margin-right:11px !important;} .withBreak #navTop li.first {border-left:none; padding-left:0px !important;} .withBreak #navTop li.tp01 {padding-top:13px !important; padding-bottom:10px !important;} .withBreak #navTop a, .withBreak .sideMenu li a {font-size:14px;} /* BAR */ #bar {min-width: 1000px;width: 100%;height:20px; background-color:#999; /*overflow:hidden;*/ position: relative; z-index: 3;} #cBar {width:909px; padding:0 7px 0 44px;} #flagIdentity {display:block; float:left; height:20px; text-indent:24px; font:12px/20px 'SiemensSlabRoman', Arial, Helvetica, sans-serif; color:#FFF; background:url("../res/images/ico-flag.gif") no-repeat;} #countryBR #flagIdentity {background-position:0 3px;} #countryDE #flagIdentity {background-position:0 -37px;} #countryZA #flagIdentity {background-position:0 -77px;} #countryCC #flagIdentity {background-position:0 -117px; text-indent:34px;} #countryIN #flagIdentity {background-position:0 -157px;} #countryCN #flagIdentity {background-position:0 -207px;} #countryUS #flagIdentity {background-position:0 -257px;} #countryAE #flagIdentity {background-position:0 -307px;} #btnOtherLang {display:block; height:20px; padding:0 5px 0 6px; font:12px/20px 'SiemensSlabRoman', Arial, Helvetica, sans-serif; color:#FFF; text-indent:13px; text-decoration:none; background:url("../res/images/spr-arrow.gif") 8px -345px no-repeat; position: relative; float:left; margin-left:20px;} #btnOtherLang:hover {background-position:8px -395px; color:#333;} #headerContactLayer {float:left; height:20px; position:relative; z-index: 2; margin-left:76px;} #btnHeaderContactLayer {display:block; float:left; height:20px; padding:0 5px 0 6px; font:12px/20px 'SiemensSlabRoman', Arial, Helvetica, sans-serif; color:#FFF; text-indent:13px; text-decoration:none; cursor:pointer; background:url("../res/images/spr-arrow.gif") 8px -345px no-repeat; /*position:absolute;*/} #headerContactLayer:hover #btnHeaderContactLayer {background-position:7px -441px; background-color:#EEE; color:#333; position:relative; height:21px; clear:both;} #headerContactLayer:hover #contactList {display:block;} /*script*/ .js #headerContactLayer:hover #btnHeaderContactLayer {background-position:8px -395px; color:#333; background-color:transparent;} .js #headerContactLayer:hover #contactList {display:none;} #btnHeaderContactLayer.opened {background-position:7px -441px !important; background-color:#EEE !important; color:#333; height:21px;} /*end script*/ #search {float:right; margin-top:1px; margin-right:-7px;} #searchForm {min-width: 1000px;display: inline;} #searchField {width:156px; height:12px; border:solid 1px #666; text-indent:3px; font-size:11px; line-height:11px; margin-top:1px; vertical-align:bottom; border-radius:0; -webkit-border-radius:0; -moz-border-radius:0; -webkit-appearance:none;} #searchButton {background: transparent url("../res/images/search-button-bg.png") no-repeat 0px 0px; width:49px; height:16px; padding-bottom:2px; border:none; color:#FFF; font-size:11px; cursor:pointer;} #searchButton:hover, #searchButton.hover {background-position: 0px -17px; cursor:pointer;} #searchField {color:#333 !important;} /*hack to webkit*/ @media screen and (-webkit-min-device-pixel-ratio:0) { #search {margin-top:0px;} .sideMenu ul li a .w250 { width: 250px !important; } } /* CONTACT LIST */ #contactList {position:absolute; top:21px; left:0; background-color:#EEE; width:330px; z-index:3; display:none; padding:24px 10px;} #closeContactList {position:absolute; top:0; right:0; z-index:10; text-align:center; border:solid #FFF; border-width:0 0 2px 2px; line-height:13px; width:18px; height:17px; background:#DDD url("../res/images/ico-contact-close.gif") center no-repeat; text-indent:-9999px;} .contactList .ttl, #contactSlider .ttl {display:block; font:14px/20px 'SiemensSansRoman', Arial, Helvetica, sans-serif; color:#333; margin:5px 0 0 10px;} #contactList .contactList li {border-bottom:1px dotted black; margin-bottom: 14px; width:100%; padding-bottom:14px; overflow:hidden;} #contactList .contactList li.last {border-bottom:none; margin-bottom: 0px; padding-bottom:0px;} .contactList {list-style:none;} .contactList li {display:block; margin-bottom:14px; padding:0 0 14px 0; border-bottom:1px dotted black;} .contactList li img {margin-right:15px; float:left;} .contactList li.last {border-bottom:none; margin-bottom:0; padding-bottom:0; clear:both;} .js .contactList {position:relative; overflow:auto;} .js .contactList li {float:left; border-bottom:none; margin:0; padding:0;} .js .contactList li.last {clear:none;} #contactSlider {width:276px; background-color:#EEE; margin:20px 0 0; position:relative; overflow:hidden;} #contactSlider .contactList {padding:0;} #contactSlider .contactList li {width:275px;} #contactSlider .contentContact {padding:5px 10px 8px; overflow:hidden;} #contactSlider img {margin-right:11px; margin-bottom:2px;} .contactInfo {float:left; width:200px; margin-top: -2px;} .contactInfo span {display:block; margin:0; font:11px/14px Arial, Helvetica, Sans-serif; color:#333;} .contactInfo .nameContact {font-weight:bold; margin:-3px 0 0 0; padding-top:2px;} .contactInfo .send {padding-left:19px; font-size:11px; color:#3D3D3D; text-decoration:none; background:url("../res/images/icon_email.gif") 1px center no-repeat;} .contactInfo .mail {padding-left:19px; font-size:11px; color:#3D3D3D; text-decoration:none; background:url("../res/images/icon_email.gif") 1px center no-repeat;} .contactInfo .send:hover {color:#900;} .contactInfo .mail:hover {color:#900;} .contactInfo .link {padding-left:19px; font-size:11px; color:#3D3D3D; text-decoration:none; background:url('../res/images/ico-arrow-right.gif') 1px center no-repeat;} /*special slider contact*/ .contactSliderSpecial {height:auto !important;} .contactSliderSpecial img {display:none;} .contactSliderSpecial .nameContact {display:none;} .contactSliderSpecial .areaResponsible {font-weight:bold; margin:-3px 0; padding-top:2px;} .contactSliderSpecial .contactList {padding-bottom:8px !important;} .contactSliderSpecial .contactList li {float:none !important;} .contactSliderSpecial .contentContact {padding:5px 10px 1px !important;} .contactSliderSpecial .contactInfo {width:auto !important;} /*special slider contact*/ .hfReceiver, .hfSubject, .hfCustomTitle {display:none;} /*script*/ .js #contactSlider {height:96px;} .js #contactSlider li {float:left;} /*end script*/ .controlContactSlider {display:none; position:absolute; top:0; right:0; list-style:none; margin-top:5px;} .countContactSlider {font-size:10px; margin-top:4px; font-family:'SiemensSansRoman', Arial, Helvetica, Sans-serif;} .btnSlideContact {display:block; width:14px; height:9px; margin-top:5px; background:url("../res/images/spr-arrow.gif") no-repeat; text-indent:-9999px;} .btnPrevSlideContact {background-position:0 -250px !important;} .btnNextSlideContact {background-position:9px -150px !important; margin-right:9px;} #contactsFooter {position:relative; float:left; margin-bottom:50px; margin-left:44px; width:276px; overflow:hidden;} #contactsFooter .contactList {padding:0;} #contactsFooter .contactList li {width:276px; float:left;} #contactsFooter .contactList li img {margin-right:10px;} #contactsFooter .contentContact {overflow:hidden;} #contactsFooter .contactInfo {width:auto !important; float:none;} .additionalInfo {display:block; width:100%; margin-top:7px; margin-bottom:-2px;} .additionalInfo p {font: normal 10px/14px 'Arial'; color:#333; margin-bottom:0px;} #infoContactForm .additionalInfo, #contactList .additionalInfo {float:left;} /* END CONTACT LIST */ #general {margin:9px 0 87px 44px; width:916px;} /* BREADCRUMB */ #breadcrumb {margin:0 0 19px 2px; height:16px; position: relative; z-index: 1;} #breadcrumb .access {position:absolute; left:-7000px;} #breadcrumb dt, #breadcrumb dd {display:block; float:left; font-size:11px; line-height:16px; white-space:nowrap;} #breadcrumb dt {color:#666; margin:0 12px 0 0;} #breadcrumb dd {margin:0 11px 0 0; position:relative;} #breadcrumb dd div {min-width:143px; border:solid #fff; border-width:1px 2px 2px 1px; background:#FFF; position:absolute; top:16px; left:-1px; z-index:100; display:none;} #breadcrumb dd:hover div, #breadcrumb dd.active div {display:block;} #breadcrumb dd ul {background:#eee; border-top:1px solid #999; margin-top:3px; list-style:none; min-width:143px;} #breadcrumb dd li {border-bottom:1px solid #999; font-size:11px; line-height:16px; padding:2px 0 0 0;} #breadcrumb dd li a, #breadcrumb dd li span {background-position:10px 5px !important; display:block; padding:0 10px 2px 21px; width:100%;} #breadcrumb a, #breadcrumb span {color:#666; display:block; padding:0 0 0 11px; background:url("../res/images/ico-arrow-right.gif") 0 5px no-repeat !important; text-decoration:none;} #breadcrumb a.active, #breadcrumb a:hover, #breadcrumb span.active {color:#900;} /* TOPICS NAVIGATION */ #navTop {width:100%; padding-bottom:9px; border-bottom:1px solid #999; float: left;} #navTop2 {width:100%; padding-top:9px; padding-bottom:9px; border-bottom:1px solid #999; float: left;} #lstNavTop {float: left;} #lstNavTop li {display: block; float: left; margin-right:20px;} #lstNavTop li.first {margin-right:19px;} #lstNavTop a {display:block; font:16px/18px 'SiemensSansRoman', Arial, Helvetica, sans-serif; color:#333; text-decoration:none; display:block; padding-bottom:1px;} #lstNavTop a.fontBigger {font-size:16px;} #lstNavTop a.active {color:#900; font-weight:bold;} #lstNavTop a:hover {color:#900;} #navTop.withBreak {padding-bottom:4px !important;} #navTop.withBreak li {border-left:1px solid #CCC; padding-bottom:4px !important; padding-left:11px !important; margin-right:11px !important;} #navTop.withBreak li.first {border-left:none; padding-left:0px !important;} #navTop.withBreak li.tp01 {padding-top:13px !important; padding-bottom:10px !important;} .smallFont #lstNavTop a {font-size:14px !important;} .smallFont .sideMenu ul li a {font-size:14px !important;} #country-world #lstNavTop a, #countryBR #lstNavTop a, #country-zh #lstNavTop a {font-size:14px;} #content {width:916px; margin:14px 0 0 0; overflow:auto; clear: both;} /* CONCEPT AREA */ #conceptAreaWrap {position:relative; /*width:916px;*/ margin:1px 0 20px;} #conceptArea {width:916px; z-index:1;} #lstSlidesConceptArea {height:100%; list-style:none;} #lstSlidesConceptArea li {position:relative; display:block; width:916px; height:100%;} #lstSlidesConceptArea li .conceptContent {position:absolute; top:57px; left:95px; width:360px;} #lstSlidesConceptArea li .conceptContent * {color:#FFF;} #lstSlidesConceptArea li .conceptContent h2 {font:normal 24px/30px 'SiemensSlabRoman', Arial, Helvetica, sans-serif; margin-bottom:16px;} #lstSlidesConceptArea li .conceptContent p {font-size:14px; line-height:18px; font-weight:normal; margin-bottom:13px;} #lstSlidesConceptArea li .conceptContent .conceptBtn, #lstSlidesConceptArea li .conceptContent .conceptBtn span {display:block; float:left;} #lstSlidesConceptArea li .conceptContent .conceptBtn2, .conceptBtn2 span {display:block; } #lstSlidesConceptArea li .conceptContent .conceptBtn {font:bold 14px/1.8 'SiemensSansRoman', Arial, Helvetica, Sans-serif; text-decoration:none; background:url("../res/images/spr-arrow.gif") 0 -290px no-repeat !important; padding-left:10px !important; text-decoration:none;} #lstSlidesConceptArea li .conceptContent .conceptBtn:hover {text-decoration:underline;} #lstSlidesConceptArea li .conceptContent .conceptBtn2 {font:bold 14px/1.8 'SiemensSansRoman', Arial, Helvetica, Sans-serif; text-decoration:none; background:url("../res/images/spr-arrow.gif") 0 -290px no-repeat !important; padding-left:10px !important; text-decoration:none;} #lstSlidesConceptArea li .conceptContent .conceptBtn2:hover {text-decoration:underline;} #lstSlidesConceptArea li .bgrImage {width:916px; height:340px;} #lstSlidesConceptArea li.blue .conceptContent, #lstSlidesConceptArea li.green .conceptContent {top:171px; left:113px; width:454px; height:146px; padding:9px 14px 14px 13px;} #lstSlidesConceptArea li.blue .conceptContent {background:url('../res/images/bgr-concept-blue.png'); top: 171px; height: 146px;} #lstSlidesConceptArea li.blue .conceptContent.higher {top: 161px; height: 156px;} #lstSlidesConceptArea li.green .conceptContent.left {left:0px;} #lstSlidesConceptArea li.green .conceptContent {background:url('../res/images/bgr-concept-green.png');} #lstSlidesConceptArea li.blue .conceptContent h2, #lstSlidesConceptArea li.green .conceptContent h2 {font-size:22px !important; line-height:26px !important; margin-bottom:11px !important;} #lstSlidesConceptArea li.blue .conceptContent ul li {clear:both; margin-bottom:2px; width:auto !important; height:auto !important;} #lstSlidesConceptArea li.blue .conceptContent .conceptBtn, #lstSlidesConceptArea li.blue .conceptContent .conceptBtn span {height:auto;} #lstSlidesConceptArea li.blue .conceptBtn, #lstSlidesConceptArea li.green .conceptBtn {height:36px;} #lstSlidesConceptArea li.green .conceptContent .conceptBtn, #lstSlidesConceptArea li.green .conceptContent .conceptBtn span {height:22px;} #lstSlidesConceptArea li.green .conceptBtn span {background-image:url("../res/images/bgr-concept-green-button.png"); background-repeat:no-repeat;} #lstSlidesConceptArea li.green .conceptBtn span.layerLeft {padding:0 0 0 9px; background-position:0 0;} #lstSlidesConceptArea li.green .conceptBtn span.layerRight {background-position:100% 0;} #lstSlidesConceptArea li.green .conceptBtn span.layerRight {font:14px/22px 'SiemensSansRoman', Arial, Helvetica, sans-serif; color:#FFF; padding-right:10px; cursor:pointer;} #lstSlidesConceptArea li.green .conceptBtn:hover {text-decoration:none;} #lstSlidesConceptArea li.video a.playButton {position:absolute; width:66px; height:66px; top:137px; left:425px; background:url('../res/images/btn-play.png') no-repeat -2px -2px; text-indent:-9999px;} #lstSlidesConceptArea li.video a.playButton:hover {background: url('../res/images/btn-play.png') no-repeat -2px -72px;} #lstSlidesConceptArea li.video .conceptContent {position:absolute; width:334px; height:126px; padding:14px; top:auto; bottom:0px; left:44px; background:url('../res/images/bgr-concept-blue.png') repeat-y;} #lstSlidesConceptArea li.video .conceptContent h2 {margin-bottom:16px !important; font:normal 24px 'SiemensSlabRoman' !important;} #lstSlidesConceptArea li.video .conceptContent p {margin-bottom:19px !important; font:normal 14px 'SiemensSansRoman' !important;} #lstSlidesConceptArea li.video .conceptContent .conceptBtn {font:bold 14px 'SiemensSansRoman' !important; background-position: 0 -295px !important;} #lstSlidesConceptArea li.blue .conceptContent .small li {margin-bottom:3px;} #lstSlidesConceptArea li.blue .conceptContent .small li.last {margin-bottom:22px;} #lstSlidesConceptArea li.blue .conceptContent .small .conceptBtn {background-position:0 -296px !important; line-height:15px;} #lstSlidesConceptArea li.description .conceptContent {top:66px; left:252px; width:460px;} #lstSlidesConceptArea li.description .conceptContent p {font:14px/18px 'SiemensSlabRoman'; color:#FFF; margin-bottom:15px;} #lstSlidesConceptArea li.description .conceptContent .bodyDescription {display:block; float:left;} #lstSlidesConceptArea li.description .conceptContent .closeMarks {line-height:18px; font-style:italic;} #lstSlidesConceptArea li.description .conceptContent .openMarks {display:block; float:left; width:15px; height:18px; padding-right:8px; text-indent:-9999px; background:url('../res/images/open-marks.png') 0 2px no-repeat;} #lstSlidesConceptArea li.description .conceptContent .closeMarks {display:inline-block; font-size:18px; width:15px; height:18px; margin:-2px 0 0 2px; text-indent:-9999px; background:url('../res/images/open-marks.png') 0 2px no-repeat;} #lstSlidesConceptArea li.description .conceptContent .author {display:block; font:12px/1 'SiemensSlabRoman'; color:#FFF;} #lstSlidesConceptArea .conceptContent .copyright {display:block; font:12px/1 'SiemensSlabRoman'; color:#000;} .btnActionConceptArea {display:block; width:24px; height:100%; position:absolute; z-index:2; background-image:url("../res/images/1px.gif");} .btnActionConceptArea:active, .btnActionConceptArea:visited, .btnActionConceptArea:focus {outline:0; border:0;} #btnPrevSlideConceptArea {padding-right:30px; margin-left:0;} #btnNextSlideConceptArea {padding-left:30px; margin-right:0; right:0;} .btnActionConceptArea span {display:block; width:24px; height:78px; background:url("../res/images/btn-concept-arrow.png") 0 0 no-repeat; position:absolute; top:50%; margin-top:-39px; cursor:pointer;} #btnPrevSlideConceptArea span {left:0;} #btnNextSlideConceptArea span {background-position:-24px 0; right:0;} #lstPaginationConceptArea {position:absolute; left:50%; bottom:14px; z-index:1; padding-left:5px; float:left; clear:both; text-align:left; list-style:none;} #lstPaginationConceptArea li {display:block; float:left; margin-right:5px;} #lstPaginationConceptArea li a {display:block; width:13px; height:13px; background:url("../res/images/spr-bullets-carousel.png") 0 -14px no-repeat; text-indent:-9999px;} #lstPaginationConceptArea li.active a {background-position:0 0;} .paginationWhite li a {width:14px !important; height:14px !important; background-position:-16px -14px !important;} .paginationWhite li.active a {background-position:-16px 0 !important;} #imageDetails .figure #btnPrevSlideConceptArea, #imageDetails .figure #btnNextSlideConceptArea {position:absolute;} .js #conceptAreaWrap {height:340px;} .js #conceptArea {height:340px; overflow:hidden; position:absolute; top:0; left:0;} .js #conceptArea a.btnActionConceptArea {display:block;} .js #paginationConceptArea {display:block;} .js #lstSlidesConceptArea {position:absolute;} .js #lstSlidesConceptArea li {float:left;} .js #lstSlidesConceptArea li .bgrImage {position:absolute; top:0;} /* ARTICLE */ #article, #news {width:596px; float:left;} #article h1, #news h1 {font:normal 30px/32px 'SiemensSlabRoman', Arial, Helvetica, sans-serif; color:#333; margin:12px 0 18px; padding:3px 0 0 2px;} #article h2 {font-size:14px; line-height:18px; color:#333; margin-bottom:16px;} #article blockquote, #news blockquote {font:normal 18px/22px 'SiemensSlabRoman', Arial, Helvetica, sans-serif; color:#333; margin-bottom:15px;} #article blockquote a, #news blockquote a {font:normal 18px/22px 'SiemensSlabRoman', Arial, Helvetica, sans-serif; color:#333; margin-bottom:15px;} #article blockquote a:hover{color:#900;} #news blockquote a:hover{color:#900;} .figure {position:relative; margin-bottom:15px;} .figure a {display:block; position:relative;} .icoZoom {display:block; width:21px; height:21px; position:absolute; bottom:0; right:0; text-indent:-9999px; background:url("../res/images/icon_zoom.gif") no-repeat; cursor:pointer;} .laceCorner {right:23px;} .figure img {display:block; margin-bottom:0 !important;} .figcaption {font:12px/18px 'SiemensSansRoman', Arial, Helvetica, sans-serif; color:#666; margin-top:1px; clear:both; margin-bottom:0px;} .figureLeft {float:left; margin:0 20px 18px 0; position:relative;} .figureRight {float:right; margin:0 0 18px 20px; position:relative;} .figureLeft img, .figureRight img {margin-top:3px;} .figureLeft .figcaption {margin-top:0;} .figureRight .figcaption {margin-top:0; padding-left:16px;} .figure .lstSocialMedias {display:none;} .figure .inlineShare {position:absolute; top:0; left:0; z-index:1; display:none;} .figure:hover .inlineShare {display:block;} .figureLeft .inlineShare, .figureRight .inlineShare {top:3px;} .infographic .inlineShare, .infographic:hover .inlineShare {display:none !important;} .legend {font-size: 10px; line-height: 14px; color: #333;} .figureAnimated {width:596px; height:400px;} ol.lstOrdered {list-style:decimal inside none; font:11px/14px Arial, Tahoma, Sans-Serif; color:#333; margin:0 0 17px;} ol.lstOrdered li {font-size:10px;} ul.lstOrdered {font:12px/16px Arial, Tahoma, Sans-Serif; color:#333; margin:0 0 17px 30px; list-style:none;} ul.lstOrdered li {padding-left:12px; background:url('../res/images/bgr-bullet.jpg') 0px 5px no-repeat;} ul.lstOrdered li a{font:12px/16px Arial, Tahoma, Sans-Serif; color:#333; list-style:none;} ul.lstOrdered li a:hover{color:#900;} /* END ARTICLE */ /* SECTION */ .section {border-top:1px dotted #999; padding-top:14px; width:100%; overflow:auto; clear:both; margin:0;} .section .content {width:596px; float:left;} .section h2 {margin-bottom:5px; font-size:14px; color:#333;} .section h2, .section h2 a {font:normal 22px/30px 'SiemensSlabRoman', Arial, Helvetica, sans-serif; color:#333; text-decoration:none;} .section h2 a {background:url('../res/images/ico-arrow-right.gif') no-repeat right 11px; padding-right:10px;} .section h2 a:hover {color:#900;} .section h2 a.external {background-image:url('../res/images/ico-arrow-top-right.gif'); background-repeat:no-repeat; background-position:left 12px; padding-left:13px;} a.tp01 {display:block; font:normal 16px/20px 'SiemensSlabRoman', Arial, Helvetica, sans-serif; color:#333; text-decoration:none; margin-bottom:13px;} a.tp01:hover {color:#900;} a.tp01 span {display:inline-block; margin-left:5px; width:7px; height:7px; background:url("../res/images/ico-arrow-top-right.gif") 0 0 no-repeat;} .ttlNews {display:block; margin-bottom:15px; font:normal 22px/30px 'SiemensSlabRoman', Arial, Helvetica, sans-serif; color:#333; text-decoration:none;} /* END SECTION */ /* ASIDE */ .aside {float:right; position:relative; width:276px;} .sideMenu ul {list-style:none; background:#FFF; clear:both;} .sideMenu ul li {position:relative; display:block; border-top:1px solid #CCC; clear:both; overflow:auto;} .sideMenu ul li.head { padding:7px 0 6px 22px; background-color:#eeeeee;font:16px/120% 'SiemensSansRoman', Arial, Helvetica, Sans-Serif; font-weight:bold} .sideMenu ul li.last {display:block; border-bottom:1px solid #CCC;} .sideMenu ul li.hitech {padding:7px 0 6px 22px; font:16px/120% 'SiemensSansRoman', Arial, Helvetica, Sans-Serif; font-weight:bold; background:url("../res/images/bgr-hitech.gif") no-repeat;background-position:240px 10px;background-color:#eeeeee;} .sideMenu ul li.facebook, .sideMenu ul li.twitter, .sideMenu ul li.energy, .sideMenu ul li.sustainablecities, .sideMenu ul li.healthcare, .sideMenu ul li.linkedin, .sideMenu ul li.googleplus, .sideMenu ul li.youtube {background:url("../res/images/bgr-share.jpg") no-repeat;} .sideMenu ul li.energy {background-position:254px -395px;} .sideMenu ul li.facebook {background-position:254px -495px;} .sideMenu ul li.googleplus {background-position:254px -595px;} .sideMenu ul li.twitter {background-position:254px -995px;} .sideMenu ul li.linkedin {background-position:254px -1195px;} .sideMenu ul li.healthcare {background-position:254px -1295px;} .sideMenu ul li.sustainablecities {background-position:254px -1395px;} .sideMenu ul li.youtube {background-position:254px -1995px;} .sideMenu ul li a {display:block; width:232px; font:16px/120% 'SiemensSansRoman', Arial, Helvetica, Sans-Serif; color:#333; text-decoration:none; padding:7px 0 6px 22px; background:url(../res/images/ico-arrow-right.gif) no-repeat 7px 12px;} .sideMenu ul li a.fontBigger {font-size:16px;} .sideMenu ul li a.external {background:url("../res/images/ico-arrow-top-right.gif") no-repeat left 14px;} .sideMenu ul li a.pdf {background-image:url('../res/images/icon_PDF.gif'); background-repeat:no-repeat; background-position:0 10px;} .sideMenu ul li.active a {color:#900; font-weight:bold;} .sideMenu ul li a:hover {color:#900;} .sideMenu ul li a.rss {display:block; float:right; text-indent:-9999px; /*height:9px; width:9px;*/height:20px; width:20px; padding:0; background:url('../res/images/icon_rss.gif') right 0 no-repeat; margin-top:6px; /*margin-top:11px;*/ } .sideMenu ul li a.rss:active, .sideMenu ul li a.rss:visited, .sideMenu ul li a.rss:focus {outline:0;border:0;} .sideMenu ul li.span {display:block; width:232px; font:14px/120% 'SiemensSansRoman', Arial, Helvetica, Sans-Serif; color:#333; text-decoration:none; padding:7px 0 6px 22px;} .sideMenu ul li.news a {float:left;} .sideMenu ul li.news a.rss {position:absolute; right:0; top:50%; margin-top:-10px; float:none;} #country-world .sideMenu ul li a, #countryBR .sideMenu ul li a {font-size:14px;} /* END ASIDE */ /* INLINE SHARE */ .inlineShare {float:left; margin-bottom:12px; padding-bottom:4px; position:relative;} .inlineShare ul a, .inlineShare dl a {display:block; width:20px; height:20px; color:#000; text-decoration:none;} .inlineShare dl {float:left; height:22px; border:1px solid #CCC; background-color:#FFF;/* overflow:auto;*/} .inlineShare dt, .inlineShare dd {display:block; float:left; width:20px; height:20px; margin:1px 10px 1px 0; background:url("../res/images/bgr-share.jpg") no-repeat; text-indent:-9999px;} .inlineShare dt {font-size:11px; line-height:20px; width:auto; margin:1px 5px 1px 5px; background-position:1px 0; text-indent:0;} .inlineShare dt a {display:block; width:auto !important; padding-left:16px; font-size:auto !important;} .inlineShare dd.mailto {background-position:0 -300px !important;} .inlineShare dd.facebook {background-position:0 -500px !important;} .inlineShare dd.twitter {background-position:0 -1000px !important;} .inlineShare dd.googleplus {background-position:0 -600px !important;} .inlineShare dd.linkedin {background-position:0 -1200px !important;} .inlineShare dd.pinterest {background-position:0 -900px !important;} .inlineShare dd.douban {background-position:0 -1500px !important;} .inlineShare dd.renren {background-position:0 -1600px !important;} .inlineShare dd.weibo {background-position:0 -1700px !important;} .inlineShare dd.wechat {background-position:0 -1800px !important;} .inlineShare dd.sina {background-position:0 -1900px !important;} .inlineShare dd.more {text-align:center; border-left:1px solid #CCC; width:26px; height:22px; margin:0 0 0 4px; background:none;} .inlineShare dd.more a {display:block; width:26px; height:22px; background:url("../res/images/spr-arrow.gif") 10px -797px no-repeat; text-indent:-9999px;} .inlineShare .opened dd.more a {background-position:7px -843px;} /*script*/ .js .inlineShare:hover .shareLayer {display:none;} /*end script*/ .shareLayer {display:none; background: transparent url("../res/images/bgr_share.gif") no-repeat top right; padding:8px 14px 10px; border-bottom:solid 1px #ccc !important; border-left:solid 1px #ccc !important; position:absolute; margin-top:30px; width:246px;} .btnCloseShareLayer {display:block; width:21px; height:21px; background:url("../res/images/image-close.gif") no-repeat scroll 0 0 transparent; position:absolute; top: 0px; right: 0px; text-indent:-9999px;} .shareLayer * {font-size:11px; line-height:14px;} .shareLayer strong {color:#666; font-size:11px; display:block; margin-bottom:7px;} .lstSocialMedias {list-style:none; overflow:auto; margin-left:0px; display:inline-block;} .lstSocialMedias li {display:block !important; clear:none !important; overflow:visible !important; border:0 !important; float:left; width:20px !important; height:20px !important; margin-right:10px; text-indent:-9999px; background:url("../res/images/bgr-share.jpg") no-repeat;} .lstSocialMedias li.delicious {background-position:0 -200px !important;} .lstSocialMedias li.mailto {background-position:0 -300px !important;} .lstSocialMedias li.facebook {background-position:0 -500px !important;} .lstSocialMedias li.googleplus {background-position:0 -600px !important;} .lstSocialMedias li.myspace {background-position:0 -700px !important;} .lstSocialMedias li.newsvine {background-position:0 -800px !important;} .lstSocialMedias li.pinterest {background-position:0 -900px !important;} .lstSocialMedias li.twitter {background-position:0 -1000px !important;} .lstSocialMedias li.xing {background-position:0 -1100px !important;} .lstSocialMedias li.linkedin {background-position:0 -1200px !important;} .lstSocialMedias li.douban {background-position:0 -1500px !important;} .lstSocialMedias li.renren {background-position:0 -1600px !important;} .lstSocialMedias li.weibo {background-position:0 -1700px !important;} .lstSocialMedias li.wechat {background-position:0 -1800px !important;} .lstSocialMedias li.sina {background-position:0 -1900px !important;} .lstSocialMedias li a {display:block !important; width:20px !important; height:20px !important; padding:0 !important; background:none !important;} #inlineShare {padding-top:22px; z-index:2;} #inlineShare .shareLayer {left:0;} #scrollMenu .inlineShare {width:100%; background-color:#FFF; padding:20px 0 17px; margin:0 !important;} #scrollMenu .break {display:none;} /* END INLINE SHARE */ /* NEWS */ #news {width:596px; float:left;} #news .section {overflow:visible;} #news html {width:596px;} hr.news {margin:0 0 9px; border-top:1px dotted #999;} #news h2 {margin-bottom:16px; font:normal 22px/30px 'SiemensSlabRoman', Arial, Helvetica, sans-serif !important; color:#333; text-decoration:none;} .news-wrapper {width:100%;} .news-wrapper .menu {width:100%; padding-bottom:4px; border-bottom:solid 1px #ccc; margin-bottom:20px;} .news-wrapper li {display:block; float:left; list-style:none; margin-right:10px; border-right:solid 1px #ccc;} .news-wrapper li.last {border-right:none;} .news-wrapper a {display:block; color:#333; font:normal 11px "SiemensSansRoman"; text-decoration:none; padding-right:10px; margin-top:4px; /*border-right:solid 1px #ccc;*/} .news-wrapper a.active, .news-wrapper a:hover {color:#900;} .news-wrapper .last a {border-right:none;} .news-wrapper a span {display:block; float:left; width:20px; height:20px; margin:-5px 6px 0 0; background:url("../res/images/bgr-structure.png") no-repeat;} .news-wrapper .facebook span {background-position:0 -180px;} .news-wrapper .googleplus span {background-position:0 -210px;} .news-wrapper .twitter span {background-position:0 -330px;} .news-wrapper .healthcare span {background-position:0 -150px;} .news-wrapper .sustainablecities span {background-position:0 -448px;} .news-wrapper .energy span {background-position:0 -360px;} .news-wrapper iframe {display:none;} .news-wrapper iframe.active {display:block;} /* END NEWS */ /* SCROLLING MENU */ #scrollMenu {width:276px; position:fixed; z-index:1; left:684px; top:0;} #scrollMenu .sideMenu {display:none; overflow:auto;} /*.sideMenu .break {display:none;}*/ /* END SCROLLING MENU */ /* VIDEO LIST */ .videoList {list-style:none; overflow:hidden; padding-top:2px; margin-left:-4px;} .videoList li {float:left; margin-left:4px; width:146px;} .videoList li a {display:block; position:relative;} .videoList li img {display:block;} .videoList li a, .videoList li a:focus {color:#333; text-decoration:none; outline:0; border:0;} .videoList li a:hover, .videoList li a:focus:hover {color:#900;} .videoList .description {padding-left:12px; margin:7px 0 11px 0; background:url("../res/images/ico-arrow-right.gif") 1px 4px no-repeat; font-size:11px; line-height:14px; display:block;} .videoList .btnPlay {display:block; width:36px; height:36px; padding:0; margin:0; background-image:url("../res/images/btn-play-small.png"); background-position:0 0; background-repeat:no-repeat; position:absolute; top:23px; left:55px; text-indent:-9999px; cursor:pointer;} .videoList a:hover .btnPlay {background-position:0 -36px;} .videoList a:hover .btnPlay {background-position:0 -36px;} /* END VIDEO LIST */ /* ROUTING BOX LIST */ .routingBoxList {overflow:hidden; list-style:none; margin-top:6px; margin-bottom:20px;} .routingBoxList li {display:block; float:left; margin-right:13px; width:190px;} .routingBoxList .last {margin-right:0;} .routingBoxList a {display:block;} .routingBoxList li img {width:190px; height:141px; display:block;} .routingBoxList dl {padding:15px 15px 16px; background-color:#EEE;} .routingBoxList dt {display:block; font:normal 14px/18px 'SiemensSlabRoman', Arial, Helvetica, sans-serif; color:#333; margin-bottom:6px;} .routingBoxList dd a {font:normal 12px/16px 'SiemensSansRoman', Arial, Helvetica, sans-serif; color:#333; text-decoration:none;} .routingBoxList dd a:hover {color:#900;} .routingBoxList a span {display:inline-block; margin-left:4px; width:7px; height:7px; background:url("../res/images/ico-arrow-top-right.gif") 0 0 no-repeat;} .routingBoxList .icoPDF span {width:12px; height:12px; background:url("../res/images/icon_PDF.gif") 0 0 no-repeat !important;} /* ROUTING BOX */ .routingBox {float:right; width:276px; margin:20px 0 20px 0;} .routingBox img {width:276px; display:block;} .routingBox dl {height:auto; padding:15px 19px 10px; background-color:#EEE;} .routingBox dt h3 {font:normal 16px/20px 'SiemensSlabRoman', Arial, Helvetica, sans-serif; margin-bottom:6px;} .routingBox dd a {display:block; padding-left:10px; background:url("../res/images/ico-arrow-right.gif") left 5px no-repeat; text-decoration:none; color:#333;} .routingBox p, .routingBox dd a {font:12px/16px 'SiemensSansRoman', Arial, Helvetica, sans-serif; margin-bottom:6px;} .routingBox dd a:hover {color:#900;} .routingBox .subtitle {height:auto; padding:15px 19px 10px; background-color:#EEE;} .routingBox h3 {display:block; font:normal 16px/20px 'SiemensSlabRoman', Arial, Helvetica, sans-serif; color:#000; margin-bottom:6px;} .routingBox .subtitle p {margin-bottom:6px; font-size:12px; line-height:16px;} .routingBox .subtitle p a {display:block; padding-left:10px; background:url("../res/images/ico-arrow-right.gif") no-repeat left 5px; text-decoration:none;} .routingBox .subtitle p, .routingBox .subtitle a {font-family:'SiemensSansRoman', Arial, Helvetica, sans-serif;} /* FOOTER */ #footer {clear:both;} #pageFooter {background-color:#D0D3DA; padding-top:15px; overflow:hidden; zoom:1; padding-bottom:16px; min-width:1000px;} #pageFooterCenter {width:1000px;} #pageFooter .ttl {display:block; font:normal 16px 'SiemensSansRoman', Arial, Helvetica, sans-serif; color:#333; margin-bottom:10px;} #relatedTopics {margin-left:44px; width:596px; float:left; overflow:auto;} #relatedTopics ul {float:left; list-style:none; margin:0 0 0 44px;} #relatedTopics ul.first {margin:0;} #relatedTopics li {display:block; width:276px; min-height:103px;} #relatedTopics a {color:#333; text-decoration:none; display:block;} #relatedTopics img {display:block; float:left; margin-right:16px; margin-top:3px;} #relatedTopics strong {float:left; display:inline-block; background-image:url("../res/images/ico-arrow-right.gif"); background-position:left 3px; background-repeat:no-repeat; font-size:11px; padding-left:11px; line-height:14px; cursor:pointer;} #relatedTopics .dsc {display:inline-block; float:left; width:174px; margin:7px 0 0 0; font-size:11px; line-height:16px; cursor:pointer;} #relatedTopics a:hover strong, #relatedTopics a:hover .dsc, #relatedTopics a.hover strong, #relatedTopics a.hover .dsc {color:#900;} #resources {float:left; margin-left:44px; width:276px;} #resources ul {width:276px; margin-top:-4px;} #resources li {display:block; clear:both;} #resources li a, #resources li a:active {display:block; color:#333; text-decoration:none; font-size:11px; line-height:16px; margin:0; padding:0 0 0 17px; background:url("../res/images/ico-arrow-top-right.gif") 3px 5px no-repeat;} #resources li a.iconPdf {background:url("../res/images/icon_PDF.gif") 1px 0 no-repeat;} #resources li a:hover {color:#900;} /* FUNCTIONS */ #functions {font-size:11px; margin:36px 0 0 44px; height:16px; width:915px; border-bottom:solid 1px #b8b8b8; text-align:right;} #functions div {display:none;} #functions span {float:right;} #functions a {display:block; float:right; background-repeat:no-repeat; text-decoration:none; text-indent:-9999px;} #functions a span {display:none;} #btnDecreaseText, #btnIncreaseText {width:11px; height:11px; text-indent:-9999px;} #btnDecreaseText {background-image:url("../res/images/icon_minus.gif");} #btnIncreaseText {background-image:url("../res/images/icon_plus.gif");margin:0 4px 0 3px;} #printPage {background-image:url("../res/images/icon_print.gif"); width:12px; height:12px;} #functions .disabled {background-position:0 -26px; cursor:default;} #functions .divider {display:block; width:20px; height:12px; background-image:url("../res/images/divider.gif"); background-repeat:no-repeat; background-position:center top;} #functions .txtSize {margin:1px 0 0 3px;} .js #functions div {display:block;} /* END FOOTER */ #links {margin:10px 0 3px 44px; width:915px;} #links * {font-size:10px; text-decoration:none; color:#999;} #links ul {list-style:none;} #links ul li {display:inline; margin:0;} #links ul li a {background:url("../res/images/divider.gif") no-repeat; background-position:0 0; padding-left:8px; padding-right:5px;} #links ul li a.noDivider {background:none; padding-left:0;} #links ul li a.black:hover {color:#900 !important;} iframe.resizeIframe {margin-bottom:4px;} /* PRODUCT */ .lstProduct {margin-top:0px; list-style:none;} .lstProduct li {display:block; width:100%; padding:14px 0 0; margin-top:14px; border-top:1px dotted #999; overflow:auto; clear:both;} .lstProduct a, .lstProduct img {display:block; float:left;} .lstProduct a {float:left;} .descProduct {width:320px; float:left; margin-left:20px; overflow:auto;} .descProduct h2 {font:normal 16px/20px 'SiemensSlabRoman', Arial, Helvetica, sans-serif; margin:-4px 0 4px !important; padding-top:2px;} .descProduct p {margin-bottom:5px; font-size:11px;} .descProduct a {float:none; background:url("../res/images/ico-arrow-top-right.gif") no-repeat 3px 5px transparent; color:#333; display:block; font-size:11px; line-height:16px; padding-left:17px; text-decoration:none; overflow:visible;} .descProduct a:hover {color:#900;} .descProduct .icoPDF {background:url("../res/images/icon_PDF.gif") left 0px no-repeat !important;} .descProduct ul {list-style: square inside initial !important; font-size: 11px; line-height: 16px; color: #333; margin:6px 0px;} .descProduct li {width:auto; border:none !important; margin-top:0px; padding:0px;} .descProduct ol.lstOrdered {list-style:decimal inside none; font:11px/14px Arial, Tahoma, Sans-Serif; color:#333; margin:0 0 17px;} .descProduct ol.lstOrdered li {font-size:10px;} /* END PRODUCT */ /* PUBLICATION */ .pubLeft, .pubRight {width:291px;} .pubLeft {float:left;} .pubRight {float:right;} .lstPublication li {display:block; width:249px; padding:14px 20px 18px; overflow:auto; border:1px solid #CCC; margin-top:14px;} .lstPublication h2 {font:normal 18px/22px 'SiemensSlabRoman', Arial, Helvetica, sans-serif !important; margin-bottom:14px !important;} .lstPublication img {display:block; float:left; border:1px solid #EEE;} .lstPublication p {margin-bottom:9px; margin-top: -3px;} .lstPublication a {display:block; padding-left:16px; font-size:11px; line-height:143%; color:#333; text-decoration:none; background:url("../res/images/ico-arrow-top-right.gif") 3px 4px no-repeat; margin-bottom:1px;} .lstPublication p a {display: inline; padding: 0; margin: 0; font-size: inherit; line-height: inherit; background: none; color: #900;} .lstPublication a.icoPDF {background:url("../res/images/icon_PDF.gif") left 0px no-repeat !important;} .lstPublication a:hover {color:#900;} .pubContent {width:159px; float:right;} .lstPublication li.main {padding:20px; width:554px;} .lstPublication li.main h2 {margin-bottom:15px !important;} .lstPublication li.main .pubContent {width:277px;} .lstPublication .minimized {font-size: 10px; margin-bottom: 0px;} /* END PUBLICATION */ /* MAIN VIDEOS */ #mainVideos {width:596px; display:block; position:relative; border-bottom:1px dotted #999; margin-bottom:13px;} #mainVideos h2 {margin:6px 0; margin-top:11px; font:normal 22px/30px 'SiemensSlabRoman', Arial, Helvetica, sans-serif; color:#333;} #mainVideos p {font-family:'SiemensSansRoman', Arial, Helvetica, sans-serif;} #mainVideos a {font-family:'SiemensSansRoman', Arial, Helvetica, sans-serif;} #autoplay {width:596px; height:334px; overflow:hidden;} .vjs-big-play-button {position:absolute !important;} #spotlights .ttl {display:block; font:normal 22px/25px 'SiemensSlabRoman', Arial, Helvetica, sans-serif; color:#333; margin-bottom:12px;} .videoNonFlash {display:none; width:596px; height:334px; position:relative;} .videoNonFlash img {display:block;} .videoNonFlash span {position:absolute; left:10px; top:25px; z-index:200; padding:8px; background-color:#FFF; border:solid 1px #ccc; font-size:14px; color:#333;} .inlineVideo {position:relative;} .videoCaption {font:12px/18px 'SiemensSansRoman', Arial, Helvetica, sans-serif; color:#666; margin-top:1px; clear:both; margin-bottom:16px;} .inlineVideo .inlineShare {position:absolute; top:0; left:0; display:none;} .inlineVideo:hover .inlineShare {display:block;} /* SCROLLING */ .jspContainer {overflow:hidden; position:relative;} .jspPane {position:absolute;} .jspVerticalBar {position:absolute; top:0; right:0; width:16px; height:100%;} .jspHorizontalBar {position:absolute; bottom:0; left:0; width:100%; height:16px;} .jspVerticalBar *, .jspHorizontalBar * {margin:0; padding:0;} .jspCap {display:none;} .jspHorizontalBar .jspCap {float:left;} .jspTrack {position:relative; background:#ccc; border-left:solid 1px #fff; border-right:solid 1px #fff; width:15px !important;} .jspDrag {background:#999; width:15px !important; position:relative; top:0; left:0; cursor:pointer;} .jspHorizontalBar .jspTrack, .jspHorizontalBar .jspDrag {float:left; height:100%;} .jspArrow {display:block; height:17px; background:#eee url("../res/images/ico-scrollbar.jpg"); text-indent:-9999px; cursor:pointer;} .jspArrowUp {background-position:0 -1px;} .jspArrowDown {background-position:0 -17px;} .jspArrow.jspDisabled {cursor:default;} .jspVerticalBar .jspArrow {height:16px;} .jspHorizontalBar .jspArrow {width:16px; float:left; height:100%;} .jspVerticalBar .jspArrow:focus {outline:none;} .jspCorner {background:#eeeef4; float:left; height:100%;} /* Yuk! CSS Hack for IE6 3 pixel bug :( */ * html .jspCorner {margin:0 -3px 0 0;} /* VIDEOS SIDEBAR */ #videos {margin:20px 0; width:276px; clear:both;} #videos .jsScroller {width:276px; height:458px; overflow:auto;} #videos .jspScrollable #lstVideos {width:276px;} #lstVideos {list-style:none; overflow:auto;} #lstVideos li {width:100%; height:56px; clear:both; margin-bottom:10px;} #lstVideos a {display:block; position:relative; width:258px; float:left; font-size:12px; line-height:16px; color:#333; padding-top:3px; text-decoration:none;} #lstVideos a.active {background-color:#D6E0EE;} #lstVideos a:hover {background-color:#EEE;} #lstVideos img {margin-top:-3px; padding-right:12px; float:left;} #lstVideos .icoArrow {display:inline-block; width:5px; height:7px; margin-left:3px; background:url("../res/images/ico-arrow-right.gif") no-repeat; text-indent:-9999px;} #lstVideos a .playButton {display:block; width:36px; height:36px; position:absolute !important; top:10px; left:32px; background:url("../res/images/btn-play-small.png") no-repeat; cursor:pointer; text-indent:-9999px;} #lstVideos a:hover .playButton {background-position:0 -36px;} #videosWrap .jsScroller {height:200px !important; padding-right:5px !important;} #videosWrap .jsScroller select.video-filter {width:276px; margin-bottom:14px;} #videosWrap .jsScroller .jquery-selectbox {margin-bottom:15px;} .jspScrollable #lstVideos a {width:255px;} /* MODAL */ #pageDynamicContent {position:absolute; top:0; left:0; bottom:0; right:0; z-index:-1;} #modal {display:none; position:absolute; top:0; left:0; width:100%; height:100%; background-color:#000; filter:alpha(opacity=0); -khtml-opacity:0; -moz-opacity:0; opacity:0.0; height:0px;} /* CONTACT FORM */ #contactForm {display:none; position:relative; top:44px; left:44px; width:580px; height:235px; padding:24px 14px 14px; background-color:#FFF; z-index:2;} #closeContactForm {display:block; position:absolute; top:0; right:0; width:20px; height:19px; background:url("../res/images/icon_close.gif") 100% 0 no-repeat; text-indent:-9999px;} #fieldsContactForm {position:relative; width:300px; height:235px; float:left; padding-right:22px !important; border-right:1px dotted #999; margin-right:20px; overflow:hidden;} #contactForm .ttlContact, #contactForm .ttlContact span, #contactForm .nameContact, #backContacForm, #fieldsContactForm label, #fieldsContactForm input, #fieldsContactForm textarea, #dataContact span {color:#333; font-size:11px; line-height:18px; margin:0;} .ttlContact {display:block; margin:-2px 0 20px;} .ttlContact, .ttlContact span {font:normal 16px 'SiemensSansRoman', Arial, Helvetica, sans-serif !important;} #ttlContact {display:block; margin:-2px 0 20px 0 !important;} #backContacForm {position:absolute; top:-4px; right:20px; padding-left:8px; background:url("../res/images/spr-arrow.gif") 0 -95px no-repeat; text-decoration:none;} #backContacForm:hover {color:#900;} #successMessage, #serverErrorMessage {display:none; position:absolute; top:100px; left:4px;} #successMessage p, #serverErrorMessage p{font-size:14px; color:#999; text-align:center;} #errorMessage {display:none; position:absolute; bottom:4px; right:20px; font-size:9px; color:#C00;} #formContactLayer {position:absolute; top:32px; width:300px;} #formContactLayer fieldset {margin-bottom:6px;} #formContactLayer label {float:left; width:72px; clear:both; cursor:pointer; font-size:11px; line-height:16px; margin-top:1px;} #formContactLayer input, #formContactLayer textarea {float:right; height:14px; border:1px solid #999; margin-bottom:13px; resize:none; -webkit-border-radius:0; -webkit-appearance:none;} #formContactLayer .error {border:1px solid #C00;} #tbFirstName, #tbLastName {width:223px; margin-bottom:10px;} #tbEmail {width:223px; margin-bottom:18px !important;} #tbMessage {display:block; width:294px; height:50px !important; float:none !important; clear:both; margin:4px 0 0 !important; overflow:auto;} .macOS #tbFirstName, .macOS #tbLastName, .macOS #tbEmail {width:215px; margin-bottom:10px !important;} #infoContactForm {width:230px; margin-left:344px;} #infoContactForm .ttlContact {margin:-2px 0 7px 0;} #infoContactForm img {display:block; float:left; margin-top:3px; padding-right:8px;} /*#dataContact {float:left;}*/ #dataContact span {display:block;} #dataContact .nameContact {width:164px; color:#666 !important; font-weight:bold;} #btnSubmit, #btnReset, #btnCancel {position:relative; width:50px; height:18px !important; float:left !important; text-indent:-9999px; border:none !important; background:url("../res/images/btn-contact-en.gif") no-repeat; margin:0 10px 0 0 !important; display:block;} #btnSubmit {background-position:0 0; clear:both;} #btnSubmit:hover, #btnSubmit.hover {background-position:-51px 0;} #btnReset {background-position:0 -19px;} #btnReset:hover, #btnReset.hover {background-position:-51px -19px;} #btnCancel {background-position:0 -38px;} #btnCancel:hover, #btnCancel.hover {background-position:-51px -38px;} /* DEUSTCH VERSION */ #contactForm.de, #contactForm.de #fieldsContactForm {height:247px;} #contactForm.de #formContactLayer {height:216px;} #contactForm.de #btnSubmit, #contactForm.de #btnReset, #contactForm.de #btnCancel {background-image:url("../res/images/btn-contact-de.gif"); width:83px;} #contactForm.de #btnSubmit {background-position:0 0; clear:both;} #contactForm.de #btnSubmit:hover, #contactForm.de #btnSubmit.hover {background-position:-84px 0;} #contactForm.de #btnReset {background-position:0 -19px;} #contactForm.de #btnReset:hover, #contactForm.de #btnReset.hover {background-position:-84px -19px;} #contactForm.de #btnCancel {background-position:0 -38px;} #contactForm.de #btnCancel:hover, #contactForm.de #btnCancel.hover {background-position:-84px -38px;} #contactForm.de #errorMessage {bottom:0px; right:0px;} /* BRASIL VERSION */ #contactForm.br, #contactForm.br #fieldsContactForm {height:247px;} #contactForm.br #formContactLayer {height:216px;} #contactForm.br #btnSubmit, #contactForm.br #btnReset, #contactForm.br #btnCancel {background-image:url("../res/images/btn-contact-pt.gif"); width:50px;} #contactForm.br #btnSubmit {background-position:0 0; clear:both;} #contactForm.br #btnSubmit:hover, #contactForm.br #btnSubmit.hover {background-position:-51px 0;} #contactForm.br #btnReset {background-position:0 -19px;} #contactForm.br #btnReset:hover, #contactForm.br #btnReset.hover {background-position:-51px -19px;} #contactForm.br #btnCancel {background-position:0 -38px;} #contactForm.br #btnCancel:hover, #contactForm.br #btnCancel.hover {background-position:-51px -38px;} #contactForm.br #errorMessage {bottom:0px; right:0px;} /* CHINA VERSION */ #contactForm.zh, #contactForm.zh #fieldsContactForm {height:247px;} #contactForm.zh #formContactLayer {height:216px;} #contactForm.zh #btnSubmit, #contactForm.zh #btnReset, #contactForm.zh #btnCancel {background-image:url("../res/images/btn-contact-cn-zh.gif"); width:83px;} #contactForm.zh #btnSubmit {background-position:0 0; clear:both;} #contactForm.zh #btnSubmit:hover, #contactForm.zh #btnSubmit.hover {background-position:-84px 0;} #contactForm.zh #btnReset {background-position:0 -19px;} #contactForm.zh #btnReset:hover, #contactForm.zh #btnReset.hover {background-position:-84px -19px;} #contactForm.zh #btnCancel {background-position:0 -38px;} #contactForm.zh #btnCancel:hover, #contactForm.zh #btnCancel.hover {background-position:-84px -38px;} #contactForm.zh #errorMessage {bottom:0px; right:0px;} /* END CONTACT FORM */ /* LOGO LAYER */ #logoLayer {display:none; float:left; position:absolute; top:116px; left:26px; z-index:2; width:245px; background-color:#FFF; padding:21px 14px 9px;} #logoLayer hr {border-top:1px dotted #999; margin:9px 0 7px;} #btnCloseLogoLayer {position:absolute; top:0; right:0; width:20px; height:19px; background:url("../res/images/icon_close.gif") 100% 0 no-repeat; text-indent:-9999px;} #logoLayer strong {display:block; font-size:11px; line-height:16px; font-weight:bold; margin-bottom:6px; color:#333;} .countries {list-style-type:none; padding:3px 0 2px 4px; margin-left:-7px; overflow:auto;} .countries li {float:left; font-size:11px; line-height:14px; margin-left:3px;} .countries a {color:#333; text-decoration:none;} .countries a:hover {color:#900;} .countries a.worldwide {padding-left:35px; background-image:url('../res/images/icon_world.gif'); background-position:0 -46px; background-repeat:no-repeat;} .countries a.c {padding-left:24px; background-image:url('../res/images/si-country-sprite.gif'); background-repeat:no-repeat;} .countries.active a.worldwide, .countries a.worldwide:hover {background-position:0 -25px;} .countries a:hover, .countries a.hover, .countries a.active, .countries.active a.worldwide {color:#900;} .countries a.in, .countries a.za, .countries a.de, .countries a.ae, .countries a.br, .countries a.cn {padding-left:24px; background:url("../res/images/si-country-sprite.gif") no-repeat;} .countries a.in {background-position:0 -2898px;} .countries a.za {background-position:0 -6734px;} .countries a.de {background-position:0 -1498px;} .countries a.ae {background-position:0 -42px;} .countries a.br {background-position:0 -769px;} .countries a.cn {background-position:0 -1246px;} /* END LOGO LAYER */ /* FONT SIZE */ .fontLevel2 p {font-size:14px !important; line-height:18px !important;} .fontLevel2 ul.lstOrdered li {font-size:13px !important; line-height:18px !important; background:url('../res/images/bgr-bullet.jpg') 0px 7px no-repeat;} .fontLevel2 #puzzle-feature .alert p {font-size:11px !important; line-height:16px !important;} .fontLevel2 .routingBox dl a {font-size:14px !important; line-height:20px !important; background-position:0 7px;} .fontLevel2 .figcaption {font-size:14px !important; line-height:20px !important;} .fontLevel2 .descProduct h2 {font-size:16px !important; line-height:18px !important;} .fontLevel2 .descProduct p {font-size:13px !important; line-height:18px !important;} .fontLevel2 .descProduct a {font-size:13px !important; line-height:18px !important; background-position: 3px 7px;} .fontLevel2 .lstPublication a {font-size:13px !important; line-height:18px !important; background-position:3px 7px;} .fontLevel2 .lstPublication a.icoPDF {background-position:left 3px !important;} .fontLevel2 .routingBox h3 {font-size:18px !important; line-height:22px !important;} .fontLevel2 .videoCaption {font-size:14px !important; line-height:20px !important;} .fontLevel2 #imageDetails p a {font-size:14px !important; line-height:18px !important;} .fontLevel2 #lst-infographic-security p {font-size:12px !important; line-height:15.5px !important;} .fontLevel3 p {font-size:16px !important; line-height:20px !important;} .fontLevel3 ul.lstOrdered li {font-size:15px !important; line-height:20px !important; background:url('../res/images/bgr-bullet.jpg') 0px 8px no-repeat;} .fontLevel3 #puzzle-feature .alert p {font-size:11px !important; line-height:16px !important;} .fontLevel3 .routingBox dl a {font-size:16px !important; line-height:22px !important; background-position:0 8px;} .fontLevel3 .figcaption {font-size:16px !important; line-height:22px !important;} .fontLevel3 .descProduct h2 {font-size:21px !important; line-height:20px !important;} .fontLevel3 .descProduct p {font-size:15px !important; line-height:20px !important;} .fontLevel3 .descProduct a {font-size:15px !important; line-height:20px !important; background-position:3px 8px;} .fontLevel3 .lstPublication a {font-size:15px !important; line-height:20px !important; background-position:3px 8px;} .fontLevel3 .lstPublication a.icoPDF {background-position:left 4px !important;} .fontLevel3 .routingBox h3 {font-size:20px !important; line-height:24px !important;} .fontLevel3 .videoCaption {font-size:16px !important; line-height:22px !important;} .fontLevel3 #imageDetails p a {font-size:16px !important; line-height:20px !important;} .fontLevel3 #lst-infographic-security p {font-size:12px !important; line-height:15.5px !important;} /* END FONT SIZE */ /* JOBS AND CAREERS */ #jobsCareers {width:235px; float:right; padding:18px 20px 16px 21px; margin-bottom:20px; background-color:#EEE;} #jobsCareers dt {font:16px/16px 'SiemensSlabRoman', Arial, Helvetica, sans-serif; color:#EB780A; margin-bottom:13px;} #jobsCareers a {display:block; font:12px/16px 'SiemensSansRoman', Arial, Helvetica, sans-serif; color:#333; text-decoration:none;} #jobsCareers a:hover {color:#900;} #jobsCareers a:active {color:#333;} #jobsCareers .icoArrow {display:inline-block; width:7px; height:7px; margin-left:3px; background:url("../res/images/ico-arrow-top-right.gif") no-repeat; text-indent:-9999px;} /* END JOBS AND CAREERS */ /*BANNER PROMO */ .bannerPromo {float:right; width:276px; margin-bottom:20px;} .bannerPromo a, .bannerPromo img {display:block;} /*END BANNER PROMO */ /* TEASER */ .teaser {float:right; width:276px; height:141px; margin-bottom:20px;} .teaser img {float:left;} .teaser .subtitle {width:148px; height:109px; padding:14px 16px 18px 12px ; float:right; background-color:#EEE;} .teaser a {display:block; text-decoration:none;} .teaser a:hover .title, .teaser a:hover p {color:#900 !important;} .teaser a {margin-bottom:6px; font: normal 12px/16px 'SiemensSansRoman'; color:#333;} .teaser h3 a {font:normal 16px/20px 'SiemensSlabRoman';} .teaser span {display:inline-block; margin-left:1px; width:7px; height:7px; background:url("../res/images/ico-arrow-top-right.gif") 0 0 no-repeat;} /* END TEASER */ /* RELEASES */ .pressReleases {padding:15px 19px 3px 20px; width:237px; background-color:#EEE; clear:both; float:right;} .pressReleases h4 {font:16px/20px 'SiemensSlabRoman', Arial, Helvetica, sans-serif; margin-bottom:12px;} .pressReleases ul {list-style:none;} .pressReleases ul a {font:12px/16px 'SiemensSansRoman', Arial, Helvetica, sans-serif; color:#333; text-decoration:none; display:block; margin-bottom:13px;} .pressReleases ul a:hover {color:#900;} .pressReleases ul a span {width:7px; height:7px; background:url("../res/images/ico-arrow-top-right.gif") no-repeat; display:inline-block; margin-left:3px;} /* END RELEASES */ /* EVENTS */ .slideSmall {position:relative; overflow:hidden; margin:1px 0 20px; float:left;} .slideSmall, .slideSmall .slides, .slideSmall .slides li {width:596px; height:300px;} .slideSmall .blue .conceptContent {position:absolute; top:auto; left:135px; bottom:0px; right:0px; height:146px; width:434px; padding:9px 14px 14px 13px; background: url('../res/images/bgr-concept-blue.png') repeat-y;} .slideSmall .blue .conceptContent h2 {font: normal 22px/26px 'SiemensSlabRoman', Arial, Helvetica, sans-serif !important; color: #FFF !important; margin-bottom:15px !important;} .slideSmall .blue .conceptContent p {font-size: 14px; line-height:18px; margin-bottom:19px; color:#FFF;} .lstDispEvents {clear:both;} .lstDispEvents dl {margin-bottom:20px;} .lstDispEvents li { list-style-type:none; border-top:1px dotted #999; padding-top:14px; margin-top:14px;} .lstDispEvents .last {border-bottom:1px dotted #999; padding-bottom:14px;} .lstDispEvents li div {width:500px;} .lstDispEvents h3 {font-family:SiemensSlabRoman, Arial, Helvetica, sans-serif; font-size:16px; line-height:16px; color:#333333; font-weight:normal; margin-bottom:8px; text-decoration:none; margin-top:-2px} .lstDispEvents .date {font-family:SiemensSansRoman, Arial, Helvetica, sans-serif; font-size:11px; line-height:16px; color:#999999; margin-bottom:12px; display:block;} .lstDispEvents .brief {font-family:SiemensSansRoman, Arial, Helvetica, sans-serif; font-size:11px; line-height:16px; color:#333333; display:block; text-decoration:none; margin-bottom:-4px} .lstDispEvents .external-arrow {display:inline-block; width:10px; height:8px; background:url("../res/images/ico-arrow-top-right.gif") no-repeat bottom right; margin-left:5px;} .lstDispEvents .internal-arrow {display:inline-block; width:10px; height:8px; background:url("../res/images/spr-arrow.gif") no-repeat 0px -50px; margin-left:5px;} .lstDispEvents div a {text-decoration:none;} .lstDispEvents div a:hover * {color: #990000;} .lk-arrow {background:url(../res/images/spr-arrow.gif) no-repeat 0px -294px; padding-left:15px; color:white !important; font-size:14px; font-weight:bold; text-decoration:none;} .lk-arrow:hover {text-decoration: underline;} .lk-arrow-external {background:url(../res/images/ico-arrow-white-external.png) no-repeat 0px 6px;} .title-lstEvents {padding:9px; color:#333; background:#EEE; margin:0; font-size:14px; font-family:"SiemensSansRoman"; font-weight:bold;} .lk-calendar {position:relative; display:block; width:49px; height:55px; padding-bottom:5px; margin-right:42px; text-align:center; text-decoration:none; font-weight:bold; font-size:24px; color:#333333; font-family:arial; background:url("../res/images/calendar-bg.gif") no-repeat 0 0; } .lk-calendar .calendar-header {display:block; padding:5px 0; font-size:14px; background:#006487; text-decoration:none; color:white; margin-bottom:5px;} .lk-calendar .plus {display:block; width:11px; height:11px; position:absolute; bottom:0px; right:0px; background:url(../res/images/plus-icon.png) no-repeat bottom right;} .lstClosedEvents .lk-calendar {border:1px solid #999999; color:#999999; background-image:none;} .lstClosedEvents .lk-calendar span {background:#999999;} .eventPage .section {border:none;} /* END EVENTS */ /* COP18 */ #lstSpecial {margin-bottom:14px;/* overflow:auto;*/} #lstSpecial dt {font:bold 13px/14px Arial, Helvetica, sans-serif; color:#FFF; padding:4px 0 4px 11px; background-color:#a9b314; margin-bottom:1px;} #lstSpecial dd {margin-bottom:6px;} #lstSpeakers {list-style:none;} #lstSpeakers li {display:block; border-left:3px solid #a9b314; background-color:#EEE; margin-bottom:1px; overflow:auto;} #lstSpeakers li a {display:block; float:left;} .speakerPoster {display:block; float:left; width:92px; /*height:92px;*/} .speakerInfo {width:479px; float:left; padding:11px 11px 8px 11px;} .speakerInfo a {cursor:pointer; text-decoration:none;} .speakerInfo p {font:13px/16px Arial, Helvetica, sans-serif; margin-bottom:0;} .speakerName {display:block; font:18px/18px Arial, Helvetica, sans-serif; color:#a9b314;} .speakerResume {display:block; font:13px Arial, Helvetica, sans-serif; color:#a9b314; margin-top:3px; margin-bottom:5px;} #boxEvents {height:484px;} #lstEvents li {display:block; float:left; clear:both; width:580px; background-color:#EEE; margin-bottom:1px; overflow:auto; background:url("../res/images/bgr-list-events.jpg") repeat-y;} .eventDate {display:block; float:left; width:73px; height:86px; padding:11px 13px 1px 13px; font:13px/16px Arial, Helvetica, sans-serif; color:#FFF; /*background-color:#a9b314;*/} .eventDescription {width:452px; padding:8px 11px 6px; float:left; margin-left:1px; /*border-left:1px solid #FFF;*/} .eventDescription p {font:13px Arial, Helvetica, sans-serif; margin-bottom:2px;} .eventDescription strong {display:block; font:bold 13px Arial, Helvetica, sans-serif; margin-bottom:2px;} .eventDescription a {text-decoration:none;} .eventDescription strong, .eventDescription strong a, .eventDescription strong a:hover {color:#000;} .eventDescription p, .eventDescription p a, .eventDescription p a:hover {color:#333;} .eventLocation {display:block; font:13px/20px Arial, Helvetica, sans-serif; color:#999;} .btn-event-expansor {display:inline-block; background:url("../res/images/btn-expansor.gif") 100% 3px no-repeat; height:14px; padding-right:15px; margin-left:0px; text-decoration:none;} .btn-event-expansor:hover {color:#900 !important;} .btn-event-expansor-opened {background-position:100% -16px; width:11px; padding:0; margin-left:1px; text-indent:-9999px;} .specialSlider {position:relative; width:595px; *width:596px; height:507px; margin-bottom:20px; overflow:hidden;} .specialSlider ul {position:absolute;} .specialSlider li {display:block; width:595px; float:left;} .specialSlider img {display:block;} .specialSlider a {display:block; float:left; position:relative; padding:0;} .specialSlider a .playbtn {position:absolute; top:50%; left:50%; margin: -35px 0 0 -35px; display:none; z-index:1;} .specialSlider a:hover .playbtn, .specialSlider a:focus .playbtn, .specialSlider a:active .playbtn {display:block;} .specialSlider a.next, .specialSlider a.prev {position:absolute; z-index:1;} .specialSlider a.next:active, .specialSlider a.next:visited, .specialSlider a.next:focus, .specialSlider a.prev:active, .specialSlider a.prev:visited, .specialSlider a.prev:focus {outline:0; border:0;} .specialSlider .prev, .specialSlider .next {display:block; width:24px; height:100%;} .specialSlider .next {right:0;} .specialSlider .prev span, .specialSlider .next span {display:block; width:24px; height:78px; background-image:url('../res/images/btn-concept-arrow.png'); background-repeat:no-repeat; background-position:0 -78px; position:absolute; top:130px; cursor:pointer;} .specialSlider .prev span {left:0;} .specialSlider .next span {background-position:-24px -78px; right:0;} .specialSlider .prev.disabled span {background-position:0 0;} .specialSlider .next.disabled span {background-position:-24px 0;} .specialSlider .prev, .specialSlider .next {display:block; width:24px; height:308px;} .specialSlider .next {right:0;} .specialSlider .prev span, .specialSlider .next span {display:block; width:24px; height:78px; background-image:url('../res/images/btn-concept-arrow.png'); background-repeat:no-repeat; background-position:0 0; position:absolute; top:132px; cursor:pointer;} .specialSlider .prev span {left:0;} .specialSlider .next span {background-position:-24px 0; right:0;} .specialSlider .prev.disabled span {background-position:0 0;} .specialSlider .next.disabled span {background-position:-24px 0;} .specialSlider .teaser-link {padding:0 !important;} .sliderContent {height:153px; padding:5px 24px 12px 24px; background-color:#a2ac15; overflow:hidden;} .ttlSlider {display:block; font:18px/1 'SiemensSlabRoman', Arial, Helvetica, sans-serif; color:#FFF; margin:7px 0 10px 0;} .sliderContent p {display:block; font:12px/18px 'SiemensSansRoman', Arial, Helvetica, sans-serif; color:#FFF; margin-bottom:10px;} .sliderOrdered {position:relative !important; display:block; font:12px/18px 'SiemensSansRoman', Arial, Helvetica, sans-serif; color:#FFF; list-style:none; margin-bottom:10px;} .sliderOrdered li {padding-left:12px; background:url('../res/images/bgr-bullet-circle-green.jpg') 0px 6px no-repeat;} .sliderOrdered li a {font:12px/18px 'SiemensSansRoman', Arial, Helvetica, sans-serif; color:#FFF; list-style:none;} .sliderOrdered li a:hover {text-decoration:underline;} .sliderContent a {display:block; font:12px/17px 'SiemensSansRoman', Arial, Helvetica, sans-serif; color:#FFF; text-decoration:none; padding-left:10px; background:url("../res/images/spr-arrow.gif") 0 -296px no-repeat;} .sliderContent a:hover {text-decoration:underline;} .sliderContent li {width:100%; float:none;} .lstPaginatorSlider {display:none;} #lstFurtherTopics {margin-bottom:18px; overflow:hidden;} #lstFurtherTopics li {display:block; float:left; width:297px; height:135px; margin:0 2px 2px 0;} #lstFurtherTopics li.last {margin-right:0;} #lstFurtherTopics a {display:block; text-decoration:none; position:relative; overflow:hidden;} #lstFurtherTopics img {display:block; width:297px; height:135px;} #lstFurtherTopics span {display:block; position:absolute; bottom:0; width:100%; height:34px; font:18px/34px 'SiemensSlabRoman', Arial, Helvetica, Sans-Serif; text-indent:13px; color:#FFF; background-image:url("../res/images/bgr-further-topic.png");} .inlineVideo object {display:block;} #conceptAreaNonSlider {clear:both; margin:1px 0 20px;} #conceptAreaNonSlider .green, #conceptAreaNonSlider .blue {position:relative;} #conceptAreaNonSlider img {display:block;} /* END COP18 */ /* Details Page */ a.btnBack {display:block; float:left; width:158px; height:21px; background: url('../res/images/btn-back.gif') no-repeat 0px 0px; padding-left:18px; font-size:11px; font-family:Arial; text-decoration:none; color:#FFF; line-height:20px;} a.btnBack:hover {color:#FFF; background-position:0px -21px;} #imageDetails {float:left; margin-top:4px;} #imageDetails p, #imageDetails p a {font-size:12px; font-family:"SiemensSansRoman" !important;} #imageDetails .title {display:block; clear:both; font-size:12px; font-family:"SiemensSlabRoman" !important; color:#333;} #imageDetails .description a, #imageDetails .downloadLinks a {font-size:12px; font-family:"SiemensSansRoman" !important; text-decoration:none; color:#333;} #imageDetails .description a:hover, #imageDetails .downloadLinks a:hover {color:#900} #imageDetails .description a {background:url('../res/images/ico-arrow-right.gif') no-repeat right; padding-right:10px;} #imageDetails .downloadLinks a {display:block; background:url('../res/images/ico-jpg.gif') no-repeat left; padding-left:18px; margin-bottom:3px;} #imageDetails .header {position:relative; line-height:22px; margin-bottom:15px; overflow:auto;} #imageDetails .header .title {font-size:18px; padding-top:15px; width:596px;} #imageDetails .figure {position:relative;} #imageDetails .description {width:596px; margin:17px 0 16px; line-height:16px;} #imageDetails .descriptionLarge {width:916px; margin:17px 0 16px; line-height:16px;} #imageDetails .downloadLinks {width:276px; padding:14px 0; border-top:solid 1px #999; border-bottom:solid 1px #999;} #imageDetails .downloadLinks .title {margin-bottom:9px; color:#666;} #imageDetails .footer {position:relative; margin-top:20px;} /*#imageDetails .inlineShare {right:0px !important;} #imageDetails .inlineShare dl {float:right !important;}*/ /* END Images Overview */ /* MAC OS */ .macOS {} .macOS #logoLayer {width:255px;} /* END MAC OS */ /* GALLERY */ #gallery {width:595px; margin-bottom:23px;} #galleryPictures {position:relative;} #btnGalleryPicturesPrev, #btnGalleryPicturesNext {display:block; width:24px; height:78px; position:absolute; z-index:1; top:125px;} #btnGalleryPicturesPrev {left:0;} #btnGalleryPicturesNext {right:0;} #btnGalleryPicturesPrev span, #btnGalleryPicturesNext span {display:block; width:24px; height:78px; zoom:1; background:transparent url('../res/images/btn-concept-arrow.png') no-repeat; text-indent:-9999px; cursor:pointer;} #btnGalleryPicturesNext span {background-position:-24px 0;} .legendPicture {position:absolute; bottom:-58px; width:549px; height:75px; padding:4px 23px; background:url('../res/images/bgr-stage.png'); font:11px/17px 'SiemensSansRoman', Arial, Helvetica, sans-serif; color:#FFF;} .legendPicture span, .legendPicture a {display:block;} .legendPicture .ttlPicture {font-weight:bold; margin-left:-15px; padding-left:15px; background:url('../res/images/bgr-gallery-pictures-legend.png') 0 4px no-repeat;} .legendPictureActive .ttlPicture {background-position:0 -96px !important;} .legendPicture .dscPicture {margin-top:7px;} #maskGalleryPictures {position:relative; width:595px; height:335px; overflow:hidden;} #lstGalleryPictures {position:absolute; left:0;} #lstGalleryPictures li {display:block; width:595px; float:left;} #lstGalleryPictures img {display:block;} #galleryThumbs {position:relative; margin-top:1px; padding:12px 15px; background-color:#EEE;} #btnGalleryThumbsPrev, #btnGalleryThumbsNext {display:block; position:absolute; top:0; width:11px; height:76px; background:url('../res/images/bgr-gallery-thumbs-arrows.png') 0 0 no-repeat; text-indent:-9999px;} #btnGalleryThumbsPrev {left:0; background-position:4px -70px;} #btnGalleryThumbsNext {right:0; background-position:-30px -70px;} #btnGalleryThumbsPrev.disabled {background-position:4px 30px;} #btnGalleryThumbsNext.disabled {background-position:-30px 30px;} #maskGalleryThumbs {position:relative; width:565px; overflow:hidden; height:52px;} #lstGalleryThumbs {position:absolute; left:0; list-style:none;/* overflow:auto;*/} #lstGalleryThumbs li {display:block; float:left; width:52px; height:52px; margin-right:3px;} #lstGalleryThumbs .designBorder {display:block; position:absolute; top:0; left:0; width:48px; height:48px;} #lstGalleryThumbs li.active .designBorder, #lstGalleryThumbs li a:hover .designBorder {border:2px solid #900 !important;} #lstGalleryThumbs a {position:relative;} #lstGalleryThumbs a, #lstGalleryThumbs img {display:block;} /*END GALLERY */ /* ZOOM IMAGE */ #zoomImageLayer {display:none; float:left; position:relative; margin-top:44px; top:0; left:44px; z-index:-1; background-color:#FFF; padding:24px 14px 14px;} #zoomImageLayer img {display:block;} #btnCloseZoomImageLayer {position:absolute; top:0; right:0; width:20px; height:19px; background:url("../res/images/icon_close.gif") 100% 0 no-repeat; text-indent:-9999px;} #zoomImageLayer .inlineShare {display:none; position:absolute; left:14px; margin:0; padding:0;} #zoomImageLayer:hover .inlineShare {display:block;} #zoomImageLayer .shareLayer {top:20px; right:0px;} #attachShareZoomImage {display:block; font-size:11px; line-height:16px; color:#900; padding-left:16px; background:url("../res/images/bgr-share.jpg") no-repeat 0 -102px; text-decoration:none;} #zoomImageLayer .inlineShareLace {margin-top:17px;} /* END ZOOM IMAGE */ /* iPAD */ .iPAD #searchButton {margin-top:2px !important;vertical-align:top !important; padding:0;} .iPAD {cursor:pointer !important;} .iPAD .figure .inlineShare, .iPAD #zoomImageLayer .inlineShare {display:block;} .mobile #relatedTopics a {color:#333 !important;} .mobile p a:visited {color:#333 !important;} .mobile .sideMenu ul li a:visited {color:#333 !important;} .mobile .pressReleases ul a:visited {color:#333 !important;} .mobile #resources li a:visited {color:#333 !important;} .mobile #relatedTopics a:visited {color:#333 !important;} .mobile #searchButton {background-color:#666 !important} .mobile #btnSubmit {background-position:-227px -57px;} .mobile #btnReset {background-position:-227px -76px;} .mobile #btnCancel {background-position:-227px -95px;} .mobile #lstNavTop a {color:#333 !important;} .mobile #lstNavTop a.active {color:#900 !important;} .mobile .routingBoxList dd a {color:#333 !important;} .mobile #relatedTopics a {color:#333 !important;} /* END iPAD */ /* PUZZLE FEATURE */ #puzzle-feature {display:block; width:100%; height:100%; background:url("../res/images/puzzle-bg.jpg") no-repeat top left;} #puzzle-feature .hidden {display:none !important;} #puzzle-feature .label {display:block; width:233px; position:absolute; top:63px; left:95px; } #puzzle-feature .label h2 {margin-bottom:18px; font: 22px "SiemensSlabRoman"; color:#FFF;} #puzzle-feature .label p {width:215px; margin-bottom:18px; font:15px/18px 'SiemensSansRoman', Arial, Helvetica, sans-serif; color:#FFF;} #puzzle-feature .label a {background:url("../res/images/spr-arrow.gif") no-repeat 0 -295px; padding-left:11px; font: 14px "SiemensSansBold"; color:#FFF; text-decoration:none;} #puzzle-feature .label a:hover {text-decoration:underline;} #puzzle-feature .alert {display:block; width:513px; height:55px; position:absolute; top:247px; left:0px; background: url('../res/images/alert-bg.png') no-repeat 0 0;} #puzzle-feature .alert p {display:block; width:450px; position:relative; float:left; margin:11px 0 0 13px; font:bold 11px/16px Arial; color:#FFF;} #puzzle-feature .alert a {padding-left:16px; background:url("../res/images/spr-arrow.gif") no-repeat 7px -296px; color:#FFF; text-decoration:none;} #puzzle-feature .alert a:hover {text-decoration:underline;} #puzzle-feature .alert .alert-icon {display:inline-block; width:25px; height:25px; float:left; margin-top:4px; margin-right:11px; background:url('../res/images/alert-icon.png') no-repeat 0 0;} #puzzle-feature .hotspot {position:absolute; width:auto; height:auto;} #puzzle-feature .hotspot a {display:block; width:21px; height:20px; background:url("../res/images/puzzle-sprite.png") no-repeat; overflow:hidden; text-indent:-9999px; position:absolute; } #puzzle-feature .hotspot a.tip-1 {top:40px; left:566px;} /* -2 -3 */ /* #puzzle-feature .hotspot a.tip-1 {top:53px; left:514px; */ #puzzle-feature .hotspot a.tip-2 {top:148px; left:499px;} /* #puzzle-feature .hotspot a.tip-2 {top:169px; left:438px;} */ #puzzle-feature .hotspot a.tip-3 {top:70px; left:621px;} /* #puzzle-feature .hotspot a.tip-3 {top:85px; left:576px;} */ #puzzle-feature .hotspot a.tip-4 {top:224px; left:585px;} /* #puzzle-feature .hotspot a.tip-4 {top:258px; left:535px;} */ #puzzle-feature .hotspot a.tip-5 {top:216px; left:740px;} /* #puzzle-feature .hotspot a.tip-5 {top:247px; left:714px;} */ #puzzle-feature .hotspot a.tip-6 {top:172px; left:753px;} /* #puzzle-feature .hotspot a.tip-6 {top:199px; left:728px;} */ #puzzle-feature .hotspot a.tip-7 {top:30px; left:819px;} /* #puzzle-feature .hotspot a.tip-7 {top:39px; left:799px;} */ #puzzle-feature .hotspot a.tip-8 {top:69px; left:741px;} /* #puzzle-feature .hotspot a.tip-8 {top:87px; left:714px;} */ #puzzle-feature .hotspot a.tip-9 {top:68px; left:698px;} /* #puzzle-feature .hotspot a.tip-9 {top:81px; left:664px;} */ #puzzle-feature .tooltip {display:block; padding:10px 10px 0 7px; height:50px; background:white; border:1px solid #900; position:absolute;} #puzzle-feature .tooltip .title {display:block; font:12px "SiemensSansBold"; color:#900;} #puzzle-feature .tooltip .text {display:block;font:12px "SiemensSansRoman"; color:#900;} #puzzle-feature .tooltip.tip-1 {width:175px; top:65px; left:466px;} /* 191px */ /* #puzzle-feature .tooltip.tip-1 {width:175px; top:78px; left:414px;} */ #puzzle-feature .tooltip.tip-2 {width:160px; top:81px; left:410px;} /* 177px */ /* #puzzle-feature .tooltip.tip-2 {width:160px; top:102px; left:349px;} */ #puzzle-feature .tooltip.tip-3 {width:175px; top:95px; left:523px;} /* 189px */ /* #puzzle-feature .tooltip.tip-3 {width:172px; top:110px; left:478px;} */ #puzzle-feature .tooltip.tip-4 {width:158px; top:158px; left:495px;} /* 174px */ /* #puzzle-feature .tooltip.tip-4 {width:158px; top:192px; left:445px;} */ #puzzle-feature .tooltip.tip-5 {width:183px; top:151px; left:637px;} /* 200px */ /* #puzzle-feature .tooltip.tip-5 {width:183px; top:182px; left:611px;} */ #puzzle-feature .tooltip.tip-6 {width:178px; top:107px; left:651px;} /* 195px */ /* #puzzle-feature .tooltip.tip-6 {width:178px; top:134px; left:626px;} */ #puzzle-feature .tooltip.tip-7 {width:173px; top:57px; left:723px;} /* 189px */ /* #puzzle-feature .tooltip.tip-7 {width:173px; top:66px; left:703px;} */ #puzzle-feature .tooltip.tip-8 {width:144px; top:94px; left:660px;} /* 160px */ /* #puzzle-feature .tooltip.tip-8 {width:144px; top:112px; left:633px;} */ #puzzle-feature .tooltip.tip-9 {width:199px; top:93px; left:592px;} /* 216px */ /* #puzzle-feature .tooltip.tip-9 {width:199px; top:15px; left:558px;} down-arrow */ #puzzle-feature .tooltip.tip-1-fix {width:142px; left:491px;} /* #puzzle-feature .tooltip.tip-1-fix {width:142px; left:439px;} */ #puzzle-feature .tooltip.tip-2-fix {width:177px;} #puzzle-feature .tooltip.tip-3-fix {width:142px;} #puzzle-feature .tooltip.tip-4-fix {width:163px; height:37px; top:171px;} /* #puzzle-feature .tooltip.tip-4-fix {width:158px; height:37px; top:205px;} */ #puzzle-feature .tooltip.tip-6-fix {width:117px; height:34px; top:123px; left:690px;} /* #puzzle-feature .tooltip.tip-6-fix {width:117px; height:34px; top:150px; left:665px;} */ #puzzle-feature .tooltip.tip-7-fix {width:157px; height:35px; left:736px;} /* #puzzle-feature .tooltip.tip-7-fix {width:157px; height:35px; left:716px;} */ #puzzle-feature .tooltip.tip-9-fix {width:190px; left:606px;} /* #puzzle-feature .tooltip.tip-9-fix {width:183px; left:572px;} */ #puzzle-feature .tooltip .arrow {display:block; width:9px; height:5px; background:url("../res/images/puzzle-sprite.png") no-repeat; position:absolute;} #puzzle-feature .tooltip .down-arrow {background-position:0px -300px; bottom:-5px;} #puzzle-feature .tooltip .up-arrow {background-position:0px -310px; top:-5px;} #puzzle-feature .tooltip.tip-1 .arrow {left:106px;} #puzzle-feature .tooltip.tip-2 .arrow {left:96px;} #puzzle-feature .tooltip.tip-3 .arrow {left:104px;} #puzzle-feature .tooltip.tip-4 .arrow {left:96px;} #puzzle-feature .tooltip.tip-5 .arrow {left:110px;} #puzzle-feature .tooltip.tip-6 .arrow {left:108px;} #puzzle-feature .tooltip.tip-7 .arrow {left:103px;} #puzzle-feature .tooltip.tip-8 .arrow {left:88px;} #puzzle-feature .tooltip.tip-9 .arrow {left:112px;} #puzzle-feature .tooltip.tip-1-fix .arrow {left:81px;} #puzzle-feature .tooltip.tip-6-fix .arrow {left:69px;} #puzzle-feature .tooltip.tip-7-fix .arrow {left:90px;} #puzzle-feature .tooltip.tip-9-fix .arrow {left:98px;} #puzzle-feature .tooltip .icon {display:block; width:30px; height:29px; float:left; margin-right:3px; margin-bottom:20px; background:url("../res/images/puzzle-sprite.png") no-repeat;} #puzzle-feature .tooltip.tip-1 .icon {background-position:0px -20px;} #puzzle-feature .tooltip.tip-2 .icon {background-position:0px -50px;} #puzzle-feature .tooltip.tip-3 .icon {background-position:0px -80px;} #puzzle-feature .tooltip.tip-4 .icon {background-position:0px -110px;} #puzzle-feature .tooltip.tip-5 .icon {background-position:0px -150px;} #puzzle-feature .tooltip.tip-6 .icon {background-position:0px -180px;} #puzzle-feature .tooltip.tip-7 .icon {background-position:0px -210px;} #puzzle-feature .tooltip.tip-8 .icon {background-position:0px -240px;} #puzzle-feature .tooltip.tip-9 .icon {background-position:0px -270px;} /* END PUZZLE FEATURE */ /*TEMP*/ #lstPublications li {display:block; height:240px; float:left; margin:0 20px 10px 0; padding:10px; border:1px solid #999; overflow:hidden;} #lstPublications img {display:block;} #lstPublications a {margin-left:-99999px;} #lstPublications .publication {display:block; position:relative; margin-left:0;} #lstPublications .lupe {position:absolute; right:0; bottom:0; display:block; width:15px; height:15px; background:red; border:1px solid green;} #modalPublications {display:none; position:absolute; z-index:1; top:44px; left:44px; padding:10px; background-color:#FFF;} #modalPublications li {display:block; width:400px; height:240px; float:left; margin:0 20px 10px 0; padding:10px; border:1px solid #999; overflow:hidden;} #modalPublications img {display:block; width:400px; height:200px;} #countryCC .lstProduct, #country-de .lstProduct {margin-top:14px;} /*INFOGRAPHIC ANIMATED*/ img[usemap], object[usemap] { color: blue; } .interactive-infographic {width:532px; height:347px; padding:16px 32px 17px; position:relative; text-align:right;} .infographic-ttl {display:block; font:34px/1.2 'SiemensSansBold', Arial, Helvetica, sans-serif; color:#FFF;} .infographic-message {position:absolute; top:290px; left:254px; z-index:2; width:140px; font:14px/16px 'SiemensSansRoman', Arial, Helvetica, sans-serif; text-align:center; color:#646E78;} .infographic-picture {position:absolute; top:-60px; left:-35px; display:block; width:140px; height:49px; z-index:1; background:url("../res/images/sprite-icons-info-security.png") 0 -70px no-repeat;} .infographic-map {display:block; position:absolute; top:54px; left:22px;} .infographic-footer {display:block; position:absolute; bottom:11px; left:14px; font:10px/14px 'SiemensSansRoman', Arial, Helvetica, sans-serif;} .infographic-accordion {position:relative; float:right; width:260px; margin-top:17px;} .infographic-accordion li {display:block; list-style:none;} .infographic-expansor {padding:5px 0 4px; margin-bottom:6px; position:relative;} .infographic-expansor a {display:block; padding-right:22px; font:16px/1.2 'SiemensSansBold', Arial, Helvetica, sans-serif; color:#FFF; text-decoration:none;} .infographic-expansor-arrow {display:block; width:7px; height:6px; position:absolute; bottom:4px; right:3px; background:url("../res/images/sprite-icons-info-security.png") -10px 0 no-repeat;} .infographic-expansible {display:none;} #info-security {background:url('../res/images/bgr-info-security.jpg') no-repeat;} .infographic-expansor a:hover {color:#333;} .infographic-expansor a:hover .infographic-expansor-arrow {background-position:-20px 0;} .infographic-pointer {display:block; position:absolute; bottom:0; right:0; background-color:#333; width:300px; height:1px;} .infographic-pointer-bullet {position:absolute; top:-3px; left:-3px; width:7px; height:7px; background:url("../res/images/sprite-icons-info-security.png") 0 -20px no-repeat;} .infographic-details {text-align:left; padding:2px 0 5px 0; border-bottom:1px solid #333; margin-bottom:3px;} .infographic-details strong {display:block; font:normal 13px/16px 'SiemensSansBold', Arial, Helvetica, sans-serif; margin-bottom:1px;} .infographic-list {margin-bottom:4px; } .infographic-list li {display:list-item; list-style:disc outside none; font:11px/16px 'SiemensSansRoman', Arial, Helvetica, sans-serif; color:#333;} .infographic-minimized .infographic-pointer {width:260px; background-color:#ADBECB;} .infographic-minimized .infographic-pointer-bullet {display:none;} .infographic-selected .infographic-expansor a {color:#333;} .infographic-selected .infographic-expansor-arrow {background-position:0 0 !important;} /*END INFOGRAPHIC ANIMATED*/ .video-external {position:relative; display:block;} .video-external .playButton {position:absolute; top:50%; left:50%; display:block; text-indent:-9999px; width:70px; height:70px; margin:-35px 0 0 -35px; background:url("../res/images/btn-play.png") 0 0 no-repeat; cursor:pointer;} .video-external:hover .playButton {background-position:0px -70px;} /*.showie6 {display:none !important;}*/ #infographic-security {width:844px; height:320px; padding-left:72px; padding-top:20px; background:url("../res/images/bgr-infographic.jpg") no-repeat;} #infographic-security h2 {font:normal 24px/30px 'SiemensSlabBold'; color:#FFF; margin-bottom:6px;} #infographic-security h2 a {font:normal 24px/30px 'SiemensSlabBold'; color:#FFF; margin-bottom:6px;} #infographic-security h2 a {text-decoration:underline;} #lst-infographic-security {overflow:auto; width:774px;} #lst-infographic-security li {position:relative; float:left; width:170px; height:206px; padding-top:15px; padding-left:13px; padding-right:9px; margin-right:2px;} #lst-infographic-security li.last {margin-right:0;} #lst-infographic-security h3 {font:normal 13px/16px 'SiemensSansBold'; color:#086488; margin-bottom:22px;} #lst-infographic-security p, #lst-infographic-security a {font:normal 12px/15.5px 'SiemensSansRoman'; color:#FFF; margin-bottom:0;} #lst-infographic-security p {position:absolute; bottom:0; width:170px; height:152px;} #lst-infographic-security a {text-decoration:underline;} #infographic-identify {display:block; text-align:center; font:normal 14px/32px 'SiemensSansBold'; color:#FFF; margin:0 0 0 -80px;} #infographic-identify a {display:block; text-align:center; font:normal 14px/32px 'SiemensSansBold'; color:#FFF;} #infographic-identify a {text-decoration:underline;} .teaser-block {padding-bottom:20px; background-color:#FFF; float:left;} .teaser-block .teaser-link {width:257px;} .teaser-link {position:relative; display:block !important; padding:7px 10px 6px 9px !important; background-color:#EEE; text-decoration:none !important;} .teaser-category {display:block !important; font:12px/16px 'SiemensSansRoman' !important; color:#333;} .teaser-ttl {display:block; margin-top:5px; margin-bottom:6px; font:18px/22px 'SiemensSlabBold'; color:#666;} .teaser-exclamation-icon {position:absolute; top:21px; left:248px; display:block; width:18px; height:82px; text-indent:-9999px; background:url('../res/images/white-exclamation-18x82.png') 0 0 no-repeat;} .teaser-link p {font-family:'SiemensSansRoman'; margin-bottom:0;} .teaser-link p:hover {color:#990000;} .teaser-link .internal {background:url("../res/images/ico-arrow-right.gif") 0 1px no-repeat; display:inline-block; width:7px; height:8px; margin-left:4px; cursor:pointer;} .teaser-block .external {background:url("../res/images/ico-arrow-top-right.gif") 0 1px no-repeat; display:inline-block; width:7px; height:8px; margin-left:4px; cursor:pointer;} .gray-mark {display:inline-block; margin-right:2px; text-indent:-9999px; width:9px; height:22px; background:url('../res/images/gray-marks.png') 0 3px no-repeat;} .gray-mark-first {display:block; float:left;} .gray-mark-last {margin-left:4px;} .white-mark {display:inline-block; margin-right:2px; text-indent:-9999px; width:9px; height:22px; background:url('../res/images/white-marks.png') 0 3px no-repeat;} .white-mark-first {display:block; float:left;} .white-mark-last {margin-left:4px;} .teaser-block-pink .teaser-category {color:#FFF;} .teaser-block-pink .teaser-ttl {color:#FFF;} .teaser-block-pink .teaser-link {background-color:#AF235F; background-image:none;} .teaser-block-pink .teaser-link:hover p {color:#FFF;} .teaser-block-pink .teaser-link .internal {background:url('../res/images/ico-arrow-right-white.gif') 0 3px no-repeat; height:10px;} .teaser-block-pink p {color:#FFF;} /* External Form */ #external-form {display: none; width: 576px; _width: 577px; background: #FFF; position: absolute; top: 106px; left: 44px; z-index: 999;} #external-form a.close {display: block; width:20px; height:19px; overflow: hidden; background:url("../res/images/bgr-structure.png") -447px -167px no-repeat; text-indent: -9999px; position: absolute; top: 0px; right: 0px; _right: -2px;} #external-form header {padding: 31px 38px 22px 59px; background-color:#EEE; color:#333;} #external-form h1 {font: normal 30px "SiemensSlabBold"; margin-bottom:18px; color:#666;} #external-form h2 {font: normal 12px/18px Arial; margin-bottom: 7px;} #external-form img {float: right; margin-right: -38px; margin-left:20px; margin-bottom:10px;} #external-form p {font: normal 12px/18px Arial; margin-bottom: 10px; word-wrap:break-word;} #external-form p.strong {font-weight: bold; margin-bottom: 24px;} #external-form em {font: normal 12px/18px Arial;} #external-form span.quote-mark {font: normal 72px "SiemensSlabBold"; float:left; margin-top: -6px; margin-left: -30px;} #external-form section {padding: 21px 18px 24px 59px;} #external-form iframe {width: 500px; height: 325px;} /*feeds*/ .news-wrapper {width:100%;} .news-wrapper menu {width:100%; padding-bottom:4px; border-bottom:solid 1px #ccc; margin-bottom:20px;} .news-wrapper menu li {display:block; float:left; list-style:none; margin-right:10px; border-right:solid 1px #ccc;} .news-wrapper menu li.last {border-right:none;} .news-wrapper menu li.tp01 {padding:6px 0;} .news-wrapper menu a {display:block; color:#333; font:normal 11px "SiemensSansRoman"; text-decoration:none; padding-right:10px; margin-top:4px; /*border-right:solid 1px #ccc;*/} .news-wrapper menu a.active, .news-wrapper menu a:hover {color:#900;} .news-wrapper menu .last a {border-right:none;} .news-wrapper menu a span {display:block; float:left; width:20px; height:20px; margin:-5px 6px 0 0; background:url("../res/images/bgr-structure.png") no-repeat;} .news-wrapper menu .facebook span {background-position:0 -180px;} .news-wrapper menu .googleplus span {background-position:0 -210px;} .news-wrapper menu .twitter span {background-position:0 -330px;} .news-wrapper menu .healthcare span {background-position:0 -150px;} .news-wrapper menu .sustainablecities span {background-position:0 -448px;} .news-wrapper menu .energy span {background-position:0 -150px;} .news-wrapper menu .break-line span {margin-top:3px;} .news-wrapper iframe, .news-wrapper .content-feed {display:none;} .news-wrapper iframe.active, .news-wrapper .active {display:block !important;} /* End feeds */ /* Images Overview */ #eventImgLeft, #eventImgRight {width:291px;} #eventImgLeft {float:left;} #eventImgRight {float:right;} .lstEventImages {list-style:none;} .lstEventImages li {display:block; border:1px solid #CCC; margin-bottom:14px;} .lstEventImages li.hidden {display:none;} .lstEventImages a {display:block; padding:14px 14px 10px 14px !important; text-decoration:none;} .lstEventImages img {display:block; width:261px;} .lstEventImages h2 {font:12px/16px 'SiemensSansBold' !important; color:#333; margin-top:14px; margin-bottom:0 !important;} .lstEventImages p {font:12px/16px 'SiemensSansRoman', Arial, Helvetica, Sans-Serif !important; color:#333; margin-bottom:0 !important;} #more {display:block; padding:6px 14px 5px; height:12px; font:bold 12px/1 'SiemensSansRoman', Arial, Helvetica, Sans-Serif; text-decoration:none; color:#333; border:1px solid #CCC; background-color:#EEE; margin-top:6px;} #more:hover {background-color:#CCC;} #more span {display:inline-block; width:9px; height:10px; margin-left:6px; background:url('../res/images/spr-arrow.gif') 0 -446px no-repeat;} /* END Images Overview */ /* ../__src/css/video-js.custom.css */ /* VideoJS Default Styles (http://videojs.com) Version 3.2.0 */ /* REQUIRED STYLES (be careful overriding) ================================================================================ */ /* When loading the player, the video tag is replaced with a DIV, that will hold the video tag or object tag for other playback methods. The div contains the video playback element (Flash or HTML5) and controls, and sets the width and height of the video. ** If you want to add some kind of border/padding (e.g. a frame), or special positioning, use another containing element. Otherwise you risk messing up control positioning and full window mode. ** */ .video-js { background-color: #000; position: relative; padding: 0; -webkit-tap-highlight-color:rgba(0, 0, 0, 0); /* Start with 10px for base font size so other dimensions can be em based and easily calculable. */ font-size: 10px; /* Allow poster to be vertially aligned. */ vertical-align: middle; /* display: table-cell; */ /*This works in Safari but not Firefox.*/ } .video-js * {} /* Playback technology elements expand to the width/height of the containing div.