/***************************** 
 Member of RB-Master

Name: includecss
UID: includecss
Author: please add an author
Last change date: 12.09.2017 11:27
Copyright: please add the copyright
Release version: This Website was generated with WCMS Master Version 2.2.3
Freamwork version: please add used freamworks version
Summary: please add a summeray
Necessary libaries: please add used libaries.

*************************//* begin mac-msie css-comment-hack \*/
/* Author: Michaela Zillner, Sascha Meier \*/
/* Project: Relaunch BOSCH CRM Pilot for ARITHNEA GmbH Munich \*/
/* LastChangedDate: 2011-10-10 \*/
/* LastChangedBy: mf \*/
/* GENERAL DEFINITIONS */
html {
height: 100%;
width: 100%;
overflow: scroll;
}
/* reset default values to default */
html, body {
margin: 0;
padding: 0;
font: normal 14px/18px Arial, Helvetica, sans-serif;
}
body {
text-align: left;
background: #87888a none;
border: none;
}
h1 {font: normal 22px/28px Verdana, Tahoma, sans-serif; padding: 0; margin: 0; color: #404245}
h2 {font: bold 16px/20px Verdana, Tahoma, sans-serif; padding: 0; margin: 0;; color: #404245}
h3 {font: bold 14px/18px Arial, Helvetica, Geneva, sans-serif; padding: 0; margin: 0; font-weight: bold; color: #000;}
h4 {font: bold 12px/15px Arial, Helvetica, Geneva, sans-serif; padding: 0; margin: 0; font-weight: bold; color: #404245;}
p {padding: 0; margin: 0;}
.clear {clear:both; display: block; height: 1px; overflow: hidden; }
a img {border: 0;}
.clearfix:after,
.clear:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}
.hidden{visibility:hidden;}
div {
margin: auto;
width: auto;
border: none;
padding: 0;
margin: 0;
}
.floatRe {float: right;}
.floatLe {float: left;}
.noFloat {float: none!important;}
.noClear {clear: none!important;}
.fltrt {float: right; margin-left: 8px;}
.fltlft {float: left; margin-right: 8px;}
/*
.clearfloat {
clear:both;
height:0;
font-size: 1px;
line-height: 0px;
}
*/
.small, a.small, p.small { font-size: 90%!important; }
.verysmall, a.verysmall, p.verysmall { font-size: 80%!important; }
/* Table */
.tblCenter { text-align:center!important;}
.tblRight { text-align:right!important;}
/* Col Display */
.twoCol .col8 h3 {font-size: 0.85em;}
/* main regions & areas */
#wrapperAll { /* the wrapper for all */
width: 1002px;
background: #fff;
padding: 0;
vertical-align: top;
margin: 0 auto;
clear: both;
/* overflow: hidden; */
}
/* header */
#header { /* the default header for the german CRM pilot */
background: transparent url(/media/_tech/layout/images/backgrounds/bg_metanav.gif) 0 0 repeat-x;
margin: 0 10px 0 10px;
padding-left: 0px;
clear: both;
/* overflow: hidden; */
position: relative;
font: normal 11px Arial;
height: 80px;
}
.specialheader { height: 90px!important;} /* special for languages hebrew, khmer, korean and pashto */
#header #langSelection {
margin: 0;
padding: 0;
border-left: 1px solid #C3C3C3;
list-style-type: none;
display: inline-block;
position: relative;
left: 25px;
clear: right;
}
#header #langSelection li {
float: left;
font: normal 11px/13px Arial;
clear: right;
padding: 0 5px;
}
#header a {
color: #808285;
text-decoration: none;
padding: 2px 5px;
display: block;
width: auto;
}
#header #navMeta a:hover,
#header #langSelection a:hover {
background-color: #e1e1e2;
text-decoration: none;
}
#header a.selected {
color: #C3C3C4;
text-decoration: none;
}
#header #boschLogo {
position: absolute;
right: 0px;
top: 15px;
}
#header #boschLogo a {
padding: 2px 0;
}
#header #boschLogo img{
border: 0;
}
#websiteTitleArea {
color: #404245;
font-size: 2em;
font-family: Verdana, Tahoma, Arial, Sans-Serif;
font-weight: normal;
line-height: normal;
margin-top: 10px;
}
/* website footer */
#footer { /* the default footer for the german CRM pilot */
background: transparent none;
padding: 0 0 30px;
width: 1002px;
margin: 0 auto;
clear: both;
color:#c3c3c4!important;
}
#footer.default { /* the default footer for the german CRM pilot */
height: 40px;
}
#footer ul {
margin: 0;
padding: 0;
}
#footer li {
list-style: none;
margin: 0;
padding: 0;
float: left;
}
/* website footer linkstyles */
#footer a {
color: #fff;
text-decoration: none;
font: bold 12px Arial;
background-repeat: no-repeat;
background-position: 5px 5px;
padding: 8px 0 5px 30px;
display: block;
float: none;
}
#footer span {
color: #fff;
font: bold 12px Arial;
padding: 8px 8px 5px 3px;
display: block;
float: none;
}
#footer a.footerActionTop,
#footer a.footerActionTopActive {
background-image: url(/media/_tech/layout/images/icons/lnkstyles/lnkstylecntlink_top_new.png);
background-position:2px 13px;
padding-left: 14px;
}
#footer a.footerActionTop:hover {
background-image: url(/media/_tech/layout/images/icons/lnkstyles/lnkstylecntlink_tophover_new.png);
}
#footer a.footerActionPrint,
#footer a.footerActionPrintActive {background: url(/media/_tech/layout/images/icons/ico_footerprint_sprite.gif) 5px 7px no-repeat;}
#footer a.footerActionPrintActive,
#footer a.footerActionPrint:hover {background-position: 5px -43px;}
#footer a.footerActionPdf,
#footer a.footerActionPdfActive {background-image: url(/media/_tech/layout/images/icons/lnkstyles/lnkstylefooterpdf.png);}
#footer a.footerActionPdfActive {background-image: url(/media/_tech/layout/images/icons/lnkstyles/lnkstylefooterpdfinv.png);}
#footer a.footerActionPdf:hover {background-image: url(/media/_tech/layout/images/icons/lnkstyles/lnkstylefooterpdfinv.png);}
#footer a.footerActionRate,
#footer a.footerActionRateActive {background-image: url(/media/_tech/layout/images/icons/lnkstyles/lnkstylefooterrate.png);}
#footer a.footerActionRateActive{background-image: url(/media/_tech/layout/images/icons/lnkstyles/lnkstylefooterrateinv.png);}
#footer a.footerActionRate:hover{background-image: url(/media/_tech/layout/images/icons/lnkstyles/lnkstylefooterrateinv.png);}
#footer a.footerFontsize1,
#footer a.footerFontsize1Active {background: url(/media/_tech/layout/images/icons/ico_fontsmall_sprite.gif) 5px 4px no-repeat; padding: 8px 0 5px 24px;}
#footer a.footerFontsize1:hover,
#footer a.footerFontsize1Active {background-position: 5px -24px;}
#footer a.footerFontsize2,
#footer a.footerFontsize2Active {background: url(/media/_tech/layout/images/icons/ico_fontdefault_sprite.gif) 5px 4px no-repeat; padding: 8px 0 5px 24px;}
#footer a.footerFontsize2:hover,
#footer a.footerFontsize2Active {background-position: 5px -24px;}
#footer a.footerFontsize3,
#footer a.footerFontsize3Active {background: url(/media/_tech/layout/images/icons/ico_fontbig_sprite.gif) 5px 4px no-repeat; padding: 8px 0 5px 24px;}
#footer a.footerFontsize3:hover,
#footer a.footerFontsize3Active {background-position: 5px -24px;}
#footer a.footerActionBm,
#footer a.footerActionBmActive {background-image: url(/media/_tech/layout/images/icons/lnkstyles/lnkstylefooterbookmark.png);}
#footer a.footerActionBmActive {background-image: url(/media/_tech/layout/images/icons/lnkstyles/lnkstylefooterbookmarkinv.png);}
#footer a.footerActionBm:hover {background-image: url(/media/_tech/layout/images/icons/lnkstyles/lnkstylefooterbookmarkinv.png);}
#footer #footerActionsL {
float: left;
height: 30px;
padding-left: 8px;
}
#footer #footerActionsR {
float: right;
height: 30px;
padding-right: 8px;
}
#footer #footerActionsR ul {
display: inline;
}
html body #footer ul li a:hover {color: #efefef}
html body #footer ul#footerFontResize li a:hover {color: #fff}
hr.footer {
clear: both;
height: 1px;
background-color:transparent;
border: none;
border-bottom: 1px solid #c3c3c4;
padding: 0;
margin: 10px 0 10px -10px;
overflow: hidden;
font-size: 1px;
display: block;
width: 1002px;
}
#footerCnt {
font: bold 0.8em/15px Arial; /* was 10px */
font-weight: bold;
padding-left: 10px;
}
#footerCnt p.copyright {
padding: 10px 0 0 0;
}
#footer #footerCnt *, #footer #footerCnt a {
color: #C3C3C4;
}
#footer #footerCnt a {
background: transparent none;
display: inline;
float: none;
font-size: 1em;
padding: 0!important;
line-height: 1em;
margin: 0;
}
#footer #footerCnt a:hover {
color: #FFF;
}
#footerCnt ul li {display: block; clear:both; float:none;
height: auto;}
.cntWrapper {
font-family: arial, sans serif;
color: #000000;
font-weight: normal;
padding: 0; /* was 10 0 0 0*/
}
/* grid & block (area) definitions */
.grid16 {
width: 992px; /* 982 px + 10px */
}
.grid12 {
width: 744px; /* 734 px + 10px */
}
.grid8 {
width:496px; /* 486 px + 10px */
}
.grid6 { /*marginal contentArea */
width:370px; /* 360 px + 10px */
}
.grid5 {
width:310px; /* 300 px + 10px */
}
.grid4 {
width:248px; /* 236 px + 10px */
}
.grid3 {
width:186px; /* 176 px + 10px */
}
/* Layout Definitions Columns Grid: 16 x 52px = 10px 52px 10px 52px ... 52px + 10px */
.col2 {
width: 25%;
width: 114px;
font-size: 0.85em; /* was 12px */
line-height: 1.2em;
}
.col2 .col2 {font-size: 1em;}
.col3 {
width: 176px; /* was 175px */
font-size: 0.85em; /* was 12px */
line-height: 1.2em;
}
.col3 .col3 {font-size: 1em;}
.col4 {
width: 25%;
width: 238px;
font-size: 0.85em; /* was 12px */
line-height: 1.2em;
}
.col4 .col4 {font-size: 1em;}
/* col5-7 are used for the stage transparency overlay-content */
.col5 {
width: 300px;
font-size: 14px;
font-size: 1em; /* was 12px */
}
.col6 {
width: 362px; /* was 360*/
font-size: 14px;
font-size: 1em; /* was 12px */
}
.col7 {
width: 425px;
font-size: 14px;
font-size: 1em; /* was 12px */
}
.col8 {
width: 50%;
width: 486px;
font-size: 14px;
font-size: 1em; /* was 12px */
}
.col12 {
width: 75%;
width: 734px;
font-size: 14px;
font-size: 1em; /* was 12px */
}
.col16 {
width: 100%;
width: 982px;
font-size: 14px;
font-size: 1em; /* was 12px */
}
.contentArea {
margin-bottom: 25px;
margin-right: 10px; /* was 15px*/
float: right;
}
div.marginalArea .cntBox {margin-left: 0;}
.cntGrid {background-color:#FFC;}
.grid {margin:5px; padding:5px; float:left; background:#ddd; }
.outline {border:1px solid #999; background:#f6f6f6; padding:5px 10px; width:1050px; }
/* end fs */
.cntWrapper {
margin:0; /*was 15px*/
clear: both;
overflow:visible!important; /* IE8 */
}
.cntWrapper .txtBig { /* fontsize set to Big */
font-family: arial, sans serif;
font-size: 100%;
line-height: 1.35;
color: #000000;
font-weight: normal;
}
div.inverse { /* INVERSE BOX = dark blue */
background-color: #003B6A;
color: #FFFFFF;
}
div.inverse h1, div.inverse h2, div.inverse h3, div.inverse h4, div.inverse h5, div.inverse h6 {
color: #FFFFFF!important;
}
div.grey { /* GREY BOX = mid grey */
background-color: #f1f1f1;
color: #000;
}
/* content box style-sheets */
.cntBox {
/* float: left; recheck this often cause of nesting compatibility */
float: left;
margin-left: 10px;
margin-bottom: 20px;
vertical-align: top;
clear: right;
}
.cntBox h1 { margin-top: 8px;}
.universalBox .imgSection {float: left;}
.universalBox .txtSection {
padding-left: 10px;
float: left;
overflow:hidden;
}
.universalBox .txtSection.noPadding {
padding-left: 0px!important;
}
.universalBox .txtSection p {margin-bottom:0;}
.marginalArea {
float: right;
clear: right;
}
.marginalArea .cntBox { margin-bottom: 25px; clear: both;}
/* stage basic v1.5 template */
.cntStage {
margin-bottom:15px;
position: relative; /* cause of nested div.overlayRe or div.overlayle */
clear:both!important;
}
.cntStage h2 {padding:16px 0 0 0;}
.cntStage .lnkBox {padding:8px 0 0 0;}
div.videoButton textarea {width:99%;}
div.getAdobeL {position:absolute; bottom:0; left:0; color:#000; padding: 10px;}
div.getAdobeR {position:absolute; bottom:0; left:auto; right: 0; color:#000; padding: 10px;}
/* Overlays */
div.overlayR, div.overlayL {
position: absolute;
right:0;
top: 0;
z-index: 25;
}
div.overlayL {left:0;}
/* CMS-Backend Editor Styles / Rich Text Editor Formatiermoeglichkeiten */
/* Headlines */
.cntBox h4 { /* headline cat. 4 */
font-size: 0.85em; /* 12px; */
line-height: 1.35em; /* 18px; */
color: #000000;
}
.cntBox h3 { /* headline cat. 3 */
font-size: 1.2em; /* 14px; */
line-height: 1.35em; /* 18px; */
color: #000000;
margin: 0;
padding: 0 0 5px 0;
}
.cntBox h2 { /* headline cat. 3 */padding: 0 0 11px 0;}
.col8.cntBox h2 { /* headline cat. 3 */padding: 0 0 11px 0;}
h1.underline, h2.underline, h3.underline, h4.underline, h5.underline { /* headlines underlined */
text-decoration: underline!important;
margin-bottom: 10px;
}
/* extra styles for the 2 line light/bold headline style */
h1 span, h2 span, h3 span, h4 span, h5 span, h6 span {
font-weight: lighter;
font-size: 75%;
}
.bold {font-weight: bold;}
strong {} /* Bold */
sub {} /* Tiefstellen */
sup {} /* Hochstellen */
/* Dividing Line */
hr {
width: 100%;
background-color: transparent;
height: 1px;
font-size: 1px;
padding: 0;
margin: 5px 0 5px 0;
border: 0;
border-bottom: 1px solid #c3c3c4;
clear: both;
overflow: hidden;
}
div.imgBoxTop .txtSection hr {
margin: 5px 0 10px 0;
}
/* Text */
/* Linkanchors & Buttons */
/* --- Tables --- */
table {
border: 0;
margin: 0;
padding: 0;
border-collapse: collapse;
}
table caption {
font: normal 15px Arial;
vertical-align: text-bottom;
text-align: left;
color: #808285;
margin-bottom: 10px;
}
table.cntTableDefault, table.cntTableDefault th, table.cntTableDefault td {
/* font: 12px/15px Arial; */
font:0.94em/1.2em Arial;
margin: 0;
}
thead tr td, thead tr td {background-color: #e1e1e2!important;}
table.cntTableDefault thead tr td, table.cntTableDefault thead tr th {
background-color: #e1e1e2!important;
text-align: left;
font-weight: bold;
}
table.cntTableDefault thead.even tr th.even, table.cntTableDefault thead tr th.even {background-color: #c3c3c4!important;}
tfoot tr td {background-color: transparent!important;}
table tbody tr td.even, col.even {background-color: #e1e1e2; /* Bosch Grau 25 */}
table thead tr th {background-color: #e1e1e2; /* Bosch Grau 25 */}
table thead tr th.even {background-color: #c3c3c4; /* Bosch Grau 50 */}
tbody tr:hover td,
tbody tr.iehover td {background-color: #e1e1e2; }
tbody tr:hover td.even,
tbody tr.iehover td.even {background-color: #c3c3c4;}
tbody tr.noHover:hover td,
tbody tr.noHover td,
tfoot tr:hover td,
tfoot tr td {background-color: #fff!important;}
tbody tr.noHover:hover td.even,
tbody tr.noHover td.even {background-color: #e1e1e2!important;}
/* bottom line for content cells */
table.lineStyle1 tbody td, table.lineStyle1 th, table tbody td.lineStyle1 {border-bottom: 1px solid #c3c3c4;}
tfoot tr td, tfoot tr td,
tfoot.even tr td, tfoot.odd tr td {
background-color: transparent!important;
background: none;
background-color: #fff;
}
div.tblComment {margin-top: 10px;}
table.w100 {width: 100%;}
table.w70 {width: 70%;}
table.w50 {width: 50%;}
table thead th, table tbody td, table td {
padding: 10px;
vertical-align: top;
}
table.lineStyle1.wthPdg td {
padding: 10px 0 10px 0;
}
table.noIndent thead th, table.noIndent tbody td {
padding: 10px 10px 10px 0;
}
table thead th p, table tbody td p{
margin:0;
padding: 0;
}
table.smallFont, table.smallTable td {
font: 11px/14px Arial;
margin: 0;
}
table.smallTable td {
padding: 5px;
}
table.lineStyle1 {
margin:0 0 15px;
}
.world table.lineStyle1 {
margin-bottom: -1px;
}
table.lineStyle1 ul.relatedItems {
padding: 0px!important;
margin: 0px!important;
}
table.state {
border-top: 1px solid #C3C3C4;
}
td.cntr {
text-align: center;
}
td.cntr a.locArrow {
float:none; display:inline;
}
div.paginatorDefault {
font-size: 12px;
margin: 0 0 8px 0;
}
div.paginatorDefault a {
color: #808285;
text-decoration: none;
font-weight: bold;
padding: 1px 6px;
margin-right: 0!important;
}
.paginatorDefault a.selected,
.paginatorDefault a:hover {
background-color: #f1f1f1;
/* round me corners */
-moz-border-radius:3px; /* Firefox */
-webkit-border-radius:3px; /* Safari and chrome */
-khtml-border-radius:3px; /* Linux browsers */
border-radius:3px; /* CSS3 */
}
.paginatorDefault a.inactive {cursor: default; color: #c3c3c4;}
/* --- Forms --- */
button, a.btn {
border: 0;
width: auto;
overflow: visible;
text-decoration: none;
}
button.btn, a.btn {
background: url(/media/_tech/layout/images/btns/cntbtnbluebg_sprite.png) 0 0 no-repeat;
padding: 0 0 2px 3px;
height: 22px;
margin-bottom: 5px;
margin-right: 10px;
cursor: pointer;
}
button.btn span, a.btn span {
background: url(/media/_tech/layout/images/btns/cntbtnbluebgend_sprite.png) 100% 0 no-repeat;
color: #fff!important;
padding: 2px 6px 0px 0px;
height: 21px;
font: bold 12px/17px Arial;
display: block;
position: relative;
top: -1px;
white-space: nowrap;
width: 100%;
}
button.btnSubmit {background: url(/media/_tech/layout/images/btns/cntbtnbluebg_sprite.png) 0 0 no-repeat;}
button.btnSubmit span {
background: url(/media/_tech/layout/images/btns/cntbtnbluebgend_sprite.png) 100% 0 no-repeat;
color: #fff;
}
button.btnGray, a.btnGray {background: url(/media/_tech/layout/images/btns/cntbtngraybg_sprite.png) 0 0 no-repeat;}
button.btnGray span, a.btnGray span {
background: url(/media/_tech/layout/images/btns/cntbtngraybgend_sprite.png) 100% 0 no-repeat;
color: #fff;
}
button.btnWhite, a.btnWhite {background: url(/media/_tech/layout/images/btns/cntbtnwhtebg_sprite.png) 0 0 no-repeat;}
button.btnWhite span, a.btnWhite span {
background: url(/media/_tech/layout/images/btns/cntbtnwhtebgend_sprite.png) 100% 0 no-repeat;
color: #000!important;
}
button.btn:hover, a.btn:hover {background-position: 0 -23px;}
button.btn:hover span, a.btn:hover span {background-position: 100% -23px;}
a.btn {float: left; height: 20px; padding-left: 8px; clear: both;}
a.btn span {position: static; padding-right: 5px;}
/* siteSearchbox within mainNavigation */
/* searchBox */
.mainNavWrapper div.searchBoxMain, .mainNavWrapper2 div.searchBoxMain {
float: right;
margin: 4px 6px 1px 1px;
padding: 0 0 1px 0;
border: 1px solid #036;
position: relative;
height: 18px;
}
div.searchBoxMain form {
margin: 0;
padding: 0;
border: none;
margin: auto;
}
div.searchBoxMain input.searchTopic {
color:#999999;
background: #fff url(/media/_tech/layout/images/backgrounds/bg_searchinput.gif) 0 0 no-repeat;
font-size: 11px;
line-height: 11px;
border: 0;
width: 123px;
margin: 0;
padding: 3px 0 3px 3px;
float: left;
}
div.searchBoxMain input.btnSubmit {
float: left;
border: 0;
margin: 1px 1px 0 0;
}
/* generic Forms */
.cntFormDefault .close {margin: 10px 10px 0}
div.cntFormDefault h3 {padding-top: 5px; padding-bottom: 0;}
div.cntFormDefault {
position: relative;
clear: both;
background-color: #f1f1f1;
color: #404245;
border: 1px solid #c3c3c4!important;
font-weight: bold;
font-size: 1em;
}
.grid6 .cntFormDefault,
.grid8 .cntFormDefault,
.grid10 .cntFormDefault,
.grid12 .cntFormDefault {font-size: 0.88em;}
div.cntFormDefault form {
padding: 10px;
}
div.cntFormDefault hr {
width: 100%;
background-color: transparent;
height: 1px;
font-size: 1px;
padding: 0;
margin: 5px 0 10px 0;
border: 0;
border-bottom: 1px solid #c3c3c4;
clear: both;
overflow: hidden;
}
div.cntFormDefault form span.legend {
width: 160px;
float: left;
display: inline-block;
margin: auto;
margin: 0px 10px 8px 0;
padding: 0;
}
div.cntFormDefault form label {
float: left;
margin-right: 10px;
font-weight: normal;
}
div.cntFormDefault form ul.relatedItems li {padding-left:0!important;}
.eventFilter #eventStateFilter {width:200px;}
.contentArea .eventFilter label {width: 105px;}
.contentArea .eventFilter label input {margin-right: 10px;}
.contentArea .eventFilter form span.legend {width: 108px;}
.wrapH100 {
float: right;
position: relative;
display: inline-block;
vertical-align: middle;
margin: auto;
min-height: 100%;
height:auto !important;
height:35px; /* IE */
}
#subMenu div.cntFormDefault .relatedItems {font-size: 0.8em; /* 12px */}
input.w100 {width: 95%; margin-bottom: 15px; padding: 1px 4px;}
select.w100 {width: 100%; margin-bottom: 15px; padding: 0 0 0 3px;}
/* --- Teaser --- */
.tsrBoxL, .tsrBoxR {
background: #c3c3c4;
color: #fff;
margin: 0 0 20px 0;
overflow: hidden;
}
.cntWrapper .tsrBoxL,
.cntWrapper .tsrBoxR,
.cntWrapper .cntBox {margin-bottom: 9px!important;}
div.contentArea .tsrBoxL, div.contentArea .tsrBoxR {
margin-left: 10px;
float: left;
}
.tsrBoxR .imgSection {
float: right;
width: 62px!important;
margin-right:0;
overflow: hidden;
}
#subMenu .tsrBoxR .imgSection {
float: right;
width: 62px!important;
right:0;
top:0;
overflow: hidden;
margin-left: 10px;
}
.tsrBoxR h3,
.tsrBoxL h3 { padding-bottom: 5px; padding-top:3px;}
tsrBoxL.col4.bgYellowGreen .txtSection {
padding:10px 10px 5px 0px!important;
}
.tsrBoxR .txtSection {
width: auto;
padding: 10px;
overflow: hidden;
}
.tsrBoxL .imgSection {
float: left;
width: 62px;
overflow: hidden;
margin-right: 10px;
}
.tsrBoxL .txtSection {
padding-top: 10px;
padding-right: 10px;
padding-left: 0;
overflow: hidden;
}
.tsrBoxL.col4.bgYellowGreen .txtSection {
padding:10px 10px 5px 0 !important;
}
.overlapTopL, .overlapBtmL,
.overlapTopR, .overlapBtmR {overflow: visible; position: relative;}
.overlapTopL .imgSection, .overlapTopR .imgSection {position: relative; top: -10px!important; margin-left:0px!important}
.overlapBtmL .imgSection, .overlapBtmR .imgSection {position: absolute; top: auto!important; bottom: -10px;}
.overlapBtmL .txtSection {padding-left: 72px;}
#subMenu .overlapBtmL .txtSection {position: relative; left: 72px; padding-left: 0;}
.overlapBtmR .imgSection {right: 0;}
.overlapBtmR .txtSection {padding-right: 72px;}
.grid4 .col4.overlapTopL, .grid4 .col4.overlapBtmL,
.grid4 .col4.overlapTopR, .grid4 .col4.overlapBtmR {clear: both;} /* fix for firefox overlapping boxes in full grid columns*/
#subMenu .tsrBoxL .txtSection {width: 141px;}
.tsrBoxL .imgSection .imgSofter {
display: block;
z-index: 15;
width: 10px;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
.tsrBoxR .imgSection .imgSofter {
display: block;
z-index: 15;
width: 10px;
height: 100%;
position: absolute;
top: 0;
right: 0;
}
.overlapBtmR .imgSection .imgSofter,.overlapBtmL .imgSection .imgSofter {top: auto; bottom: 10px;}
.overlapTopR .imgSection .imgSofter, .overlapTopL .imgSection .imgSofter {top: 10px;}
.tsrBoxL .txtSection, .tsrBoxR .txtSection {padding-bottom: 5px;}
.tsrBoxL .txtSection p, .tsrBoxR .txtSection p {
padding-top: 5px;
padding-bottom: 5px;
}
html body div#subMenu div.cntFormDefault {
width: 226px;
}
.tsrBoxL .txtSection ul.relatedItems,
#subMenu .eventFilter ul.relatedItems {
list-style-type: none;
list-style: none;
margin: auto!important;
margin-left: 0!important;
padding-left: 0!important;
padding-top: 0;
}
.eventFilter .relatedLnk {
display:inline;
position: relative;
left: 10px;
}
#subMenu .eventFilter .relatedLnk {display:inline; position: relative; left: 0px;}
.tsrBoxL .txtSection ul.relatedItems li,
.tsrBoxR .txtSection ul.relatedItems li {
list-style-type: none;
list-style: none;
margin: 0;
padding-left: 0;
}
/* --- navigations --- */
/* Metanavigation in header */
#header #navMeta {
color: #DCDCDC;
clear: both;
font: 11px normal Arial, sans-serif ;
margin: 0 0 0 -5px;
padding: 0 0 0 0;
}
#header #navMeta li {
display: inline;
float: left;
padding: 0 0 0 10px;
background-image: none!important;
}
#header #navMeta a.relatedLnk {
background-image: url();
font: normal 11px/13px Arial!important;
padding: 2px 5px;
}
/* main navigation */
.mainNavWrapper {
background-color: #06406F;
background-image: url(/media/_tech/layout/images/backgrounds/mainmenu/bgnavimain.png)!important;
background-repeat: repeat-x;
background-position: 0 0;
overflow: visible;
color: #fff;
padding:0;
margin: 0 10px 10px 10px;
min-height: 30px;
clear: both;
position: relative;
z-index: 1000;
}
.mainNavWrapper2 {
background-color: #06406F;
background-image: url(/media/_tech/layout/images/backgrounds/mainmenu/bgnavimain.png)!important;
background-repeat: repeat-x;
background-position: 0 0;
overflow: visible;
color: #fff;
margin: 0 10px 10px 10px;
padding:0;
min-height: 45px;
position: relative;
z-index: 1000;
}
.mainNavWrapper .clear,
.mainNavWrapper2 .clear {height: 0;}
ul#mainNav {
margin: 0;
padding: 0px;
width: 810px;
float: left;
}
ul#mainNav li {
margin: 0;
padding: 0;
float: left;
list-style: none;
background: transparent url(/media/_tech/layout/images/backgrounds/navseparator.gif) 100% 0 no-repeat;
padding: 0 10px;
position: relative;
}
.mainNavWrapper2 ul#mainNav li {padding: 0 10px; /*8px 10px 7px 10px;*/}
ul#mainNav li a {
color: #fff;
text-decoration: none;
font: bold 12px/21px Arial, sans-serif!important;
padding: 5px 0 4px;
display: block!important;
display: inline-block;
width: auto;
}
.mainNavWrapper2 ul#mainNav li a {
font-weight:bold!important;
height:auto!important;
height: 41px;
line-height: 18px!important;
padding-top: 4px;
padding-bottom: 0;
min-height: 41px;
display: block!important;
display: inline-block;
width: auto;
}
ul#mainNav li a:hover {color: #fff;}
.mainNavWrapper ul#mainNav li a.more,
.mainNavWrapper2 ul#mainNav li a.more {
background: transparent url(/media/_tech/layout/images/icons/lnkstyles/lnkstylecntlink_bottom_sprite_newie9.png) 100% -87px no-repeat;
padding-right: 12px;
margin-right: 2px;
overflow: visible;
}
.mainNavWrapper2 ul#mainNav li a.more {
background: transparent url(/media/_tech/layout/images/icons/lnkstyles/lnkstylecntlink_bottom_sprite_newie9.png) 100% -90px no-repeat;
}
.mainNavWrapper2 ul#mainNav li a.more2ndLine {
background: transparent url(/media/_tech/layout/images/icons/lnkstyles/lnkstylecntlink_bottom_sprite_new.gif) 100% -72px no-repeat;
padding-right: 12px;
}
ul#mainNav li.active, ul#mainNav li:hover, ul#mainNav li.iehover {
background: url(/media/_tech/layout/images/backgrounds/mainmenu/bgnavimaininv.png) 100% 0 repeat;
color: #036!important;
position: relative;
border-left: 1px solid #003B6A;
margin-left: -2px;
padding-left: 11px;
}
ul#mainNav li:first-child.active, ul#mainNav li:first-child:hover, ul#mainNav li:first-child.iehover {
border-left: 1px solid #fff;
}
ul#mainNav li.active a, ul#mainNav li:hover a, ul#mainNav li.iehover a, ul#mainNav li a:hover {color: #003b6a;}
.mainNavWrapper ul#mainNav li.active a.more,
.mainNavWrapper ul#mainNav li:hover a.more,
.mainNavWrapper ul#mainNav li.iehover a.more {background-position: 100% -37px;}
.mainNavWrapper2 ul#mainNav li.active a.more,
.mainNavWrapper2 ul#mainNav li:hover a.more,
.mainNavWrapper2 ul#mainNav li.iehover a.more {background-position: 100% -40px;}
.mainNavWrapper2 ul#mainNav li.active a.more2ndLine,
.mainNavWrapper2 ul#mainNav li:hover a.more2ndLine,
.mainNavWrapper2 ul#mainNav li.iehover a.more2ndLine {
background: transparent url(/media/_tech/layout/images/icons/lnkstyles/lnkstylecntlink_bottom_sprite_new.gif) 100% -22px no-repeat;
}
/*Level2 start*/
ul#mainNav li ul {
display: none;
position: absolute;
top: 34px;
left: -10px;
background: transparent url(/media/_tech/layout/images/backgrounds/mainmenu/bgnavimainsub.png) 0 100% no-repeat;
width: 235px;
margin: 0;
padding:17px 10px 31px;
z-index: 1000;
}
.mainNavWrapper ul#mainNav li ul {
top: 30px;
}
.mainNavWrapper2 ul#mainNav li ul {top: 45px;}
ul#mainNav li:hover ul, ul#mainNav li.iehover ul {display: block;}
ul#mainNav li ul li,
ul#mainNav li ul li.active,
ul#mainNav li ul li:hover,
ul#mainNav li ul li.iehover {
float: none;
display: block;
background: transparent none!important;
clear: both;
margin: 0;
padding: 0px 10px!important;
margin: 0;
border: 0!important;
}
#mainNav li ul li a:hover {
display: block;
background-color: #f1f1f1;
/* round me corners */
-moz-border-radius:5px; /* Firefox */
-webkit-border-radius:5px; /* Safari and chrome */
-khtml-border-radius:5px; /* Linux browsers */
border-radius:5px; /* CSS3 */
}
ul#mainNav li ul li a {
font-weight: bold!important;
padding: 4px 10px 5px 15px!important;
display: block;
background-image: url(/media/_tech/layout/images/icons/lnkstyles/lnkstylesubnavidefault.png);
background-repeat: no-repeat;
background-position: 5px 9px;
line-height: 15px!important;
color: #404245!important;
min-height: 0!important;
height:auto!important;
}
ul#mainNav li ul li.active a {font-weight: bold!important;}
/* submenu / stack-navigation on left */
#subMenu {
float: left;
width: 228px;
overflow: hidden;
padding: 9px 2px 0 0;
border: none;
margin: -9px 0 0 10px;
}
div#subMenu ul.navSub {
margin-top: 5px;
}
#subMenu ul.navSub:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 40px;
}
#subMenu ul.navSub,
#subMenu ul.navSub ul {
margin: 0;
padding: 0;
overflow: visible;
font: normal 12px/15px Arial, sans-serif ;
}
#subMenu ul.navSub li {
list-style: none;
margin: 1px 0 0;
padding: 0;
}
#subMenu ul.navSub li.activePath a, #subMenu ul.navSub a.activePath {
font-weight: bold;
/* round corners */
-moz-border-radius:5px; /* Firefox */
-webkit-border-radius:5px; /* Safari and chrome */
-khtml-border-radius:5px; /* Linux browsers */
border-radius:5px; /* CSS3 */
}
#subMenu ul.navSub li a:hover {
display: block;
background-color: #f1f1f1;
/* round corners */
-moz-border-radius:5px; /* Firefox */
-webkit-border-radius:5px; /* Safari and chrome */
-khtml-border-radius:5px; /* Linux browsers */
border-radius:5px; /* CSS3 */
}
#subMenu ul.navSub li a.selected {
font-weight: bold;
background-color: #DFDFDF!important;
/* round corners */
-moz-border-radius:5px; /* Firefox */
-webkit-border-radius:5px; /* Safari and chrome */
-khtml-border-radius:5px; /* Linux browsers */
border-radius:5px; /* CSS3 */
}
#subMenu ul.navSub li a {
color: #404245;
font-weight: bold;
text-decoration: none;
background: url(/media/_tech/layout/images/icons/lnkstyles/lnkstylesubnavidefault.png) no-repeat 16px 11px;
padding: 5px 0 5px 26px;
overflow: visible;
display: block;
line-height:16px;
}
#subMenu ul.navSub li li li a {
color: #404245;
font-weight: bold;
text-decoration: none;
background: url(/media/_tech/layout/images/icons/lnkstyles/lnkstylesubnavidefault.png) no-repeat 29px 10px;
padding: 5px 0 5px 39px;
overflow: visible;
display: block;
line-height:15px;
}
#subMenu ul.navSub a.lftArrow {
color: #000;
background: url(/media/_tech/layout/images/icons/lnkstyles/lnkstylesubnavidefaultbck_black.png) no-repeat 7px 11px;
padding-left: 17px;
}
#subMenu ul.navSub a.activePath {
background:url("/media/_tech/layout/images/icons/lnkstyles/lnkstylesubnaviselected.png") no-repeat 5px 13px transparent;
padding-left:17px;
}
#subMenu ul.navSub li li a.activePath {
background: url(/media/_tech/layout/images/icons/lnkstyles/lnkstylesubnaviselected.png) no-repeat 17px 13px;
padding-left: 29px;
}
/* --- master 2nd part --- */
/* content anchor links */
ul.relatedItems {
margin: 0;
padding: 5px 0 0 0;
list-style: none;
overflow: visible;
}
ul.relatedItems li {
list-style: none;
margin: 0;
padding: 0;
overflow: hidden;
}
ul.relatedItems li button.btn, ul.relatedItems li a.btn {
margin-bottom:5px;
margin-top:5px;
}
ul.relatedItems li a.relatedPdf {
padding:0 0 2px 16px;
background:url("/media/_tech/layout/images/icons/ico_document_sprite.gif") no-repeat 0 0 transparent;
margin:3px 0 1px;
}
ul.relatedItems li a.relatedPdf:hover {color: #003b6a; background-position: 0 -50px}
.workingplace {
padding:0 0 10px 10px;
}
h3.toggle,
a.relatedLnk,
a.relatedPdf,
a.relatedMail,
a.relatedShare,
a.relatedStar,
a.locArrow {
background: url(/media/_tech/layout/images/icons/lnkstyles/lnkstylecntlink_sprite.gif) no-repeat 0px 5px;
padding: 0px 0px 0px 9px; /* Top Right Bottom Left */
margin: 0 0 0 0; /* Top Right Bottom Left */
overflow: visible;
/* font-weight: bold!important; */
display: block;
color: #215f8b;
text-decoration: none;
/* clear: both;*/
float: left;
line-height:15px;
}
h3.toggle:hover,
a.relatedLnk:hover,
a.relatedPdf:hover,
a.relatedMail:hover,
a.relatedShare:hover,
a.relatedStar:hover,
a.locArrow:hover {color: #003b6a; background-position: 0 -45px}
a.relatedLnk.small {
background-position: 0px 4px!important;
}
a.relatedLnk.small:hover {
background-position: 0px 4px!important;
}
a.relatedLnk.verysmall {
background-position: 0px 3px!important;
}
a.relatedLnk.verysmall:hover {
background-position: 0px 3px!important;
}
h3.toggle {padding-left: 11px;}
.col2 h3.toggle {background-position: 0px 5px;}
.col3 h3.toggle {background-position: 0px 5px;}
.col4 h3.toggle {background-position: 0px 5px;}
.col4.eventFilter a.relatedLnk {
background: url(/media/_tech/layout/images/icons/lnkstyles/lnkstylecntlink_b1.gif) no-repeat 0px 4px transparent;
}
.col2 a.relatedLnk,
.col3 a.relatedLnk,
.col4 a.relatedLnk {
background: url(/media/_tech/layout/images/icons/lnkstyles/lnkstylecntlink_b1.gif) no-repeat 0px 5px transparent;
}
.col5 a.relatedLnk, .col6 a.relatedLnk, .col7 a.relatedLnk, .col8 a.relatedLnk, .col12 a.relatedLnk, .col16 a.relatedLnk {
background: url(/media/_tech/layout/images/icons/lnkstyles/lnkstylecntlink_b1.gif) no-repeat 0px 6px transparent;
line-height:normal;
}
.col2 h3.toggle:hover, .col2 a.relatedLnk:hover {background-position: 0px -45px;}
.col3 h3.toggle:hover, .col3 a.relatedLnk:hover {background-position: 0px -45px;}
.col4 h3.toggle:hover, .col4 a.relatedLnk:hover {background-position: 0px -45px;}
.col4.eventFilter a.relatedLnk:hover {
background: url(/media/_tech/layout/images/icons/lnkstyles/lnkstylecntlink_b2.gif) no-repeat 0px 4px transparent;
}
.col2 a.relatedLnk:hover,
.col3 a.relatedLnk:hover,
.col4 a.relatedLnk:hover {
background: url(/media/_tech/layout/images/icons/lnkstyles/lnkstylecntlink_b2.gif) no-repeat 0px 5px transparent;
}
.col5 a.relatedLnk:hover, .col6 a.relatedLnk:hover, .col7 a.relatedLnk:hover, .col8 a.relatedLnk:hover, .col12 a.relatedLnk:hover, .col16 a.relatedLnk:hover {
background: url(/media/_tech/layout/images/icons/lnkstyles/lnkstylecntlink_b2.gif) no-repeat 0px 6px transparent;
}
.inlineLnk .relatedLnk,
.inlineLnk .relatedPdf {
display:inline;
float:none;
}
a.relatedMail {
background: url(/media/_tech/layout/images/icons/ico_contactletter_sprite.gif) no-repeat 0px 3px;
padding: 0px 0px 0px 22px; /* Top Right Bottom Left */
}
a.relatedMail:hover {background-position: 0px -47px}
a.relatedPdf {
background: url(/media/_tech/layout/images/icons/ico_document_sprite.gif) no-repeat 5px 0px;
padding: 0px 0px 0px 22px; /* Top Right Bottom Left */
}
a.relatedPdf:hover {background-position: 5px -50px}
a.relatedShare {
background: url(/media/_tech/layout/images/icons/ico_sendfriend_sprite.gif) no-repeat 0px 3px;
padding: 0px 0px 0px 22px; /* Top Right Bottom Left */
}
a.relatedShare:hover {background-position: 0px -47px}
a.relatedStar {
background: url(/media/_tech/layout/images/icons/ico_star_sprite.gif) no-repeat 4px 2px;
padding: 0px 0px 0px 22px; /* Top Right Bottom Left */
}
a.relatedStar:hover {background-position: 4px -49px}
a.locArrow {
background: url(/media/_tech/layout/images/icons/ico_arrow_sprite.gif) no-repeat 0px 0px;
padding: 5px 11px;
}
a.locArrow:hover {background-position: 0 -28px}
/* related Icons in Universalbox and Stage */
.universalBox ul.relatedItems li, .stageCntMain .txtSection ul.relatedItems li {
line-height: 20px;
}
.universalBox ul.relatedItems li a, .stageCntMain .txtSection ul.relatedItems li a {
line-height: inherit;
}
.universalBox .txtSection.col5 ul.relatedItems li a.relatedLnk {
background: url(/media/_tech/layout/images/icons/lnkstyles/lnkstylecntlink_b1.gif) no-repeat 0px 8px transparent;
}
.universalBox .txtSection.col5 ul.relatedItems li a.relatedLnk:hover {
background: url(/media/_tech/layout/images/icons/lnkstyles/lnkstylecntlink_b2.gif) no-repeat 0px 8px transparent;
}
.universalBox ul.relatedItems li a.relatedLnk,
.bgTransWhte80 .txtSection ul.relatedItems li a.relatedLnk {
background: url(/media/_tech/layout/images/icons/lnkstyles/lnkstylecntlink_b1.gif) no-repeat 0px 7px transparent;
}
.universalBox ul.relatedItems li a.relatedLnk:hover,
.bgTransWhte80 .txtSection ul.relatedItems li a.relatedLnk:hover {
background: url(/media/_tech/layout/images/icons/lnkstyles/lnkstylecntlink_b2.gif) no-repeat 0px 7px transparent;
}
.bgTransBBlue75 .txtSection ul.relatedItems li a.relatedLnk {
background: url(/media/_tech/layout/images/icons/lnkstyles/lnkstylecntlink_g1.gif) no-repeat 0px 7px transparent;
}
.bgTransBBlue75 .txtSection ul.relatedItems li a.relatedLnk:hover {
background: url(/media/_tech/layout/images/icons/lnkstyles/lnkstylecntlink_g2.gif) no-repeat 0px 7px transparent;
color: #e1e1e2!important;
}
.universalBox ul.relatedItems li a.relatedMail,
.bgTransWhte80 .txtSection ul.relatedItems li a.relatedMail {
background-position:0px 4px;
padding:0 0 0 21px;
}
.universalBox ul.relatedItems li a.relatedMail:hover,
.bgTransWhte80 .txtSection ul.relatedItems li a.relatedMail:hover {
background-position:0px -46px;
}
.bgTransBBlue75 .txtSection ul.relatedItems li a.relatedMail {
background-position:0px -96px;
padding:0 0 0 21px;
}
.bgTransBBlue75 .txtSection ul.relatedItems li a.relatedMail:hover{
background-position:0px -146px;
color: #e1e1e2!important;
}
.universalBox ul.relatedItems li a.relatedPdf,
.bgTransWhte80 .txtSection ul.relatedItems li a.relatedPdf {
margin:0;
background-position:0px 2px;
padding: 0 0 0 16px;
}
.universalBox ul.relatedItems li a.relatedPdf:hover,
.bgTransWhte80 .txtSection ul.relatedItems li a.relatedPdf:hover {
background-position:0px -48px;
}
.bgTransBBlue75 .txtSection ul.relatedItems li a.relatedPdf {
margin:0;
background-position:0px -97px;
padding: 0 0 0 16px;
}
.bgTransBBlue75 .txtSection ul.relatedItems li a.relatedPdf:hover {
background-position:0px -147px;
color: #e1e1e2!important;
}
.universalBox ul.relatedItems li button.btn,
.universalBox ul.relatedItems li a.btn,
.bgTransBBlue75 .txtSection ul.relatedItems li button.btn,
.bgTransBBlue75 .txtSection ul.relatedItems li a.btn,
.bgTransWhte80 .txtSection ul.relatedItems li button.btn,
.bgTransWhte80 .txtSection ul.relatedItems li a.btn {
margin-top:2px;
}
/* Icons and Buttons Stage */
/*.bgTransBBlue75 a.relatedMail {
background: url(/media/_tech/layout/images/icons/ico_contactletter_sprite.gif) no-repeat 0 -99px;
padding: 0px 0px 0px 20px;
}
.bgTransBBlue75 a.relatedMail:hover {background-position: 0 -149px; color:#e1e1e2!important}
.bgTransBBlue75 ul.relatedItems li a.relatedPdf {
background: url(/media/_tech/layout/images/icons/ico_document_sprite.gif) no-repeat 0 -100px;
padding: 0px 0px 1px 16px;
}
.bgTransBBlue75 ul.relatedItems li a.relatedPdf:hover {background-position: 0 -150px; color:#e1e1e2!important}
.bgTransBBlue75 a.relatedLnk {
background: url(/media/_tech/layout/images/icons/lnkstyles/lnkstylecntlink_sprite.gif) no-repeat 0 -96px;
}
.bgTransBBlue75 a.relatedLnk:hover {background-position: 0 -146px; color:#e1e1e2!important}
.bgTransBBlue75 .txtSection ul li {
padding: 0 0 5px 0;
} */
.txtSection p {margin-bottom:0; padding-bottom: 10px; line-height:15px; }
/* CONTENT LISTS DEFAULT \*/
.txtSection ul {padding: 0 15px 15px 0;/* was 0 15px 15px 40px*/}
ol {margin: 0; padding: 0 0 10px 0; list-style-position: inside}
ol li {padding: 0; list-style-position: inside; line-height:24px;}
ul.bullet, ul.dash {
list-style-type: none;
margin: 0 0 0 0;
padding: 0 0 10px 0;
clear: both;
}
ul.bullet li, ul.dash li {
background-image: url(/media/_tech/layout/images/icons/ico_bullet.gif);
clear: both;
background-repeat: no-repeat;
background-position: 0 10px;
padding: 0 0 0 10px;
line-height: 24px
}
ul.bullet li, ul.dash li {
background-image: url(/media/_tech/layout/images/icons/ico_bullet.gif);
clear: both;
background-repeat: no-repeat;
background-position: 0 10px;
padding: 0 0 0 10px;
line-height: 24px
}
.col3 ul.bullet li, .col3 ul.dash li, .col4 ul.bullet li, .col4 ul.dash li {
line-height: 20px;
background-position: 0 8px;
}
.col3 ol li, .col4 ol li {
line-height: 20px;
}
ul.dash li {
background-image: url(/media/_tech/layout/images/icons/ico_dash.gif);
}
/* image boxes */
.imgSection {position: relative;}
.imgSection .disturber {
position: absolute;
top: 10px;
left:0;
padding: 5px;
margin: 0px;
overflow: hidden;
}
div.imgBoxLeft.grey .disturber,
div.imgBoxLeft.inverse .disturber { top: 20px; left: 10px;}
div.imgBoxLeft .imgSection {
margin: auto; /* needed for correct paddings in ff & saf */
padding-bottom: 15px;
display: inline;
float: left;
}
div.imgBoxLeft .imgSection p {
padding-bottom: 0!important;
}
div.imgBoxLeft .txtSection {
margin: -4px auto auto; /* needed for correct paddings in ff & saf */
padding: 1px 0 1px 0;
float: none;
}
div.imgBoxLeft.grey h2, div.imgBoxLeft.grey h3, div.imgBoxLeft.inverse h2, div.imgBoxLeft.inverse h3 { padding: 10px 0 5px 10px;}
div.imgBoxLeft.grey .txtSection h2, div.imgBoxLeft.grey .txtSection h3,
div.imgBoxLeft.inverse .txtSection h2, div.imgBoxLeft.inverse .txtSection h3 { padding-left: 0; padding-top: 0;}
div.imgBoxLeft.grey .imgSection,
div.imgBoxLeft.inverse .imgSection {padding: 10px 10px 10px 10px;}
div.col3.imgBoxLeft .txtSection,
div.col4.imgBoxLeft .txtSection { margin-left: 62px; }
div.col6.imgBoxLeft .txtSection { margin-left: 124px; }
div.col8.imgBoxLeft .txtSection { margin-left: 186px; }
div.col12.imgBoxLeft .txtSection { margin-left: 248px; }
div.col16.imgBoxLeft .txtSection { margin-left: 372px; }
div.col4.imgBoxLeft .imgSection { width: 52px; }
div.col6.imgBoxLeft .imgSection { width: 114px; }
div.col8.imgBoxLeft .imgSection { width: 176px; }
div.col12.imgBoxLeft .imgSection { width: 238px; }
div.col16.imgBoxLeft .imgSection { width: 362px; }
div.imgBoxRight .imgSection {
display: inline-block;
float: right;
}
div.imgBoxRight .txtSection {
padding: 0 0 1px 0;
float: none;
margin-top: -4px;
}
div.imgBoxRight.grey .imgSection,
div.imgBoxRight.inverse .imgSection {
padding: 10px 10px 2px 10px;
}
div.col3.imgBoxRight .txtSection,
div.col4.imgBoxRight .txtSection { margin-right: 62px; }
div.col6.imgBoxRight .txtSection { margin-right: 124px; }
div.col8.imgBoxRight .txtSection { margin-right: 186px; }
div.col12.imgBoxRight .txtSection { margin-right: 248px; }
div.col16.imgBoxRight .txtSection { margin-right: 372px; }
div.imgBoxTop .imgSection {
display: block;
float: none;
clear: both;
}
div.imgBoxTop .txtSection {padding: 10px 0 1px 0;}
.grey .txtSection,
.inverse .txtSection,
.blue .txtSection,
.red .txtSection,
.bgYellowGreen .txtSection,
.bgGreyDark .txtSection,
.bgRed .txtSection {padding: 10px 10px 0 10px!important;}
.cntBox .imgSection .bgYellowGreen {color: #fff;}
#subMenu .cntBox {margin-left: 0;}
/* Template Stage */
.templateStage {
background-color:#c3c3c4;
overflow:hidden;
}
.templateStage .imgSection {
position:absolute;
left:0px
}
.templateStage div.overlayL {
position:relative;
float:left;
}
.templateStage div.overlayR {
position:relative;
float:right;
}
.templateStage .stageCntMain .overlayR .txtSection, .templateStage .stageCntMain .overlayL .txtSection {
min-height: inherit;
}
/* font styles allover */
.bold {font-weight: bold;}
.stageCntMain .overlayR,
.stageCntMain .overlayL {height: 100%; overflow: hidden;}
.stageCntMain .overlayR .txtSection,
.stageCntMain .overlayL .txtSection {
padding: 10px;
/* min-height: 500px; *//* not needed anymore -> set by javascript ; MF */
}
.isoPicture { border: 1px solid #c3c3c4; }
#subMenu .cntBox,
#subMenu .tsrBoxR,
#subMenu .tsrBoxL,
#subMenu .tsrBoxLext,
#subMenu .tsrBoxRext {width:228px; clear: both;}
div.imgBoxLeft .txtSection p {margin: 0px}
.imgSection p {font-size: 0.8em; line-height: 1em; min-height: 15px; height: auto!important; height: 15px; padding: 3px 0 10px 0; margin: 0;}
.imgSection p .lnkIcon {float: right;}
.lnkIcon {font-size: 0; margin-top: 3px; padding-left: 22px; padding-top: 22px; width: 0px; height: 0px; background: transparent none 0 0 no-repeat; overflow: hidden;}
.lnkIcon:hover {background-position: 0 -28px;}
.lense, .zoomin {background-image: url(/media/_tech/layout/images/icons/ico_zoomin_sprite.gif);}
.close {background-image: url(/media/_tech/layout/images/icons/ico_close_sprite.gif);}
.popup .close {background: transparent none!important;}
.bgBlue100.imgBoxTop .imgSection p,
.bgBlue75.imgBoxTop .imgSection p,
.bgBlue50.imgBoxTop .imgSection pn,
.bgBlue25.imgBoxTop .imgSection p,
.grey.imgBoxTop .imgSection p,
.bgGrey100.imgBoxTop .imgSection p,
.bgGreyDark.imgBoxTop .imgSection p,
.bgRed.imgBoxTop .imgSection p,
.bgRedBrown.imgBoxTop .imgSection p,
.inverse.imgBoxTop .imgSection p {padding-left: 10px; padding-right: 10px;}
.bgBlue100 .imgSection .lense,
.bgBlue75 .imgSection .lense,
.bgBlue50 .imgSection .lense,
.inverse .imgSection .lense {background-position: 0 -56px;}
.bgBlue100 .imgSection .lense:hover,
.bgBlue75 .imgSection .lense:hover,
.bgBlue50 .imgSection .lense:hover,
.inverse .imgSection .lense:hover {background-position: 0 0;}
/* Expandable Box */
.toggleof { padding:0 0 13px 0; }
.closed, .invisible { display:none; }
.toggle {
background: url(/media/_tech/layout/images/icons/lnkstyles/lnkstylecntlink_bottom_sprite_new.gif) 0 8px no-repeat!important;
margin: 17px 0 16px 12px!important;
cursor:pointer;
float:none!important;
}
.col6 .toggle,
.col8 .toggle,
.col10 .toggle,
.col12 .toggle {font-size: 0.88em;}
.marginalArea .toggle {margin-left: 0!important;}
.toggle:hover {color: #003b6a; background-position: 0 -44px;}
.toggledwn {background:url(/media/_tech/layout/images/icons/lnkstyles/lnkstylecntlink_sprite.gif) 2px 5px no-repeat!important;}
.toggledwn:hover {color: #003b6a; background-position: 0 -44px;}
#footerFontResize {visibility: hidden;}
.expandable .cntBox hr {/* margin-top: -5px; margin-bottom: -10px; */ margin-bottom:11px; border-color: #c3c3c4;}
.toggleof h2 { display: block; font-size: 14px; clear:both; }
.toggleof .cntBox { margin-bottom:0px!important;}
/* Events filterBar */
.filterBar.toggle {
background: transparent none!important;
padding:0px;
clear: both;
font-size: 1em!important;
}
.filterBar.toggle p{
color:#000;
cursor:auto;
}
.filterBar a.relatedLnk, .filterBar.toggle a.relatedLnk {font-size: 0.85em;}
.filterBar a.relatedLnk, .filterBar.toggle a.relatedLnk {clear: none; display: inline; padding-right: 20px; font-family:arial,sans serif;}
.filterBar #esf, .filterBar #ehf {
position:absolute;
}
.filterBar #eventResultDisplay, .filterBar #esf {
display:none;
}
/* Events */
.events {
border-collapse: collapse;
}
.events td {
border-bottom: 1px solid #aaa;
vertical-align:top;
/* padding: 0 10px; */
}
.events td p {
margin:5px;
}
/* Locations map */
.imageMap {
clear:both;
position:relative;
}
a.spot {
position:absolute;
background: transparent url(/media/_tech/layout/images/icons/lnkstyles/spot_sprite.gif) 0 0 no-repeat;
width:6px;
height:6px;
font-size:0;
line-height:0;
text-decoration:none
}
a.spot:hover, a.redspot {
background-position: 0 -50px;
}
a.spotSelected {
position:absolute;
background: #fff url(/media/_tech/layout/images/icons/lnkstyles/spot_sprite.gif) 0 -50px no-repeat;
color:#000;
text-decoration:none;
padding:0 2px 0 8px;
z-index:12000;
}
/* Sitemap */
#sitemap {
margin: 10px 0;
padding: 0;
overflow: visible;
font-size: 0.9em;
border-top: 1px solid #ccc;
}
#sitemap li {
list-style: none;
margin: 1px 0 0;
background: transparent none;
width: 238px;
float: left;
padding:6px 0;
}
#sitemap li a {
display: block;
text-decoration: none;
color: #215f8b;
font-size: 1.2em;
font-weight: bold;
background: url(/media/_tech/layout/images/icons/lnkstyles/lnkstylecntlink_sprite.gif) no-repeat 5px 15px;
padding: 10px 0px 10px 14px; /* Top Right Bottom Left */
width: 223px;
}
#sitemap a.activePath {
background: transparent url(/media/_tech/layout/images/icons/lnkstyles/lnkstylecntlink_bottom_sprite_new.gif) 5px 18px no-repeat;
background-repeat: no-repeat;
padding-left:16px
}
#sitemap ul {
margin:0 0 10px;
padding: 0;
overflow: visible;
font-size: 0.95em;
}
#sitemap ul ul {
border: 0;
margin: 0;
font-size: 1em;
}
#sitemap.sitemapList ul{
width: 238px;
}
#sitemap.sitemapList li,
#sitemap li.startpage {
border-bottom: 1px solid #ccc;
float: none;
width: 100%;
}
.sitemapList ul ul {
width: 238px;
}
#sitemap.sitemapList li li {
border:0;
}
#sitemap ul li {
list-style: none;
margin: 1px 0 0;
padding: 0;
border: 0;
}
#sitemap ul li.activePath a, #sitemap ul a.activePath {
font-weight: bold;
/* round corners */
-moz-border-radius:5px; /* Firefox */
-webkit-border-radius:5px; /* Safari and chrome */
-khtml-border-radius:5px; /* Linux browsers */
border-radius:5px; /* CSS3 */
}
#sitemap a:hover,
#sitemap ul li a:hover {
display: block;
background-color: #f1f1f1;
/* round corners */
-moz-border-radius:5px; /* Firefox */
-webkit-border-radius:5px; /* Safari and chrome */
-khtml-border-radius:5px; /* Linux browsers */
border-radius:5px; /* CSS3 */
}
#sitemap ul li a.selected {
font-weight: bold;
background-color: #DFDFDF;
/* round corners */
-moz-border-radius:5px; /* Firefox */
-webkit-border-radius:5px; /* Safari and chrome */
-khtml-border-radius:5px; /* Linux browsers */
border-radius:5px; /* CSS3 */
}
#sitemap ul li a {
margin: 0;
color: #404245;
text-decoration: none;
padding: 5px 0 5px 15px;
text-decoration: none;
font-size: 1em;
background-image: url(/media/_tech/layout/images/icons/lnkstyles/lnkstylesubnavidefault.png);
width: auto;
line-height:16px;
}
#sitemap ul li a:hover {
color: #404245;
text-decoration: none;
}
#sitemap a.lftArrow {
background-image: url(/media/_tech/layout/images/icons/lnkstyles/lnkstylesubnavidefaultbck.png);
font-weight: bold;
}
#sitemap ul a.activePath {
background-image: url(/media/_tech/layout/images/icons/lnkstyles/lnkstylesubnaviselected.png);
background-repeat: no-repeat;
}
#sitemap ul a.lvl1 {
padding-left: 26px;
background-position: 17px 11px;
}
#sitemap ul a.lvl1.activePath {background-position: 17px 13px; padding-left:29px}
#sitemap ul a.lvl2 {
padding-left: 39px;
background-position: 29px 11px;
}
#sitemap ul a.lvl2.activePath {background-position: 29px 13px; padding-left:42px}
#sitemap ul a.lvl3 {
padding-left: 52px;
background-position: 42px 11px;
}
#sitemap ul a.lvl3.activePath {background-position: 42px 13px; padding-left:55px;}
#sitemap ul a.lvl4 {
padding-left: 65px;
background-position: 55px 11px;
}
#sitemap ul a.lvl4.activePath {background-position: 55px 13px; padding-left: 67px;}
#sitemap ul a.lvl5 {
padding-left: 77px;
background-position: 67px 11px;
}
#sitemap ul a.lvl5.activePath {background-position: 67px 13px; padding-left:79px}
#sitemap ul a.lvl6 {
padding-left: 89px;
background-position: 79px 11px;
}
#sitemap ul a.lvl6.activePath {background-position: 79px 13px; padding-left: 91px;}
#sitemap ul a.lvl7 {
padding-left: 101px;
background-position: 91px 11px;
}
#sitemap ul a.lvl7.activePath {background-position: 91px 13px; padding-left: 103px;}
#sitemap ul a.lvl8 {
padding-left: 113px;
background-position: 103px 11px;
}
#sitemap ul a.lvl8.activePath {background-position: 103px 13px; padding-left: 115px;}
#sitemap ul a.lvl9 {
padding-left: 125px;
background-position: 115px 11px;
}
#sitemap ul a.lvl9.activePath {background-position: 115px 13px; padding-left: 127px;}
#sitemap ul li.activePath a {font-weight: bold;}
/* Flyoutnavigation */
ul#mainNav .dropdown .twoColFlyout { background: transparent url(/media/_tech/layout/images/backgrounds/bg_twocol.png) 0 100% no-repeat; width:493px; }
ul#mainNav .dropdown .threeColFlyout { background: transparent url(/media/_tech/layout/images/backgrounds/bg_threecol.png) 0 100% no-repeat; width:726px; }
/* Login */
ul#mainNav li.login { float:right; padding-left:0px; padding-right:0px; }
ul#mainNav li.login a { background: transparent url(/media/_tech/layout/images/backgrounds/navseparator.gif) 0 0 no-repeat; padding-left:10px; padding-right:10px; }
ul#mainNav li.login a span { background: transparent url(/media/_tech/layout/images/icons/ico_login.png) 100% 0 no-repeat; padding-right:20px; }
ul#mainNav li.login a:hover span { background: transparent url(/media/_tech/layout/images/icons/ico_login_blue.png) 100% 0 no-repeat; padding-right:20px; }
/* end of mac-msie css-comment-hack */
/* dashboard */
#wrapperAll.dashboard { margin-top: 250px; }
.dashboard #sitemap { border-top: none; margin-left: 10px;}
.dashboard #sitemap a.activePath { background: url(/media/_tech/layout/images/icons/lnkstyles/lnkstylecntlink_sprite.gif) no-repeat 5px 15px transparent;}
table.dashboard tbody tr:hover td,table.dashboard tbody tr.iehover td {background-color: #FFFFFF!important;}
/*****************************
Member of RB-Master
Name: cssthickbox
UID: cssthickbox
Author: Cody Lindley (http://www.codylindley.com) (customized)
Last change date: 12.08.2015 13:29
Time of generation: 09.02.2022 15:10
Copyright (c) 2007 cody lindley
Release version: This Website was generated with WCMS Master Version 2.2.3
Framework version: Thickbox 3.1
Summary: overlay for internal and external links (outdated)
Necessary libaries: -
*************************/
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {
font: 12px Arial, Helvetica, sans-serif;
color: #333333;
}
#TB_secondLine {
font: 10px Arial, Helvetica, sans-serif;
color:#ffffff;
}
#TB_window a:link {color: #ffffff;}
#TB_window a:visited {color: #ffffff;}
#TB_window a:hover {color: #ffffff;}
#TB_window a:active {color: #ffffff;}
#TB_window a:focus{color: #ffffff;}
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
position: fixed;
z-index:2000; /* 100 */
top: 0px;
left: 0px;
height:100%;
width:100%;
}
.TB_overlayMacFFBGHack {background: url(../../images/backgrounds/macffbghack.png) repeat;}
.TB_overlayBG {
background-color:#000;
filter:alpha(opacity=50);
-moz-opacity: 0.50;
opacity: 0.50;
}
* html #TB_overlay { /* ie6 hack */
position: absolute;
height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
#TB_window {
position: fixed;
z-index: 3000; /* 102 */
color:#000000;
display:none;
/* border: 4px solid #525252; */
text-align:left;
top:50%;
left:50%;
background-color:#fff;
}
* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}
#TB_window img#TB_Image {
display:block;
margin: 0;
padding-right:-2px;
/* border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
border-top: 1px solid #666;
border-left: 1px solid #666;*/
}
#TB_ImageDiv {
background-color: #fff;
padding:10px;
clear:both;
}
#TB_caption{
padding: 10px 0 0 10px;
float:left;
font-weight:bold;
color:#ffffff;
height:30px;
font-size:16px;
font-weight:bold;
}
#TB_closeWindow{
height:40px;
/*padding:11px 25px 10px 0;*/
float:right;
margin-right:10px;
}
* html #TB_closeWindow{
padding:7px 0 0 0;
margin-bottom:-25px;
margin-right:6px;
}
#TB_closeWindowButton {
padding: 0 10px 0 0;
}
.TB_closeWindowButton img {
padding: 10px 0 0 0;
border:0;
}
#TB_closeAjaxWindow{
padding:9px 0 5px 0;
margin-bottom:1px;
text-align:right;
float:right;
height:22px;
}
* html #TB_closeAjaxWindow{
padding:9px 10px 5px 0;
}
#TB_closeAjaxWindow img {
border:0;
}
#TB_closeAjaxWindow .TB_closeWindowButton img {
padding: 0px 10px 0 0;
border:0;
width:22px;
height:22px:
}
#TB_ajaxWindowTitle{
float:left;
padding:11px 0 5px 10px;
margin-bottom:1px;
font-weight:bold;
font-size:16px;
font-family: verdana,arial,sans serif;
}
#TB_title{
/*
background-color:#e8e8e8;
*/
background-color:#215f8b;
height:39px;
color:#ffffff;
}
#TB_title a:link,
#TB_title a:hover,
#TB_title a:visited {
color:#ffffff;
}
#TB_ajaxContent{
clear:both;
padding:2px 15px 15px 15px;
overflow:auto;
text-align:left;
line-height:1.4em;
}
#TB_ajaxContent.TB_modal{
padding:15px;
}
#TB_ajaxContent p{
padding:5px 0px 5px 0px;
}
#TB_load{
position: fixed;
display:none;
height:13px;
width:208px;
z-index:4000;
top: 50%;
left: 50%;
margin: 2 px; /* -height/2 0 0 -width/2 */
}
* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}
#TB_HideSelect{
z-index:99;
position:fixed;
top: 0;
left: 0;
background-color:#fff;
border:none;
filter:alpha(opacity=0);
-moz-opacity: 0;
opacity: 0;
height:100%;
width:100%;
}
* html #TB_HideSelect { /* ie6 hack */
position: absolute;
height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
#TB_iframeContent{
clear:both;
border:none;
margin-bottom:-1px;
margin-top:1px;
_margin-bottom:1px;
}
/* shadow */
div.fancy_bg {
position: absolute;
display: block;
z-index: 70;
border: 0;
padding: 0;
margin: 0;
}
div.fancy_bg_n {
top: -18px;
width: 100%;
height: 18px;
background: transparent url(../../images/icons/fancybox/fancy_shadow_n.png) repeat-x;
}
div.fancy_bg_ne {
top: -18px;
right: -13px;
width: 13px;
height: 18px;
background: transparent url(../../images/icons/fancybox/fancy_shadow_ne.png) no-repeat;
}
div.fancy_bg_e {
right: -13px;
height: 100%;
width: 13px;
background: transparent url(../../images/icons/fancybox/fancy_shadow_e.png) repeat-y;
}
div.fancy_bg_se {
bottom: -18px;
right: -13px;
width: 13px;
height: 18px;
background: transparent url(../../images/icons/fancybox/fancy_shadow_se.png) no-repeat;
}
div.fancy_bg_s {
bottom: -18px;
width: 100%;
height: 18px;
background: transparent url(../../images/icons/fancybox/fancy_shadow_s.png) repeat-x;
}
div.fancy_bg_sw {
bottom: -18px;
left: -13px;
width: 13px;
height: 18px;
background: transparent url(../../images/icons/fancybox/fancy_shadow_sw.png) no-repeat;
}
div.fancy_bg_w {
left: -13px;
height: 100%;
width: 13px;
background: transparent url(../../images/icons/fancybox/fancy_shadow_w.png) repeat-y;
}
*html div.fancy_bg_w{
height:100%;
}
div.fancy_bg_nw {
top: -18px;
left: -13px;
width: 13px;
height: 18px;
background: transparent url(../../images/icons/fancybox/fancy_shadow_nw.png) no-repeat;
}
#TB_PrintLink {
position:absolute;
right:55px;
top:4px;
z-index:9000;
}
#TB_PrintLink a {
background:url(../../images/icons/ico_footerprint_sprite.gif) no-repeat 5px 7px transparent;
color:#FFFFFF;
display:none;
float:none;
font:bold 12px Arial;
padding:10px 0 5px 30px;
text-decoration:none;
}
/* begin mac-msie css-comment-hack \*/
/* Author: Marcus Morba \*/
/* Project: Relaunch BOSCH CRM Pilot for ARITHNEA GmbH Munich \*/
/* Area: All \*/
/* LastChangedDate: 2010-06-30 \*/
/* LastChangedBy: sm \*/
/*
Auszug aus dem Styleguide, Seite 9:
Primärfarben
Die Primärfarben sind Bosch Blau, Bosch Grau und Bosch Rot.
Bosch Blau wird in erster Linie für interaktive Elemente (Buttons, Links etc.) sowie als Konstante im Hauptmenü eingesetzt.
Bosch Grau wird in verschiedenen Abstufungen als Fondfarbe verwendet.
Bosch Rot ist der Bild-/Wortmarke vorbehalten.
Bosch Blau 100 RGB 0,59,106 #003b6a
Bosch Blau 75 RGB 33,95,139 #215f8b
Bosch Blau 50 RGB 98,140,178 #628cb2
Bosch Blau 25 RGB 162,186,210 #a2bad2
Bosch Grau 100 RGB 128,130,133 #808285
Bosch Grau 75 RGB 165,166,167 #a5a6a7
Bosch Grau 50 RGB 195,195,196 #c3c3c4
Bosch Grau 25 RGB 225,225,226 #e1e1e2
Bosch Blau Hover RGB 0,20,42 #00142a
Bosch Dunkelgrau RGB 64,66,69 #404245
Bosch Hellgrau RGB 241,241,241 #f1f1f1
Bosch Rot RGB 226,0,26 #e2001a
Sekundärfarben
Die Sekundärfarben können zur Akzentuierung ergänzend eingesetzt werden (z. B. bei Störern und Teasern).
-> Bosch Rot wird ausschließlich für die Wortmarke und in Ausnahmefällen als Akzentfarbe eingesetzt.
-> Der Geschäftsbereich PT hat ein abweichendes Farbklima. Die entsprechenden Farbangaben sind in der Gestaltungsvorgabe „Elektrowerkzeuge“ zu finden.
Bosch Gelbgrün RGB 192,172,0 #c0ac00
Bosch Rotbraun RGB 189,70,71 #bd4647
Bosch Hellblau RGB 110,176,213 #6eb0d5
Linkfarben, siehe Styleguide, Seite 21:
Link-Farbe Hover-Farbe gültig für Hintergrundfarben
-------------------------------------------------------------------------------------------------------------------
Bosch Blau 75 Bosch Blau Hover Weiß, Bosch Hellgrau
Weiß Bosch Grau 25 Bosch Blau 75, Bosch Grau 100, Bosch Rotbraun, Bosch Gelbgrün
(gilt auch für Link-Grafiken wie Pfeile, Icons etc.)
*/
/* COLOR DEFINITIONS TEXT */
/* PRIMARY COLORS TEXT */
.bBlue100 { color: #003b6a ;} /* Bosch Blau 100 RGB 0, 59, 106 */
a.bBlue100:hover { color: #00142a ;} /* Bosch Blau Hover RGB 0, 20, 42 */
.bBlue75 { color: #215f8b ;} /* Bosch Blau 75 RGB 33, 95, 139 */
.bBlue50 { color: #628cb2 ;} /* Bosch Blau 50 RGB 98, 140, 178 */
.bBlue25 { color: #a2bad2 ;} /* Bosch Blau 25 RGB 162, 186, 210 */
.bGrey100 { color: #808285 ;} /* Bosch Grau 100 RGB 128, 130, 133 */
.bGrey25 { color: #e1e1e2 ;} /* Bosch Grau 25 RGB 225, 225, 226 */
.bGreyDark { color: #404245 ;} /* Bosch Dunkelgrau RGB 64, 66, 69 */
.bGreyLight { color: #f1f1f1 ;} /* Bosch Hellgrau RGB 241, 241, 241 */
.bRed { color: #e2001a ;} /* Bosch Rot RGB 226, 0, 26 */
/* Secondary colors TEXT */
.bBlueLight { color: #6eb0d5 ;} /* Bosch Hellblau RGB 110, 176, 213 */
.bRedBrown { color: #bd4647 ;} /* Bosch Rotbraun RGB 189, 70, 71 */
.bYellowGreen { color: #c0ac00 ;} /* Bosch Gelbgrün RGB 192, 172, 0 */
/* PRIMARY COLORS BACKGROUNDS */
.bgBlue100 { background-color: #003b6a; color:#fff; } /* Bosch Blau 100 RGB 0, 59, 106 */
.bgBlue100 * {color: #fff!important}
.bgBlue75 { background-color: #215f8b ; color:#fff; } /* Bosch Blau 75 RGB 33, 95, 139 */
.bgBlue50 { background-color: #628cb2 ; color:#fff; } /* Bosch Blau 50 RGB 98, 140, 178 */
.bgBlue25 { background-color: #a2bad2 ; color:#fff; } /* Bosch Blau 25 RGB 162, 186, 210 */
.bgBlue75 * , .bgBlue50 * , .bgBlue25 * {color: #fff!important}
.bgGrey100 { background-color: #808285 ; color:#fff; } /* Bosch Grau 100 RGB 128, 130, 133 */
.bgGrey100 * {color: #fff!important}
.bgGrey75 { background-color: #a5a6a7 ; color:#fff; } /* Bosch Grau 50*/
.bgGrey75 * {color: #fff!important}
.bgGrey50 { background-color: #c3c3c4 ; color:#fff; } /* Bosch Grau 50 */
.bgGrey50 * {color: #fff!important}
.bgGrey25 { background-color: #e1e1e2 ; color: #333;} /* Bosch Grau 25 RGB 225, 225, 226 */
.bgGreyDark { background-color: #404245 ; color:#fff;} /* Bosch Dunkelgrau RGB 64, 66, 69 */
.bgGreyDark * {color: #fff!important}
.bgGreyLight { background-color: #f1f1f1 ;} /* Bosch Hellgrau RGB 241, 241, 241 */
.bgRed { background-color: #e2001a ; color:#fff;} /* Bosch Rot RGB 226, 0, 26 */
.bgRed * {color: #fff!important}
/* Secondary colors BACKGROUNDS */
.bgYellowGreen { background-color: #c0ac00 ; color: #fff} /* Bosch Gelbgrün RGB 192, 172, 0 */
.bgYellowGreen * {color: #fff!important}
.bgBlueLight { background-color: #6eb0d5 ; color: #fff} /* Bosch Hellblau RGB 110, 176, 213 */
.bgBlueLight * {color: #fff!important}
.bgRedBrown { background-color: #bd4647 ; color:#fff;} /* Bosch Rotbraun RGB 189, 70, 71 */
.bgRedBrown * {color: #fff!important}
/* white on dark colors */
/* related */
.bgGreyDark a.relatedLnk,
.bgRed a.relatedLnk,
.bgBlueLight a.relatedLnk,
.bgBlue100 a.relatedLnk,
.bgBlueLight a.relatedLnk,
.inverse a.relatedLnk,
.bgBlue75 a.relatedLnk,
.bgGrey75 a.relatedLnk,
.bgGrey100 a.relatedLnk,
.bgYellowGreen .relatedLnk,
.bgRedBrown a.relatedLnk,
.tooltip .bgYellowGreen .relatedLnk {
background: url(/media/_tech/layout/images/icons/lnkstyles/lnkstylecntlink_g1.gif) no-repeat 0px 5px transparent;
color: #fff;
}
.bgGreyDark a.relatedLnk:hover,
.bgRed a.relatedLnk:hover,
.bgBlueLight a.relatedLnk:hover,
.bgBlue100 a.relatedLnk:hover,
.bgBlueLight a.relatedLnk:hover,
.inverse a.relatedLnk:hover,
.bgBlue75 a.relatedLnk:hover,
.bgGrey75 a.relatedLnk:hover,
.bgGrey100 a.relatedLnk:hover,
.bgYellowGreen .relatedLnk:hover,
.bgRedBrown a.relatedLnk:hover,
.tooltip .bgYellowGreen .relatedLnk:hover {
background: url(/media/_tech/layout/images/icons/lnkstyles/lnkstylecntlink_g2.gif) no-repeat 0px 5px transparent;
color: #e1e1e2;
}
.col2.bgGreyDark a.relatedLnk, .col2.bgRed a.relatedLnk, .col2 .bgBlueLight a.relatedLnk, .col2 .bgBlue100 a.relatedLnk, .col2 .bgBlueLight a.relatedLnk,
.col2.inverse a.relatedLnk, .col2.bgBlue75 a.relatedLnk, .col2.bgGrey75 a.relatedLnk, .col2.bgGrey100 a.relatedLnk, .col2.bgYellowGreen .relatedLnk,
.col2.bgRedBrown a.relatedLnk {background: url(/media/_tech/layout/images/icons/lnkstyles/lnkstylecntlink_g1.gif) no-repeat 0px 5px transparent;}
.col3.bgGreyDark a.relatedLnk, .col3.bgRed a.relatedLnk, .col3 .bgBlueLight a.relatedLnk, .col3 .bgBlue100 a.relatedLnk, .col3 .bgBlueLight a.relatedLnk,
.col3.inverse a.relatedLnk, .col3.bgBlue75 a.relatedLnk, .col3.bgGrey75 a.relatedLnk, .col3.bgGrey100 a.relatedLnk, .col3.bgYellowGreen .relatedLnk,
.col3.bgRedBrown a.relatedLnk {background: url(/media/_tech/layout/images/icons/lnkstyles/lnkstylecntlink_g1.gif) no-repeat 0px 5px transparent;}
.col4.bgGreyDark a.relatedLnk, .col4.bgRed a.relatedLnk, .col4 .bgBlueLight a.relatedLnk, .col4 .bgBlue100 a.relatedLnk, .col4 .bgBlueLight a.relatedLnk,
.col4.inverse a.relatedLnk, .col4.bgBlue75 a.relatedLnk, .col4.bgGrey75 a.relatedLnk, .col4.bgGrey100 a.relatedLnk, .col4.bgYellowGreen .relatedLnk,
.col4.bgRedBrown a.relatedLnk {background: url(/media/_tech/layout/images/icons/lnkstyles/lnkstylecntlink_g1.gif) no-repeat 0px 5px transparent;}
.bgGreyDark a.relatedLnk:hover,
.bgRed a.relatedLnk:hover,
.bgBlueLight a.relatedLnk:hover,
.bgBlue100 a.relatedLnk:hover,
.bgBlueLight a.relatedLnk:hover,
.inverse a.relatedLnk:hover,
.bgBlue75 a.relatedLnk:hover,
.bgGrey75 a.relatedLnk:hover,
.bgGrey100 a.relatedLnk:hover,
.bgYellowGreen .relatedLnk:hover,
.bgRedBrown a.relatedLnk:hover {
background: url(/media/_tech/layout/images/icons/lnkstyles/lnkstylecntlink_g2.gif) no-repeat 0px 5px transparent;
color: #e1e1e2;
}
.col2.bgGreyDark a.relatedLnk:hover, .col2.bgRed a.relatedLnk:hover, .col2 .bgBlueLight a.relatedLnk:hover, .col2 .bgBlue100 a.relatedLnk:hover, .col2 .bgBlueLight a.relatedLnk:hover,
.col2.inverse a.relatedLnk:hover, .col2.bgBlue75 a.relatedLnk:hover, .col2.bgGrey75 a.relatedLnk:hover, .col2.bgGrey100 a.relatedLnk:hover, .col2.bgYellowGreen .relatedLnk:hover,
.col2.bgRedBrown a.relatedLnk:hover {background: url(/media/_tech/layout/images/icons/lnkstyles/lnkstylecntlink_g2.gif) no-repeat 0px 5px transparent;}
.col3.bgGreyDark a.relatedLnk:hover, .col3.bgRed a.relatedLnk:hover, .col3 .bgBlueLight a.relatedLnk:hover, .col3 .bgBlue100 a.relatedLnk:hover, .col3 .bgBlueLight a.relatedLnk:hover,
.col3.inverse a.relatedLnk:hover, .col3.bgBlue75 a.relatedLnk:hover, .col3.bgGrey75 a.relatedLnk:hover, .col3.bgGrey100 a.relatedLnk:hover, .col3.bgYellowGreen .relatedLnk:hover,
.col3.bgRedBrown a.relatedLnk:hover {background: url(/media/_tech/layout/images/icons/lnkstyles/lnkstylecntlink_g2.gif) no-repeat 0px 5px transparent;}
.col4.bgGreyDark a.relatedLnk:hover, .col4.bgRed a.relatedLnk:hover, .col4 .bgBlueLight a.relatedLnk:hover, .col4 .bgBlue100 a.relatedLnk:hover, .col4 .bgBlueLight a.relatedLnk:hover,
.col4.inverse a.relatedLnk:hover, .col4.bgBlue75 a.relatedLnk:hover, .col4.bgGrey75 a.relatedLnk:hover, .col4.bgGrey100 a.relatedLnk:hover, .col4.bgYellowGreen .relatedLnk:hover,
.col4.bgRedBrown a.relatedLnk:hover {background: url(/media/_tech/layout/images/icons/lnkstyles/lnkstylecntlink_g2.gif) no-repeat 0px 5px transparent;}
/* pdf / dccument */
.bgGreyDark a.relatedPdf,
.bgRed a.relatedPdf,
.bgBlueLight a.relatedPdf,
.bgBlue100 a.relatedPdf,
.bgBlueLight a.relatedPdf,
.inverse a.relatedPdf,
.bgBlue75 a.relatedPdf,
.bgGrey75 a.relatedPdf,
.bgGrey100 a.relatedPdf,
.bgYellowGreen .relatedPdf,
.bgRedBrown a.relatedPdf {
background-position: 5px -98px;
color: #fff;
}
.bgGreyDark a.relatedPdf:hover,
.bgRed a.relatedPdf:hover,
.bgBlueLight a.relatedPdf:hover,
.bgBlue100 a.relatedPdf:hover,
.bgBlueLight a.relatedPdf:hover,
.inverse a.relatedPdf:hover,
.bgBlue75 a.relatedPdf:hover,
.bgGrey75 a.relatedPdf:hover,
.bgGrey100 a.relatedPdf:hover,
.bgYellowGreen .relatedPdf:hover,
.bgRedBrown a.relatedPdf:hover {
background-position: 5px -148px;
color: #e1e1e2;
}
/* mail */
.bgGreyDark a.relatedMail,
.bgRed a.relatedMail,
.bgBlueLight a.relatedMail,
.bgBlue100 a.relatedMail,
.bgBlueLight a.relatedMail,
.inverse a.relatedMail,
.bgBlue75 a.relatedMail,
.bgGrey75 a.relatedMail,
.bgGrey100 a.relatedMail,
.bgYellowGreen .relatedMail,
.bgRedBrown a.relatedMail {
background-position: 2px -97px;
color: #fff;
}
.bgGreyDark a.relatedMail:hover,
.bgRed a.relatedMail:hover,
.bgBlueLight a.relatedMail:hover,
.bgBlue100 a.relatedMail:hover,
.bgBlueLight a.relatedMail:hover,
.inverse a.relatedMail:hover,
.bgBlue75 a.relatedMail:hover,
.bgGrey75 a.relatedMail:hover,
.bgGrey100 a.relatedMail:hover,
.bgYellowGreen .relatedMail:hover,
.bgRedBrown a.relatedMail:hover {
background-position: 2px -147px;
color: #e1e1e2;
}
/* share */
.bgGreyDark a.relatedShare,
.bgRed a.relatedShare,
.bgBlueLight a.relatedShare,
.bgBlue100 a.relatedShare,
.bgBlueLight a.relatedShare,
.inverse a.relatedShare,
.bgBlue75 a.relatedShare,
.bgGrey75 a.relatedShare,
.bgGrey100 a.relatedShare,
.bgYellowGreen .relatedShare,
.bgRedBrown a.relatedShare {
background-position: 0px -97px;
color: #fff;
}
.bgGreyDart a.relatedShare:hover,
.bgRed a.relatedShare:hover,
.bgBlueLight a.relatedShare:hover,
.bgBlue100 a.relatedShare:hover,
.bgBlueLight a.relatedShare:hover,
.inverse a.relatedShare:hover,
.bgBlue75 a.relatedShare:hover,
.bgGrey75 a.relatedShare:hover,
.bgGrey100 a.relatedShare:hover,
.bgYellowGreen .relatedShare:hover,
.bgRedBrown a.relatedShare:hover {
background-position: 0px -147px;
color: #e1e1e2;
}
/* star */
.bgGreyDark a.relatedStar,
.bgRed a.relatedStar,
.bgBlueLight a.relatedStar,
.bgBlue100 a.relatedStar,
.bgBlueLight a.relatedStar,
.inverse a.relatedStar,
.bgBlue75 a.relatedStar,
.bgGrey75 a.relatedStar,
.bgGrey100 a.relatedStar,
.bgYellowGreen .relatedStar,
.bgRedBrown a.relatedStar {
background-position: 4px -98px;
color: #fff;
}
.bgGreyDart a.relatedStar:hover,
.bgRed a.relatedStar:hover,
.bgBlueLight a.relatedStar:hover,
.bgBlue100 a.relatedStar:hover,
.bgBlueLight a.relatedStar:hover,
.inverse a.relatedStar:hover,
.bgBlue75 a.relatedStar:hover,
.bgGrey75 a.relatedStar:hover,
.bgGrey100 a.relatedStar:hover,
.bgYellowGreen .relatedStar:hover,
.bgRedBrown a.relatedStar:hover {
background-position: 4px -148px;
color: #e1e1e2;
}
/* bullet */
.bgGreyDark ul.bullet li,
.bgRed ul.bullet li,
.bgBlueLight ul.bullet li,
.bgBlue100 ul.bullet li,
.bgBlueLight ul.bullet li,
.inverse ul.bullet li,
.bgBlue75 ul.bullet li,
.bgGrey75 ul.bullet li,
.bgGrey100 ul.bullet li,
.bgYellowGreen ul.bullet li,
.bgRedBrown ul.bullet li {
background-image: url(/media/_tech/layout/images/icons/ico_bullet_white.gif);
}
/* dash */
.bgGreyDark ul.dash li,
.bgRed ul.dash li,
.bgBlueLight ul.dash li,
.bgBlue100 ul.dash li,
.bgBlueLight ul.dash li,
.inverse ul.dash li,
.bgBlue75 ul.dash li,
.bgGrey75 ul.dash li,
.bgGrey100 ul.dash li,
.bgYellowGreen ul.dash li,
.bgRedBrown ul.dash li {
background-image: url(/media/_tech/layout/images/icons/ico_dash_white.gif);
}
/* relatedItems */
.bgGreyDark ul.relatedItems a:hover,
.bgRed ul.relatedItems a:hover,
.bgBlueLight ul.relatedItems a:hover,
.bgBlue100 ul.relatedItems a:hover,
.bgBlueLight ul.relatedItems a:hover,
.inverse ul.relatedItems a:hover,
.bgBlue75 ul.relatedItems a:hover,
.bgGrey75 ul.relatedItems a:hover,
.bgGrey100 ul.relatedItems a:hover,
.bgYellowGreen ul.relatedItems a:hover,
.bgRedBrown ul.relatedItems a:hover {
color: #e1e1e2!important;
}
/* reset font color in tables even tds */
.bgGreyDark table td.even,
.bgRed table td.even,
.bgBlueLight table td.even,
.bgBlue100 table td.even,
.bgBlueLight table td.even,
.inverse table td.even,
.bgBlue75 table td.even,
.bgGrey75 table td.even,
.bgGrey100 table td.even,
.bgYellowGreen table td.even,
.bgRedBrown table td.even,
.bgGreyDark table tr:hover td,
.bgRed table tr:hover td,
.bgBlueLight table tr:hover td,
.bgBlue100 table tr:hover td,
.bgBlueLight table tr:hover td,
.inverse table tr:hover td,
.bgBlue75 table tr:hover td,
.bgGrey75 table tr:hover td,
.bgGrey100 table tr:hover td,
.bgYellowGreen table tr:hover td,
.bgRedBrown table tr:hover td,
.bgGreyDark table tr.iehover td,
.bgRed table tr.iehover td,
.bgBlueLight table tr.iehover td,
.bgBlue100 table tr.iehover td,
.bgBlueLight table tr.iehover td,
.inverse table tr.iehover td,
.bgBlue75 table tr.iehover td,
.bgGrey75 table tr.iehover td,
.bgGrey100 table tr.iehover td,
.bgYellowGreen table tr.iehover td,
.bgRedBrown table tr.iehover td,
.bgGreyDark table th,
.bgRed table th,
.bgBlueLight table th,
.bgBlue100 table th,
.bgBlueLight table th,
.inverse table th,
.bgBlue75 table th,
.bgGrey75 table th,
.bgGrey100 table th,
.bgYellowGreen table th,
.bgRedBrown table th {
color: #333!important;
}
/* transparency settings for items */
.trans25 {
filter:alpha(opacity=85);
-moz-opacity:0.85;
-khtml-opacity: 0.85;
opacity: 0.85;
}
.transp75 {
filter:alpha(opacity=75);
-moz-opacity:0.75;
-khtml-opacity: 0.75;
opacity: 0.75;
}
.trans50 {
filter:alpha(opacity=50);
-moz-opacity:0.5;
-khtml-opacity: 0.5;
opacity: 0.5;
}
.trans70 {
filter:alpha(opacity=30);
-moz-opacity:0.3;
-khtml-opacity: 0.3;
opacity: 0.3;
}
.trans75 {
filter:alpha(opacity=25);
-moz-opacity:0.25;
-khtml-opacity: 0.25;
opacity: 0.25;
}
.trans80 {
filter:alpha(opacity=20);
-moz-opacity:0.2;
-khtml-opacity: 0.2;
opacity: 0.2;
}
.trans90 {
filter:alpha(opacity=10);
-moz-opacity:0.1;
-khtml-opacity: 0.1;
opacity: 0.1;
}
.transOut {
filter:alpha(opacity=100);
-moz-opacity:1;
-khtml-opacity: 1;
opacity: 1;
}
/* transparency settings for overlays with semitransparent pngs // check if this works with ie6 - ie8 - ie9 */
.bgTransWhte70 {
background-image: url(/media/_tech/layout/images/backgrounds/bgcntstagewht70.png);
}
.bgTransWhte70 * {color: #fff!important}
.bgTransWhte80 {
background-image: url(/media/_tech/layout/images/backgrounds/bgcntstagewht80.png);
}
.bgTransWhte90 {
background-image: url(/media/_tech/layout/images/backgrounds/bgcntstagewht90.png);
}
.bgTransBBlue75 {
background-image: url(/media/_tech/layout/images/backgrounds/bgcntstagebblue75.png);
}
.bgTransBBlue75 * {color: #fff!important}
/* end of mac-msie css-comment-hack */
/*****************************
Member of RB-Master
Name: csscarousel
UID: csscarousel
Author: Jan Sorgalla (http://sorgalla.com) (customized)
Last change date: 08.09.2017 15:28
Copyright (c) 2006 Jan Sorgalla (http://sorgalla.com)
Release version: This Website was generated with WCMS Master Version 2.2.3
Framework version: -
Summary: jCarousel - Riding carousels with jQuery
Necessary libaries: -
*************************/
.jcarousel-skin-ie7 .jcarousel-container {
background: #e1e1e1 url(../../images/backgrounds/bg_slider.gif) repeat-x ;
border: 1px solid #c3c3c4;
}
.jcarousel-skin-ie7 .jcarousel-container-horizontal {
padding: 10px 52px;
height: 165px;
}
.xgrid12 .jcarousel-skin-ie7 .jcarousel-container-horizontal {
width: 579px;
}
.xgrid16 .jcarousel-skin-ie7 .jcarousel-container-horizontal {
width: 779px;
}
.jcarousel-skin-ie7 .jcarousel-container-vertical {
height: 192px;
width: 113px;
}
.jcarousel-skin-ie7 .jcarousel-clip-horizontal {
width: 100%;
margin-left:0px;
}
.xgrid12 .jcarousel-skin-ie7 .jcarousel-clip-horizontal {
width: 561px;
}
.xgrid16 .jcarousel-skin-ie7 .jcarousel-clip-horizontal {
width: 761px;
}
.jcarousel-skin-ie7 .jcarousel-list-horizontal { height: 134px; overflow: hidden;}
.jcarousel-skin-ie7 .jcarousel-clip-vertical {
height: 150px;
width: 114px;
}
.jcarousel-skin-ie7 .jcarousel-item {
height: 100px;
width: 125px;
margin: 5px 5px 10px 5px;
border-right: 1px solid #c3c3c4;
}
.jcarousel-skin-ie7 .jcarousel-item a{
text-decoration: none;
}
.jcarousel-skin-ie7 .jcarousel-item img {
/* border-right: 1px solid #ccc;*/
display: block;
margin: 0 auto;
width:120px;
height:102px;
margin:0 0 0 -2px;
}
.jcarousel-skin-ie7 .jcarousel-item span {
background: url(../../images/icons/lnkstyles/lnkstylecntlink_sprite.gif) no-repeat 0px 7px;
padding: 0px 0px 0px 10px; /* Top Right Bottom Left */
margin: 10px 0 0 0; /* Top Right Bottom Left */
overflow: visible;
/* font-weight: bold!important;*/
display: block;
color: #215f8b;
text-decoration: none;
float: left;
}
/* .jcarousel-skin-ie7 .jcarousel-item:hover, .jcarousel-skin-ie7 .jcarousel-item.iehover {
width: 337px;
}
.jcarousel-skin-ie7 .jcarousel-item:hover img, .jcarousel-skin-ie7 .jcarousel-item.iehover img {
float: left;
margin: 0px 10px 0 0;
width: 114px;
height: 114px;
}
.jcarousel-skin-ie7 .jcarousel-item:hover span, .jcarousel-skin-ie7 .jcarousel-item.iehover span {color: #003b6a; background-position: 0 -45px}
*/
.jcarousel-skin-ie7 .jcarousel-item .moreInfo {display: none; color: #404245;}
/* .jcarousel-skin-ie7 .jcarousel-item:hover .moreInfo, .jcarousel-skin-ie7 .jcarousel-item.iehover .moreInfo {display: block;}
*/
/*
.jcarousel-skin-ie7 .jcarousel-item-horizontal {
margin-right: 7px;
}
.jcarousel-skin-ie7 .jcarousel-item-vertical {
margin-bottom: 7px;
}
.jcarousel-skin-ie7 .jcarousel-item-placeholder {
}
*/
/**
* Horizontal Buttons
*/
.jcarousel-skin-ie7 .jcarousel-next-horizontal {
position: absolute;
top: 0px;
right: 0px;
width: 51px;
border-left:1px solid #c3c3c4;
height: 185px;
cursor: pointer;
background: transparent url(../../images/backgrounds/bgslider_next_sprite.png) no-repeat 0 0;
}
.jcarousel-skin-ie7 .jcarousel-next-horizontal:hover, .jcarousel-skin-ie7 .jcarousel-next-horizontal.iehover {
background-position: 0 -187px;
}
/*
.jcarousel-skin-ie7 .jcarousel-next-horizontal:active {
background-position: -64px 0;
}
*/
.jcarousel-skin-ie7 .jcarousel-next-disabled-horizontal,
.jcarousel-skin-ie7 .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-ie7 .jcarousel-next-disabled-horizontal.iehover,
.jcarousel-skin-ie7 .jcarousel-next-disabled-horizontal:active {
cursor: default;
background-position: 0 -375px;
}
.jcarousel-skin-ie7 .jcarousel-prev-horizontal {
position: absolute;
top: 0px;
left: 0px;
width: 51px;
border-right:1px solid #c3c3c4;
height: 185px;
cursor: pointer;
background: transparent url(../../images/backgrounds/bgslider_prev_sprite.png) no-repeat 0 -1px;
}
.jcarousel-skin-ie7 .jcarousel-prev-horizontal:hover, .jcarousel-skin-ie7 .jcarousel-prev-horizontal.iehover {
background-position: 0 -188px;
}
/*
.jcarousel-skin-ie7 .jcarousel-prev-horizontal:active {
background-position: -64px 0;
}
*/
.jcarousel-skin-ie7 .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-ie7 .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-ie7 .jcarousel-prev-disabled-horizontal.iehover,
.jcarousel-skin-ie7 .jcarousel-prev-disabled-horizontal:active {
cursor: default;
background-position: 0 -375px;
}
/* fontstepper workaround statische fontsize */
.jcarousel-skin-ie7 .jcarousel-item .carouselInfo{
font-size: 14px;
}
/* begin mac-msie css-comment-hack \*/
/* Author: Michaela Zillner, Sascha Meier \*/
/* Project: Relaunch BOSCH CRM Pilot for ARITHNEA GmbH Munich \*/
/* LastChangedDate: 2011-10-10 \*/
/* LastChangedBy: mf\*/
table sup { margin: -5px 0 0 2px; position: absolute; }
.videoBg { background-color:#fff!important; }
.onTop { z-index:1000 } /* IE 7 Fix for z-index BUG */
.cntStage { overflow:hidden; display:block; }
a { outline: none }
.contentAreaNoPad { margin-bottom:0px!important; position:relative; z-index:10;}
.textWhite, .textWhite h1, .textWhite h2, .textWhite h3 {color:#fff!important}
#fancybox-content { padding:10px!important;}
/* z-index fixes */
.mainNavWrapper2{ z-index:10000;}
#header { z-index: 10500;}
#TB_overlay, #fancybox-overlay, a.specialFrameLnk { z-index:10600!important;}
#TB_window, #fancybox-wrap {z-index:11000!important;}
.universalBox ul.relatedItems li, .stageCntMain .txtSection ul.relatedItems li { position:relative!important;}
.tsrBoxL .txtSection ul, .tsrBoxR .txtSection ul { padding-bottom: 10px;}
#header #langSelection.multiLang {
width: 162px;
position:relative;
border: none;
background:url(/media/_tech/layout/images/backgrounds/language/languageselector_bgtop_active.png) no-repeat scroll 0 0 transparent;
z-index:2000;
}
#header #langSelection.multiLang:hover, #header #langSelection.multiLang.iehover {
background:url(/media/_tech/layout/images/backgrounds/language/languageselector_bgtop.png) no-repeat scroll 0 0 transparent;
}
#header #langSelection.multiLang li {
height:18px;
padding: 2px 0 0 8px;
list-style:none;
}
#header #langSelection.multiLang li:hover ul {
display: block;
}
#header #langSelection.multiLang li a {
width:142px;
padding: 0 10px;
background: url(/media/_tech/layout/images/backgrounds/language/languageselector_arrow.png) no-repeat 100% 6px transparent;
background-color:transparent!important;
display:inline;
}
#header #langSelection.multiLang li ul {
background:url(/media/_tech/layout/images/backgrounds/language/languageselector_bgbtm.png) no-repeat scroll 0 100% transparent;
display:none;
left:0px;
margin:0;
padding:17px 10px 25px;
position:absolute;
top:17px;
width:142px;
z-index:2000;
}
#header #langSelection.multiLang.iehover ul{
display:block!important;
}
#header #langSelection.multiLang li ul li,
#header #langSelection.multiLang li ul li.active,
#header #langSelection.multiLang li ul li:hover,
#header #langSelection.multiLang li ul li.iehover {
float: none;
display: block;
background: transparent none;
clear: both;
margin: 0;
padding: 0px 10px 0 5px;
margin: 0;
border: 0;
}
#header #langSelection.multiLang li ul li a:hover {
display: block;
background-color: #f1f1f1!important;
/* round me corners */
-moz-border-radius:5px; /* Firefox */
-webkit-border-radius:5px; /* Safari and chrome */
-khtml-border-radius:5px; /* Linux browsers */
border-radius:5px; /* CSS3 */
}
#header #langSelection.multiLang li ul li a {
font-weight: bold;
padding: 3px 10px 3px 15px;
display: block;
background-image: url(/media/_tech/layout/images/icons/lnkstyles/lnkstylesubnavidefault.png);
background-repeat: no-repeat;
background-position: 5px 6px;
line-height: 12px;
color: #404245;
min-height: 0!important;
height:auto!important;
width:108px;
}
#header #langSelection.multiLang li ul li.inactive {
font-weight: bold;
padding: 3px 10px 3px 20px;
display: block;
background-image: url(/media/_tech/layout/images/icons/lnkstyles/lnkstylesubnavidefault_inactive.png);
background-repeat: no-repeat;
background-position: 10px 6px;
line-height: 12px;
color: #9fa0a2;
min-height: 0!important;
height:auto!important;
width:108px;
}
/* form */
.form {
margin-bottom:15px;
background-color:#F1F1F1;
border:1px solid #C3C3C4;
padding:5px 0px;
}
.form a.relatedLnk{
cursor:pointer;
font-size:12px;
background-position: 0 5px;
}
.form a:hover.relatedLnk{
background-position: 0 5px;
}
.form p {
padding: 2px 0 0 0;
}
.form fieldset {
border:none;
padding-bottom:0px;
}
.form hr {
margin:10px 0px;
}
.form h2.headline {
font-size:14px;
font-weight:bold;
width:30%;
float:left;
padding:0px 10px 0px 0px;
}
.form h2.full {
width:100%!important;
margin: 0 0 10px 0;
}
.form label, .form p { font-size: 0.95em; }
.form .input label, .form .select label, .form .comment label, .form .file label, form .radio label.first, .form .check.withLabel label.first {
text-align:right;
width:30%;
float:left;
padding:2px 10px 0 0;
}
.form .formCol {
float:left;
position:relative;
display:block;
margin:0 0 10px 0;
}
.form .inputTwoCol label {
text-align:right;
width:30%;
float:left;
padding:2px 10px 0 0;
margin-right:-13px;
}
.form .inputTwoCol input {
margin-left: 14px;
float:left;
width:32%
}
.form .select select {
width:68%;
margin-right:-10px;
}
.form .input input, .form .comment textarea, .form .file input {
width:67%;
}
.form div.check, .form .insert button.btn, .form .insert a.relatedLnk { margin-left:31%}
.form div.withLabel { margin-left:0px;}
.form div.input, .form div.select, .form div.comment, .form div.check, .form div.radio, .form div.file, .form div.inputTwoCol label, .form div.inputTwoCol input, .form div.insert {
margin-bottom:15px;
}
.form .check a.relatedLnk {
margin: 0 0 10px 25px;
}
.form .radio label { padding-right:15px;}
.form p span, .form label span { color:#e2001a}
/* Drop Down */
ul#mainNav .dropdown ul.col6Drop ul {
width: 135px;
}
ul#mainNav .dropdown ul.col5Drop ul {
width: 162px;
}
ul#mainNav .dropdown ul.col4Drop ul {
width: 212px;
}
ul#mainNav .dropdown ul.col3Drop ul {
width: 290px;
}
li.dropdown {
position:static!important;
}
ul#mainNav .dropdown li img {
padding: 0 0 8px 5px!important;
position:relative;
display:block;
}
ul#mainNav .dropdown li li {
margin:0;
padding:0!important;
}
ul#mainNav .dropdown ul li, ul#mainNav .dropdown ul li.active, ul#mainNav .dropdown ul li:hover, ul#mainNav .dropdown ul li.iehover {
padding:0!important;
}
ul#mainNav .dropdown ul {
background:url(/media/_tech/layout/images/backgrounds/mainmenu/bgnavidropdown.png) no-repeat scroll 0 100% transparent;
width:959px;
left:11px;
padding:0 10px 56px 19px;
}
ul#mainNav .dropdown ul ul {
background-image:none!important;
float:left;
left:0px;
padding:0;
position:relative;
width:150px;
top:25px;
margin: 0 20px 0 0;
}
ul#mainNav .dropdown a.dropdownImg {
background-image:none!important;
padding:0!important;
}
ul#mainNav .dropdown a.dropdownImg:hover {
background-color:transparent!important;
padding:0!important;
}
ul#mainNav .dropdown a.dropdownHead {
font-size:14px!important;
color:#215f8b!important;
background: url(/media/_tech/layout/images/icons/lnkstyles/lnkstylecntlink_b1.gif) no-repeat 5px 10px transparent;
}
ul#mainNav .dropdown a.dropdownHead.cat {
margin:0 0 15px 0;
position:relative;
}
ul#mainNav .dropdown a.dropdownHead:hover {
font-size:14px!important;
color:#00142a!important;
background-color: #F1F1F1;
}
ul#mainNav .dropdown .margTop {
margin-top:20px;
}
/* Expandable Box Marginalarea */
.marginalArea .col4 h3.toggle, #leftColumn .col4 h3.toggle { margin-top:0px!important; margin-left:0px!important}
/* Image Section */
.overlapTopL .imgSection,.overlapBtmL .imgSection { /* left:10px; */ left:0px;}
/* Fancybox */
.fancybox-title-inside { background-color: #215F8B!important;}
#fancybox-close { right: 10px!important; }
#fancybox-overlay {
background-color:#000!important;
filter:alpha(opacity=50)!important;
-moz-opacity: 0.50!important;
opacity: 0.50!important;
}
/* Map */
.map h3 { margin:10px 0 0 0}
.col16 #map_canvas { width:982px; height:688px }
.col12 #map_canvas { width:734px; height:521px }
.col8 #map_canvas { width:486px; height:340px }
.col6 #map_canvas { width:362px; height:253px }
.col4 #map_canvas { width: 238px; height:167px }
.col3 #map_canvas { width: 176px; height:123px }
.col16.map { margin-left:10px}
/* Tag cloud */
#wrapperAll .tagCloud h2, #wrapperAll .tagCloud h3 { padding-bottom:0px; margin-bottom:-1px;}
.tags ul{
margin:0 0 15px 0;
/* padding:5px 0 0 0; */
padding:0;
text-align:center;
/* border-top: 1px solid #C3C3C4; */
}
.tags li{
margin:0;
padding:0;
list-style:none;
display:inline;
}
.tags li a{
text-decoration:none;
color:#215f8b;
padding:0 2px;
font-weight:bold;
height:auto!important;
line-height:130%;
}
.tags li a:hover{
color:#00142a;
}
.tag1{font-size:100%;}
.tag2{font-size:120%;}
.tag3{font-size:140%;}
.tag4{font-size:160%;}
.tag5{font-size:185%;}
.point a{ text-decoration:none; }
/* Special Framework */
a.specialFrameLnk {
margin:-22px 10px 10px 10px;
background:url("/media/_tech/layout/images/icons/lnkstyles/lnkstyle_specialframework.png") no-repeat scroll 0 6px transparent;
color:#404245;
display:block;
font-weight:normal;
font-size:0.8em;
overflow:visible;
padding:0 0 0 10px;
text-decoration:none;
position:absolute;
z-index:1500;
}
a:hover.specialFrameLnk {
color:#808285;
background:url("/media/_tech/layout/images/icons/lnkstyles/lnkstyle_specialframeworkhover.png") no-repeat scroll 0 6px transparent;
}
/* Language Switcher
form.jqtransform {
float:left;
border-left:1px solid #C3C3C3;
margin: 0 0 0 25px;
}
.jqTransformSelectWrapper {
width: 190px!important;
position:relative;
color:#808285;
}
.jqTransformSelectWrapper div span {
font:11px/13px Arial !important;
float:left;
position: relative;
white-space: nowrap;
line-height: 15px;
padding: 0 10px;
overflow: hidden;
cursor:pointer;
width:auto !important;
}
.jqTransformSelectWrapper a.jqTransformSelectOpen {
display: block;
position: relative;
float:left;
width: 7px;
height: 13px;
background: url(/media/_tech/layout/images/backgrounds/language/languageselector_arrow.png) no-repeat center center;
}
.jqTransformSelectWrapper ul {
position: absolute;
width: auto;
list-style: none;
background-color: #FFF;
border: solid 1px #CCC;
display: none;
margin: 0px;
padding: 0px;
height: 150px;
overflow: auto;
overflow-y: auto;
z-index:10;
}
.jqTransformSelectWrapper ul a {
display: block;
padding: 5px;
text-decoration: none;
color:#333;
background-color: #FFF;
font-size: 12px;
}
.jqTransformSelectWrapper ul a.selected {
background: #EDEDED;
color: #333;
}
.jqTransformSelectWrapper ul a:hover, .jqTransformSelectWrapper ul a.selected:hover {
background:#3582c4;
color: #fff;
}
.jqTransformHidden {display: none;}
/* Carousel */
span.carousellText {display:none;}
span.carousellText:hover {display:block;}
/* Tooltip */
.jcarousel-skin-ie7 .jcarousel-item a, .tooltip .content_carousel a {
background: url(/media/_tech/layout/images/icons/lnkstyles/lnkstylecntlink_sprite.gif) no-repeat 0px 7px;
padding: 0px 0px 0px 10px; /* Top Right Bottom Left */
margin: 3px 0 0 0; /* Top Right Bottom Left */
overflow: visible;
/* font-weight: bold!important; */
display: block;
color: #215f8b;
text-decoration: none;
float: left;
font-size: 0.85em;
}
.jcarousel-skin-ie7 .jcarousel-item a:hover, .tooltip .content_carousel a:hover {
background: url(/media/_tech/layout/images/icons/lnkstyles/lnkstylecntlink_sprite.gif) no-repeat 0px -43px;
color: #00142a!important;
}
.tooltipOverflow { overflow:visible!important; position:relative;}
.tooltipOverflow .jcarousel-skin-ie7 { position:relative; margin:5px 0 0 0;}
.tooltipIe { z-index:9999 }
.tooltip_wrap_carousel { position:absolute!important; z-index:1000; }
.tooltip .relatedLnk, .tooltipCarousel .relatedLnk {
background: url(/media/_tech/layout/images/icons/lnkstyles/lnkstylecntlink_g1.gif) no-repeat 0px 8px transparent!important;
color: #fff!important;
}
.jcarousel-skin-ie7 .tooltip_active {
cursor: auto;
}
.jcarousel-skin-ie7 .tooltip h3 {
font-weight:bold;
font-size: 1.2em;
line-height:15px;
color:#404245;
padding:0 0 5px 0;
}
.tooltip_active {
cursor:pointer;
z-index:1000;
}
.tooltip_wrap, .tooltipCarousel_wrap { position: absolute; z-index:1000; width: 392px;}
.tooltip, .tooltipCarousel {
float: left;
display: block;
position: absolute;
top:0;
left:0;
z-index: 1000;
}
.tooltip .top, .tooltipCarousel .top {
height:15px;
left:15px;
position:absolute;
width:17px;
display:block;
z-index:20;
}
.tooltip .top.bgRedBrown, .tooltipCarousel .top.bgRedBrown {
background:url(/media/_tech/layout/images/icons/tooltip/arrow_tool_red.png) no-repeat scroll 0 0 transparent;
}
.tooltip .top.bgYellowGreen, .tooltipCarousel .top.bgYellowGreen {
background:url(/media/_tech/layout/images/icons/tooltip/arrow_tool_green.png) no-repeat scroll 0 0 transparent;
}
.tooltip .top.bgBlueLight, .tooltipCarousel .top.bgBlueLight {
background:url(/media/_tech/layout/images/icons/tooltip/arrow_tool_blue.png) no-repeat scroll 0 0 transparent;
}
.tooltip .top.bgBlue75, .tooltipCarousel .tooltip .top.bgBlue75 {
background:url(/media/_tech/layout/images/icons/tooltip/arrow_tool_darkblue.png) no-repeat scroll 0 0 transparent;
}
.tooltip .top.bgGray, .tooltipCarousel .tooltip .top.bgGray{
background:url(/media/_tech/layout/images/icons/tooltip/arrow_tool_gray.png) no-repeat scroll 0 0 transparent;
}
.tooltip div, .tooltipCarousel div {
padding: 10px;
margin:15px 0 0;
}
.tooltip div.carouselInfo {
float:left;
margin-top:0px;
/* width:190px; */ /* with image */
padding:0px;
}
.tooltip div.carouselInfo a {
margin-top: 6px;
}
.tooltip div.moreInfo {
padding: 0;
margin: 0;
font-size:0.85em;
line-height:15px;
}
.tooltip div.bgRedBrown, .tooltipCarousel div.bgRedBrown {
background-color:#BD4647;
background-image:none;
}
.tooltip div.bgYellowGreen, .tooltipCarousel div.bgYellowGreen {
background-color:#C0AC00;
background-image:none;
}
.tooltip div.bgBlueLight, .tooltipCarousel div.bgBlueLight {
background-color:#6EB0D5;
background-image:none;
}
.tooltip div.bgBlue75, .tooltipCarousel div.bgBlue75 {
background-color:#215f8b;
background-image:none;
}
.tooltip div.bgGray {
background-color:#c3c3c4;
background-image:none!important;
float:left;
width: 340px;
}
.tooltip_wrap_carousel div.bgGray {
background: transparent url(/media/_tech/layout/images/backgrounds/carousel_tooltip_bg.png) 0 100% no-repeat!important;
float:left;
width: 300px;
padding: 10px 20px 20px 20px;
}
.tooltip div.bgGray img, .tooltipCarousel div.bgGray img {
float:left;
padding: 0 10px 0 0;
width:100px!important;
height:85px!important;
}
.tooltip div.bgGray span, .tooltipCarousel div.bgGray span {
background: url(/media/_tech/layout/images/icons/lnkstyles/lnkstylecntlink_sprite.gif) no-repeat 0px 7px;
padding: 0px 0px 0px 10px; /* Top Right Bottom Left */
margin: 10px 0 0 0; /* Top Right Bottom Left */
overflow: visible;
font-weight: bold!important;
display: block;
color: #215f8b;
text-decoration: none;
float: left;
}
.tooltip div a, .tooltipCarousel div a {
font-size:0.85em;
background:url(/media/_tech/layout/images/icons/lnkstyles/lnkstylecntlink_g1.gif) no-repeat scroll 0 8px transparent;
padding:3px 0 0 9px;
text-decoration:none;
/* font-weight:bold; */
}
.col3 .tooltip div a, .col3 .tooltipCarousel div a, .col4 .tooltip div a, .col4 .tooltipCarousel div a {
font-size:1em;
}
.tooltip div a:hover, .tooltipCarousel div a:hover {
background-image: url(/media/_tech/layout/images/icons/lnkstyles/lnkstylecntlink_g2.gif);
color: #e1e1e2!important;
}
.tooltipContent, .tooltipCarouselContent { display: none; }
.tooltip h3, .tooltipCarousel h3 {
font-weight:bold;
font-size:14px;
line-height:15px;
color:#fff;
padding:0 0 5px 0;
}
.tooltip p, .tooltipCarousel p {
font-size:12px;
line-height:15px;
color:#fff;
}
.carouselInfo .moreInfo p { color:#000000;}
.tooltip_shadow, .tooltipCarousel_shadow {
float: left;
display: block;
position: absolute;
top: 3px; left: 2px;
z-index: 9;
background: url(/media/_tech/layout/images/icons/tooltip/shadow.png) no-repeat 0 15px transparent;
}
.tooltipIcon {
float: left;
padding-right:10px;
}
.tooltipHidden, .tooltipCarouselHidden {
display: none;
position: absolute;
}
.tooltipVisible, .tooltipCarouselVisible {
display: block;
position: absolute;
z-index: 3000;
}
.pTool .tooltip .stageTip {
color: #FFFFFF;
font-size: 12px;
line-height: 15px;
font-weight:bold;
}
.tooltip .bgBlue75 .relatedItems { padding-bottom:0px;}
/*Stage Accordion */
.txtSection h2 strong { font-family:"Arial Black";}
.Accordion.border { border: 1px solid #E1E1E2;}
.grid16 .Accordion { position:relative; display:block; width: 982px;/* height:335px; */ overflow:hidden; }
.grid12 .Accordion { position:relative; display:block; width: 734px;/* height:335px; */overflow:hidden; }
.picture { position:relative; float:left; display:block;}
.picWrapper { position:absolute;}
.stageCntMain .overlayR .txtSection, .stageCntMain .overlayL .txtSection {
/* min-height:500px; *//* not needed anymore -> set by javascript ; MF */
height:auto!important;
/* height:500px!important; *//* not needed anymore -> set by javascript ; MF */
}
.auto {
overflow:visible!important;
}
.Accordion .col4.auto {
width:300px;
}
.Accordion .col4.auto .txtSection {
height:500px!important;
background: url(/media/_tech/layout/images/backgrounds/bg_acc_white.png) repeat-y 0 0 transparent;
}
.Accordion.bgWhite90 .col4.auto .txtSection {
background: url(/media/_tech/layout/images/backgrounds/bg_acc_white90.png) repeat-y 0 0 transparent;
}
.Accordion .col4.auto .txtSection h2 {
padding: 0 0 11px 0;
}
.stageAcc {
line-height:120%;
list-style-type:none;
margin:0 0 0 -10px;
padding:0!important;
width:335px;
position:absolute;
left:-25px;
}
.stageAcc .closed {
color:#215f8b;
}
.stageAcc a {
display:block;
font-weight:bold;
text-decoration:none;
font-size:1.2em;
line-height:normal;
border-bottom:1px solid #808285;
border-top:1px solid #808285;
position:relative;
}
.stageAcc a.relatedLnk, div.cntFormDefault a.relatedLnk { font-weight:normal;}
.stageAcc a.hover, .stageAcc a:hover, .stageAcc .opened .opened {
color:#000;
background-color:#fff;
}
.stageAcc .opened .opened, .Accordion.blue .stageAcc .opened .opened {
border-bottom:none;
}
.stageAcc ul {
margin:0!important;
overflow:hidden;
padding:0!important;
height: auto!important;
}
.stageAcc ul ul.relatedItems {
list-style-image: none;
list-style-position: outside;
list-style-type: none;
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
margin-top: 0;
overflow-x: visible;
overflow-y: visible;
padding-bottom: 0;
padding-left: 0;
padding-right: 0;
padding-top: 5px;
width:280px!important;
overflow:hidden!important;
}
.stageAcc ul ul.relatedItems li {
list-style-image: none;
list-style-position: outside;
list-style-type: none;
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
margin-top: 0;
overflow-x: hidden;
overflow-y: hidden;
padding-bottom: 0;
padding-left: 0;
padding-right: 0;
padding-top: 0;
border:none!important;
line-height:14px!important;
}
.stageAcc ul ul.relatedItems li a {
margin:0;
padding:0 0 0 9px;
width:auto;
border:none!important;
font-size: 12px!important;
color:#215F8B!important;
background-image: url(/media/_tech/layout/images/icons/lnkstyles/lnkstylecntlink_b1.gif)!important;
background-position: 0 7px;
background-repeat:no-repeat;
}
.stageAcc ul ul.relatedItems li a:hover {
color:#00142a!important;
background-position: 0 7px;
background-image: url(/media/_tech/layout/images/icons/lnkstyles/lnkstylecntlink_b2.gif)!important;
background-repeat:no-repeat;
}
.Accordion.blue ul ul.relatedItems li a {
color:#fff!important;
background-position: 0 7px;
background-image: url(/media/_tech/layout/images/icons/lnkstyles/lnkstylecntlink_g1.gif)!important;
background-repeat:no-repeat;
}
.Accordion.blue ul ul.relatedItems li a:hover {
color:#e1e1e2!important;
background-position: 0 7px;
background-image: url(/media/_tech/layout/images/icons/lnkstyles/lnkstylecntlink_g2.gif)!important;
background-repeat:no-repeat;
}
#wrapperAll .Accordion .stageAcc ul.relatedItems li a.btn {
background-image: url("/media/_tech/layout/images/btns/cntbtnbluebg_sprite.png")!important;
background-position: 0 0;
background-repeat: no-repeat;
height: 22px;
margin: 5px 0 5px 0;
}
#wrapperAll .Accordion .stageAcc ul ul.relatedItems li a.btnWhite {
background-image: url("/media/_tech/layout/images/btns/cntbtnwhtebg_sprite.png")!important;
background-position: 0 0;
background-repeat: no-repeat;
height:22px;
}
#wrapperAll .Accordion .stageAcc ul.relatedItems li a.btn:hover {background-position: 0 -23px;}
.stageAcc li {
color:#000;
list-style-type:none;
width: 335px;
margin:0 0 -1px 0;
padding:0;
}
.stageAcc li p {
width:280px;
}
.stageAcc li.opened {
background: url(/media/_tech/layout/images/icons/arrow_acc.gif) no-repeat 0 1px transparent;
}
.stageAcc li li {
border-style:none;
position:relative;
display:block;
padding:0px 10px 10px 10px;
margin:0 0 0 35px;
width:300px;
background-color:#fff;
border-bottom:1px solid #808285;
filter:alpha(opacity=100);
-moz-opacity:1;
-khtml-opacity: 1;
opacity: 1;
}
.stageAcc li a {
color:#215f8b;
padding:10px 10px 10px 10px;
margin: 0 0 0 35px;
width:300px;
}
.stageAcc li.active a, .stageAcc li li.active a {
background-color:#fff;
border-color:#808285 transparent #808285 transparent;
border-style:solid;
border-width:1px;
color:#000;
}
/* Universalbox */
.uniboxLarge {font-size:1em!important;line-height: 1.3em;}
.uniboxSmall {font-size:0.85em!important; line-height: 1.2em;}
/* Gallery based on Universalbox start*/
.gallery {position: relative; overflow:hidden;}
.gallery.border {position: relative; overflow:hidden; border: 1px solid #e1e1e2;}
.gallery .slider {float: left; /* overflow: hidden; */ position: relative;}
.gallery .slidercontainer {width:35000px; overflow: hidden; position:relative;}
.gallery .slider .slidercontrols a {position: absolute; top: 50%; left: 10px; height: 0; width: 26px; font-size: 0; line-height: 0; padding-top: 26px; overflow: hidden; text-indent: -1000px; background: url(/media/_tech/layout/images/btns/cntbtnleft_sprite.gif) no-repeat scroll 0 0 transparent;}
.gallery .slider .slidercontrols a.slidernext {left: 450px; right: 10px; background: url(/media/_tech/layout/images/btns/cntbtnright_sprite.png) no-repeat scroll 0 0 transparent;}
.gallery .slider .slidercontrols a:hover {background-position: 0 -103px;}
.gallery .slider .slidercontrols a.disabled,
.gallery .slider .slidercontrols a.disabled:hover {background-position: 0 -203px;}
.gallery .paginatorDefault {position: absolute; bottom: 0px; right: 10px; text-align:right; z-index:200; line-height:20px;margin-bottom:0px;}
.gallery.border .paginatorDefault {position: absolute; bottom: 10px; right: 10px; text-align:right; z-index:200; line-height:20px;margin-bottom:0px;}
.gallery .paginatorDefault a {color: #22608c;}
.gallery .paginatorDefault a.inactive {color: #C3C3C4;}
.gallery .paginatorDefault a:hover.inactive {background-color: #fff;}
.gallery .txtSection { padding-bottom:20px; position:absolute; z-index: 100; background-color: #fff; left:486px; top:0px; /*height muss dynamisch angepasst werden , hier testweise*/ height: 500px; text-align:left;}
.gallery.border .txtSection { padding-top:10px; }
.gallery .col12 .txtSection {left: 734px;}
.gallery .col12.slider .slidercontrols a.slidernext { left: 700px;}
.gallery .col4 .txtSection { left: 238px;}
.gallery .col4.slider .slidercontrols a.slidernext { left: 203px;}
.gallery .imgSection { background-color:#f1f1f1!important;}
/* Accordion Blue */
.Accordion.blue .stageAcc li li {
border-bottom:1px solid #fff;
}
.Accordion.blue .stageAcc a.hover, .Accordion.blue .stageAcc .opened .opened, .Accordion.blue .stageAcc a:hover{
color:#fff;
background-color:#215f8b;
}
.Accordion.blue .stageAcc li li {
color:#fff;
background-color:#215f8b;
}
.Accordion.blue .stageAcc li.opened {
background: url(/media/_tech/layout/images/icons/arrow_acc_blue.gif) no-repeat 0 1px transparent!important;
}
.Accordion.blue .col4.auto .txtSection h2,.Accordion.blue .stageAcc .closed {
color:#fff;
}
.Accordion.blue .col4.auto .txtSection {
height:500px!important;
width:280px;
background: url(/media/_tech/layout/images/backgrounds/bg_acc_blue.png) repeat-y 0 0 transparent;
}
.Accordion.blue .stageAcc a {
border-bottom:1px solid #fff;
border-top:1px solid #fff;
}
/* Stage Pagination */
/******* SET DEFAULT DIMENSIONS HERE ********/
#stagePagination { height:335px; margin:0px; padding:0px;}
#stagePagination li { position:absolute; list-style:none!important}
/****** SET COLORS HERE *******/
/* Default State */
div.anythingSlider .thumbNav a.cur, div.anythingSlider .thumbNav a {
background: #777;
color: #000;
}
/* Navigation Links */
.stagePaginationControl { outline: 0; position:absolute; bottom:10px; left:10px; z-index:500; }
.top .stagePaginationControl { outline: 0; position:absolute; top:10px; left:10px; z-index:500; }
.rgt .stagePaginationControl { outline: 0; position:absolute; bottom:10px; right:10px; left: auto; z-index:500; }
.rgtTop .stagePaginationControl { outline: 0; position:absolute; top:10px; right:10px; left: auto; z-index:500; }
div.anythingSlider .thumbNav { margin: 0; padding: 0; float:left; }
div.anythingSlider .thumbNav li { display: inline; }
div.anythingSlider .thumbNav a {
display: inline-block;
text-decoration: none;
height: 22px;
width:22px;
margin: 0 8px 0 0;
background: url(/media/_tech/layout/images/icons/stage_pagination_blue.png) no-repeat 0 0;
text-align: center;
outline: 0;
line-height:22px;
color:#fff;
font-weight:bold;
}
div.anythingSlider .thumbNav a.cur {
background: url(/media/_tech/layout/images/icons/stage_pagination_gray.png) no-repeat 0 0;
color:#215f8b;
}
div.anythingSlider .thumbNav a:hover {
background: url(/media/_tech/layout/images/icons/stage_pagination_darkblue.png) no-repeat 0 0;
color:#fff;
}
/* mainMenu */
#mainMenu .mainMenuContent {
position:absolute;
bottom:10px;
left:0px;
width:982px;
}
#mainMenu .mainMenuContent div {
position: relative;
display:block;
margin-left:10px;
float:left;
}
#mainMenu .mainMenuContent div div {
margin:0px;
padding:0px;
float:none;
width:auto;
}
#mainMenu .mainMenuContent div span {
line-height:40px;
background-color:#003b6a;
color:#fff;
font-weight:bold;
font-size:14px;
padding:0 0 0 10px;
display:block;
}
#mainMenu .mainMenuContent div ul {
background-color:#fff;
margin:0 0 0 0;
padding: 0 0 15px 0;
position:relative;
display:block;
}
#mainMenu .mainMenuContent div ul.bBlue75 {
background-color:#003b6a;
}
#mainMenu .mainMenuContent div ul li {
list-style:none outside none;
margin:0;
padding:0;
position:relative;
display:block;
width:100%;
}
#mainMenu .mainMenuContent div ul li a {
color:#215f8b;
font-size:12px;
font-weight:bold;
text-decoration:none;
padding: 0 15px;
margin: 0 5px 0 5px;
line-height:22px;
background:url("/media/_tech/layout/images/backgrounds/mainmenu/mainmenu.png") no-repeat 0 -1px transparent;
position:relative;
display:block;
float:none;
}
#mainMenu .mainMenuContent div ul li a.more {
margin:0 0 0 5px;
}
#mainMenu .mainMenuContent div ul.left li a.more {
margin:0 5px 0 0;
padding-left: 20px;
background-position: 5px 0 !important;
}
#mainMenu .mainMenuContent div ul.bBlue75 li a {
color:#fff;
background:url("/media/_tech/layout/images/backgrounds/flyout/flyout_hover_two_gif.gif") no-repeat 0 -1px transparent;
}
#mainMenu .mainMenuContent div ul li a:hover, #mainMenu .mainMenuContent div li:hover a, #mainMenu .mainMenuContent div li.iehover a {
background-color:#e1e1e2;
}
#mainMenu .mainMenuContent div ul.bBlue75 li a:hover, #mainMenu .mainMenuContent div ul.bBlue75 li:hover a, #mainMenu .mainMenuContent div ul.bBlue75 li.iehover a {
background-color:#215f8b;
}
#mainMenu .mainMenuContent div li.top{
display:block;
line-height:22px;
position:relative;
}
/* second Menu */
#mainMenu .mainMenuContent div ul.bBlue75 li li.top {
background:url("/media/_tech/layout/images/backgrounds/flyout/flyout_top_one.png") no-repeat scroll 0 0 transparent !important;
}
#mainMenu .mainMenuContent div ul.bBlue75.left li li.top {
background:url("/media/_tech/layout/images/backgrounds/flyout/flyoutleft_top_one.gif") no-repeat scroll 0 0 transparent !important;
}
#mainMenu .mainMenuContent div li li.top {
background:url("/media/_tech/layout/images/backgrounds/mainmenu/mainmenu_top_two_gif.gif") no-repeat 0 0 transparent!important;
margin-top:-5px;
height:7px;
}
#mainMenu .mainMenuContent div ul.left li li.top {
background:url("/media/_tech/layout/images/backgrounds/mainmenu/mainmenuleft_top_two_gif.gif") no-repeat 0 0 transparent!important;
margin-top:-5px;
height:7px;
}
#mainMenu .mainMenuContent div ul ul {
display: none;
background:url("/media/_tech/layout/images/backgrounds/mainmenu/mainmenu_two_gif.gif") no-repeat 0 100% transparent;
position: absolute;
width:238px;
bottom:0px;
padding:0 0 10px 0;
margin:5px 0 0 0;
}
#mainMenu .mainMenuContent div ul.down ul {
top:0px;
bottom:auto;
}
#mainMenu .mainMenuContent div ul.left ul {
background:url("/media/_tech/layout/images/backgrounds/mainmenu/mainmenuleft_two_gif.gif") no-repeat 0 100% transparent;
margin:5px 0 0 0;
}
#mainMenu .mainMenuContent div ul.bBlue75 ul {
background:url("/media/_tech/layout/images/backgrounds/flyout/flyout_bg_three.png") no-repeat scroll 0 100% transparent
}
#mainMenu .mainMenuContent div ul.bBlue75.left ul {
background:url("/media/_tech/layout/images/backgrounds/flyout/flyoutleft_bg_three.gif") no-repeat scroll 0 100% transparent
}
/* second Menu Hover Persistence */
#mainMenu .mainMenuContent div li:hover li a:hover,
#mainMenu .mainMenuContent div li:hover li:hover a,
#mainMenu .mainMenuContent div li.iehover li a:hover,
#mainMenu .mainMenuContent div li.iehover li.iehover a {
background-color:#f1f1f1;
background-position:0 -1px;
}
#mainMenu .mainMenuContent div ul.bBlue75 li:hover li a:hover,
#mainMenu .mainMenuContent div ul.bBlue75 li:hover li:hover a,
#mainMenu .mainMenuContent div ul.bBlue75 li.iehover li a:hover,
#mainMenu .mainMenuContent div ul.bBlue75 li.iehover li.iehover a {
background-color:#003b6a;
}
/* third Menu */
#mainMenu .mainMenuContent div li li li.top {
background:url("/media/_tech/layout/images/backgrounds/mainmenu/mainmenu_top_three_gif.gif") no-repeat 0 0 transparent!important;
}
#mainMenu .mainMenuContent div ul.left li li li.top {
background:url("/media/_tech/layout/images/backgrounds/mainmenu/mainmenuleft_top_three_gif.gif") no-repeat 0 0 transparent!important;
}
#mainMenu .mainMenuContent div ul.bBlue75 li li li.top {
background:url("/media/_tech/layout/images/backgrounds/flyout/flyout_top_two.png") no-repeat 0 0 transparent!important;
}
#mainMenu .mainMenuContent div ul.bBlue75.left li li li.top {
background:url("/media/_tech/layout/images/backgrounds/flyout/flyoutleft_top_two.gif") no-repeat 0 0 transparent!important;
}
#mainMenu .mainMenuContent div ul ul ul {
display:none;
background:url("/media/_tech/layout/images/backgrounds/mainmenu/mainmenu_three_gif.gif") no-repeat 0 100% transparent;
position: absolute;
left:238px!important;
}
#mainMenu .mainMenuContent div ul.left ul ul {
background:url("/media/_tech/layout/images/backgrounds/mainmenu/mainmenuleft_three_gif.gif") no-repeat 0 100% transparent;
}
#mainMenu .mainMenuContent div ul.bBlue75 ul ul {
background:url("/media/_tech/layout/images/backgrounds/flyout/flyout_bg_two.png") no-repeat 0 100% transparent;
}
#mainMenu .mainMenuContent div ul.bBlue75.left ul ul {
background:url("/media/_tech/layout/images/backgrounds/flyout/flyoutleft_bg_two.gif") no-repeat 0 100% transparent;
}
/* third Menu Hover */
#mainMenu .mainMenuContent div li:hover li:hover li a:hover,
#mainMenu .mainMenuContent div li:hover li:hover li:hover a,
#mainMenu .mainMenuContent div li.iehover li.iehover li a:hover,
#mainMenu .mainMenuContent div li.iehover li.iehover li.iehover a {
background-color:#e1e1e2;
background-position:0 -1px;
}
#mainMenu .mainMenuContent div ul.bBlue75 li:hover li:hover li a:hover,
#mainMenu .mainMenuContent div ul.bBlue75 li:hover li:hover li:hover a,
#mainMenu .mainMenuContent div ul.bBlue75 li.iehover li.iehover li a:hover,
#mainMenu .mainMenuContent div ul.bBlue75 li.iehover li.iehover li.iehover a {
background-color:#215f8b;
}
/* fourth Menu */
#mainMenu .mainMenuContent div li li li li.top,
#mainMenu .mainMenuContent div li li li li li.top:hover {
background:url("/media/_tech/layout/images/backgrounds/mainmenu/mainmenu_top_two_gif.gif") no-repeat 0 0 transparent!important;
}
#mainMenu .mainMenuContent div ul.left li li li li.top,
#mainMenu .mainMenuContent div ul.left li li li li li.top:hover {
background:url("/media/_tech/layout/images/backgrounds/mainmenu/mainmenuleft_top_two_gif.gif") no-repeat 0 0 transparent!important;
}
#mainMenu .mainMenuContent div ul.bBlue75 li li li li.top {
background:url("/media/_tech/layout/images/backgrounds/flyout/flyout_top_one.png") no-repeat 0 0 transparent!important;
}
#mainMenu .mainMenuContent div ul.bBlue75.left li li li li.top {
background:url("/media/_tech/layout/images/backgrounds/flyout/flyoutleft_top_one.gif") no-repeat 0 0 transparent!important;
}
#mainMenu .mainMenuContent div ul ul ul ul {
display:none;
background:url("/media/_tech/layout/images/backgrounds/mainmenu/mainmenu_two_gif.gif") no-repeat 0 100% transparent;
}
#mainMenu .mainMenuContent div ul.left ul ul ul {
background:url("/media/_tech/layout/images/backgrounds/mainmenu/mainmenuleft_two_gif.gif") no-repeat 0 100% transparent;
}
#mainMenu .mainMenuContent div ul.bBlue75 ul ul ul {
display:none;
background:url("/media/_tech/layout/images/backgrounds/flyout/flyout_bg_three.png") no-repeat 0 100% transparent;
}
#mainMenu .mainMenuContent div ul.bBlue75.left ul ul ul {
background:url("/media/_tech/layout/images/backgrounds/flyout/flyoutleft_bg_three.gif") no-repeat 0 100% transparent;
}
/* fourth Menu Hover */
#mainMenu .mainMenuContent div li:hover li:hover li:hover li:hover a:hover,
#mainMenu .mainMenuContent div li:hover li:hover li:hover li:hover a,
#mainMenu .mainMenuContent div li.iehover li.iehover li.iehover li a:hover {
background-color:#f1f1f1;
background-position:0 -1px;
}
#mainMenu .mainMenuContent div ul.bBlue75 li:hover li:hover li:hover li:hover a:hover,
#mainMenu .mainMenuContent div ul.bBlue75 li:hover li:hover li:hover li:hover a,
#mainMenu .mainMenuContent div ul.bBlue75 li.iehover li.iehover li.iehover li a:hover {
background-color:#003b6a;
}
/* Do Not Move - Must Come Before display:block for Gecko */
#mainMenu .mainMenuContent div ul li:hover ul ul,
#mainMenu .mainMenuContent div ul li:hover ul ul ul,
#mainMenu .mainMenuContent div ul li:hover ul ul ul ul,
#mainMenu .mainMenuContent div ul li.iehover ul ul,
#mainMenu .mainMenuContent div ul li.iehover ul ul ul,
#mainMenu .mainMenuContent div ul li.iehover ul ul ul ul { display: none; }
#mainMenu .mainMenuContent div ul li:hover ul,
#mainMenu .mainMenuContent div ul ul li:hover ul,
#mainMenu .mainMenuContent div ul ul ul li:hover ul,
#mainMenu .mainMenuContent div ul ul ul ul li:hover ul,
#mainMenu .mainMenuContent div li.iehover ul,
#mainMenu .mainMenuContent div ul li.iehover ul,
#mainMenu .mainMenuContent div ul ul li.iehover ul,
#mainMenu .mainMenuContent div ul ul ul li.iehover ul{ display: block; }
/* mainMenu cols */
.col2 .mainMenuContent div {
width: 476px;
}
#mainMenu.col2 .mainMenuContent div ul ul {
left: 476px;
}
#mainMenu.col2 .mainMenuContent div ul.left ul {
left: -238px!important;
}
.col3 .mainMenuContent div {
width: 314px;
}
#mainMenu.col3 .mainMenuContent div ul ul {
left: 314px;
}
#mainMenu.col3 .mainMenuContent div ul.left ul {
left: -238px!important;
}
.col4 .mainMenuContent div {
width: 233px;
}
#mainMenu.col4 .mainMenuContent div ul ul {
left: 233px;
}
#mainMenu.col4 .mainMenuContent div ul.left ul {
left: -238px!important;
}
.col5 .mainMenuContent div {
width: 184px;
}
#mainMenu.col5 .mainMenuContent div ul ul {
left: 184px;
}
#mainMenu.col5 .mainMenuContent div ul.left ul {
left: -238px!important;
}
.col6 .mainMenuContent div {
width: 152px;
}
#mainMenu.col6 .mainMenuContent div ul ul {
left: 152px;
}
#mainMenu.col6 .mainMenuContent div ul.left ul {
left: -238px!important;
}
/* Tabs */
ul.tabs {
margin: 0;
padding: 0;
float: left;
list-style: none;
width: 980px;
margin-left:10px;
}
.tab12 ul.tabs {
width: 732px;
}
.tab8 ul.tabs {
width: 494px;
margin-left:0;
}
ul.tabs li {
float: left;
margin: 0;
padding: 0;
border-left: none;
margin-bottom: -1px;
margin-right: 2px;
overflow: hidden;
position: relative;
display:block;
height:35px;
}
ul.tabs li a {
background:url("/media/_tech/layout/images/backgrounds/bg_tabs_front1.gif") no-repeat scroll 0 5px transparent;
color:#404245;
display:block;
font-size:14px;
font-weight:bold;
height:35px;
line-height:35px;
outline:medium none;
padding:0 0 0 9px;
text-decoration:none;
float:left;
}
ul.tabs li a span {
background:url("/media/_tech/layout/images/backgrounds/bg_tabs_back1.gif") no-repeat scroll 100% 5px transparent;
display:block;
line-height:35px;
padding: 0 9px 0 0;
}
ul.tabs li a:hover {
background-image:url("/media/_tech/layout/images/backgrounds/bg_tabs_front1_hover.gif");
}
ul.tabs li a:hover span {
background-image:url("/media/_tech/layout/images/backgrounds/bg_tabs_back1_hover.gif");
}
ul.tabs li.active a, ul.tabs li.active a:hover {
background:url("/media/_tech/layout/images/backgrounds/bg_tabs_front.gif") no-repeat scroll 0 0 transparent;
height:35px;
line-height:35px;
}
ul.tabs li.active a span, ul.tabs li.active a:hover span {
background:url("/media/_tech/layout/images/backgrounds/bg_tabs_back.gif") no-repeat scroll 100% 0 transparent;
display:block;
line-height:35px;
padding: 0 9px 0 0;
}
.tab_container {
border: 1px solid #c3c3c4;
clear: both;
float: left;
width: 980px;
background: #fff;
margin-left:10px;
margin-bottom: 15px;
}
.tab12 .tab_container {
width: 732px;
}
.tab8 .tab_container {
width: 494px;
margin-left:0px;
}
.tab_content {
padding: 20px 20px 20px 0;
}
.tab12 .tab_content {
padding: 20px 12px 20px 0;
}
/* Tabs Grid16 */
.tab_container .grid16 {
width: 960px;
}
.tab_container .col16 {
width: 950px;
overflow:hidden;
}
.tab_container .grid12 {
width: 720px;
}
.tab_container .col12 {
width: 710px;
overflow:hidden;
}
.tab_container .grid8 {
width:480px;
}
.tab_container .col8 {
width:470px;
overflow:hidden;
}
.tab_container .col6 {
width:350px;
overflow:hidden;
}
.tab_container .col5 {
width:280px;
overflow:hidden;
}
.tab_container .col4 {
width:230px;
overflow:hidden;
}
.tab_container .col3 {
width:170px;
overflow:hidden;
}
.tab16 .hr_fallback {
width: 980px;
}
.tab12 .hr_fallback {
width: 732px;
}
.tab8 .hr_fallback {
width: 495px;
}
/* Hoverbox */
a.tsrLnk {
display:block;
height:100%;
width:100%;
left:0px;
top:0px;
position:absolute;
z-index:500;
}
a.tsrLnk img {
height:100%;
width:100%;
}
span.linkDescription {
display:block;
position:absolute;
text-indent:-3000px;
z-index:-1;
}
.hvBox {
position:relative;
}
.hvBox {
position:relative;
}
.hvBox img {
width:100%;
height:100%;
zoom:1;
position:relative;
display:block;
}
.hvBox.height1 {
height: 178px;
overflow:hidden;
}
.hvBox.height2 {
height: 208px;
overflow:hidden;
}
.hvBox.height3 {
height: 238px;
overflow:hidden;
}
.hvBox .hvall {
position:absolute;
left: 0px;
top:0px;
width:100%;
height:100%;
color:#fff;
font-size:14px;
line-height:17px;
}
.hvBox .hvband {
height: 50px;
background:url("/media/_tech/layout/images/backgrounds/bgcntstagebblue75.png") repeat 0 0 transparent;
position:absolute;
bottom: 10px;
left: 0px;
width:100%;
z-index:100;
font-weight:bold;
}
.hvBox .hvband.big {
height: 65px;
}
.hvBox .hvinfo {
background:url("/media/_tech/layout/images/backgrounds/bgcntstagebblue75.png") repeat 0 0 transparent;
position:absolute;
top: 0px;
left: 0px;
width:100%;
height:100%;
z-index:0;
display:none;
}
.hvBox .hvall.active .hvinfo {
display:block;
overflow: hidden;
}
.hvBox .hvband span, .hvBox .hvinfo span {
padding:9px 10px;
display:block;
}
.hvBox .hvall .hvband a.relatedLnk {
background: url(/media/_tech/layout/images/icons/lnkstyles/lnkstylecntlink_g1.gif) no-repeat 0px 6px transparent;
color:#fff;
}
.hvBox .hvall.active .hvband a.relatedLnk {
background: url(/media/_tech/layout/images/icons/lnkstyles/lnkstylecntlink_g2.gif) no-repeat 0px 6px transparent;
color:#e1e1e2;
}
/* Flyout */
#subMenu {
overflow: visible!important;
}
ul.flyout {
width: 228px;
padding:0;
margin:0 0 0 10px;
position:static;
display:block;
z-index:1000;
}
#subMenu .grid4 ul.flyout {
margin: 0 0 0 0;
}
ul.flyout li.top {
line-height:22px;
height:22px;
position:relative;
display:block;
background:url("/media/_tech/layout/images/backgrounds/flyout/flyout_btn.png") no-repeat scroll 0 0 transparent;
}
ul.flyout li a {
display: block;
display:inline-block;
list-style: none;
position: relative;
line-height:15px;
padding:0 0 0 10px;
color:#fff!important;
text-decoration:none;
font-weight:bold;
font-size:12px;
}
ul.flyout li.top:hover, ul.flyout li.top.ieHover{
background:url("/media/_tech/layout/images/backgrounds/flyout/flyout_btn_hover.png") no-repeat 0 0 transparent!important;
z-index:2000;
}
ul.flyout ul {
background:url("/media/_tech/layout/images/backgrounds/flyout/flyout_bg_onesmall.png") no-repeat 0 100% transparent;
display:none;
list-style:none outside none;
position:absolute;
width:228px;
top:22px;
left:0px;
padding:0 0 16px 0;
z-index:2000;
}
ul.flyout ul li {
background:none;
padding:0 0 0 0;
height:auto;
position:relative;
}
/* Root Menu */
ul.flyout a {
position:relative;
display:block;
margin:3px 0 0 0;
float: none !important;
}
/* first */
ul.flyout li li.top {
background:none!important;
height:7px;
}
ul.flyout li li a, .expandable ul.flyout li li a {
padding: 5px 5px 5px 15px;
margin: 0 5px 0 5px;
background:url("/media/_tech/layout/images/backgrounds/flyout/flyout_hover_two.png") no-repeat 0 0 transparent;
position:relative;
display:block;
}
ul.flyout li li a.more {
margin: 0 0 0 5px;
}
ul.flyout.left li li a.more {
margin: 0 5px 0 0;
padding-left: 20px;
background-position: 5px 0!important;
}
/* first Hover Persistence */
ul.flyout li:hover li a:hover,
ul.flyout li:hover li:hover a,
ul.flyout li.iebg a {
background-image: url("/media/_tech/layout/images/backgrounds/flyout/flyout_hover_two.png");
background-position:0 0;
background-color:#003b6a;
/* round corners */
-moz-border-radius:5px 5px 5px 5px; /* Firefox */
-webkit-border-radius:5px 5px 5px 5px; /* Safari and chrome */
-khtml-border-radius:5px 5px 5px 5px; /* Linux browsers */
border-radius:5px 5px 5px 5px; /* CSS3 */
background-position:0 0;
}
ul.flyout li:hover li a.more:hover,
ul.flyout li:hover li:hover a.more {
/* round corners */
-moz-border-radius:5px 0px 0px 5px; /* Firefox */
-webkit-border-radius:5px 0px 0px 5px; /* Safari and chrome */
-khtml-border-radius:5px 0px 0px 5px; /* Linux browsers */
border-radius:5px 0px 0px 5px; /* CSS3 */
}
ul.flyout.left li:hover li a.more:hover,
ul.flyout.left li:hover li:hover a.more {
/* round corners */
-moz-border-radius:0px 5px 5px 0px!important; /* Firefox */
-webkit-border-radius:0px 5px 5px 0px!important; /* Safari and chrome */
-khtml-border-radius:0px 5px 5px 0px!important; /* Linux browsers */
border-radius:0px 5px 5px 0px!important; /* CSS3 */
}
/* second Menu */
ul.flyout li li li.top, ul.flyout li li li.top:hover {
background:url("/media/_tech/layout/images/backgrounds/flyout/flyout_top_two.png") no-repeat 0 0 transparent!important;
margin-top:-5px;
height:7px;
width:238px;
position:relative;
display:block;
}
ul.flyout.left li li li.top, ul.flyout.left li li li.top:hover {
background:url("/media/_tech/layout/images/backgrounds/flyout/flyoutleft_top_two.gif") no-repeat 0 0 transparent!important;
}
ul.flyout ul ul {
display: none;
background:url("/media/_tech/layout/images/backgrounds/flyout/flyout_bg_two.png") no-repeat 0 100% transparent;
position: absolute;
top: 5px;
left:228px;
width:238px;
z-index:2000;
}
ul.flyout.up ul ul {
top: auto!important;
/* bottom:0px; */
bottom: 15px;
margin: 0 0 -16px 0;
}
ul.flyout.left ul ul {
background:url("/media/_tech/layout/images/backgrounds/flyout/flyoutleft_bg_two.gif") no-repeat 0 100% transparent;
left:-238px;
}
/* second Menu Hover Persistence */
ul.flyout li:hover li:hover li a:hover,
ul.flyout li:hover li:hover li:hover a,
ul.flyout li.iebg li.iebg a {
background-color:#215f8b;
background-position:0 0;
/* round corners */
-moz-border-radius:5px 5px 5px 5px; /* Firefox */
-webkit-border-radius:5px 5px 5px 5px; /* Safari and chrome */
-khtml-border-radius:5px 5px 5px 5px; /* Linux browsers */
border-radius:5px 5px 5px 5px; /* CSS3 */
}
ul.flyout li:hover li:hover li a.more:hover,
ul.flyout li:hover li:hover li:hover a.more {
/* round corners */
-moz-border-radius:5px 0px 0px 5px; /* Firefox */
-webkit-border-radius:5px 0px 0px 5px; /* Safari and chrome */
-khtml-border-radius:5px 0px 0px 5px; /* Linux browsers */
border-radius:5px 0px 0px 5px; /* CSS3 */
}
/* third Menu */
ul.flyout li li li li.top, ul.flyout li li li li.top:hover {
background:url("/media/_tech/layout/images/backgrounds/flyout/flyout_top_one.png") no-repeat 0 0 transparent!important;
}
ul.flyout.left li li li li.top, ul.flyout.left li li li li.top:hover {
background:url("/media/_tech/layout/images/backgrounds/flyout/flyoutleft_top_one.gif") no-repeat 0 0 transparent!important;
}
ul.flyout ul ul ul{
background:url("/media/_tech/layout/images/backgrounds/flyout/flyout_bg_three.png") no-repeat 0 100% transparent;
left:238px;
}
ul.flyout.left ul ul ul{
background:url("/media/_tech/layout/images/backgrounds/flyout/flyoutleft_bg_three.gif") no-repeat 0 100% transparent;
}
ul.flyout.left ul ul ul{
left:-238px;
}
/* third Menu Hover */
ul.flyout li li li li a {background-color:#215f8b!important;}
ul.flyout li:hover li:hover li:hover li a:hover,
ul.flyout li:hover li:hover li:hover li:hover a,
ul.flyout li.iebg li.iebg li.iebg a {
background-color:#003b6a!important;
background-position:0 0;
/* round corners */
-moz-border-radius:5px 5px 5px 5px; /* Firefox */
-webkit-border-radius:5px 5px 5px 5px; /* Safari and chrome */
-khtml-border-radius:5px 5px 5px 5px; /* Linux browsers */
border-radius:5px 5px 5px 5px; /* CSS3 */
}
ul.flyout li:hover li:hover li:hover li a.more:hover,
ul.flyout li:hover li:hover li:hover li:hover a.more {
/* round corners */
-moz-border-radius:5px 0px 0px 5px; /* Firefox */
-webkit-border-radius:5px 0px 0px 5px; /* Safari and chrome */
-khtml-border-radius:5px 0px 0px 5px; /* Linux browsers */
border-radius:5px 0px 0px 5px; /* CSS3 */
}
/* fourth Menu */
ul.flyout li li li li li.top, ul.flyout li li li li li.top:hover {
background:url("/media/_tech/layout/images/backgrounds/flyout/flyout_top_two.png") no-repeat 0 0 transparent!important;
}
ul.flyout.left li li li li li.top, ul.flyout.left li li li li li.top:hover {
background:url("/media/_tech/layout/images/backgrounds/flyout/flyoutleft_top_two.gif") no-repeat 0 0 transparent!important;
}
ul.flyout ul ul ul ul {
display:none;
background:url("/media/_tech/layout/images/backgrounds/flyout/flyout_bg_two.png") no-repeat 0 100% transparent;
z-index:2000;
}
ul.flyout.left ul ul ul ul {
display:none;
background:url("/media/_tech/layout/images/backgrounds/flyout/flyoutleft_bg_two.gif") no-repeat 0 100% transparent;
z-index:2000;
}
/* fourth Menu Hover */
ul.flyout li li li li li a {background-color:#003b6a!important;}
ul.flyout li:hover li:hover li:hover li:hover li a:hover,
ul.flyout li.iebg li.iebg li.iebg li.iebg a:hover {
background-color:#215f8b!important;
background-position:0 0;
/* round corners */
-moz-border-radius:5px 5px 5px 5px; /* Firefox */
-webkit-border-radius:5px 5px 5px 5px; /* Safari and chrome */
-khtml-border-radius:5px 5px 5px 5px; /* Linux browsers */
border-radius:5px 5px 5px 5px; /* CSS3 */
}
ul.flyout li:hover li:hover li:hover li:hover li a.more:hover{
/* round corners */
-moz-border-radius:5px 5px 5px 5px; /* Firefox */
-webkit-border-radius:5px 5px 5px 5px; /* Safari and chrome */
-khtml-border-radius:5px 5px 5px 5px; /* Linux browsers */
border-radius:5px 5px 5px 5px; /* CSS3 */
}
/* Do Not Move - Must Come Before display:block for Gecko */
ul.flyout li:hover ul ul,
ul.flyout li:hover ul ul ul,
ul.flyout li:hover ul ul ul ul,
ul.flyout li.iehover ul ul,
ul.flyout li.iehover ul ul ul,
ul.flyout li.iehover ul ul ul ul { display: none; }
/* ul.flyout li:hover ul,
ul.flyout ul li:hover ul,
ul.flyout ul ul li:hover ul,
ul.flyout ul ul ul li:hover ul,
ul.flyout ul ul ul ul li:hover ul,
ul.flyout li.iehover ul,
ul.flyout ul li.iehover ul,
ul.flyout ul ul li.iehover ul,
ul.flyout ul ul ul li.iehover ul{ display: block; }
*/
/*Wrapper Box Boschvideoplayer Overlay*/
.boschplayer_wrap { position: relative; margin-bottom: 10px; }
.playbutton { background:url("/media/_tech/videoplayer/btns_player/playbutton.png") no-repeat 0 100% transparent; }
.playbutton:hover {
background:url("/media/_tech/videoplayer/btns_player/playbutton_hover.png") no-repeat 0 100% transparent;
}
img.playbutton { width: 108px; height: 68px; }
/* soMe */
#footer a.footerActionGoogle{background-image: url(/media/_tech/layout/images/icons/share/footer_google.png); background-position: 11px 70%;}
#footer a.footerActionGoogle:hover{background-image: url(/media/_tech/layout/images/icons/share/footer_google_hover.png);}
#footer a.footerActionFacebook{background-image: url(/media/_tech/layout/images/icons/share/footer_facebook.png); background-position: 18px center}
#footer a.footerActionFacebook:hover{background-image: url(/media/_tech/layout/images/icons/share/footer_facebook_hover.png);}
#footer a.footerActionTwitter{background-image: url(/media/_tech/layout/images/icons/share/footer_twitter.png); background-position: 15px center}
#footer a.footerActionTwitter:hover{background-image: url(/media/_tech/layout/images/icons/share/footer_twitter_hover.png);}
#footer a.footerActionYoutube{background-image: url(/media/_tech/layout/images/icons/share/footer_youtube.png); background-position: 11px center}
#footer a.footerActionYoutube:hover{background-image: url(/media/_tech/layout/images/icons/share/footer_youtube_hover.png);}
#footer a.footerActionRSS{background-image: url(/media/_tech/layout/images/icons/share/footer_rss.png); background-position: 11px center}
#footer a.footerActionRSS:hover{background-image: url(/media/_tech/layout/images/icons/share/footer_rss_hover.png);}
#footer a.footerActionShare{background-image: url(/media/_tech/layout/images/icons/share/footer_share.png); background-position: 14px 8px}
#footer a.footerActionShare:hover{background-image: url(/media/_tech/layout/images/icons/share/footer_share_hover.png);}
.txtSection ul.socialMedia { padding:0 0 10px 0; list-style:none; margin:0; position:relative; display:block; float:left;}
.txtSection ul.socialMedia li { padding:0px; list-style:none; margin:0 5px 0 0; display:block; float:left;}
.txtSection ul.socialMedia a { cursor:pointer; position:relative; z-index:500; color:transparent;}
.col7 .socialMedia .facebookLike, .col8 .socialMedia .facebookLike, .col12 .socialMedia .facebookLike, .col16 .socialMedia .facebookLike { background: transparent url(/media/_tech_junkers/layout_junkers/images_junkers/socialshareprivacy/dummy_facebook.png) 0 0 no-repeat;width:86px; height:22px; position:relative; display:block; float:left;margin-top:4px;}
.col7 .socialMedia .facebookLike:hover, .col8 .socialMedia .facebookLike:hover, .col12 .socialMedia .facebookLike:hover, .col16 .socialMedia .facebookLike:hover {}
.col7 .socialMedia .google, .col8 .socialMedia .google, .col12 .socialMedia .google, .col16 .socialMedia .google { background: transparent url(/media/_tech/layout/images/icons/share/google_text_icon.png) 0 0 no-repeat; width:63px; height:22px; position:relative; display:block; float:left; margin-top:3px;}
.col7 .socialMedia .google:hover, .col8 .socialMedia .google:hover, .col12 .socialMedia .google:hover, .col16 .socialMedia .google:hover { background: transparent url(/media/_tech/layout/images/icons/share/google_text_icon_hover.png) 0 0 no-repeat;}
.col7 .socialMedia .facebookShare, .col8 .socialMedia .facebookShare, .col12 .socialMedia .facebookShare, .col16 .socialMedia .facebookShare { background: transparent url(/media/_tech/layout/images/icons/share/facebook_text_icon.png) 0 0 no-repeat; width:59px; height:22px; position:relative; display:block; float:left; margin-top:3px;}
.col7 .socialMedia .facebookShare:hover, .col8 .socialMedia .facebookShare:hover, .col12 .socialMedia .facebookShare:hover, .col16 .socialMedia .facebookShare:hover { background: transparent url(/media/_tech/layout/images/icons/share/facebook_text_icon_hover.png) 0 0 no-repeat;}
.col7 .socialMedia .twitter, .col8 .socialMedia .twitter, .col12 .socialMedia .twitter, .col16 .socialMedia .twitter { background: transparent url(/media/_tech/layout/images/icons/share/twitter_text_icon.png) 0 0 no-repeat; width:61px; height:22px; position:relative; display:block; float:left; margin-top:3px;}
.col7 .socialMedia .twitter:hover, .col8 .socialMedia .twitter:hover, .col12 .socialMedia .twitter:hover, .col16 .socialMedia .twitter:hover { background: transparent url(/media/_tech/layout/images/icons/share/twitter_text_icon_hover.png) 0 0 no-repeat;}
.col7 .socialMedia .share, .col8 .socialMedia .share, .col12 .socialMedia .share, .col16 .socialMedia .share { background: transparent url(/media/_tech/layout/images/icons/share/plus_text_icon.png) 0 0 no-repeat; width:61px; height:22px; position:relative; display:block; float:left; margin-top:3px;}
.col7 .socialMedia .share:hover, .col8 .socialMedia .share:hover, .col12 .socialMedia .share:hover, .col16 .socialMedia .share:hover { background: transparent url(/media/_tech/layout/images/icons/share/plus_text_icon_hover.png) 0 0 no-repeat;}
.col3 .socialMedia .google, .col4 .socialMedia .google, .col5 .socialMedia .google, .col6 .socialMedia .google { background: transparent url(/media/_tech/layout/images/icons/share/google_icon.png) 0 0 no-repeat; width:22px; height:22px; position:relative; display:block; float:left; margin-top:3px;}
.col3 .socialMedia .google:hover, .col4 .socialMedia .google:hover, .col5 .socialMedia .google:hover, .col6 .socialMedia .google:hover { background: transparent url(/media/_tech/layout/images/icons/share/google_icon_hover.png) 0 0 no-repeat;}
.col3 .socialMedia .facebookLike, .col4 .socialMedia .facebookLike, .col5 .socialMedia .facebookLike, .col6 .socialMedia .facebookLike { background: transparent url(/media/_tech/layout/images/icons/share/facebook_icon.png) 0 0 no-repeat; width:22px;height:22px; position:relative; display:block; float:left;margin-top:3px;}
.col3 .socialMedia .facebookLike:hover, .col4 .socialMedia .facebookLike:hover, .col5 .socialMedia .facebookLike:hover, .col6 .socialMedia .facebookLike:hover {}
.col3 .socialMedia .facebookShare, .col4 .socialMedia .facebookShare, .col5 .socialMedia .facebookShare, .col6 .socialMedia .facebookShare { background: transparent url(/media/_tech/layout/images/icons/share/facebook_icon.png) 0 0 no-repeat; width:22px; height:22px; position:relative; display:block; float:left; margin-top:3px;}
.col3 .socialMedia .facebookShare:hover, .col4 .socialMedia .facebookShare:hover, .col5 .socialMedia .facebookShare:hover, .col6 .socialMedia .facebookShare:hover { background: transparent url(/media/_tech/layout/images/icons/share/facebook_icon_hover.png) 0 0 no-repeat;}
.col3 .socialMedia .twitter, .col4 .socialMedia .twitter, .col5 .socialMedia .twitter, .col6 .socialMedia .twitter { background: transparent url(/media/_tech/layout/images/icons/share/twitter_icon.png) 0 0 no-repeat; width:22px; height:22px; position:relative; display:block; float:left; margin-top:3px;}
.col3 .socialMedia .twitter:hover, .col4 .socialMedia .twitter:hover, .col5 .socialMedia .twitter:hover, .col6 .socialMedia .twitter:hover { background: transparent url(/media/_tech/layout/images/icons/share/twitter_icon_hover.png) 0 0 no-repeat;}
.col3 .socialMedia .share, .col4 .socialMedia .share, .col5 .socialMedia .share, .col6 .socialMedia .share { background: transparent url(/media/_tech/layout/images/icons/share/plus_icon.png) 0 0 no-repeat; width:22px; height:22px; position:relative; display:block; float:left; margin-top:3px;}
.col3 .socialMedia .share:hover, .col4 .socialMedia .share:hover, .col5 .socialMedia .share:hover, .col6 .socialMedia .share:hover { background: transparent url(/media/_tech/layout/images/icons/share/plus_icon_hover.png) 0 0 no-repeat;}
#wrapperAll .socialTeaser .txtSection a.relatedLnk { font-size:0.99em; padding-top:1px;}
#wrapperAll .socialTeaser .txtSection ul.relatedItems { padding-right:0px;}
.grid16 .socialTeaser { margin-top:50px;}
/* grey */
.tooltip .top.bgSocialTop { background:url(/media/_tech/layout/images/icons/share/some_arrow_tooltip.png) no-repeat scroll 0 0 transparent; bottom: -15px;}
.tooltip div.bgSocial { background-color:#e1e1e2; background-image:none; position:relative; width:230px; z-index:50; margin-top:0px; float:left; }
.tooltip div.bgSocial p { color:#000;}
.tooltip div.bgSocial a.relatedLnk { background: transparent url("/media/_tech/layout/images/icons/lnkstyles/lnkstylecntlink_b1.gif") 0 8px no-repeat!important; color: #215F8B!important;}
.tooltip div.bgSocial a.relatedLnk:hover { background: transparent url("/media/_tech/layout/images/icons/lnkstyles/lnkstylecntlink_b2.gif") 0 8px no-repeat!important; color: #003B6A!important;}
.tooltip div.bgSocial ul.relatedItems { margin-top:-5px;}
/*blue*/
.tooltip .bgSocialTop.grey { background:url(/media/_tech/layout/images/icons/share/arrow_tool_darkblue_social.png) no-repeat scroll 0 0 transparent;}
.tooltip .bgSocial.grey { background-color:#215F8B; background-image:none; position:relative; width:230px; z-index:50; margin-top:0px; color:#fff!important; }
.tooltip .bgSocial.grey p { color:#fff!important; }
.tooltip .bgSocial.grey a.relatedLnk { background: transparent url("/media/_tech/layout/images/icons/lnkstyles/lnkstylecntlink_g1.gif") 0 8px no-repeat!important; color: #ffffff!important;}
.tooltip .bgSocial.grey a.relatedLnk:hover { background: transparent url("/media/_tech/layout/images/icons/lnkstyles/lnkstylecntlink_g1.gif") 0 8px no-repeat!important; color: #E1E1E2!important;}
.cntBox h3 a, .cntBox h2 a, h3 a, h2 a { text-decoration:none; color:#000; }
.cntBox h3 a:hover, .cntBox h2 a:hover, h3 a:hover, h2 a:hover { color:#003B6A; }
#share-content-inner tbody tr:hover td, #share-content-inner tbody tr.iehover td { background-color:transparent!important; }
#share-content table tr td a { background-position: 32px 7px!important; }
.socialData { color: #c3c3c4; position:relative; display:block; clear:both; padding-bottom:10px; margin-top:-5px; }
.txtSection .socialData { margin-top:0px;}
h2.results,
h2.resultslap { float:left; padding: 0 0 11px 10px}
/* Filter input */
.filter { background-color: #eeeeee; margin: 0 0 0 10px; float:left; padding: 0 0 10px 0;}
.filter div.option { padding: 10px;}
.filter div.option img {float: left; margin:2px 5px 0 0;}
.filter div.option span { width:155px; position:relative; display:block; float:left; font-weight:bold;}
.filter div.option div { position: relative; display:block; width:75%; float:left;}
.filter div.option div.twoColInput { background: url(/media/_tech/layout/images/backgrounds/line.jpg) no-repeat 50% 0 transparent; padding-bottom: 10px}
.filter div.option div.checkboxFirst { width:48%; padding: 0 10px 0 0;}
.filter div.option div.checkboxSecond { width:48%; padding: 0 0 0 10px;}
.filter div.option div.twoColInput div input { position:relative; float:left;}
.filter div.option div.twoColInput div label { position:relative; float:left; width:80%; padding:0 0 0 5px;}
.filter h3 { float:left; padding: 10px 0 10px 10px; color:#404245;}
.filter select { width: 185px;}
.filter label { padding: 0 10px 0 0;}
.filter a { float: right; color:#004cc2;}
.filter a.inactive { color:#d6ddea; cursor: default;}
.filter span.dark { position:relative; display: block; height:1px!important; line-height:1px!important; border-bottom: 1px solid #C3C3C4; margin: 0 10px -1px 10px; clear:both; padding:0px; }
.filter span.white { position:relative; display: block; height:1px!important; line-height:1px!important; border-bottom: 1px solid #fff; clear:both; margin: 0 10px; padding:0px; }
.filter button.btn { margin:10px 10px 10px 0px; float:right;}
/* sort table */
.sort .up { background: transparent url(/media/_tech/layout/images/icons/arr_up.gif) 0 0 no-repeat; position:relative; display:block; width:10px; height:10px; margin-top:-3px; margin-bottom:3px; }
.sort .down { background: transparent url(/media/_tech/layout/images/icons/arr_down.gif) 0 0 no-repeat; position:relative; display:block; width:10px; height:10px; margin-bottom:-5px; }
.sort .up:hover, .sort .up.active { background: transparent url(/media/_tech/layout/images/icons/arr_up_dark.gif) 0 0 no-repeat; }
.sort .down:hover, .sort .down.active { background: transparent url(/media/_tech/layout/images/icons/arr_down_dark.gif) 0 0 no-repeat; }
.sort th.even .up:hover, .sort th.even .up.active { background: transparent url(/media/_tech/layout/images/icons/arr_up_light.gif) 0 0 no-repeat; }
.sort th.even .down:hover, .sort th.even .down.active { background: transparent url(/media/_tech/layout/images/icons/arr_down_light.gif) 0 0 no-repeat; }
/* ppt changes design review */
#wrapperAll .cntBox h3 { padding-bottom:0px;}
.grid16 .grid4.floatLe .cntBox h3{ font-size:1.2em; padding-bottom:0px;}
.grid16 .twoCol.floatLe .cntBox h3 { font-size:1em; padding-bottom:0px;}
.grid16 .grid4.floatLe .cntBox:first-child, .contentArea.grid16 .twoCol.floatLe .cntBox:first-child { margin-bottom:10px;}
#wrapperAll .txtSection ul { padding-bottom:0px!important;}
#wrapperAll .floatLe .txtSection ul { padding: 0 15px 15px 0!important;}
#wrapperAll .txtSection p { padding-bottom:4px;}
#wrapperAll .contentArea .cntBox { margin-bottom:14px!important; z-index:20;}
#wrapperAll .contentArea .cntBox.imgBoxLeft, #wrapperAll .contentArea .cntBox.imgBoxTop { margin-bottom:16px!important;}
.cntWrapper.grid16 .col4.floatLe hr { margin-top:4px; margin-bottom:-2px;}
.floatLe .cntBox hr { margin-top:3px; margin-bottom:0px;}
#wrapperAll .contentArea .cntBox.grey { margin-bottom: 19px !important;}
#wrapperAll div.grey .txtSection ul, #wrapperAll div.inverse .txtSection ul { padding-bottom:15px;}
.cntBox.col4 .boschplayer_wrap { margin-bottom: 6px; }
.cntBox.imgBoxTop .imgSection { margin-bottom:-3px;}
ul.relatedItems li:first-child { padding-top:0px;}
ul.relatedItems li { padding-top:5px;}
.cntBox.bgGreyDark,
.cntBox.bgYellowGreen,
.cntBox.bgBlue75,
.cntBox.bgRedBrown,
.cntBox.bgGrey25,
.cntBox.bgRed,
.cntBox.inverse,
.cntBox.grey,
.tsrBoxR.bgGreyDark,
.tsrBoxR.bgYellowGreen,
.tsrBoxR.bgBlue75,
.tsrBoxR.bgRedBrown,
.tsrBoxR.bgGrey25,
.tsrBoxR.bgRed,
.tsrBoxR.inverse,
.tsrBoxR.grey,
.tsrBoxL.bgGreyDark,
.tsrBoxL.bgYellowGreen,
.tsrBoxL.bgBlue75,
.tsrBoxL.bgRedBrown,
.tsrBoxL.bgGrey25,
.tsrBoxL.bgRed,
.tsrBoxL.inverse,
.tsrBoxL.grey
{ padding-bottom:8px}
#wrapperAll div.col8.grey .imgSection { padding-bottom:2px;}
#wrapperAll .txtSection ul.socialMedia { padding-bottom:7px!important;}
/* LAP */
.cntTableDefault .events td p { margin:0px;}
table.cntTableDefault td, table.cntTableDefault thead th { padding: 7px 10px;}
table.cntTableDefault a.relatedLnk { background: url(/media/_tech/layout/images/icons/lnkstyles/lnkstylecntlink_b1.gif) no-repeat scroll 0 5px transparent; }
table.cntTableDefault a.relatedLnk:hover { background: url(/media/_tech/layout/images/icons/lnkstyles/lnkstylecntlink_b2.gif) no-repeat scroll 0 5px transparent; }
.lap .paginatorDefault a {color: #22608c;}
.lap .paginatorDefault a.inactive {color: #C3C3C4;}
.lap .paginatorDefault a:hover.inactive {background-color: #fff;}
/* tooltip universal box */
.universalBox .tooltipIcon, .expandable_box .tooltipIcon { padding-top:5px; padding-bottom:10px;}
/******************************
* Section: Error
******************************/
.errorbox {
background: #FF0000;
padding: 5px 10px;
border-bottom: 1px solid #FFFFFF;
}
.errorbox h3 {
padding: 5px 10px;
border: 1px solid #FFFFFF;
}
.errorbox p {
padding: 10px 0 10px 0;
}
/* filter left */
#subMenu .filterLeft .form, #subMenu .filterLeft .form fieldset { padding:0px 5px;}
#subMenu .filterLeft span.dark { border-bottom: 1px solid #C3C3C4; clear: both; display: block; height: 1px; line-height: 1px; margin:0; padding:0; position:relative; }
#subMenu .filterLeft span.white { display:none;}
#subMenu .filterLeft .option, #subMenu .filter .data { position:relative; display:block; clear:both; margin-top:6px;}
#subMenu .filterLeft .option span { font-size: 14px; font-weight: bold; line-height: 18px; position:relative; display: block; padding: 0 0 11px 0;}
#subMenu .filterLeft { font-weight:bold; margin-top:1px;}
#subMenu .filterLeft select { width:100%; margin-bottom:24px; padding:2px 0; }
#subMenu .filterLeft .twoColInput { padding-bottom:24px;}
#subMenu .filterLeft ul, #subMenu .filterLeft ul li { list-style:none; margin:0px 0 7px 0; padding:0 0 3px 0; clear:both; }
#subMenu .filterLeft ul li label { float:left; text-align:right; width:30px; padding:0 10px 15px 0px; font-weight:normal;}
#subMenu .filterLeft h3 { margin-bottom: 15px;}
#subMenu .filterLeft .reset {float: left; color: #c1c1c1; cursor: pointer; cursor: hand; border: none; background: transparent url(/media/_tech/layout/images/btns/reset_filter.jpg) 0 7px no-repeat; margin: -15px 0 8px 0;}
#subMenu .filterLeft .reset span { font-size:12px;}
#subMenu .filterLeft .filterBar { margin:-15px 0 30px 0!important;}
#subMenu .filterLeft .filterBar a.relatedLnk { background-position: 0 4px;}
/* filter middle */
.filterMiddle a { font-weight:normal;}
.grid8.filterMiddle { width:480px;}
.filterMiddle h3 { color: #404245; font-size: 0.88em; float:left; }
.filterMiddle .form, #subMenu filterMiddle .form fieldset { padding-top:0px;}
.filterMiddle span.dark { border-bottom: 1px solid #C3C3C4; clear: both; display: block; height: 1px; line-height: 1px; margin:0; padding:0; position:relative; }
.filterMiddle span.white { display:none;}
.filterMiddle .option, #subMenu .filter .data { position:relative; display:block; clear:both; margin-top:10px;}
.filterMiddle .option button span { width:auto; color: #ADBACA}
.filterMiddle .option span { color: #404245; font-size: 0.88em; line-height: 18px; position:relative; display: block; padding: 0 0 5px 0; width:120px; float:left;}
.filterMiddle { font-weight:bold; margin-top:1px; position:relative;}
.filterMiddle select { width:62%; margin-bottom:10px; }
.filterMiddle input { width:92%;}
.filterMiddle .twoColInput input { width:278px; margin-bottom:10px;}
.filterMiddle .checkboxFirst input, .filterMiddle .checkboxSecond input, .filterMiddle .checkboxThird input { width:auto; position:relative; display:block; float:left;}
.filterMiddle .checkboxFirst label, .filterMiddle .checkboxSecond label, .filterMiddle .checkboxThird label { position:relative; display: block; float:left; padding:1px 0 0 2px;}
.filterMiddle .checkboxFirst, .filterMiddle .checkboxSecond, .filterMiddle .checkboxThird { float:left; padding: 0 5px 0 0;}
.filterMiddle ul, .filterMiddle ul li { list-style:none; margin:12px 0 -8px; padding:0 0 3px 0; clear:both}
.filterMiddle ul li label { float:left; text-align:right; width:30px; padding:0 10px 15px 0px; font-size:12px;}
.filterMiddle .twoColInput ul li input { width:70px;}
.filterMiddle .reset {float: left; color: #adbaca; cursor: pointer; cursor: hand; border: none; background: transparent url(/media/_tech/layout/images/btns/reset_filter.jpg) 0 5px no-repeat; margin:0 0 0 15px;}
.filterMiddle .filterBar { margin:15px 0 30px 0!important;}
.filterMiddle .filterBar a.relatedLnk { background-position: 0 4px;}
.filterMiddle .twoColInput { float:left; font-size:12px!important; font-weight:normal; position:relative; display:block;}
.filterMiddle .twoColInput li { float: left; clear:none; margin-top:-15px;}
.filterMiddle .newItems { margin-top:10px; position:relative; display:block; float:left; margin-bottom:5px; color: #404245; font-size: 0.88em;}
.filterMiddle a.closeFilter { position:absolute; right: 12px; top:10px;}
/* date picker */
table.jCalendar {
border: 1px solid #000;
background: #aaa;
border-collapse: separate;
border-spacing: 2px;
}
table.jCalendar th {
background: #333;
color: #fff;
font-weight: bold;
padding: 3px 5px;
}
table.jCalendar td {
background: #ccc;
color: #000;
padding: 3px 5px;
text-align: center;
}
table.jCalendar td.other-month {
background: #ddd;
color: #aaa;
}
table.jCalendar td.today {
background: #666;
color: #fff;
}
table.jCalendar td.selected {
background: #f66;
color: #fff;
}
table.jCalendar td.selected.dp-hover {
background: #f33;
color: #fff;
}
table.jCalendar td.dp-hover,
table.jCalendar tr.activeWeekHover td {
background: #fff;
color: #000;
}
table.jCalendar tr.selectedWeek td {
background: #f66;
color: #fff;
}
table.jCalendar td.disabled, table.jCalendar td.disabled.dp-hover {
background: #bbb;
color: #888;
}
table.jCalendar td.unselectable,
table.jCalendar td.unselectable:hover,
table.jCalendar td.unselectable.dp-hover {
background: #bbb;
color: #888;
}
/* For the popup */
div.dp-popup {
position: relative;
background: #ccc;
font-size: 10px;
font-family: arial, sans-serif;
padding: 2px;
width: 171px;
line-height: 1.2em;
}
div#dp-popup {
position: absolute;
z-index: 600;
}
div.dp-popup h2 {
font-size: 12px;
text-align: center;
margin: 2px 0;
padding: 0;
}
a#dp-close {
font-size: 11px;
padding: 4px 0;
text-align: center;
display: block;
}
a#dp-close:hover {
text-decoration: underline;
}
div.dp-popup a {
color: #000;
text-decoration: none;
padding: 3px 2px 0;
}
div.dp-popup div.dp-nav-prev {
position: absolute;
top: 2px;
left: 4px;
width: 100px;
}
div.dp-popup div.dp-nav-prev a {
float: left;
}
/* Opera needs the rules to be this specific otherwise it doesn't change the cursor back to pointer after you have disabled and re-enabled a link */
div.dp-popup div.dp-nav-prev a, div.dp-popup div.dp-nav-next a {
cursor: pointer;
}
div.dp-popup div.dp-nav-prev a.disabled, div.dp-popup div.dp-nav-next a.disabled {
cursor: default;
}
div.dp-popup div.dp-nav-next {
position: absolute;
top: 2px;
right: 4px;
width: 100px;
}
div.dp-popup div.dp-nav-next a {
float: right;
}
div.dp-popup a.disabled {
cursor: default;
color: #aaa;
}
div.dp-popup td {
cursor: pointer;
}
div.dp-popup td.disabled {
cursor: default;
}
a.dp-choose-date {
float: left;
width: 22px;
height: 22px;
padding: 0;
margin: 0px 5px 0;
display: block;
text-indent: -2000px;
overflow: hidden;
background: url(/media/_tech/layout/images/btns/calendar.png) no-repeat;
}
a.dp-choose-date.dp-disabled {
background-position: 0 -20px;
cursor: default;
}
input.dp-applied {
width: 70px;
float: left;
}
/* share icon */
#wrapperAll .Accordion .stageAcc li li { line-height:20px!important;}
#wrapperAll .Accordion ul ul.relatedItems li a.rssFeed { background: url( /media/_tech/layout/images/icons/share/feed_icon.png) no-repeat scroll 0 2px transparent!important;}
.Accordion.blue ul ul.relatedItems li a.relatedPdf { background: url(/media/_tech/layout/images/icons/ico_document_sprite.gif) no-repeat scroll 0px -98px transparent!important; padding: 0 0 0 19px !important;}
.Accordion.blue ul ul.relatedItems li a.relatedMail { background: url(/media/_tech/layout/images/icons/ico_contactletter_sprite.gif) no-repeat scroll 0px -97px transparent!important; padding: 0 0 0 19px !important;}
.Accordion.blue ul ul.relatedItems li a.relatedPdf:hover { background-position: 0px -148px!important; }
.Accordion.blue ul ul.relatedItems li a.relatedMail:hover { background-position: 0px -147px!important; }
.Accordion ul ul.relatedItems li a.relatedPdf { background: url(/media/_tech/layout/images/icons/ico_document_sprite.gif) no-repeat scroll 0 0 transparent!important; padding: 0 0 0 19px !important;}
.Accordion ul ul.relatedItems li a.relatedMail { background: url(/media/_tech/layout/images/icons/ico_contactletter_sprite.gif) no-repeat scroll 0 3px transparent!important; padding: 0 0 0 19px !important;}
.Accordion ul ul.relatedItems li a.relatedPdf:hover { background-position: 0 -50px!important;}
.Accordion ul ul.relatedItems li a.relatedMail:hover { background-position: 0 -47px!important;}
.relatedItems .rssFeed { background-position: 0 2px!important; }
/* former inline-styles */
.flashbox { position:relative;}
.twc_invisible {display:none; width: 349px;}
.filterTopspace { padding-top: 10px;}
/* paginatorfix */
div.paginatorDefault a { padding: 1px 6px!important;}
.paginatorDefault a.selected, .paginatorDefault a:hover { padding: 1px 6px!important;}
/* two line tabs */
.tabs.twoLines li.active a span, .tabs.twoLines li.active a:hover span, .tabs.twoLines li a span { color:#4d4e53; font-size:12px; line-height:15px; }
.tabs.twoLines li { height:51px;}
.tabs.twoLines li.active a,
.tabs.twoLines li.active a:hover {
background: url(/media/_tech/layout/images/backgrounds/bg_tabs_front_twolines.gif) no-repeat scroll 0 0 transparent;
height:51px;
}
.tabs.twoLines li.active a span,
.tabs.twoLines li.active a:hover span {
background: url(/media/_tech/layout/images/backgrounds/bg_tabs_back_twolines.gif) no-repeat scroll 100% 0 transparent;
height:39px;
padding-top:12px;
}
.tabs.twoLines li a {
background: url(/media/_tech/layout/images/backgrounds/bg_tabs_front1_twolines.gif) no-repeat scroll 0 5px transparent;
height:51px;
}
.tabs.twoLines li a:hover {
background-image: url(/media/_tech/layout/images/backgrounds/bg_tabs_front1_hover_twolines.gif);
}
.tabs.twoLines li a span {
background: url(/media/_tech/layout/images/backgrounds/bg_tabs_back1_twolines.gif) no-repeat scroll 100% 5px transparent;
height:39px;
padding-top:12px;
}
.tabs.twoLines li a:hover span {
background-image: url(/media/_tech/layout/images/backgrounds/bg_tabs_back1_hover_twolines.gif);
}
/*pagination */
/* small */
.tooltip_wrap.tiny .stageTip {height:auto!important; width: 180px!important;}
.cntStage.rgt .stagePaginationControl .pTool .tiny .tooltip .top.bgBlue75,
.cntStage .stagePaginationControl .pTool .tiny .tooltip .top.bgBlue75 { top:50px;}
.cntStage.rgt .stagePaginationControl .pTool .tooltip_wrap.tiny, .cntStage .stagePaginationControl .pTool .tooltip_wrap.tiny { margin-top:-65px;}
.cntStage.top .stagePaginationControl .pTool .tooltip_wrap.tiny, .cntStage.rgtTop .stagePaginationControl .pTool .tooltip_wrap.tiny,
.cntStage.top .stagePaginationControl .pTool .tooltip_wrap, .cntStage.rgtTop .stagePaginationControl .pTool .tooltip_wrap
{ margin-top:22px;}
.cntStage.rgtTop .stagePaginationControl .pTool .tooltip .stageTip,
.cntStage.top .stagePaginationControl .pTool .tooltip .stageTip,
.cntStage.rgt .stagePaginationControl .pTool .tooltip .stageTip,
.cntStage .stagePaginationControl .pTool .tooltip .stageTip
{ width:270px; height:60px; overflow:hidden;}
/* right */
.cntStage.rgtTop .stagePaginationControl .pTool .tooltip .bgBlue75,
.cntStage.rgt .stagePaginationControl .pTool .tooltip .bgBlue75
{ left:auto; right:15px;}
/* bottom */
.cntStage.rgt .stagePaginationControl .pTool .tooltip_wrap, .cntStage .stagePaginationControl .pTool .tooltip_wrap { margin-top:-115px;}
.cntStage.rgt .stagePaginationControl .pTool .tooltip .top.bgBlue75,
.cntStage .stagePaginationControl .pTool .tooltip .top.bgBlue75 { top:95px; background:url(/media/_tech/layout/images/icons/tooltip/arrow_tool_darkblue_invers.png) no-repeat scroll 0 0 transparent; }
/* top */
.cntStage.rgtTop .stagePaginationControl .pTool,
.cntStage.top .stagePaginationControl .pTool {
margin-top:2px;}
.cntStage.rgtTop .stagePaginationControl .pTool .tooltip .top.bgBlue75,
.cntStage.top .stagePaginationControl .pTool .tooltip .top.bgBlue75 { top:0px; background:url(/media/_tech/layout/images/icons/tooltip/arrow_tool_darkblue.png) no-repeat scroll 0 0 transparent; }
#wrapperAll .imgBoxLeft .txtSection ul {
padding-bottom: 4px !important;
}
#wrapperAll .imgBoxLeft .txtSection .tooltipIcon { padding-bottom:5px;}
/* stageaccordion white dashes */
#wrapperAll #contentArea .stageAcc .dash li, #wrapperAll #contentArea .stageAcc .bullet li, #wrapperAll #contentArea .stageAcc ol li { margin:0; border-bottom:none!important; padding-bottom:0px;}
#wrapperAll #contentArea .blue .stageAcc .bullet li { background-image: url(/media/_tech/layout/images/icons/ico_bullet_white.gif); }
#wrapperAll #contentArea .blue .stageAcc .dash li { background-image: url(/media/_tech/layout/images/icons/ico_dash_white.gif); }
#wrapperAll #contentArea .stageAcc li ol li { list-style-type:decimal; list-style-type: decimal!important; list-style-position:inside; display:list-item!important; margin:0; padding:0;}
#stagePagination li ul.bullet li {
background-image: url(/media/_tech/layout/images/icons/ico_bullet.gif);
background-position: 0 10px;
background-repeat: no-repeat;
clear: both;
line-height: 24px;
padding: 0 0 0 10px;
position:relative;
}
#stagePagination li ul.dash li {
background-position: 0 10px;
background-repeat: no-repeat;
clear: both;
line-height: 24px;
padding: 0 0 0 10px;
position:relative;
}
#stagePagination ol li {
list-style-type:decimal!important;
list-style-position:inside!important;
position: relative;
}
/* fallback carousel */
.jcarousel-container-horizontal{ position: relative; display: block;}
.jcarousel-clip-horizontal {overflow: auto; position: relative;}
.jcarousel-list-horizontal {overflow: hidden; position: relative; top: 0px; left: 0px; margin: 0px; padding: 0px;}
.jcarousel-item-horizontal {float: left; list-style: none outside none;}
#marginalArea .cntBox h3:first-child {padding:0 0 9px 0;}
#marginalArea .cntBox .txtSection h3 {padding:0;}
/*****************************
Member of RB-Master
Name: csssimplewindow
UID: csssimplewindow
Author: googleMaps (customized)
Last change date: 08.09.2017 15:28
Copyright: Google Inc.
Release version: This Website was generated with WCMS Master Version 2.2.3
Framework version: v2,v3
Summary: styles for marker info window of googleMaps
Necessary libaries: -
*************************/
#simple_example_window{
width: 300px;
}
#simple_example_window_contents {
/* background-color: #FFF; */
left: 110px!important;
margin-left: 15px;
margin-top: -2px;
/* background: transparent url(../../images/icons/tooltip/shadow.png) repeat-y 0 5px; */
padding:0 3px 3px 0;
background: url(../../images/backgrounds/bg_mapsinfo_top.png) no-repeat;
}
#simple_example_window_contents .close{
display: block;
height: 22px;
top:24px;
right: 10px;
position: absolute;
width: 22px;
background-image: url(../../images/icons/maps_close.jpg);
cursor:pointer;
}
#simple_example_window_beak{
display: block;
height: 15px;
bottom:0px;
left: 15px;
position: absolute;
width: 17px;
background-image: url(../../images/icons/tooltip/arrow_tool_map.png);
margin-top:-3px;
z-index:100;
}
* html #simple_example_window_beak{
/* Alpha transparencies hack for IE */
background-image:none;
}
#simple_example_window_tl, #simple_example_window_tr, #simple_example_window_bl, #simple_example_window_br,
#simple_example_window_t,#simple_example_window_l,#simple_example_window_r,#simple_example_window_b{
height: 0px;
width: 0px;
}
#simple_example_window_contents div.mapsContent { background: transparent url(../../images/backgrounds/map_bg.png) no-repeat 0 5px; padding:15px 0 0 20px; width: 289px;}
#simple_example_window_contents img { padding-top:10px;}
#simple_example_window_contents h3 { font-size: 14px; font-weight: bold; line-height: 15px; padding-bottom: 5px; padding-left: 0; padding-right: 0; padding-top: 0;}
#simple_example_window_contents p { font-size: 12px; line-height: 15px; margin-bottom: 0; padding-bottom: 10px; width:87%}
#simple_example_window_contents ul.relatedItems { padding-bottom:10px!important;}
#simple_example_window_contents ul.relatedItems a { font-size: 0.85em; padding-bottom: 0; padding-left: 9px; padding-right: 0; padding-top: 3px; text-decoration: none;}
#simple_example_window_contents .relatedItems a.relatedLnk {
background-image: url(../../images/icons/lnkstyles/lnkstylecntlink_b1.gif)!important;
background-position: 0 8px!important;
}
#simple_example_window_contents .relatedItems a.relatedLnk:hover {
background-image: url(../../images/icons/lnkstyles/lnkstylecntlink_b2.gif)!important;
}
#simple_example_window_contents .relatedItems a.relatedMail {
background-image: url(../../images/icons/ico_contactletter_sprite.gif)!important;
background-position: 0 5px!important;
padding-left:22px;
}
#simple_example_window_contents .relatedItems a.relatedMail:hover {
background-position: 0 -45px!important;
}
#simple_example_window_contents .relatedItems li a.relatedPdf {
background-image: url(../../images/icons/ico_document_sprite.gif);
background-position: 0 0;
padding-left: 16px;
}
#simple_example_window_contents .relatedItems li a.relatedPdf:hover {
background-position: 0 -50px;
}
#simple_example_window_contents ul.relatedItems li a.btn {
background-image: url(../../images/icons/cfs/cntbtnbluebg.png)!important;
background-position: 0 0;
height:22px;
padding-top:0px;
}
#simple_example_window_contents ul.relatedItems li a.btn:hover {
background-position: 0 -23px;
background-image: url(../../images/icons/cfs/cntbtnbluebg_hover.png)!important;
}
#simple_example_window_contents ul.relatedItems li a.btn.btnWhite{
background-image: url(../../images/icons/cfs/cntbtnwhtebg.png)!important;
}
#simple_example_window_contents ul.relatedItems li a.btn.btnWhite:hover{
background-image: url(../../images/icons/cfs/cntbtnwhtebg_hover.png)!important;
}
#simple_example_window_contents ul.relatedItems li a.rssFeed, #simple_example_window_contents ul.relatedItems li a.rssFeed:hover{
background-position: 0 0 !important;
background-image: url(../../images/icons/share/feed_icon.png)!important;
}
.markerInfo .tooltip div { background-color:#fff; margin-bottom:15px; margin-top:0px;}
.markerInfo .tooltip div h3, .markerInfo .tooltip div p { color:#000;}
.markerInfo .tooltip div .relatedItems a.relatedLnk {
background-image: url(../../images/icons/lnkstyles/lnkstylecntlink_b1.gif)!important;
background-position: 0 8px!important;
background-repeat: no-repeat!important;
color: #215F8B!important;
}
.markerInfo .tooltip div .relatedItems a.relatedLnk:hover {
background-image: url(../../images/icons/lnkstyles/lnkstylecntlink_b2.gif)!important;
color: #003b6a!important;
}
.markerInfo .tooltip div .relatedItems a.relatedMail {
background-image: url(../../images/icons/ico_contactletter_sprite.gif)!important;
background-position: 0 5px!important;
background-repeat: no-repeat!important;
color: #215F8B!important;
padding-left:22px;
}
.markerInfo .tooltip div .relatedItems a.relatedMail:hover {
background-position: 0 -45px!important;
color: #003b6a!important;
}
.markerInfo .tooltip div .relatedItems li a.relatedPdf {
background-image: url(../../images/icons/ico_document_sprite.gif);
color: #215F8B!important;
background-position: 0 0;
}
.markerInfo .tooltip div .relatedItems li a.relatedPdf:hover {
color: #003b6a!important;
background-position: 0 -50px;
}
.markerInfo ul.relatedItems li a.btn {
color: #003b6a!important;
background-image: url(../../images/btns/cntbtnbluebg_sprite.png)!important;
background-position: 0 0;
padding-top:0px;
}
.markerInfo ul.relatedItems li a.btn:hover {
background-position: 0 -23px;
}
.markerInfo ul.relatedItems { padding-bottom:0px}
.markerInfo .tooltip .btm {
display: block;
height: 15px;
bottom:0px;
left: 15px;
position: absolute;
width: 17px;
background-image: url(../../images/icons/tooltip/arrow_tool_map.png);
}
.markerInfo .tooltip .close{
display: block;
height: 22px;
top:10px;
right: 10px;
position: absolute;
width: 22px;
background-image: url(../../images/icons/maps_close.jpg);
cursor:pointer;
}
/* infoBox -> Google Maps Api v3 */
#simple_example_window_contents{
display: block;
visibility: visible;
width: 310px;
position: static;
margin:0px;padding:0px
}
#simple_example_window_contents div.mapsContent {
background: transparent url(../../images/backgrounds/bg_mapsinfo_middle.png) repeat-y ;
padding:15px 0 0 20px;
width: 289px;
}
#simple_example_window_beak{
display: block;
height: 15px;
position: static;
width: 17px;
background-image: url(../../images/icons/tooltip/arrow_tool_map.png);
margin:0px 0px 0px 15px;
z-index:100;
}
/*****************************
Member of RB-Master
Name: boschvideoplayer_fs
UID: boschvideoplayer_fs
Author: Sascha Becker - Leonhardt Multimedia GmbH
Last change date: 08.09.2017 15:28
Copyright: Leonhardt Multimedia GmbH
Release version: This Website was generated with WCMS Master Version 2.2.3
Freamwork version: 2.0
Summary: css for videoplayer
Necessary libaries: -
*************************/
/***************************************************************
* author: Leonhardt Multimedia GmbH - Sascha Becker
* version: 2.0
* date: 2013-07-19
*
***************************************************************/
.boschMediaPlayer{
position:relative;
font-family:arial, helvetica, sans-serif;
font-size:1em;
line-height:1.25;
z-index:4;
background-color:transparent;
}
.boschMediaPlayer video{
position:relative;
z-index:3;
}
.boschMediaPlayer audio{
position:relative;
z-index:3;
border:none;
}
/*### subtitles ###*/
.boschMediaPlayer .dfxp{
position:absolute;
background-color:transparent;
background-image:url("../../../videoplayer/btns_player/captionbackground.png");
background-position:top left;
background-repeat:repeat;
border-radius:7px;
width:90%;
margin:0 3%;
bottom:48px;
z-index:3;
}
.boschMediaPlayer .dfxp p{
margin:0;
padding:6px 7px 6px 7px;
font-size:0.75em;
line-height:1.45;
color:#000;
}
.boschMediaPlayer .playOverlay{
width:100%;
height:100%;
margin:0;
padding:0;
position:absolute;
z-index:5;
}
.boschMediaPlayer .playOverlay .toggleImage{
background-image:url("../../../videoplayer/btns_player/playoverlay.png");
background-position:center;
background-repeat:no-repeat;
width:100%;
height:100%;
}
.boschMediaPlayer .playOverlay:hover .toggleImage{
background-image:url("../../../videoplayer/btns_player/playoverlayhover.png");
}
/*### Controls ###*/
.boschMediaPlayer .controls{
position:absolute;
margin:0 auto;
padding:0 10px 0 10px;
left:0;
bottom:6px;
background-image:url("../../../videoplayer/btns_player/controls.gif");
background-position:top left;
background-repeat:repeat-x;
z-index:5;
border-radius:7px;
box-shadow:0px 1px 5px 1px #5f5e5e;
opacity:0;
}
.boschMediaPlayer .controls .btn{
margin:0 0 0 10px;
padding:0;
width:22px;
height:22px;
float:left;
top:2px;
position:relative;
cursor:pointer;
}
.boschMediaPlayer .hover{
display:none;
position:absolute;
background-color:#215F8B;
color:#fff;
bottom:38px;
right:-12px;
min-width:80px;
padding:7px 7px 7px 7px;
font-size:0.75em;
z-index:7;
text-align:center;
}
.boschMediaPlayer .controls .btn_PlayPause{
background-image:url("../../../videoplayer/btns_player/play.png");
background-position:top left;
background-repeat:no-repeat;
margin:0;
}
.boschMediaPlayer .controls .btn_PlayPause:hover{
background-image:url("../../../videoplayer/btns_player/playhover.png");
}
.boschMediaPlayer .controls .btn_PlayPause.pause{
background-image:url("../../../videoplayer/btns_player/pause.png");
}
.boschMediaPlayer .controls .btn_PlayPause.pause:hover{
background-image:url("../../../videoplayer/btns_player/pausehover.png");
}
.boschMediaPlayer .controls .btn_Volume{
background-image:url("../../../videoplayer/btns_player/sound.png");
background-position:top left;
background-repeat:no-repeat;
}
.boschMediaPlayer .controls .btn_Volume:hover{
background-image:url("../../../videoplayer/btns_player/soundhover.png");
}
.boschMediaPlayer .controls .btn_Volume.volume0{
background-image:url("../../../videoplayer/btns_player/volume0.png");
}
.boschMediaPlayer .controls .btn_Volume.volume0:hover{
background-image:url("../../../videoplayer/btns_player/volume0hover.png");
}
.boschMediaPlayer .controls .btn_Volume.volume1{
background-image:url("../../../videoplayer/btns_player/volume1.png");
}
.boschMediaPlayer .controls .btn_Volume.volume1:hover{
background-image:url("../../../videoplayer/btns_player/volume1hover.png");
}
.boschMediaPlayer .controls .btn_Volume.volume2{
background-image:url("../../../videoplayer/btns_player/volume2.png");
}
.boschMediaPlayer .controls .btn_Volume.volume2:hover{
background-image:url("../../../videoplayer/btns_player/volume2hover.png");
}
.boschMediaPlayer .controls .btn_Volume.volume3{
background-image:url("../../../videoplayer/btns_player/volume3.png");
}
.boschMediaPlayer .controls .btn_Volume.volume3:hover{
background-image:url("../../../videoplayer/btns_player/volume3hover.png");
}
.boschMediaPlayer .controls .btn_Share{
background-image:url("../../../videoplayer/btns_player/share.png");
background-position:top left;
background-repeat:no-repeat;
}
.boschMediaPlayer .controls .btn_Share .hover{
width:130px;
}
.boschMediaPlayer .controls .btn_Share:hover{
background-image:url("../../../videoplayer/btns_player/sharehover.png");
}
.boschMediaPlayer .controls .btn_Share .shareBox{
display:none;
position:absolute;
background-color:#215F8B;
color:#fff;
bottom:38px;
right:-12px;
width:160px;
padding:7px 7px 7px 7px;
font-size:0.75em;
z-index:7;
}
.boschMediaPlayer .controls .btn_Share .shareBox input{
background-color:#215F8B;
color:#fff;
border:1px solid #A5A6A7;
width:160px;
}
.boschMediaPlayer .controls .btn .arrowDown{
width:15px;
height:15px;
position:absolute;
bottom:23px;
left:4px;
background-image:url("../../../videoplayer/btns_player/arrowdown.png");
background-position:top left;
background-repeat:no-repeat;
display:none;
z-index:6;
}
.boschMediaPlayer .controls .btn_Embed{
background-image:url("../../../videoplayer/btns_player/embed.png");
background-position:top left;
background-repeat:no-repeat;
}
.boschMediaPlayer .controls .btn_Embed .hover{
width:90px;
}
.boschMediaPlayer .controls .btn_Embed:hover{
background-image:url("../../../videoplayer/btns_player/embedhover.png");
}
.boschMediaPlayer .controls .btn_Embed .embedBox{
display:none;
position:absolute;
background-color:#215F8B;
color:#fff;
bottom:38px;
right:-12px;
width:300px;
padding:7px 7px 7px 7px;
font-size:0.75em;
z-index:7;
}
.boschMediaPlayer .controls .btn_Embed .embedBox input{
background-color:#215F8B;
color:#fff;
border:1px solid #A5A6A7;
width:300px;
}
.boschMediaPlayer .controls .btn_Embed .arrowDown{
width:15px;
height:15px;
position:absolute;
bottom:23px;
left:4px;
background-image:url("../../../videoplayer/btns_player/arrowdown.png");
background-position:top left;
background-repeat:no-repeat;
display:none;
z-index:6;
}
.boschMediaPlayer .controls .btn_Download{
background-image:url("../../../videoplayer/btns_player/download.png");
background-position:top left;
background-repeat:no-repeat;
}
.boschMediaPlayer .controls .btn_Download .hover{
width:50px;
}
.boschMediaPlayer .controls .btn_Download:hover{
background-image:url("../../../videoplayer/btns_player/downloadhover.png");
}
.boschMediaPlayer .controls .btn_Download:hover .hover{
}
.boschMediaPlayer .controls .btn_Fullscreen.show{
background-image:url("../../../videoplayer/btns_player/fullscreenshow~1.png");
background-position:top left;
background-repeat:no-repeat;
}
.boschMediaPlayer .controls .btn_Fullscreen.show:hover{
background-image:url("../../../videoplayer/btns_player/fullscreenshowhover~1.png");
}
.boschMediaPlayer .controls .btn_Fullscreen.hide{
background-image:url("../../../videoplayer/btns_player/fullscreenhide~1.png");
background-position:top left;
background-repeat:no-repeat;
}
.boschMediaPlayer .controls .btn_Fullscreen.hide:hover{
background-image:url("../../../videoplayer/btns_player/fullscreenhidehover~1.png");
}
.boschMediaPlayer .controls .btn_Fullscreen .hover{
width:125px;
}
.boschMediaPlayer .controls .seek{
position:relative;
float:left;
top:9px;
background-color:#B9B9BB;
border-top:1px solid #919193;
border-bottom:1px solid #C3C3C4;
cursor:pointer;
border-radius:5px;
margin:0 0 0 10px;
padding:0 10px 0 0;
}
.boschMediaPlayer .controls .seek .inner{
position:relative;
margin:0 0 0 0;
padding:0 0 0 0;
height:7px;
}
.boschMediaPlayer .seek .ui-slider-handle{
position:absolute;
width:15px;
height:15px;
background-image:url("../../../videoplayer/btns_player/handle.png");
background-repeat:no-repeat;
outline:none;
top:-4px;
}
.boschMediaPlayer .ui-slider-handle.ui-state-hover{
background-image:url("../../../videoplayer/btns_player/handlehover.png");
}
.boschMediaPlayer .timer{
float: left;
margin: 6px 0 0 0;
padding:0 0 0 10px;
font-size: 0.7em;
cursor: default;
}
.boschMediaPlayer .timer .progress{
float:left;
}
.boschMediaPlayer .timer .separator{
float:left;
padding:0 4px 0 4px;
}
.boschMediaPlayer .timer .duration{
float:left;
}
.boschMediaPlayer .btn_Volume:hover .volumeSlider{
display:block;
}
.boschMediaPlayer .volumeSlider{
display:none;
position:absolute;
bottom:21px;
z-index:6;
left:0px;
width:24px;
height:131px;
background-image:url("../../../videoplayer/btns_player/volumebar.png");
background-repeat:no-repeat;
cursor:pointer;
}
.boschMediaPlayer .volumeSlider .inner{
display:block;
position:relative;
top:36px;
z-index:6;
left:7px;
width:9px;
height:80px;
}
.boschMediaPlayer .volumeSlider .ui-slider-handle{
position:absolute;
width:15px;
height:15px;
background-image:url("../../../videoplayer/btns_player/handle.png");
background-repeat:no-repeat;
outline:none;
left:-3px;
}
/*
* FancyBox - jQuery Plugin
* Simple and fancy lightbox alternative
*
* Examples and documentation at: http://fancybox.net
*
* Copyright (c) 2008 - 2010 Janis Skarnelis
* That said, it is hardly a one-person project. Many people have submitted bugs, code, and offered their advice freely. Their support is greatly appreciated.
*
* Version: 1.3.4 (11/11/2010)
* Requires: jQuery v1.3+
*
* Dual licensed under the MIT and GPL licenses:
* http://www.opensource.org/licenses/mit-license.php
* http://www.gnu.org/licenses/gpl.html
*/
#fancybox-loading {
position: fixed;
top: 50%;
left: 50%;
width: 40px;
height: 40px;
margin-top: -20px;
margin-left: -20px;
cursor: pointer;
overflow: hidden;
z-index: 1104;
display: none;
}
#fancybox-loading div {
position: absolute;
top: 0;
left: 0;
width: 40px;
height: 480px;
background-image: url('/media/_tech/layout/images/icons/fancybox/fancybox.png');
}
#fancybox-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
z-index: 1100;
display: none;
}
#fancybox-tmp {
padding: 0;
margin: 0;
border: 0;
overflow: auto;
display: none;
}
#fancybox-wrap {
position: absolute;
top: 0;
left: 0;
padding: 20px;
z-index: 1101;
outline: none;
display: none;
}
#fancybox-outer {
position: relative;
width: 100%;
height: 100%;
background: #fff;
}
#fancybox-content {
width: 0;
height: 0;
padding: 0;
outline: none;
position: relative;
overflow: hidden;
z-index: 1102;
border: 0px solid #fff;
padding-top:50px!important;
}
#fancybox-hide-sel-frame {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: transparent;
z-index: 1101;
}
#fancybox-close {
position: absolute;
top: 10px;
right: 10px;
width: 20px;
height: 20px;
background: transparent url('/media/_tech/layout/images/icons/fancybox/fancy_close.png') 0 0 no-repeat;
cursor: pointer;
z-index: 1103;
display: none;
}
#fancybox-error {
color: #444;
font: normal 12px/20px Arial;
padding: 14px;
margin: 0;
}
#fancybox-img {
width: 100%;
height: 100%;
padding: 0;
margin: 0;
border: none;
outline: none;
line-height: 0;
vertical-align: top;
}
#fancybox-frame {
width: 100%;
height: 100%;
border: none;
display: block;
}
#fancybox-left, #fancybox-right {
position: absolute;
bottom: 0px;
height: 100%;
width: 35%;
cursor: pointer;
outline: none;
background: transparent url('/media/_tech/layout/images/icons/fancybox/blank.gif');
z-index: 1102;
display: none;
}
#fancybox-left {
left: 0px;
}
#fancybox-right {
right: 0px;
}
#fancybox-left-ico, #fancybox-right-ico {
position: absolute;
top: 50%;
left: -9999px;
width: 30px;
height: 30px;
margin-top: -15px;
cursor: pointer;
z-index: 1102;
display: block;
}
#fancybox-left-ico {
background-image: url('/media/_tech/layout/images/icons/fancybox/fancybox.png');
background-position: -40px -30px;
}
#fancybox-right-ico {
background-image: url('/media/_tech/layout/images/icons/fancybox/fancybox.png');
background-position: -40px -60px;
}
#fancybox-left:hover, #fancybox-right:hover {
visibility: visible; /* IE6 */
}
#fancybox-left:hover span {
left: 20px;
}
#fancybox-right:hover span {
left: auto;
right: 20px;
}
.fancybox-bg {
position: absolute;
padding: 0;
margin: 0;
border: 0;
width: 20px;
height: 20px;
z-index: 1001;
}
#fancybox-bg-n {
top: -20px;
left: 0;
width: 100%;
background-image: url('/media/_tech/layout/images/icons/fancybox/fancybox-x.png');
}
#fancybox-bg-ne {
top: -20px;
right: -20px;
background-image: url('/media/_tech/layout/images/icons/fancybox/fancybox.png');
background-position: -40px -162px;
}
#fancybox-bg-e {
top: 0;
right: -20px;
height: 100%;
background-image: url('/media/_tech/layout/images/icons/fancybox/fancybox-y.png');
background-position: -20px 0px;
}
#fancybox-bg-se {
bottom: -20px;
right: -20px;
background-image: url('/media/_tech/layout/images/icons/fancybox/fancybox.png');
background-position: -40px -182px;
}
#fancybox-bg-s {
bottom: -20px;
left: 0;
width: 100%;
background-image: url('/media/_tech/layout/images/icons/fancybox/fancybox-x.png');
background-position: 0px -20px;
}
#fancybox-bg-sw {
bottom: -20px;
left: -20px;
background-image: url('/media/_tech/layout/images/icons/fancybox/fancybox.png');
background-position: -40px -142px;
}
#fancybox-bg-w {
top: 0;
left: -20px;
height: 100%;
background-image: url('/media/_tech/layout/images/icons/fancybox/fancybox-y.png');
}
#fancybox-bg-nw {
top: -20px;
left: -20px;
background-image: url('/media/_tech/layout/images/icons/fancybox/fancybox.png');
background-position: -40px -122px;
}
#fancybox-title {
font-family: verdana, arial, sans serif;
font-size: 16px;
font-weight: bold;
z-index: 1102;
color: #FFFFFF;
text-align: left;
line-height: 40px;
padding-left: 10px;
position:absolute;
top:0px;
left:-10px;
padding:0 10px 0 10px;
}
.fancybox-title-inside {
text-align: center;
line-height: 30px;
color: #333;
position: relative;
width : 100%;
height: 40px;
background-color: #215F8B !important;
}
.fancybox-title-outside {
padding-top: 10px;
color: #fff;
}
.fancybox-title-over {
position: absolute;
bottom: 0;
left: 0;
color: #FFF;
text-align: left;
}
#fancybox-title-over {
padding: 10px;
background-image: url('/media/_tech/layout/images/icons/fancybox/fancy_title_over.png');
display: block;
}
.fancybox-title-float {
position: absolute;
left: 0;
bottom: -20px;
height: 32px;
}
#fancybox-title-float-wrap {
border: none;
border-collapse: collapse;
width: auto;
}
#fancybox-title-float-wrap td {
border: none;
white-space: nowrap;
}
#fancybox-title-float-left {
padding: 0 0 0 15px;
background: url('/media/_tech/layout/images/icons/fancybox/fancybox.png') -40px -90px no-repeat;
}
#fancybox-title-float-main {
color: #FFF;
line-height: 29px;
font-weight: bold;
padding: 0 0 3px 0;
background: url('/media/_tech/layout/images/icons/fancybox/fancybox-x.png') 0px -40px;
}
#fancybox-title-float-right {
padding: 0 0 0 15px;
background: url('/media/_tech/layout/images/icons/fancybox/fancybox.png') -55px -90px no-repeat;
}
/* IE6 */
.fancybox-ie6 #fancybox-close { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/media/_tech/layout/images/icons/fancybox/fancy_close.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-left-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/media/_tech/layout/images/icons/fancybox/fancy_nav_left.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-right-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/media/_tech/layout/images/icons/fancybox/fancy_nav_right.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-title-over { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/media/_tech/layout/images/icons/fancybox/fancy_title_over.png', sizingMethod='scale'); zoom: 1; }
.fancybox-ie6 #fancybox-title-float-left { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/media/_tech/layout/images/icons/fancybox/fancy_title_left.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-title-float-main { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/media/_tech/layout/images/icons/fancybox/fancy_title_main.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-title-float-right { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/media/_tech/layout/images/icons/fancybox/fancy_title_right.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-bg-w, .fancybox-ie6 #fancybox-bg-e, .fancybox-ie6 #fancybox-left, .fancybox-ie6 #fancybox-right, #fancybox-hide-sel-frame {
height: expression(this.parentNode.clientHeight + "px");
}
#fancybox-loading.fancybox-ie6 {
position: absolute; margin-top: 0;
top: expression( (-20 + (document.documentElement.clientHeight ? document.documentElement.clientHeight/2 : document.body.clientHeight/2 ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop )) + 'px');
}
#fancybox-loading.fancybox-ie6 div { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_loading.png', sizingMethod='scale'); }
/* IE6, IE7, IE8 */
.fancybox-ie .fancybox-bg { background: transparent !important; }
.fancybox-ie #fancybox-bg-n { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/media/_tech/layout/images/icons/fancybox/fancy_shadow_n.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-ne { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/media/_tech/layout/images/icons/fancybox/fancy_shadow_ne.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-e { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/media/_tech/layout/images/icons/fancybox/fancy_shadow_e.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-se { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/media/_tech/layout/images/icons/fancybox/fancy_shadow_se.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-s { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/media/_tech/layout/images/icons/fancybox/fancy_shadow_s.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-sw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/media/_tech/layout/images/icons/fancybox/fancy_shadow_sw.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-w { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/media/_tech/layout/images/icons/fancybox/fancy_shadow_w.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-nw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/media/_tech/layout/images/icons/fancybox/fancy_shadow_nw.png', sizingMethod='scale'); }
.webform {
background-color: #eee;
border: none;
margin: 0;
padding: 10px 0 0 11px;
}
.webform fieldset {
margin: 0;
padding: 0;
}
h3.headline {
font: normal normal bold 15px/20px Verdana,Helvetica,sans-serif;
padding: 0 0 11px !important;
margin-top: -4px;
}
.webform .floatingText {
margin-left: 0;
padding-left: 21px;
}
.textrow,
form .multiblock {
position: relative;
width: 520px;
margin: 0 -50px 0 0;
clear: both;
}
.singleblock {
width: 480px;
}
.multiblock,
.singleblock {
clear: both;
padding-top: 10px;
}
.textrow .col,
.multiblock .col {
float: left;
width: 225px;
margin: 0 30px 0 0;
}
.col {
position: relative;
}
.col label,
.col .label {
position: relative;
display: block;
float: left;
width: 85px;
top: 2px;
text-align: left;
padding: 2px 10px 0 0;
text-align: right;
}
.form p span, .form label span {
color: #000;
}
.col label.error {
clear: left;
float: none;
width: auto;
margin-left: 88px;
}
.col textarea + label.error {
margin-left: 0;
}
.col input {
height: 18px;
line-height: 20px;
}
.singleblock .col .input,
.singleblock .col input.text {
width: 390px;
}
.col textarea {
float: left;
clear: both;
margin: 0;
}
.singleblock .col select {
width: 392px;
}
.multiblock .col .input,
.multiblock .col input.text {
width: 135px;
}
.multiblock .col textarea {
width: 223px;
}
.multiblock .col select {
width: 137px;
}
.col select {
margin-bottom: 15px;
}
.col select.day,
.col select.month {
width: 37px;
float: left;
}
.col select.year {
width: 61px;
float: left;
}
.singleblock .col select.year {
margin-right: 255px;
}
.clickboxes {
text-align: left;
}
.singleblock .clickboxes .label {
display: inline;
float: none;
width: auto;
}
.singleblock .clickboxes .input {
display: inline;
}
.multiblock .clickboxes .input {
position: relative;
float: left;
}
.clickboxes .input label {
float: none;
width: auto;
}
.clickboxes .input input {
position: absolute;
width: auto;
height: auto;
top: auto;
margin-left: 0;
}
.singleblock .clickboxes .input input {
margin-left: 10px;
}
.singleblock .clickboxes .input label {
display: inline;
margin-left: 30px;
}
.singleblock .col .clickboxes label.error {
margin-left: 0;
}
.multiblock .clickboxes .input label {
display: block;
margin: 0 0 1px 20px;
}
.webform input.btn {
border: 0;
width: auto;
overflow: visible;
text-decoration: none;
padding: 0 0 2px 3px;
height: 22px;
margin-bottom: 5px;
margin-right: 10px;
cursor: pointer;
}
.webform label.error {
float: none;
color: red;
}
.form label, .form p {
font-size: 13px;
line-height: 16px;
}
.form multiblock .input label {
float: left;
margin-right: -13px;
padding: 2px 10px 0 0;
text-align: right;
width: 30%;
}
.form .formCol {
margin: 0;
}
.form .formCol input.radiotext {
line-height: 16px;
margin: 0 0 7px 0;
}
.form .formCol label.radiotext {
padding-right: 5px;
}
.form .formCol input.radiotextbox {
float: none;
line-height: 16px;
margin: 0 0 7px 0;
width: 214px;
height: 19px;
line-height: 19px;
border: 0 none;
}
form .multiblock .formCol input.radiotextbox {
width: 70px;
}
form .multiblock {
float: left;
width: 670px;
margin: 0 0 0 20px;
padding: 0;
}
.webform h2.headline {
font: normal normal bold 15px/20px Verdana,Helvetica,sans-serif;
clear: both;
text-align: left;
margin: 25px 0 11px 0;
padding: 0;
}
.webform .webformblock h2.headline:first-child {
margin: 0 0 11px 0;
}
form .multiblock h2.headline {
clear: none;
padding: 0;
}
form .multiblock h2.full {
width: 302px !important;
}
form .multiblock .firstCol {
float: left;
width: 48%;
}
form .multiblock .secondCol {
float: right;
width: 48%;
margin-left: 20px;
}
form .multiblock .col {
margin: 0;
padding: 0;
}
form .multiblock .firstCol input,
form .multiblock .firstCol textarea,
form .multiblock .secondCol input,
form .multiblock .secondCol textarea,
form .multiblock .select select {
width: 171px;
}
form .comment {
clear: both;
}
form .comment p {
color: #404245;
padding-right: 119px;
}
form .multiblock .check input,
form .multiblock .radio input,
.radio .formCol input,
.check .formCol input {
width: auto;
text-align: left;
}
.radio .formCol input,
.check .formCol input {
margin: 0 2px 12px 0;
}
form .multiblock .select {
margin-top: 15px;
}
form .multiblock .select select {
margin-right: 0;
}
/* new sizes to fit styleguide */
.webform .radio,
.webform .input,
.webform .select,
.webform .file,
.webform .check,
.webform .inputTwoCol,
.webform .insert,
.webform .col,
.webform .comment {
padding-left: 21px;
width: 100%;
}
.webform .col .check {
padding-left: 0;
}
.form .input label,
.form .select label,
.form .comment label,
.form .file label,
form .radio label.first,
.form .check.withLabel label.first,
.form .col label {
width: 133px;
text-align: left;
}
.form .inputTwoCol label {
width: 133px;
text-align: left;
padding: 0 8px 0 0;
}
.webform .multiblock .radio,
.webform .multiblock .input,
.webform .multiblock .select,
.webform .multiblock .file,
.webform .multiblock .check,
.webform .multiblock .inputTwoCol,
.webform .multiblock .insert,
.webform .multiblock .col,
.webform .multiblock .comment {
padding-left: 0;
}
.form .insert button.btn,
.form .insert a.relatedLnk {
margin-left: 0;
}
form .multiblock .insert a.relatedLnk {
margin-left: 0px;
}
.form .inputTwoCol input {
width: 215px;
border: 0 none;
height: 18px;
line-height: 20px;
}
.form .inputTwoCol .input_content+.input_content input {
margin-left: 5px;
width: 214px;
}
.form .select select {
width: 434px;
height: 23px;
line-height: 23px;
}
.form .input input,
.form .comment textarea,
.form .file input {
width: 434px;
border: 0 none;
height: 19px;
line-height: 19px;
}
.form .input textarea {
width: 578px;
border: 0 none;
margin: 11px 0 5px 0;
resize: vertical;
clear: both;
float: left;
}
.form .multiblock .input textarea {
border: 0 none;
margin: 0;
}
.form .input_error {
float: none;
width: auto;
}
.form .input_error label.error {
margin-left: 0;
}
.form .input .input_error {
float: none;
width: auto;
position: relative;
right: auto;
left: auto;
}
.form .input .input_error label {
width: auto;
}
.webform a.relatedLnk {
background-color: transparent;
background-repeat: no-repeat;
background-image: url('/media/_tech_others/_tech_nefit__c/layout_nefit__c/css_nefit__c/sprites_images_nefit__c/nefit_main_sprite.png');
background-position: left -909px;
display: block;
width: auto;
padding: 3px 7px 2px 23px;
text-decoration: none;
font-size: 13px;
font-weight: normal!important;
color: #e20015;
}
.webform a.relatedLnk:hover {
background-color: #E1E1E2 !important;
background-repeat: no-repeat;
background-image: url('/media/_tech_others/_tech_nefit__c/layout_nefit__c/css_nefit__c/sprites_images_nefit__c/nefit_main_sprite.png');
background-position: left -909px;
}
.form .submitrow {
margin: 10px 0 0 0;
padding-left: 163px;
}
.form .submitrow .submit_button {
float: right;
margin-right: 128px;
width: auto;
}
.form .submitrow .insert {
padding-left: 0;
}
.form .col .withLabel input {
height: auto;
}
.form .col .withLabel label {
width: auto;
padding: 0 15px 0 0;
line-height: auto;
}
.col .txt_align_left {
text-align: left;
}
/* ADAPTIONS FOR GRID 4 COLUMNS */
/* general */
.grid4 .form .input label,
.grid4 .form .col label.radiovalue,
.grid4 .form .radio label,
.grid4 .form .select label,
.grid4 .form .inputTwoCol label {
width: 80px;
clear: both;
}
/* text */
.grid4 input.text,
.grid4 .inputTwoCol input,
.grid4 .form .input textarea {
width: 120px;
}
.grid4 div.input {
clear: both;
}
/* select */
.grid4 .select select {
width: 125px;
}
/* checkbox and radio */
.grid4 .formCol {
width: 125px;
}
/* captcha */
.grid4 .captcha_img {
width: auto;
}
.grid4 .captcha {
margin-left: 0;
}
.grid4 #captcha_reload {
float: none;
padding: 2px 0 0;
}
.grid4 .inputTwoCol .captcha_input {
margin-left: 80px;
}
.grid4 .inputTwoCol .captcha_input input {
width: 120px;
float: right;
}
/* reset and submit button */
.grid4 .form .submitrow {
margin-left: 0;
}
.grid4 .form .submitrow .reset_button {
margin-left: 20px;
}
.grid4 .form .submitrow .submit_button {
margin-right: 20px;
}
/* ADAPTIONS FOR SUBMENU COLUMN */
/* general */
#subMenu .form fieldset {
margin-left: 0;
margin-right: 0;
padding-left: 0;
padding-right: 0;
}
#subMenu .form fieldset .cntBox {
width: 220px;
padding-left: 3px;
padding-right: 3px;
}
/* ERROR MESSAGES */
/* general */
.input, .col, .radio, .select, .inputTwoCol {
position: relative;
clear: both;
}
.multiblock .input,
.multiblock .col,
.multiblock .radio,
.multiblock .select,
.multiblock .inputTwoCol {
clear: none;
}
label.error {
width: auto !important;
padding-right: 0 !important;
}
.form .cntBox {
float: none;
}
.grid4 .input .input_error {
position: static;
padding-right: 10px;
}
.grid4 .col .input_error {
position: static;
padding-right: 10px;
}
label.radiovalue {
padding-top: 0 !important;
margin-top: -1px !important;
}
/* radio */
.webform .radio .input_error {
position: relative;
top: auto;
right: auto;
}
.grid4 .radio .input_error {
position: static;
padding-right: 10px;
}
.radio label {
padding-top: 0;
margin-top: 0;
}
/* select */
.select .input_error {
position: absolute;
top: 0;
right: 0;
}
.grid4 .select .input_error {
position: static;
padding-right: 10px;
}
/* date selector */
label.css_date {
padding-top: 0 !important;
margin-top: -1px !important;
}
/* multiblock */
.form .multiblock .input_error {
position: static;
width: 76%;
margin-left: 0;
clear: both;
}
.form .multiblock .input_error .error {
text-align: left;
float: none;
margin-left: 0;
}
/* inputTwoCol */
.inputTwoCol .input_content {
float: left;
}
.grid4 .inputTwoCol .input_content {
float: right;
padding-right: 10px;
}
.inputTwoCol .input_content input {
float: none;
}
.grid4 .inputTwoCol .input_content input {
margin-left: 0;
}
.inputTwoCol .input_content .input_error {
float: none;
}
.inputTwoCol .input_content .input_error label {
margin-right: 0;
margin-top: -15px;
}
/* captcha */
.captchaWrapper .input_content {
float: none;
}
.grid4 .captchaWrapper .input_content label {
margin-right: 0;
}
#captchaResponse_error {
position: relative;
top: auto;
right: auto;
}
#captchaResponse_error label.error {
width: auto !important;
padding-right: 0 !important;
margin-right: 0;
}
.grid4 #captchaResponse_error {
position: static;
padding-right: 10px;
}
.form div.input,
.form div.select,
.form div.comment,
.form div.check,
.form div.radio,
.form div.file,
.form div.inputTwoCol label,
.form div.inputTwoCol input {
margin-bottom: 5px;
}
.form .input input.error,
.form .comment textarea.error,
.form .file input.error {
border: 2px solid #bd4647;
margin-left: -2px;
}
/* dynamic form element */
.formedit-dynamic-wrapper {
clear: both;
}
.formedit-dynamic-wrapper .grouptoggle_button {
float: left;
clear: both;
margin: 6px 0 0 165px;
padding: 2px 5px 2px 23px;
color: #e20015;
font-size: 13px;
line-height: 18px;
cursor: pointer;
}
.formedit-dynamic-wrapper .grouptoggle_button:hover {
background-color: #e1e1e2;
}
.formedit-dynamic-wrapper .grouptoggle_inactive {
opacity: 0.5;
filter: alpha(opacity=50);
cursor: default;
background-color: transparent !important;
}
.formedit-dynamic-wrapper .grouptoggle_less {
background-color: transparent;
background-repeat: no-repeat;
background-image: url('/media/_tech_others/_tech_nefit__c/layout_nefit__c/css_nefit__c/sprites_images_nefit__c/nefit_main_sprite.png');
background-position: left -1346px;
}
.formedit-dynamic-wrapper .grouptoggle_more {
margin-bottom: 10px;
background-color: transparent;
background-repeat: no-repeat;
background-image: url('/media/_tech_others/_tech_nefit__c/layout_nefit__c/css_nefit__c/sprites_images_nefit__c/nefit_main_sprite.png');
background-position: left -1373px;
}
/* datepicker */
.formedit_datepicker {
margin: 0 5px 0 0;
border: 0 none;
}
.captcha_img {
float: left;
}
#captcha_reload {
background-color: transparent;
background-repeat: no-repeat;
background-image: url('/media/_tech_others/_tech_nefit__c/layout_nefit__c/css_nefit__c/sprites_images_nefit__c/nefit_main_sprite.png');
background-position: left -909px;
width: auto;
margin: 2px 0 2px 142px;
padding: 3px 7px 2px 23px;
text-decoration: none;
font-size: 13px;
font-weight: normal!important;
color: #e20015;
}
#captcha_reload:hover {
background-color: #e1e1e2 !important;
}
.captcha {
margin-left: 144px;/* portal fix */
}
.captcha_input {
margin-left: 0;
margin-top: 0;
}
.captcha_img {
float: none;
display: block;
}
.captcha_img img.captcha {
margin-bottom: 8px;
}
.captcha_img .aui-field-content {
display: block;
}
.form .submitrow .reset_button button.btn {
background-color: transparent;
background-repeat: no-repeat;
background-image: url('/media/_tech_others/_tech_nefit__c/layout_nefit__c/css_nefit__c/sprites_images_nefit__c/nefit_main_sprite.png');
background-position: left -1400px;
border: 1px solid #A5A6A7;
padding: 0 10px 0 22px !important;
}
.form .submitrow .reset_button button.btn span {
position: relative;
background: none;
color: #000 !important;
width: auto;
padding-left: 0 !important;
padding-right: 0 !important;
}
.form .submitrow .reset_button button.btn:hover {
background-color: transparent;
background-repeat: no-repeat;
background-image: url('/media/_tech_others/_tech_nefit__c/layout_nefit__c/css_nefit__c/sprites_images_nefit__c/nefit_main_sprite.png');
background-position: left -1427px;
}
.form .submitrow .reset_button button.btn:hover span {
background: none;
}
.webform button.btn {
padding: 0 0 0 14px !important;
}
.webform button.btn span {
padding: 5px 6px 8px 2px !important;
}
@media screen and (-webkit-min-device-pixel-ratio:0)
{
.webform button.btn span { top:0px; }
.form .submitrow .reset_button button,
.form .submitrow .submit_button button {padding: 0 3px 0 17px !important; }
}
.form .col .withLabel input,
.form .radio input,
.form .formCol input.radiotext {
margin-left: 0px;
}
.form .col .check.withLabel {
float: left;
margin-bottom: 12px;
}
/* Workaround für Portalvalidierungsimplementierung */
.form input.elementValidationError, .form textarea.elementValidationError {
border: 2px solid #bd4647;
}
/* IE11 Fix 13.11.2015 */
.form h2.full {
float: none;
}
.alert-error {
background: no-repeat scroll 6px 50% #ffdddd;
border: 1px solid #f00;
display: block;
font-weight: bold;
margin: 5px auto 14px;
padding: 6px 6px 6px 30px;
text-align: left;
}
/*
a, img {
border: none;
}
p, h1, h2, h3, h4, h5, div {
margin: 0;
padding: 0
}
*/
.html_systemhaus {
background-color: white;
font: 13px/16px Arial,Helvetica,sans-serif;
position: relative;
}
.html_systemhaus #sy_buehne {
width:734px;
height:440px;
background-color:none;
position: relative;
overflow: hidden;
background-size: 100% 100%;
}
.html_systemhaus #sy_preloader {
width: 381px;
height: 141px;
top: 120px;
left: 177px;
position: absolute;
}
.html_systemhaus #sy_preloader .sy_spinner {
background-image: url(/media/_tech_junkers/stage_animations_junkers/html_systemhaus_junkers/img_systemhaus/spinner_red.gif);
width: 41px;
height: 41px;
position: absolute;
top: 58px;
left: 178px;
}
.html_systemhaus #sy_start {
position: absolute;
}
.html_systemhaus #video {
position: absolute;
display: none;
}
.html_systemhaus #haus {
position: absolute;
display: none;
}
.html_systemhaus #tabs {
position: absolute;
z-index: 1;
}
.html_systemhaus .backToStreet {
position: absolute;
top: 20px;
left: 20px;
height: 27px;
text-decoration: none;
cursor: pointer;
white-space:nowrap;
background-image:url(/media/_tech_junkers/stage_animations_junkers/html_systemhaus_junkers/img_systemhaus/button_red_back_left.png);
background-repeat: no-repeat;
}
.html_systemhaus .backToStreet .inner {
background-image:url(/media/_tech_junkers/stage_animations_junkers/html_systemhaus_junkers/img_systemhaus/button_red_back_right.png);
background-repeat: no-repeat;
background-position: right;
color: #ffffff;
font-weight: bold;
font-size: 13px;
height: 21px;
padding: 6px 20px 0 8px;
margin-left: 17px;
}
.html_systemhaus .backToStreet:hover {
background-image:url(/media/_tech_junkers/stage_animations_junkers/html_systemhaus_junkers/img_systemhaus/button_red_back_left_hover.png);
}
.html_systemhaus .backToStreet:hover .inner {
background-image:url(/media/_tech_junkers/stage_animations_junkers/html_systemhaus_junkers/img_systemhaus/button_red_back_right_hover.png);
}
.html_systemhaus .tab_button {
position: absolute;
left: -5px;
width: 170px;
height: 24px;
padding: 5px 20px 0 25px;
padding-top: 9px;
color: #4a494c;
font-weight: bold;
font-size: 13px;
text-decoration: none;
cursor: pointer;
background-image:url(/media/_tech_junkers/stage_animations_junkers/html_systemhaus_junkers/img_systemhaus/button_white_red_back_right.png);
background-repeat: no-repeat;
background-position: right;
}
.html_systemhaus .tab_button span {
background: transparent url(/media/_tech_junkers/stage_animations_junkers/html_systemhaus_junkers/img_systemhaus/pfeil_rechts.png);
display: block;
position: absolute;
width: 8px;
height: 12px;
top: 10px;
left: 5px;
}
.html_systemhaus .tab_button:hover {
background-image:url(/media/_tech_junkers/stage_animations_junkers/html_systemhaus_junkers/img_systemhaus/button_white_red_back_right_hover.png);
color: #ffffff;
}
.html_systemhaus .tab_button.gelb {
background-image:url(/media/_tech_junkers/stage_animations_junkers/html_systemhaus_junkers/img_systemhaus/button_yellow_back_right.png);
background-repeat: no-repeat;
background-position: right;
color: #ffffff;
}
.html_systemhaus .tab_button.gelb span {
background: transparent url(/media/_tech_junkers/stage_animations_junkers/html_systemhaus_junkers/img_systemhaus/pfeil_rechts_weiss.png);
display: block;
position: absolute;
width: 8px;
height: 12px;
top: 10px;
left: 5px;
}
.html_systemhaus .tab_button.gelb:hover {
background-image:url(/media/_tech_junkers/stage_animations_junkers/html_systemhaus_junkers/img_systemhaus/button_yellow_back_right_hover.png);
}
.html_systemhaus #tab1 {
top: 170px;
}
.html_systemhaus #tab2 {
top: 198px;
}
.html_systemhaus .tab_button img {
position: absolute;
left: 10px;
top: 10px;
}
.html_systemhaus .tab_trenner {
position: absolute;
top: 200px;
left: 0;
width: 210px;
height: 1px;
background-color: #ffffff;
font-size: 0;
}
.html_systemhaus .raumButton {
position: absolute;
height: 52px;
width: 53px;
padding: 0;
cursor: pointer;
background-image: url(/media/_tech_junkers/stage_animations_junkers/html_systemhaus_junkers/img_systemhaus/hotzone_red.png);
background-repeat: no-repeat;
background-position: 15px 15px;
z-index: 0;
}
.html_systemhaus .raumButton .raumbuttoninner {
position: absolute;
left: 28px;
top: -3px;
z-index: 10000;
display: none;
height: 22px;
padding: 0;
cursor: pointer;
background-image: url(/media/_tech_junkers/stage_animations_junkers/html_systemhaus_junkers/img_systemhaus/tooltipbackground_left_red.png);
background-repeat: no-repeat;
background-position: left top;
}
.html_systemhaus .raumButton .raumbuttoninner .raumbuttoninnerright {
height: 20px;
padding: 2px 6px 0 2px;
margin-left: 4px;
color: white;
font-weight: bold;
font-size: 13px;
text-decoration: none;
cursor: pointer;
white-space: nowrap;
background-image: url(/media/_tech_junkers/stage_animations_junkers/html_systemhaus_junkers/img_systemhaus/tooltipbackground_right_red.png);
background-repeat: no-repeat;
background-position: right top;
}
.html_systemhaus #infobox {
position: absolute;
top: 10px;
left: 800px;
width: 500px;
height: 400px;
background-color: white;
-moz-box-shadow: 1px 1px 3px #444444;
-webkit-box-shadow: 1px 1px 3px #444444;
box-shadow: 1px 1px 3px #444444;
filter: progid:DXImageTransform.Microsoft.Shadow(
color='#444444',
direction=135,
strength=3
);
}
.html_systemhaus #infobox #infotext {
position: absolute;
top: 10px;
left: 10px;
font-size: 12px;
color: #404245;
margin: 0;
padding: 0;
width: 410px;
height: 370px;
overflow: hidden;
line-height: 18px;
display: block;
}
.html_systemhaus #infobox #infotext ul {
margin: 0;
}
.html_systemhaus #closeInfo {
position: absolute;
top: 10px;
right: 10px;
width: 19px;
height: 19px;
background-image: url(/media/_tech_junkers/stage_animations_junkers/html_systemhaus_junkers/img_systemhaus/footer_recommend_close.png);
cursor: pointer;
}
.html_systemhaus #closeInfo:hover {
background-image: url(/media/_tech_junkers/stage_animations_junkers/html_systemhaus_junkers/img_systemhaus/footer_recommend_close_hover.png);
}
.html_systemhaus #detail {
z-index: 10;
position: absolute;
top: 10px;
left: 800px;
width: 500px;
height: 400px;
background-color: white;
-moz-box-shadow: 1px 1px 3px #444444;
-webkit-box-shadow: 1px 1px 3px #444444;
box-shadow: 1px 1px 3px #444444;
filter: progid:DXImageTransform.Microsoft.Shadow(
color='#444444',
direction=135,
strength=3
);
}
.html_systemhaus #detail #detailText {
min-width: 200px;
display: inline-block;
}
.html_systemhaus #detail #detailText #headline {
font-size: 16px;
font-weight: bold;
color: #0d56c6;
margin: 10px 0 10px 10px;
padding: 0;
}
.html_systemhaus #detail #detailText #bodytext {
font-size: 12px;
color: #404245;
margin: 0 0 0 10px;
padding: 0;
}
.html_systemhaus #detail #detailText #bodytext p {
line-height: 20px;
}
.html_systemhaus #detail #bild {
float: left;
}
.html_systemhaus #detail #detailText #link {
font-size: 12px;
color: #b81a29;
background-image: url(/media/_tech_junkers/stage_animations_junkers/html_systemhaus_junkers/img_systemhaus/buttons_textlinks_red.png);
background-repeat: no-repeat;
background-position: 0 4px;
padding: 2px 5px 2px 27px;
margin: 5px 0 0 10px;
width: auto;
display: inline-block;
text-decoration: none;
}
.html_systemhaus #detail #detailText #link:hover {
background-color: #f2b9b6;
}
.html_systemhaus #close {
position: absolute;
top: 10px;
right: 10px;
width: 19px;
height: 19px;
background-image: url(/media/_tech_junkers/stage_animations_junkers/html_systemhaus_junkers/img_systemhaus/footer_recommend_close.png);
cursor: pointer;
}
.html_systemhaus #close:hover {
background-image: url(/media/_tech_junkers/stage_animations_junkers/html_systemhaus_junkers/img_systemhaus/footer_recommend_close_hover.png);
}
.html_systemhaus .sy_erplabel {
position: absolute;
bottom: 14px;
left: 9px;
cursor: pointer;
padding-right: 18px;
}
.html_systemhaus .sy_erplabelstar {
background: transparent url(/media/_tech_junkers/stage_animations_junkers/html_systemhaus_junkers/img_systemhaus/star_black.png) 0 0 no-repeat;
display: block;
width: 15px;
height: 15px;
position: absolute;
top: 0;
right: 0;
}
.html_systemhaus .sy_erplabeltextstar {
background: transparent url(/media/_tech_junkers/stage_animations_junkers/html_systemhaus_junkers/img_systemhaus/star_black.png) 0 0 no-repeat;
display: block;
width: 15px;
height: 15px;
margin: 0 10px 20px 0;
float: left;
}
.html_systemhaus #sy_detail .sy_erplabel {
left: 16px;
}
#sy_popup, #sy_popupprodukt {
position: absolute;
left: 50%;
display: none;
z-index: 9999999;
background-color: #5d87ae;
}
#sy_popup a, #sy_popupprodukt a {
text-decoration: none;
}
.sy_popuphead {
height: 30px;
width: 100%;
}
.sy_popuphead .sy_popupclose {
background: transparent url(/media/_tech_junkers/stage_animations_junkers/html_systemhaus_junkers/img_systemhaus/footer_recommend_close.png) 0 0 no-repeat;
display: block;
width: 19px;
height: 19px;
float: right;
margin-right: 7px;
margin-top: 6px;
cursor: pointer;
}
.sy_popupcontent {
height: 30px;
width: 100%;
}
.sy_popupcontent div {
color: white;
font-family: Arial;
font-size: 14px;
font-weight: bold;
margin: 7px;
}
#sy_popup_bg {
display: none;
position: absolute;
top: 0;
left: 0;
z-index: 9999998;
width: 100%;
height: 100%;
background-color: rgba(0,0,0,0.8);
}
.html_systemhaus .sy_caption {
/*position: absolute;
top: 440px;
left: 0;*/
height: 35px;
width: 734px;
padding-top: 15px;
background-color: white;
z-index: 1000;
font-size: 13px;
}
.html_systemhaus {
background-color: white;
font: 13px/16px Arial,Helvetica,sans-serif;
position: relative;
}
.html_systemhaus #sy_buehne {
width:734px;
height:440px;
background-color:none;
position: relative;
overflow: hidden;
background-size: 100% 100%;
}
.html_systemhaus #sy_preloader {
width: 381px;
height: 141px;
top: 120px;
left: 177px;
position: absolute;
}
.html_systemhaus #sy_preloader img {
position: absolute;
top: 58px;
left: 178px;
}
.html_systemhaus #sy_buehne #sy_street {
position: absolute;
height: 440px;
width: 100%;
background-size: cover;
top: 0;
left: 0;
}
.html_systemhaus #sy_buehne #sy_street_left {
position: absolute;
left: 0;
bottom: 20px;
cursor: pointer;
background-image: url(/media/_tech_junkers/stage_animations_junkers/html_systemhaus_strasse_junkers/img_systemhaus_strasse/buttons_clickgallery_left_red.png);
width: 30px;
height: 39px;
}
.html_systemhaus #sy_buehne #sy_street_left:hover {
background-image: url(/media/_tech_junkers/stage_animations_junkers/html_systemhaus_strasse_junkers/img_systemhaus_strasse/buttons_clickgallery_left_hover_red.png);
}
.html_systemhaus #sy_buehne #sy_street_right {
position: absolute;
right: 0;
bottom: 20px;
cursor: pointer;
background-image: url(/media/_tech_junkers/stage_animations_junkers/html_systemhaus_strasse_junkers/img_systemhaus_strasse/buttons_clickgallery_right_red.png);
width: 30px;
height: 39px;
}
.html_systemhaus #sy_buehne #sy_street_right:hover {
background-image: url(/media/_tech_junkers/stage_animations_junkers/html_systemhaus_strasse_junkers/img_systemhaus_strasse/buttons_clickgallery_right_hover_red.png);
}
.html_systemhaus .streetButtonOuter {
position: absolute;
}
.html_systemhaus .streetButton {
padding: 0;
z-index: 0;
display: inline-block;
width: auto;
text-decoration: none;
white-space: nowrap;
background-image: url(/media/_tech_junkers/stage_animations_junkers/html_systemhaus_strasse_junkers/img_systemhaus_strasse/street_button_red_back_right.png);
background-repeat: no-repeat;
background-position: right top;
padding-right: 8px;
}
.html_systemhaus .streetButton .streetButtoninner {
height: 56px;
width: auto;
padding: 6px 0 0 24px;
background-image: url(/media/_tech_junkers/stage_animations_junkers/html_systemhaus_strasse_junkers/img_systemhaus_strasse/street_button_red_back_left.png);
background-repeat: no-repeat;
background-position: left top;
color: white;
font-weight: bold;
font-size: 13px;
text-decoration: none;
white-space: nowrap;
display: inline-block;
}
.html_systemhaus .streetButton .streetButtoninner .streetButtoninnerright {
height: 26px;
width: 8px;
display: inline-block;
}
.html_systemhaus .streetButton:hover .streetButtoninner {
background-image: url(/media/_tech_junkers/stage_animations_junkers/html_systemhaus_strasse_junkers/img_systemhaus_strasse/street_button_red_back_left_hover.png);
}
.html_systemhaus .streetButton:hover {
background-image: url(/media/_tech_junkers/stage_animations_junkers/html_systemhaus_strasse_junkers/img_systemhaus_strasse/street_button_red_back_right_hover.png);
}
.html_systemhaus .sy_infobutton {
display: inline-block;
background-image: url(/media/_tech_junkers/layout_junkers/images_junkers/btns_junkers/product_catalog_btns_junkers/buttons_info_white.png);
background-repeat: no-repeat;
width: 17px;
height: 13px;
margin-left: 10px;
margin-bottom: -7px;
cursor: pointer;
}
.html_systemhaus .sy_infobutton:hover {
background-image: url(/media/_tech_junkers/stage_animations_junkers/html_systemhaus_strasse_junkers/img_systemhaus_strasse/buttons_info_red.png);
}
.html_systemhaus .sy_infotooltipp {
padding: 3px 5px;
max-width: 200px;
min-width: 80px;
background-color: #dddddd;
font-size: 11px;
position: absolute;
top: 40px;
left: 80%;
display: none;
}
.html_systemhaus .sy_infotooltipp:after {
content: '';
position: absolute;
bottom: 100%;
left: 10px;
width: 0;
height: 0;
border-bottom: 10px solid #dddddd;
border-right: 6px solid transparent;
border-left: 6px solid transparent;
}
.html_systemhaus #infobox {
position: absolute;
top: 10px;
left: 800px;
width: 500px;
height: 400px;
background-color: white;
-moz-box-shadow: 1px 1px 3px #444444;
-webkit-box-shadow: 1px 1px 3px #444444;
box-shadow: 1px 1px 3px #444444;
filter: progid:DXImageTransform.Microsoft.Shadow(
color='#444444',
direction=135,
strength=3
);
}
.html_systemhaus #infobox #infotext {
position: absolute;
top: 10px;
left: 10px;
font-size: 12px;
color: #404245;
margin: 0;
padding: 0;
width: 410px;
height: 370px;
overflow: hidden;
line-height: 18px;
display: block;
}
.html_systemhaus #infobox #infotext ul {
margin: 0;
}
.html_systemhaus #detail {
z-index: 10;
position: absolute;
top: 10px;
left: 800px;
width: 500px;
height: 400px;
background-color: white;
-moz-box-shadow: 1px 1px 3px #444444;
-webkit-box-shadow: 1px 1px 3px #444444;
box-shadow: 1px 1px 3px #444444;
filter: progid:DXImageTransform.Microsoft.Shadow(
color='#444444',
direction=135,
strength=3
);
}
.html_systemhaus #detail #detailText {
min-width: 200px;
display: inline-block;
}
.html_systemhaus #detail #detailText #headline {
font-size: 16px;
font-weight: bold;
color: #0d56c6;
margin: 10px 0 10px 10px;
padding: 0;
}
.html_systemhaus #detail #detailText #bodytext {
font-size: 12px;
color: #404245;
margin: 0 0 0 10px;
padding: 0;
}
.html_systemhaus #detail #detailText #bodytext p {
line-height: 20px;
}
.html_systemhaus #detail #bild {
float: left;
}
.html_systemhaus #detail #detailText #link {
font-size: 12px;
color: #b81a29;
background-image: url(/media/_tech_junkers/stage_animations_junkers/html_systemhaus_junkers/img_systemhaus/buttons_textlinks_red.png);
background-repeat: no-repeat;
background-position: 0 4px;
padding: 2px 5px 2px 27px;
margin: 5px 0 0 10px;
width: auto;
display: inline-block;
text-decoration: none;
}
.html_systemhaus #detail #detailText #link:hover {
background-color: #f2b9b6;
}
.html_systemhaus .sy_erplabel {
position: absolute;
bottom: 14px;
left: 9px;
cursor: pointer;
padding-right: 18px;
}
.html_systemhaus .sy_erplabelstar {
position: absolute;
top: 0;
right: 0;
}
.html_systemhaus .sy_erplabeltextstar {
margin: 0 10px 20px 0;
float: left;
}
.html_systemhaus #sy_detail .sy_erplabel {
left: 16px;
}
#sy_popup, #sy_popupprodukt {
position: absolute;
left: 50%;
display: none;
z-index: 9999999;
background-color: #5d87ae;
}
#sy_popup a, #sy_popupprodukt a {
text-decoration: none;
}
.sy_popuphead {
height: 30px;
width: 100%;
}
.sy_popuphead .sy_popupclose {
float: right;
margin-right: 7px;
margin-top: 6px;
cursor: pointer;
}
.sy_popupcontent {
height: 30px;
width: 100%;
}
.sy_popupcontent div {
color: white;
font-family: Arial;
font-size: 14px;
font-weight: bold;
margin: 7px;
}
#sy_popup_bg {
display: none;
position: absolute;
top: 0;
left: 0;
z-index: 9999998;
width: 100%;
height: 100%;
background-color: rgba(0,0,0,0.8);
}
.html_systemhaus .sy_caption {
position: absolute;
top: 440px;
left: 0;
height: 35px;
width: 734px;
padding-top: 15px;
background-color: white;
z-index: 1000;
font-size: 13px;
}
/* Fixes for product pages (gaps and spaces) */
.productCataloguePage .cntBox,.productCategoryGroupPage .cntBox,.productDetailPage .cntBox,.productdetail .cntBox,.product .cntBox {
margin-bottom:0px;
}
.productDetailPage .productdetail {
margin-top:4px;
}
.productdetail .cntBox h1,.product .cntBox h1 {
margin-top:24px!important;
padding-bottom:12px!important;
}
body {
color:#000000!important;
font-size:13px!important;
line-height:18px!important;
}
.productCataloguePage h2.icon {
margin-bottom: -7px;
}
#wrapperAll.productCategoryGroupPage .contentArea .introBox {
margin-bottom: 0 !important;
}
/* Fixes for training pages */
#wrapperAll .contentArea .trainingDetailHeadline {
margin-bottom: 20px !important;
}
.italic {
font-weight:normal;
font-style:italic;
font-size:100%
}
.normal {
font-weight:normal;
font-size:100%
}
.bigPicture {
height: 265px;
}
/* Filter input */
.filter .reset,.filter .submit {
float:right;
color:#e20015;
cursor:pointer;
cursor:hand;
background-color:transparent;
border:none;
}
.filter .resetInactive {
float:right;
color:#f2b9b6;
cursor:default;
background-color:transparent;
border: none;
}
.filter div.option div.twoColInput {
background: none;
float: right;
width: 538px;
}
.filter div.option div.twoColInput div input {
position: relative;
float: left;
margin-left: 0;
}
.filter div.option div.twoColInput div label {
position: relative;
float: left;
width: 80%;
padding: 0 0 0 5px;
}
.filter div.option div.checkboxFirst {
width: 48%;
padding: 0 10px 0 0;
clear: both;
}
.filter div.option div.checkboxSecond {
width: 48%;
padding: 0 0 0 10px;
}
/* Headlines */
h1 {
padding:0 0 20px 0;
color:#000000!important;
}
h2 {
font-size:15px!important;
line-height:20px!important;
padding-bottom:2px;
color:#000000!important;
}
h2.icon {
color:#e20015;
font-size:15px;
line-height:20px;
padding:0 0 6px 0;
margin:9px 0 0 0;
position:relative;
display:block;
float:left;
min-height:40px;
}
h2.icon img {
vertical-align:bottom;
margin-right:7px;
}
h2.icon span {
font-size:15px;
font-weight:bold;
padding:0;
margin:0;
width:309px;
display:inline-block;
min-height:auto;
}
.disturber a {
color:#e20015;
}
.disturber a:hover {
color: #e20015;
}
/* Links */
a {
text-decoration:none;
}
a.lnk {
background-color: transparent;
background-repeat: no-repeat;
background-image: url('/media/_tech_others/_tech_nefit__c/layout_nefit__c/css_nefit__c/sprites_images_nefit__c/nefit_main_sprite.png') !important;
background-position: left -1494px !important;
padding:0 5px 0 22px!important;
line-height:21px!important;
height:21px!important;
font-size:13px!important;
color:#e20015!important;
position:relative!important;
display:block!important;
float:left!important;
clear:both!important;
}
a.download {
background-color: transparent;
background-repeat: no-repeat;
background-image: url('/media/_tech_others/_tech_nefit__c/layout_nefit__c/css_nefit__c/sprites_images_nefit__c/nefit_main_sprite.png');
background-position: left -1556px;
padding:0 5px 0 22px;
line-height:21px;
font-size:13px;
color:#e20015;
position:relative;
display:block;
float:left;
clear:both;
}
h2 a {
color:#000000!important;
}
h2 a:hover {
color: #e20015!important;
}
/* Stage */
.junkers {
padding:0;
margin-top: 7px;
}
.productCategoryGroupPage .junkers {
margin-top: 0;
}
#wrapperAll #contentAreaCategory .junkers {
margin-bottom: 17px !important;
}
.junkers .stageCntMain .imgSection div {
position:absolute;
top:10px;
width:208px;
padding:10px;
}
.junkers .stageCntMain .imgSection div.white {
background-color: #fff;
}
.junkers .stageCntMain .imgSection div.psTransparency25 {
background-color: transparent;
background-repeat: repeat-y;
background-image: url('/media/_tech_others/_tech_nefit__c/layout_nefit__c/css_nefit__c/sprites_images_nefit__c/nefit_horizontal_sprite.png') !important;
background-position: -0px top !important;
}
.junkers .stageCntMain .imgSection div.psTransparency75 {
background-color: transparent;
background-repeat: repeat-y;
background-image: url('/media/_tech_others/_tech_nefit__c/layout_nefit__c/css_nefit__c/sprites_images_nefit__c/nefit_horizontal_sprite.png') !important;
background-position: -355px top !important;
}
.junkers .stageCntMain .imgSection div h2 {
font-size:15px;
line-height:20px;
padding-bottom:5px;
}
.junkers .stageCntMain .imgSection div p {
font-size:13px;
line-height:18px;
}
.rgt {
left:10px;
}
.lft {
right: 10px;
}
/* Contentnavigation Product overview */
.contentNavJK {
position:relative;
display:block;
float:left;
margin-top:16px;
margin-bottom:18px;
}
.contentNavJK ul {
width:176px;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
padding:0;
float:left;
margin-left:10px;
position:relative;
display:block;
}
.contentNavJK ul ul {
margin:0;
padding:0;
}
.contentNavJK ul li {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
padding:0;
background-color: transparent;
background-repeat: repeat-x;
background-image: url('/media/_tech_others/_tech_nefit__c/layout_nefit__c/css_nefit__c/sprites_images_nefit__c/nefit_backgrounds_sprite.png');
background-position: left -50px;
}
.contentNavJK ul li li {
background: transparent none;
}
.contentNavJK ul li a {
border-bottom:1px solid #a5a6a7;
position:relative;
display:block;
font-size:15px;
color:#404245;
line-height:20px;
padding:8px 11px 11px 10px;
}
.contentNavJK ul li a:hover,.contentNavJK ul li a.active {
background-color:#eee;
}
.contentNavJK ul li li a {
font-size:13px;
line-height:18px;
padding:10px 10px 11px;
}
.contentNavJK ul li a span {
display:block;
position:relative;
background-color: transparent;
background-repeat: no-repeat;
background-image: url('/media/_tech_others/_tech_nefit__c/layout_nefit__c/css_nefit__c/sprites_images_nefit__c/nefit_main_sprite.png');
background-position: right -1618px;
padding-right:10px;
}
.contentNavJK ul li li a span {
background-color: transparent;
background-repeat: no-repeat;
background-image: url('/media/_tech_others/_tech_nefit__c/layout_nefit__c/css_nefit__c/sprites_images_nefit__c/nefit_main_sprite.png');
background-position: left -1674px;
padding: 0 0 0 16px;
}
/* Grey Boxes */
.productCataloguePage .wrapper2 {
margin-right: 10px;
}
.productCataloguePage .wrapper .col6,
.productCataloguePage .wrapper2 .col6 {
margin-left: 0;
}
.tsrBoxL,.tsrBoxR {
background-color: #606265 !important;
padding: 15px 0 7px;
color:#fff!important;
margin-bottom:10px!important;
}
.tsrBoxL.blueBg,.tsrBoxR.blueBg {
color:#fff!important;
}
.tsrBoxL.redBg,.tsrBoxR.redBg {
color:#fff!important;
}
.tsrBoxL.blueBg h2,.tsrBoxR.blueBg h2,.tsrBoxL.redBg h2,.tsrBoxR.redBg h2 {
color:#fff!important;
}
.tsrBoxL.redBg a.lnk,.tsrBoxR.redBg a.lnk,.tsrBoxL.blueBg a.lnk,.tsrBoxR.blueBg a.lnk {
color:#fff!important;
background-color: transparent;
background-repeat: no-repeat;
background-image: url('/media/_tech_others/_tech_nefit__c/layout_nefit__c/css_nefit__c/sprites_images_nefit__c/nefit_main_sprite.png') !important;
background-position: left -1754px !important;
}
.tsrBoxL .onLft {
width:auto!important;
margin-left:0px;
}
.tsrBoxL .full {
margin-right:0px!important;
width:100%!important;
}
.tsrBoxL .full img {
width:100%!important;
}
.tsrBoxL .txtSection {
padding-top:0px!important;
margin-left:10px;
padding-bottom:0px!important;
}
.imgSection .disturber {
text-transform:uppercase;
font-size:11px;
font-weight:bold;
line-height:14px;
padding:5px 10px;
color:#e20015;
}
.tsrBoxL .txtSection h2 {
padding-bottom:6px;
}
.tsrBoxL .txtSection p {
padding-top:1px!important;
}
.tsrBoxR .txtSection {
padding-top:0px!important;
}
.teaserColRight {
float:right;
margin:0 0 0 0;
}
.teaserColLeft {
float: left;
}
.tsrBoxL .txtSection,
.tsrBoxR .txtSection {
padding-bottom: 0;
}
.tsrBoxL .txtSection p,
.tsrBoxR .txtSection p {
padding-bottom: 5px !important;
}
/* Product Boxes */
div.contentArea .products {
overflow:visible;
}
.productDetailPage .product {
margin-top: 21px;
}
.productDetailPage .tooltipOverflow {
margin-top: 30px;
}
.productDetailPage .tooltipOverflow h2{
padding-bottom: 6px;
}
.productDetailPage .product .cntBox h2 {
padding-bottom: 0;
margin-bottom: -3px;
}
div.contentArea .training:hover,div.contentArea .training.ieHover {
background-color:#F1F1F1!important;
}
div.contentArea .training {
position:relative!important;
cursor:pointer;
overflow: hidden;
}
/* Buttons */
button.btnJunkers,a.btnJunkers {
height:27px;
line-height:27px;
padding:0 10px 0 22px;
margin:3px 0 0 0;
}
button.btnJunkers span,a.btnJunkers span {
background:none;
height:27px;
line-height:27px;
padding:0 6px 0 0;
color:#fff!important;
width:auto;
}
button.btnJunkersGrey,a.btnJunkersGrey {
background-color: transparent;
background-repeat: no-repeat;
background-image: url('/media/_tech_others/_tech_nefit__c/layout_nefit__c/css_nefit__c/sprites_images_nefit__c/nefit_main_sprite.png');
background-position: left -1819px;
height:25px;
line-height:26px;
padding:0 10px 0 22px;
margin:3px 0 0 0;
border: 1px solid #a5a6a7;
color: #000000;
}
button.btnJunkersGrey span,a.btnJunkersGrey span {
background: none;
height:26px;
line-height:24px;
padding:0 6px 0 0;
color:#000000!important;
}
button.btnJunkersKeep,a.btnJunkersKeep {
background-color: #eee;
background-repeat: no-repeat;
background-image: url('/media/_tech_others/_tech_nefit__c/layout_nefit__c/css_nefit__c/sprites_images_nefit__c/nefit_main_sprite.png');
background-position: left -1854px;
height:27px;
line-height:27px;
padding:0 0 0 35px;
clear: none;
}
button.btnJunkersKeep span, a.btnJunkersKeep span {
background-color: #EEEEEE;
background-image: none;
color: #e20015 !important;
font-weight: normal;
height: 27px;
line-height: 27px;
padding: 0 6px 0 0;
}
button.btnJunkersGrey:hover,a.btnJunkersGrey:hover {
background-color: transparent;
background-repeat: no-repeat;
background-image: url('/media/_tech_others/_tech_nefit__c/layout_nefit__c/css_nefit__c/sprites_images_nefit__c/nefit_main_sprite.png') !important;
background-position: left -1887px !important;
}
button.btnJunkersGrey:hover span,a.btnJunkersGrey:hover span {
background:none;
}
button.btnJunkersKeep:hover,a.btnJunkersKeep:hover {
background-color: #eee;
background-repeat: no-repeat;
background-image: url('/media/_tech_others/_tech_nefit__c/layout_nefit__c/css_nefit__c/sprites_images_nefit__c/nefit_main_sprite.png') !important;
background-position: left -1854px !important;
}
.contentArea {
float:right;
margin-bottom: 10px;
}
/* Productsoverview */
h2.results {
float:left;
padding:0 0 11px 10px;
}
.contentArea .products {
padding-top:23px;
}
.contentArea .products a.btn {
/* clear:none; */
margin-right:10px;
margin-top: 5px;
}
.contentArea .products .imgSection {
overflow:visible;
width:238px!important;
text-align:center!important;
}
.contentArea .products .txtSection {
width:352px;
margin-left:0px;
padding-right:0px!important;
float:left;
}
.contentArea .products .logos {
float:right;
}
.threeCols .products .imgSection {
text-align:left;
width:238px;
}
.threeCols .products .txtSection {
width:238px;
font-size: 13px;
}
.tsrBoxR .imgSection {
width:auto!important;
margin:0 10px 0 0!important;
}
.tsrBoxL .imgSection,
.tsrBoxR .imgSection {
margin-bottom: 8px!important;
}
.halfSize .products .imgSection {
text-align:left;
width:114px!important;
margin:0 10px 0 0;
}
.halfSize .tsrBoxR .imgSection {
margin:0 0 0 0!important;
}
.halfSize .products .txtSection {
width:235px;
}
.halfSize .tsrBoxL.col12,.threeCols .tsrBoxL.col12 {
background-color:transparent!important;
padding:0!important;
margin-bottom:0!important;
}
.fullSize .products .txtSection {
width:476px;
}
.products .imgSection {
text-align:center;
width:240px;
margin:0 10px 0 0!important;
}
.fullSize .overview {
position:relative;
display:block;
background-color:#eeeeee;
padding:10px 15px;
margin:0 0 20px 10px;
clear:both;
}
.fullSize h2.category {
padding: 0 0 12px 10px;
}
.productCategoryGroupPage .filterElements .products .txtSection p {
padding-right: 0;
}
/* List */
ul.junkers {
padding:0 0 5px 0;
margin:0;
}
ul.junkers li {
background-color: transparent;
background-repeat: no-repeat;
background-image: url('/media/_tech_others/_tech_nefit__c/layout_nefit__c/css_nefit__c/sprites_images_nefit__c/nefit_main_sprite.png');
background-position: left -1922px;
line-height:24px;
padding: 0 0 0 11px;
}
/* Pagination */
div.paginatorDefault {
margin: 3px 0 10px 0;
}
div.paginatorDefault a {
display: block;
width: 20px;
height: 19px;
float: left;
margin: 0;
padding: 0;
text-align: center;
color: #000;
font-size: 13px;
font-weight: normal;
padding: 0 !important;
}
.paginatorDefault a.selected {
background-color: #e1e1e2;
padding: 0 !important;
}
.paginatorDefault a:hover {
background-color: #eee;
padding: 0 !important;
}
.paginatorDefault a.inactive:hover {
background-color: transparent;
}
div.paginatorDefault a img {
margin: 6px auto 0;
}
.itemsPer {
float:right;
margin: 2px 12px 0 0;
}
.itemsPer label {
margin: 0 5px 0 0;
}
.itemsPer select {
margin: 0;
}
.paginationBottom {
width: auto;
height: 4px;
margin-left: 10px;
margin-bottom: 9px;
border: none;
background-color: transparent;
background-repeat: repeat-x;
background-image: url('/media/_tech_others/_tech_nefit__c/layout_nefit__c/css_nefit__c/sprites_images_nefit__c/nefit_horizontal_sprite.png');
background-position: -710px top;
}
hr + div.paginatorDefault,
.preview + .itemsPer {
margin-top: 5px;
}
/* Stage JS */
#stagePagination {
height:175px!important;
}
#stagePagination.standard {
height:250px!important;
}
#stagePagination.big {
height: 440px!important;
}
/* Filter */
.filter {
background-color:#eeeeee !important;
margin:0 0 0 10px;
float:left;
padding:0 0 10px 0;
position: static !important;
}
.filter div.option {
padding: 5px 10px 4px;
}
.filter div.option img {
float:left;
margin:2px 5px 0 0;
}
.filter div.option span {
width:150px;
position:relative;
display:block;
float:left;
font-weight:bold;
margin-bottom:5px;
}
.filter div.option div {
position:relative;
display:block;
width: auto;
float:left;
}
.filter h3 {
float:left;
padding: 4px 10px;
color:#000000;
font-size: 12px;
}
.filter select {
width: 185px;
float: right;
margin-right: 354px;
}
.filter label {
padding:0 10px 0 0;
}
.filter a {
float:right;
color:#e20015;
}
.filter a.inactive {
color:#d6ddea;
cursor:default;
}
.filter span.dark {
position:relative;
display:block;
height:1px!important;
line-height:1px!important;
border-bottom:1px solid #a5a6a7;
margin:0 10px -1px 10px;
clear:both;
padding:0px;
}
.filter span.white {
position:relative;
display:block;
height:1px!important;
line-height:1px!important;
border-bottom:1px solid #fff;
clear:both;
margin:0 10px;
padding: 0px;
}
.filter .insert noscript .btn,
.filter .insert noscript .btn span,
.filter .insert .reset,
.filter .insert .reset span {
background: none;
margin: 0 !important;
padding: 0 !important;
font: normal normal normal 13px/18px Arial,Helvetica,sans-serif;
color: #e6001e !important;
}
.filter .insert noscript .btn,
.filter .insert .reset {
margin-right: 6px !important;
}
.filter #search_container {
height: 54px;
position: relative;
}
.filter #search_container button {
float: none;
position: absolute;
top: 16px;
left: 185px;
}
.filter input.submit {
background-color: transparent;
background-repeat: no-repeat;
background-image: url('/media/_tech_others/_tech_nefit__c/layout_nefit__c/css_nefit__c/sprites_images_nefit__c/nefit_main_sprite.png');
background-position: left -966px;
color: #FFFFFF;
cursor: pointer;
float: left;
font-size: 13px;
height: 27px;
line-height: 18px;
margin: 0 5px 0 180px;
padding: 0 10px 0 17px !important;
text-decoration: none;
font-weight: bold;
}
.filter input.submit:hover {
background-color: transparent;
background-repeat: no-repeat;
background-image: url('/media/_tech_others/_tech_nefit__c/layout_nefit__c/css_nefit__c/sprites_images_nefit__c/nefit_main_sprite.png');
background-position: left -1024px;
}
.filter div.option div.twoColInput {
background-image: none;
}
/* Tooltip */
.tooltip .top.bgYellow {
background-color: transparent;
background-repeat: no-repeat;
background-image: url('/media/_tech_others/_tech_nefit__c/layout_nefit__c/css_nefit__c/sprites_images_nefit__c/nefit_main_sprite.png');
background-position: left -2297px;
}
.tooltip div.bgYellow {
background-color:#eeeeee;
background-image:none;
color:#000;
}
.tooltip div.bgYellow p {
color:#000!important;
}
.tooltip_wrap,.tooltipCarousel_wrap {
width:280px!important;
}
.tooltip_wrap.right {
margin-left:-185px;
}
.tooltip_wrap.right .top.bgYellow {
left:auto;
right: 15px;
}
/* Tab */
.tab_container {
border-left:none!important;
border-right:none!important;
border-top:none!important
}
.tab_container .cntBox {
margin-left:0px;
}
.tab12 .tab_content {
padding-right:0px!important;
}
.tab_container .grid12 {
width:734px!important;
}
.tab_container .col4 {
width:238px!important;
}
ul.tabs li {
margin-bottom: 0 !important;
height: 40px !important;
}
ul.tabs li a span {
font-size:0.85em!important;
}
.tab12 ul.tabs {
padding-left:10px;
background-color: #dd0004;
background-repeat: repeat-x;
background-image: url('/media/_tech_others/_tech_nefit__c/layout_nefit__c/css_nefit__c/sprites_images_nefit__c/nefit_backgrounds_sprite.png');
background-position: left -134px;
width:722px!important;
padding-top:12px!important;
}
ul.tabs li a {
background-color: transparent;
background-repeat: repeat-x;
background-image: url('/media/_tech_others/_tech_nefit__c/layout_nefit__c/css_nefit__c/sprites_images_nefit__c/nefit_backgrounds_sprite.png');
background-position: left -191px;
text-transform:uppercase;
color:#fff;
height: 40px !important;
}
ul.tabs li.empty a {
background-color: transparent;
background-repeat: repeat-x;
background-image: url('/media/_tech_others/_tech_nefit__c/layout_nefit__c/css_nefit__c/sprites_images_nefit__c/nefit_backgrounds_sprite.png');
background-position: left -191px;
}
ul.tabs li a span {
background-color: transparent;
background-repeat: repeat-x;
background-image: url('/media/_tech_others/_tech_nefit__c/layout_nefit__c/css_nefit__c/sprites_images_nefit__c/nefit_backgrounds_sprite.png');
background-position: left -191px;
}
ul.tabs li a:hover {
background-image: url('/media/_tech_others/_tech_nefit__c/layout_nefit__c/css_nefit__c/sprites_images_nefit__c/nefit_backgrounds_sprite.png');
background-position: left -191px;
}
ul.tabs li a:hover span {
background-image: url('/media/_tech_others/_tech_nefit__c/layout_nefit__c/css_nefit__c/sprites_images_nefit__c/nefit_backgrounds_sprite.png');
background-position: left -191px;
}
ul.tabs li.active a,ul.tabs li.active a:hover {
background: #fff none;
color:#404245;
}
ul.tabs li.active a span,ul.tabs li.active a:hover span {
background: #fff none;
}
ul.tabs li.active a span,ul.tabs li.active a:hover span,ul.tabs li a span {
padding-right: 14px!important;
padding-left: 6px!important;
}
.tab12 .tab_content {
padding-bottom:0px!important;
padding-top: 26px;
}
.tab_content .floatRe {
float:right!important;
}
.productCataloguePage .tab_content .products .txtSection,.productCategoryGroupPage .tab_content .products .txtSection,.productDetailPage .tab_content .products .txtSection {
width:248px;
padding:5px 0 0 0 !important;
}
.tab_content ul {
list-style:none;
padding:0px;
margin:0px;
}
.tab_content .icons {
position:relative;
display:block;
float:left;
margin:11px 5px 10px 0;
}
.tab_content .icons .tooltip_active_tech {
cursor: pointer;
}
.tab_container .col12 {
width:730px;
}
.tab_content table.cntTableDefault thead tr td,.tab_content table.cntTableDefault thead tr th,.tab_content table.cntTableDefault thead.even tr th.even,.tab_content table.cntTableDefault thead tr th.even,.tab_content table tbody tr td.even,.tab_content col.even {
background-color:#fff!important;
}
.tab_content table .even {
border-left:1px solid #C3C3C4;
}
.tab_content table.lineStyle1 tbody .last td {
border-bottom:1px solid #fff;
}
.tab_content tr:hover td {
background-color:#fff!important;
}
table.lineStyle1 {
margin-top:10px;
}
table thead th.front,table td.front {
padding-left:0px;
padding-right:20px;
}
tfoot td {
padding-left:0px;
}
.tab_content table .even {
border-left:none;
}
.tab_content .tsrBoxL {
margin-left:0 !important;
}
.tab_content .grid12.threeCols .tsrBoxL.col4 + .tsrBoxL.col4,
.tab_content .grid12.halfSize .tsrBoxL.col6 + .tsrBoxL.col6 {
margin-left: 10px !important;
}
.productDetailPage .tab_container {
padding-bottom:5px;
}
/* Productdetail */
.productdetail .col5 {
width:300px;
height:auto;
text-align:center;
padding:0 0 10px 0;
overflow:hidden;
margin-bottom:0px;
}
.productdetail .col5 .bigPicture {
height: 300px;
width: 300px;
}
.productdetail .col7 {
width:424px;
}
.thumb div {
width:62px;
height:62px;
position:relative;
display:block;
float:left;
margin:0 0 0 2px;
border: 1px solid #c3c3c4;
}
.thumb div+div {
margin-left: 14px;
}
.thumb a {
width:62px;
height:62px;
position:absolute;
display:block;
top:0px;
left:0px;
background: none;
}
.thumb a:hover {
background-color: transparent;
background-repeat: no-repeat;
background-image: url('/media/_tech_others/_tech_nefit__c/layout_nefit__c/css_nefit__c/sprites_images_nefit__c/nefit_main_sprite.png');
background-position: left -2320px;
}
.junkers .stageCntMain .imgSection a.lnk,ul li a.lnk {
width:90%;
}
.junkers .stageCntMain .imgSection a.download,ul li a.download {
width:90%;
}
.txtSection a.download,.txtSection a.lnk {
width:auto;
display:inline;
float:none;
}
.pictureCell a {
background: none;
display:block;
height:310px;
width:295px;
position:absolute;
left:0;
top:0;
}
.pictureCell a:hover {
background-color: transparent;
background-repeat: no-repeat;
background-image: url('/media/_tech_others/_tech_nefit__c/layout_nefit__c/css_nefit__c/sprites_images_nefit__c/nefit_main_sprite.png');
background-position: left -2385px;
}
div.pictureCell div {
position:relative;
}
.productdetail .col7 h1 {
margin-top:-5px;
}
.productdetail .col7 h1 b {
font-weight:normal;
}
.productdetail .col12 {
margin-bottom: 10px;
}
/* Carousel */
.jcarousel-skin-ie7 .jcarousel-container-horizontal {
height: 180px;
padding: 10px 35px;
}
.jcarousel-skin-ie7 .jcarousel-clip-horizontal {
margin-left: 0;
}
.jcarousel-skin-ie7 .jcarousel-container {
background-image:none!important;
background-color:#eee;
border:3px solid #eee;
border-left: none;
border-right: none;
}
.jcarousel-skin-ie7 .jcarousel-prev-horizontal {
background-color: transparent;
background-repeat: no-repeat;
background-image: url('/media/_tech_others/_tech_nefit__c/layout_nefit__c/css_nefit__c/sprites_images_nefit__c/nefit_main_sprite.png');
background-position: left -2699px;
height:206px;
width:30px;
margin:-3px 0 0;
border:none;
}
.jcarousel-skin-ie7 .jcarousel-prev-horizontal:hover,.jcarousel-skin-ie7 .jcarousel-prev-horizontal.iehover {
background-image: url('/media/_tech_others/_tech_nefit__c/layout_nefit__c/css_nefit__c/sprites_images_nefit__c/nefit_main_sprite.png');
background-position: left -2905px;
}
.jcarousel-skin-ie7 .jcarousel-next-horizontal {
background-color: transparent;
background-repeat: no-repeat;
background-image: url('/media/_tech_others/_tech_nefit__c/layout_nefit__c/css_nefit__c/sprites_images_nefit__c/nefit_main_sprite.png');
background-position: left -3111px;
height:206px;
width:30px;
margin:-3px 0 0;
border:none;
}
.jcarousel-skin-ie7 .jcarousel-next-horizontal:hover,.jcarousel-skin-ie7 .jcarousel-next-horizontal.iehover {
background-image: url('/media/_tech_others/_tech_nefit__c/layout_nefit__c/css_nefit__c/sprites_images_nefit__c/nefit_main_sprite.png');
background-position: left -3317px;
}
a:hover.lnk,a:hover.download {
background-color:#f2b9b6!important;
}
.jcarousel-skin-ie7 .jcarousel-item a {
font-size:1em;
font-weight:normal!important;
}
.jcarousel-skin-ie7 .jcarousel-item .carouselInfo .moreInfo {
line-height:normal!important;
color:#000;
}
.jcarousel-skin-ie7 .jcarousel-item .carouselInfo .moreInfo strong {
font-weight:normal;
}
span.carousellText {
display:none;
}
span.carousellText:hover {
display:block;
}
div.cntBox.col5.floatLe .pictureTable {
display:table;
margin: 60px 0 10px;
}
div.cntBox.col5.floatLe .pictureCell {
height:300px;
width:300px;
display:table-cell;
vertical-align:middle;
}
div.contentArea.grid12.category.no-display {
display:none;
}
.jcarousel-skin-ie7 .jcarousel-item img {
padding:0 0 0 30px;
}
.jcarousel-skin-ie7 .jcarousel-item .carouselInfo .moreInfo {
display:block;
font-size:1em;
}
ul.mycarousel.jcarousel-list.jcarousel-list-horizontal {
height:145px;
}
.jcarousel-skin-ie7 .jcarousel-item a.lnk,
.jcarousel-skin-ie7 .jcarousel-item a.carouselLnk {
margin:0;
padding:0 5px 0 22px;
font-size:13px!important;
line-height:21px!important;
color:#e20015!important;
display:inline!important;
width:auto;
margin-top: 4px;
background-color: transparent;
background-repeat: no-repeat;
background-image: url('/media/_tech_others/_tech_nefit__c/layout_nefit__c/css_nefit__c/sprites_images_nefit__c/nefit_main_sprite.png') !important;
background-position: left -1494px !important;
}
.jcarousel-skin-ie7 .jcarousel-item a.lnk:hover,
.jcarousel-skin-ie7 .jcarousel-item a.carouselLnk:hover {
color: #e20015!important;
background-color: #e1e1e2 !important;
}
.carouselInfo {
padding:10px 0 0 0;
}
ul.mycarousel.jcarousel-list.jcarousel-list-horizontal {
height:185px!important;
}
.jcarousel-skin-ie7 .jcarousel-item {
width: 214px!important;
height: 180px;
margin: 0 5px;
}
.jcarousel-skin-ie7 .carouselInfo .moreInfo h3,
.jcarousel-skin-ie7 .carouselInfo .moreInfo h3 a {
padding: 0;
font-family: Tahoma,​Arial,​Helvetica,​sans-serif;
font-size: 13px;
font-weight: normal !important;
line-height: 18px;
color: #000 !important;
background: none;
}
.jcarousel-skin-ie7 .jcarousel-item .moreInfo h3 a:hover {
padding: 0;
background: none;
color: #000 !important;
}
/* Playbutton Video */
.playbutton {
cursor:pointer;
background-color: transparent;
background-repeat: no-repeat;
background-image: url('/media/_tech_others/_tech_nefit__c/layout_nefit__c/css_nefit__c/sprites_images_nefit__c/nefit_main_sprite.png') !important;
background-position: left -3523px !important;
position:absolute;
width:91px !important;
height:57px !important;
}
.playbutton:hover {
background-color: transparent;
background-repeat: no-repeat;
background-image: url('/media/_tech_others/_tech_nefit__c/layout_nefit__c/css_nefit__c/sprites_images_nefit__c/nefit_main_sprite.png') !important;
background-position: left -3580px !important;
}
/* Training */
.trainingInfos ul.junkers {
list-style:none;
padding:0 0 20px 0;
margin:0px;
}
.trainingInfos h2 a {
position:relative;
display:block;
padding:0 0 20px 0;
color:#004cc2!important;
}
.trainingInfos .tsrBoxL.col4 h2 a {
padding:0px;
}
.trainingInfos .tsrBoxL.col4 a.btnJunkers {
margin-bottom:5px;
}
.trainingInfos td {
width:345px;
}
.trainingInfos .bold {
border-right:none;
padding-right:60px;
width:135px;
}
.trainingInfos table {
padding-bottom:30px;
position:relative;
display:block;
margin:-10px 0 0 0;
border:0;
border-collapse:collapse;
}
.trainingInfos table tr:hover td,.trainingInfos table tr.iehover td {
background-color:transparent;
}
.trainingInfos table tr.highlight {
background-color:#F1F1F1;
}
.trainingInfos table tr.borderJunkers td {
border:0;
border-bottom:none;
}
.training .trainingDate {
background-color:#F1F1F1;
padding:7px 10px 5px;
position:relative;
display:block;
float:left;
margin-right:10px;
width:94px;
overflow:hidden;
}
.tsrBoxL.training .txtSection h2 {
margin-top:5px;
width:92%;
}
.training .information {
display:block;
position:relative;
}
.training .information span {
position:relative;
display:block;
float:left;
}
.filterElements .training .txtSection {
width:580px;
overflow:visible;
}
.training .information span.date {
width:186px;
}
.training .information span.place {
width:176px;
}
.training .information span.time {
width:105px;
}
.training .information span.state img {
position:absolute;
display:block;
right:-15px;
top:4px;
}
.filterElements .training .txtSection a {
position:absolute!important;
display:block;
width:27px;
height:27px;
top:20px;
right:0px;
background-color: transparent;
background-repeat: no-repeat;
background-image: url('/media/_tech_others/_tech_nefit__c/layout_nefit__c/css_nefit__c/sprites_images_nefit__c/nefit_main_sprite.png') !important;
background-position: left -3637px !important;
cursor:pointer;
}
.filterElements .training .txtSection a:hover {
background-image: url('/media/_tech_others/_tech_nefit__c/layout_nefit__c/css_nefit__c/sprites_images_nefit__c/nefit_main_sprite.png') !important;
background-position: left -3637px !important;
}
.filterElements .training .txtSection .time p {
padding-right: 5px;
display: inline;
}
.trainingInfos .grid4 .txtSection.map {
margin-left: 0;
}
/* teaser training */
.trainingInfos .tsrBoxL {
background-color:#EEEEEE!important;
background-image: none !important;
}
.trainingInfos .grid4 .txtSection p,
.trainingInfos .grid4 .txtSection p {
padding-bottom: 5px !important;
}
.trainingInfos .grid4 .registration .txtSection p img { margin-bottom: -2px; }
.filterBar.toggle {
margin-top: 0 !important;
padding-bottom: 5px;
}
.tooltip p {
padding-right: 0 !important;
}
/* product detail social media and memo list*/
.productDetailPage #contentAreaProductdetail .productdetail {
position: relative;
}
.productDetailPage .socialShareAndMemolist {
position: absolute;
bottom: 22px;
left: 10px;
width: 424px;
}
.productDetailPage .socialShareAndMemolist #socialshareprivacy {
float: left;
margin: 0;
}
.productDetailPage .socialShareAndMemolist #socialshareprivacy .social_share_privacy_area li {
display: block;
margin-bottom: 10px !important;
}
.productDetailPage .socialShareAndMemolist a.btnJunkersKeep {
display: block;
float: left;
clear: none;
margin: 0 0 10px;
}
/* Adaptions for Social Media Buttons on Product Detail Page */
#wrapperAll .productdetail .col7 {
margin-bottom: 55px !important;
}
#contentAreaProductdetail .social_share_privacy_area {
margin: 0 !important;
height: 27px;
}
#contentAreaProductdetail .social_share_privacy_area li {
margin: 0 16px 0 0 !important;
padding: 3px 6px!important;
background-color: #eee;
}
#contentAreaProductdetail .social_share_privacy_area li .socialshare-rounder {
position: absolute;
top: 0;
right: -6px;
height: 27px;
width: 6px;
background-color: #eee;
}
#contentAreaProductdetail .social_share_privacy_area .facebook .fb_like iframe {
width: 110px !important;
}
#contentAreaProductdetail .social_share_privacy_area .twitter {
width: 120px;
}
#contentAreaProductdetail .social_share_privacy_area li div.tweet {
width: 80px;
}
#contentAreaProductdetail .social_share_privacy_area li div.tweet iframe {
width: 100px !important;
}
/* General adaptions for Social Media Bookmarking */
.social_share_privacy_area a {
color: #e20015;
}
/***********
* Section: overriding styles from cssgeneric.css
***********/
/* general definitions */
body {
background-color: #f1f1f1;
font: normal normal normal 13px/17px Tahoma,Arial,Helvetica,sans-serif!important;
}
h1 {
font: normal normal normal 24px/28px Tahoma,Arial,Helvetica,sans-serif;
color: #000;
}
h1 strong {
font-weight: normal;
}
h2, h3 {
font: normal normal bold 14px Tahoma,Arial,Helvetica,sans-serif;
font-size: 15px!important;
line-height: 18px!important;
color: #000000;
}
h2 a {
color: #000000;
}
h2 a:hover{
color: #e20015;
}
h4 {
color: #000000;
font-family: Tahoma,Arial,Helvetica,sans-serif;
}
a {
text-decoration: none;
}
.clear {
height: 0;
}
/* main regions and areas */
#wrapperAll {
padding-bottom: 40px;
width: 1022px;
background: #fff url(/media/_tech_junkers/layout_junkers/images_junkers/backgrounds_junkers/mood.png) scroll repeat-x 0 130px;
}
#hp1 #wrapperAll {
background: #fff url(/media/_tech_nefit/layout_nefit/images_nefit/backgrounds_nefit/stage_bg_nefit.jpg) scroll repeat-x 0 122px;
padding-bottom: 25px;
}
#hp1 #wrapperAll .cntBox.resizeRow.greyboxRow {
margin-bottom: 14px!important;
}
/* header */
#header {
background: #fff none;
margin: 0;
padding: 0 20px;
height: 81px;
font: normal normal normal 11px/14px Tahoma,Arial,Helvetica,sans-serif;
}
/* language selection */
#header #langSelection {
padding: 7px 0 0;
border-left: none;
float: right;
display: block;
position: static;
left: auto;
clear: none;
}
#header #langSelection li {
padding: 0 0 0 10px;
margin: 0;
}
#header #langSelection li a {
padding-left: 10px;
background-color: transparent;
background-repeat: no-repeat;
background-image: url('/media/_tech_others/_tech_nefit__c/layout_nefit__c/css_nefit__c/sprites_images_nefit__c/nefit_main_sprite.png');
background-position: left -3665px;
}
/* header links */
#header a {
color: #fff;
}
#header #navMeta a:hover,
#header #langSelection a:hover {
background-color: #7f7f7f;
}
#header a.selected {
color: #fff;
}
/* logo */
#header #brandLogo {
position: absolute;
left: 20px;
top: -2px;
}
#header #brandLogo a {
padding: 0;
}
#header #brandLogo img{
border: 0;
width: 100%;
}
/* personal links portal extranet */
#portalHeader {
position: absolute;
right: 20px;
padding-top: 4px;
}
#portalHeaderLoginlogout {
float: right;
padding: 7px 0 0 0;
}
#portalHeaderHeadline {
float: right;
padding: 7px 15px 0 0;
}
#portalHeaderUsername {
float: right;
padding: 8px 20px 0 0;
color: #fff;
}
#portalHeaderLoginlogout a,
#portalHeaderHeadline a {
background-color: transparent;
background-repeat: no-repeat;
padding: 1px 5px 2px 22px;
color: #e20015;
}
#portalHeaderLoginlogout a:hover,
#portalHeaderHeadline a:hover {
background-color: #f1f1f1;
}
#portalHeaderHeadline a {
background-image: url('/media/_tech_others/_tech_nefit__c/layout_nefit__c/css_nefit__c/sprites_images_nefit__c/nefit_main_sprite.png');
background-position: left -3684px;
}
#portalHeaderLoginlogout a {
background-image: url('/media/_tech_others/_tech_nefit__c/layout_nefit__c/css_nefit__c/sprites_images_nefit__c/nefit_main_sprite.png');
background-position: left -3703px;
}
/* content area */
.cntWrapper {
font: normal normal normal 13px/18px Tahoma,Arial,Helvetica,sans-serif;
}
.contentArea {
margin-right: 20px;
}
.contentArea .contentArea {
margin-right: 0;
}
.cntBox h1 {
margin-top: 3px;
padding-bottom: 12px;
}
.cntBox h3 {
color: #000000;
}
.startPage h1 a {
color: #000000;
text-decoration: none;
}
.startPage h1 a:hover {
color: #003B6A;
}
.stageCntMainTeaser .stageCntMainTeaserText.startPage h1 {
font-size: 15px;
line-height: 20px;
font-weight: bold;
padding-bottom: 0;
margin: 0;
}
/* standardpage 1 */
#std1 #contentArea8.contentArea {
margin-right: 10px;
}
#std1 #marginalArea {
margin-right: 10px;
}
/* marginal column */
.col4 {
font: 13px/17px Tahoma,Arial,Helvetica,sans-serif !important;
line-height: 14px;
}
/* website footer */
#footer {
padding: 0 10px 0;
width: 1022px;
}
/* searchBox */
.mainNavWrapper div.searchBoxMain,
.mainNavWrapper2 div.searchBoxMain {
margin: 10px 0px 1px 1px;
border: none;
}
div.searchBoxMain input.searchTopic {
color: #404245;
background-color: #fff;
background-image: none;
width: 140px;
height: 14px;
padding: 3px;
}
div.searchBoxMainButton {
float: left;
}
div.searchBoxMain button {
width: 29px;
height: 20px;
padding: 0;
margin: 0;
float: left;
border: none;
cursor: pointer;
position: relative;
background-color: transparent;
background-repeat: no-repeat;
background-image: url('/media/_tech_others/_tech_nefit__c/layout_nefit__c/css_nefit__c/sprites_images_nefit__c/nefit_main_sprite.png');
background-position: left -3722px;
}
div.searchBoxMain button:hover {
background-image: url('/media/_tech_others/_tech_nefit__c/layout_nefit__c/css_nefit__c/sprites_images_nefit__c/nefit_main_sprite.png');
background-position: left -3742px;
}
div.searchBoxMain button div {
display: none;
}
/* header tabs */
#header #headerTabs {
margin: 0;
padding: 0;
list-style-type: none;
position: absolute;
right: 20px;
bottom: 0;
}
#header #headerTabs li {
margin: 0 0 0 2px;
padding: 0;
height: 41px;
float: left;
clear: right;
background-color: transparent;
background-repeat: repeat-x;
background-image: url('/media/_tech_others/_tech_nefit__c/layout_nefit__c/css_nefit__c/sprites_images_nefit__c/nefit_backgrounds_sprite.png');
background-position: left -231px;
}
#header #headerTabs a {
height: 31px;
padding: 10px 20px 0 20px;
font: normal normal bold 14px/18px Tahoma,Arial,Helvetica,sans-serif;
color: #FFF;
}
#header #headerTabs li:hover {
background-image: url('/media/_tech_others/_tech_nefit__c/layout_nefit__c/css_nefit__c/sprites_images_nefit__c/nefit_backgrounds_sprite.png');
background-position: left -272px;
}
#header #headerTabs li.active {
background-image: url('/media/_tech_others/_tech_nefit__c/layout_nefit__c/css_nefit__c/sprites_images_nefit__c/nefit_backgrounds_sprite.png');
background-position: left -231px;
}
#header #headerTabs li.extranet {
background-color: transparent;
background-repeat: repeat-x;
background-image: url('/media/_tech_others/_tech_nefit__c/layout_nefit__c/css_nefit__c/sprites_images_nefit__c/nefit_backgrounds_sprite.png');
background-position: left -313px;
width: 175px;
}
#header #headerTabs li:hover.extranet {
background-image: url('/media/_tech_others/_tech_nefit__c/layout_nefit__c/css_nefit__c/sprites_images_nefit__c/nefit_backgrounds_sprite.png');
background-position: left -313px;
}
#header #headerTabs li.extranet_active {
background-image: url('/media/_tech_others/_tech_nefit__c/layout_nefit__c/css_nefit__c/sprites_images_nefit__c/nefit_backgrounds_sprite.png');
background-position: left -313px;
width: 176px;
}
/* main navigation */
.mainNavWrapper {
background-color: #b80003;
background-repeat: repeat-x;
background-image: url('/media/_tech_others/_tech_nefit__c/layout_nefit__c/css_nefit__c/sprites_images_nefit__c/nefit_backgrounds_sprite.png') !important;
background-position: left -354px !important;
padding: 0 20px;
margin: 0 0 23px 0;
min-height: 40px;
}
#hp1 .mainNavWrapper {
margin-bottom: 0px;
}
.mainNavWrapper2 {
background-color: #b80003;
background-repeat: repeat-x;
background-image: url('/media/_tech_others/_tech_nefit__c/layout_nefit__c/css_nefit__c/sprites_images_nefit__c/nefit_backgrounds_sprite.png') !important;
background-position: left -354px !important;
margin: 0 0 10px;
padding: 0 20px;
}
.extranet .mainNavWrapper,
.extranet .mainNavWrapper2 {
background-color: #000;
background-repeat: repeat-x;
background-image: url('/media/_tech_others/_tech_nefit__c/layout_nefit__c/css_nefit__c/sprites_images_nefit__c/nefit_backgrounds_sprite.png') !important;
background-position: left -191px !important;
}
ul#mainNav {
margin: 0;
padding: 0;
width: auto;
}
ul#mainNav li {
margin: 0 1px 0 0;
padding: 0px 0 0;
height: 40px;
background: transparent none;
}
ul#mainNav li a {
margin: 3px 0 0;
padding: 0;
display: block;
height: 37px;
color: #fff;
font: normal normal bold 14px/18px Tahoma,Arial,Helvetica,sans-serif !important;
cursor: pointer;
position: relative;
z-index: 1003;
}
ul#mainNav li li a {
margin-top: 0;
font-size: 13px !important;
font-weight: normal !important;
}
ul#mainNav li span {
display: block;
margin: 0 20px 0 0;
padding: 8px 0 0 20px;
height: 29px;
}
.extranet ul#mainNav li a {
color: #fff;
}
.mainNavWrapper ul#mainNav li a.more,
.mainNavWrapper2 ul#mainNav li a.more {
padding-right: inherit;
margin-right: inherit;
overflow: visible;
}
.mainNavWrapper2 ul#mainNav li a.more {
background: transparent none;
}
.mainNavWrapper2 ul#mainNav li a.more2ndLine {
background: transparent none;
padding-right: inherit;
}
ul#mainNav li.active,
ul#mainNav li:hover,
ul#mainNav li.iehover {
margin: 0 1px 0 0;
padding: 0;
background: transparent none;
color: #000 !important;
border-left: none;
}
ul#mainNav li.active a {
background-color: transparent;
background-repeat: repeat-x;
background-image: url('/media/_tech_others/_tech_nefit__c/layout_nefit__c/css_nefit__c/sprites_images_nefit__c/nefit_backgrounds_sprite.png');
background-position: left -394px;
z-index: 1001;
}
ul#mainNav li:hover a,
ul#mainNav a:hover {
background: #fff none;
z-index: 1001;
}
ul#mainNav li.active a,
ul#mainNav li:hover a,
ul#mainNav li.iehover a,
ul#mainNav li a:hover {
color: #000;
}
ul#mainNav li.active ul li a,
ul#mainNav li:hover ul li,
ul#mainNav ul a:hover {
background: transparent none;
}
ul#mainNav li:first-child.active,
ul#mainNav li:first-child:hover,
ul#mainNav li:first-child.iehover {
border-left: none;
}
.mainNavWrapper2 ul#mainNav li.active a.more2ndLine,
.mainNavWrapper2 ul#mainNav li:hover a.more2ndLine,
.mainNavWrapper2 ul#mainNav li.iehover a.more2ndLine {
background: transparent none;
}
/* level 2 */
ul#mainNav li ul {
padding: 1px 8px 10px;
width: 238px;
left: -8px;
background-color: transparent;
background-repeat: no-repeat;
background-image: url('/media/_tech_others/_tech_nefit__c/layout_nefit__c/css_nefit__c/sprites_images_nefit__c/nefit_bgnavi_sprite.png');
background-position: -0px bottom;
}
ul#mainNav li .dropTop {
display: none;
position: absolute;
top: 39px;
left: -8px;
width: 254px;
height: 10px;
margin: 0;
padding: 0;
background-color: transparent;
background-repeat: no-repeat;
background-image: url('/media/_tech_others/_tech_nefit__c/layout_nefit__c/css_nefit__c/sprites_images_nefit__c/nefit_bgnavi_sprite.png');
background-position: -0px top;
z-index: 1002;
}
.mainNavWrapper ul#mainNav li ul {
top: 49px;
}
ul#mainNav li ul li,
ul#mainNav li ul li.active,
ul#mainNav li ul li:hover,
ul#mainNav li ul li.iehover {
background: transparent none !important;
padding: 0 !important;
border-top: 1px solid #a5a6a7 !important;
height: auto;
}
ul#mainNav li.active ul li a,
ul#mainNav li:hover ul li a,
ul#mainNav li ul li a {
padding: 2px 10px 3px 10px !important;
display: block;
line-height: 12px;
color: #000 !important;
min-height: 0 !important;
height: auto !important;
font-weight: normal !important;
background-image: none;
}
ul#mainNav li ul li span {
height: auto !important;
padding: 9px 0 10px 25px;
background-color: transparent;
background-repeat: no-repeat;
background-image: url('/media/_tech_others/_tech_nefit__c/layout_nefit__c/css_nefit__c/sprites_images_nefit__c/nefit_main_sprite.png');
background-position: left -3762px;
}
ul#mainNav li ul li a:hover {
background-color: #eee !important;
-moz-border-radius: 0; /* Firefox */
-webkit-border-radius: 0; /* Safari and chrome */
-khtml-border-radius: 0; /* Linux browsers */
border-radius: 0; /* CSS3 */
}
ul#mainNav li ul li.active a {
background-color: #b80003 !important;
background-repeat: repeat-x;
background-image: url('/media/_tech_others/_tech_nefit__c/layout_nefit__c/css_nefit__c/sprites_images_nefit__c/nefit_backgrounds_sprite.png') !important;
background-position: left -431px !important;
color: #fff !important;
}
ul#mainNav li ul li.active a span {
background-image: url('/media/_tech_others/_tech_nefit__c/layout_nefit__c/css_nefit__c/sprites_images_nefit__c/nefit_main_sprite.png');
background-position: left -3830px;
}
ul#mainNav li ul li.subheadline,
ul#mainNav li.active ul li.subheadline,
ul#mainNav li:hover ul li.subheadline {
padding: 23px 0 12px 20px !important;
margin: 0;
font-size: 15px;
color: #abacad !important;
}
/* product dropdown */
ul#mainNav .dropdown .products {
display: none;
width: 1001px;
height: auto;
margin: 0;
padding: 0;
position: absolute;
top: 49px;
left: 10px;
background-color: transparent;
background-repeat: no-repeat;
background-image: url('/media/_tech_others/_tech_nefit__c/layout_nefit__c/css_nefit__c/sprites_images_nefit__c/nefit_bgnavi_sprite.png');
background-position: -255px bottom;
}
ul#mainNav li.dropdown .dropTop {
display: none;
position: absolute;
top: 39px;
left: 10px;
width: 1001px;
height: 10px;
margin: 0;
padding: 0;
background-color: transparent;
background-repeat: no-repeat;
background-image: url('/media/_tech_others/_tech_nefit__c/layout_nefit__c/css_nefit__c/sprites_images_nefit__c/nefit_bgnavi_sprite.png');
background-position: -255px top;
z-index: 1002;
}
ul#mainNav li.iehover a,
ul#mainNav li:hover a {
z-index: 1003;
}
ul#mainNav li:hover .products,
ul#mainNav li.iehover .products,
ul#mainNav li:hover .dropTop,
ul#mainNav li.iehover .dropTop {
display: block;
}
ul#mainNav li:hover .dropdownHidden,
ul#mainNav li.iehover .dropdownHidden {
display: none !important;
}
ul#mainNav .dropdown .products .productCols {
position: static;
margin: 8px 0 20px;
padding: 0;
background-color: transparent;
background-repeat: repeat-y;
background-image: url('/media/_tech_others/_tech_nefit__c/layout_nefit__c/css_nefit__c/sprites_images_nefit__c/nefit_horizontal_sprite.png');
background-position: -1460px top;
}
ul#mainNav .dropdown .products .productCatalog,
ul#mainNav .dropdown .products .productSystems,
ul#mainNav .dropdown .products .productKnowhow {
float: left;
padding: 0 0 0 10px;
margin: 0 0 0 10px;
}
ul#mainNav .dropdown .products .productCatalog {
width: 475px;
margin-left: 11px;
}
ul#mainNav .dropdown .products .productSystems {
width: 228px;
margin-left: 2px;
}
ul#mainNav .dropdown .products .productKnowhow {
width: 228px;
margin-left: 9px;
}
ul#mainNav .dropdown .products .triplecol .productCatalog,
ul#mainNav .dropdown .products .triplecol .productSystems,
ul#mainNav .dropdown .products .triplecol .productKnowhow {
width: 308px;
}
ul#mainNav .dropdown .products .triplecol .productSystems {
margin-left: 14px;
}
ul#mainNav .dropdown .products .triplecol .productKnowhow {
margin-left: 4px;
}
ul#mainNav .dropdown .products .triplecol {
background-color: transparent;
background-repeat: repeat-y;
background-image: url('/media/_tech_others/_tech_nefit__c/layout_nefit__c/css_nefit__c/sprites_images_nefit__c/nefit_horizontal_sprite.png') !important;
background-position: -2205px top !important;
}
ul#mainNav .dropdown .products h2.icon {
color: #000;
font-size: 15px;
line-height: 20px;
padding: 0;
margin: -1px 0 -3px;
min-height: 40px;
position: relative;
display: block;
}
.contentArea h2.icon.nopicture,
.contentArea h2.icon.nopicture span {
min-height: 10px;
}
.productCataloguePage ul#mainNav .dropdown .products h2.icon {
margin-top: -1px !important;
}
ul#mainNav .dropdown .products h2.icon img {
padding: 0 5px 0 0;
vertical-align: bottom;
}
ul#mainNav .dropdown .products h2.icon span {
font-size: 15px;
font-weight: bold;
margin: 0;
padding: 0 !important;
background: none;
display: inline-block;
min-height: 30px;
}
ul#mainNav .dropdown .products .productCatalog h2.icon span {
width: 415px;
}
ul#mainNav .dropdown .products .triplecol .productCatalog h2.icon span {
width: auto;
}
ul#mainNav .dropdown .products .productSystems h2.icon span,
ul#mainNav .dropdown .products .productKnowhow h2.icon span {
width: 170px;
}
/* product dropdown hot topic */
ul#mainNav .dropdown .hotTopic {
display: block;
position: relative;
left: 0;
bottom: 0;
width: 961px;
margin: 20px 10px 10px;
padding: 10px;
background-color: #eee;
}
ul#mainNav li:hover .hotTopic:hover,
ul#mainNav li.iehover .hotTopic:hover {
background-color: #e1e1e2;
}
ul#mainNav .dropdown .hotTopic .hotTopicIcon {
display: block;
position: static;
float: left;
width: 230px;
padding: 5px 10px 0 0;
text-align: right;
}
ul#mainNav .dropdown .hotTopic .hotTopicText {
display: block;
position: static;
float: left;
font-size: 13px;
}
ul#mainNav .dropdown .hotTopic .hotTopicText h3 {
padding-bottom: 8px;
}
ul#mainNav .dropdown .hotTopic .hotTopicText p {
width: 700px;
clear: both;
}
ul#mainNav .dropdown .products a {
background: none;
height: auto;
}
ul#mainNav .dropdown .products p a {
font-size: 13px !important;
font-weight: normal !important;
}
/* product dropdown main categories */
ul#mainNav .dropdown .products .productCatalog .doublecol {
width: 237px;
float: left;
}
ul#mainNav .dropdown .products .triplecol .productCatalog .doublecol {
width: auto;
float: none;
}
ul#mainNav .dropdown .products ul {
width: 228px;
margin: 10px 9px 0 0;
padding: 7px 0 0;
position: static;
float: left;
background: none;
}
ul#mainNav .dropdown .products ul li {
margin: 0;
padding: 0 !important;
height: auto;
background-color: transparent;
background-repeat: repeat-x;
background-image: url('/media/_tech_others/_tech_nefit__c/layout_nefit__c/css_nefit__c/sprites_images_nefit__c/nefit_backgrounds_sprite.png') !important;
background-position: left -510px !important;
border-top: none !important;
border-bottom: 1px solid #a5a6a7 !important;
}
ul#mainNav .dropdown .products ul li a {
margin: 0;
padding: 0 9px 0 !important;
height: auto;
display: block;
}
ul#mainNav .dropdown .products ul li a:hover {
background-color: #eee;
}
ul#mainNav .dropdown .products ul li a span {
background-color: transparent;
background-repeat: no-repeat;
background-image: url('/media/_tech_others/_tech_nefit__c/layout_nefit__c/css_nefit__c/sprites_images_nefit__c/nefit_main_sprite.png');
background-position: right -3898px;
margin: 0;
padding: 12px 0 12px 1px !important;
font-size: 15px;
}
/* product dropdown sub categories */
ul#mainNav .dropdown .products ul li ul {
margin: 1px 0 0;
padding: 0 0 7px;
}
ul#mainNav .dropdown .products ul li ul li {
margin: 0;
height: auto;
position: static;
background-image: none !important;
}
ul#mainNav .dropdown .products ul li ul li a {
margin: 0;
padding: 0 0 0 9px !important;
height: auto;
}
ul#mainNav .dropdown .products ul li ul li a span {
background-color: transparent;
background-repeat: no-repeat;
background-image: url('/media/_tech_others/_tech_nefit__c/layout_nefit__c/css_nefit__c/sprites_images_nefit__c/nefit_main_sprite.png');
background-position: left -3966px;
background-repeat: no-repeat;
padding: 12px 0 12px 16px !important;
font-size: 13px;
}
/* product dropdown teaser */
ul#mainNav .dropdown .products .productSystems ul,
ul#mainNav .dropdown .products .productKnowhow ul {
background: none;
}
ul#mainNav .dropdown .products .productSystems ul li,
ul#mainNav .dropdown .products .productKnowhow ul li {
margin: 0 0 10px;
padding: 0;
height: 76px;
background: #eee !important;
overflow: hidden;
border-bottom: none !important;
}
ul#mainNav .dropdown .products .productSystems ul li a,
ul#mainNav .dropdown .products .productKnowhow ul li a {
display: block;
margin: 0;
padding: 0 !important;
height: 76px !important;
}
ul#mainNav .dropdown .products .productSystems ul li a:hover,
ul#mainNav .dropdown .products .productKnowhow ul li a:hover {
background-color: #e1e1e2 !important;
}
ul#mainNav .dropdown .products .productSystems ul li a img,
ul#mainNav .dropdown .products .productKnowhow ul li a img {
padding: 0 !important;
float: left;
}
ul#mainNav .dropdown .products .productSystems ul li a span,
ul#mainNav .dropdown .products .productKnowhow ul li a span {
width: 116px;
float: left;
padding: 27px 0 0 22px !important;
margin: 0 0 0 10px;
background-color: transparent;
background-repeat: no-repeat;
background-image: url('/media/_tech_others/_tech_nefit__c/layout_nefit__c/css_nefit__c/sprites_images_nefit__c/nefit_main_sprite.png');
background-position: left -4037px;
font-size: 13px;
line-height: 16px;
}
/* product dropdown half size */
ul#mainNav .dropdown .products.small {
width: 500px;
left: 15px;
background-color: transparent;
background-repeat: no-repeat;
background-image: url('/media/_tech_others/_tech_nefit__c/layout_nefit__c/css_nefit__c/sprites_images_nefit__c/nefit_bgnavi_sprite.png');
background-position: -1256px bottom;
}
ul#mainNav li.dropdown .dropTop.small {
width: 500px;
left: 15px;
background-color: transparent;
background-repeat: no-repeat;
background-image: url('/media/_tech_others/_tech_nefit__c/layout_nefit__c/css_nefit__c/sprites_images_nefit__c/nefit_bgnavi_sprite.png');
background-position: -1256px top;
}
ul#mainNav .dropdown .products.small .productCols {
background: none;
}
ul#mainNav .dropdown .products.small .productCatalog {
margin-left: 3px;
width: 475px;
}
ul#mainNav .dropdown .products.small .hotTopic {
display: none;
}
/* submenu / stack-navigation on left */
#subMenu {
margin: 0 0 0 20px;
padding: 0;
}
/* Subnavigation */ /* TODO: continue here */
#subMenu .subMenuShadowTop {
margin: 0;
padding: 0;
height: 7px;
background-color: transparent;
background-repeat: no-repeat;
background-image: url('/media/_tech_others/_tech_nefit__c/layout_nefit__c/css_nefit__c/sprites_images_nefit__c/nefit_bgsubnavi_sprite.png');
background-position: -0px top;
}
#subMenu ul {
list-style-type: none;
margin: 0;
padding: 0;
}
#subMenu ul.clickSubMenu {
background-color: transparent;
background-repeat: no-repeat;
background-image: url('/media/_tech_others/_tech_nefit__c/layout_nefit__c/css_nefit__c/sprites_images_nefit__c/nefit_bgsubnavi_sprite.png');
background-position: -228px bottom;
padding: 0 0 8px 0;
margin-bottom: 13px;
}
/* general menu items */
#subMenu ul.clickSubMenu li {
margin: 0;
padding: 0;
border-top: 1px solid #a5a6a7;
background-color: #fff;
}
/* parent menu items */
#subMenu ul.clickSubMenu li.parent {
background-color: #fff;
border-left: 1px solid #a5a6a7;
border-right: 1px solid #a5a6a7;
background-color: #fff;
background-repeat: repeat-x;
background-image: url('/media/_tech_others/_tech_nefit__c/layout_nefit__c/css_nefit__c/sprites_images_nefit__c/nefit_backgrounds_sprite.png');
background-position: left -594px;
}
#subMenu ul.clickSubMenu li.parent.active {
background-color: #fff;
background-repeat: repeat-x;
background-image: url('/media/_tech_others/_tech_nefit__c/layout_nefit__c/css_nefit__c/sprites_images_nefit__c/nefit_backgrounds_sprite.png');
background-position: left -594px;
}
#subMenu ul.clickSubMenu li.parent.active ul {
background-color: #fff;
}
/* general menu item links */
#subMenu ul.clickSubMenu a {
display: block;
font: normal normal normal 13px/17px Tahoma,Arial,Helvetica, sans-serif;
color: #000;
}
#subMenu ul.clickSubMenu a:hover {
background-color: #eee;
}
#subMenu ul.clickSubMenu a span {
display: block;
background-color: transparent;
background-repeat: no-repeat;
background-image: url('/media/_tech_others/_tech_nefit__c/layout_nefit__c/css_nefit__c/sprites_images_nefit__c/nefit_main_sprite.png');
background-position: left -4122px;
padding: 10px 0 11px 25px;
}
/* parent menu item links */
#subMenu ul.clickSubMenu a.parentLink {
font-size: 14px;
line-height: 16px;
}
#subMenu ul.clickSubMenu a.parentLink span {
display: block;
background-color: transparent;
background-repeat: no-repeat;
background-image: url('/media/_tech_others/_tech_nefit__c/layout_nefit__c/css_nefit__c/sprites_images_nefit__c/nefit_main_sprite.png');
background-position: left -4192px;
padding: 9px 0 12px 10px;
}
#subMenu ul.clickSubMenu2 li.parent {
border-left: 0px;
border-right: 0px;
}
/* subheadlines */
#subMenu ul.clickSubMenu li.subheadline {
font-size: 14px;
line-height: 16px;
color: #abacad;
}
#subMenu ul.clickSubMenu li.subheadline span {
display: block;
padding: 23px 0 12px 10px;
}
/* active menu items */
#subMenu ul.clickSubMenu li#subMenuCurrent {
background-color: #b80003;
background-repeat: repeat-x;
background-image: url('/media/_tech_others/_tech_nefit__c/layout_nefit__c/css_nefit__c/sprites_images_nefit__c/nefit_backgrounds_sprite.png');
background-position: left -633px;
color: #fff;
}
/* fix for deeper navigations BEATBB-4527 */
#subMenu ul.clickSubMenu li ul li {
border-right: 0 none;
border-left: 0 none;
}
/* active menu item links */
#subMenu ul.clickSubMenu li#subMenuCurrent a {
color: #fff;
}
#subMenu ul.clickSubMenu li#subMenuCurrent a span {
background-image: url('/media/_tech_others/_tech_nefit__c/layout_nefit__c/css_nefit__c/sprites_images_nefit__c/nefit_main_sprite.png');
background-position: left -4261px;
}
#subMenu ul.clickSubMenu li#subMenuCurrent li a,
#subMenu ul.clickSubMenu li#subMenuCurrent a:hover {
background-color: transparent;
}
#subMenu ul.clickSubMenu li#subMenuCurrent a:hover span {
background-image: url('/media/_tech_others/_tech_nefit__c/layout_nefit__c/css_nefit__c/sprites_images_nefit__c/nefit_main_sprite.png');
background-position: left -4261px;
}
/* active parent menu item links */
#subMenu ul.clickSubMenu li#subMenuCurrent a.parentLink span {
background-image: url('/media/_tech_others/_tech_nefit__c/layout_nefit__c/css_nefit__c/sprites_images_nefit__c/nefit_main_sprite.png');
background-position: left -4331px;
}
#subMenu ul.clickSubMenu li#subMenuCurrent a.parentLink:hover span {
background-image: url('/media/_tech_others/_tech_nefit__c/layout_nefit__c/css_nefit__c/sprites_images_nefit__c/nefit_main_sprite.png');
background-position: left -4331px;
}
/* overriding styles for sub items of the current */
#subMenu ul.clickSubMenu li#subMenuCurrent li {
background-color: #fff;
}
#subMenu ul.clickSubMenu li#subMenuCurrent li a {
color: #000;
}
#subMenu ul.clickSubMenu li#subMenuCurrent li a:hover {
background-color: #eee;
}
#subMenu ul.clickSubMenu li#subMenuCurrent li a span {
background-image: url('/media/_tech_others/_tech_nefit__c/layout_nefit__c/css_nefit__c/sprites_images_nefit__c/nefit_main_sprite.png');
background-position: left -4122px;
}
#subMenu ul.clickSubMenu li#subMenuCurrent li a:hover span {
background-image: url('/media/_tech_others/_tech_nefit__c/layout_nefit__c/css_nefit__c/sprites_images_nefit__c/nefit_main_sprite.png');
background-position: left -4122px;
}
/***************
* Section End: overriding styles from cssgeneric.css
***************/
/***************
* Section Picture Stage
***************/
#wrapperAll .contentArea .cntStage {
margin-bottom: 26px !important;
}
.cntStage .pictureStage {
height: 210px;
width: 734px;
position: relative;
}
.cntStage .pictureStage img.bg {
position: absolute;
top: 0;
left: 0;
}
.cntStage .pictureStage .psLeft {
left:0px;
}
.cntStage .pictureStage .psRight {
right:0px;
}
.cntStage .psStandard {
height: 250px;
}
.cntStage .psSmall {
height: 125px;
}
.cntStage .psBig {
height: 440px;
}
.cntStage .psMedium {
height: 175px;
}
.cntStage .pictureStage .psText{
background-color: #d7d8db;
padding: 10px 5px 0 10px;
position: absolute;
margin: 10px;
}
.cntStage .pictureStage .psTransparency25{
background-color: transparent;
background-repeat: repeat-y;
background-image: url('/media/_tech_others/_tech_nefit__c/layout_nefit__c/css_nefit__c/sprites_images_nefit__c/nefit_horizontal_sprite.png');
background-position: -0px top;
}
.cntStage .pictureStage .psTransparency75{
background-color: transparent;
background-repeat: repeat-y;
background-image: url('/media/_tech_others/_tech_nefit__c/layout_nefit__c/css_nefit__c/sprites_images_nefit__c/nefit_horizontal_sprite.png');
background-position: -355px top;
}
.cntStage .pictureStage .psTransparency{
background: transparent;
}
.cntStage .pictureStage .psTextSmall {
width: 213px;
}
.cntStage .pictureStage .psTextBig {
width: 337px;
}
.cntStage .pictureStage .psTextNoBG {
background-image: none;
}
.cntStage .pictureStage .psText h3 {
font-size: 15px;
line-height: 20px;
text-align: left;
}
.cntStage .pictureStage .psText p {
font-size: 13px;
margin-bottom: 10px;
clear: both;
text-align: left;
}
.cntStage .pictureStage .psText a {
font-size: 13px;
display: inline-block;
padding-bottom: 0 !important;
}
.cntStage .pictureStage .psText a.c2aButton {
margin-bottom: 10px;
}
/******************************
* Section: stagePaginationControl
*******************************/
.leftRightSlider {
display: none;
position: relative;
}
.leftRightSliderContent {
padding:0;
margin:0;
text-decoration: none;
list-style-type: none;
position: relative;
overflow: hidden;
text-align: center;
}
.leftRightSliderContent .panel {
display: none;
position: absolute;
}
.leftRightSliderControl {
bottom: 10px;
outline: 0 none;
position: absolute;
z-index: 500;
height: 39px;
}
.leftRightSliderControl .thumbNav{
width: 100%;
}
.leftRightSlider a.leftRightSliderControlPrev {
left:0;
background-color: transparent;
background-repeat: no-repeat;
background-image: url('/media/_tech_others/_tech_nefit__c/layout_nefit__c/css_nefit__c/sprites_images_nefit__c/nefit_main_sprite.png');
background-position: left -4400px;
width: 30px;
height: 39px;
margin:0;
}
.leftRightSlider a.leftRightSliderControlNext {
right:0;
background-color: transparent;
background-repeat: no-repeat;
background-image: url('/media/_tech_others/_tech_nefit__c/layout_nefit__c/css_nefit__c/sprites_images_nefit__c/nefit_main_sprite.png');
background-position: left -4439px;
width: 30px;
height: 39px;
margin:0;
}
.leftRightSlider a.leftRightSliderControlPrev:hover {
background-image: url('/media/_tech_others/_tech_nefit__c/layout_nefit__c/css_nefit__c/sprites_images_nefit__c/nefit_main_sprite.png');
background-position: left -4478px;
}
.leftRightSlider a.leftRightSliderControlNext:hover {
background-image: url('/media/_tech_others/_tech_nefit__c/layout_nefit__c/css_nefit__c/sprites_images_nefit__c/nefit_main_sprite.png');
background-position: left -4517px;
}
.leftRightSlider a.leftRightSliderControlPrev.inactive {
background-image: url('/media/_tech_others/_tech_nefit__c/layout_nefit__c/css_nefit__c/sprites_images_nefit__c/nefit_main_sprite.png');
background-position: left -4556px;
cursor: default;
}
.leftRightSlider a.leftRightSliderControlNext.inactive {
background-image: url('/media/_tech_others/_tech_nefit__c/layout_nefit__c/css_nefit__c/sprites_images_nefit__c/nefit_main_sprite.png');
background-position: left -4595px;
cursor: default;
}
/******************************
* Section: greyBox
*******************************/
.greyBox {
overflow: hidden;
margin-bottom: 10px;
float: left;
margin-right: 10px;
}
.grid12 .greyBox {
margin-bottom: 10px;
}
.greyboxRow div.gbLast {
margin-right: 0;
}
.greyBox div.roundedcontent {
background-color: #EEE;
padding: 7px 0 8px 0;
}
.gbBig {
width: 486px;
}
.gbSmall {
width: 238px;
}
.gbExtraSmall {
width: 228px;
}
.greyBox .gbImage {
position: relative;
display: block;
margin-bottom: 6px;
margin-top: 4px;
}
.greyBox h3 {
margin: 4px 0 12px 0;
padding: 0 10px 0 10px !important;
font-size: 15px;
color: #000000;
}
.greyBox h3 a {
text-decoration: none;
color: #000000;
}
.greyBox h3 a:hover {
color: #e20015;
}
.greyBox .gbImage .gbTeaser {
position: absolute;
left: 0;
top: 10px;
padding: 7px 10px 5px;
text-decoration: none;
font: normal normal bold 11px/14px Arial,Helvetica,sans-serif;
height: 16px;
padding-top: 7px;
background-color: #d7d7da;
color: #000000;
}
.greyBox div.gbText {
padding: 0 10px 0px 10px;
text-align: left;
}
.greyBox p {
margin-bottom: 5px;
}
/* exception for submenu */
#subMenu .greyBox {
margin-top: 17px;
}
#subMenu .greyBox .gbImage img {
width: 228px;
}
#subMenu .greyBox .gbImage img.fbZoomIcon {
width: auto;
}
/****************************
* Section: Infobox
****************************/
div.infobox {
background-color: #EEE ! important;
width: 734px;
margin-bottom: 10px;
margin-left: 10px;
}
.infobox .roundedcontent{
padding: 6px 10px 0 10px;
}
div.infobox div.infoboxImg {
width: 45px;
float: left;
margin-right: 12px;
}
div.infobox div.infoboxCnt {
float: left;
}
div.infobox div.infoboxCnt h3 {
font-size: 15px;
margin-bottom: 8px;
color: #000000;
}
div.infobox div.infoboxCnt div.txtSection {
width: 420px;
float: left;
margin-right: 30px;
}
div.infobox div.nolinkSection div.txtSection {
width: 558px;
}
div.infobox div.infoboxCnt div.linkSection {
float: left;
color: #404245;
}
div.infobox div.infoboxCnt div.linkSection ul.relatedItems {
padding-top: 7px;
}
.tab_content .infobox {
margin-left: 0;
}
/******************************
* Section: Sitemap
*******************************/
.sitemapwrapper {
background-color: transparent;
background-repeat: no-repeat;
background-image: url('/media/_tech_others/_tech_nefit__c/layout_nefit__c/css_nefit__c/sprites_images_nefit__c/nefit_horizontal_sprite.png');
background-position: -2869px top;
border-top: none;
padding-top: 6px;
}
.sitemapwrapper ul.sitemapList {
background-color: transparent;
background-repeat: no-repeat;
background-image: url('/media/_tech_others/_tech_nefit__c/layout_nefit__c/css_nefit__c/sprites_images_nefit__c/nefit_horizontal_sprite.png');
background-position: -3603px bottom;
border-top: 1px solid #a5a6a7;
margin: 1px 0 5px 0;
padding: 0 0 7px 0;
}
.sitemapwrapper ul.sitemapList ul {
width: auto;
margin:0;
padding:0;
}
.sitemapwrapper ul.sitemapList li,
.sitemapwrapper ul.sitemapList li,
.sitemapwrapper ul.sitemapList li li {
width: auto;
border: none;
margin: 0;
list-style-type: none;
}
.sitemapwrapper ul.sitemapList li.parent {
background-color: #000000;
padding-bottom: 0;
border-left: 1px solid #a5a6a7;
border-right: 1px solid #a5a6a7;
border-bottom: 1px solid #a5a6a7;
}
.sitemapwrapper ul.sitemapList li.parent a {
background-color: #fff;
background-repeat: repeat-x;
background-image: url('/media/_tech_others/_tech_nefit__c/layout_nefit__c/css_nefit__c/sprites_images_nefit__c/nefit_backgrounds_sprite.png');
background-position: left -510px;
display: block;
width: auto;
padding: 12px 0 11px 11px;
text-decoration: none;
}
.sitemapwrapper ul.sitemapList li a span {
background-color: transparent;
background-repeat: no-repeat;
background-image: url('/media/_tech_others/_tech_nefit__c/layout_nefit__c/css_nefit__c/sprites_images_nefit__c/nefit_main_sprite.png');
background-position: left -4634px;
padding-left: 10px;
display: block;
}
.sitemapwrapper ul.sitemapList li.parent a span,
.sitemapwrapper ul.sitemapList li.parent a.lvl0.activePath span {
background-color: transparent;
background-repeat: no-repeat;
background-image: url('/media/_tech_others/_tech_nefit__c/layout_nefit__c/css_nefit__c/sprites_images_nefit__c/nefit_main_sprite.png');
background-position: right -4703px;
margin-right: 10px;
padding-left: 0;
font-weight: normal;
color: #000000;
font-size: 13px;
}
.sitemapwrapper ul.sitemapList li.parent a.lvl0.activePath span {
font-size: 15px;
}
.sitemapwrapper ul.sitemapList li.subheadline {
padding: 11px 0 13px 10px;
background-color: #fff;
background-repeat: no-repeat;
background-image: url('/media/_tech_others/_tech_nefit__c/layout_nefit__c/css_nefit__c/sprites_images_nefit__c/nefit_horizontal_sprite.png');
background-position: -4337px top;
}
.sitemapwrapper ul.sitemapList li.subheadline span {
background-color: transparent;
background-repeat: no-repeat;
background-image: url('/media/_tech_others/_tech_nefit__c/layout_nefit__c/css_nefit__c/sprites_images_nefit__c/nefit_main_sprite.png');
background-position: left -4634px;
margin-right: 10px;
padding-left: 19px;
font-weight: bold;
color: #000000;
font-size: 13px;
}
.sitemapwrapper ul.sitemapList li.parent a.activePath span {
background-color: transparent;
background-repeat: no-repeat;
background-image: url('/media/_tech_others/_tech_nefit__c/layout_nefit__c/css_nefit__c/sprites_images_nefit__c/nefit_main_sprite.png');
background-position: left -4745px;
padding-left: 19px;
}
.sitemapwrapper ul.sitemapList li.parent li li a,
.sitemapwrapper ul.sitemapList li.parent li li a,
.sitemapwrapper ul.sitemapList li.parent a.lvl2 {
padding-left: 56px;
}
.sitemapwrapper ul.sitemapList li.parent li li a.activePath,
.sitemapwrapper ul.sitemapList li.parent li li a.activePath,
.sitemapwrapper ul.sitemapList li.parent a.activePath.lvl2 {
padding-left: 51px;
}
.sitemapwrapper ul.sitemapList li.parent a.lvl3 {
padding-left: 99px;
}
.sitemapwrapper ul.sitemapList li.parent a.lvl4 {
padding-left: 147px;
}
.sitemapwrapper ul.sitemapList li.parent a.lvl5 {
padding-left: 195px;
}
.sitemapwrapper ul.sitemapList li.parent a.lvl6 {
padding-left: 243px;
}
.sitemapwrapper ul.sitemapList li.parent li a span {
background-color: transparent;
background-repeat: no-repeat;
background-image: url('/media/_tech_others/_tech_nefit__c/layout_nefit__c/css_nefit__c/sprites_images_nefit__c/nefit_main_sprite.png');
background-position: left -4802px;
padding-left: 14px;
}
.sitemapwrapper ul.sitemapList li a {
display: block;
padding: 9px 0 15px 14px;
}
.sitemapwrapper ul.sitemapList li.parent li a {
background-image: none;
background-color: #FFFFFF;
border-top: 1px solid #a5a6a7 !important;
padding: 11px 0 11px 8px;
display: block;
width: auto;
border: none;
}
.sitemapwrapper ul.sitemapList li.parent li a span {
font-weight: bold;
}
.sitemapwrapper ul.sitemapList li.parent li li a span {
font-weight: normal;
}
.sitemapwrapper ul.sitemapList li a.lvl1 span {
font-weight: bold;
font-size: 13px;
}
.sitemapwrapper ul.sitemapList li.subheadline {
padding-top: 27px;
}
.sitemapwrapper ul.sitemapList li.subheadline span {
font-size: 13px;
color: #000000;
padding: 0;
background: none;
}
.sitemapwrapper ul.sitemapList li.parent a.lvl2 span,
.sitemapwrapper ul.sitemapList li.parent a.lvl3 span,
.sitemapwrapper ul.sitemapList li.parent a.lvl4 span {
font-size: 13px;
}
/******************************
* Section: Switchbox
*******************************/
.accordion h3 span {
display: none;
}
.accordionWrapper {
background: transparent;
margin-left: 10px;
margin-right: 0;
}
.accordionWrapper.round_corners .rc_topleft{
background-color: #eeeeee;
}
.accordionWrapper.round_corners .roundedcontent {
padding:0;
background-color: #eeeeee;
}
.accordionWrapper h3 {
padding: 11px 0 18px 15px !important;
font-size: 15px;
margin-bottom: 0;
outline: 0;
}
.ui-accordion-content.ui-widget-content {
display: block;
}
.accordionWrapper h3.ui-accordion-header {
background-color: #eee;
background-repeat: no-repeat;
background-image: url('/media/_tech_others/_tech_nefit__c/layout_nefit__c/css_nefit__c/sprites_images_nefit__c/nefit_horizontal_sprite.png');
background-position: -5067px bottom;
padding: 8px 0 20px 15px;
font-size: 15px;
margin-bottom: 0;
outline: 0;
margin-top:0;
}
.accordionWrapper h3.ui-state-active,
.accordionWrapper h3.ui-state-active:hover,
.accordionWrapper h3.ui-state-active:active,
.accordionWrapper h3.ui-state-active:focus {
background: none;
padding-left: 10px;
outline: 0;
border: none;
}
.accordionWrapper .ui-accordion h3 a{
background-color: transparent;
background-repeat: no-repeat;
background-image: url('/media/_tech_others/_tech_nefit__c/layout_nefit__c/css_nefit__c/sprites_images_nefit__c/nefit_main_sprite.png');
background-position: left -4817px;
padding-left: 15px;
outline: 0;
font-weight: bold;
}
.accordionWrapper .ui-accordion h3.ui-state-active a{
background-color: transparent;
background-repeat: no-repeat;
background-image: url('/media/_tech_others/_tech_nefit__c/layout_nefit__c/css_nefit__c/sprites_images_nefit__c/nefit_main_sprite.png');
background-position: left -4843px;
padding-left: 20px;
outline: 0;
}
.accordionWrapper h3 a{
background-color: transparent;
background-repeat: no-repeat;
background-image: url('/media/_tech_others/_tech_nefit__c/layout_nefit__c/css_nefit__c/sprites_images_nefit__c/nefit_main_sprite.png');
background-position: left -4866px;
padding-left: 20px;
outline: 0;
}
.accordionWrapper .accIcon {
float: left;
margin-right: 20px;
}
.accordionWrapper .accText {
float: left;
width: 320px;
}
.accordionWrapper .ui-accordion-content,
.accordion .accContent{
background-color: #eee;
background-repeat: no-repeat;
background-image: url('/media/_tech_others/_tech_nefit__c/layout_nefit__c/css_nefit__c/sprites_images_nefit__c/nefit_horizontal_sprite.png');
background-position: -5067px bottom;
padding: 0 15px 20px;
}
/******************************
* Section: round_corners
*******************************/
.round_corners .rc_topleft {
height: 6px;
line-height: 1px;
font-size: 1px
}
.round_corners .rc_topright {
height: 6px;
line-height: 1px;
font-size: 1px
}
.round_corners .rc_bottomleft {
height: 6px;
line-height: 1px;
font-size: 1px
}
.round_corners .rc_bottomright {
height: 6px;
line-height: 1px;
font-size: 1px
}
/******************************
* Section: Footer
*******************************/
#footer {
padding: 0;
}
#footer #footerCnt {
padding: 0;
float: left;
width: 1022px;
background-color: #f1f1f1;
background-repeat: repeat-x;
background-image: url('/media/_tech_others/_tech_nefit__c/layout_nefit__c/css_nefit__c/sprites_images_nefit__c/nefit_backgrounds_sprite.png');
background-position: left -672px;
font-family: Tahoma,Arial,Helvetica,sans-serif;
}
#footer #footerCnt .footerHeadline {
color: #fff !important;
font-size: 15px;
margin-bottom: 22px;
}
#footer #footerCnt a {
color: #fff !important;
font-size: 13px;
font-family: Tahoma,Arial,Helvetica,sans-serif;
display: block;
}
#footer #footerCnt a.mail {
background-color: transparent;
background-repeat: no-repeat;
background-image: url('/media/_tech_others/_tech_nefit__c/layout_nefit__c/css_nefit__c/sprites_images_nefit__c/nefit_main_sprite.png');
background-position: left -4888px;
padding: 3px 5px 2px 23px !important;
}
#footer #footerCnt a.rss {
background-color: transparent;
background-repeat: no-repeat;
background-image: url('/media/_tech_others/_tech_nefit__c/layout_nefit__c/css_nefit__c/sprites_images_nefit__c/nefit_main_sprite.png');
background-position: left -4911px;
padding: 3px 5px 2px 23px !important;
}
#footer #footerCnt a.share,
#footer #footerCnt div.share {
background-color: transparent;
background-repeat: no-repeat;
background-image: url('/media/_tech_others/_tech_nefit__c/layout_nefit__c/css_nefit__c/sprites_images_nefit__c/nefit_main_sprite.png');
background-position: left -4934px;
padding: 3px 5px 2px 23px !important;
}
#footer #footerCnt div.share {
display: inline;
font-size: 13px;
color: #fff;
}
#footer #footerCnt a.print {
background-color: transparent;
background-repeat: no-repeat;
background-image: url('/media/_tech_others/_tech_nefit__c/layout_nefit__c/css_nefit__c/sprites_images_nefit__c/nefit_main_sprite.png');
background-position: left -4957px;
padding: 3px 5px 2px 23px !important;
}
#footer #footerCnt a.mobile {
background-color: transparent;
background-repeat: no-repeat;
background-image: url('/media/_tech_others/_tech_nefit__c/layout_nefit__c/css_nefit__c/sprites_images_nefit__c/nefit_main_sprite.png');
background-position: left -4980px;
padding: 3px 5px 2px 23px !important;
}
#footer #footerCnt div.share:hover,
#footer #footerCnt a:hover,
#footer #footerCnt a.standard:hover {
background-color: #c30003 !important;
color: #fff;
}
#footer #footerCnt a img {
margin-right: 5px;
float: left;
}
#footer #footerTop {
height: 138px;
margin: 20px 0 0;
padding: 10px 0 10px 20px;
}
#footer #footerBottom {
height: 73px;
padding: 0 20px 11px;
}
#footer #footerCnt a.standard {
color: #fff;
font-size: 13px;
background-color: transparent;
background-repeat: no-repeat;
background-image: url('/media/_tech_others/_tech_nefit__c/layout_nefit__c/css_nefit__c/sprites_images_nefit__c/nefit_main_sprite.png');
background-position: left -5003px;
padding: 3px 5px 2px 23px !important;
display: inline;
}
#footer #footerCnt #footerBottom a.standard {
color: #000 !important;
background-color: transparent;
background-repeat: no-repeat;
background-image: url('/media/_tech_others/_tech_nefit__c/layout_nefit__c/css_nefit__c/sprites_images_nefit__c/nefit_main_sprite.png');
background-position: left -5026px;
padding: 4px 5px 4px 23px !important;
display: inline;
}
#footer #footerCnt #footerBottom a.standard:hover {
background-color: #fff !important;
}
#footer #footerCnt a {
display: inline;
}
#footer #footerCnt .tooltipIcon {
float: none;
color: #404245;
font-size: 13px;
}
#footer .footerBox {
float: left;
padding: 5px 0 0 10px;
height: 133px;
}
#footer #footerCol1 {
width: 361px;
border-right: 1px solid #e20015;
padding-left: 0;
}
#footer #footerCol2 {
width: 246px;
border-right: 1px solid #e20015;
border-left: 1px solid #ffffff;
}
#footer #footerCol3 {
border-left: 1px solid #ffffff;
width: 351px;
}
#footer #footerCnt ul li {
margin-bottom: 10px;
}
#footer #footerCnt #socials span {
display: block;
float: left;
padding: 0;
color: #fff;
font-family: Tahoma,Arial,Helvetica,sans-serif;
margin: 2px 10px 0 0;
}
#footer #footerCnt #socials .tooltipIcon {
float: left;
padding-right: 0;
}
#footer .tooltipIcon {
cursor: pointer;
}
#footer #footerBottom ul {
float: left;
margin: 22px 0 0 0;
}
#footer #footerBottom ul li {
float: left;
clear: none;
margin: 0 10px 0 0;
}
#footer #footerCnt #footerBottom ul li a {
color: #000;
font-size: 11px;
line-height: 14px;
font-weight: normal;
}
#footer #footerBottom p {
color: #000;
float: left;
font-size: 11px;
margin: 22px 10px 0 40px;
font-weight: normal;
}
#footerCnt #footerBottom p.copyright {
float: right;
margin-left: 10px;
padding: 0;
}
/******************************
* Section: FloatingText
*******************************/
/* Link Typen */
a.standard {
background-color: transparent;
background-repeat: no-repeat;
background-image: url('/media/_tech_others/_tech_nefit__c/layout_nefit__c/css_nefit__c/sprites_images_nefit__c/nefit_main_sprite.png');
background-position: left -5049px;
color: #e20015;
font-size: 13px;
line-height: 18px;
padding: 3px 7px 2px 23px !important;
text-decoration: none;
}
#sCMTGB-internet a.standard {
color: #fff;
}
a.standard.multiline {
display: block;
}
a.mail {
background-color: transparent;
background-repeat: no-repeat;
background-image: url('/media/_tech_others/_tech_nefit__c/layout_nefit__c/css_nefit__c/sprites_images_nefit__c/nefit_main_sprite.png');
background-position: left -5132px;
color: #e20015 !important;
font-size: 13px;
line-height: 18px;
padding: 3px 7px 2px 23px !important;
text-decoration: none;
}
a.download {
background-color: transparent;
background-repeat: no-repeat;
background-image: url('/media/_tech_others/_tech_nefit__c/layout_nefit__c/css_nefit__c/sprites_images_nefit__c/nefit_main_sprite.png');
background-position: left -5195px;
color: #e20015;
font-size: 13px;
line-height: 18px;
padding: 3px 7px 2px 23px !important;
text-decoration: none;
}
a.rss {
background-color: transparent;
background-repeat: no-repeat;
background-image: url('/media/_tech_others/_tech_nefit__c/layout_nefit__c/css_nefit__c/sprites_images_nefit__c/nefit_main_sprite.png');
background-position: left -5258px;
color: #e20015;
font-size: 13px;
line-height: 18px;
padding: 3px 7px 2px 23px !important;
text-decoration: none;
}
a.zoom {
background-color: transparent;
background-repeat: no-repeat;
background-image: url('/media/_tech_others/_tech_nefit__c/layout_nefit__c/css_nefit__c/sprites_images_nefit__c/nefit_main_sprite.png');
background-position: left -5321px;
color: #e20015;
font-size: 13px;
line-height: 18px;
padding: 3px 7px 2px 23px !important;
text-decoration: none;
}
a.link:hover,
a.lnk:hover,
a.download:hover {
background-color: #f1f1f1 !important;
}
/* Call To Action Button */
a.btn span,
button.btn span {
font-family: Tahoma,Arial,Helvetica,sans-serif;
}
a.c2aButton,
button.btnJunkers,
button.c2aButton,
a.btnJunkers,
button.btn {
background-color: transparent;
background-repeat: no-repeat;
background-image: url('/media/_tech_others/_tech_nefit__c/layout_nefit__c/css_nefit__c/sprites_images_nefit__c/nefit_main_sprite.png');
background-position: left -5385px;
color: #FFF;
font-size: 13px;
line-height: 18px;
padding: 0px 0 0px 17px !important;
text-decoration: none;
margin: 0 5px 0 0;
height: 27px;
float: left;
cursor: pointer;
}
button.btn:hover,
a.btn:hover,
button.btn:hover {
background-position: 0 0;
}
a.c2aButton span,
button.btnJunkers span,
button.c2aButton span,
a.btnJunkers span,
button.btn span {
background-color: transparent;
background-repeat: repeat-x;
background-image: url('/media/_tech_others/_tech_nefit__c/layout_nefit__c/css_nefit__c/sprites_images_nefit__c/nefit_main_sprite.png');
background-position: left -5422px;
color: #FFF;
font-size: 13px;
line-height: 14px!important;
padding: 5px 10px 8px 5px !important;
text-decoration: none;
font-weight: bold;
display: block;
}
button.btn:hover span,
a.btn:hover span,
button.btn:hover span {
background-position: 0 0;
}
a.c2aButton:hover,
button.btnJunkers:hover,
button.c2aButton:hover,
a.btnJunkers:hover,
button.btn:hover {
background-image: url('/media/_tech_others/_tech_nefit__c/layout_nefit__c/css_nefit__c/sprites_images_nefit__c/nefit_main_sprite.png');
background-position: left -5459px;
}
a.c2aButton:hover span,
button.btnJunkers:hover span,
button.c2aButton:hover span,
a.btnJunkers:hover span,
button.btn:hover span {
background-image: url('/media/_tech_others/_tech_nefit__c/layout_nefit__c/css_nefit__c/sprites_images_nefit__c/nefit_main_sprite.png');
background-position: left -5496px;
color: #e20015 !important;
}
/* Call To Action Button double-row */
a.c2aButton2Rows {
background-color: transparent;
background-repeat: no-repeat;
background-image: url('/media/_tech_others/_tech_nefit__c/layout_nefit__c/css_nefit__c/sprites_images_nefit__c/nefit_main_sprite.png');
background-position: left -5533px;
color: #FFF;
font-size: 13px;
line-height: 18px;
padding: 0px 0 0px 17px !important;
text-decoration: none;
margin: 0 5px 0 0;
height: 45px;
float: left;
}
a.c2aButton2Rows span {
background-color: transparent;
background-repeat: repeat-x;
background-image: url('/media/_tech_others/_tech_nefit__c/layout_nefit__c/css_nefit__c/sprites_images_nefit__c/nefit_main_sprite.png');
background-position: left -5588px;
color: #FFF;
font-size: 13px;
line-height: 18px;
padding: 5px 10px 5px 5px !important;
text-decoration: none;
font-weight: bold;
display: block;
}
a.c2aButton2Rows:hover {
background-image: url('/media/_tech_others/_tech_nefit__c/layout_nefit__c/css_nefit__c/sprites_images_nefit__c/nefit_main_sprite.png');
background-position: left -5533px;
}
a.c2aButton2Rows:hover span {
background-image: url('/media/_tech_others/_tech_nefit__c/layout_nefit__c/css_nefit__c/sprites_images_nefit__c/nefit_main_sprite.png');
background-position: left -5588px;
}
/* Call To Action Back Button */
a.c2aButtonBack {
background-color: transparent;
background-repeat: no-repeat;
background-image: url('/media/_tech_others/_tech_nefit__c/layout_nefit__c/css_nefit__c/sprites_images_nefit__c/nefit_main_sprite.png');
background-position: left -1819px;
color: #FFF;
font-size: 13px;
line-height: 18px;
padding: 0px 0 0px 17px !important;
text-decoration: none;
margin: 0 5px 0 0;
height: 27px;
float: left;
}
a.c2aButtonBack span {
background-color: transparent;
background-repeat: repeat-x;
background-image: url('/media/_tech_others/_tech_nefit__c/layout_nefit__c/css_nefit__c/sprites_images_nefit__c/nefit_main_sprite.png');
background-position: left -5643px;
color: #FFF;
font-size: 13px;
line-height: 18px;
padding: 5px 10px 5px 5px !important;
text-decoration: none;
font-weight: bold;
display: block;
}
a.c2aButtonBack:hover {
background-image: url('/media/_tech_others/_tech_nefit__c/layout_nefit__c/css_nefit__c/sprites_images_nefit__c/nefit_main_sprite.png');
background-position: left -1887px;
}
a.c2aButtonBack:hover span {
background-image: url('/media/_tech_others/_tech_nefit__c/layout_nefit__c/css_nefit__c/sprites_images_nefit__c/nefit_main_sprite.png');
background-position: left -5678px;
}
.contentArea .col8.products .txtSection {
width: auto;
float: none;
}
.contentArea .col4.products .txtSection {
width: auto;
}
.contentArea .col8.products.picturetop .txtSection {
float: left;
width: 352px
}
.fullSize .picturetop .imgSection {
margin-bottom: 10px;
}
.boschplayer_wrap {
margin-bottom: 10px !important;
}
.contentArea .col8.products .boschplayer_wrap {
width: 176px;
float: left;
text-align: center;
margin-right: 10px !important;
}
.contentArea .col6.products .boschplayer_wrap {
width: 124px;
float: left;
text-align: left;
}
.contentArea .col12.products .boschplayer_wrap {
width: 250px;
float: left;
text-align: left;
}
.col12 .txtSection p,
.col12 .txtSection ul li,
.col12 .txtSection h3 {
padding-right: 114px;
}
.col12 .txtSection.col8 p,
.col12 .txtSection.col8 ul li,
.col12 .txtSection.col8 h3 {
padding-right: 0;
}
/* undo for product detail page */
.productDetailPage .col12 .txtSection {
padding-right: 0;
}
.txtSection h3 {
padding-bottom: 0;
font-size: 13px;
line-height: 18px;
}
.txtSection p {
clear: both;
line-height: 17px;
padding-bottom: 15px !important;
}
.txtSection ul {
margin-bottom: 10px;
}
span.imgFloatLeft {
display: block;
float:left;
padding: 0 10px 10px 0px;
color: #404245;
}
span.imgFloatLeft img{
float: none;
display: block;
}
span.imgDescription{
display: block;
font-weight: normal;
font-size: 11px;
line-height: 13px;
margin-top: 5px;
}
span.imgFloatRight {
float:right;
padding: 0 0px 10px 10px;
color: #404245;
}
span.imgFloatRight img{
float: none;
display: block;
}
ul.bullet li {
background-color: transparent;
background-repeat: no-repeat;
background-image: url('/media/_tech_others/_tech_nefit__c/layout_nefit__c/css_nefit__c/sprites_images_nefit__c/nefit_main_sprite.png');
background-position: left -5713px;
line-height: 18px;
padding-bottom: 6px;
}
ul.relatedItems li {
margin-bottom: 5px;
}
ol {
padding: 0 0 10px 20px;
}
ol li {
line-height: 18px;
padding: 0 0 6px;
list-style-position: outside;
}
table.standardTable {
width: 100%;
margin-top: 0;
margin-bottom: 15px;
background-color: #FFFFFF;
}
table.standardTable th,
table.standardTable td {
font: normal normal normal 13px/14px Tahoma,Arial,Helvetica,sans-serif;
}
table.standardTable a {
line-height: 14px;
color: #000;
}
table.standardTable td {
vertical-align: top;
}
table.standardTable th {
line-height: 18px;
background-color: #dd0004;
background-repeat: repeat-x;
padding: 19px 10px 1px 10px;
color: #FFF;
text-transform: uppercase;
vertical-align: bottom;
font-weight: bold;
text-align: left;
}
table.standardTable th div {
margin-bottom: 10px;
}
table.standardTable {
border-collapse: separate !important;
border-spacing: 0;
}
table.standardTable .tdBold {
font-weight: bold;
}
table.standardTable td.even,
table.standardTable tr.iehover td.even,
table.standardTable tbody tr:hover td.even,
.tab_content table tr td.even,
.tab_content table tr tr.iehover td.even,
.tab_content table tr tbody tr:hover td.even {
background-color: #FFF !important;
}
table.standardTable td.odd,
table.standardTable tr.iehover td.odd,
table.standardTable tbody tr:hover td.odd,
.tab_content table tr td.odd,
.tab_content table tr tr.iehover td.odd,
.tab_content table tr tbody tr:hover td.odd {
background-color: #EEE !important;
}
table.specialTable thead {
display: none;
}
table.standardTable caption {
font-size: 16px;
color: #000000;
}
/* FancyBox */
.fancyBoxContentHide {
display: none;
}
.zoomIcon {
position: relative;
display: block;
}
.jcarousel-skin-ie7 .jcarousel-item a.zoomIcon:hover .fbZoomIcon,
a.zoomIcon:hover .fbZoomIcon {
display: block;
}
.jcarousel-skin-ie7 .jcarousel-item .zoomIcon .fbZoomIcon,
.zoomIcon .fbZoomIcon {
position: absolute;
display: none;
}
#fancybox-close {
background-color: transparent;
background-repeat: no-repeat;
background-image: url('/media/_tech_others/_tech_nefit__c/layout_nefit__c/css_nefit__c/sprites_images_nefit__c/nefit_main_sprite.png');
background-position: left -6086px;
width: 19px;
height: 19px;
position: absolute;
right: 10px;
top: 15px;
}
#fancybox-close:hover {
background-image: url('/media/_tech_others/_tech_nefit__c/layout_nefit__c/css_nefit__c/sprites_images_nefit__c/nefit_main_sprite.png');
background-position: left -6105px;
}
.fancybox-title-inside {
background-color: transparent !important;
}
#fancybox-title-inside {
padding: 14px 20px 5px 0;
}
#fancybox-title {
height: 50px;
background-color: #e20015;
background-repeat: repeat-x;
background-image: url('/media/_tech_others/_tech_nefit__c/layout_nefit__c/css_nefit__c/sprites_images_nefit__c/nefit_backgrounds_sprite.png');
background-position: left -0px;
font: normal normal bold 16px/20px Tahoma,Arial,Helvetica,sans-serif;
}
#fancybox-content {
width: auto !important;
padding-top: 60px !important;
}
#fancybox-bg-n {
top: -20px;
left: 0;
width: 100%;
background-image: url(/media/_tech_junkers/layout_junkers/images_junkers/icons_junkers/fancybox_junkers/fancybox_x__tt.png); /* fancybox already comes with sprites, leaving this one untouched */
}
#fancybox-bg-ne {
top: -20px;
right: -20px;
background-image: url(/media/_tech/layout/images/icons/fancybox/fancybox.png); /* fancybox already comes with sprites, leaving this one untouched */
background-position: -40px -162px;
}
#fancybox-bg-e {
top: 0;
right: -20px;
height: 100%;
background-image: url(/media/_tech_junkers/layout_junkers/images_junkers/icons_junkers/fancybox_junkers/fancybox_y__tt.png); /* fancybox already comes with sprites, leaving this one untouched */
background-position: -20px 0px;
}
#fancybox-bg-se {
bottom: -20px;
right: -20px;
background-image: url(/media/_tech/layout/images/icons/fancybox/fancybox.png); /* fancybox already comes with sprites, leaving this one untouched */
background-position: -40px -182px;
}
#fancybox-bg-s {
bottom: -20px;
left: 0;
width: 100%;
background-image: url(/media/_tech_junkers/layout_junkers/images_junkers/icons_junkers/fancybox_junkers/fancybox_x__tt.png); /* fancybox already comes with sprites, leaving this one untouched */
background-position: 0px -20px;
}
#fancybox-bg-sw {
bottom: -20px;
left: -20px;
background-image: url(/media/_tech/layout/images/icons/fancybox/fancybox.png); /* fancybox already comes with sprites, leaving this one untouched */
background-position: -40px -142px;
}
#fancybox-bg-w {
top: 0;
left: -20px;
height: 100%;
background-image: url(/media/_tech_junkers/layout_junkers/images_junkers/icons_junkers/fancybox_junkers/fancybox_y__tt.png); /* fancybox already comes with sprites, leaving this one untouched */
}
#fancybox-bg-nw {
top: -20px;
left: -20px;
background-image: url(/media/_tech/layout/images/icons/fancybox/fancybox.png); /* fancybox already comes with sprites, leaving this one untouched */
background-position: -40px -122px;
}
#TB_title {
background-color: #e20015;
background-repeat: repeat-x;
background-image: url('/media/_tech_others/_tech_nefit__c/layout_nefit__c/css_nefit__c/sprites_images_nefit__c/nefit_backgrounds_sprite.png');
background-position: left -0px;
color: #FFF;
width: auto !important;
padding-right: 40px;
padding-top: 0;
padding-bottom: 15px;
}
/* --- FloatingText ENDE --- */
/* sub headline / cross headline */
h3.crossheadline {
margin: 0;
padding: 0;
background-color: #eeeeee;
}
h3.crossheadline span {
display: block;
margin: 0;
padding: 0 0 5px;
}
h3.crossheadline span span {
display: block;
margin: 0;
padding: 10px 9px 7px;
background-color: transparent;
background-image: none;
font: normal normal bold 15px/20px Tahoma,Arial,Helvetica,sans-serif;
color: #000000;
}
/* Teaser */
div.contentArea .products {
padding: 24px 0 10px 0;
background-color: transparent !important;
background-repeat: no-repeat;
background-image: url('/media/_tech_others/_tech_nefit__c/layout_nefit__c/css_nefit__c/sprites_images_nefit__c/nefit_horizontal_sprite.png') !important;
background-position: -710px top !important;
border-radius: 0;
}
div.contentArea .products hr,
#contentAreaCategory hr {
background-color: transparent !important;
background-repeat: no-repeat;
background-image: url('/media/_tech_others/_tech_nefit__c/layout_nefit__c/css_nefit__c/sprites_images_nefit__c/nefit_horizontal_sprite.png') !important;
background-position: -710px top !important;
border-radius: 0;
border: none;
height: 4px;
padding-bottom: 7px!important;
}
.resultPage .stageCntMain .searchResultFooter {
background-color: transparent !important;
background-repeat: no-repeat;
background-image: url('/media/_tech_others/_tech_nefit__c/layout_nefit__c/css_nefit__c/sprites_images_nefit__c/nefit_horizontal_sprite.png') !important;
background-position: -710px top !important;
border-radius: 0;
border: none!important;
padding-top: 11px!important;
}
#fancybox-content div.contentArea .products {
background-image: none!important;
}
div.contentArea .products .imgSection {
margin-top: 10px;
text-align: left;
margin-bottom: 10px !important;
width: auto;
}
.bgradient,
.product .tsrBoxL .imgSection,
.product .tsrBoxR .imgSection {
background-color: transparent;
background-repeat: repeat-x;
background-image: url('/media/_tech_others/_tech_nefit__c/layout_nefit__c/css_nefit__c/sprites_images_nefit__c/nefit_backgrounds_sprite.png');
background-position: left -983px;
}
.block4Two .tsrBoxR,
.block4Two .tsrBoxL,
.block4Four .tsrBoxR,
.block4Four .tsrBoxL,
.wrapper .tsrBoxR,
.wrapper .tsrBoxL,
.wrapper2 .tsrBoxR,
.wrapper2 .tsrBoxL {
background-color: #808285!important;
}
.block4Two .tsrBoxR .txtSection a,
.block4Two .tsrBoxL .txtSection a,
.block4Four .tsrBoxR .txtSection a,
.block4Four .tsrBoxL .txtSection a,
.wrapper .tsrBoxR .txtSection a,
.wrapper .tsrBoxL .txtSection a,
.wrapper2 .tsrBoxR .txtSection a,
.wrapper2 .tsrBoxL .txtSection a,
.product .tsrBoxR .txtSection a,
.product .tsrBoxL .txtSection a ,
#block4four_1 .tsrBoxL .txtSection a,
#block4four_2 .tsrBoxL .txtSection a,
#block4four_3 .tsrBoxL .txtSection a,
#block4four_4 .tsrBoxL .txtSection a,
#block4four_5 .tsrBoxL .txtSection a,
#block4four_6 .tsrBoxL .txtSection a,
#block4four_7 .tsrBoxL .txtSection a,
#block4four_8 .tsrBoxL .txtSection a,
#block4four_9 .tsrBoxL .txtSection a,
#block4four_10 .tsrBoxL .txtSection a {
color: #FFFFFF!important;
font-weight: bold;
}
.block4Two .tsrBoxR .txtSection a:hover,
.block4Two .tsrBoxL .txtSection a:hover,
.block4Four .tsrBoxR .txtSection a:hover,
.block4Four .tsrBoxL .txtSection a:hover,
.wrapper .tsrBoxR .txtSection a:hover,
.wrapper .tsrBoxL .txtSection a:hover,
.wrapper2 .tsrBoxR .txtSection a:hover,
.wrapper2 .tsrBoxL .txtSection a:hover,
.product .tsrBoxR .txtSection a:hover,
.product .tsrBoxL .txtSection a:hover,
#block4four_1 .tsrBoxL .txtSection a:hover,
#block4four_2 .tsrBoxL .txtSection a:hover,
#block4four_3 .tsrBoxL .txtSection a:hover,
#block4four_4 .tsrBoxL .txtSection a:hover,
#block4four_5 .tsrBoxL .txtSection a:hover,
#block4four_6 .tsrBoxL .txtSection a:hover,
#block4four_7 .tsrBoxL .txtSection a:hover,
#block4four_8 .tsrBoxL .txtSection a:hover,
#block4four_9 .tsrBoxL .txtSection a:hover,
#block4four_10 .tsrBoxL .txtSection a:hover {
background-color: #7f7f7f!important;
}
.tsrBoxR .txtSection h2,
.tsrBoxL .txtSection h2 {
margin-top: -3px;
color: #fff !important;
}
.products .txtSection h2 {
color: #000 !important;
}
.products .txtSection p {
color: #000 !important;
}
div.contentArea .block .txtSection h2,
div.contentArea .block .txtSection h2 a,
.tsrBoxL .txtSection a h2,
div.contentArea .block .txtSection p,
.product .tsrBoxL .txtSection h2 {
color: #ffffff !important;
}
div.contentArea .block .txtSection h2 a:hover,
.tsrBoxL .txtSection a:hover h2 {
color: #fff !important;
}
a.btn.btnJunkersKeep:hover {
background-color: #EEEEEE!important;
}
/* disturber */
.imgSection .disturber {
height: 16px;
padding-top: 7px;
background-image: none;
background-color: #e1e1e2;
color: #000000;
}
/******************************
* Section: Pop-up Elements
* .expandablePopup
******************************/
.expandablePopup {
margin-bottom: 3px;
}
/* Headline of pop-up elements */
.expandablePopup h3.togglePopup {
background-color: #eee;
background-repeat: no-repeat;
background-image: url('/media/_tech_others/_tech_nefit__c/layout_nefit__c/css_nefit__c/sprites_images_nefit__c/nefit_main_sprite.png');
background-position: left -6124px;
font-size: 13px!important;
line-height: 27px;
color: #000000;
padding: 3px 10px 6px 30px;
margin: -2px 0 -1px 0;
cursor: pointer;
}
.expandablePopup h3.toggledwn {
background-color: #eee !important;
background-repeat: no-repeat;
background-image: url('/media/_tech_others/_tech_nefit__c/layout_nefit__c/css_nefit__c/sprites_images_nefit__c/nefit_main_sprite.png') !important;
background-position: left -6181px !important;
font-size: 13px!important;
color: #000000;
padding: 3px 10px 6px 30px;
margin-left: 0;
}
.expandablePopup h3.toggledwn:hover {
color: #0000;
}
.expandablePopup .toggleofPopup.closed {
display: block;
height: 0;
overflow: hidden;
}
.expandablePopup .toggleofPopup:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
/* Adaptions for rounded corners */
.expandablePopup .round_corners {
margin-left: 10px;
}
/* Exception for rounded corners in marginal column or when pop-up in tab */
.tab_content .expandablePopup .round_corners,
.expandablePopup .marginalCol .round_corners {
margin-left: 0;
}
.expandablePopup .round_corners .rc_topleft,
.expandablePopup .round_corners .rc_topright,
.expandablePopup .round_corners .rc_bottomleft,
.expandablePopup .round_corners .rc_bottomright {
display: none;
}
/* Subheadline */
.expandablePopup h3.subheadline {
margin-left: 10px;
padding: 16px 0 11px;
font: normal normal bold 15px/20px Tahoma,Arial,Helvetica,sans-serif;
color: #000000;
}
/* Exception for pop-up in tab */
.tab_content .expandablePopup h3.subheadline {
margin-left: 0;
}
/* Main Column */
#wrapperAll .expandablePopup .mainCol {
margin-top: 16px;
margin-bottom: 3px !important;
}
.expandablePopup .col8 {
width: 486px !important;
padding-right: 0;
}
.expandablePopup .col12 p,
.expandablePopup .col12 ul {
padding-right: 114px;
}
/* Marginal Column */
.expandablePopup .marginalCol {
margin-top: 19px;
}
.expandablePopup .col4{
width: 238px !important;
margin-left: 10px;
}
.expandablePopup .marginalCol .cntBox {
margin-left: 0;
}
/* Offset */
.expandablePopup .offset {
height: 10px;
}
/******************************
* Section: Glossary
* additional styles for tabs
******************************/
.tab12 ul.tabs {
width: 724px !important;
padding-top: 10px!important;
}
.tab12 .tab_container {
width: 734px;
}
.tab_container .col12 {
width: 734px;
}
.glossary .tabs .empty a {
color: #A5A6A7;
cursor: default;
}
.glossary .tabs .empty a:hover,
.glossary .tabs .empty a:hover span {
background-color: transparent;
background-repeat: repeat-x;
background-image: url('/media/_tech_others/_tech_nefit__c/layout_nefit__c/css_nefit__c/sprites_images_nefit__c/nefit_backgrounds_sprite.png');
background-position: left -191px;
}
.glossary .tabs li a {
padding: 0 9px 0 8px!important;
text-align: center;
}
.glossary .tabs li a span,
.glossary .tabs li.active a span,
.glossary .tabs li a:hover span,
.glossary .tabs li.active a:hover span {
padding: 3px 0 0 0!important;
}
.glossary .tabs li.active a span {
color: #000000;
}
.glossary .tab_container {
border-bottom: 0 none;
}
.glossary .tab_content .divider {
height: 26px;
clear: both;
}
.glossary .tab_content .col8 .divider,
.glossary .tab_content .col12 .divider {
background-color: transparent;
background-repeat: no-repeat;
background-image: url('/media/_tech_others/_tech_nefit__c/layout_nefit__c/css_nefit__c/sprites_images_nefit__c/nefit_horizontal_sprite.png');
background-position: -710px top;
}
/******************************
* Overlayclick Gallery
******************************/
#fancybox-content .leftRightSlider,
.fancyBoxContent .leftRightSlider{
background-color: #FFFFFF;
}
#fancybox-content .leftRightSliderContent .panel {
width: 100%;
text-align: center;
}
#fancybox-content .leftRightSliderControl {
top: 150px;
}
#fancybox-content .leftRightSlider .leftRightSliderThumbRow {
margin-top: 20px;
}
#fancybox-content .leftRightSlider .leftRightSliderThumbRow .lrsThumbNavi {
float: left;
width: 38px;
height: 62px;
display: none;
background-color: transparent;
background-repeat: no-repeat;
}
#fancybox-content .leftRightSlider .leftRightSliderThumbRow .lrsThumbNaviLeft{
background-image: url('/media/_tech_others/_tech_nefit__c/layout_nefit__c/css_nefit__c/sprites_images_nefit__c/nefit_main_sprite.png');
background-position: left -6239px;
margin-right: 10px;
cursor: pointer;
}
#fancybox-content .leftRightSlider .leftRightSliderThumbRow .lrsThumbNaviLeft.inactive{
background-image: url('/media/_tech_others/_tech_nefit__c/layout_nefit__c/css_nefit__c/sprites_images_nefit__c/nefit_main_sprite.png');
background-position: left -6301px;
margin-right: 10px;
cursor: default;
}
#fancybox-content .leftRightSlider .leftRightSliderThumbRow .lrsThumbNaviRight{
background-image: url('/media/_tech_others/_tech_nefit__c/layout_nefit__c/css_nefit__c/sprites_images_nefit__c/nefit_main_sprite.png');
background-position: left -6363px;
margin-left: 10px;
cursor: pointer;
}
#fancybox-content .leftRightSlider .leftRightSliderThumbRow .lrsThumbNaviRight.inactive{
background-image: url('/media/_tech_others/_tech_nefit__c/layout_nefit__c/css_nefit__c/sprites_images_nefit__c/nefit_main_sprite.png');
background-position: left -6425px;
margin-left: 10px;
cursor: default;
}
#fancybox-content .leftRightSlider .leftRightSliderThumbRow .leftRightSliderThumbWrapper {
width: 734px;
float: left;
overflow: hidden;
height: 62px;
position: relative;
}
#fancybox-content .leftRightSlider .lrsIncNavi .leftRightSliderThumbWrapper {
width: 638px;
}
#fancybox-content .leftRightSlider .leftRightSliderThumbRow .leftRightSliderThumbWrapper .leftRightSliderThumbSlider {
position: absolute;
}
#fancybox-content .leftRightSlider .leftRightSliderThumbRow a.lrsThumb {
width: 60px;
height: 60px;
float: left;
border: 1px solid #c3c3c4;
overflow: hidden;
margin-right: 10px;
}
#fancybox-content .leftRightSlider .leftRightSliderThumbRow a.lrsThumb.active {
border: 4px solid #e20015;
width: 54px;
height: 54px;
}
#fancybox-content .leftRightSlider .leftRightSliderText {
text-align: left;
}
#fancybox-content .leftRightSlider .leftRightSliderText h5 {
margin: 0 0 6px 0;
padding: 0;
font-size: 13px;
}
#fancybox-content .leftRightSlider .leftRightSliderText .text {
width: 548px;
float: left;
}
#fancybox-content .leftRightSlider .leftRightSliderText .pager {
float: right;
}
a#fancybox-left,
a#fancybox-right {
display: none;
visibility: hidden;
}
/******************************
* Section: Error
******************************/
.errorbox {
background: #FF0000;
padding: 5px 10px;
border-bottom: 1px solid #FFFFFF;
}
.errorbox h3 {
padding: 5px 10px;
border: 1px solid #FFFFFF;
}
.errorbox p {
padding: 10px 0 10px 0;
}
/* adaptions for marginalCol in tab content */
.tab_container {
border: none !important;
}
.tab_container .tab_content {
background-color: transparent;
background-repeat: no-repeat;
background-image: url('/media/_tech_others/_tech_nefit__c/layout_nefit__c/css_nefit__c/sprites_images_nefit__c/nefit_horizontal_sprite.png') !important;
background-position: -5553px top !important;
}
.tab_container .marginalCol {
width: 238px !important;
margin-left: 10px;
}
.tab_container .col6 {
width: 362px !important;
}
/****************************
* Section: Brochurebox
****************************/
div.brochurebox {
background-color: transparent;
background-repeat: no-repeat;
background-image: url('/media/_tech_others/_tech_nefit__c/layout_nefit__c/css_nefit__c/sprites_images_nefit__c/nefit_horizontal_sprite.png') !important;
background-position: -710px top !important;
width: auto;
margin-bottom: 20px;
margin-left: 10px;
padding-top: 19px;
float: left;
}
.brochurebox .roundedcontent{
padding: 6px 0 0;
}
div.brochurebox div.brochureboxImg {
width: 114px;
float: left;
margin-right: 10px;
outline: 1px solid #e1e1e2;
}
div.brochurebox div.brochureboxImg img {
display: block;
}
div.brochurebox div.brochureboxCnt {
float: left;
}
div.brochurebox div.brochureboxCnt .txtSection p {
padding-bottom: 7px!important;
}
div.brochurebox div.brochureboxCnt h3 {
font-size: 15px;
margin-top: -3px;
margin-bottom: 2px;
color: #000000;
}
div.brochurebox div.brochureboxCnt h3 a {
color: #000000;
}
div.brochurebox div.brochureboxCnt h3 a:hover {
color: #e20015;
}
div.brochurebox div.brochureboxCnt h4 {
font-size: 15px;
font-weight: normal;
margin-bottom: 2px;
color: #000000;
}
div.brochurebox div.brochureboxCnt div.txtSection {
width: 424px;
float: left;
margin-right: 10px;
margin-top: 7px;
}
div.brochurebox div.nolinkSection div.txtSection {
width: 610px;
margin-right: 0;
}
div.brochurebox div.brochureboxCnt div.marginalSection {
float: left;
color: #000000;
width: 176px;
margin-top: 7px;
}
div.brochurebox div.brochureboxCnt div.marginalSection h4 {
font-size: 12px;
font-weight: bold;
margin: 2px 0 2px 0;
color: #000000;
}
div.brochurebox div.brochureboxCnt div.marginalSection .marginalTxtSection {
margin-bottom: 0px;
padding-bottom: 0px;
}
div.brochurebox .divider {
display: none;
}
div.round_corners.brochurebox .rc_topleft,
div.round_corners.brochurebox .rc_topright {
display: none;
}
/******************************
* Section: Startpage
******************************/
/* Stage */
#hp1 #wrapperAll .cntStage {
overflow: hidden !important;
margin-bottom: 35px !important;
height: 350px;
margin-top: 1px;
}
#hp1 .cntStage .pictureStage {
width: auto;
}
#hp1 .cntStage .pictureStage .psTransparency {
background: none;
}
#hp1 .cntStage .pictureStage .psText h3,
#hp1 .cntStage .pictureStage .psText p {
color: #404245;
}
#hp1 .cntStage .pictureStage .psTransparency75 h3,
#hp1 .cntStage .pictureStage .psTransparency75 p {
color: #404245;
}
#hp1 .cntStage .pictureStage .psTransparency25 h3,
#hp1 .cntStage .pictureStage .psTransparency25 p {
color: #404245;
}
#hp1 .cntStage .pictureStage .psTransparency h3,
#hp1 .cntStage .pictureStage .psTransparency p {
color: #FFF;
}
#hp1 .cntStage .pictureStage .psTransparency a {
color: #FFF;
}
#hp1 .stagePaginationControl {
bottom: 8px;
right: 8px;
}
#hp1 div.anythingSlider .thumbNav {
float: right;
}
#hp1 div.anythingSlider .thumbNav li {
display: inline;
margin-right: 2px;
}
#hp1 div.anythingSlider .thumbNav a,
#hp1 div.anythingSlider .thumbNav a:hover {
background-color: transparent;
background-repeat: no-repeat;
background-image: url('/media/_tech_others/_tech_nefit__c/layout_nefit__c/css_nefit__c/sprites_images_nefit__c/nefit_main_sprite.png');
background-position: left -6487px;
color: #FFFFFF;
display: inline-block;
font-weight: bold;
font-size: 12px;
height: 13px;
line-height: 14px;
margin: 0;
outline: 0 none;
text-align: center;
text-decoration: none;
width: 17px;
}
#hp1 div.anythingSlider .thumbNav a.cur,
#hp1 div.anythingSlider .thumbNav a.cur:hover {
background-color: transparent;
background-repeat: no-repeat;
background-image: url('/media/_tech_others/_tech_nefit__c/layout_nefit__c/css_nefit__c/sprites_images_nefit__c/nefit_main_sprite.png');
background-position: left -6500px;
color: #e20015;
}
/* Teaser */
.stageCntMainTeaserWrapper {
margin-top: 5px;
padding: 0px 0 6px 0;
}
.stageCntMainTeaserRow .stageCntMainTeaser {
width: 486px;
float: left;
margin-right: 0px;
}
.stageCntMainTeaserRow .sCMTleft {
margin-right: 10px;
}
.stageCntMainTeaserRow .stageCntMainTeaser .stageCntMainTeaserText {
padding: 0 10px 10px;
}
.stageCntMainTeaserRow .stageCntMainTeaser .stageCntMainTeaserText p {
padding: 8px 0 7px 0;
}
.stageCntMainTeaserRow .stageCntMainTeaser .imgSection {
float: left;
margin-right: 10px;
height: 120px;
overflow: hidden;
}
.stageCntMainTeaserRow .sCMTLast {
margin-right: 0;
}
.stageCntMainTeaserRow h3 {
font-size: 15px;
line-height: 20px;
}
.stageCntMain .mtsStandard {
float: left;
width: 796px;
}
.stageCntMain .stageCntMainTeaserGreyBox {
background-color: #404245;
float: left;
height: 313px;
margin: 0 0 0 10px;
padding: 40px 5px 0 10px;
width: 160px;
}
.stageCntMain .stageCntMainTeaserGreyBox h2,
.stageCntMain .stageCntMainTeaserGreyBox h3 {
color: #ffffff !important;
}
.stageCntMain .stageCntMainTeaserGreyBox p {
color: #ffffff;
margin-bottom: 10px;
}
.stageCntMain .stageCntMainTeaserGreyBox
{
color: #FFFFFF;
margin-bottom: 4px;
}
.stageCntMain .stageCntMainTeaserGreyBox a.standard:hover {
background-color: #7f7f7f !important;
}
.cntBox #sCMTGB-Login h2 {
font-size: 28px !important;
color: #FFFFFF !important;
font-weight: normal;
margin-bottom: 25px;
}
#sCMTGB-Login label span {
color: #FFFFFF;
font-weight: bold;
margin-bottom: 5px;
display: block;
}
#sCMTGB-Login label {
margin-bottom: 10px;
display: block;
}
#sCMTGB-Login form {
margin-bottom: 5px;
}
#sCMTGB-Login button {
overflow: hidden;
}
#sCMTGB-Login a.standard{
font-weight: bold;
color: #FFFFFF;
margin-bottom: 30px;
display: block;
}
/* Startpage Stage Gallery */
.stageCntMain .stageCntMainTeaserStage {
position: relative;
height: 350px;
}
.stageCntMain .stageCntMainTeaserStage .stageCntMainTeaserStageCnt {
height: 350px;
}
.stageCntMain .stageCntMainTeaserStage .stageCntMainTeaserStageCnt .show {
position: absolute;
top: 0;
}
.stageCntMain .stageCntMainTeaserStage .stageCntMainTeaserTabs {
position: absolute;
top: 0;
left: 0;
margin: 0;
padding: 0;
}
.stageCntMain .stageCntMainTeaserStage .stageCntMainTeaserTabs li {
list-style-type: none;
margin: 0 0 1px;
padding: 0;
background-color: transparent;
background-repeat: no-repeat;
background-image: url('/media/_tech_others/_tech_nefit__c/layout_nefit__c/css_nefit__c/sprites_images_nefit__c/nefit_main_sprite.png');
background-position: left -6513px;
}
.stageCntMain .stageCntMainTeaserStage .stageCntMainTeaserTabs li:hover {
background-color: #eee;
background-repeat: no-repeat;
background-image: url('/media/_tech_others/_tech_nefit__c/layout_nefit__c/css_nefit__c/sprites_images_nefit__c/nefit_main_sprite.png');
background-position: left -6546px;
}
.stageCntMain .stageCntMainTeaserStage .stageCntMainTeaserTabs li a {
display: block;
margin: 0;
padding: 7px 6px 8px 21px;
font-size: 13px;
font-weight: bold;
color: #404245;
}
.stageCntMain .stageCntMainTeaserStage .stageCntMainTeaserTabs li.stageCntMainTeaserTabsActive {
background-color: transparent;
background-repeat: no-repeat;
background-image: url('/media/_tech_others/_tech_nefit__c/layout_nefit__c/css_nefit__c/sprites_images_nefit__c/nefit_main_sprite.png');
background-position: left -6579px;
}
.stageCntMain .stageCntMainTeaserStage .stageCntMainTeaserTabs li.stageCntMainTeaserTabsActive a {
color: #fff;
}
/* Link Block */
.stageCntMainLinkBlockWrapper {
padding-top: 10px;
border-top: none;
}
.stageCntMainLinkBlockWrapper .stageCntMainLinkBlocks {
float: left;
padding: 0 0 1px 0;
width: 734px;
}
.stageCntMainLinkBlockWrapper .stageCntMainLinkBlock {
width: 227px;
float: left;
margin-left: 10px;
border-left: 1px solid #a5a6a7;
padding-left: 10px;
height: 128px;
}
.stageCntMainLinkBlockWrapper #firstLinkBlock {
margin-left: 0;
border-left: none;
width: 228px;
padding-left: 0;
}
.stageCntMainLinkBlockWrapper .stageCntMainLinkBlock img,
#stageCntMainAddLinkBlock img {
float: left;
margin-right: 10px;
}
#footer span {
padding: 0;
}
.stageCntMainLinkBlockWrapper .sCMLBLast {
margin-right: 0;
}
.stageCntMainLinkBlockWrapper .stageCntMainLinkBlock .imgSection {
position: static;
float: left;
}
.stageCntMainLinkBlockWrapper .stageCntMainLinkBlock .txtSection {
width: 193px;
float: left;
}
.stageCntMainLinkBlockWrapper .stageCntMainLinkBlock .txtSection h3 {
font-size: 15px;
line-height: 20px;
margin-top: -4px;
}
.stageCntMainLinkBlockWrapper .stageCntMainLinkBlock .txtSection h3 a {
color: #e20015;
}
#stageCntMainAddLinkBlock {
float: left;
margin: 0;
width: 228px;
border-left: 1px solid #a5a6a7;
padding-left: 10px;
height: 128px;
}
#stageCntMainAddLinkBlock input {
border-color: #808080;
border-style: solid none solid solid;
border-width: 1px medium 1px 1px;
float: left;
font-size: 12px;
height: 19px;
margin-top: 20px;
padding-left: 5px;
width: 125px;
}
#stageCntMainAddLinkBlock input#searchSbm {
background-color: transparent;
background-repeat: no-repeat;
background-image: url('/media/_tech_others/_tech_nefit__c/layout_nefit__c/css_nefit__c/sprites_images_nefit__c/nefit_main_sprite.png');
background-position: left -6612px;
border: medium none;
height: 23px;
width: 21px;
}
#stageCntMainAddLinkBlock .rc_topleft,
#stageCntMainAddLinkBlock .rc_topright,
#stageCntMainAddLinkBlock .rc_bottomleft,
#stageCntMainAddLinkBlock .rc_bottomright {
display: none;
}
/* Footnote */
.footnote {
font-size: 11px;
line-height: 14px;
clear: both;
margin-bottom: 40px;
margin-left: 10px;
}
/* Dividing Line */
#hp1 .contentArea .cntBox hr {
margin: 19px 0 3px;
}
/* miniklickgalerie */
.miniclickgallery {
margin: 0 0 10px 10px;
}
.marginalArea.grid4 .miniclickgallery {
margin: 0;
}
.marginalCol .miniclickgallery {
margin-left: 0;
}
/* startpage carousel */
#hp1 .jcarousel-skin-ie7 {
margin-top:0;
}
#hp1 .jcarousel-skin-ie7 .jcarousel-container {
margin-bottom: 5px;
}
#hp1 .jcarousel-skin-ie7 .jcarousel-container-horizontal {
padding:13px 40px 13px;
border:0 none;
height:auto;
}
#hp1 .jcarousel-skin-ie7 .jcarousel-next-horizontal,
#hp1 .jcarousel-skin-ie7 .jcarousel-prev-horizontal {
margin:0;
}
#hp1 .jcarousel-skin-ie7 .jcarousel-clip-horizontal {
margin-left:0;
}
#hp1 .jcarousel-skin-ie7 .jcarousel-list-horizontal {
height:180px!important;
}
#hp1 .jcarousel-skin-ie7 .jcarousel-item {
width:214px!important;
height:180px!important;
margin-top:0;
}
#hp1 .jcarousel-skin-ie7 .jcarousel-item a.carouselLnk {
background-color: transparent;
background-repeat: no-repeat;
background-image: url('/media/_tech_others/_tech_nefit__c/layout_nefit__c/css_nefit__c/sprites_images_nefit__c/nefit_main_sprite.png');
background-position: left -1494px;
color: #e20015;
font-size: 13px;
line-height: 18px;
padding: 1px 7px 2px 23px!important;
text-decoration: none;
margin-top: 4px;
}
#hp1 .jcarousel-skin-ie7 .jcarousel-item a.carouselLnk:hover {
color:#e20015!important;
background-color: #e1e1e2;
}
.jcarousel-skin-ie7 .jcarousel-item a.imageLnk,
.jcarousel-skin-ie7 .jcarousel-item a.headerLnk {
overflow: hidden;
color: #000;
background: none;
float: none;
font-weight: normal!important;
margin: 0;
padding: 0;
}
#hp1 .jcarousel-skin-ie7 .jcarousel-item .moreInfo h3,
#hp1 .jcarousel-skin-ie7 .jcarousel-item .moreInfo p {
font-size: 13px !important;
line-height: 18px !important;
}
#hp1 .jcarousel-skin-ie7 {
margin-bottom: 15px !important;
}
/* Google Maps */
.map .markerInfo .mapsContent {
padding-top: 10px;
}
.map .markerInfo .mapsContent img {
margin-bottom: 5px;
}
.map .markerInfo .mapsContent ul.relatedItems li {
padding-top: 0;
}
.col4 #map_canvas {
height: 134px;
}
.col4 .map #map_canvas * {
cursor: url("http://maps.gstatic.com/intl/en_ALL/mapfiles/openhand_8_8.cur"), default;
}
#simple_example_window_contents .close {
background-color: transparent;
background-repeat: no-repeat;
background-image: url('/media/_tech_others/_tech_nefit__c/layout_nefit__c/css_nefit__c/sprites_images_nefit__c/nefit_main_sprite.png');
background-position: left -6635px;
top: 7px;
right: 7px;
width: 17px;
height: 13px;
}
#simple_example_window_contents .close:hover {
background-image: url('/media/_tech_others/_tech_nefit__c/layout_nefit__c/css_nefit__c/sprites_images_nefit__c/nefit_main_sprite.png');
background-position: left -6648px;
}
#simple_example_window_contents div.mapsContent {
background: #FFF none;
border: 1px solid #a5a6a7;
padding: 7px;
}
#simple_example_window_contents .mapsContent ul.relatedItems li {
padding-top: 0;
margin-bottom: 0;
}
/* dividing line */
hr {
margin-bottom: 2px;
}
/* locations (google maps) in greyBox and trainingInfos */
.col4 .map .mapsContent {
margin: 6px 10px 0;
}
/* dealer locator inside content */
.dloc-searchbar-wrapper-content {
margin: 10px 0 10px 0;
}
.dloc-searchbar-wrapper-content .dloc-tooltip {
float: right;
}
.dloc-searchbar-map {
float: left;
width: 60px;
}
.dloc-more-options {
display: none;
background: #f6f6f6;
width: 100%;
clear: both;
float: left;
margin: 5px 0 10px 0;
padding: 10px 0 20px 0;
border-top: 1px dotted #a5a6a7;
border-bottom: 1px dotted #a5a6a7;
}
.dloc-searchbar-wrapper-content .dloc-form-block {
float: none;
padding: 8px 0 0 0;
}
.dloc-searchbar-wrapper-content .dloc-form-label {
display: block;
font-size: 13px;
margin-bottom: 6px;
}
.dloc-searchbar-wrapper-content .dloc-form-block {
margin: 0 0 0 62px;
}
.dloc-form-block.partner {
float: right;
width: 162px;
}
.dloc-searchbar-wrapper-content .dloc-form-block.partner {
margin: 0 0 8px 0;
padding: 0;
float: right;
width: 167px;
}
.dloc-searchbar-wrapper-content .dloc-form-block.type select,
.dloc-searchbar-wrapper-content .dloc-form-block.category select {
min-width: 105px;
}
.dloc-searchbar-wrapper-content .dloc-form-block.type .dloc-tooltip,
.dloc-searchbar-wrapper-content .dloc-form-block.category .dloc-tooltip {
margin-right: 60px;
}
.dloc-searchbar-wrapper-content .dloc-form-block.distance .dloc-tooltip {
margin-right: 125px;
}
a.dloc-more-options-link {
background-color: transparent;
background-repeat: no-repeat;
background-image: url('/media/_tech_others/_tech_nefit__c/layout_nefit__c/css_nefit__c/sprites_images_nefit__c/nefit_main_sprite.png');
background-position: right -6661px;
color: #e20015;
padding: 0 15px 0 0;
margin: 0 0 0 60px;
}
a.dloc-more-options-link.open {
background-color: transparent;
background-repeat: no-repeat;
background-image: url('/media/_tech_others/_tech_nefit__c/layout_nefit__c/css_nefit__c/sprites_images_nefit__c/nefit_main_sprite.png');
background-position: right -6685px;
padding-right: 18px;
}
.dloc-searchbar-wrapper-content .dloc-searchbox {
background-color: transparent;
background-repeat: no-repeat;
background-image: url('/media/_tech_others/_tech_nefit__c/layout_nefit__c/css_nefit__c/sprites_images_nefit__c/nefit_main_sprite.png');
background-position: left -6707px;
border: none;
float: left;
height: 23px;
margin: 0;
padding: 0 5px;
width: 135px;
}
.dloc-searchbar-wrapper-content .btn.btnSubmit {
float: none;
padding: 0;
margin: 0;
background-color: transparent;
background-repeat: no-repeat;
background-image: url('/media/_tech_others/_tech_nefit__c/layout_nefit__c/css_nefit__c/sprites_images_nefit__c/nefit_main_sprite.png');
background-position: left -6612px;
width: 21px;
height: 23px;
}
#wrapperAll #stageCntMainAddLinkBlock .dloc-searchbar h3 {
margin-bottom: 5px;
}
#stageCntMainAddLinkBlock .dloc-searchbox {
background-color: transparent;
background-repeat: no-repeat;
background-image: url('/media/_tech_others/_tech_nefit__c/layout_nefit__c/css_nefit__c/sprites_images_nefit__c/nefit_main_sprite.png');
background-position: left -6707px;
border: none;
float: left;
height: 23px;
line-height: 25px;
margin: 0;
padding: 0 5px;
width: 125px;
}
#stageCntMainAddLinkBlock .dloc-searchbar-map {
width: 64px;
}
#stageCntMainAddLinkBlock .dloc-form-label {
display: block;
padding-bottom: 15px;
}
#stageCntMainAddLinkBlock .btn.btnSubmit {
padding: 0;
margin: 0;
background-color: transparent;
background-repeat: no-repeat;
background-image: url('/media/_tech_others/_tech_nefit__c/layout_nefit__c/css_nefit__c/sprites_images_nefit__c/nefit_main_sprite.png');
background-position: left -6612px;
width: 21px;
height: 23px;
}
.dloc-searchbar-wrapper-content .btn.btnSubmit span,
#stageCntMainAddLinkBlock .btn.btnSubmit span {
display: none;
}
.dloc-searchbar-wrapper-content .btn.btnSubmit:hover,
#stageCntMainAddLinkBlock .btn.btnSubmit:hover {
background-color: transparent;
background-repeat: no-repeat;
background-image: url('/media/_tech_others/_tech_nefit__c/layout_nefit__c/css_nefit__c/sprites_images_nefit__c/nefit_main_sprite.png');
background-position: left -6730px;
}
#hp1 .cntBox .stageCntMainLinkBlockWrapper .stageCntMainLinkBlocks h3,
#wrapperAll #stageCntMainAddLinkBlock h3 {
padding-bottom: 9px;
}
/* DEALER LOCATOR STARTPAGE */
#tt_dealerlocator ul {
position: relative;
left: 0;
list-style-type: none;
list-style-position: outside;
padding: 0;
margin: 5px 0 0 0;
clear: both;
}
#tt_dealerlocator ul li {
line-height: 21px;
}
/* DEALER LOCATOR SUBPAGE */
#subMenu #tt_dealerlocator #stageCntMainAddLinkBlock h3 {
display: none;
}
#subMenu #tt_dealerlocator #stageCntMainAddLinkBlock img {
float: none;
}
#subMenu #tt_dealerlocator #stageCntMainAddLinkBlock {
margin-left: 0;
}
#subMenu #tt_dealerlocator #stageCntMainAddLinkBlock,
#subMenu #tt_dealerlocator #stageCntMainAddLinkBlock div.roundedcontent {
height: auto;
padding-left: 0;
border-left: 0 none;
}
/* Memolist */
#memolist h2 {
line-height: 17px!important;
font-size: 13px!important;
font-weight: normal;
}
/* myExtranet in left-side Submenu */
#subMenu h3#myExtranet {
background: url(/media/_tech_junkers/layout_junkers/images_junkers/icons_junkers/myextranet_inv.png) no-repeat scroll left top transparent;
padding: 3px 0px 8px 50px;
margin-bottom: 10px;
}
#subMenu #sCMTGB-LoggedIn {
padding-top: 10px;
}
#sCMTGB-LoggedIn ul {
list-style: none;
display: block;
margin: -4px 0 0 0;
padding: 0;
}
#sCMTGB-LoggedIn ul li {
list-style: none;
display: block;
margin: 0 0 5px 0;
padding: 0;
}
#sCMTGB-LoggedIn ul li a.standard {
color: #fff;
}
#subMenu #sCMTGB-LoggedIn ul li a.standard {
color: #e20015;
}
.stageCntMain .stageCntMainTeaserGreyBox h3#myExtranet {
background: url(/media/_tech_nefit/layout_nefit/images_nefit/icons_nefit/nefit_myextranet_lkw.png) no-repeat scroll left top transparent;
margin-bottom: 10px;
padding: 3px 0 8px 50px;
font-size: 16px!important;
font-weight: normal;
}
p#salutation {
padding: 8px 0 22px 0;
}
/* /myExtranet in left-side Submenu */
/* Login Area */
li.loginarea {
display: none;
}
.floatingText h2 {
margin-top: 1px;
}
.floatingText .txtSection {
margin-bottom: -7px;
}
.floatingText .txtSection p {
padding-bottom: 18px !important;
}
.jcarousel-skin-ie7 .jcarousel-item img {
margin: 0 auto;
padding: 0;
width: auto;
height: auto;
}
/* ie9 bugfix */
#fancybox-content #_video {
overflow: hidden;
}
.confirmboxinner {
background: #EEEEEE;
}
.tsrBoxL.products,
.tsrBoxR.products {
margin-bottom: 0!important;
}
#wrapperAll .contentArea .expandablePopupWrapper .cntBox {
margin-bottom: 2px !important;
}
.carouselInfo .moreInfo h3 {
font-weight: normal;
}
.contentArea .filterElements .products .txtSection {
margin-bottom: 10px !important;
}
.resultPage .stageCntMain .txtSection .results p {
padding-bottom: 0 !important;
}
#wrapperAll .contentArea .cntStage.resultPage {
margin-top: -5px;
}
.stageCntMain .searchBoxQuick {
z-index: 1000;
}
@media screen and (-webkit-min-device-pixel-ratio:0)
{
div.paginatorDefault {
margin-bottom: 9px!important;
}
}
table thead th,
table tbody td,
table td {
padding: 12px 10px 12px 10px;
}
.stageCntMain #sCMTGB-LoggedIn h2,
.stageCntMain #sCMTGB-Login h2 {
font-size: 28px!important;
}
.overlayLogin-inside .cntBox {margin-bottom: 0;}
#overlayLogin button.c2aButton span,
#overlayForgotPassword button.c2aButton span {
padding: 6px 10px 7px 5px !important;
}
#subMenu > #memolist-link a span {
background-image: url('/media/_tech_others/_tech_nefit__c/layout_nefit__c/css_nefit__c/sprites_images_nefit__c/nefit_main_sprite.png') !important;
background-position: left -6753px !important;
display: block;
padding: 8px 0 8px 26px;
color: #e20015;
}
.socialShareAndMemolist a.btnJunkersKeep span {
color: #000!important;
}
.memolist-delete {
background-image: url('/media/_tech_others/_tech_nefit__c/layout_nefit__c/css_nefit__c/sprites_images_nefit__c/nefit_main_sprite.png') !important;
background-position: left -6784px !important;
top: 0!important;
}
.form div.radio {
padding-top: 5px;
}
/* Dynamic Table */
h2.dynamicTable {
margin: 20px 0 0 0;
padding: 0;
}
.dynamicTable .standardTable {
margin-top: 10px;
}
.dynamicTable .standardTable,
.dynamicTable .standardTable td,
.dynamicTable .standardTable th {
display: none;
}
.dynamicTable .standardTable td.empty,
.dynamicTable .standardTable th.empty,
.dynamicTable .standardTable td.replaced,
.dynamicTable .standardTable th.replaced {
display: table-cell;
width: 26%;
}
.dynamicTable .standardTable th.dtcol1,
.dynamicTable .standardTable td.dtcol1 {
display: table-cell;
width: 22%;
}
.dynamicTable .standardTable th a {
position: relative;
top: 7px;
color: #fff;
}
.dynamicTable .standardTable td {
padding: 9px 5px 10px 10px!important;
vertical-align: top;
}
.dynamicTable .standardTable th {
background-color: transparent;
background-repeat: repeat-x;
background-image: url('/media/_tech_others/_tech_nefit__c/layout_nefit__c/css_nefit__c/sprites_images_nefit__c/nefit_backgrounds_sprite.png');
background-position: left -1127px;
padding: 21px 5px 20px 10px!important;
color: #404245;
text-transform: none;
}
.dynamicTable .standardTable th strong {
color: #fff;
}
.dynamicTable .standardTable .firstTD {
border-left: 0 none!important;
}
#infotext {
display: none;
}
.dynamicTable .standardTable th.empty {
padding: 0!important;
margin: 0!important;
}
.dynamicTable .standardTable th.empty .infobubble {
background-color: transparent;
background-repeat: no-repeat;
background-image: url('/media/_tech_others/_tech_nefit__c/layout_nefit__c/css_nefit__c/sprites_images_nefit__c/nefit_main_sprite.png');
background-position: left -6797px;
display: block;
width: 187px;
height: 71px;
margin: 0 0 2px 2px;
}
.dynamicTable .standardTable th.empty .infobubble span {
display: block;
padding: 23px 12px 3px 12px;
font-size: 13px;
font-style: arial;
font-weight: normal;
}
.dynamicTableFilter div.option {
padding-bottom: 0!important;
}
.dynamicTableFilter span.dark {
border-color: #a5a6a7 !important;
}
.filter.dynamicTable {
padding-bottom: 8px;
}
.filter .insert a.reset {
clear: none;
margin-right: 10px !important;
margin-top: 4px !important;
}
.productDetailPage .socialShareAndMemolist {
position: relative;
}
#subMenu>#memolist-link a:hover {
background-color: #E1E1E2;
}
/* Fixes for Buttons */
button.btn span, a.btn span {
top: 0;
}
button::-moz-focus-inner {
padding: 0;
border: 0
}
.webform button.btn, button.btn {
padding: 0 0 0 17px !important
}
/*****************************
erp
*****************************/
.pictureTable {
position: relative;
}
.pictureTable .ErPFancyBoxLink {
position: absolute;
width: auto;
height: 28px !important;
top: auto;
bottom: 95px;
left: 0;
z-index: 99;
}
div.contentArea .products .ErPsmall {
position: absolute;
bottom: 20px;
left: 0;
}
.thumb {
overflow: hidden;
}
a.ErPDownload {
margin-top: 10px;
display: block;
width: auto;
clear: both;
text-align: left;
float: left;
}
.standardTable .ErPFancyBoxLink {
display: inline-block;
}
.standardTable .ErPDownload {
float: none;
display: inherit !important;
}
.ErPFancyBoxLink img {
display: inline-block;
}
.ErPFootnoteText {
font-size:12px;
}
/* Fix for Shop */
div.contentArea .products > div {
position: relative;
}
div.contentArea .products table .ErPFancyBoxLink,
div.contentArea .products table .ErPsmall {
position: inherit;
}
div.contentArea .filterElements .products .ErPFancyBoxLink {
position: absolute;
bottom: 80px;
left: 0;
}
/* Hilfsklasse zum Ausblenden */
.hideOnLoad {
display: none !important;
}
/* Additional Tab */
#header #headerTabs li.additionalTabColor3, #header #headerTabs li.active.additionalTabColor3 {
background-color: rgb(138, 141, 143);
background-image: none;
}
.mainNavWrapper.additionalTabColor3 {
background-color: rgb(138, 141, 143);
background-image: none !important;
}
.resultPage .txtSection {
padding-right: 0;
}
#subMenu .searchFilter{
width: 228px;
margin-top: 52px;
background-color: #ffffff;
}
#subMenu .searchFilter .searchFilterContent{
background-color: #ffffff;
padding: 15px 10px 10px 10px;
margin-top: 5px;
}
#subMenu .searchFilter .searchFilterFooter{
height: 5px;
}
#subMenu .searchFilter p {
font-size: 15px;
color: #000000;
font-weight: bold;
margin-bottom: 0px;
font-family: verdana;
}
#subMenu .searchFilter h4 {
font-size: 15px;
font-weight: normal;
margin: 20px 0 10px 0;
color: #000000;
}
.eventFilter label {
width: auto;
display: block;
float: none !important;
font-weight: normal;
font-size: 13px;
margin-bottom: 10px;
color: #000000;
}
.eventFilter input {
float: left;
margin: 2px 5px 0 -1px;
}
.searchBoxQuick p{
font-weight: normal;
margin: 0 0 20px 0;
font-size: 13px;
color: #000000;
}
.stageCntMain .searchBoxQuick{
background-color: #ffffff;
border: 1px solid #c3c3c4;
margin-bottom: 20px;
position: relative;
}
.stageCntMain .searchBoxQuick form {
padding: 7px 10px 45px 10px;
}
.stageCntMain .searchBoxQuick button.btnSubmit {
background-color: transparent;
background-repeat: no-repeat;
background-image: url('/media/_tech_others/_tech_nefit__c/layout_nefit__c/css_nefit__c/sprites_images_nefit__c/nefit_main_sprite.png');
background-position: left -6871px;
color: #404245;
font-size: 13px;
padding: 0 0 0 17px !important;
text-decoration: none;
margin: 0 5px 0 0;
height: 27px;
cursor: pointer;
}
.stageCntMain .searchBoxQuick button.btnSubmit:hover {
background-image: url('/media/_tech_others/_tech_nefit__c/layout_nefit__c/css_nefit__c/sprites_images_nefit__c/nefit_main_sprite.png');
background-position: left -6898px;
}
.stageCntMain .searchBoxQuick button.btnSubmit span {
background: none;
color: #ffffff !important;
font-size: 13px;
padding: 5px 10px 5px 0px !important;
text-decoration: none;
font-weight: bold;
display: block;
cursor: pointer;
}
.stageCntMain .searchBoxQuick button.btnSubmit:hover span {
color: #e20015 !important;
}
.stageCntMain .searchBoxQuick input {
height: 21px;
float: left;
width: 285px;
}
.resultPage .stageCntMain {
min-height: 400px;
}
.resultPage .stageCntMain h2 {
font-size: 15px;
font-weight: normal;
float: left;
}
.resultPage div.paginatorDefault a {
color: #000000 !important;
font-size: 13px;
font-weight: normal;
min-width: 9px;
padding: 0 5px !important;
width: auto!important;
}
.paginatorDefault span {
float: left;
}
.resultPage .paginatorDefault a.selected {
background-color: #e1e1e2 !important;
color: #000000 !important;
}
.resultPage .paginatorDefault a:hover {
background-color: #eee !important;
}
.resultPage .paginatorDefault a.inactive {
color: #e1e1e2 !important;
}
.resultPage .paginatorDefault a.inactive {
background-color: transparent !important;
}
.resultPage .results {
clear: both;
background-color: transparent;
background-repeat: no-repeat;
background-image: url('/media/_tech_others/_tech_nefit__c/layout_nefit__c/css_nefit__c/sprites_images_nefit__c/nefit_horizontal_sprite.png');
background-position: -710px top;
padding: 12px 0 12px 10px;
}
.resultPage .stageCntMain .results h3 {
position: relative;
display: block;
margin-bottom: 10px;
}
.resultPage .stageCntMain .results h3 a{
color: #e60003;
font-weight: normal !important;
background-color: transparent;
background-repeat: no-repeat;
background-image: url('/media/_tech_others/_tech_nefit__c/layout_nefit__c/css_nefit__c/sprites_images_nefit__c/nefit_main_sprite.png');
background-position: left -6925px;
padding: 3px 0 5px 23px !important;
font-size: 15px;
width: auto;
}
.resultPage .stageCntMain .results h3 span.division {
position: absolute;
right: 0;
top: 0;
color: #a5a6a7;
font-size: 13px;
font-weight: bold;
}
.resultPage .stageCntMain .results h3 a.download {
background-color: transparent;
background-repeat: no-repeat;
background-image: url('/media/_tech_others/_tech_nefit__c/layout_nefit__c/css_nefit__c/sprites_images_nefit__c/nefit_main_sprite.png');
background-position: left -5195px;
position: static;
clear: none;
height: auto;
}
.resultPage .stageCntMain .results h3 a.standard,
.resultPage .stageCntMain .results h3 a.download{
display: block;
}
.resultPage .stageCntMain .results h3 a:hover {
background-color: #eeeeee !important;
}
.resultPage .txtSection .results p {
clear: none;
}
.resultPage .stageCntMain .results div a{
color: #404245;
font-size: 11px;
text-decoration: none;
}
.resultPage .stageCntMain .results div a img {
display: inline;
margin: 0 2px 0 6px;
}
.resultPage .stageCntMain .results .first {
font-size: 13px;
color: #808285;
padding-bottom: 0;
}
.resultPage .stageCntMain .results p.second {
padding-bottom: 13px!important;
}
.resultPage .stageCntMain .results img.searchPreview {
float: left;
margin-right: 20px;
}
.resultPage .stageCntMain .paginatorDefault select {
margin: 0 15px 0 10px;
font-size: 14px;
}
.resultPage .stageCntMain .paginatorDefault p {
float: left;
font-size: 14px;
padding-top: 2px;
}
.resultPage .stageCntMain .searchResultFooter {
clear: both;
border-top: 1px solid #c3c3c4;
padding-top: 5px;
}
/* SAYT Box */
.SAYT_positioner {
position: absolute;
bottom: 20px;
left: 10px;
}
.sayt,
#SAYT {
display: block;
top: 19px;
left: 0;
position: absolute;
width: 117px;
z-index: 5000;
padding: 0;
color: #000;
background-color: #eeeeee;
border: 1px solid #808285;
}
#SAYT_big {
display: block;
top: 90px;
left: 10px;
width: 289px;
border: none;
background-color: #ffffff;
padding: 0;
border: 1px solid #808285;
position: absolute;
}
* + html #SAYT_big {
_background: none;
background-color: #FFF;
border: 1px solid #808285;
width: 289px;
}
* + html .sayt {
_background: none;
background-color: #f2b9b6;
}
.sayt ul,
#SAYT ul {
list-style: none;
padding-left: 0;
margin: 0;
}
.sayt ul li,
#SAYT ul li {
margin: 0;
padding: 0;
line-height: 12px;
}
.sayt ul li a,
#SAYT ul li a {
display: block;
float: none;
padding-left: 10px;
color: black;
font-size: 11px;
line-height: 22px;
font-weight: normal !important;
background-image: none !important;
}
#SAYT_big ul li a {
font-size: 13px;
line-height: 22px;
}
.sayt h3 {
margin-top: 15px;
padding-bottom: 10px;
margin-left: 10px;
}
.sayt div,
#SAYT div {
border-top: 1px solid #c3c3c4;
margin-left: 10px;
margin-right: 13px;
height: 70px;
padding-top: 10px;
padding-bottom: 10px;
}
.sayt img,
#SAYT img {
position: absolute;
margin-left: 10px;
}
.sayt div a,
#SAYT div a {
margin-left: 90px;
float: none;
margin-bottom: 10px;
}
.sayt p,
#SAYT p {
margin-left: 100px;
line-height: 16px;
}
ul#SAYTList a:hover {
background-color: #FFFFFF;
}
.big ul.SAYTList {
width: 289px;
}
.big ul.SAYTList a:hover {
background-color: #E1E1E2;
color: #000000;
}
/*****************************
Member of RB-Master
Name: uicore
UID: ui_core_css
Author: jQuery UI CSS Framework
Last change date: 08.09.2017 15:28
Copyright (c) 2009 AUTHORS.txt (http://jqueryui.com/about)
Release version: This Website was generated with WCMS Master Version 2.2.3
Framework version: 1.8.0
Summary: The core of jQuery UI, required for all interactions and widgets.
Necessary libaries: -
*************************/
/*
* jQuery UI CSS Framework
* Copyright (c) 2009 AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses.
*/
/* Layout helpers
----------------------------------*/
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute; left: -99999999px; }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.ui-helper-clearfix { display: inline-block; }
/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix { height:1%; }
.ui-helper-clearfix { display:block; }
/* end clearfix */
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }
/* Interaction Cues
----------------------------------*/
.ui-state-disabled { cursor: default !important; }
/* Icons
----------------------------------*/
/* states and images */
.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }
/* Misc visuals
----------------------------------*/
/* Overlays */
.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
/* Datepicker
----------------------------------*/
.ui-datepicker { width: 190px; margin: 0 30px; padding: 20px 0 10px; height: 188px; }
.ui-datepicker .ui-datepicker-header { padding:1px 0 0 0; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 30px; height: 218px; }
.ui-datepicker .ui-datepicker-prev { top: 0; left: -30px; }
.ui-datepicker .ui-datepicker-next { top: 0; right: -30px; }
.ui-datepicker .ui-datepicker-prev span {
display: block; position: absolute; left: 0; top: 0; width:30px; height:218px; cursor:pointer;
background-color: transparent;
background-repeat: no-repeat;
background-image: url('/media/_tech_others/_tech_nefit__c/layout_nefit__c/css_nefit__c/sprites_images_nefit__c/nefit_main_sprite.png');
background-position: left -6988px;
}
.ui-datepicker .ui-datepicker-next span {
display: block; position: absolute; left: 0; top: 0; width:30px; height:218px; cursor:pointer;
background-color: transparent;
background-repeat: no-repeat;
background-image: url('/media/_tech_others/_tech_nefit__c/layout_nefit__c/css_nefit__c/sprites_images_nefit__c/nefit_main_sprite.png');
background-position: left -7206px;
}
.ui-datepicker .ui-datepicker-prev.ui-state-disabled span {
background-image: url('/media/_tech_others/_tech_nefit__c/layout_nefit__c/css_nefit__c/sprites_images_nefit__c/nefit_main_sprite.png');
background-position: left -7424px;
cursor:default;
}
.ui-datepicker .ui-datepicker-next.ui-state-disabled span {
background-image: url('/media/_tech_others/_tech_nefit__c/layout_nefit__c/css_nefit__c/sprites_images_nefit__c/nefit_main_sprite.png');
background-position: left -7642px;
cursor:default;
}
.ui-datepicker .ui-datepicker-prev-hover span {
background-color: transparent;
background-repeat: no-repeat;
background-image: url('/media/_tech_others/_tech_nefit__c/layout_nefit__c/css_nefit__c/sprites_images_nefit__c/nefit_main_sprite.png');
background-position: left -6988px;
}
.ui-datepicker .ui-datepicker-next-hover span {
background-color: transparent;
background-repeat: no-repeat;
background-image: url('/media/_tech_others/_tech_nefit__c/layout_nefit__c/css_nefit__c/sprites_images_nefit__c/nefit_main_sprite.png');
background-position: left -7206px;
}
.ui-datepicker .ui-datepicker-prev-year { top: 5px; left:5px; position:absolute; width:10px; height:7px;}
.ui-datepicker .ui-datepicker-next-year { top: 5px; right:15px; position:absolute; width:10px; height:7px;}
.ui-datepicker .ui-datepicker-prev-year span { display: block; position: absolute; left: 50%; top: 50%; background: none no-repeat 0 0 transparent; width:10px; height:7px; cursor:pointer }
.ui-datepicker .ui-datepicker-next-year span { display: block; position: absolute; left: 50%; top: 50%; background: none no-repeat 0 0 transparent; width:10px; height:7px; cursor:pointer }
.ui-datepicker .ui-datepicker-prev-year:hover span { display: block; position: absolute; left: 50%; top: 50%; background: none no-repeat 0 -8px transparent; width:10px; height:7px; cursor:pointer }
.ui-datepicker .ui-datepicker-next-year:hover span { display: block; position: absolute; left: 50%; top: 50%; background: none no-repeat 0 -8px transparent; width:10px; height:7px; cursor:pointer }
.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; font-size: 11px;}
.ui-datepicker .ui-datepicker-title select { float:left; font-size:1em; margin:1px 0; }
.ui-datepicker select.ui-datepicker-month-year {width: 100%;}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year { width: 49%;}
.ui-datepicker .ui-datepicker-title select.ui-datepicker-year { float: right; }
.ui-datepicker table {width: 100%; font-size: 11px; border-collapse: collapse; margin:0 0 .4em; }
.ui-datepicker table a { font-size: 1em !important; }
.ui-datepicker th { padding: 0 0 0 4px; text-align: left; font-weight: normal; border: 0; background-color:transparent; }
.ui-datepicker td { border: 0; padding: 1px 0; background-color:transparent!important; }
.ui-datepicker td span, .ui-datepicker td a { display: block; padding: 0 0 3px; text-align: center; text-decoration: none; width:22px; }
.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }
.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; }
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; }
/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi { width: 394px !important; } /*auto*/
.ui-datepicker-multi .ui-datepicker-group { float:left; }
.ui-datepicker-multi .ui-datepicker-group table { width:181px; margin:0 auto .4em; }
.ui-datepicker-multi-2 .ui-datepicker-group { width:195px; }
.ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; }
.ui-datepicker-multi-4 .ui-datepicker-group { width:25%; }
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; }
.ui-datepicker-row-break { clear:both; width:100%; }
.ui-datepicker-multi .ui-datepicker-group { border-right: 1px solid #a5a6a7; border-left: 1px solid #fff; }
.ui-datepicker-multi .ui-datepicker-group-first { border-left: none; padding-left: 1px; }
.ui-datepicker-multi .ui-datepicker-group-last { border-right: none; }
/* RTL support */
.ui-datepicker-rtl { direction: rtl; }
.ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; }
.ui-datepicker-rtl .ui-datepicker-group { float:right; }
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; }
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; }
/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
.ui-datepicker-cover {
display: none; /*sorry for IE5*/
display/**/: block; /*sorry for IE5*/
position: absolute; /*must have*/
z-index: -1; /*must have*/
filter: mask(); /*must have*/
top: -4px; /*must have*/
left: -4px; /*must have*/
width: 200px; /*must have*/
height: 200px; /*must have*/
}
.dp-choose-date {
float: left;
width: 22px;
height: 22px;
padding: 0;
margin: 0px 5px 0;
display: block;
text-indent: -2000px;
overflow: hidden;
background-color: transparent;
background-repeat: no-repeat;
background-image: url('/media/_tech_others/_tech_nefit__c/layout_nefit__c/css_nefit__c/sprites_images_nefit__c/nefit_main_sprite.png');
background-position: left -7860px;
border:none;
}
input.dp-applied {
float: left;
width: 70px;
}
.ui-state-default { border: none!important;}
*:first-child+html .ui-widget-content { padding-left: 10px!important;}
/* Component containers
----------------------------------*/
.ui-widget { font-size: 1.1em; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-size: 1em; }
.ui-widget-content { background-color: #e1e1e2; color: #000; display: none; }
.ui-widget-content a { color: #404245; }
.ui-widget-header { font-weight: bold; }
.ui-widget-header a { color: #222222; }
/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default {url(/media/_tech_junkers/layout_junkers/images_junkers/icons_junkers/datepicker_2/ui_bg_glass_75_e6e6e6_1x400__tt.png) 50% 50% repeat-x; font-weight: normal; color: #fff; outline: none; }
.ui-state-hover a, .ui-state-hover a:hover { color: #212121; text-decoration: none; outline: none; }
.ui-state-active, .ui-widget-content .ui-state-active {
background-color: transparent;
background-repeat: no-repeat;
background-image: url('/media/_tech_others/_tech_nefit__c/layout_nefit__c/css_nefit__c/sprites_images_nefit__c/nefit_main_sprite.png');
background-position: left -7882px;
font-weight: bold; color: #000; outline: none;
}
.ui-datepicker-weekend .ui-state-active, .ui-widget-content .ui-datepicker-weekend .ui-state-active {
background-color: transparent;
background-repeat: no-repeat;
background-image: url('/media/_tech_others/_tech_nefit__c/layout_nefit__c/css_nefit__c/sprites_images_nefit__c/nefit_main_sprite.png');
background-position: left -7905px;
font-weight: bold; color: #000; outline: none;
}
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #212121; outline: none; text-decoration: none; }
/* Interaction Cues
----------------------------------*/
.ui-state-highlight, .ui-widget-content .ui-state-highlight {border: 1px solid #fcefa1; color: #fff; font-weight: bold; }
.ui-state-highlight a, .ui-widget-content .ui-state-highlight a { color: #363636; }
.ui-state-error, .ui-widget-content .ui-state-error {border: 1px solid #cd0a0a; background: #fef1ec url(/media/_tech_junkers/layout_junkers/images_junkers/icons_junkers/datepicker_2/ui_bg_glass_95_fef1ec_1x400__tt.png) 50% 50% repeat-x; color: #cd0a0a; }
.ui-state-error a, .ui-widget-content .ui-state-error a { color: #cd0a0a; }
.ui-state-error-text, .ui-widget-content .ui-state-error-text { color: #cd0a0a; }
.ui-state-disabled, .ui-widget-content .ui-state-disabled { background-image: none; }
.ui-priority-primary, .ui-widget-content .ui-priority-primary { font-weight: bold; }
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; }
/* Icons
----------------------------------*/
/* states and images */
.ui-icon { width: 16px; height: 16px; background-image: url(/media/_tech_junkers/layout_junkers/images_junkers/icons_junkers/datepicker_2/ui_icons_222222_256x240__tt.png); }
.ui-widget-content .ui-icon {background-image: url(/media/_tech_junkers/layout_junkers/images_junkers/icons_junkers/datepicker_2/ui_icons_222222_256x240__tt.png); }
.ui-widget-header .ui-icon {background-image: url(/media/_tech_junkers/layout_junkers/images_junkers/icons_junkers/datepicker_2/ui_icons_222222_256x240__tt.png); }
.ui-state-default .ui-icon { background-image: url(/media/_tech_junkers/layout_junkers/images_junkers/icons_junkers/datepicker_2/ui_icons_888888_256x240__tt.png); }
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(/media/_tech_junkers/layout_junkers/images_junkers/icons_junkers/datepicker_2/ui_icons_454545_256x240__tt.png); }
.ui-state-active .ui-icon {background-image: url(/media/_tech_junkers/layout_junkers/images_junkers/icons_junkers/datepicker_2/ui_icons_454545_256x240__tt.png); }
.ui-state-highlight .ui-icon {background-image: url(/media/_tech_junkers/layout_junkers/images_junkers/icons_junkers/datepicker_2/ui_icons_2e83ff_256x240__tt.png); }
.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(/media/_tech_junkers/layout_junkers/images_junkers/icons_junkers/datepicker_2/ui_icons_cd0a0a_256x240__tt.png); }
/* positioning */
.ui-icon-carat-1-n { background-position: 0 0; }
.ui-icon-carat-1-ne { background-position: -16px 0; }
.ui-icon-carat-1-e { background-position: -32px 0; }
.ui-icon-carat-1-se { background-position: -48px 0; }
.ui-icon-carat-1-s { background-position: -64px 0; }
.ui-icon-carat-1-sw { background-position: -80px 0; }
.ui-icon-carat-1-w { background-position: -96px 0; }
.ui-icon-carat-1-nw { background-position: -112px 0; }
.ui-icon-carat-2-n-s { background-position: -128px 0; }
.ui-icon-carat-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -64px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -64px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 0 -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calculator { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0 -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-script { background-position: -240px -128px; }
.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-off { background-position: -96px -144px; }
.ui-icon-radio-on { background-position: -112px -144px; }
.ui-icon-pin-w { background-position: -128px -144px; }
.ui-icon-pin-s { background-position: -144px -144px; }
.ui-icon-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }
/* Misc visuals
----------------------------------*/
/* Corner radius */
.ui-corner-tl { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; }
.ui-corner-tr { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; }
.ui-corner-bl { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; }
.ui-corner-br { -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; }
.ui-corner-top { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; }
.ui-corner-bottom { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; }
.ui-corner-right { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; }
.ui-corner-left { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; }
/* Overlays */
.ui-widget-overlay { background: #aaaaaa url(/media/_tech_junkers/layout_junkers/images_junkers/icons_junkers/datepicker_2/ui_bg_flat_0_aaaaaa_40x100__tt.png) 50% 50% repeat-x; opacity: .3;filter:Alpha(Opacity=30); }
.ui-widget-shadow { margin: -8px 0 0 -8px; padding: 8px; background: #aaaaaa url(/media/_tech_junkers/layout_junkers/images_junkers/icons_junkers/datepicker_2/ui_bg_flat_0_aaaaaa_40x100__tt.png) 50% 50% repeat-x; opacity: .3;filter:Alpha(Opacity=30); -moz-border-radius: 8px; -webkit-border-radius: 8px; }
.ui-state-default {
background-color: transparent;
background-repeat: no-repeat;
background-image: url('/media/_tech_others/_tech_nefit__c/layout_nefit__c/css_nefit__c/sprites_images_nefit__c/nefit_main_sprite.png');
background-position: left -7882px;
}
.ui-state-disabled .ui-state-default {
background-color: transparent;
background-repeat: no-repeat;
background-image: url('/media/_tech_others/_tech_nefit__c/layout_nefit__c/css_nefit__c/sprites_images_nefit__c/nefit_main_sprite.png');
background-position: left -7928px;
color: #a5a6a7;
}
.ui-datepicker-week-end .ui-state-default {
background-color: transparent;
background-repeat: no-repeat;
background-image: url('/media/_tech_others/_tech_nefit__c/layout_nefit__c/css_nefit__c/sprites_images_nefit__c/nefit_main_sprite.png');
background-position: left -7905px;
}
.ui-datepicker-week-end.ui-state-disabled .ui-state-default {
background-color: transparent;
background-repeat: no-repeat;
background-image: url('/media/_tech_others/_tech_nefit__c/layout_nefit__c/css_nefit__c/sprites_images_nefit__c/nefit_main_sprite.png');
background-position: left -7951px;
}
/* Messages */
.portlet-msg-info {
margin-bottom: 10px;
}
.portlet-msg-error {
color: #FF0000;
margin-bottom: 10px;
}
.popup-alert-warning, .popup-alert-notice {
display: none;
}
/* LOGIN */
#overlayLogin input, #overlayLoginNon input {
float: left;
width: 250px;
}
/* login header navigation */
#overlayForgotPassword {
width: 486px;
overflow: hidden;
}
.overlayForgotPassword-inside {
float: left;
width: 466px;
overflow: hidden;
}
#overlayForgotPassword label {
clear: both;
color: #404245;
float: left;
font-weight: bold;
width: 120px;
}
#overlayForgotPassword #overlayLoginButton {
margin-left: 120px;
margin-top: 10px;/*added by reh8fe*/
}
#overlayForgotPassword fieldset {
margin: 10px 0 0;
padding: 0;
border: 0;
}
#overlayForgotPassword input {
float: left;
width: 250px;
}
#overlayForgotPassword .cntBox {
margin-bottom: 0;
}
#overlayUpdatePassword {
width: 466px;
}
.overlayUpdatePassword-inside {
float: left;
width: 446px;
}
#overlayUpdatePassword label {
clear: both;
color: #404245;
float: left;
font-weight: bold;
width: 120px;
}
/* design forgot password */
#reloadCaptchaButton {
margin-left: 120px;
margin-top: 0;
}
#overlayUpdatePassword #overlayLoginButton {
margin-left: 120px;
}
#overlayUpdatePassword fieldset {
margin: 10px 0 0;
padding: 0;
border: 0;
}
#overlayUpdatePassword input {
float: left;
width: 250px;
}
#overlayReminderQuery {
width: 606px;
}
.overlayReminderQuery-inside {
width: 586px;
}
#overlayEmail {
width: 606px;
}
.overlayEmail-inside {
width: 586px;
}
#overlayEmail fieldset {
margin: 10px 0 0;
padding: 0;
border: 0;
}
#overlayEmail label {
float: left;
font-weight: bold;
color: #404245;
clear: both;
width: 120px;
}
#overlayEmail input {
float: left;
width: 250px;
}
#overlayTermsOfUse {
width: 766px;
}
#overlayTermsOfUse input {
width: 0;
}
.overlayTermsOfUse-inside {
width: 746px;
}
#overlayTermsOfUse-inside .btn .btnSubmit {
margin-left: 0;
}
#overlayTermsOfUse-inside #overlayLoginButton {
margin-left: 0;
}
.overlayLogin-inside {
width: 446px;
}
#overlayLogin, #overlayLoginNon {
width: 466px;
}
#overlayLoginNon {
margin-top: 10px;
}
#overlayLogin fieldset, #overlayLoginNon fieldset {
margin: 10px 0 0;
padding: 0;
border: 0;
}
#overlayLogin label, #overlayLoginNon label {
float: left;
font-weight: bold;
color: #404245;
clear: both;
width: 120px;
}
#overlayLoginNon input[type="checkbox"]{
width: 15px;
}
#overlayLoginButton {
margin-left: 120px;
margin-top: 15px;
margin-bottom: 10px;
}
#overlayLogin .relatedItems {
margin-left: 120px;
/* design conflict
font-size: 11px;
line-height: 13px;
*/
}
/* Liferay Messages */
.overlay-login-portlet .portlet-msg-error {
display: none;
}
.overlay-login-portlet .portlet-msg-success {
display: none;
}
.overlay-login-portlet .portlet-msg-info {
display: none;
}
.portlet-boundary_boschloginoverlayportlet_ > a {
padding: 0 !important;
}
.portlet-boundary_boschloginoverlayportlet_ .portlet-msg-error {
display: none;
}
.portlet-boundary_boschloginoverlayportlet_ .portlet-msg-success {
display: none;
}
.portlet-boundary_boschloginoverlayportlet_ .portlet-msg-info {
display: none;
}
.portlet-boundary_boschloginoverlayportlet_ .portlet-borderless-container {
min-height:0;
}
.fancybox-content .portlet-msg-error {
display: block;
}
.fancybox-content .portlet-msg-info {
display: block;
}
.fancybox-content .portlet-msg-success {
display: block;
}
#mainLogin .portlet-msg-error {
display: block;
}
#mainLogin .portlet-msg-info {
display: block;
}
#mainLogin .portlet-msg-success {
display: block;
}
/* login sub menu */
#mainLogin fieldset {
margin: 10px 0 0;
padding: 0;
border: 0;
}
#mainLogin label {
font-weight: bold;
}
/* SelfRegistration - shk8le */
/* login header navigation */
#overlaySelfRegistration {
width: 586px;
}
.overlaySelfRegistration-inside {
float: left;
width: 566px;
}
#overlaySelfRegistration label {
clear: both;
color: #404245;
float: left;
font-weight: bold;
width: 130px;
}
.overlaySelfRegistrationSpan {
clear: both;
color: #404245;
float: left;
font-weight: bold;
width: 550px;
}
#overlaySelfRegistrationButton {
margin-left: 130px;
}
#overlaySelfRegistration fieldset {
margin: 10px 0 0;
padding: 0;
border: 0;
}
#overlaySelfRegistration input {
float: left;
width: 250px;
}
#overlaySelfRegistration input[type=checkbox] {
float: left;
width: 10px;
}
#overlaySelfRegistration select {
float: left;
width: 135px;
}
/**
* ===========
* css for bosch aa customer login with
* steps to accept terms of use etc.
*
* @version $Revision$
* @author schopper@opus5.de
*/
.overlayTermsOfUse-inside {/*added by reh8fe*/
overflow: hidden;
}
.overlayReminderQuery-inside #overlayLoginButton {/*added by reh8fe*/
margin-left: 0px;
}
#loginSteps {
overflow: visible;
}
.stepNavigationWrapper {
list-style-type: none;
padding:0;
margin: 0;
height: 14px;
}
.stepNavigationWrapper li {
padding:0;
margin: 0;
}
.stepNavigationWrapper li.step4 {
/* overriding list defaults */
list-style-position: inside;
list-style-type: none;
background-image: url("/overlaylogin-portlet/img/loginsteps_linie_blau01.png");
background-position: left center;
background-repeat: no-repeat;
float: left;
margin-right: 4px;
padding-right: 1px;
width: 112px;
}
.stepNavigationWrapper li.step3 {
/* overriding list defaults */
list-style-position: inside;
list-style-type: none;
background-image: url("/overlaylogin-portlet/img/loginsteps_linie_blau01.png");
background-position: left center;
background-repeat: no-repeat;
float: left;
margin-right: 4px;
padding-right: 1px;
width: 141px;
}
.stepLineDot {
height: 14px;
width: 14px;
align: right;
margin-right: -6px;
margin-top: 2px;
}
.stepNavigationWrapper li.lastStep {
background: white;
margin-right: 0;
padding-right:0;
}
.stepNavigationWrapper li#activeStep .stepNavigationSingleElement {
background-color: #f1f1f1;
color: black;
}
.stepHeader {
font-size: 1em;
margin-bottom: 15px;
color: black;
}
.stepsSubHeader {
font-size: 0.95em !important;
font-weight: normal;
margin: 15px 0 3px 0 !important;
}
.termsOfUse {
height: 115px;
border: 1px solid #c3c3c4;
overflow-y: scroll !important;
overflow-x: hidden;
padding: 10px;
color: #999;
font-size: 0.9em;
}
.stepsCheckboxlabelGroup {
margin: 2px 0 10px 0;
}
.stepsCheckboxlabelGroup label {
font-size: 0.9em;
}
.stepsSubmitWrapper {
margin: 0 0 15px 0;
}
.pwPolicies, .pwPolicies li {
list-style-type: none;
}
.pwPolicies li img {
margin-right: 2px;
position: relative;
top: 2px;
}
.pwdNote {
font-size: 0.9em;
line-height: 1.1em;
}
.my-account-portlet-my-data-container .termsOfUse {
margin: 0;
padding: 0;
float: left;
font-weight: normal;
width: 100%;
}
.my-account-portlet-my-data-container .termsOfUse .termsOfUseWrapper {
padding: 0;
}
.myAccountPhoneExt {
clear: both;
font-weight: normal;
width: 20px;
}
div.newsletterTitle {
font-weight: bold;
}
div#newsletter-div {font-weight: normal;}
/*
.floatLe {
width: 436px;
}
*/
floatRe ul {
list-style: none;
padding-left: 0px;
}
.portlet-content, .portlet-minimized .portlet-content-container {
padding-left: 0px !important;
padding-right: 0px !important
}
/* misc */
.tooltipLnk {
font-weight: bold;
color: #215F8B;
}
.spacer {
height: 10px;
}
div.marginalArea h3 {
margin-top: 0 !important;
padding-top: 0 !important;
}
dfn {
font-style: normal;
}
/* general forms */
/* my account and maintenance */
div.cntFormDefault {
position: static;
font-size: 1em !important;
border: 0 none !important;
background-color: transparent;
}
div.cntFormDefault h3 {
margin-top: 1px !important;
padding-top: 0 !important;
font-family: Verdana,Helvetica,sans-serif;
font-size: 15px !important;
line-height: 20px;
}
div.cntFormDefault form.cntForm {
background-color: #EEE;
padding: 10px 10px 1px;
}
div.marginalArea div.cntFormDefault {
border: 0 none !important;
}
form.cntForm fieldset,
form.mglForm fieldset {
margin: 0 0 20px;
padding: 0 0 0 22px;
border: 0 none;
}
form.cntForm legend,
form.mglForm legend {
display: none;
}
form.cntForm p,
form.mglForm p {
margin: 0 0 4px;
padding: 0;
}
form.cntForm label,
form.cntForm span.label {
display: block;
width: 134px;
margin: 0;
padding: 0 0 7px;
}
form.cntForm span.label {
margin-right: 10px;
}
form.cntForm input.txtField,
form.cntForm span.txtField input,
form.cntForm input.text {
width: 428px;
padding: 2px;
}
form.cntForm .pwInputBox input.text {
width: 242px;
}
form.cntForm textarea.txtArea,
form.cntForm span.txtArea textarea{
width: 428px;
}
form.cntForm select {
width: 434px;
}
div.cntFormDefault span.txtRegular,
div.cntFormDefault li.txtRegular {
font-weight: normal !important;
}
form.cntForm fieldset a.indent,
form.cntForm fieldset button.indent {
margin-left: 0;
}
form.cntForm a.indent, form.cntForm button.indent {
margin-left: 22px;
}
form.cntForm button {
margin-top: 6px;
}
#memolist {
position: relative;
width: 754px;
overflow: hidden;
}
.memolist-product {
position: relative;
width: 166px;
height: 180px;
float: left;
left: -1px;
padding: 0 10px 0 9px;
margin-bottom: 10px;
border-left: 1px solid #A5A6A7;
}
.memolist-product .imgSection {
height: 101px;
text-align: center;
}
.memolist-product .imgSection img {
height: 90px;
margin: 0 auto;
width: 90px;
}
.memolist-product .txtSection h2 {
padding-bottom: 7px;
}
.memolist-product .txtSection h2 a {
font-size: 13px !important;
}
.memolist-delete {
position: absolute;
width: 17px;
height: 13px;
right: 10px;
top: 2px;
background: transparent url(/media/_tech_junkers/layout_junkers/images_junkers/icons_junkers/ico_delete.png) no-repeat left top;
}
.memolist-delete * {
display: none;
}
#subMenu>#memolist-link {
clear: both;
margin: 20px 0 20px 0;
background: transparent url(/media/_tech_junkers/layout_junkers/images_junkers/backgrounds_junkers/mainmenu_junkers/mainmenu_dropdown_dottedline.gif) scroll repeat-x left top;
}
#subMenu>#memolist-link a {
display: block;
color: #004CC2;
background: transparent url(/media/_tech_junkers/layout_junkers/images_junkers/backgrounds_junkers/mainmenu_junkers/mainmenu_dropdown_dottedline.gif) scroll repeat-x left bottom;
}
#subMenu>#memolist-link a span {
display: block;
padding: 8px 0 8px 26px;
background: transparent url(/media/_tech_junkers/layout_junkers/images_junkers/icons_junkers/ico_memolist.png) no-repeat left center;
}
.confirmbox {
position: absolute;
}
.confirmboxinner {
position: relative;
padding: 10px 20px 10px 20px;
background: #FFFFFF;
}
/*
* file: socialshareprivacy.css
* version: 1.0
*/
.social_share_privacy_area {
clear: both;
margin: 20px 0 !important;
list-style-type: none;
padding: 0 !important;
width: auto;
height: 25px;
display: block;
}
.social_share_privacy_area li {
margin: 0 !important;
padding: 0 !important;
height: 21px;
float: left;
}
.social_share_privacy_area li .dummy_btn {
float: left;
margin: 0 0 0 10px;
cursor: pointer;
padding: 0;
height: inherit;
}
.social_share_privacy_area li div iframe {
overflow: hidden;
height: inherit;
width: inherit;
}
/* Facebook begin */
.social_share_privacy_area .facebook {
width: 180px;
display: inline-block;
}
.social_share_privacy_area .facebook .fb_like iframe {
width: 145px;
}
/* Facebook end */
/* Twitter begin */
.social_share_privacy_area .twitter {
width: 148px;
}
.social_share_privacy_area li div.tweet {
width: 115px;
}
/* Twitter end */
/* Google+ begin */
.social_share_privacy_area .gplus {
width: 123px;
}
.social_share_privacy_area li div.gplusone {
width: 90px;
}
/* Google+ end */
/* Switch begin */
.social_share_privacy_area li .switch {
display: inline-block;
text-indent: -9999em;
background: transparent url(/media/_tech_junkers/layout_junkers/images_junkers/socialshareprivacy/socialshareprivacy_on_off.png) no-repeat 0 0 scroll;
width: 23px;
height: 12px;
overflow: hidden;
float: left;
margin: 4px 0 0;
padding: 0;
cursor: pointer;
}
.social_share_privacy_area li .switch.on {
background-position: 0 -12px;
}
/* Switch end */
/* Tooltips begin */
.social_share_privacy_area li.help_info {
position: relative;
}
.social_share_privacy_area li.help_info .info,
.social_share_privacy_area li .help_info.icon .info {
display: none;
position: absolute;
bottom: 40px;
left: 0;
width: 290px;
padding: 10px 15px;
margin: 0;
font-size: 12px;
line-height: 16px;
font-weight: bold;
border: 1px solid #ccc;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
-moz-box-shadow: 0 3px 4px #999;
-webkit-box-shadow: 0 3px 4px #999;
box-shadow: 0 3px 4px #999;
background-color: #fdfbec;
color: #000;
z-index: 500;
}
.social_share_privacy_area li.gplus.help_info .info {
left: -60px;
}
.social_share_privacy_area li .help_info.icon .info {
left: -243px;
width: 350px;
}
.social_share_privacy_area li.help_info.display .info,
.social_share_privacy_area li .help_info.display .info {
display: block;
}
.social_share_privacy_area li.help_info.info_off.display .info {
display: none;
}
.social_share_privacy_area li .help_info.icon {
background: #fff url(/media/_tech_junkers/layout_junkers/images_junkers/socialshareprivacy/socialshareprivacy_info.png) no-repeat center center scroll;
width: 25px;
height: 20px;
position: relative;
display: inline-block;
vertical-align: top;
border: 2px solid #e7e3e3;
border-right-width: 0;
-moz-border-radius: 5px 0 0 5px;
-webkit-border-radius: 5px 0 0 5px;
border-radius: 5px 0 0 5px;
margin: 0;
padding: 0;
}
.social_share_privacy_area li.settings_info .settings_info_menu.on .help_info.icon {
border-top-width: 0;
border-left-width: 0;
}
.social_share_privacy_area li.settings_info .settings_info_menu.perma_option_off .help_info.icon {
border-right-width: 2px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
/* Tooltips end */
/* Settings/Info begin */
.social_share_privacy_area li.settings_info {
position: relative;
top: -2px;
}
.social_share_privacy_area li.settings_info a {
text-decoration: none;
margin: 0 !important;
}
.social_share_privacy_area li.settings_info .settings_info_menu {
background-color: #f3f4f5;
border: 2px solid #e7e3e3;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
-moz-box-shadow: 2px 2px 3px #c1c1c1;
-webkit-box-shadow: 2px 2px 3px #c1c1c1;
box-shadow: 3px 3px 3px #c1c1c1;
left: 0;
position: absolute;
top: 0;
width: 135px;
z-index: 1000;
margin: 0;
padding: 0;
}
.social_share_privacy_area li.settings_info .settings_info_menu.off {
border-width: 0;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
background-color: transparent;
}
.social_share_privacy_area li.settings_info .settings_info_menu.off form {
display: none;
margin: 0;
padding: 0;
}
.social_share_privacy_area li.settings_info .settings_info_menu .settings {
text-indent: -9999em;
display: inline-block;
background: #fff url(/media/_tech_junkers/layout_junkers/images_junkers/socialshareprivacy/settings.png) no-repeat center center scroll;
width: 25px;
height: 20px;
border: 2px solid #e7e3e3;
-moz-border-radius: 0 5px 5px 0;
-webkit-border-radius: 0 5px 5px 0;
border-radius: 0 5px 5px 0;
border-left: 1px solid #ddd;
margin: 0;
padding: 0;
}
.social_share_privacy_area li.settings_info .settings_info_menu.on .settings {
border-top-width: 0;
}
.social_share_privacy_area li.settings_info .settings_info_menu form fieldset {
border-width: 0;
margin: 0;
padding: 0 10px 10px;
}
.social_share_privacy_area li.settings_info .settings_info_menu form fieldset legend {
font-size: 11px;
font-weight: bold;
line-height: 14px;
margin: 0;
padding: 10px 0;
width: 115px;
}
.social_share_privacy_area li.settings_info .settings_info_menu form fieldset input {
clear: both;
float: left;
margin: 4px 10px 4px 0;
padding: 0;
}
.social_share_privacy_area li.settings_info .settings_info_menu form fieldset label {
display: inline-block;
float: left;
font-size: 12px;
font-weight: bold;
line-height: 24px;
-moz-transition: color .5s ease-in;
-webkit-transition: color .5s ease-in;
transition: color .5s ease-in;
margin: 0;
padding: 0;
}
.social_share_privacy_area li.settings_info .settings_info_menu form fieldset label.checked {
color: #090;
}
.txtSection ul {
height: auto;
margin: 0 !important;
}
/*.col8 .txtSection ul, .col12 .txtSection ul, .col16 .txtSection ul {
overflow: hidden;
}*/
.txtSection .social_share_privacy_area li {
margin-bottom: 5px !important;
}
.col3 .txtSection .social_share_privacy_area li, .col4 .txtSection .social_share_privacy_area li, .col6 .txtSection .social_share_privacy_area li {
float: none;
}
.col8 .txtSection .social_share_privacy_area li {
width: 50%;
}
.col12 .txtSection .social_share_privacy_area li {
width: 25%;
}
.col16 .txtSection .social_share_privacy_area li {
width: 20%;
}
/* Settings/Info end */
/* fix for cssieshop */
#cookieInformation {
position: fixed;
}
#share-box,
#share-box-inner,
#share-content,
#share-content-inner
{
background:none;
}
#share-box{
display:none;
position:absolute;
top:0;
left:0;
z-index:10000000;
border:1px solid transparent;
width: 100%;
}
#share-box #share-content{
position:relative;
width:500px;
margin:0 auto;
box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.2);
}
#share-box #share-content-inner {
position: relative;
margin: 0;
min-width: 248px;
background-color: #FFFFFF;
overflow: hidden;
}
#share-box h2 {
font-family: verdana,arial,sans-serif;
font-size: 16px;
font-weight: bold;
margin: 0;
padding: 16px 0 16px 10px;
color: #FFFFFF !important;
background-color: #e20015;
background-repeat: repeat-x;
background-image: url('/media/_tech_others/_tech_nefit__c/layout_nefit__c/css_nefit__c/sprites_images_nefit__c/nefit_backgrounds_sprite.png');
background-position: left -0px;
}
#share-box #share-menu {
display: none;
}
/* --- */
#share-box a#share-close {
position:absolute;
top:15px;
right:10px;
left: auto !important;
width:20px;
height:20px;
background-color: transparent;
background-repeat: no-repeat;
background-image: url('/media/_tech_others/_tech_nefit__c/layout_nefit__c/css_nefit__c/sprites_images_nefit__c/nefit_main_sprite.png');
background-position: left -1454px;
z-index: 9999;
}
#share-box #share-close:hover {
background-image: url('/media/_tech_others/_tech_nefit__c/layout_nefit__c/css_nefit__c/sprites_images_nefit__c/nefit_main_sprite.png');
background-position: left -1474px;
}
/***
* Overlay
***/
*+ html #share-box #share-box-overlay{
width:100%;
height:100%;
position:fixed;
left:0;
top:0;
z-index:-1;
background-image:url("/media/_tech_junkers/layout_junkers/images_junkers/share_1/overlaybackground__tt.png");
background-color: none;
}
#share-box #share-box-overlay{
width:100%;
height:100%;
position:fixed;
left:0;
top:0;
z-index:-10;
opacity: 0.7;
filter: alpha(opacity=70);
background: #777777
}
/***
* table with social media providers
***/
#share-content table{
width:100%;
border-collapse:collapse;
margin: 10px 0;
}
#share-content table tr td{
padding:4px 10px 4px 0;
}
#share-content table tr td a{
float:left;
margin:0;
padding:2px 0 0 0;
font-size:11px;
font-weight:bold;
color:#215f8b;
cursor:pointer;
}
#share-content table tr td a:hover{
color:#00142a;
}
#share-content table tr td a span{
float:left;
padding:0 0 0 19px;
}
#share-content table tr td a img{
float:left;
border:none;
width:22px;
height:22px;
margin:-2px 0 0 0;
padding:0;
}
/* list of social media providers */
#share-box #socialprivacy-share-area ul.social_share_privacy_area {
float: left;
clear: none;
margin: 0 !important;
}
#share-box #socialprivacy-share-area ul.social_share_privacy_area li {
display: block;
float: none;
height: 29px;
width: 183px !important;
padding: 0;
text-align: left !important;
}
#share-box #socialprivacy-share-area ul.social_share_privacy_area li a img {
display: inline;
}
#socialprivacy-share-area .link.mail {
color: #000 !important;
}
.gc-bubbleDefault.pls-container tbody tr:hover td {
background-color: transparent;
}
#footer .footerCookieWrapper {
clear: both;
padding-top: 12px;
}
/*IE7 Hack*/
*:first-child+html #footer .footerCookieWrapper {
padding-top: 0;
margin-top: 12px;
}
#footer #footerBottom #footerCookie {
margin: 0;
}
#footer #footerBottom #footerCookie li {
height: 22px;
}
#footer #footerBottom #footerCookie li.js-footer-cookie {
width: 22px;
margin: 0 2px 0 0;
}
#footer #footerCookie a {
display: block;
background-color: transparent;
background-repeat: no-repeat;
padding: 0;
margin: 0;
}
#footer #footerCookie li.js-footer-cookie a {
width: 22px;
height: 22px;
}
#footer #footerCookie li.js-footer-cookie a:hover {
background-color: transparent !important;
}
#footer #footerCookie a.coStrict.active {
background-image: url('/media/_tech_others/_tech_nefit__c/layout_nefit__c/css_nefit__c/sprites_images_nefit__c/nefit_main_sprite.png') !important;
background-position: left -0px !important;
}
#footer #footerCookie a.coStrict {
background-image: url('/media/_tech_others/_tech_nefit__c/layout_nefit__c/css_nefit__c/sprites_images_nefit__c/nefit_main_sprite.png') !important;
background-position: left -22px !important;
}
#footer #footerCookie a.coConv.active {
background-image: url('/media/_tech_others/_tech_nefit__c/layout_nefit__c/css_nefit__c/sprites_images_nefit__c/nefit_main_sprite.png') !important;
background-position: left -44px !important;
}
#footer #footerCookie a.coConv {
background-image: url('/media/_tech_others/_tech_nefit__c/layout_nefit__c/css_nefit__c/sprites_images_nefit__c/nefit_main_sprite.png') !important;
background-position: left -66px !important;
}
#footer #footerCookie a.coTrack.active {
background-image: url('/media/_tech_others/_tech_nefit__c/layout_nefit__c/css_nefit__c/sprites_images_nefit__c/nefit_main_sprite.png') !important;
background-position: left -88px !important;
}
#footer #footerCookie a.coTrack {
background-image: url('/media/_tech_others/_tech_nefit__c/layout_nefit__c/css_nefit__c/sprites_images_nefit__c/nefit_main_sprite.png') !important;
background-position: left -110px !important;
}
#footer #footerCookie a.coTarget.active {
background-image: url('/media/_tech_others/_tech_nefit__c/layout_nefit__c/css_nefit__c/sprites_images_nefit__c/nefit_main_sprite.png') !important;
background-position: left -132px !important;
}
#footer #footerCookie a.coTarget {
background-image: url('/media/_tech_others/_tech_nefit__c/layout_nefit__c/css_nefit__c/sprites_images_nefit__c/nefit_main_sprite.png') !important;
background-position: left -154px !important;
}
#footer #footerCookie a.colbl {
background-color: transparent;
background-repeat: no-repeat;
background-image: url('/media/_tech_others/_tech_nefit__c/layout_nefit__c/css_nefit__c/sprites_images_nefit__c/nefit_main_sprite.png');
background-position: left -176px;
padding: 3px 3px 2px 20px !important;
margin-left: 2px !important;
margin-top: 2px;
}
#footer #footerCookie a.colbl:hover {
background-color: #FFF !important;
}
#footer #footerCookie a.footerCookie > span {
display: none;
}
#footer #footerCookie a.colbl > span {
display: block;
margin: 0;
padding: 0;
color: #000 !important;
font-family: Tahoma;
font-weight: normal;
font-size: 11px;
}
#footer #footerCookie a.colbl > span:hover {
cursor: pointer;
}
/* footer tooltip */
.tooltip_co {
left: -13px;
position: relative;
top: -55px;
}
.footerCookieWrapper .tooltip_co .tooltip {
top: -26px;
}
.footerCookieWrapper li.js-footer-cookie .tooltip_co .tooltip {
top: -30px;
}
.tooltip div.bgCookie {
background-color: #E1E1E2;
background-color: transparent;
background-image: url('/media/_tech_others/_tech_nefit__c/layout_nefit__c/css_nefit__c/sprites_images_nefit__c/nefit_main_sprite.png');
background-position: left -194px;
float: left;
margin-top: 0;
position: relative;
width: 225px;
z-index: 50;
padding: 0 10px 5px;
}
.tooltip .top.bgCookieTop, #footer #footerCookie .tooltip .top.bgCookieTop {
background-color: transparent;
background-repeat: no-repeat;
background-image: url('/media/_tech_others/_tech_nefit__c/layout_nefit__c/css_nefit__c/sprites_images_nefit__c/nefit_main_sprite.png');
background-position: left -474px;
bottom: -24px;
height: 14px;
left: 0;
margin: 0;
padding: 0 0 10px;
width: 245px;
}
.tooltip div.bgCookie p, #footer #footerCookie .tooltip div.bgCookie p {
margin: 10px 0 0 3px;
float: none;
font-size: 13px;
line-height: 17px;
color: #000;
overflow: hidden;
}
.tooltip div.bgCookie p strong, #footer #footerCookie .tooltip div.bgCookie p strong {
font-size: 13px;
line-height: 17px;
color: #000;
}
#footer .cookieInformation a.btn span {
padding: 3px 5px 0 0;
text-align: center;
}
.cookieInformation{
bottom: 5px;
margin-right: -486px;
position: fixed;
right: 50%;
z-index: 11000;
}
.cookieInformation div.top_co {
background-color: transparent;
background-repeat: no-repeat;
background-image: url('/media/_tech_others/_tech_nefit__c/layout_nefit__c/css_nefit__c/sprites_images_nefit__c/nefit_main_sprite.png');
background-position: left -504px;
padding: 10px 20px 0 10px;
width: 310px;
overflow: hidden;
}
.cookieInformation span.bottom_co {
background-color: transparent;
background-repeat: no-repeat;
background-image: url('/media/_tech_others/_tech_nefit__c/layout_nefit__c/css_nefit__c/sprites_images_nefit__c/nefit_main_sprite.png');
background-position: left -894px;
height: 15px;
width: 340px;
padding: 0;
}
/*IE7 Hack*/
*:first-child+html .cookieInformation span.bottom_co {
width: 330px;
}
.cookieInformation .txtSection {
padding: 2px 5px 10px;
}
#footer #footerCnt .cookieInformation .txtSection p {
margin: 0;
padding-bottom: 13px !important;
font-size: 13px;
color: #FFFFFF;
}
.cookieHidden{
display: none;
}
#cookieInformation{
display: none;
}
#footer #footerCnt #footerBottom .cookieInformation a.link.standard {
padding: 3px 5px 2px 23px !important;
font-size: 13px;
line-height: 14px;
color: #FFF !important;
background-color: transparent;
background-repeat: no-repeat;
background-image: url('/media/_tech_others/_tech_nefit__c/layout_nefit__c/css_nefit__c/sprites_images_nefit__c/nefit_main_sprite.png');
background-position: left -909px;
}
#footer #footerCnt #footerBottom .cookieInformation a.link.standard:hover {
background-color: #808285 !important;
}
#footer #footerCnt .cookieInformation .txtSection ul.relatedItems {
width: 100%;
padding: 16px 0 9px;
margin: 0;
}
#footer #footerCnt .cookieInformation .txtSection ul.relatedItems.btns {
padding: 0;
margin: 0;
}
#footer #footerCnt .cookieInformation .txtSection ul.relatedItems.btns li {
margin: 0;
padding-top: 0;
}
.cookieInformation .txtSection ul.relatedItems.btns li a {
/*width: 85%;*/
}
#footer #footerCnt .cookieInformation .txtSection ul.relatedItems li {
float: none;
overflow: visible;
}
#footer #footerCnt .cookieInformation .txtSection ul.relatedItems.btns li:first-child {
margin: 0 5px 0 0;
float: left;
}
#footer #footerCnt .cookieInformation a.c2aButton {
background-color: transparent;
background-repeat: no-repeat;
background-image: url('/media/_tech_others/_tech_nefit__c/layout_nefit__c/css_nefit__c/sprites_images_nefit__c/nefit_main_sprite.png');
background-position: left -966px;
color: #FFF;
font-family: Tahoma;
font-size: 13px;
line-height: 18px;
padding: 0px 0 0px 17px !important;
text-decoration: none;
margin: 0 5px 0 0;
height: 27px;
float: left;
cursor: pointer;
}
#footer #footerCnt .cookieInformation a.c2aButton span {
background-color: transparent;
background-repeat: repeat-x;
background-image: url('/media/_tech_others/_tech_nefit__c/layout_nefit__c/css_nefit__c/sprites_images_nefit__c/nefit_main_sprite.png');
background-position: left -995px;
color: #FFF !important;
font-family: Tahoma;
font-size: 13px;
line-height: 16px !important;
padding: 5px 10px 8px 5px !important;
text-decoration: none;
font-weight: bold;
display: block;
cursor: pointer;
}
#footer #footerCnt .cookieInformation a.c2aButton:hover {
background-image: url('/media/_tech_others/_tech_nefit__c/layout_nefit__c/css_nefit__c/sprites_images_nefit__c/nefit_main_sprite.png');
background-position: left -1024px;
}
#footer #footerCnt .cookieInformation a.c2aButton:hover span {
background-image: url('/media/_tech_others/_tech_nefit__c/layout_nefit__c/css_nefit__c/sprites_images_nefit__c/nefit_main_sprite.png');
background-position: left -1053px;
color: #e20015 !important;
}
/* Config Overlay */
#wrapperAll .contentArea .l-intro {
height: auto;
overflow: hidden;
margin-bottom: 29px!important;
margin-top: 6px;
}
#wrapperAll .contentArea .l-cookieslider {
overflow: visible;
margin-bottom: 0!important;
height: 206px;
}
#wrapperAll .contentArea .l-cookieslider h2 {
padding-bottom: 7px;
font-size: 14px !important;
}
#wrapperAll .contentArea .l-linkBtnArea {
height: 44px;
margin-bottom: 0 !important;
overflow: hidden;
}
.m-texticon-ico {
float: left;
width: 62px;
padding-top: 1px;
}
.m-texticon-txt {
overflow: hidden;
}
.col12 .m-texticon-txt p {
padding-right: 0;
padding-bottom: 5px !important;
}
.m-cookieslider {
height: 180px;
}
.m-cookieslider ul {
list-style: none;
margin: 0;
padding: 0;
overflow: hidden;
}
.m-cookieslider li {
width: 182px;
height: 140px;
background-color: #eeeeee;
background-image: url("/media/_tech_nefit/layout_nefit/images_nefit/icons_nefit/cookie_nefit/bg_cookieslider_nefit__tt.png"); /* this one's already a sprite and only used on a single page */
background-repeat: no-repeat;
float: left;
text-align: center;
position: relative;
}
.m-cookieslider li:hover {
cursor: pointer;
}
.m-cookieslider-1 {
background-position: 0 20px;
}
.m-cookieslider-2 {
background-position: -187px 20px;
}
.m-cookieslider-3 {
background-position: -370px 20px;
}
.m-cookieslider-4 {
background-position: -552px 20px;
}
.m-cookieslider li.active {
background-color: #d2d2d3;
}
.m-cookieslider-1.active {
background-position: 0 -162px;
}
.m-cookieslider-2.active {
background-position: -187px -162px;
}
.m-cookieslider-3.active {
background-position: -370px -162px;
}
.m-cookieslider-4.active {
background-position: -552px -162px;
}
.m-cookieslider li span {
color: #000;
font-size: 13px;
font-weight: bold;
margin-top: 90px;
display: inline-block;
}
.m-cookieslider #slider {
background-image: none;
background-color: #000;
border: none;
border-top: 1px solid #000;
border-bottom: 1px solid #000;
height: 1px;
width: 728px;
position: relative;
}
.m-cookieslider #slider .ui-slider-handle {
display: block;
width: 32px;
height: 32px;
background-color: transparent;
background-repeat: no-repeat;
background-image: url('/media/_tech_others/_tech_nefit__c/layout_nefit__c/css_nefit__c/sprites_images_nefit__c/nefit_main_sprite.png') !important;
background-position: left -1082px !important;
margin-top: -15px;
}
.m-cookieslider-check {
position: absolute;
margin-top: 0!important;
background-image: url(/media/_tech_nefit/layout_nefit/images_nefit/icons_nefit/cookie_nefit/bg_cookieslider_check_nefit__tt.png); /* this one's already a sprite and only used on a single page */
width: 30px;
height: 30px;
display: block;
text-indent: 100%;
overflow: hidden;
top: 58px;
left: 105px;
background-position: -200px -8px;
}
.active .m-cookieslider-check {
background-position: -9px -8px;
}
.l-listArea {
height: 280px;
}
.l-listArea h2 {
padding: 0;
font-size: 14px !important;
}
.m-list {
list-style: none;
margin-left: 0;
}
.m-list li {
padding-left: 20px;
font-size: 13px;
line-height: 18px;
margin-bottom: 10px;
background-color: transparent;
background-repeat: no-repeat;
}
.m-list-e-benefit li {
background-image: url('/media/_tech_others/_tech_nefit__c/layout_nefit__c/css_nefit__c/sprites_images_nefit__c/nefit_main_sprite.png');
background-position: left -1114px;
}
.m-list-e-disadvantage li {
background-image: url('/media/_tech_others/_tech_nefit__c/layout_nefit__c/css_nefit__c/sprites_images_nefit__c/nefit_main_sprite.png');
background-position: left -1230px;
}
.m-inlineLnkBox a {
float: left;
margin-right: 16px;
line-height: 17px;
clear: none;
}
.m-inlineLnkBox a.standard {
margin-top: 2px;
margin-right: 27px;
line-height: 17px;
}
.m-inlineLnkBox a.js-link-cancel {
margin-right: 16px;
}
.m-inlineLnkBox a.c2aButton span {
line-height: 16px !important;
}
.m-inlineLnkBox .relatedLink {
background-position: 0 7px;
}
.m-textnote p {
color: #808285;
}
/* This CSS adds the Bosch sticky color header */
#header {
position: relative;
padding-top: 16px;
}
#header::before {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 16px;
content: '';
background-repeat: no-repeat;
background-size: cover;
background-position: center;
background-image: url(/media/_tech_others/_tech_nefit__c/layout_nefit__c/css_nefit__c/bg_header_bosch.png);
}
#header #brandLogo {
width: 360px;
top: 24px;
}
#header #brandLogo img {
height: auto;
}
#footerBottom {
position: relative;
}
#footer #footerBottom {
padding-bottom: 27px;
}
#footerBottom::after {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 16px;
content: '';
background-repeat: no-repeat;
background-size: cover;
background-position: center;
background-image: url(/media/_tech_others/_tech_nefit__c/layout_nefit__c/css_nefit__c/bg_header_bosch.png);
}
/* grey color stripe also for end customer pages */
#wrapperAll .mainNavWrapper {
background-position: left -313px !important;
}