* { margin: 0; padding: 0; } h1, h2, h3, h4, h5, h6, p, pre, blockquote, form, fieldset, table, ul { margin: 0; } /* Class for clearing floats */ .clear { clear: both; } .clearfix:after { content: "."; display:block; height:0; clear:both; visibility:hidden; }/* ----- clear fix for floats ----- */ .clearfix { display:inline-block; } * html .clearfix { height:1%; }/* hides clearfix from IE-mac */ .clearfix { display:block; }/* end hide from IE-mac */ /* class for float */ .alignleft { float:left; } .alignright { float:right; } .alignnone { clear:both; } :focus { outline:none;} /* Removing border on linked images */ img { border: 0; } :focus { outline:none;} /* End General --------------------------------------------------------------------------------------------------------*/ /* =Typography --------------------------------------------------------------------------------------------------------*/ body, td, th{ font: 10px/16px Verdana, Arial, Helvetica, sans-serif; color:#7d7d7d; /*text-align:left;*/ } th { padding: 4px; } h1 { font-size:12px; } h2 { font-size:11px;} h3 { font-size:11px; } .servicesbox h2{font-size:10px;} .servicesbox h1 {font-size:11px;} ul.bannerinformation h1 {font-size:24px; } ul#mainNavigation {font-size:12px; line-height:16px;} ul#mainNavigation .dropmenuContainer {font-size:11px; } ul#mainNavigation .purchaseBox .productdetail {font-size:11px; font-family: 'Roboto Condensed', sans-serif;} .controlnavigation {font-size:9px;} .controlnavigation ul {font-size:10px; font-family:Arial, Helvetica, sans-serif;} .date, .newsbox h2 .date { font-size:14px; margin-bottom: 3px;} .newscontainer .more { font-family: Arial, sans-serif; font-size:13px;} .tabpanel .tabmenu {font-size:11px; line-height:14px;} ul.bannerinformation li.infobutton a {font-size:10px;} .postimgbox span{font-size:9px;} #footer {font-size:9px; } fieldset.finder select { font-size:10px; } .dd {font-size:10px;} fieldset.search .input {font-size:12px;} .columncontainer {line-height:14px;} .newsbox {line-height:15px;} .listmenu li a {line-height:12px;} .servicesbox {line-height:15px;} .bannernavigation li a {line-height:12px;} ul.bannerinformation { line-height:13px;} ul.bannerinformation h1 {line-height:24px;} .newproductbox {line-height:14px;} .postimgbox span {line-height:12px;} .dd .ddTitle {line-height:12px;} .dd .ddTitle span.ddTitleText {line-height:16px;} .tabpanel .tabmenu{line-height:14px;} .fontnavigation { font-size:10px;} .fontnavigation .smaller { font-size:11px;} .fontnavigation .medium { font-size:13px;} .fontnavigation .larger { font-size:15px;} /* =Headings --------------------------------------------------------------------------------------------------------*/ h1 { font-weight:400; color:#1e2a63; padding-bottom:10px;} h2 { color:#1e2a63; font-weight:400;} .newproductbox h2 {font-weight:bold;} h3 { color:#1e2a63; font-weight:bold;} .columncontainer h1 { padding-bottom:8px;} /*.textcontainer h3 { display:inline-block; } rkurz:2013-09-30 */ .textcontainer h2 { padding-bottom:3px; color:#636363; padding-top:8px;} .textcontainer h1 { padding-bottom:15px;} /* End Headings --------------------------------------------------------------------------------------------------------*/ body, td, th { font: 10px/16px Verdana, sans-serif; color:#7d7d7d; } body.homepage, .homepage td, .homepage th { font: 13px/16px Arial, Helvetica, sans-serif; color:#7d7d7d; } .homepage h1,.homepage h2,.homepage .date,.homepage .tabpanel .tabmenu {font-family:'Roboto Condensed', sans-serif;} h1 { font-size:12px; font-weight: 400;} h2 { font-size:11px;} h3 { font-size:11px; } .homepage h1 { font-size:14px;} .homepage h2 { font-size:15px;} .homepage h3 { font-size:11px;} .servicesbox h2{font-size:10px;} .servicesbox h1 {font-size:11px;} .homepage .servicesbox h1 {font-size:15px;} ul.bannerinformation h1 {font-size:24px; } ul#mainNavigation {font-size:16px; } ul#mainNavigation .dropmenuContainer {font-size:11px; } ul#mainNavigation span {font-family:'Roboto Condensed', sans-serif;} ul#mainNavigation .purchaseBox .productdetail {font-size:11px; font-family:Verdana, sans-serif;} .homepage ul#mainNavigation .purchaseBox .productdetail {font-size:11px; font-family:'Roboto Condensed', sans-serif;} .controlnavigation {font-size:9px;} .controlnavigation ul {font-size:10px; font-family:Verdana, sans-serif;} .controlnavigation ul {font-size:10px; font-family:'Roboto Condensed', sans-serif;} .controlnavigation li {font-size:10px; font-family:Verdana, sans-serif;} .controlnavigation li {font-size:13px; font-family:'Roboto Condensed', sans-serif;} .date { font-size:9px;} .tabpanel .tabmenu {font-size:12px; line-height:14px;} .homepage .tabpanel .tabmenu {font-size:15px; line-height:14px;} ul.bannerinformation li.infobutton a {font-size:10px;} .postimgbox span{font-size:10px;} #footer {font-size:9px; } fieldset.finder select { font-size:10px; } .dd {font-size:10px;} fieldset.search .input {font-size:12px;} .columncontainer {line-height:14px;} .newsbox {line-height:15px;} .listmenu li a {line-height:12px;} .servicesbox {line-height:14px;} .bannernavigation li a {line-height:12px;} ul.bannerinformation { line-height:13px;} ul.bannerinformation h1 {line-height:24px;} .newproductbox {line-height:14px;} .postimgbox span {line-height:12px;} .dd .ddTitle {line-height:12px;} .dd .ddTitle span.ddTitleText {line-height:16px;} .tabpanel .tabmenu{line-height:14px;} .fontnavigation .medium { text-decoration:underline;} /* End Typography --------------------------------------------------------------------------------------------------------*/ /* =Links --------------------------------------------------------------------------------------------------------*/ a { text-decoration:none; color:#1e2a63; cursor:pointer; transition: all .3s ease;} a:hover { text-decoration:none; color:#9e9e9e; } p.more { text-align:right;} p.more a { background:url(/media/system-files/img/arrow.gif) no-repeat left 5px; padding-left:10px; margin-right:13px;} a.more { background:url(/media/system-files/img/arrow.gif) no-repeat left 5px; padding-left:10px; margin-right:11px;} a.more:hover, p.more a:hover { color:#9e9e9e; text-decoration:none; background-image:url(/media/system-files/img/arrow-hover.gif)} a.download { background:url(/media/system-files/img/arrow-down.gif) no-repeat left 5px !important; padding-left:10px; margin-right:13px; } .image_listing_table a.download { margin-right:0px; } /* End Links --------------------------------------------------------------------------------------------------------*/ /* =Branding --------------------------------------------------------------------------------------------------------*/ p { padding:4px 0 5px 0} html { background:#e0e1e2 url(/media/system-files/img/bodybackground.gif) repeat; height:100%; min-height:100%; } body {height:100%; min-height:100%; } body.bodyhomebackground { background-image:url(/media/system-files/img/page_inner_background.png)} #wrapper { margin:0 auto; width:auto;} .header {background: #FFF;} .headercontainer {padding:15px 0 14px 0; width:1000px; margin-left: auto; margin-right: auto;} .innerpage .headercontainer {padding-bottom:15px;} .pagemiddle {padding:0;} h1#logo { float:left; width:160px; height:50px;} h1#logo a { display:block; width:160px; height:50px; text-indent:0px; text-decoration:none; } #logo a {float:left;} #logo .sectionName {margin: 10px 0 0 0;} /* End Branding --------------------------------------------------------------------------------------------------------*/ /* =Main Nav --------------------------------------------------------------------------------------------------------*/ .arrow-n,.arrow-e,.arrow-s,.arrow-w {border-style: dashed;border-color: transparent;border-width: 0.85em;display: -moz-inline-box;display: inline-block;font-size: 16px;height: 0;line-height: 0;position: relative;vertical-align: middle;width: 0;} .arrow-n {border-bottom-width: 1em;border-bottom-style: solid;border-bottom-color: #FFF;bottom: 0.7em;} .arrow-e {border-left-width: 1em;border-left-style: solid;border-left-color: #FFF;left: 0.7em;} .arrow-s {border-top-width: 1em;border-top-style: solid;border-top-color: #FFF;top: 0.7em;} .arrow-w {border-right-width: 1em;border-right-style: solid;border-right-color: #FFF;right: 0.7em;} ul#mainNavigation { list-style:none; margin:0;text-transform:uppercase; font-weight:600; padding:6px 0 0 0; position:relative; z-index:99 } .innerpage div#navbg{ background: #1E2A63; width: auto;} .innerpage ul#mainNavigation{ padding:0; margin-top:-2px; margin-left: auto; margin-right: auto; width: 1010px;} ul#mainNavigation li { float:left; display:inline; padding-right:0px; position:relative;} ul#mainNavigation li a { color:#fff; display:block; float:left; position:relative; z-index:999 } ul#mainNavigation li a.active { color:#9e9e9e;} ul#mainNavigation li a span { display:block; float:left; padding:20px 17px 19px 25px;} ul#mainNavigation li:first-of-type a span { padding-left: 5px;} ul#mainNavigation li a img { vertical-align:middle} ul#mainNavigation li.last { float:right;} ul#mainNavigation li.dropmenu.hover {color: #70789D;} ul#mainNavigation li.dropmenu.hover a.menu {color: #70789D;} ul#mainNavigation > li.secondlvl {display: none;} ul#mainNavigation li.last.dropmenu.hover { padding-left:3px;} ul#mainNavigation .dropmenuContainer {left:24px; top:55px; position:absolute; padding:0; z-index:99; font-weight:normal; text-transform:none; display:none; width:312px; border: 1px solid #BDBDBD;} ul#mainNavigation .dropmenu:first-of-type .dropmenuContainer {left:7px;} ul#mainNavigation li.last .dropmenuContainer { left:auto; right:0;} ul#mainNavigation .dropmenuContainer.productmenu{width:450px;} ul#mainNavigation .dropmenuContainer .dropboxtop { height: 0; padding-left: 15px;} ul#mainNavigation .dropmenuContainer .dropboxtop span {height: auto; margin-top:-15px;} ul#mainNavigation li.last .dropmenuContainer .dropboxtop {height: 0;} ul#mainNavigation li.last .dropmenuContainer .dropboxtop span {height: auto; margin-top:-15px;} ul#mainNavigation .dropmenuContainer .dropboxbottom { padding-right:0px; background: #FFF; height: 1px;} ul#mainNavigation .dropmenuContainer .dropboxbottom span { display:block; width:100%; height:5px;} ul#mainNavigation .dropmenuContainer .dropboxmiddlleft {background: #FFF; } ul#mainNavigation .dropmenuContainer .dropboxmiddlright {background: #FFF; padding:14px 0 14px 0;} ul#mainNavigation .dropmenuContainer .dropboxmiddlright li:first-of-type {margin-top: -14px;} ul#mainNavigation .dropmenuContainer .dropboxmiddlright li:last-of-type {border-bottom: none; padding-bottom: 0; margin-bottom: -15px;} ul#mainNavigation ul { list-style:none; float:left; width:312px; } ul#mainNavigation ul.lastbox { width:164px;} ul#mainNavigation ul li, ul#mainNavigation .purchaseBox ol li { background:none; padding:0; width:100%;} ul#mainNavigation ul li {height: 46px; border-bottom: 1px solid #BDBDBD; width: 312px;} ul#mainNavigation ul li:hover {background: #EBEBEB;} ul#mainNavigation ul li a {padding-left:5%; color:#1E2A63; font-size: 16px; font-family: 'Roboto Condensed', sans-serif; padding-top: 5%; width: 95%; height: 69%;} ul#mainNavigation ul li a:hover {color:#1E2A63;} ul#mainNavigation .purchaseBox { width:313px} ul#mainNavigation .purchaseBox .dropboxmiddlright{ padding:0px 4px 0 0;} ul#mainNavigation .purchaseBox ol { list-style:none;} ul#mainNavigation .purchaseBox ol li { width:292px; padding:21px 7px 18px 7px;} ul#mainNavigation .purchaseBox ol li.sub { background:#e5eaf2;} ul#mainNavigation .purchaseBox .productdetail { width:185px; float:right; color:#a0a0a0; } ul#mainNavigation .purchaseBox img { float:left; border:solid 1px #d7d7d7;} ul#mainNavigation .purchaseBox h2 { color:#1e2a63; font-weight:normal; padding-bottom:5px;} ul#mainNavigation .purchaseBox p { padding:0;} ul#mainNavigation .purchaseBox p.moreinfo { padding-top:5px;} ul#mainNavigation .purchaseBox p.moreinfo a { background:url(/media/system-files/img/arrow-small.png) no-repeat 0px 6px; padding-left:9px} /* End Main Nav --------------------------------------------------------------------------------------------------------*/ /* =Sub Nav --------------------------------------------------------------------------------------------------------*/ .subNavigation { margin:0px; padding:0px 0 0 10px; list-style:none; line-height:14px;} .subNavigation li { padding:0 0 6px 0} .subNavigation li a { background:url(/media/system-files/img/arrow.gif) no-repeat left 5px; padding-left:10px; display:block;} .subNavigation li a.active { background-image:url(/media/system-files/img/submenuactive.gif); font-weight:bold;} .subNavigation ul { list-style:none; padding-left:7px; padding-top:6px; line-height:12px;} .subNavigation ul li { padding-bottom:8px;} /* End Sub Nav --------------------------------------------------------------------------------------------------------*/ /* =Control Nav --------------------------------------------------------------------------------------------------------*/ .controlnavigation { float:right; list-style:none; margin:0; padding:0 0 0 0; position:relative; z-index:999;} .controlnavigation .arrow-s {font-size:10px; border-width: 0.6em; border-top-width: 0.75em;border-top-style: solid;border-top-color: #1E2A63;top: 0.2em; margin-left: 6px;} .controlnavigation > li{ float:left;position:relative; padding: 6px 6px 6px 6px;} .controlnavigation > li:first-of-type{border: 1px solid #FFF; width: 135px;} .controlnavigation > li:first-of-type:hover{border: 1px solid #7D7D7D; } .controlnavigation li.last { background-image:none; padding:0 0 6px 6px;} .controlnavigation li a.home{ display:block; float:left} .controlnavigation li a.iconmap, .controlnavigation li a.iconmap2 { display:block; float:left} .controlnavigation li a.iconmap span {padding-right:11px; } .controlnavigation ul { position:absolute; top:28px; left: -1px; width: 147px; background:#FFF; border:solid 1px #7D7D7D; display:none; line-height:12px;} .controlnavigation ul li{ float:none; list-style:none;} .controlnavigation ul li a { color:#7d7d7d; padding: 6px 6px 6px 8px;; display: block;} .controlnavigation ul li a:hover, .controlnavigation ul li a.active { color:#70789D;} .controlnavigation ul ol { list-style:none; margin:0; padding:0; line-height:12px;} .controlnavigation ul ol li { background-image:none; } #sitenav {padding: 0; margin: 0 0 0 0;} #sitenav > li { border-bottom:solid 1px #7D7D7D; margin-top: 8px;} #sitenav > li > span{ color: #BDBDBD; padding: 0 0 0 8px;} #sitenav > li > ol { padding: 4px 0 0 0;} #sitenav > li > ol > li {color: #1E2A63;} #sitenav > li > ol > li:hover {color: #70789D; background: #1E2A63;} /* End Control Nav --------------------------------------------------------------------------------------------------------*/ /*.fontnavigation { list-style:none; display:inline; margin-left:175px; float:left;}*/ .fontnavigation { list-style:none; display:inline; padding=right:7px; float:right;} .fontnavigation li { display:inline; padding:0 2px;} .fontnavigation li a { color:#666666;} .fontnavigation li a:hover { text-decoration:underline} .fontnavigation li a.active { text-decoration:underline;} /* =Main Content --------------------------------------------------------------------------------------------------------*/ /* minified slick css */ .slick-slider{position:relative;display:block;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:0}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-list,.slick-slider .slick-track{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.slick-track{position:relative;top:0;left:0;display:block}.slick-track:after,.slick-track:before{display:table;content:''}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir=rtl] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent} .slider-bg {width: 100%; height: 435px; z-index: 1; overflow: hidden; } .slider-bg > div {position: relative; padding-bottom: 10px;overflow: hidden; width: 101%; height: 425px;} .blurred_slider {position: absolute; -ms-filter: blur(6px); -webkit-filter: blur(6px); filter: url(/media/system-files/facelift/blur.svg#blur); filter: blur(6px); filter: progid:DXImageTransform.Microsoft.Blur(Strength=6); margin: -10px 0 0 -10px; } .slider-main {width: 1280px; height: 435px; margin-left: auto; margin-right:auto; margin-top: -435px;z-index: 10;} #slider-main-nav {position: absolute; width: 200px; height: 20px; margin-left: auto; margin-right: auto; margin-top: -35px; background: transparent; z-index: 11;left:50%;margin-left:-100px;} /*.slider-main:hover + #slider-main-nav > button {display: block; opacity: 1; transition: ease .5s;}*/ /* Slider */ .slick-loading .slick-list{ background: #fff url(/media/system-files/facelift/slick/ajax-loader.gif) center center no-repeat;} /* Icons */ @font-face { font-family: 'slick';font-weight: normal;font-style: normal;src: url(/media/system-files/facelift/slick/fonts/slick_eot.eot); src: url('/media/system-files/facelift/slick/fonts/slick_eot.eot?#iefix') format('embedded-opentype'), url(/media/system-files/facelift/slick/fonts/slick_woff.woff) format('woff'), url(/media/system-files/facelift/slick/fonts/slick_ttf.ttf) format('truetype'), url('/media/system-files/facelift/slick/fonts/slick_svg.svg#slick') format('svg'); } /* Arrows */ .slick-prev,.slick-next {transition: ease .5s; opacity: 0; font-size: 0;line-height: 0;position: absolute;top: 20%;display: block;width: 20px;height: 20px;margin-top: -10px;padding: 0;cursor: pointer;color: transparent;border: none;outline: none;background: transparent; } .slick-prev:hover,.slick-prev:focus,.slick-next:hover,.slick-next:focus{color: transparent;outline: none;background: #EBEBEB; opacity: 1;} #slider-main-nav:hover .slick-next, #slider-main-nav:hover .slick-prev{opacity: 1;} .slick-prev:hover:before,.slick-prev:focus:before,.slick-next:hover:before,.slick-next:focus:before{opacity: 1;} .slick-prev.slick-disabled:before,.slick-next.slick-disabled:before{opacity: .25;} .slick-prev:before,.slick-next:before{font-family: 'slick';font-size: 20px;line-height: 1;opacity: .75;color: white;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;} .slick-prev{left: -25px; padding: 3px;background: #EBEBEB; width: 24px; height: 31px;} [dir='rtl'] .slick-prev{right: -25px;left: auto; padding: 3px;background: #EBEBEB; width: 24px; height: 31px; } .slick-prev:before{content: url(/media/system-files/facelift/chevron_thin_left.png); width: 30px; height: 37px; color: #1e2a63;; background: #EBEBEB; } [dir='rtl'] .slick-prev:before{content: url(/media/system-files/facelift/chevron_thin_left.png); width: 30px; height: 37px; color: #1e2a63;; background: #EBEBEB; } .slick-next{right: -25px; padding: 3px;background: #EBEBEB; width: 24px; height: 31px; } [dir='rtl'] .slick-next{right: auto;left: -25px; padding: 3px;background: #EBEBEB; width: 24px; height: 31px; } .slick-next:before{content: url(/media/system-files/facelift/chevron_thin_right.png); width: 30px; height: 37px; color: #1e2a63; background: #EBEBEB; } [dir='rtl'] .slick-next:before{content: url(/media/system-files/facelift/chevron_thin_right.png); width: 30px; height: 37px; color: #1e2a63; background: #EBEBEB; } /* Dots */ .slick-dots{bottom: 20px;display: block;width: auto;padding: 0;list-style: none;text-align: center;margin-left: auto; margin-right: auto;} .slick-dots li{position: relative;display: inline-block;width: 20px;height: 20px;margin: 0 5px;padding: 0;cursor: pointer;} .slick-dots li button{font-size: 0;line-height: 0;display: block;width: 20px;height: 20px;padding: 5px;cursor: pointer;color: transparent;border: 0;outline: none;background: transparent;} .slick-dots li button:hover,.slick-dots li button:focus{outline: none;} .slick-dots li button:hover:before,.slick-dots li button:focus:before{opacity: 1;} .slick-dots li button:before{font-family: 'slick';font-size:12px;line-height: 20px;position: absolute;top: 0;left: 0;width: 20px;height: 20px;content: '•';text-align: center;opacity: .7;color: white;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;} .slick-dots li.slick-active button:before{opacity: 0.8;color: #1E2A63;} /* Required to hold the caption, or any closest parent selector to .slide__caption */ .slide {position: relative;} .slide__caption {bottom: 0;min-height: 80px;left: 0;position: absolute; z-index: 2; min-width: 40%; height: 34%; background: rgba(30,42,99,0.7); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#B31e2a63', endColorstr='#B31e2a63'); top: 36%;padding: 30px 30px 25px 138px;} .slide__caption h2 {color: #FFF; font-size: 40px; text-shadow: 3px 3px 0 rgba(30, 42, 99, 0.5); font-family: 'Roboto Condensed', sans-serif; text-transform: uppercase; line-height: normal; font-weight: bold; margin-bottom: 15px;} .slide__caption span {color: #FFF; padding: 5px 10px; background: #1e2a63; font-size: 20px; font-family: 'Roboto Condensed', sans-serif; font-weight: 200;} .slide__caption span:hover {color: #1E2A63; padding: 5px 10px; background: #FFF; font-size: 20px; font-family: 'Roboto Condensed', sans-serif; font-weight: 200;} .slide__caption span a {color: #FFF; font-size: 20px; font-family: 'Roboto Condensed', sans-serif; font-weight: 300;} .slide__caption span:hover a {color: #1E2A63; text-decoration: none;} #content {margin: 10px 132px 0 132px; padding: 7px; width: 980px; margin-left: auto; margin-right: auto; background: #FFF;} #content > div {background: #FFF;} #content.innerpagecontainer { padding-top:24px;} .widecolumn { float:right; padding-top:0px; width:800px; min-height: 520px;} .narrowcolumnLeft { float:left; width:170px;} .narrowcolumnRight { float:right; width:194px;} .narrowcolumnRight .dlLeftColumn { padding-right: 0; } .columncontainer { float:left; width:600px; } .homewidecolumn { float:left; padding-top:0px; width:484px; } .homenarrowcolumn { float:right; width:485px; } /* =End Main Content --------------------------------------------------------------------------------------------------------*/ /* =Secondary Content --------------------------------------------------------------------------------------------------------*/ .newsbox { padding-left:3px; margin-bottom:28px; } .newsbox h1 { border-bottom:solid 1px #bfc3c8; padding-bottom:14px; padding-left:0px; margin-bottom:2px;} .newsbox p { padding:1px 0 10px 0} .newsbox p.more { padding-bottom:5px; margin-right:0px;} .newsbox p.more a { margin-right:9px; padding-left:9px; background-position:0 6px } .newsbox h2 { border-bottom:solid 1px #bfc3c8; margin-bottom:1px; padding:5px 0 8px 16px; background:url(/media/system-files/img/icon_plus.gif) no-repeat 1px 10px} h3.accordionheading, h3.contentaccordionheading { margin-bottom:1px; padding:5px 0 8px 16px; background:url(/media/system-files/img/icon_plus.gif) no-repeat 1px 10px} .contentaccbox { padding-top:10px} .newsbox h2.active, .contentaccbox h3.active ,.accordionheading.active, .contentaccordionheading.active { padding-bottom:0; margin-bottom:1px; border-bottom:0px; background:url(/media/system-files/img/icon_mini.gif) no-repeat 1px 12px} .accordionheading, .contentaccordionheading { cursor:pointer} .newscontainer { padding-left:16px; border-bottom:solid 1px #bfc3c8; padding-bottom:7px; padding-top: 4px;} .date { display:block; padding-left:22px;font-weight: 400;} .newsbox h2 .date{padding:0px; display:none; font-weight:normal; color:#7d7d7d; padding-top:3px; padding-bottom:2px;} .newsbox h2.active .date, .accordionheading.active .date { display:block} .tabpanel { border:solid 1px #d2d2d2; margin-top:-1px; background:#ebebeb; margin-bottom:28px; min-height:270px;} .tabpanel .tabmenu { width:172px;min-height:260px; height: 100%;list-style:none; padding-top:10px; background:#ebebeb; } .tabpanel .tabmenu li { display:block; margin:0; padding:0; width:100%;} .tabpanel .tabmenu li a { display:block; padding:10px 10px 4px 18px; background:url(/media/system-files/img/arrow.gif) no-repeat 7px 14px; height: 20px;} .tabpanel .tabmenu li a:hover, .tabpanel .tabmenu li a.active { background-color:#FFF; text-decoration:none; color:#1e2a63; } .tabpanel .tabmenu li a.active { font-weight:bold;} .tabpanel .tabcontainer { background:#FFF; display:none; min-height:270px; height:100%; float:right; width:300px; padding-left:13px;} .tabpanel .tabcontainer h2 { font-weight:normal; padding-top:8px; padding-bottom:6px;} .tabpanel .tabcontainer p { padding: 3px 0 15px 0;} .tabpanel .tabcontainer img {max-width:301px;} .graybox { border:solid 1px #d9d9d9; min-height:222px; margin-bottom:15px; } .graybox .container { padding:11px 0 0 27px;} .graybox .container h1 { padding-bottom:7px;} .automotive .container { padding-left:166px;} .nonautomotive.nonautomotive { width:483px;} .graybox .container .listmenu { float:left; width:155px; padding-right:10px; padding-top:2px;} .graybox .container .listmenuright { width:140px; padding-right:0px;} .listmenu { list-style:none; margin:0; padding:0;} .listmenu li { float:left; width:100%; margin:0; padding:1px 0;} .listmenu li a{ display:inline-block; background:url(/media/system-files/img/arrow.gif) no-repeat left 5px; padding:2px 0 2px 10px; color:#7d7d7d} .listmenu li a:hover { color:#9e9e9e; } .servicesbox { display:block; margin:0; width:172px; min-height:207px !important; float:left; padding-left:40px; padding-right:127px; color:#FFF; margin-right:0;} .servicesbox h2 { color:#FFF; margin-top:6px; background:url(/media/system-files/img/arrow-white.png) no-repeat left 5px; padding-left:9px;} .servicesbox .listmenu {margin-top:10px; } .servicesbox .listmenu li{ padding:0; float:left;} .servicesbox .listmenu li a{ color:#FFF;} .servicesbox .listmenu li a:hover { color:#1E2A63;} .servicesbox h1 { padding-top:14px; padding-bottom:12px;} .servicesbox.left {padding-left:35px; width:160px;} .servicesbox.middle{width: 160px ! important; margin-left: 10px;} .servicesbox.right{ margin-right:0px !important; padding-right:0px; width:280px;float:right; padding-left: 36px;} /* Banner*/ .banner { border-bottom:solid 1px #d5d9e1; padding:0; min-height:435px; color:#FFF; width: 100%; background:#FFF;} .banner img { margin-left: auto; margin-right: auto; width: 1300px; display: block;} .gallerycontainer{ padding:0px; position:relative;} .slidescontainer { width:980px; height:290px; overflow:hidden; position:relative; } .slides { position:absolute; top:0; left:0; } .slides div { position:absolute; top:0; width:980px; } .bannernavigation { background:url(/media/system-files/img/banner_navarrow.png) no-repeat left 3px; position:absolute; top:13px; right:12px; z-index:999; list-style:none; padding:0px 0 0 10px; margin:0;} .bannernavigation.we { top:33px; } .bannernavigation li { display:block; float:left; padding:0 2px;} .bannernavigation li a { display:block; background:#FFF; text-align:center; width:12px; height:12px; border:solid 1px #d9d7d8;} ul.bannernavigation li.active a, ul.bannernavigation li a:hover { background:#1e2a63; color:#FFF; border-color:#1E2A63; } ul.bannerinformation { position:absolute; left:29px; width:400px; top:60px; list-style:none;} ul.bannerinformation h1 { color:#FFF; text-transform:uppercase; font-weight:normal; padding-bottom:10px; } ul.bannerinformation li { padding:4px 0; color: #fff;} ul.bannerinformation.dark li { padding:4px 0; color: #1E2A63;} ul.bannerinformation li.infobutton { padding-top:9px;} ul.bannerinformation li.infobutton a { float:left; background:#1e2a63 url(/media/system-files/img/banner_arrow.png) no-repeat 5px 8px; color:#FFF; padding:3px 5px 3px 15px; letter-spacing:0px;} ul.bannerinformation li.infobutton a:hover { background-color:#b2b2b2; background-image:url(/media/system-files/img/arrow.gif); color:#1E2A63} ul.bannerinformation p { padding:0;} .innerbanner { padding-bottom:26px; margin-top:5px; position: relative;} .largeBanner {margin-left: -180px;} .productlisting { padding-top:20px; border-top:solid 1px #dadada;} .productlisting.firstbox { padding-top:12px; padding-bottom:3px; border-top:0px;} /*.productlisting.lastrow { border-bottom:0px;}*/ .productlisting.productgraybox { background:#f2f2f2; padding:5px 0 3px 5px; margin-top:37px; border:0px; margin-left:-5px;} .productlisting h2 { color:#7d7d7d; padding-bottom:3px;} .productbox { width:192px; float:left; margin-right:5px; padding-bottom:10px; border: 1px solid transparent;} .productbox h3 { padding-bottom:5px; padding-top:0px;} .productlisting.lastrow h3 { padding-bottom:10px;} /*.productlisting.lastrow .info { min-height:88px;}*/ /*.productbox .info p { padding-bottom:0px;}*/ /*.productbox .info { min-height:82px; }*/ .productbox.lastbox ,.productbox.last { margin-right:0px !important; } .profitbox { width:320px; float:left; margin-right:9px; padding-bottom:10px;} .profitbox h3 { padding-bottom:5px; padding-top:0px;} .profitbox.right { margin-right:0px !important; float: right;} /*.servicesbox.right{ margin-right:0px !important; padding-right:0px; width:288px;float:right}*/ .profitbox .info a { background: url(/media/system-files/img/arrow.gif) no-repeat left 5px; padding-left: 10px;} .newproductbox { border:solid 1px #d7d7d7; margin-top:3px; margin-bottom:7px; } .newproductbox .newcontainer { padding:10px 10px 2px 10px;} .newproductbox.lastnewbox .newcontainer { padding-bottom:10px;} .newproductbox h2 { padding-bottom:5px;} .newcontainer h1 { font-size:11px; padding-bottom:0px; margin-top:12px;} .newcontainer h3 { font-size:11px; padding-bottom:0px; margin-top:12px;} .newproductbox.newproductboxinner .newcontainer{ padding-top:4px; padding-left:8px; padding-right:12px;} .newproductbox.newproductboxinner .newcontainer p { padding-bottom:3px;} .postimgbox { float:left; width:auto; padding:5px 18px 0 0} .postimgbox span { display:block; padding: 2px 6px; } .postimgbox .containerbox { padding-bottom:10px;} .postboxdetail { float:left; width:350px;} /* Area in Tab */ .tab_container .infobox_collection .newcontainer { padding:6px 6px 0 6px; } .tab_container .infobox_collection .newcontainer h2 { color: #1e2a63;padding-top:0px; } .infobox_video_preview_image {min-height: 70px; min-width: 192px;} .play_button {z-index: 10; margin-top: -55px; margin-left: 66px;margin-bottom: 15px;} /* End Secondary Content --------------------------------------------------------------------------------------------------------*/ /* Footer --------------------------------------------------------------------------------------------------------*/ #footer {background:#FFF; margin: 20px 0 0 0; padding:0; width: 100%; height:auto;} #footer .footercontainer {padding: 8px 7px 8px 7px; width: 980px; margin-left: auto; margin-right: auto; height:auto;} #footer .copyrightcontainer {width: 100%; height:23px; background:#EBEBEB; padding-bottom:20px; } #footer .copyrightcontainer span {padding-top: 15px; font-size: 12px; color:#4E4E4E; width: 980px; margin-left: auto; height: 1px; margin-right: auto; display: block;} #footer .footerlist {width: 30%; padding: 10px 0; float: left; font-size: 14px; font-family: 'Roboto Condensed',sans-serif;margin-right: 38px;} #footer .footerlist:last-of-type {margin-right: 0;} #footer .footerlist #socials {margin: 3px 0 20px 0;} #footer a.icon.mail {margin: 0 0 0 5px; padding: 0 0 0 14px; display: inline-block; background: url(/media/system-files/facelift/sprite.png) no-repeat transparent; background-position: -325px -980px; width: 15px; height: 13px;} #footer .footerlist p {color:#7D7D7D; padding-bottom: 15px;} #footer .ico_fb {width: 30px; height: 30px; background: #CCC; margin: 0 15px 0 0; display: inline-block;} #footer .ico_tw {width: 30px; height: 30px; background: #CCC; margin: 0 15px 0 0; display: inline-block;} #footer .ico_yt {width: 30px; height: 30px; background: #CCC; margin: 0 15px 0 0; display: inline-block;} #footer ul.navigation {list-style:none; } #footer ul.navigation li {padding: 8px 0; display: block;} #footer ul.navigation li a {color:#1E2A63; transition: all .3s ease;} #footer ul.navigation li a:hover {text-decoration:none; color: #7D7D7D;} #footer ul.navigation li a img {vertical-align:middle} #footer .share {float:right} /* End Footer --------------------------------------------------------------------------------------------------------*/ /* =Forms --------------------------------------------------------------------------------------------------------*/ fieldset { border: 0px solid transparent; background:transparent; padding:0 ; margin:0; } fieldset p { padding:2px 0 3px 0} fieldset.finder .row { padding:4px 0 3px 6px;} fieldset.finder select { border:0px; width:260px; margin-left:0px; } fieldset.finder .btnfind { background:url(/media/system-files/img/arrow.gif) no-repeat left 5px; color:#FFF; padding-left:9px; margin-left:5px;} fieldset.finder a.btnfind:hover { color:#1E2A63;} fieldset.finder .select{ width:206px; margin-left:10px;} .dd {text-align:left;background-color:#fff; float:left;} .dd .ddTitle {background:#FFF; border:1px solid #abadb3; color:#1e2a63; padding:0 2px 2px 2px; text-indent:0; cursor:default; overflow:hidden; height:13px;} .dd .ddTitle span.arrow {background:url(/media/system-files/img/select_arrow.gif) no-repeat 0 0 !important; float:right; display:inline-block;width:7px; margin-top:8px; margin-right:2px; height:16px; cursor:pointer; } .dd .ddTitle span.ddTitleText {text-indent:1px; overflow:hidden; padding-left:2px; color:#1E2A63;} .dd .ddTitle span.ddTitleText img{text-align:left; padding:0 2px 0 0} .dd .ddTitle img.selected { padding:0 3px 0 0; vertical-align:top;} .dd .opta { color:#1E2A63; font-style:normal !important; padding-top:7px;} .dd .opta span { padding:0 7px;} .dd .ddChild {position:absolute; padding-top:3px; border:1px solid #7e7e80; border-top:none; display:none; margin:0; width:auto; overflow:auto; overflow-x:hidden !important; background-color:#f0f0f0;} .dd .ddChild .opta a, .dd .ddChild .opta a:visited {padding-left:11px} .dd .ddChild .opta a{ padding-bottom:0px;} .dd .ddChild a {display:block; padding:1px 0 1px 10px; text-decoration:none; color:#1E2A63; overflow:hidden; cursor:pointer;} .dd .ddChild a:hover { color:#555555;} .dd .ddChild a img {border:0; padding:0 2px 0 0; vertical-align:middle;} .hidden {display:none;} #searchtitle {font-size: 16px; font-family: 'Roboto Condensed', sans-serif; font-weight: bold; padding-bottom: 15px; margin: 0 0 0 5px;} fieldset.search {border: 1px solid #BDBDBD;} fieldset.search input{ vertical-align:middle} fieldset.search .input { width:60px; padding:0 5px; height:19px; font-family:Arial, Helvetica, sans-serif} fieldset.search .buttonsearch {height:25px; width:25px; margin-left:0px; background: url(/media/system-files/facelift/search_magni.png); margin: 0 3px 5px 0;} .selectNordAmerika, .selectSudAmerika, .selectAsienPazifik { display:none} .selectEuropa {} /* End Forms --------------------------------------------------------------------------------------------------------*/ .newcontainer select { width:170px; margin-bottom:10px; } .textcontainer a, .textcontainer li a { background-image:url("/media/system-files/img/arrow.gif"); background-position:left center; background-repeat:no-repeat; padding-left:10px;} .textcontainer li, .newcontainer li {list-style-image:url("/media/system-files/img/li.gif");margin-left:15px;} .servicesbox li {/*list-style-image:url("/media/system-files/img/li_trans.gif");margin-left:15px;*/} .textcontainer ul , .servicesbox ul , .newcontainer ul{overflow: hidden;} .textcontainer ul ul , .servicesbox ul ul, .newcontainer ul ul {overflow: hidden;margin-left:16px; } hr, hr {border-bottom:0 solid white;border-top:1px solid #C1C1C1;height:1px;} div.listing_head {font-size:10px;font-weight:bold;} div.listing div.listing_grey {color:#8E8E8E;} .servicesbox select {margin-left:5px;margin-top:10px; width:200px; padding-left:2px;font-size:10px;} #ie6warning {background-color:yellow;color:black;font:16px Verdana,sans-serif;text-align:center;display: none;} div.listing a {color:#9E9E9E;background-image: none; padding-left: 0px;} div.listing a:hover {color:#1E2A63;} /* Anpassung der Listings für Social Media */ .social_media span.more { background:url(/media/system-files/img/arrow.gif) no-repeat left 5px; padding-left:10px; margin-right:11px;} /* /Anpassung der Listings für Social Media */ div.newproductbox img {display:block;} .background-grey { background-color: #E6E6E6;} .postinnerbox { background: none repeat scroll 0 0 #EBEBEB; border: 1px solid #EBEBEB;} .noArrow { background-image: none !important; padding-left: 0 !important;} div.tabnav_container a {background-image: none; padding-left: 0px;} div.tabnav_container { margin-bottom: 10px; width: 100%; padding-top: 10px; } div.tabnav_container .clearfix { border-top: 1px solid #B3B3B3; clear: both; display: block; font-size: 1px; line-height: 1px; } div.tabnav_container div.tabnav { background-color: #ECEAEB; border-left: 1px solid #B4B4B4; border-right: 1px solid #B4B4B4; border-top: 1px solid #B4B4B4; float: left; padding: 6px 7px; margin-right: 2px; } div.tabnav_container div.tabnav a { color: #646464; font-weight: bold; } div.tabnav_container div.tabnav_active { background-color: #A1A1A1; border-left: 1px solid #B4B4B4; border-right: 1px solid #B4B4B4; border-top: 1px solid #B4B4B4; float: left; padding: 6px 7px; margin-right: 2px; } div.tabnav_container div.tabnav_active a:link, div.tabnav_container div.tabnav_active a:visited, div.tabnav_container div.tabnav_active a:hover, div.tabnav_container div.tabnav_active a:active { color: white; font-weight: bold; } .dark{color: #1E2A63;} ul.dark li h1{color: #1E2A63;} ul.dark li.infobutton a { background: url("/media/system-files/img/arrow.gif") no-repeat scroll 5px 8px #ffffff; color: #1E2A63; float: left; letter-spacing: 0; padding: 3px 5px 3px 15px; } .profitbox .info p { padding-bottom: 0;} /* HR */ .ansprech_content h2 {font-size:12px; line-height:14px; margin-bottom:13px; padding-top: 0px} .ansprech_content p {line-height:14px; margin-bottom:21px;} .anspr_list li {float:left; width:100%; padding-top: 20px;} /*.ansprech_content .select_box {margin-bottom:0px;} */ .ansprech_search {line-height:20px; font-size:12px; font-weight:bold; color:#1E2A63;} .ansprech_search .label {padding:0px 0px 6px 0px;} .ansprech_search .label select { font-size:11px; color:#6d6e70; width:191px; margin-left:11px; height:22px; line-height:22px; border:solid 1px #afb0b2; background:#fff;} .anspr_list li {list-style:none; border-bottom:solid 1px #cfcfcf; float:left; padding-bottom:2px; margin-bottom:7px; width:100%; margin-left: 0;} .anspr_list li .image {width:89px; margin-right:28px; padding-bottom:2px;} .anspr_list li .image span {display:block; background:#c8c9cb; height:104px;} .anspr_list li .detail h2 {font-size:11px; line-height:12px; margin-bottom:3px; padding-bottom:0px;} .ansprech_content .anspr_list li .detail p {line-height:14px; padding-top:0px; padding-bottom:0px; margin-bottom:0px;} .anspr_list li .detail {width: 480px;} .select_box {border:solid 1px #afb0b2; background:#edeef0; margin-top:21px; padding:6px 11px 0px 12px; margin-bottom: 20px;} .select_box .head {background:url(/media/system-files/img/head-divider.gif) repeat-x 0px 100%; line-height:14px; height:30px;} .select_box .head .search_input {border:solid 1px #afb0b2; font-size:10px; line-height:16px; color:#6d6e70; width:129px; height:16px; vertical-align:top; padding:2px 5px;} .select_list {padding:7px 0px 7px; overflow: visible !important;} .select_list li {float:left; margin-right:10px; list-style:none; margin-left: 0px} .select_list li.last {margin-right:0px;} .job_select {width:132px; height:22px; font-size:10px; line-height:16px; color:#6d6e70; line-height:22px; border:solid 1px #bdbec0; } .job_select_wide {width:209px; height:22px; font-size:10px; line-height:16px; color:#6d6e70; line-height:22px; border:solid 1px #bdbec0; } .select_box .cboxoption {padding-bottom: 7px;} .select_box .cboxoption input {vertical-align:middle;} .job_select_box { margin-bottom:0; } /* Job-Pager */ .items-per-page-select {width:132px; height:22px; font-size:10px; line-height:16px; color:#6d6e70; line-height:22px; border:solid 1px #bdbec0; margin-bottom: 20px} .job_pager { line-height:21px;margin-left: 140px;text-align: center; } .with_sort_box .job_pager { margin-left: 60px; } .items-per-page-select { width: auto;line-height: inherit;margin:0; } .items-per-page { float: right; } .items-per-page:after { clear:both; } .job_detail_table td { padding:0; } /*.jobslie_content {padding-top:24px;}*/ .jobslie_content h2 {font-size:12px; line-height:14px; margin-bottom:10px; color: #1E2A63;} .jobslie_content p {line-height:14px; margin-bottom:10px; padding-bottom:0px;} .jobslie_content p.last {margin-bottom:16px;} .jobslie_content p a:hover {text-decoration:none; color:#1E2A63;} .jobslie_content ul {margin-bottom:20px; margin-top:10px} .postlinks { list-style:none; margin:0; padding:0;} .postlinks li { vertical-align:top; margin:0; padding:0; list-style-image: none;} .postlinks li a { display:inline-block; padding:0 0 5px 22px !important; color: #1E2A63; font-size: 10px; padding-left: 20px;} .postlinks li a.back_link { background:url(/media/system-files/img/arrow-back.gif) no-repeat 5px 5px; } .postlinks li a.mail {background:url(/media/system-files/img/icn_mail.gif) no-repeat 0 0px !important;} .postlinks li a.print {background:url(/media/system-files/img/icn_print.gif) no-repeat 0 0px;} .postlinks li a.pdflink {background:url(/media/system-files/img/pdficon_small.png) no-repeat 0 0px;} a.tpq { background: none repeat scroll 0 0 transparent; display: inline-block; margin-bottom: 48px; padding: 0 0 0; vertical-align: top; } a.jobs { color: #1E2A63; display: block; margin: 9px 0 26px 0; } a.back_link { background: url(/media/system-files/img/arrow-back.gif) no-repeat scroll 0 5px transparent; color: #1E2A63; font-size: 10px; } h1.height { line-height: 36px; padding-bottom: 27px; color: #1E2A63; font-size: 16px; font-weight: bold; } h2.jobsubtitle { color: #1E2A63; font-weight: bold; padding-bottom: 27px; margin-top: -38px; } #application-link, .application-link { background: none repeat scroll 0 0 #ebebeb !important; border: 1px solid #999292; box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2); padding: 5px 10px; } .event_list ul {padding-bottom:16px;} .event_list li {list-style:none; position:relative; float:left; width:100%; padding-bottom:9px; margin-bottom:6px; border-bottom:solid 1px #cfcfcf; margin-left: 0px;} .event_list li.last {margin-bottom:0px;} .event_list li .more_link {position:absolute; top:14px; right:10px; padding-bottom:10px; font-size:10px} .event_list li .event {color:#1E2A63; font-weight:bold; font-size:10px; line-height:14px; width: 540px;} .event_list li .label {display:block; line-height:14px;} .hrbox { background: none repeat scroll 0 0 #E0E1E3; border: 1px solid #BABBBF;} .selectCountry, .selectCountry li { list-style:none !important;} .selectCountry li { float:left; margin-left:0; } .selectCountry .selectoption{ float:right;} .selectCountry .selectoption select { width:135px; border:solid 1px #bdbec0; font-size:10px; color:#6d6e70; height:20px; line-height:20px;} .tags ul{ margin: 5px 2px 5px 2px; padding: 0; text-align: center; overflow: visible; } .tags li{ margin:0; padding:0; list-style:none; display:inline; } .tags li a{ text-decoration:none; color:#1E2A63; padding: 1px 2px 1px 0; line-height: 17px; } .tags li a:hover{ color:#7d7d7d; } .tag1{font-size:100%;} .tag2{font-size:120%;} .tag3{font-size:140%;} .tag4{font-size:160%;} .tag5{font-size:180%;} .tag1{font-size:9px;} .tag2{font-size:12px;} .tag3{font-size:14px;} .tag4{font-size:16px;} .tag5{font-size:18px;} img.countrySelect {padding-bottom: 10px;} .Jobform { border: 0px solid transparent; background:transparent; padding:0 ; margin:0;} .JobformsearchBox { padding-bottom:4px; margin-bottom:8px;} .JobformsearchBox .Jobform{ padding-top:1px;} .Jobformdata { display:block; margin:0; padding:0; list-style:none;overflow:visible !important;} .Jobformdata li { display:block; vertical-align:top; padding:9px 0 0px 0; margin:0;list-style-image:none; } .Jobformdata li .label { display:block; padding:0 0 2px 5px; font-size:10px; color:#6e6f73;} .Jobformdata li select { display:block; width:172px; padding:0 0 0 0px; margin:0; border:solid 1px #bdbec0; font-size:10px; color:#6d6e70; height:22px; line-height:22px;} .Jobformdata li:first-child { padding-top:3px; } .sectionName { float: left; font-size: 25px; line-height: 29px; list-style: none outside none; margin: -2px 0 0 19px; padding: 0 26px; position: relative; font-family: 'Roboto Condensed', sans-serif; } .hrbox .info {padding: 6px 6px 0px 6px;} .productlisting .hrbox { min-height: 165px; } .productlisting .last {margin-right: 0px;} /* Testimonial */ .testiresult { margin:0; padding:2px 12px 12px 12px;} .testiresult h1{ color:#1E2A63; padding:0 0 12px 0; font-size:13px;} .testiresultBox { margin:0; padding:10px 0 0 0; position:relative; } .testiresultBox ul { margin:0; padding:0; list-style:none; position:relative; width:100%; overflow: visible;} .testiresultBox li { margin:3px; padding:0; vertical-align:top; float:left; display:block; width:140px; height:94px; } .LargeBox li { width:192px; height:150px; } .testiresultBox li img { vertical-align:top; width:140px; border:0px;} .LargeBox li img { width:192px; } .testiresultBox .testiDetail { margin:0; padding:0; overflow:hidden; height:94px; width:220px; display:block; background:url(/media/system-files/img/popup-background.png) no-repeat left -99999px;} .LargeBox .testiDetail { height:150px; width:352px; background:url(/media/system-files/img/popup-background.png) no-repeat left -99999px;} .testiresultBox .testiInfo { display:none; padding:5px 10px 8px 10px; color:#FFF; line-height:12px;} .testiresultBox li:hover .testiDetail { position:absolute; background-position:right bottom; width:222px; height:auto; overflow:visible; margin:-40px 0 0 -50px; padding:0 7px 7px 0; } .LargeBox li:hover .testiDetail { width:354px; background-position:right bottom;} .testiresultBox li:hover img { width:220px; border:solid 1px #FFF;} .LargeBox li:hover img { width:352px; } .testiresultBox li:hover .testiInfo { display:block;} .testiPopupContent { height:600px;overflow:auto;overflow:auto; } /*Home HR*/ .homeHRwidecolumn { float:left; padding: 10px 0; width:290px; } .homeHRwidecolumn.single { width:100%;} .homeHRnarrowcolumn { float:right; padding: 10px 0; width:290px; padding-right:9px} .homeHRnarrowcolumn.single { float:left;width:50%;} .homeHRnarrowcolumn li, .homeHRnarrowcolumn ul { list-style-image:none;margin:0; } .homeHRnarrowcolumn h2{ background: url("/media/system-files/img/arrow.gif") no-repeat scroll 1px 12px transparent; border-bottom: 1px solid #BFC3C8; margin-bottom: 1px; padding: 5px 0 8px 16px; color: #1e2a63; } .homeHRnarrowcolumn h2 a { color: #1e2a63; } .homeHRwidecolumn h1, .homeHRnarrowcolumn h1 { border-bottom: 1px solid #BFC3C8; margin-bottom: 2px; padding-bottom: 14px; padding-left: 0; } .contentaccordioncontain {padding: 10px 16px} .productlisting .productbox {margin-top: 10px;} /* Popup Box */ #fade { display: none; background: #000; position: fixed; left: 0; top: 0; z-index: 10; width: 100%; height: 100%; opacity: .70; z-index: 9999; } .popup_block{ display: none; float: left; position: fixed; top: 50%; left: 50%; z-index: 9999999; height:404px; } .popup_block .closepopup { background:url(/media/system-files/img/prettyphoto/icon-close.png) no-repeat left top; width:24px; height:24px; position:absolute; right:-3px; top:-10px;} /* Worldwide Map */ .internationalMap { background:#FFF url(/media/system-files/img/map.jpg) no-repeat center 45px; display:block; width:714px;} .internationalMap h1 { color:#cccccc; font-weight:normal; text-align:center; padding-right:10px; font-size:14px; margin:4px 0 24px 0} .countryBox h1{ color:#b1afb0} .countryBox { float:left; width:210px; padding:10px 9px 10px 19px ; min-height:384px; font-family:Arial, Helvetica, sans-serif; font-size:11px; } .internationalMap .countryList { display:none} .countryBox:hover{background:url(/media/system-files/img/map-box.png) repeat } .countryBox:hover .countryList{ display:block;} .countryBox:hover h1{ color:#FFF;} .internationalMap ul { list-style:none; margin:0; padding:0; width:100px} .internationalMap ul li { vertical-align:top; padding-bottom:3px;cursor:pointer; } .internationalMap ul li li { padding-bottom:0px; line-height:14px; background: none; padding-left:0px; } .internationalMap ul li { color:#b3bfb8; background:url(/media/system-files/img/arrow-map.gif) no-repeat left 4px; padding: 0 0 0 7px;} .internationalMap ul li:hover { color:#FFF; background-position:0 -42px;} .internationalMap ul ul { margin:0; padding:0 0 0 7px; display:none} .internationalMap ul ul a{ background:none;} .internationalMap .column { width:80px;} .internationalMap ul li:hover a { color:#FFF; background-position:0 4px;} .internationalMap ul li:hover li a { color:#b3bfb8;} .internationalMap ul li a { color:#b3bfb8;} .internationalMap ul li:hover li a:hover { color:#FFF;} .internationalMap ul li:hover ul { display:block;} div.newproductbox .poplight img { padding-bottom: 15px; } .zonehidden { display: none !important; } #customerlogin li {background: none;} .controlnavigation li a.iconlogin span { background: url(/media/system-files/img/drop-arrow.png) no-repeat scroll right 3px transparent; padding-right: 11px; } #customerlogin a { color: #7D7D7D; background-image: url("/media/system-files/img/arrow.gif"); background-position: left center; background-repeat: no-repeat; padding-left: 10px; } #customerlogin input {width: 130px;} .iconlogin { display: block; float: left; padding: 2px} #tooltip { background-color: #E0E1E3; padding: 7px; box-shadow: 0 0 3px #333; border-radius: 3px; } .appr_loc td{ padding: 0px; } #appr_matrix{ width: 600px } .tooltip { cursor: pointer; } #displayDataTable { width: 100%; } #displayDataTable .rowSpacer { background-color: #E0E1E3; } #displayDataTable .odd { background-color: #EFF0F2; } #displayDataTable .even { background-color: #fff; } #displayDataTable th { font-weight: bold; color: #444; } #displayDataTable td, #displayDataTable th { padding: 8px; text-align: left; } #displayDataTable .borderRight { border-right: 1px #E0E1E3 solid; } #displayDataTable .cell { text-align: center; } #displayDataTable .columnHead { text-align: center; /*-webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);*/ width:30; } /*JobAgent*/ .jobabo_box { margin-bottom: 20px; margin-top:21px; /*padding: 6px 11px 0 12px;*/ } .jobabo_select { border:1px solid #AFB0B2; color:#6D6E70; font-size:10px; height:22px; line-height:22px; vertical-align:top; width:129px; } .jobabo_input { border:1px solid #AFB0B2; color:#6D6E70; font-size:10px; height:16px; line-height:16px; padding:2px 5px; vertical-align:top; width:260px; } .jobaboButton { line-height:20px;} /* ENDE JobAgent */ /* Video Player */ .video { padding: 0 0 30px 0; } .video .player { background-color: #000000; width: 100%; } .video .player a { display: table-cell; vertical-align: middle; text-decoration: none; overflow: hidden; text-align: center; } .video .player.ratio-16-9 a { height: 338px; width: 600px; } .video .player.ratio-4-3 a { height: 450px; width: 600px; } .video .player.ratio-4-3 a img { max-height: 450px; max-width: 600px; } /*.wide .video .player.ratio-16-9 a { height: 410px; width: 728px; } .wide .video .player.ratio-4-3 a { height: 546px; width: 728px; }*/ .video .player a img { margin: 0 auto; display: inline; } .video .download { margin: 30px 0 0 0; border: 1px solid #C0C0C0; background-color: #FFFFFF; } .video .download p { font-size: 11px; line-height: 16px; margin: 0; padding: 2px 8px 3px 8px; } .video .download p:first-child { background-color: #F0F0F0; padding-bottom: 4px; } .video .download p > span { color: #666666; font-size: 10px; line-height: 16px; } .video .download p a { color: #D40039; text-decoration: none; padding: 0 0 0 13px; background-position: -391px -917px; } .video .download p a:hover { text-decoration: underline; } /* Download-Liste */ .downloadList { margin-top:4px; margin-bottom:5px; } .dlLeftColumn { float:left;padding-right:20px; } .dlRightColumn { } .listing_image { display:none; } /* versteckt die images, die via lazy load geladen werden sollen, um Fallback sauber zu gewaehrleisten */ .load_indicator { display:none; } .pager_wrapper { display:none;background:#E0E1E3; padding:8px 6px; text-align:center; } .job_pager_wrapper { display:none;background:#ffffff; } .job_pager_wrapper.with_sort_box { text-align:left; } .pagerElement { margin-left:5px;cursor:pointer; } .pagerElement.inactive { cursor:auto;opacity:0.3; } /* Standard */ .image_listing_table { display:table;width:595px;margin-top:4px;margin-bottom:5px; } .image_listing_table .image_listing_page { width:595px; } .thumbnail_listing_row { display:table-row;width:595px; } .thumbnail_listing_cell { display:table-cell;text-align: left;vertical-align: top;width:209px; } .thumbnail_listing_cell3 { width:30%;text-align:right; } .thumbnail_listing_cell3 { padding:0 0 0 10px; } .thumbnail_listing_cell3 p { padding:0 !important;text-align:right; } .linkSpacer { margin:3px; } /* Management-Board */ .people_listing .thumbnail_listing_cell { padding-top:16px;border-top:1px silver solid;padding-bottom:16px; } .people_listing .thumbnail_listing_row:first-child .thumbnail_listing_cell{ padding-top:0;border-top:0; } .people_listing .thumbnail_listing_cell { width:auto; } .people_listing .thumbnail_listing_cell2 { padding-left:24px; } .people_listing .thumbnail_listing_cell2 p { padding:4px 0 5px 0 !important; } .people_listing .thumbnail_listing_cell2 p.linkSpacer { padding:0 !important; } /* Data & Facts */ .image_text_link .thumbnail_listing_cell { vertical-align: middle;padding-right:10px; } .image_text_link .thumbnail_listing_cell1 { min-width:120px; width: 20%; text-align: center; padding:0;} .image_text_link .thumbnail_listing_cell2 { min-width:255px; width: 42,5%; padding: 0 5px 0 10px; } .image_text_link .thumbnail_listing_cell3 { min-width:195px; width: 32,5%; text-align:left; padding:0 5px 0 10px;} .image_text_link .thumbnail_listing_cell3 p { padding:4px 0 5px 0 !important;text-align:left; } /* Terms & Conditions */ .image_link .thumbnail_listing_cell { width:auto;vertical-align:top;padding-bottom:10px; } .image_link .thumbnail_listing_cell1 { padding-right:30px; } .image_link .thumbnail_listing_cell3{ width:100%;text-align:left; } .image_link .thumbnail_listing_cell3 p { padding:0 !important;text-align:left; } /* Presse-Downloads */ .pr_downloads .thumbnail_listing_cell1 p.linkSpacer { padding:0 !important; } .pr_downloads .thumbnail_listing_cell { padding-bottom:14px; } .pr_downloads .thumbnail_listing_cell2 { width:377px; } /* Tabellen Styles */ tr.even th { font-weight:bold; } .table_event { border: 1px rgb(193, 193, 193) solid; } .table_event td { border-top-style: solid; border-bottom-style: solid; border-color: rgb(193, 193, 193); border-width: 1px 0px; } .table_event td:first-child { width:10px; } .spacing_border td { border-bottom: 1px silver solid; padding-top:15px; padding-bottom:15px; } tr.compact td { padding:0px; } td { padding:4px; } table.full_bordered, table.alternate { margin-bottom:20px; } table.full_bordered { border:1px #7d7d7d solid; border-width: 1px 0 0 1px; cellspacing:0; margin-top: 6px; } table.full_bordered td , table.full_bordered th { border:0px #7d7d7d solid; border-width: 0 1px 1px 0; } table.first_col_25 td, table.first_col_25 th { vertical-align: top; } table.first_col_25 tr>td:first-child , table.first_col_25 tr>th:first-child { width:25% !important; } /* alternate-style */ table.alternate .odd { background-color: #F0F0F0; } /* alternate_th-style */ table.alternate { border: 1px solid #C0C0C0; border-right: none; margin-top: 6px; } table.alternate td, table.alternate th { border-right: 1px solid #C0C0C0; vertical-align: top; padding: 2px 8px 4px 8px; } table.alternate .even:first-child>th { color: #1E2A63; line-height: 18px; font-weight: normal; padding: 7px 8px; background-color: #E5E5E5; } table.alternate_th .odd { background-color: #F0F0F0; } /* Suche */ .bg_color_white { background-color:#FFFFFF; background:#FFFFFF } .tag3 { color:#333 } .header_small { color:#333; font-size:11px; } #all_results.header_small, #pagination_results.header_small {color:#BDBDBD; font-size:16px; font-family: 'Roboto Condensed',sans-serif;} fieldset.search input{ border:1px solid transparent; height: 21px; margin-left: 0px; } #cse-search-form { height: 33px; width: 375px;} #cse-search-form #search_box {color: #7D7D7D; margin: 5px; width: 325px;} .result_link { font-weight:400; font-size:16px; font-family: 'Roboto Condensed',sans-serif; } .result_link:visited { font-weight:bold; color:#1E2A63; } #pagination {background: #FFF; font-family: 'Roboto Condensed',sans-serif;} #pagination td {margin: 4px 0; padding: 5px 1px 3px 1px; width: 22px; height: 22px;} #pagination td span {background: #F7F7F7; font-family: 'Roboto Condensed',sans-serif; margin: 5px 5px 5px 5px; padding: 4px 2px 0px 2px ; width: 22px; height: 22px; display:block;} #pagination_results {margin:0; padding: 0;} #pagination_results td {margin-top:0; padding-top: 0;} #pagination_results td.arrow span.b {width: 25px; height: 25px; display: block;} #pagination_results #arrow_double_left {background: #F7F7F7 url(/media/system-files/facelift/search_arrow_double_left.png) no-repeat 2px 2px;} #pagination_results #arrow_double_right {background: #F7F7F7 url(/media/system-files/facelift/search_arrow_double_right.png) no-repeat 2px 2px;} #pagination_results #arrow_left {background: #F7F7F7 url(/media/system-files/facelift/search_arrow_left.png) no-repeat 2px 2px;} #pagination_results #arrow_right {background: #F7F7F7 url(/media/system-files/facelift/search_arrow_right.png) no-repeat 2px 2px;} #pagination_results td.arrow {margin: 0 5px 5px 5px; padding: 0 3px 3px 3px;} #pagination_results td.arrow span {margin: 0; padding: 0;background: #F7F7F7;} .cur_pagenum { font-weight:400;font-size:16px; color: #7D7D7D;} .res_nav_bar { font-weight:bold;font-size:11px;color:#333;} #searchResult h3 {font-size: 16px;font-family: 'Roboto Condensed',sans-serif; margin-left: 10px; font-weight: 400} #searchResult td.s {color: #7D7D7D;font-size: 14px;font-family: 'Roboto Condensed',sans-serif; padding: 10px 0 0 10px; font-weight: 400;} #searchResult p.g { width: 100%; border-bottom: 1px solid #BDBDBD; margin: 20px 0;padding: 0;} #searchResult p.g:first-of-type {margin: 5px 0 15px 0;} #searchResult span.c11 {background: #EBEBEB; color: #1e2a63;} #overlay { z-index:1000; border:1px solid #7D7D7D; position:absolute; top:50; left:0; background:#FFF; opacity:1.00; -moz-opacity:1.00; filter:alpha(opacity=100); visibility:hidden; } textarea { background-color:#ffa; border:1px solid #7D7D7D; } /* Worldwide Map */ .inlineMap { background:#FFF url(/media/system-files/img/map.jpg) no-repeat center 45px; display:block; width:600px;} .inlineMap h1 { color:#cccccc; font-weight:normal; text-align:center; padding-right:10px; font-size:14px; margin:4px 0 24px 0} .inlineMap .countryBox h1{ color:#b1afb0} .inlineMap .countryBox { float:left; width:172px; padding:10px 9px 10px 9px ; min-height:384px; font-family:Arial, Helvetica, sans-serif; font-size:11px; } .inlineMap .countryList { display:none} .inlineMap .countryBox:hover{background:url(/media/system-files/img/map-box.png) repeat } .inlineMap .countryBox:hover .countryList{ display:block;} .inlineMap .countryBox:hover h1{ color:#FFF;} .inlineMap ul { list-style:none; margin:0; padding:0; width:182px} /*91px for two columns */ .inlineMap ul li { vertical-align:top; padding-bottom:3px;cursor:pointer; } .inlineMap ul li li { padding-bottom:0px; line-height:14px; background: none; padding-left:0px; } .inlineMap ul li { list-style-image: none; color:#b3bfb8; background:url(/media/system-files/img/arrow-map.gif) no-repeat left 4px; padding: 0 0 0 7px;} .inlineMap ul li:hover { color:#FFF; background-position:0 -42px;} .inlineMap ul ul { margin:0; padding:0 0 0 7px; display:none} .inlineMap ul ul a{ background:none;} .inlineMap .column { width:80px;} .inlineMap ul li:hover a { color:#FFF; background-position:0 4px;} .inlineMap ul li:hover li a { color:#b3bfb8;} .inlineMap ul li a { background-image: none; padding-left: 0px; color:#b3bfb8;} .inlineMap ul li:hover li a:hover { color:#FFF;} .inlineMap ul li:hover ul { display:block;} /* Google Maps 4 Locations*/ #inline2 { display: none;} #map_canvas { width: 600px; height: 400px; margin-top:10px; margin-bottom: 5px;} #directions_panel2 { width: 600px } .errortextvisible { color:red; font-weight:bold;} input.direction { margin-bottom: 10px;} /* Hotspots */ .hotspot { background:url(/media/system-files/img/mouse-over-rot.png) left top no-repeat;width:22px;height:22px; } .hotspotLink { height:22px;line-height:22px;padding-right:4px;clear:both;white-space:nowrap;position: absolute; z-index: 10; } #imgMarker span { display:block;float:left;white-space:nowrap; } #imgMap > img { position:absolute; } #imgMarker { position:absolute; } /* testimonials */ .testiPopup { display:none; } .timg { position:relative; } .timg span { bottom: 0; font-weight: bold; padding-left: 10px; position: absolute; width: 180px; color: #7D7D7D; } .timg span p { padding:0;margin:0;display:inline; } .ttext { padding-top: 10px; clear: both; color: #7D7D7D; } .ttext p { padding:0; } .imageLink { position:relative; } .lupe { background:url(/media/system-files/img/icon_lupe.png); bottom: 5px; height: 24px; overflow: hidden; position: absolute; right: 6px; text-indent: -10000px; width: 24px; padding:0 !important; margin:0 !important; } /* Hack fuer IE .lupe { right:5px\9; }*/ /* Image-Gallery */ .blockUI { z-index: 10000 !important; } .image-gallery.tn3 { height: 373px; margin: 10px 0 30px 0; } .wide .image-gallery.tn3 { height: 551px; margin: 0 0 30px 0; } .album { margin:10px 0; } .image-gallery.album .pagination-content { position: relative; left: -24px; padding: 15px 0 0 0; margin: 0 0 -1px 0; width: 506px; list-style:none; } .wide .image-gallery.album .pagination-content { width: 758px; } .album .thumbnail_listing_row { float: left; height: 101px; width: 180px; margin: 0 10px 18px 10px; list-style:none; /*border-radius:4px;*/ /*border:1px #888 solid;*/ overflow: hidden; /*-moz-box-shadow: 0 0 3px #888; -webkit-box-shadow: 0 0 3px #888; box-shadow: 0 0 3px #888;*/ background:url(/media/system-files/img/mahle_image_frame.jpg) no-repeat center; } .album .thumbnail_listing_cell { text-align:center; padding: 10px; } .image-gallery.album .pagination-content li > div { display: block; text-align: center; margin: 8px 0 0 9px; overflow: hidden; } .album a { overflow: hidden; width:160px; height:81px; display:block; } .album a > img { max-height: 81px; /*max-width: 113px;*/ vertical-align:middle; } .album .thumbnail_listing_cell h3, .album .thumbnail_listing_cell p { display: none; } /* TN3 Gallery */ .tn3-gallery { position: relative; width: 600px; height: 373px; background-color: #F7F7F7; line-height: normal; } .wide .tn3-gallery { width: 728px; height: 551px; } .tn3-gallery img { margin: 0 !important; padding: 0 !important; border: 0 !important; max-width: none !important; } .tn3-image { position: absolute; width: 600px; height: 330px; background-color: #F7F7F7; } .wide .tn3-image { width: 728px; height: 504px; } .tn3-controls-bg { position: absolute; width: 598px; height: 47px; bottom: 0px; background-image: url(/media/system-files/img/tn3/tbg.png); border-left: 1px solid #C0C0C0; border-right: 1px solid #C0C0C0; } .wide .tn3-controls-bg { width: 726px; } .tn3-thumbs ul, .tn3-thumbs li { margin: 0 !important; padding: 0 !important; list-style: none !important; } .tn3-thumbs { position: absolute; width: 397px; height: 37px; bottom: 0px; left: 49px; padding: 4px 28px 4px 28px; } .wide .tn3-thumbs { width: 525px; } .tn3-thumb { width: 37px; height: 37px; margin-right: 3px; cursor: pointer; } .tn3-thumb img { width: 35px; height: 35px; margin: 1px; } .tn3-thumb-over { /* border: 1px solid #c3c3c3; */ } .tn3-thumb-selected { /* border: 1px solid #c3c3c3; */ cursor: default; } .tn3-next { position: absolute; background-image: url(/media/system-files/img/tn3/tn3.png); background-position: -39px -2px; width: 30px; height: 31px; right: 6px; cursor: pointer; } .tn3-next:hover { /* background-position: -39px -39px; */ } .tn3-prev { position: absolute; background-image: url(/media/system-files/img/tn3/tn3.png); background-position: -4px -2px; width: 30px; height: 31px; left: 6px; cursor: pointer; } .tn3-prev:hover { /* background-position: -4px -39px; */ } .tn3-next-page { position: absolute; background-image: url(/media/system-files/img/tn3/tn3.png); background-position: -153px -5px; width: 25px; height: 25px; right: 99px; bottom: 9px; cursor: pointer; } .tn3-next-page:hover { /* background-position: -153px -42px; */ } .tn3-prev-page { position: absolute; background-image: url(/media/system-files/img/tn3/tn3.png); background-position: -129px -5px; width: 25px; height: 25px; bottom: 9px; left: 51px; cursor: pointer; } .tn3-prev-page:hover { /* background-position: -129px -42px; */ } .tn3-preloader { position: absolute; width: 39px; height: 15px; } .tn3-text-bg { position: absolute; top: 0px; width: 100%; font-size: medium; background-image: url(/media/system-files/img/tn3/bg.png); padding-bottom: 1.1em; } .tn3-image-title { font-family: Tahoma, Helvetica, sans-serif; color: #e0dcdc; font-size: 0.6875em; font-weight: bold; padding: 1.1em 0 0 1.1em; } .tn3-image-description { font-family: Tahoma, Helvetica, sans-serif; color: #e0dcdc; font-size: 0.625em; line-height: 1.1em; padding-left: 1.1em; } .tn3-timer { position:absolute; width: 100%; height: 2px; bottom: 0px; background: url(/media/system-files/img/tn3/bg.png) repeat; background: rgba(0, 0, 0, 0.3); } .tn3-count { position:absolute; right:20px; bottom:6px; color:#777777; font-family:Arial, Helvetica, sans-serif; font-size:12px; display: none; } .tn3-play { position: absolute; background-image: url(/media/system-files/img/tn3/tn3.png); background-position: -74px -5px; left: 13px; bottom: 9px; width: 25px; height: 25px; cursor: pointer; } .tn3-play:hover { /* background-position: -74px -42px; */ } .tn3-play-active { background-position: -101px -4px; } .tn3-play-active:hover { /* background-position: -101px -41px; */ } .tn3-show-albums { position: absolute; background-image: url(/media/system-files/img/tn3/tn3.png); background-position: -177px -6px; bottom: 9px; right: 59px; width: 25px; height: 25px; cursor: pointer; display: none; } .tn3-show-albums:hover { /* background-position: -177px -41px; */ } .tn3-fullscreen { position: absolute; background-image: url(/media/system-files/img/tn3/tn3.png); background-position: -203px -5px; bottom: 9px; right: 11px; width: 25px; height: 25px; cursor: pointer; } .tn3-fullscreen:hover { /* background-position: -203px -42px; */ } .tn3-albums { position: absolute; width: 728px; height: 551px; left: 0px; top: 0px; color: #e0dcdc; font-family: Tahoma, Helvetica, sans-serif; background-image:url(/media/system-files/img/tn3/bg.png); background: rgba(0, 0, 0, 0.7); } .tn3-inalbums { position: absolute; width: 620px; height: 380px; padding: 14px; top: 45px; } .tn3-album { position:absolute; width: 280px; height: 70px; background-color: #1a1a1a; overflow: hidden; cursor: pointer; } .tn3-album-over { background-color: #2a2a2a; } .tn3-album-selected { background-color: #cdcdcd; color: #111214; cursor: default; } .tn3-album-image { height: 100%; width: 80px; margin-right: 10px; float: left; } .tn3-album-image img { width: 80px; height: 80px; } .tn3-album-title { font-size:11px; font-weight:bold; margin-top: 1em; } .tn3-album-description { font-size:10px; height: 3em; line-height: 1.4em; overflow: hidden; } .tn3-albums-next { position:absolute; background-image:url(/media/system-files/img/tn3/tn3.png); background-position: -43px -9px; width: 20px; height: 20px; right:24px; top:20px; cursor:pointer; } .tn3-albums-next:hover { /* background-position: -43px -46px; */ } .tn3-albums-prev { position:absolute; background-image:url(/media/system-files/img/tn3/tn3.png); background-position: -9px -9px; width: 20px; height: 20px; right: 46px; top: 20px; cursor: pointer; } .tn3-albums-prev:hover { /* background-position: -9px -46px; */ } .tn3-albums-close { position: absolute; background-image: url(/media/system-files/img/tn3/tn3.png); background-position: -237px -9px; width: 20px; height: 20px; left: 20px; top: 19px; cursor: pointer; } .tn3-albums-close:hover { /* background-position: -237px -47px; */ } .tn3-sep1 { position: absolute; background-color: #C0C0C0; width: 1px; height: 47px; left: 47px; } .tn3-sep2 { position: absolute; background-color: #C0C0C0; width: 1px; height: 47px; right: 96px; } .tn3-sep3 { position: absolute; background-color: #C0C0C0; width: 1px; height: 47px; right: 47px; } /* when javascript is disabled */ .tn3.album, .tn3.album li { float:left; list-style: none; margin:4px; } .tn3.album div, .tn3.album li h3, .tn3.album li div{ display:none; } /** @start breadcrumbs **/ .breadcrumb { margin-bottom: 5px; } .breadcrumb ul { list-style-type: none; } .breadcrumb ul li { float: left; padding: 2px 0; padding-left: 13px; margin-left: 7px; background-image: url(/media/system-files/img/arrow.gif); background-position: left center; background-repeat: no-repeat; padding-top:0; } .breadcrumb ul li.last { font-weight: bold; } .breadcrumb ul li.first { background-image: none; padding-left: 0; margin-left: 0; } .narrowcolumnLeft { padding-top: 1px; } /** @end breadcrumbs **/ /* @start group articles */ .listingFilter .entries li { margin-left: 0; list-style: none; } div.listingFilter a.download { /* padding-left: 10px; */ } .listingFilter .entries li.even { background-color: #f0f0f0; } .listingFilter .entries li.odd { background-color: #ffffff; } .listingFilter .select_box .tm_search h2 { padding: 8px 0; margin-right: 0 20px 0 0; float: left; color: #1e2a63; font-size: 12px; font-weight: bold; line-height: 20px; } .listingFilter .select_box .tm_select { margin-bottom:0; width:132px; height:22px; font-size:10px; line-height:16px; color:#6d6e70; line-height:22px; border:solid 1px #bdbec0; } .listingFilter ul.entries { border: 1px solid lightgrey; } .listingFilter .select_box { margin-top: 0; padding-top: 0; } .listingFilter .tm_search ul.select_list { float: right; } .listingFilter .tm_search ul.select_list li { margin-left:4px; margin-right:0; } .listingFilter .tm_search ul.select_list.small li select { width: 130px; } .listingFilter .tm_search ul.select_list.medium li select { width: 190px; } .listingFilter .tm_search ul.select_list.large li select { width: 250px; } /* @end group articles */ /* Coookie Notification */ .cookiebar { background: none repeat scroll 0 0 #fff; border: 1px solid #ccc; bottom: 0; position: fixed; width: 100%; } .cookienote { color: #1e2a63; font: 14px/1.8 sans-serif; position: relative; margin: 10px 20px; box-sizing: border-box; -moz-box-sizing: border-box; } .cookiecont, #cookiecont { font-size: 14px; float: right; margin: 0 0 0 10px; border: 1px solid #999292; padding: 0px 5px; background: #ebebeb; box-shadow: 0 2px 2px rgba(0,0,0,.2); } .cookienote a { background:url(/media/system-files/img/arrow.gif) no-repeat left 5px; padding-left:10px; margin-right:0px;} #imprint-up {margin-top: 50px;} @media (max-width: 960px) { #imprint-up {margin-top: 100px;} } @media (max-width: 640px) { #imprint-up {margin-top: 150px;} } @media (max-width: 380px) { #imprint-up {margin-top: 200px;} } .noicon { background: none !important; } /* * Benefits */ .benefits_list, .benefits_list li { list-style-type: none; list-style-image: none;color: #1e2a63;margin:0; } .benefits_list li { line-height:32px; } .benefits_list li img { display:inline-block; margin-right: 12px;vertical-align:middle; } /* * MULTISELECT */ /* * MULTISELECT */ /** * @author zhixin wen */ .ms-parent { display: inline-block; position: relative; vertical-align: middle; height: 20px; } .ms-choice { display: block; width: 100%; height: 20px; padding: 0; overflow: hidden; cursor: pointer; border: 0px solid #aaa; text-align: left; white-space: nowrap; line-height: 21px; color: #444; text-decoration: none; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; background-color: #fff; } .ms-choice.disabled { background-color: #f4f4f4; background-image: none; border: 0px solid #ddd; cursor: default; } .ms-choice > span { position: absolute; top: 0px; left: 0; right: 20px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; padding-left: 4px; color: #6d6e70; font-family: Arial; font-size: 10px; line-height: 20px; } .ms-choice > span.placeholder { color: #999; } .ms-choice > div { position: absolute; top: -3px; right: -4px; width: 20px; height: 20px; background: url('/media/system-files/img/multiple-select.png') left top no-repeat; } .ms-choice > div.open { background: url('/media/system-files/img/multiple-select.png') right top no-repeat; } .ms-drop { /*width: 100%;*/ overflow: hidden; display: none; margin-top: 0px; padding: 0; position: absolute; z-index: 1000; background: #fff; color: #000; border: 1px solid #aaa; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; } .ms-drop.bottom { top: 100%; -webkit-box-shadow: 0 4px 5px rgba(0, 0, 0, .15); -moz-box-shadow: 0 4px 5px rgba(0, 0, 0, .15); box-shadow: 0 4px 5px rgba(0, 0, 0, .15); } .ms-drop.top { bottom: 100%; -webkit-box-shadow: 0 -4px 5px rgba(0, 0, 0, .15); -moz-box-shadow: 0 -4px 5px rgba(0, 0, 0, .15); box-shadow: 0 -4px 5px rgba(0, 0, 0, .15); } .ms-search { display: inline-block; margin: 0; min-height: 26px; padding: 4px; position: relative; white-space: nowrap; width: 100%; z-index: 10000; } .ms-search input { width: 100%; height: auto !important; min-height: 24px; padding: 0 20px 0 5px; margin: 0; outline: 0; font-family: sans-serif; font-size: 1em; border: 1px solid #aaa; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; background: #fff url('multiple-select.png') no-repeat 100% -22px; background: url('multiple-select.png') no-repeat 100% -22px, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, white), color-stop(0.99, #eeeeee)); background: url('multiple-select.png') no-repeat 100% -22px, -webkit-linear-gradient(center bottom, white 85%, #eeeeee 99%); background: url('multiple-select.png') no-repeat 100% -22px, -moz-linear-gradient(center bottom, white 85%, #eeeeee 99%); background: url('multiple-select.png') no-repeat 100% -22px, -o-linear-gradient(bottom, white 85%, #eeeeee 99%); background: url('multiple-select.png') no-repeat 100% -22px, -ms-linear-gradient(top, #ffffff 85%, #eeeeee 99%); background: url('multiple-select.png') no-repeat 100% -22px, linear-gradient(top, #ffffff 85%, #eeeeee 99%); } .ms-search, .ms-search input { -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .ms-drop ul { overflow: auto !important; margin: 0 !important; padding: 5px 8px; } .ms-drop ul > li { list-style: none; display: list-item; background-image: none; position: static; clear: both; } .ms-drop ul > li .disabled { opacity: .35; filter: Alpha(Opacity=35); } .ms-drop ul > li.multiple { display: block; float: left; } .ms-drop ul > li.group { clear: both; } .ms-drop ul > li.multiple label { width: 100%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .ms-drop ul > li label { font-weight: normal; display: block; white-space: nowrap; } .ms-drop ul > li label.optgroup { font-weight: bold; } .ms-drop input[type="checkbox"] { vertical-align: middle; } .ms-drop .ms-no-results { display: none; } .folderSlideshow img { display: none; } .folderSlideshow img:first-child { display: block; } .glossar .horizontal_nav_container {text-align: center;} .glossar .horizontal_nav_container > .horizontal_nav {font-size: 13px; background: none; margin: 0; padding:2px; display: inline;} .glossar .horizontal_nav_container > .horizontal_nav.inactive { color: #7d7d7d} .glossar .term_list {min-height: 110px; margin: 40px 0 0 0;} .glossar .term_list h3 {margin: 3px 0 4px 0;} .glossar .term_list h3:first-of-type {margin: 0 0 4px 0;} .glossar .term_list .capital {padding: 45px 20px 69px 30px; display: inline-block; font-size: 120px; color: #1e2a63; font-weight: bold;}