html.lightbox div.leftnav { display: none; } html.lightbox div.foot { display: none; } html.lightbox div#top { display: none; } html.lightbox div.flyouts { display: none; } html.lightbox div.flyout-overlay { display: none; } html.lightbox div.col-cra { display: none; } html.lightbox div#fixed_bottom_nav { display: none; } html.lightbox body { overflow: visible; } html.lightbox .content { width: auto; float: none; } html.lightbox .main { padding: 0px; } html.lightbox .content .col-main { width: auto; float: none; margin-right: auto; } /*! normalize.css v3.0.2 | MIT License | git.io/normalize */ /** * 1. Set default font family to sans-serif. * 2. Prevent iOS text size adjust after orientation change, without disabling * user zoom. */ html { font-family: sans-serif; /* 1 */ -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */ } /** * Remove default margin. */ body { margin: 0; } /* HTML5 display definitions ========================================================================== */ /** * Correct `block` display not defined for any HTML5 element in IE 8/9. * Correct `block` display not defined for `details` or `summary` in IE 10/11 * and Firefox. * Correct `block` display not defined for `main` in IE 11. */ article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; } /** * 1. Correct `inline-block` display not defined in IE 8/9. * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera. */ audio, canvas, progress, video { display: inline-block; /* 1 */ vertical-align: baseline; /* 2 */ } /** * Prevent modern browsers from displaying `audio` without controls. * Remove excess height in iOS 5 devices. */ audio:not([controls]) { display: none; height: 0; } /** * Address `[hidden]` styling not present in IE 8/9/10. * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22. */ [hidden], template { display: none; } /* Links ========================================================================== */ /** * Remove the gray background color from active links in IE 10. */ a { background-color: transparent; } /** * Improve readability when focused and also mouse hovered in all browsers. */ a:active, a:hover { outline: 0; } /* Text-level semantics ========================================================================== */ /** * Address styling not present in IE 8/9/10/11, Safari, and Chrome. */ abbr[title] { border-bottom: 1px dotted; } /** * Address style set to `bolder` in Firefox 4+, Safari, and Chrome. */ b, strong { font-weight: bold; } /** * Address styling not present in Safari and Chrome. */ dfn { font-style: italic; } /** * Address variable `h1` font-size and margin within `section` and `article` * contexts in Firefox 4+, Safari, and Chrome. */ h1 { font-size: 2em; margin: 0.67em 0; } /** * Address styling not present in IE 8/9. */ mark { background: #ff0; color: #000; } /** * Address inconsistent and variable font size in all browsers. */ small { font-size: 80%; } /** * Prevent `sub` and `sup` affecting `line-height` in all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } /* Embedded content ========================================================================== */ /** * Remove border when inside `a` element in IE 8/9/10. */ img { border: 0; } /** * Correct overflow not hidden in IE 9/10/11. */ svg:not(:root) { overflow: hidden; } /* Grouping content ========================================================================== */ /** * Address margin not present in IE 8/9 and Safari. */ figure { margin: 1em 40px; } /** * Address differences between Firefox and other browsers. */ hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; } /** * Contain overflow in all browsers. */ pre { overflow: auto; } /** * Address odd `em`-unit font size rendering in all browsers. */ code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; } /* Forms ========================================================================== */ /** * Known limitation: by default, Chrome and Safari on OS X allow very limited * styling of `select`, unless a `border` property is set. */ /** * 1. Correct color not being inherited. * Known issue: affects color of disabled elements. * 2. Correct font properties not being inherited. * 3. Address margins set differently in Firefox 4+, Safari, and Chrome. */ button, input, optgroup, select, textarea { color: inherit; /* 1 */ font: inherit; /* 2 */ margin: 0; /* 3 */ } /** * Address `overflow` set to `hidden` in IE 8/9/10/11. */ button { overflow: visible; } /** * Address inconsistent `text-transform` inheritance for `button` and `select`. * All other form control elements do not inherit `text-transform` values. * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera. * Correct `select` style inheritance in Firefox. */ button, select { text-transform: none; } /** * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` * and `video` controls. * 2. Correct inability to style clickable `input` types in iOS. * 3. Improve usability and consistency of cursor style between image-type * `input` and others. */ button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; /* 2 */ cursor: pointer; /* 3 */ } /** * Re-set default cursor for disabled elements. */ button[disabled], html input[disabled] { cursor: default; } /** * Remove inner padding and border in Firefox 4+. */ button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } /** * Address Firefox 4+ setting `line-height` on `input` using `!important` in * the UA stylesheet. */ input { line-height: normal; } /** * It's recommended that you don't attempt to style these elements. * Firefox's implementation doesn't respect box-sizing, padding, or width. * * 1. Address box sizing set to `content-box` in IE 8/9/10. * 2. Remove excess padding in IE 8/9/10. */ input[type="checkbox"], input[type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } /** * Fix the cursor style for Chrome's increment/decrement buttons. For certain * `font-size` values of the `input`, it causes the cursor style of the * decrement button to change from `default` to `text`. */ input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; } /** * 1. Address `appearance` set to `searchfield` in Safari and Chrome. * 2. Address `box-sizing` set to `border-box` in Safari and Chrome * (include `-moz` to future-proof). */ input[type="search"] { -webkit-appearance: textfield; /* 1 */ -moz-box-sizing: content-box; -webkit-box-sizing: content-box; /* 2 */ box-sizing: content-box; } /** * Remove inner padding and search cancel button in Safari and Chrome on OS X. * Safari (but not Chrome) clips the cancel button when the search input has * padding (and `textfield` appearance). */ input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /** * Define consistent border, margin, and padding. */ fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } /** * 1. Correct `color` not being inherited in IE 8/9/10/11. * 2. Remove padding so people aren't caught out if they zero out fieldsets. */ legend { border: 0; /* 1 */ padding: 0; /* 2 */ } /** * Remove default vertical scrollbar in IE 8/9/10/11. */ textarea { overflow: auto; } /** * Don't inherit the `font-weight` (applied by a rule above). * NOTE: the default cannot safely be changed in Chrome and Safari on OS X. */ optgroup { font-weight: bold; } /* Tables ========================================================================== */ /** * Remove most spacing between table cells. */ table { border-collapse: collapse; border-spacing: 0; } td, th { padding: 0; } /** Break Points **/ /*1009;*/ /*767;*/ /*479;*/ /** Colors **/ /* START @import "base.css" */ /* basic styles * $Id: base.css 730 2010-11-23 08:30:46Z christofh $ */ * { -moz-transition: color 0.5s ease-in-out, background-color 0.5s ease-in-out; transition: color 0.5s ease-in-out, background-color 0.5s ease-in-out; } @font-face { font-family: "Glypha-Bold"; src: url("global/Fonts/a9fac05b-7139-447c-9d0a-e2cfe6f08956.eot?#iefix"); src: url("global/Fonts/a9fac05b-7139-447c-9d0a-e2cfe6f08956.eot?#iefix") format("eot"), url("global/Fonts/52db8eec-5d0e-4047-9df3-01b004f01371.woff") format("woff"), url("global/Fonts/fb20e835-937d-4e90-b91a-38e17c8bb0ee.ttf") format("truetype"), url("global/Fonts/124daf03-3c02-409f-aa57-3b8cb061723e.svg#124daf03-3c02-409f-aa57-3b8cb061723e") format("svg"); } html, body, h1, h2, h3, h4, h5, h6, p, form, iframe, pre, blockquote, ul, ol, li, dd, dl, fieldset, hr { margin: 0; padding: 0; } body { font: normal 75%/1.5 sans-serif; color: #000; background-color: #fff; } a { text-decoration: none; } img { border: 0; vertical-align: middle; } textarea { resize: vertical; } * > body sup, * > body sub { vertical-align: baseline; position: relative; } * > body sup { top: -0.4em; } * > body sub { bottom: -0.2em; } table { border-collapse: collapse; border-spacing: 0; } tr { vertical-align: top; } caption, th { text-align: left; } ul, ol, li, dd { /*margin-left: 20px*/ } li { line-height: 1.25em; } .inline { list-style: none; margin-left: 0; } .inline li { display: inline; margin-left: 0; } .inline dt { clear: left; float: left; } .inline dd { margin-left: 0; } /* useful for and shown by JS */ .jsblock, .jsinline { display: none; } /* add to floating elements which shall clear floating after themselves */ * html .clearfix { height: 1%; /* IE5-6 */ } * + html .clearfix { display: inline-block; /* IE7not8 */ } .clearfix:after { /* FF, IE8, O, S, etc. */ content: "."; display: block; height: 0; clear: both; visibility: hidden; } /* START @import "jquery.compactlinks.css" */ /* $Id: jquery.compactlinks.css 866 2011-10-14 08:21:20Z christofh $ */ ul.compactlinks { height: 5em; overflow: auto; } .compactlinks-wrap { position: relative; float: left; } .compactlinks-wrap ul { max-height: 10em; overflow: auto; background: #fff; margin-left: 0; padding: 4px 0; -webkit-box-shadow: 2px 2px 4px #999; -moz-box-shadow: 2px 2px 4px #999; box-shadow: 2px 2px 4px #999; } .countryDetection .compactlinks-wrap li, .meta .compactlinks-wrap li { display: block; position: relative; float: none !important; margin-left: 0; padding: 2px 4px 2px 7px; } .countryDetection .compactlinks-wrap li.COM:first-child, .meta .compactlinks-wrap li.COM:first-child { margin-bottom: 4px; border-bottom: 1px solid #ccc; } .compactlinks-wrap ul.location { width: 160px !important; } ul.location li a { padding-left: 20px; padding-right: 0; } .countryDetection .location .compactlinks-head, .meta .location .compactlinks-head { position: relative; margin-left: 0; padding: 0 14px 0 26px; } .chosen-container i { background: url(static/flags.png) no-repeat -192px -165px; width: 16px; height: 11px; display: inline-block; } .location .compactlinks-head:before, ul.location li a:before { display: block; content: ""; width: 16px; height: 11px; background: url(static/flags.png) no-repeat -192px -165px; position: absolute; top: 1px; left: 5px; } .countryDetection select option { position: relative; } .location .compactlinks-head:before, ul.location li a:before { display: block; content: ""; width: 16px; height: 11px; background: url(static/flags.png) no-repeat -192px -165px; position: absolute; top: 1px; left: 5px; } .COM .compactlinks-head:before, ul.location li.COM a:before, i.COM { background-position: -192px -165px; } .INT .compactlinks-head:before, ul.location li.INT a:before, i.INT { background-position: -208px -165px; } .AD .compactlinks-head:before, ul.location li.AD a:before, i.AD { background-position: -16px 0; } .AE .compactlinks-head:before, ul.location li.AE a:before, i.AE { background-position: -32px 0; } .AF .compactlinks-head:before, ul.location li.AF a:before, i.AF { background-position: -48px 0; } .AG .compactlinks-head:before, ul.location li.AG a:before, i.AG { background-position: -64px 0; } .AI .compactlinks-head:before, ul.location li.AI a:before, i.AI { background-position: -80px 0; } .AL .compactlinks-head:before, ul.location li.AL a:before, i.AL { background-position: -96px 0; } .AM .compactlinks-head:before, ul.location li.AM a:before, i.AM { background-position: -112px 0; } .AN .compactlinks-head:before, ul.location li.AN a:before, i.AN { background-position: -128px 0; } .AO .compactlinks-head:before, ul.location li.AO a:before, i.AO { background-position: -144px 0; } .AR .compactlinks-head:before, ul.location li.AR a:before, i.AR { background-position: -160px 0; } .AS .compactlinks-head:before, ul.location li.AS a:before, i.AS { background-position: -176px 0; } .AT .compactlinks-head:before, ul.location li.AT a:before, i.AT { background-position: -192px 0; } .AU .compactlinks-head:before, ul.location li.AU a:before, i.AU { background-position: -208px 0; } .AW .compactlinks-head:before, ul.location li.AW a:before, i.AW { background-position: -224px 0; } .AZ .compactlinks-head:before, ul.location li.AZ a:before, i.AZ { background-position: -240px 0; } .BA .compactlinks-head:before, ul.location li.BA a:before, i.BA { background-position: 0 -11px; } .BB .compactlinks-head:before, ul.location li.BB a:before, i.BB { background-position: -16px -11px; } .BD .compactlinks-head:before, ul.location li.BD a:before, i.BD { background-position: -32px -11px; } .BE .compactlinks-head:before, ul.location li.BE a:before, i.BE { background-position: -48px -11px; } .BF .compactlinks-head:before, ul.location li.BF a:before, i.BF { background-position: -64px -11px; } .BG .compactlinks-head:before, ul.location li.BG a:before, i.BG { background-position: -80px -11px; } .BH .compactlinks-head:before, ul.location li.BH a:before, i.BH { background-position: -96px -11px; } .BI .compactlinks-head:before, ul.location li.BI a:before, i.BI { background-position: -112px -11px; } .BJ .compactlinks-head:before, ul.location li.BJ a:before, i.BJ { background-position: -128px -11px; } .BM .compactlinks-head:before, ul.location li.BM a:before, i.BM { background-position: -144px -11px; } .BN .compactlinks-head:before, ul.location li.BN a:before, i.BN { background-position: -160px -11px; } .BO .compactlinks-head:before, ul.location li.BO a:before, i.BO { background-position: -176px -11px; } .BR .compactlinks-head:before, ul.location li.BR a:before, i.BR { background-position: -192px -11px; } .BS .compactlinks-head:before, ul.location li.BS a:before, i.BS { background-position: -208px -11px; } .BT .compactlinks-head:before, ul.location li.BT a:before, i.BT { background-position: -224px -11px; } .BV .compactlinks-head:before, ul.location li.BV a:before, i.BV { background-position: -240px -11px; } .BW .compactlinks-head:before, ul.location li.BW a:before, i.BW { background-position: 0 -22px; } .BY .compactlinks-head:before, ul.location li.BY a:before, i.BY { background-position: -16px -22px; } .BZ .compactlinks-head:before, ul.location li.BZ a:before, i.BZ { background-position: -32px -22px; } .CA .compactlinks-head:before, ul.location li.CA a:before, i.CA { background-position: -48px -22px; } .CATALONIA .compactlinks-head:before, ul.location li.CATALONIA a:before, i.CATALONIA { background-position: -64px -22px; } .CD .compactlinks-head:before, ul.location li.CD a:before, i.CD { background-position: -80px -22px; } .CF .compactlinks-head:before, ul.location li.CF a:before, i.CF { background-position: -96px -22px; } .CG .compactlinks-head:before, ul.location li.CG a:before, i.CG { background-position: -112px -22px; } .CH .compactlinks-head:before, ul.location li.CH a:before, i.CH { background-position: -128px -22px; } .CI .compactlinks-head:before, ul.location li.CI a:before, i.CI { background-position: -144px -22px; } .CK .compactlinks-head:before, ul.location li.CK a:before, i.CK { background-position: -160px -22px; } .CL .compactlinks-head:before, ul.location li.CL a:before, i.CL { background-position: -176px -22px; } .CM .compactlinks-head:before, ul.location li.CM a:before, i.CM { background-position: -192px -22px; } .CN .compactlinks-head:before, ul.location li.CN a:before, i.CN { background-position: -208px -22px; } .CO .compactlinks-head:before, ul.location li.CO a:before, i.CO { background-position: -224px -22px; } .CR .compactlinks-head:before, ul.location li.CR a:before, i.CR { background-position: -240px -22px; } .CU .compactlinks-head:before, ul.location li.CU a:before, i.CU { background-position: 0 -33px; } .CV .compactlinks-head:before, ul.location li.CV a:before, i.CV { background-position: -16px -33px; } .CW .compactlinks-head:before, ul.location li.CW a:before, i.CW { background-position: -32px -33px; } .CY .compactlinks-head:before, ul.location li.CY a:before, i.CY { background-position: -48px -33px; } .CZ .compactlinks-head:before, ul.location li.CZ a:before, i.CZ { background-position: -64px -33px; } .DE .compactlinks-head:before, ul.location li.DE a:before, i.DE { background-position: -80px -33px; } .DJ .compactlinks-head:before, ul.location li.DJ a:before, i.DJ { background-position: -96px -33px; } .DK .compactlinks-head:before, ul.location li.DK a:before, i.DK { background-position: -112px -33px; } .DM .compactlinks-head:before, ul.location li.DM a:before, i.DM { background-position: -128px -33px; } .DO .compactlinks-head:before, ul.location li.DO a:before, i.DO { background-position: -144px -33px; } .DZ .compactlinks-head:before, ul.location li.DZ a:before, i.DZ { background-position: -160px -33px; } .EC .compactlinks-head:before, ul.location li.EC a:before, i.EC { background-position: -176px -33px; } .EE .compactlinks-head:before, ul.location li.EE a:before, i.EE { background-position: -192px -33px; } .EG .compactlinks-head:before, ul.location li.EG a:before, i.EG { background-position: -208px -33px; } .EH .compactlinks-head:before, ul.location li.EH a:before, i.EH { background-position: -224px -33px; } .UK .compactlinks-head:before, ul.location li.UK a:before, i.UK { background-position: -240px -33px; } .ER .compactlinks-head:before, ul.location li.ER a:before, i.ER { background-position: 0 -44px; } .ES .compactlinks-head:before, ul.location li.ES a:before, i.ES { background-position: -16px -44px; } .ET .compactlinks-head:before, ul.location li.ET a:before, i.ET { background-position: -32px -44px; } .EU .compactlinks-head:before, ul.location li.EU a:before, i.EU { background-position: -48px -44px; } .FI .compactlinks-head:before, ul.location li.FI a:before, i.FI { background-position: -64px -44px; } .FJ .compactlinks-head:before, ul.location li.FJ a:before, i.FJ { background-position: -80px -44px; } .FK .compactlinks-head:before, ul.location li.FK a:before, i.FK { background-position: -96px -44px; } .FM .compactlinks-head:before, ul.location li.FM a:before, i.FM { background-position: -112px -44px; } .FO .compactlinks-head:before, ul.location li.FO a:before, i.FO { background-position: -128px -44px; } .FR .compactlinks-head:before, ul.location li.FR a:before, i.FR { background-position: -144px -44px; } .GA .compactlinks-head:before, ul.location li.GA a:before, i.GA { background-position: -160px -44px; } .GB .compactlinks-head:before, ul.location li.GB a:before, i.GB { background-position: -176px -44px; } .GD .compactlinks-head:before, ul.location li.GD a:before, i.GD { background-position: -192px -44px; } .GE .compactlinks-head:before, ul.location li.GE a:before, i.GE { background-position: -208px -44px; } .GF .compactlinks-head:before, ul.location li.GF a:before, i.GF { background-position: -224px -44px; } .GG .compactlinks-head:before, ul.location li.GG a:before, i.GG { background-position: -240px -44px; } .GH .compactlinks-head:before, ul.location li.GH a:before, i.GH { background-position: 0 -55px; } .GI .compactlinks-head:before, ul.location li.GI a:before, i.GI { background-position: -16px -55px; } .GL .compactlinks-head:before, ul.location li.GL a:before, i.GL { background-position: -32px -55px; } .GM .compactlinks-head:before, ul.location li.GM a:before, i.GM { background-position: -48px -55px; } .GN .compactlinks-head:before, ul.location li.GN a:before, i.GN { background-position: -64px -55px; } .GP .compactlinks-head:before, ul.location li.GP a:before, i.GP { background-position: -80px -55px; } .GQ .compactlinks-head:before, ul.location li.GQ a:before, i.GQ { background-position: -96px -55px; } .GR .compactlinks-head:before, ul.location li.GR a:before, i.GR { background-position: -112px -55px; } .GS .compactlinks-head:before, ul.location li.GS a:before, i.GS { background-position: -128px -55px; } .GT .compactlinks-head:before, ul.location li.GT a:before, i.GT { background-position: -144px -55px; } .GU .compactlinks-head:before, ul.location li.GU a:before, i.GU { background-position: -160px -55px; } .GW .compactlinks-head:before, ul.location li.GW a:before, i.GW { background-position: -176px -55px; } .GY .compactlinks-head:before, ul.location li.GY a:before, i.GY { background-position: -192px -55px; } .HK .compactlinks-head:before, ul.location li.HK a:before, i.HK { background-position: -208px -55px; } .HM .compactlinks-head:before, ul.location li.HM a:before, i.HM { background-position: -224px -55px; } .HN .compactlinks-head:before, ul.location li.HN a:before, i.HN { background-position: -240px -55px; } .HR .compactlinks-head:before, ul.location li.HR a:before, i.HR { background-position: 0 -66px; } .HT .compactlinks-head:before, ul.location li.HT a:before, i.HT { background-position: -16px -66px; } .HU .compactlinks-head:before, ul.location li.HU a:before, i.HU { background-position: -32px -66px; } .IC .compactlinks-head:before, ul.location li.IC a:before, i.IC { background-position: -48px -66px; } .ID .compactlinks-head:before, ul.location li.ID a:before, i.ID { background-position: -64px -66px; } .IE .compactlinks-head:before, ul.location li.IE a:before, i.IE { background-position: -80px -66px; } .IL .compactlinks-head:before, ul.location li.IL a:before, i.IL { background-position: -96px -66px; } .IM .compactlinks-head:before, ul.location li.IM a:before, i.IM { background-position: -112px -66px; } .IN .compactlinks-head:before, ul.location li.IN a:before, i.IN { background-position: -128px -66px; } .IO .compactlinks-head:before, ul.location li.IO a:before, i.IO { background-position: -144px -66px; } .IQ .compactlinks-head:before, ul.location li.IQ a:before, i.IQ { background-position: -160px -66px; } .IR .compactlinks-head:before, ul.location li.IR a:before, i.IR { background-position: -176px -66px; } .IS .compactlinks-head:before, ul.location li.IS a:before, i.IS { background-position: -192px -66px; } .IT .compactlinks-head:before, ul.location li.IT a:before, i.IT { background-position: -208px -66px; } .JE .compactlinks-head:before, ul.location li.JE a:before, i.JE { background-position: -224px -66px; } .JM .compactlinks-head:before, ul.location li.JM a:before, i.JM { background-position: -240px -66px; } .JO .compactlinks-head:before, ul.location li.JO a:before, i.JO { background-position: 0 -77px; } .JP .compactlinks-head:before, ul.location li.JP a:before, i.JP { background-position: -16px -77px; } .KE .compactlinks-head:before, ul.location li.KE a:before, i.KE { background-position: -32px -77px; } .KG .compactlinks-head:before, ul.location li.KG a:before, i.KG { background-position: -48px -77px; } .KH .compactlinks-head:before, ul.location li.KH a:before, i.KH { background-position: -64px -77px; } .KI .compactlinks-head:before, ul.location li.KI a:before, i.KI { background-position: -80px -77px; } .KM .compactlinks-head:before, ul.location li.KM a:before, i.KM { background-position: -96px -77px; } .KN .compactlinks-head:before, ul.location li.KN a:before, i.KN { background-position: -112px -77px; } .KP .compactlinks-head:before, ul.location li.KP a:before, i.KP { background-position: -128px -77px; } .KR .compactlinks-head:before, ul.location li.KR a:before, i.KR { background-position: -144px -77px; } .KURDISTAN .compactlinks-head:before, ul.location li.KURDISTAN a:before, i.KURDISTAN { background-position: -160px -77px; } .KW .compactlinks-head:before, ul.location li.KW a:before, i.KW { background-position: -176px -77px; } .KY .compactlinks-head:before, ul.location li.KY a:before, i.KY { background-position: -192px -77px; } .KZ .compactlinks-head:before, ul.location li.KZ a:before, i.KZ { background-position: -208px -77px; } .LA .compactlinks-head:before, ul.location li.LA a:before, i.LA { background-position: -224px -77px; } .LB .compactlinks-head:before, ul.location li.LB a:before, i.LB { background-position: -240px -77px; } .LC .compactlinks-head:before, ul.location li.LC a:before, i.LC { background-position: 0 -88px; } .LI .compactlinks-head:before, ul.location li.LI a:before, i.LI { background-position: -16px -88px; } .LK .compactlinks-head:before, ul.location li.LK a:before, i.LK { background-position: -32px -88px; } .LR .compactlinks-head:before, ul.location li.LR a:before, i.LR { background-position: -48px -88px; } .LS .compactlinks-head:before, ul.location li.LS a:before, i.LS { background-position: -64px -88px; } .LT .compactlinks-head:before, ul.location li.LT a:before, i.LT { background-position: -80px -88px; } .LU .compactlinks-head:before, ul.location li.LU a:before, i.LU { background-position: -96px -88px; } .LV .compactlinks-head:before, ul.location li.LV a:before, i.LV { background-position: -112px -88px; } .LY .compactlinks-head:before, ul.location li.LY a:before, i.LY { background-position: -128px -88px; } .MA .compactlinks-head:before, ul.location li.MA a:before, i.MA { background-position: -144px -88px; } .MC .compactlinks-head:before, ul.location li.MC a:before, i.MC { background-position: -160px -88px; } .MD .compactlinks-head:before, ul.location li.MD a:before, i.MD { background-position: -176px -88px; } .ME .compactlinks-head:before, ul.location li.ME a:before, i.ME { background-position: -192px -88px; } .MG .compactlinks-head:before, ul.location li.MG a:before, i.MG { background-position: -208px -88px; } .MH .compactlinks-head:before, ul.location li.MH a:before, i.MH { background-position: -224px -88px; } .MK .compactlinks-head:before, ul.location li.MK a:before, i.MK { background-position: -240px -88px; } .ML .compactlinks-head:before, ul.location li.ML a:before, i.ML { background-position: 0 -99px; } .MM .compactlinks-head:before, ul.location li.MM a:before, i.MM { background-position: -16px -99px; } .MN .compactlinks-head:before, ul.location li.MN a:before, i.MN { background-position: -32px -99px; } .MO .compactlinks-head:before, ul.location li.MO a:before, i.MO { background-position: -48px -99px; } .MP .compactlinks-head:before, ul.location li.MP a:before, i.MP { background-position: -64px -99px; } .MQ .compactlinks-head:before, ul.location li.MQ a:before, i.MQ { background-position: -80px -99px; } .MR .compactlinks-head:before, ul.location li.MR a:before, i.MR { background-position: -96px -99px; } .MS .compactlinks-head:before, ul.location li.MS a:before, i.MS { background-position: -112px -99px; } .MT .compactlinks-head:before, ul.location li.MT a:before, i.MT { background-position: -128px -99px; } .MU .compactlinks-head:before, ul.location li.MU a:before, i.MU { background-position: -144px -99px; } .MV .compactlinks-head:before, ul.location li.MV a:before, i.MV { background-position: -160px -99px; } .MW .compactlinks-head:before, ul.location li.MW a:before, i.MW { background-position: -176px -99px; } .MX .compactlinks-head:before, ul.location li.MX a:before, i.MX { background-position: -192px -99px; } .MY .compactlinks-head:before, ul.location li.MY a:before, i.MY { background-position: -208px -99px; } .MZ .compactlinks-head:before, ul.location li.MZ a:before, i.MZ { background-position: -224px -99px; } .NA .compactlinks-head:before, ul.location li.NA a:before, i.NA { background-position: -240px -99px; } .NC .compactlinks-head:before, ul.location li.NC a:before, i.NC { background-position: 0 -110px; } .NE .compactlinks-head:before, ul.location li.NE a:before, i.NE { background-position: -16px -110px; } .NF .compactlinks-head:before, ul.location li.NF a:before, i.NF { background-position: -32px -110px; } .NG .compactlinks-head:before, ul.location li.NG a:before, i.NG { background-position: -48px -110px; } .NI .compactlinks-head:before, ul.location li.NI a:before, i.NI { background-position: -64px -110px; } .NL .compactlinks-head:before, ul.location li.NL a:before, i.NL { background-position: -80px -110px; } .NO .compactlinks-head:before, ul.location li.NO a:before, i.NO { background-position: -96px -110px; } .NP .compactlinks-head:before, ul.location li.NP a:before, i.NP { background-position: -112px -110px; } .NR .compactlinks-head:before, ul.location li.NR a:before, i.NR { background-position: -128px -110px; } .NU .compactlinks-head:before, ul.location li.NU a:before, i.NU { background-position: -144px -110px; } .NZ .compactlinks-head:before, ul.location li.NZ a:before, i.NZ { background-position: -160px -110px; } .OM .compactlinks-head:before, ul.location li.OM a:before, i.OM { background-position: -176px -110px; } .PA .compactlinks-head:before, ul.location li.PA a:before, i.PA { background-position: -192px -110px; } .PE .compactlinks-head:before, ul.location li.PE a:before, i.PE { background-position: -208px -110px; } .PF .compactlinks-head:before, ul.location li.PF a:before, i.PF { background-position: -224px -110px; } .PG .compactlinks-head:before, ul.location li.PG a:before, i.PG { background-position: -240px -110px; } .PH .compactlinks-head:before, ul.location li.PH a:before, i.PH { background-position: 0 -121px; } .PK .compactlinks-head:before, ul.location li.PK a:before, i.PK { background-position: -16px -121px; } .PL .compactlinks-head:before, ul.location li.PL a:before, i.PL { background-position: -32px -121px; } .PM .compactlinks-head:before, ul.location li.PM a:before, i.PM { background-position: -48px -121px; } .PN .compactlinks-head:before, ul.location li.PN a:before, i.PN { background-position: -64px -121px; } .PR .compactlinks-head:before, ul.location li.PR a:before, i.PR { background-position: -80px -121px; } .PS .compactlinks-head:before, ul.location li.PS a:before, i.PS { background-position: -96px -121px; } .PT .compactlinks-head:before, ul.location li.PT a:before, i.PT { background-position: -112px -121px; } .PW .compactlinks-head:before, ul.location li.PW a:before, i.PW { background-position: -128px -121px; } .PY .compactlinks-head:before, ul.location li.PY a:before, i.PY { background-position: -144px -121px; } .QA .compactlinks-head:before, ul.location li.QA a:before, i.QA { background-position: -160px -121px; } .RE .compactlinks-head:before, ul.location li.RE a:before, i.RE { background-position: -176px -121px; } .RO .compactlinks-head:before, ul.location li.RO a:before, i.RO { background-position: -192px -121px; } .RS .compactlinks-head:before, ul.location li.RS a:before, i.RS { background-position: -208px -121px; } .RU .compactlinks-head:before, ul.location li.RU a:before, i.RU { background-position: -224px -121px; } .RW .compactlinks-head:before, ul.location li.RW a:before, i.RW { background-position: -240px -121px; } .SA .compactlinks-head:before, ul.location li.SA a:before, i.SA { background-position: 0 -132px; } .SB .compactlinks-head:before, ul.location li.SB a:before, i.SB { background-position: -16px -132px; } .SC .compactlinks-head:before, ul.location li.SC a:before, i.SC { background-position: -32px -132px; } .SCOTLAND .compactlinks-head:before, ul.location li.SCOTLAND a:before, i.SCOTLAND { background-position: -48px -132px; } .SD .compactlinks-head:before, ul.location li.SD a:before, i.SD { background-position: -64px -132px; } .SE .compactlinks-head:before, ul.location li.SE a:before, i.SE { background-position: -80px -132px; } .SG .compactlinks-head:before, ul.location li.SG a:before, i.SG { background-position: -96px -132px; } .SH .compactlinks-head:before, ul.location li.SH a:before, i.SH { background-position: -112px -132px; } .SI .compactlinks-head:before, ul.location li.SI a:before, i.SI { background-position: -128px -132px; } .SK .compactlinks-head:before, ul.location li.SK a:before, i.SK { background-position: -144px -132px; } .SL .compactlinks-head:before, ul.location li.SL a:before, i.SL { background-position: -160px -132px; } .SM .compactlinks-head:before, ul.location li.SM a:before, i.SM { background-position: -176px -132px; } .SN .compactlinks-head:before, ul.location li.SN a:before, i.SN { background-position: -192px -132px; } .SO .compactlinks-head:before, ul.location li.SO a:before, i.SO { background-position: -208px -132px; } .SOMALILAND .compactlinks-head:before, ul.location li.SOMALILAND a:before, i.SOMALILAND { background-position: -224px -132px; } .SR .compactlinks-head:before, ul.location li.SR a:before, i.SR { background-position: -240px -132px; } .SS .compactlinks-head:before, ul.location li.SS a:before, i.SS { background-position: 0 -143px; } .ST .compactlinks-head:before, ul.location li.ST a:before, i.ST { background-position: -16px -143px; } .SV .compactlinks-head:before, ul.location li.SV a:before, i.SV { background-position: -32px -143px; } .SX .compactlinks-head:before, ul.location li.SX a:before, i.SX { background-position: -48px -143px; } .SY .compactlinks-head:before, ul.location li.SY a:before, i.SY { background-position: -64px -143px; } .SZ .compactlinks-head:before, ul.location li.SZ a:before, i.SZ { background-position: -80px -143px; } .TC .compactlinks-head:before, ul.location li.TC a:before, i.TC { background-position: -96px -143px; } .TD .compactlinks-head:before, ul.location li.TD a:before, i.TD { background-position: -112px -143px; } .TF .compactlinks-head:before, ul.location li.TF a:before, i.TF { background-position: -128px -143px; } .TG .compactlinks-head:before, ul.location li.TG a:before, i.TG { background-position: -144px -143px; } .TH .compactlinks-head:before, ul.location li.TH a:before, i.TH { background-position: -160px -143px; } .TJ .compactlinks-head:before, ul.location li.TJ a:before, i.TJ { background-position: -176px -143px; } .TK .compactlinks-head:before, ul.location li.TK a:before, i.TK { background-position: -192px -143px; } .TL .compactlinks-head:before, ul.location li.TL a:before, i.TL { background-position: -208px -143px; } .TM .compactlinks-head:before, ul.location li.TM a:before, i.TM { background-position: -224px -143px; } .TN .compactlinks-head:before, ul.location li.TN a:before, i.TN { background-position: -240px -143px; } .TO .compactlinks-head:before, ul.location li.TO a:before, i.TO { background-position: 0 -154px; } .TR .compactlinks-head:before, ul.location li.TR a:before, i.TR { background-position: -16px -154px; } .TT .compactlinks-head:before, ul.location li.TT a:before, i.TT { background-position: -32px -154px; } .TV .compactlinks-head:before, ul.location li.TV a:before, i.TV { background-position: -48px -154px; } .TW .compactlinks-head:before, ul.location li.TW a:before, i.TW { background-position: -64px -154px; } .TZ .compactlinks-head:before, ul.location li.TZ a:before, i.TZ { background-position: -80px -154px; } .UA .compactlinks-head:before, ul.location li.UA a:before, i.UA { background-position: -96px -154px; } .UG .compactlinks-head:before, ul.location li.UG a:before, i.UG { background-position: -112px -154px; } .UM .compactlinks-head:before, ul.location li.UM a:before, i.UM { background-position: -128px -154px; } .US .compactlinks-head:before, ul.location li.US a:before, i.US { background-position: -144px -154px; } .UY .compactlinks-head:before, ul.location li.UY a:before, i.UY { background-position: -160px -154px; } .UZ .compactlinks-head:before, ul.location li.UZ a:before, i.UZ { background-position: -176px -154px; } .VA .compactlinks-head:before, ul.location li.VA a:before, i.VA { background-position: -192px -154px; } .VC .compactlinks-head:before, ul.location li.VC a:before, i.VC { background-position: -208px -154px; } .VE .compactlinks-head:before, ul.location li.VE a:before, i.VE { background-position: -224px -154px; } .VG .compactlinks-head:before, ul.location li.VG a:before, i.VG { background-position: -240px -154px; } .VI .compactlinks-head:before, ul.location li.VI a:before, i.VI { background-position: 0 -165px; } .VN .compactlinks-head:before, ul.location li.VN a:before, i.VN { background-position: -16px -165px; } .VU .compactlinks-head:before, ul.location li.VU a:before, i.VU { background-position: -32px -165px; } .WALES .compactlinks-head:before, ul.location li.WALES a:before, i.WALES { background-position: -48px -165px; } .WF .compactlinks-head:before, ul.location li.WF a:before, i.WF { background-position: -64px -165px; } .WS .compactlinks-head:before, ul.location li.WS a:before, i.WS { background-position: -80px -165px; } .YE .compactlinks-head:before, ul.location li.YE a:before, i.YE { background-position: -96px -165px; } .YT .compactlinks-head:before, ul.location li.YT a:before, i.YT { background-position: -112px -165px; } .ZA .compactlinks-head:before, ul.location li.ZA a:before, i.ZA { background-position: -128px -165px; } .ZANZIBAR .compactlinks-head:before, ul.location li.ZANZIBAR a:before, i.ZANZIBAR { background-position: -144px -165px; } .ZM .compactlinks-head:before, ul.location li.ZM a:before, i.ZM { background-position: -160px -165px; } .ZW .compactlinks-head:before, ul.location li.ZW a:before, i.ZW { background-position: -176px -165px; } .compactlinks-wrap ul.language { width: 100px !important; } .compactlinks-head { display: block; background: url(static/icons.png) right -395px no-repeat; margin: 0 5px 7px 0; padding: 2px 0 0 6px; } .compactlinks ul { position: absolute; top: 0; } .compactlinks ul a, ul .compactlinks b { display: inline-block; padding: 0 14px 0 0; font-weight: normal; } .compactlinks a:hover, .compactlinks a:focus { text-decoration: underline; } /* START @import "jquery.dropdownmenu.css" */ /* $Id: jquery.dropdownmenu.css 352 2009-01-19 11:59:00Z christofh $ */ .dropdownmenu h2 { font-size: 1em; padding: 0 5px; margin: 0; } .dropdownmenu:hover h2 { text-decoration: underline; } #js .dropdownmenu ul { display: none; } .dropdownmenu ul, .dropdownmenu li { padding-left: 0; margin-left: 0; } .dropdownmenu ul { max-height: 400px; overflow-y: auto; overflow-x: hidden; width: 300px; border: 1px outset #aaa; padding-top: 2px; } .dropdownmenu ul ul { border: 0; } .dropdownmenu h3 { cursor: default; background: #fff; padding-left: 25px; } .dropdownmenu a { line-height: 1.1em; display: block; background: #fff; padding: 0.3em 5px; border-bottom: 1px solid #ccc; } .dropdownmenu a:hover, .dropdownmenu a:focus { background: #ddd; } .dropdownmenu ul ul a { padding-left: 25px; } /* START @import "jquery.fancybox.css" */ /*! fancyBox v2.1.4 fancyapps.com | fancyapps.com/fancybox/#license */ .fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp { padding: 0; margin: 0; border: 0; outline: none; vertical-align: top; } .fancybox-wrap { position: absolute; top: 0; left: 0; z-index: 8020; } .fancybox-skin { position: relative; background: #fff; color: #444; text-shadow: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .fancybox-opened { z-index: 8030; } .fancybox-opened .fancybox-skin { -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); } .fancybox-outer, .fancybox-inner { position: relative; } .fancybox-inner { overflow: hidden; } .fancybox-type-iframe .fancybox-inner { -webkit-overflow-scrolling: touch; } .fancybox-error { color: #444; font: 14px/20px "Helvetica Neue", Helvetica, Arial, sans-serif; margin: 0; padding: 15px; white-space: nowrap; } .fancybox-image, .fancybox-iframe { display: block; width: 100%; height: 100%; } .fancybox-image { max-width: 100%; max-height: 100%; } #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url('static/fancybox/fancybox_sprite.png'); } #fancybox-loading { position: fixed; top: 50%; left: 50%; margin-top: -22px; margin-left: -22px; background-position: 0 -108px; opacity: 0.8; cursor: pointer; z-index: 8060; } #fancybox-loading div { width: 44px; height: 44px; background: url('static/fancybox/fancybox_loading.gif') center center no-repeat; } .fancybox-close { position: absolute; top: -18px; right: -18px; width: 36px; height: 36px; cursor: pointer; z-index: 8040; } .fancybox-nav { position: absolute; top: 0; width: 40%; height: 100%; cursor: pointer; text-decoration: none; background: transparent url('static/fancybox/blank.gif'); /* helps IE */ -webkit-tap-highlight-color: rgba(0, 0, 0, 0); z-index: 8040; } .fancybox-prev { left: 0; } .fancybox-next { right: 0; } .fancybox-nav span { position: absolute; top: 50%; width: 36px; height: 34px; margin-top: -18px; cursor: pointer; z-index: 8040; visibility: hidden; } .fancybox-prev span { left: 10px; background-position: 0 -36px; } .fancybox-next span { right: 10px; background-position: 0 -72px; } .fancybox-nav:hover span { visibility: visible; } .fancybox-tmp { position: absolute; top: -99999px; left: -99999px; visibility: hidden; max-width: 99999px; max-height: 99999px; overflow: visible !important; } /* Overlay helper */ .fancybox-lock { overflow: hidden; } .fancybox-overlay { position: absolute; top: 0; left: 0; overflow: hidden; display: none; z-index: 8010; background: url('static/overlay.png'); } .fancybox-overlay-fixed { position: fixed; bottom: 0; right: 0; } .fancybox-lock .fancybox-overlay { overflow: auto; overflow-y: scroll; } /* Title helper */ .fancybox-title { visibility: hidden; font: normal 13px/20px "Helvetica Neue", Helvetica, Arial, sans-serif; position: relative; text-shadow: none; z-index: 8050; } .fancybox-opened .fancybox-title { visibility: visible; } .fancybox-title-float-wrap { position: absolute; bottom: 0; right: 50%; margin-bottom: -35px; z-index: 8050; text-align: center; } .fancybox-title-float-wrap .child { display: inline-block; margin-right: -100%; padding: 2px 20px; background: transparent; /* Fallback for web browsers that doesn't support RGBa */ background: rgba(0, 0, 0, 0.8); -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; text-shadow: 0 1px 2px #222; color: #FFF; font-weight: bold; line-height: 24px; white-space: nowrap; } .fancybox-title-outside-wrap { position: relative; margin-top: 10px; color: #fff; } .fancybox-title-inside-wrap { padding-top: 10px; } .fancybox-title-over-wrap { position: absolute; bottom: 0; left: 0; color: #fff; padding: 10px; background: #000; background: rgba(0, 0, 0, 0.8); } .dataTable { width: 100%; margin: 0 auto; clear: both; border-collapse: separate; border-spacing: 0; } .dataTable thead th, .dataTable tfoot th { font-weight: bold; } .dataTable thead th, .dataTable thead td { /* padding: 10px 18px; border-bottom: 1px solid #111 */ } .dataTable thead th:active, .dataTable thead td:active { outline: none; } .dataTable tfoot th, .dataTable tfoot td { padding: 10px 18px 6px 18px; border-top: 1px solid #111111; } .dataTable thead .sorting, .dataTable thead .sorting_asc, .dataTable thead .sorting_desc { cursor: pointer; *cursor: hand; } .dataTable thead .sorting, .dataTable thead .sorting_asc, .dataTable thead .sorting_desc, .dataTable thead .sorting_asc_disabled, .dataTable thead .sorting_desc_disabled { background-repeat: no-repeat; background-position: center right; } .dataTable thead .sorting { padding-right: 15px; background-image: url("static/sort_both.png"); } .dataTable thead .sorting_asc { padding-right: 15px; background-image: url("static/sort_asc.png"); } .dataTable thead .sorting_desc { padding-right: 15px; background-image: url("static/sort_desc.png"); } .dataTable thead .sorting_asc_disabled { padding-right: 15px; background-image: url("static/sort_asc_disabled.png"); } .dataTable thead .sorting_desc_disabled { padding-right: 15px; background-image: url("static/sort_desc_disabled.png"); } .dataTable tbody tr { background-color: #ffffff; } .dataTable tbody tr.selected { background-color: #b0bed9; } .dataTable thead th, .dataTable tbody th, .dataTable tbody td { padding: 8px 10px; } .dataTable.row-border tbody th, .dataTable.row-border tbody td, .dataTable.display tbody th, .dataTable.display tbody td { border-top: 1px solid #dddddd; } .dataTable.row-border tbody tr:first-child th, .dataTable.row-border tbody tr:first-child td, .dataTable.display tbody tr:first-child th, .dataTable.display tbody tr:first-child td { border-top: none; } .dataTable.cell-border tbody th, .dataTable.cell-border tbody td { border-top: 1px solid #ddd; border-right: 1px solid #dddddd; } .dataTable.cell-border tbody tr th:first-child, .dataTable.cell-border tbody tr td:first-child { border-left: 1px solid #dddddd; } .dataTable.cell-border tbody tr:first-child th, .dataTable.cell-border tbody tr:first-child td { border-top: none; } .dataTable.stripe tbody tr.odd, .dataTable.display tbody tr.odd { background-color: #f9f9f9; } .dataTable.stripe tbody tr.odd.selected, .dataTable.display tbody tr.odd.selected { background-color: #acbad4; } .dataTable.hover tbody tr:hover, .dataTable.display tbody tr:hover { background-color: #f6f6f6; } .dataTable.hover tbody tr:hover.selected, .dataTable.display tbody tr:hover.selected { background-color: #aab7d1; } .dataTable.order-column tbody tr > .sorting_1, .dataTable.order-column tbody tr > .sorting_2, .dataTable.order-column tbody tr > .sorting_3, .dataTable.display tbody tr > .sorting_1, .dataTable.display tbody tr > .sorting_2, .dataTable.display tbody tr > .sorting_3 { background-color: #fafafa; } .dataTable.order-column tbody tr.selected > .sorting_1, .dataTable.order-column tbody tr.selected > .sorting_2, .dataTable.order-column tbody tr.selected > .sorting_3, .dataTable.display tbody tr.selected > .sorting_1, .dataTable.display tbody tr.selected > .sorting_2, .dataTable.display tbody tr.selected > .sorting_3 { background-color: #acbad5; } .dataTable.display tbody tr.odd > .sorting_1, .dataTable.order-column.stripe tbody tr.odd > .sorting_1 { background-color: #f1f1f1; } .dataTable.display tbody tr.odd > .sorting_2, .dataTable.order-column.stripe tbody tr.odd > .sorting_2 { background-color: #f3f3f3; } .dataTable.display tbody tr.odd > .sorting_3, .dataTable.order-column.stripe tbody tr.odd > .sorting_3 { background-color: #f5f5f5; } .dataTable.display tbody tr.odd.selected > .sorting_1, .dataTable.order-column.stripe tbody tr.odd.selected > .sorting_1 { background-color: #a6b4cd; } .dataTable.display tbody tr.odd.selected > .sorting_2, .dataTable.order-column.stripe tbody tr.odd.selected > .sorting_2 { background-color: #a8b5cf; } .dataTable.display tbody tr.odd.selected > .sorting_3, .dataTable.order-column.stripe tbody tr.odd.selected > .sorting_3 { background-color: #a9b7d1; } .dataTable.display tbody tr.even > .sorting_1, .dataTable.order-column.stripe tbody tr.even > .sorting_1 { background-color: #fafafa; } .dataTable.display tbody tr.even > .sorting_2, .dataTable.order-column.stripe tbody tr.even > .sorting_2 { background-color: #fcfcfc; } .dataTable.display tbody tr.even > .sorting_3, .dataTable.order-column.stripe tbody tr.even > .sorting_3 { background-color: #fefefe; } .dataTable.display tbody tr.even.selected > .sorting_1, .dataTable.order-column.stripe tbody tr.even.selected > .sorting_1 { background-color: #acbad5; } .dataTable.display tbody tr.even.selected > .sorting_2, .dataTable.order-column.stripe tbody tr.even.selected > .sorting_2 { background-color: #aebcd6; } .dataTable.display tbody tr.even.selected > .sorting_3, .dataTable.order-column.stripe tbody tr.even.selected > .sorting_3 { background-color: #afbdd8; } .dataTable.display tbody tr:hover > .sorting_1, .dataTable.order-column.hover tbody tr:hover > .sorting_1 { background-color: #eaeaea; } .dataTable.display tbody tr:hover > .sorting_2, .dataTable.order-column.hover tbody tr:hover > .sorting_2 { background-color: #ececec; } .dataTable.display tbody tr:hover > .sorting_3, .dataTable.order-column.hover tbody tr:hover > .sorting_3 { background-color: #efefef; } .dataTable.display tbody tr:hover.selected > .sorting_1, .dataTable.order-column.hover tbody tr:hover.selected > .sorting_1 { background-color: #a2aec7; } .dataTable.display tbody tr:hover.selected > .sorting_2, .dataTable.order-column.hover tbody tr:hover.selected > .sorting_2 { background-color: #a3b0c9; } .dataTable.display tbody tr:hover.selected > .sorting_3, .dataTable.order-column.hover tbody tr:hover.selected > .sorting_3 { background-color: #a5b2cb; } .dataTable.no-footer { border-bottom: 1px solid #aaa; } .dataTable.nowrap th, .dataTable.nowrap td { white-space: nowrap; } .dataTable.compact thead th, .dataTable.compact thead td { padding: 4px 17px 4px 4px; } .dataTable.compact tfoot th, .dataTable.compact tfoot td { padding: 4px; } .dataTable.compact tbody th, .dataTable.compact tbody td { padding: 4px; } .dataTable th.dt-left, .dataTable td.dt-left { text-align: left; } .dataTable th.dt-center, .dataTable td.dt-center, .dataTable td.dataTables_empty { text-align: center; } .dataTable th.dt-right, .dataTable td.dt-right { text-align: right; } .dataTable th.dt-justify, .dataTable td.dt-justify { text-align: justify; } .dataTable th.dt-nowrap, .dataTable td.dt-nowrap { white-space: nowrap; } .dataTable thead th.dt-head-left, .dataTable thead td.dt-head-left, .dataTable tfoot th.dt-head-left, .dataTable tfoot td.dt-head-left { text-align: left; } .dataTable thead th.dt-head-center, .dataTable thead td.dt-head-center, .dataTable tfoot th.dt-head-center, .dataTable tfoot td.dt-head-center { text-align: center; } .dataTable thead th.dt-head-right, .dataTable thead td.dt-head-right, .dataTable tfoot th.dt-head-right, .dataTable tfoot td.dt-head-right { text-align: right; } .dataTable thead th.dt-head-justify, .dataTable thead td.dt-head-justify, .dataTable tfoot th.dt-head-justify, .dataTable tfoot td.dt-head-justify { text-align: justify; } .dataTable thead th.dt-head-nowrap, .dataTable thead td.dt-head-nowrap, .dataTable tfoot th.dt-head-nowrap, .dataTable tfoot td.dt-head-nowrap { white-space: nowrap; } .dataTable tbody th.dt-body-left, .dataTable tbody td.dt-body-left { text-align: left; } .dataTable tbody th.dt-body-center, .dataTable tbody td.dt-body-center { text-align: center; } .dataTable tbody th.dt-body-right, .dataTable tbody td.dt-body-right { text-align: right; } .dataTable tbody th.dt-body-justify, .dataTable tbody td.dt-body-justify { text-align: justify; } .dataTable tbody th.dt-body-nowrap, .dataTable tbody td.dt-body-nowrap { white-space: nowrap; } .dataTable, .dataTable th, .dataTable td { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .dataTables_wrapper { position: relative; clear: both; *zoom: 1; zoom: 1; } .dataTables_wrapper .dataTables_length { float: left; } .dataTables_wrapper .dataTables_filter { float: right; text-align: right; } .dataTables_wrapper .dataTables_filter input { margin-left: 0.5em; } .dataTables_wrapper .dataTables_info { clear: both; float: left; padding: 0.755em 0; } .dataTables_wrapper .dataTables_paginate { float: right; text-align: right; margin-bottom: 2em; } .dataTables_wrapper .dataTables_paginate .paginate_button { box-sizing: border-box; display: inline-block; min-width: 1.5em; padding: 0.5em 1em; margin-left: 2px; text-align: center; text-decoration: none !important; cursor: pointer; *cursor: hand; color: #333 !important; border: 1px solid transparent; border-radius: 2px; } .dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover { color: #333 !important; border: 1px solid #979797; background-color: white; background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #dcdcdc)); background: -webkit-linear-gradient(top, #ffffff 0%, #dcdcdc 100%); background: -moz-linear-gradient(top, #ffffff 0%, #dcdcdc 100%); background: -ms-linear-gradient(top, #ffffff 0%, #dcdcdc 100%); background: -o-linear-gradient(top, #ffffff 0%, #dcdcdc 100%); background: linear-gradient(to bottom, #ffffff 0%, #dcdcdc 100%); } .dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active { cursor: default; color: #666 !important; border: 1px solid transparent; background: transparent; box-shadow: none; } .dataTables_wrapper .dataTables_paginate .paginate_button:hover { color: white !important; background: #f07d0f; /*border: 1px solid #111; background-color: #585858; background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #585858), color-stop(100%, #111)); background: -webkit-linear-gradient(top, #585858 0%, #111 100%); background: -moz-linear-gradient(top, #585858 0%, #111 100%); background: -ms-linear-gradient(top, #585858 0%, #111 100%); background: -o-linear-gradient(top, #585858 0%, #111 100%); background: linear-gradient(to bottom, #585858 0%, #111 100%)*/ } .dataTables_wrapper .dataTables_paginate .paginate_button:active { outline: none; background-color: #2b2b2b; background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2b2b2b), color-stop(100%, #0c0c0c)); background: -webkit-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%); background: -moz-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%); background: -ms-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%); background: -o-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%); background: linear-gradient(to bottom, #2b2b2b 0%, #0c0c0c 100%); box-shadow: inset 0 0 3px #111111; } .dataTables_wrapper .dataTables_paginate .ellipsis { padding: 0 1em; } .dataTables_wrapper .dataTables_processing { position: absolute; top: 50%; left: 50%; width: 100%; height: 40px; margin-left: -50%; margin-top: -25px; padding-top: 20px; text-align: center; font-size: 1.2em; background-color: white; background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(25%, rgba(255, 255, 255, 0.9)), color-stop(75%, rgba(255, 255, 255, 0.9)), color-stop(100%, rgba(255, 255, 255, 0))); background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%); background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%); background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%); background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%); background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%); } .dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter, .dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_processing, .dataTables_wrapper .dataTables_paginate { color: #333333; } .dataTables_wrapper .dataTables_scroll { clear: both; } .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody { *margin-top: -1px; -webkit-overflow-scrolling: touch; } .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody th > div.dataTables_sizing, .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody td > div.dataTables_sizing { height: 0; overflow: hidden; margin: 0 !important; padding: 0 !important; } .dataTables_wrapper.no-footer .dataTables_scrollBody { border-bottom: 1px solid #111111; } .dataTables_wrapper.no-footer div.dataTables_scrollHead table, .dataTables_wrapper.no-footer div.dataTables_scrollBody table { border-bottom: none; } .dataTables_wrapper:after { visibility: hidden; display: block; content: ""; clear: both; height: 0; } @media screen and (max-width: 767px) { .dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_paginate { float: none; text-align: center; } .dataTables_wrapper .dataTables_paginate { margin-top: 0.5em; } } @media screen and (max-width: 640px) { .dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter { float: none; text-align: center; } .dataTables_wrapper .dataTables_filter { margin-top: 0.5em; } } /* * Swiper 2.6.0 * Mobile touch slider and framework with hardware accelerated transitions * * http://www.idangero.us/sliders/swiper/ * * Copyright 2010-2014, Vladimir Kharlampidi * The iDangero.us * http://www.idangero.us/ * * Licensed under GPL & MIT * * Released on: April 9, 2014 */ .swiper-container { margin: 0 auto; position: relative; overflow: hidden; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; /* Fix of Webkit flickering */ z-index: 1; } .swiper-wrapper { position: relative; width: 100%; -webkit-transition-property: -webkit-transform, left, top; -webkit-transition-duration: 0s; -webkit-transform: translate3d(0px, 0, 0); -webkit-transition-timing-function: ease; -moz-transition-property: -moz-transform, left, top; -moz-transition-duration: 0s; -moz-transform: translate3d(0px, 0, 0); -moz-transition-timing-function: ease; -o-transition-property: -o-transform, left, top; -o-transition-duration: 0s; -o-transform: translate3d(0px, 0, 0); -o-transition-timing-function: ease; -o-transform: translate(0px, 0px); -ms-transition-property: -ms-transform, left, top; -ms-transition-duration: 0s; -ms-transform: translate3d(0px, 0, 0); -ms-transition-timing-function: ease; transition-property: transform, left, top; transition-duration: 0s; transform: translate3d(0px, 0, 0); transition-timing-function: ease; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .swiper-free-mode > .swiper-wrapper { -webkit-transition-timing-function: ease-out; -moz-transition-timing-function: ease-out; -ms-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; margin: 0 auto; } .swiper-slide { float: left; } /* IE10 Windows Phone 8 Fixes */ .swiper-wp8-horizontal { -ms-touch-action: pan-y; } .swiper-wp8-vertical { -ms-touch-action: pan-x; } /* =============================================================== Your custom styles, here you need to specify container's and slide's sizes, pagination, etc. ================================================================*/ .swiper-container { /* Specify Swiper's Size: */ /*width:200px; height: 100px;*/ } .swiper-slide { /* Specify Slides's Size: */ /*width: 100%; height: 100%;*/ } .swiper-slide-active { /* Specific active slide styling: */ } .swiper-slide-visible { /* Specific visible slide styling: */ } /* =============================================================== Pagination Styles ================================================================*/ .swiper-pagination-switch { /* Stylize pagination button: */ } .swiper-active-switch { /* Specific active button style: */ } .swiper-visible-switch { /* Specific visible button style: */ } /* START @import "anythingslider.css" */ /* AnythingSlider v1.7+ Default (base) theme By Chris Coyier: http://css-tricks.com with major improvements by Doug Neiner: http://pixelgraphics.us/ based on work by Remy Sharp: http://jqueryfordesigners.com/ */ /***************************** SET DEFAULT DIMENSIONS HERE *****************************/ /* change the ID to match your slider */ #slider { width: 700px; height: 390px; list-style: none; /* Prevent FOUC (see FAQ page) and keep things readable if javascript is disabled */ overflow-y: auto; overflow-x: hidden; } /***************** SET COLORS HERE *****************/ /**** Default state (no keyboard focus) ****/ /* slider window - top & bottom borders, default state */ div.anythingSlider .anythingWindow { xborder-top: 3px solid #777; xborder-bottom: 3px solid #777777; } /* Navigation buttons, default state */ div.anythingSlider .anythingControls ul a.cur, div.anythingSlider .anythingControls ul a { background: #777; color: #000; } /* start-stop button, stopped, default state */ div.anythingSlider .start-stop { background-color: #040; color: #fff; } /* start-stop button, playing, default state */ div.anythingSlider .start-stop.playing { background-color: #800; } /* start-stop button, default hovered text color (when visible) */ div.anythingSlider .start-stop:hover, div.anythingSlider .start-stop.hover { color: #ddd; } /**** Active State (slider has keyboard focus) ****/ /* slider window - top & bottom borders, active state */ div.anythingSlider.activeSlider .anythingWindow { xborder-color: #7C9127; } /* Navigation buttons, active state */ div.anythingSlider.activeSlider .anythingControls ul a.cur, div.anythingSlider.activeSlider .anythingControls ul a { background-color: #7C9127; } /* start-stop button, stopped, active state */ div.anythingSlider .start-stop { background-color: #080; color: #ffffff; } /* start-stop button, playing, active state */ div.anythingSlider .start-stop.playing { background-color: #d00; } /* start-stop button, active slider hovered text color (when visible) */ div.anythingSlider .start-stop:hover, div.anythingSlider .start-stop.hover { color: #fff; } /*********************** COMMON SLIDER STYLING ***********************/ /* Overall Wrapper: 45px right & left padding for the arrows, 28px @ bottom for navigation */ div.anythingSlider { display: block; margin: 0 auto; overflow: visible !important; /* needed for Opera and Safari */ position: relative; padding: 0 0 1em 0; } /* anythingSlider viewport window */ div.anythingSlider .anythingWindow { overflow: hidden; position: relative; width: 100%; height: 100%; } /* anythingSlider base (original element) */ .anythingBase { background: transparent; list-style: none; position: absolute; overflow: visible !important; top: 0; left: 0; margin: 0; padding: 0; } /* all panels inside the slider */ .anythingBase .panel { background: transparent; display: block; overflow: hidden; float: left; padding: 0; margin: 0; } .anythingBase .panel.vertical { float: none; } /* Navigation Arrows */ div.anythingSlider .arrow { top: 0; position: absolute; display: block; } div.anythingSlider .arrow a { display: block; height: 140px; margin: 0 0 0 0; /* half height of image */ width: 25px; text-align: center; outline: 0; } div.anythingSlider .arrow.back a:hover { background: #ffffff url(static/icons.png) no-repeat 9px -1884px; opacity: 0.75; } div.anythingSlider .arrow.forward a:hover { background: #ffffff url(static/icons.png) no-repeat 9px -1784px; opacity: 0.75; } /* hide text, target the span so IE7 doesn't text-indent the link */ div.anythingSlider .arrow a span { display: block; visibility: hidden; } /* back arrow */ div.anythingSlider .back { left: 0; } div.anythingSlider .back a { background-position: 9px -1845px; } div.anythingSlider .back.disabled { display: none; } /* disabled arrows, hide or reduce opacity: opacity: .5; filter: alpha(opacity=50); */ /* forward arrow */ div.anythingSlider .forward { right: 0; } div.anythingSlider .forward a { background-position: right top; } div.anythingSlider .forward a:hover, div.anythingSlider .forward a.hover { background-position: 9px -1745px; } div.anythingSlider .forward.disabled { display: none; } /* disabled arrows, hide or reduce opacity: opacity: .5; filter: alpha(opacity=50); */ /* Navigation Links */ div.anythingSlider .anythingControls { outline: 0; display: none; } div.anythingSlider .anythingControls ul { margin: 0; padding: 0; float: left; } div.anythingSlider .anythingControls ul li { display: inline; } div.anythingSlider .anythingControls ul a { font: 11px/18px Georgia, Serif; display: inline-block; text-decoration: none; padding: 2px 8px; height: 18px; margin: 0 5px 0 0; background-image: url(images/default.png); background-position: center -288px; background-repeat: repeat-x; text-align: center; outline: 0; -webkit-border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; } div.anythingSlider .anythingControls ul a:hover { background-image: none; } /* Navigation size window */ div.anythingSlider .anythingControls .anythingNavWindow { overflow: hidden; float: left; } /* slider autoplay right-to-left, reverse order of nav links to look better */ div.anythingSlider.rtl .anythingControls ul a { float: right; } /* reverse order of nav links */ div.anythingSlider.rtl .anythingControls ul { float: left; } /* move nav link group to left */ div.anythingSlider.rtl .anythingWindow { direction: ltr; unicode-bidi: bidi-override; } /* div.anythingSlider.rtl .start-stop { float: right; } */ /* move start/stop button - in case you want to switch sides */ /* Autoplay Start/Stop button */ div.anythingSlider .start-stop { background-image: url(images/default.png); background-position: center -288px; background-repeat: repeat-x; padding: 2px 5px; width: 40px; text-align: center; text-decoration: none; float: right; z-index: 100; outline: 0; -webkit-border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; } /* hide cell shading on hover - makes the button appear to come forward */ div.anythingSlider .start-stop:hover, div.anythingSlider .start-stop.hover { background-image: none; } /* probably not necessary, but added just in case */ div.anythingSlider, div.anythingSlider .anythingWindow, div.anythingSlider .anythingControls ul a, div.anythingSlider .arrow a, div.anythingSlider .start-stop { transition-duration: 0; -o-transition-duration: 0; -moz-transition-duration: 0; -webkit-transition-duration: 0; } /* START @import "_global.css" */ /* * old blue: #0470c2; * new blue: #005499; */ body { color: #333; background: #fff; font-family: Arial, Helvetica, sans-serif; } /* TODO */ /*body:lang(de) h1, body:lang(de) h2, body:lang(en) h1, body:lang(en) h2, body:lang(fr) h1, body:lang(fr) h2, body:lang(it) h1, body:lang(it) h2, body:lang(es) h1, body:lang(es) h2 {*/ /*font-family: Arial, Helvetica, sans-serif*/ /*}*/ input { color: inherit; font-family: inherit; } h1, h2, h3, h4, h5 { color: #005499; line-height: 1em; margin-bottom: 0.5em; } h1 { font-size: 22px; line-height: 1.25em; } h2 { font-size: 18px; } .cra h2 { font-size: 17px; } h3 { font-size: 15px; } a { color: #333; } a:hover { text-decoration: underline; color: #2b93c9; } a.active { color: #2b93c9; } /* START @import "_frame.css" */ body { overflow-x: hidden; } .nojs { text-align: center; padding: 0.75em 0; background: #E18E1F; color: black; font-weight: bold; } .header .head, .content .wrapper, .main, .foot { background: #fff; padding: 0 10px; } .header { margin: 0 auto; } .header .head { position: relative; min-height: 65px; background: #fff; background: linear-gradient(#dadada 0%, #ffffff 60%, #ffffff); -pie-background: linear-gradient(#dadada 0%, #ffffff 60%, #ffffff); box-shadow: 0 1px 3px #333; z-index: 6001; } .logo { width: 100%; max-width: 432px; margin-left: 6px; padding: 18px 0 0 0; } .logo a { display: block; } .logo img { width: 100%; } .meta { font-size: 11px; padding-top: 20px; margin-bottom: 1em; display: none; } .meta li { float: left; margin-left: 7px; margin-bottom: 5px; } .topnav ul.wrapper, .topnav ul.mainnav { padding: 0 20px; } .topnav button { margin: 0.5em 1em; } .topnav button.helper { float: right; } .leftnav .sections li { width: 100%; } .leftnav .sections li + li { margin-left: 0; } /* content */ .main { margin: 0 auto 1em auto; padding-top: 2em; } .homepage.content { width: 100%; float: none; clear: both; position: relative; z-index: 0; margin-bottom: 2em; } /* stage */ .stage { position: relative; width: 100%; } .stage_wrapper h1 { text-shadow: 3px 3px 5px #000; font-family: Glypha-Bold; font-size: 20px; position: absolute; top: 20px; left: 30px; z-index: 10; } .stage_wrapper h1.dark { color: #005499; } .stage_wrapper h1.bright { color: white; } .stage_wrapper h1 span { position: absolute; top: 0; left: 0; z-index: -1; } .stage_wrapper h1 .shadow_h1 { filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=3, MakeShadow=true, ShadowOpacity=0.6); } .stage img.keyvisual { position: absolute; width: 100%; height: auto; z-index: 0; display: none; } .stage .active img.keyvisual { display: block; } .stage .wrapper { position: relative; height: 100%; } .stage .heightFix { margin: 0 -20px 10px; } .stage .heightFix img { position: relative; width: 100%; visibility: hidden; } .stage .ir a { float: right; } .stage_wrapper { position: relative; max-width: 1280px; margin: 0 auto 1em auto; padding: 0 20px; z-index: 2; } .stage_wrapper .large_staging_teaser { display: none; position: absolute; width: 27%; max-width: 300px; min-height: 120px; margin: 0 0 0 0; top: 20px; right: 40px; } .stage_wrapper .large_staging_teaser div { position: relative; } .stage_wrapper .large_staging_teaser div.box { background: white; background: rgba(255, 255, 255, 0.9); box-shadow: 1px 1px 2px #000; } .stage_wrapper .large_staging_teaser div.box h2 { padding: 12px 12px 0 0; font-size: 14px; } .stage_wrapper .large_staging_teaser div.box h3 { padding: 0 12px 3px 0; font-size: 12px; } .stage_wrapper .large_staging_teaser div.box .image, .stage_wrapper .large_staging_teaser div.box .text { padding: 5px 12px 0 0; } .stage_wrapper .large_staging_teaser div.box .image { margin-bottom: 5px; } .stage_wrapper .large_staging_teaser h3 { margin-bottom: 0; } .stage_wrapper .large_staging_teaser p { margin-bottom: 1em; } .stage_wrapper .large_staging_teaser .image img { width: 100%; } .stage_wrapper .large_staging_teaser .image.portrait { float: left; width: 40%; margin: 0 0.75em 2em 0; } .stage_wrapper .large_staging_teaser .image.landscape { width: 100%; margin: 0 0 1em 0; padding: 5px 0; box-sizing: border-box; } .stage_wrapper .large_staging_teaser .standalone { float: right; margin-right: 12px; margin-bottom: 5px; color: #005499; background-position: 0 6px; } .stage_wrapper .sections { margin: 0 -10px; width: auto; } .stage_wrapper .sections h2 { color: #005499; font-size: 14px; margin-top: 5px; margin-left: 10px; margin-bottom: 0.25em; } .stage_wrapper .sections h3 { color: #2B93C9; font-size: 12px; margin-left: 10px; } .stage_wrapper .sections > div { position: relative; width: 100%; margin: 0 10px 0 0; } .stage_wrapper .sections div.content { position: relative; display: block; background: white; background: rgba(255, 255, 255, 0.9); width: 100%; height: 50px; margin: 0 0 10px 0; padding: 8px 0 6px 0; bottom: 0; list-style: none; filter: inherit; box-shadow: 1px 1px 2px #333; } .stage_wrapper .sections div.content span.close { position: absolute; content: ""; display: none; background: url("static/close_button.png") no-repeat 5px 5px; background-size: 16px 16px; width: 25px; height: 25px; top: 0; right: 0; cursor: pointer; text-indent: -10000px; } .stage_wrapper .sections .content.active { background: #005499; background: rgba(0, 84, 153, 0.9); } .stage_wrapper .sections .additional { display: none; margin: 10px; color: #fff; } .stage_wrapper .sections .additional h4 { color: #fff; } .stage_wrapper .sections .additional p { display: block; } .stage_wrapper .sections .additional .standalone { font-size: 1em; color: white; background-position: 0 -2198px; } .stage_wrapper .sections .active h2 { color: #fff; } .stage_wrapper .sections .active h3 { color: #fe9800; } .stage_wrapper .sections .active div.content { height: auto; background: #005499; background: rgba(0, 84, 153, 0.9); } .stage_wrapper .sections .active div.content span.close { display: block; } .stage_wrapper .sections .active .additional { display: block; } .stage_wrapper .compactlinks-head { background-position: right -391px; margin-bottom: 5px; } .stage_wrapper .sections .compactlinks-wrap { background: white; color: #005499; width: 100%; float: none; } .stage_wrapper .compactlinks-wrap ul { width: 94.5% !important; padding: 5px 5px 7px 5px; overflow-x: none; box-shadow: 2px 2px 2px #333; } .stage_wrapper .compactlinks ul a, .stage_wrapper ul .compactlinks b { padding: 4px 0 0 5px; width: 91%; } .content .col-cra { margin: 0 0 1em 0; } .content .col-cra .media, .content .col-cra .media.left, .content .col-cra .media.right { width: 100%; } .homepage.content .col .col { width: 48%; float: left; } .homepage.content .col .col + .col { margin-left: 4%; } /* content-toolbar */ .content_toolbar { border-top: 1px solid #ccc; margin-top: 3em; padding-top: 1em; } .content_toolbar ul { float: right; margin-top: 1px; } .content_toolbar li { margin-left: 0; list-style: none; } .content_toolbar li a { color: #999; font-size: 11px; } .content_toolbar li a:hover { color: #2B93C9; text-decoration: underline; } .content_toolbar a { margin: 0 0 0 1.1em; } .content_toolbar a.back { background: url("static/icons.png") no-repeat right -2997px; display: block; float: left; margin-top: 1px; padding: 1px 18px 4px 0; color: #999; font-size: 11px; } .content_toolbar a.back:hover { color: #2B93C9; text-decoration: underline; } .content_toolbar a.rss { background: url("static/icons.png") no-repeat right -475px; padding: 1px 18px 4px 0; } .content_toolbar a.print { background: url("static/icons.png") no-repeat right -550px; padding: 1px 20px 4px 0; display: none; } .content_toolbar a.top { background: url("static/icons.png") no-repeat right -625px; padding: 1px 18px 2px 0; } .content_toolbar .social_bookmark { float: left; position: relative; } .content_toolbar .social_bookmark h4 { margin: 0.5em 0 0.75em 0.4em; font-size: 15px; } .content_toolbar .social_bookmark a:hover { text-decoration: none; } .content_toolbar .social_bookmark a.share { position: relative; display: block; background: #92b6bf url("static/icons.png") no-repeat right -2897px; color: white; margin: 0; padding: 1px 20px 1px 4px; font-size: 11px; z-index: 10; } .content_toolbar .social_bookmark a.toggle { display: block; background: url("static/icons.png") no-repeat 0 -1596px; color: #005299; margin: 0.25em 0 0 0.5em; padding: 0 0 0 14px; font-weight: bold; } .content_toolbar .social_bookmark a.toggle.less { display: none; background: url("static/icons.png") no-repeat 0 -1694px; } .content_toolbar .social_bookmark .sb_flyout { display: none; position: absolute; background: white; width: 250%; padding-bottom: 0.5em; bottom: 18px; z-index: 9; box-shadow: 0 1px 2px #999; } .content_toolbar .social_bookmark .sb_flyout ul { float: none; } .content_toolbar .social_bookmark .sb_flyout ul li { float: left; margin: 0.1em 0; height: 22px; } .content_toolbar .social_bookmark .sb_flyout ul li a { display: block; width: 16px; height: 16px; margin: 0 0 0.5em 0.75em; padding: 0; text-indent: -9999px; } .content_toolbar .social_bookmark .sb_flyout ul li.hide { display: none; } .content_toolbar .social_bookmark .sb_flyout a { display: block; background: url("static/icons.png") no-repeat 0 -1596px; color: #005299; margin: 0.25em 0 0 0.5em; padding: 0 0 0 14px; font-weight: bold; } .content_toolbar .social_bookmark:hover a.share, .content_toolbar .social_bookmark a.share:hover { background: #ffffff url("static/icons.png") no-repeat right -922px; color: #000; box-shadow: 0 2px 2px #aaa; } /* Valve Calculator */ #vc .left, #vc .right { margin-bottom: 1em; } #vc .row .tooltip .inner { position: fixed; top: 0; left: 0; right: 0; padding: 8px 20px 8px 8px; } #vc .row .tooltip .inner .close { position: absolute; bottom: 5px; right: 10px; display: block; width: 25px; height: 25px; background: url("static/ms_sprite.png") no-repeat -2px -348px; text-indent: -9999px; cursor: pointer; } #vc .jqplot-highlighter-tooltip { padding: 2px 4px; background: #FFFFFF; border: 1px solid #999; } #vc .jqplot-yaxis-label { font-size: 11pt; position: absolute; left: -20px !important; } #vc .jqplot-xaxis-tick, #vc .jqplot-x2axis-tick { margin-top: .5em; } .content .resize { width: 100%; } .content .x2 .col, .content .x3 .col, .content .x4 .col { margin-bottom: 1.5em; } @media only screen and (min-width: 480px) { .content .x2, .content .x3, .content .x4 { margin: 0 -1.52439%; } .content .x2 .col, .content .x3 .col, .content .x4 .col { margin: 0px 1.52439% 30px; float: left; } .content .x2 .col { width: 46.9512%; max-width: 46.9512%; } .content .x3 .col { width: 30.2846%; max-width: 30.2846%; } .content .x4 .col { width: 21.9512%; max-width: 21.9512%; } .content .x2 .col + .col, .content .x3 .col + .col, .content .x4 .col + .col { float: left; } } /* flaps */ .flaps { padding: 0 0 20px 0; } .flaps dt { position: relative; font-size: 16px; font-weight: bold; color: #005499; margin-bottom: 10px; padding: 3px 0 0 22px; cursor: pointer; border-bottom: 1px solid #CBCBCB; } .flaps dt:after { position: absolute; background: url("static/as_sprite.png") no-repeat scroll 0 -40px rgba(0, 0, 0, 0); display: block; content: ""; width: 20px; height: 20px; top: 6px; left: 0; } .flaps dt.flap-open:after { background-position: -20px -40px; } .flaps dd { margin-bottom: 10px; padding: 0; } .flaps dd h2, .flaps dd h3 { font-size: 15px; } .flaps dd h3 { line-height: 16px; } /* footer */ .foot.homepage { background: none; } .foot .footer-list { margin-top: 25px; float: left; width: 50%; } .foot .footer-list h3 { font-size: 11px; color: #2B93C9; } .foot .footer-list h3 a { font-size: 11px; font-weight: bold; padding-left: 0; background: none; } .foot .footer-list h3 a:hover { background: none; } .foot .footer-list ul, .foot .footer-list li { list-style: none; margin: 0; } .foot .footer-list ul { margin: 0 0 25px 0; } .foot .footer-list a { background: url("static/icons.png") no-repeat 0 -696px; display: inline-block; margin: 0 0 1em 0; padding-left: 7px; color: #92B6BF; font-size: 11px; } .foot .footer-list a:hover { color: #2B93C9; background: url("static/icons.png") no-repeat 0 -771px; text-decoration: underline; } .foot .footer-list a.active { background: url("static/icons.png") no-repeat 0 -771px; color: #333; } .foot .footer-list a.active:hover { text-decoration: underline; } .foot .footer-meta { clear: both; background: #005499; color: #fff; padding: 5px 10px; font-size: 11px; } .foot .footer-meta a { color: #fff; margin: 0 5px; white-space: nowrap; text-decoration: underline; } .foot .footer-meta a:hover { color: #2B93C9; text-decoration: underline; } .foot .footer-meta .copy { float: left; } @media all and (min-width: 950px) { .foot { background: url(static/content_toolbar_topgfx.jpg) repeat-x; } .foot .footer-list { float: left; width: 19%; } .foot .footer-list + .footer-list { margin-left: 1.25%; } .foot .footer-list a { display: inline-block; margin: 0; } .foot .footer-meta .list { float: left; margin-bottom: 0; } .foot .footer-meta .copy { float: right; } .foot .footer-meta a { text-decoration: none; } } /* START @import "_menu.css" */ #js .flyout { display: none; } /* topnav */ .topnav { position: relative; margin: 0 auto; min-height: 26px; background: #005499; -webkit-box-shadow: 0 1px 3px #000; -moz-box-shadow: 0 1px 3px #000; box-shadow: 0 1px 3px #000; z-index: 6000; } .topnav--link, .topnav b { display: block; color: white; padding: 0.5em; font-size: 14px; font-weight: bold; white-space: nowrap; } @media all and (min-width: 950px) { .topnav--link.active, .topnav b.active { background: #fff; color: #2B93C9; } } .topnav b, .topnav--link:hover, .topnav--link:focus { color: #2B93C9; } .topnav .nav { position: relative; width: 21px; height: 16px; background: url('static/icons.png') no-repeat 0 -3950px; border: none; text-indent: -9999px; cursor: pointer; margin: 10px; } .topnav .nav:after { content: ""; display: block; position: absolute; top: 0; width: 10vw; height: 100vw; } .topnav .nav .count { position: absolute; background: red; color: white; width: 16px; height: 16px; border-radius: 100%; text-align: center; font-size: 10px; top: -6px; right: -12px; text-indent: 0; pointer-events: none; } .topnav .nav:hover, .topnav .nav:focus { outline: none; } .topnav .helper { background: url("static/icons.png") no-repeat right -3850px; border: none; text-indent: -9999px; cursor: pointer; padding: 0.25em 0.5em .1em; width: 20px; } .topnav ul { position: relative; } .topnav > .wrapper { display: none; /*padding-bottom: 1em*/ } .topnav li { position: relative; margin-right: 25px; } .topnav .wrapper a:hover { text-decoration: none; } /* flyout */ .topnav .flyout { position: relative; padding: 1em 0; cursor: default; } .topnav .flyout li { width: 250px; margin-right: 40px; } .topnav .flyout .mainnav a { font-size: 14px; color: #fff; min-width: 170px; padding: 0.4em 0 0.6em 0.9em; margin: 0.2em 0; background: url(static/icons.png) no-repeat 0 8px; } .topnav .flyout a:hover, .topnav .flyout a.active { color: #2B93C9; } .topnav .flyout a.close { border: none; background: none; display: inline-block; margin: 0; padding: 0.2em; min-width: 33px; width: 33px; height: 33px; position: absolute; bottom: 0; right: 0; background: url(static/close_button.png) no-repeat 0 0; text-indent: -1000px; } .topnav .teaser .flyout > div { display: none; } /* flyout-background */ .flyout-background, .flyout-background--shop { position: fixed; height: 100%; width: 100%; display: none; background: #000; background: url(static/overlay.png) repeat; z-index: 5990; } /* leftnav */ .leftnav { margin: 20px 0 0 0; } .leftnav ul { display: block; margin: 0; } .leftnav ul ul { padding-left: 15px; margin: 0; } .leftnav li { display: inline; font-size: 14px; font-weight: bold; margin-left: 0; float: left; width: 100%; } .leftnav li li { font-size: 12px; float: none; width: auto; } .leftnav a, .leftnav b { display: block; padding: 0 0 1em 15px; margin: 0; background: url(static/icons.png) 5px 3px no-repeat; color: #005499; overflow: hidden; text-overflow: ellipsis; } .leftnav li li a, .leftnav li li b { background-position: 5px 4px; font-size: 13px; line-height: 145%; } .leftnav .leftnav-trail { background: url(static/icons.png) 0 -120px no-repeat; } .leftnav a.leftnav-final, .leftnav-trail, .leftnav a:hover, .leftnav a:focus, .leftnav a.active, .leftnav b { color: #2B93C9; text-decoration: none; } /* */ .leftnav .sections { margin: 2em 0 1em 0; width: 100%; } .leftnav .sections .bu { display: block; margin: 0 0 10px 0; background: white; box-shadow: 1px 1px 3px #999; } .leftnav .sections .bu:hover { background: #005499; box-shadow: 1px 1px 5px #000; } .leftnav .sections .bu:hover a { color: white; text-decoration: none; } .leftnav .sections .bu:hover a span { color: #f90; } .leftnav .sections a { display: block; background: none; padding: 8px; height: 54px; font-weight: bold; font-size: 16px; line-height: 1.25em; } .leftnav .sections a span { display: block; font-size: 14px; color: #2B93C9; line-height: 1.2em; } #mobilemenu { position: fixed; width: 90vw; height: 100vh; top: 0; left: 0; background: #333; overflow-y: scroll; display: none; } #mobilemenu *, #mobilemenu *:after, #mobilemenu *:before { box-sizing: border-box; } #mobilemenu ul ul { display: none; } #mobilemenu li a { position: relative; display: block; font-size: 16px; padding: 7px 10px; color: #fff; border-bottom: 1px solid #444; } #mobilemenu li a:hover { text-decoration: none; background: #005499; } #mobilemenu li a.active { background: #4f4f4f; padding-left: 7px; border-left: 3px solid #005499; } #mobilemenu li a.active:before { content: ""; position: absolute; right: 0; top: 10px; width: 0; height: 0; border-top: 5px solid transparent; border-right: 7px solid #fff; border-bottom: 5px solid transparent; } #mobilemenu li a.active:after { left: 11px; } #mobilemenu li a a .active { padding-left: 27px; } #mobilemenu li li a { position: relative; font-size: 14px; font-weight: normal; padding-left: 30px; } #mobilemenu li li a:after { content: ""; position: absolute; display: block; width: 20px; height: 20px; background: url(static/icons.png) 5px 3px no-repeat; top: 6px; left: 14px; } #mobilemenu .copy { color: #888; font-size: 10px; padding: 1em; } #mobilemenu .mobile_langswitch { margin: 1.5em .75em; } #mobilemenu .mobile_langswitch select { padding: .25em .25em .25em 0; } #mobilemenu .mobile_search input { width: 70%; border: 1px solid #eee; margin-left: .75em; padding: .35em .5em; border-radius: 2px; } #outline { position: relative; background: #fff; transition: left 0.5s ease-in-out; left: 0vw; } #outline.menuopen { position: fixed; width: 100vw; height: 100vh; top: 0; left: 90vw; transition: all 0.5s ease-in-out; overflow: hidden; } #outline.menuopen .outline--close { position: absolute; display: block; top: 0; left: 0; width: 100vw; height: 100vh; background: rgba(0, 0, 0, 0.4); z-index: 10000; } @media all and (min-width: 950px) { .topnav .nav .count { display: none; } } /* news teaser list */ .news_teaser_list ul { margin: 0; } .news_teaser_list li { list-style: none; margin: 0 0 0 0; padding: 0; border-bottom: 1px solid #005499; } .news_teaser_list li:last-child, .news_teaser_list li.last { border-bottom: none; } .news_teaser_list li a { display: block; padding: 0.75em 0; } .news_teaser_list span.date { display: block; background: url("static/icons.png") no-repeat 0 -246px; width: auto; margin-bottom: 0.4em; padding: 0 10px 0 0.8em; } .news_teaser_list span.head { display: block; min-height: 0; background: none; font-weight: bold; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; z-index: 0; } .news_teaser_list span.text { display: block; margin-bottom: 0; padding-right: 1em; } .news_teaser_list a:hover span { text-decoration: underline; } .news-date { display: block; margin-bottom: 1em; font-size: 11px; } /* tables */ /* table */ .gf-table table, .gf-table th, .gf-table td { border-collapse: collapse; border-style: solid; border-color: #2b93c9; border-width: 1px; padding: 4px 7px 4px 7px; } .gf-table table { width: 100%; margin: 0 0 1em 0; table-layout: fixed; } .gf-table table a { color: #005499; } .gf-table th, .gf-table thead th { background: #2b93c9; color: #fff; border-color: #2B93C9; } .gf-table td.normal { background: #E9F0F5; } .gf-table td.info { border-bottom-width: 3px; } .gf-table table tfoot { display: none; } .gf-table .media, .gf-table img { margin: 3px 7px 3px 0; padding: 3px 0 0; width: 97.8%; } td.warn { color: yellow; } td.error { color: red; } /* Social Bookmarks */ .content_toolbar .social_bookmark .sb_flyout ul li a { background: url("static/socialbookmarks.png") no-repeat left top transparent; background-position: left -16px; } .content_toolbar .social_bookmark .sb_flyout ul li a.googleplus { background-position: left 0; } .content_toolbar .social_bookmark .sb_flyout ul li a.twitter { background-position: left -16px; } .content_toolbar .social_bookmark .sb_flyout ul li a.facebook { background-position: left -32px; } .content_toolbar .social_bookmark .sb_flyout ul li a.xing { background-position: left -48px; } .content_toolbar .social_bookmark .sb_flyout ul li a.linkedin { background-position: left -64px; } .content_toolbar .social_bookmark .sb_flyout ul li a.googlebookmarks { background-position: left -80px; } .content_toolbar .social_bookmark .sb_flyout ul li a.jiathis { background-position: left -96px; } .content_toolbar .social_bookmark .sb_flyout ul li a.digg { background-position: left -112px; } .content_toolbar .social_bookmark .sb_flyout ul li a.stumbleupon { background-position: left -128px; } .content_toolbar .social_bookmark .sb_flyout ul li a.reddit { background-position: left -144px; } .content_toolbar .social_bookmark .sb_flyout ul li a.buzzfeed { background-position: left -160px; } .content_toolbar .social_bookmark .sb_flyout ul li a.delicious { background-position: left -176px; } .content_toolbar .social_bookmark .sb_flyout ul li a.tweetmeme { background-position: left -192px; } .content_toolbar .social_bookmark .sb_flyout ul li a.fark { background-position: left -208px; } .content_toolbar .social_bookmark .sb_flyout ul li a.slashdot { background-position: left -224px; } .content_toolbar .social_bookmark .sb_flyout ul li a.friendfeed { background-position: left -240px; } .content_toolbar .social_bookmark .sb_flyout ul li a.newsvine { background-position: left -256px; } .content_toolbar .social_bookmark .sb_flyout ul li a.diigo { background-position: left -272px; } .content_toolbar .social_bookmark .sb_flyout ul li a.dzone { background-position: left -288px; } .content_toolbar .social_bookmark .sb_flyout ul li a.chimein { background-position: left -304px; } .content_toolbar .social_bookmark .sb_flyout ul li a.misterwong { background-position: left -320px; } .content_toolbar .social_bookmark .sb_flyout ul li a.technorati { background-position: left -336px; } .content_toolbar .social_bookmark .sb_flyout ul li a.qzone { background-position: left -352px; } .content_toolbar .social_bookmark .sb_flyout ul li a.qq { background-position: left -368px; } .content_toolbar .social_bookmark .sb_flyout ul li a.sohu { background-position: left -384px; } .content_toolbar .social_bookmark .sb_flyout ul li a.weibo { background-position: left -400px; } .content_toolbar .social_bookmark .sb_flyout ul li a.renren { background-position: left -416px; } .content_toolbar .social_bookmark .sb_flyout ul li a.baidu { background-position: left -432px; } /* call to actions */ .call_to_actions li { margin-bottom: 2px; margin-left: 18px; } .call_to_actions a { display: block; color: #005499; font-weight: bold; margin-bottom: 0.5em; } .call_to_actions a img { margin: 0 4px 0 -18px; } /* Contact Teaser */ .content .contact_teaser .col + .col { width: 40%; float: none; } .contact_teaser { background: white; margin: 0; padding: 1em 1em 1em 1em; border: 1px solid #eaeaea; border-left: 1px solid #f6f6f6; -webkit-box-shadow: 1px 1px 3px #aaaaaa; -moz-box-shadow: 1px 1px 3px #aaaaaa; box-shadow: 1px 1px 3px #aaaaaa; } .contact_teaser h4 { font-size: 20px; } .contact_teaser .image { width: 100px; margin: 0 20px 0 0; } .contact_teaser .col.image { margin: 0; } .contact_teaser p { margin-bottom: 0.5em; } .contact_teaser a { margin: 0 0 0.5em 0; display: block; color: #005499; font-weight: bold; } .contact_teaser a.gmap { background: url("static/icons.png") no-repeat 2px -2099px; padding-left: 19px; } .contact_teaser .phone, .contact_teaser .mobile, .contact_teaser .website, .contact_teaser .fax { background: url("static/icons.png") no-repeat 1px -2289px; margin-bottom: 0.5em; padding-left: 19px; font-weight: bold; } .contact_teaser .mobile { background-position: 3px -3650px; } .contact_teaser .fax { background-position: 0 -2600px; } .contact_teaser .website { background-position: 2px -2699px; } .contact_teaser .secmail { background: url("static/icons.png") no-repeat 0 -1995px; padding-left: 20px; font-weight: bold; display: block; } .contact_teaser table { font-weight: bold; } .col-cra .contact_teaser .col.image a.gmap { margin-left: 0; } .contact_teaser table .num { padding-left: 0.75em; } .content .col .contact_teaser .col, .content .col .contact_teaser .col + .col { float: none; width: 100%; } .content .col .contact_teaser .col.image .image { margin-bottom: 1em; } .col-cra .contact_teaser { margin-left: -1em; } .col-cra .contact_teaser .image { margin-bottom: 1em; float: none; } .col-cra .contact_teaser .col, .col-cra .contact_teaser .col + .col { clear: both; width: 100%; margin-left: 0; } .contact_teaser ul, .contact_teaser li { list-style: none; } /* Teaser */ .standard_teaser h3 { color: #005499; font-size: 18px; } .standard_teaser img { width: 100%; margin-bottom: 0.5em; } .standard_teaser p { margin: 0.5em 0; } .standard_teaser a { display: block; white-space: normal; } .standard_teaser a:hover { color: #2b93c9; } .cra .standard_teaser h3 { font-size: 17px; } /* * COMPONENT: Text & Text-Image */ .abstract p { font-weight: bold; margin-bottom: 1em; } .text, .text_image { margin-bottom: 1em; } .text p, .text_image p, .text ul, .text_image ul, .text ol, .text_image ol { margin-bottom: 1em; } .text li, .text_image li { margin-bottom: 3px; line-height: 18px; } .text a, .text_image a { color: #2B92C9; } .text a:hover, .text_image a:hover { color: #2b93c9; } .text img, .text_image img { width: 100%; margin-bottom: 0.5em; } .text .link--border img, .text_image .link--border img { margin: 0; } .text .clear, .text_image .clear { clear: both; } .text .lightbox, .text_image .lightbox { display: inline-block; position: relative; } .text .lightbox--with-img, .text_image .lightbox--with-img { width: 100%; } .text .lightbox .zoom, .text_image .lightbox .zoom { margin-bottom: .5em; } .text ul, .text ol, .text_image ul, .text li, .text_image li { margin-left: 20px; } .text_image ul { overflow: auto; } .text_image .text img { margin: 0; width: auto; } .text_image.image_full .image { float: none; width: 100%; } .text_image .image, .text_image.image_left .image { position: relative; float: left; width: 45%; padding: 3px 1.5em 0 0; } .text_image.image_right .image { float: right; width: 45%; padding: 3px 0 0 1.5em; } .plus { color: #99d100; } .minus { color: #f30; } .col .text_image .image, .col .text_image.image_full .image, .col .text_image.image_left .image, .col .text_image.image_right .image { width: 100%; } .text_image .image.portrait { width: 25%; } .text_image .image.landscape { width: 45%; } .text_image .image small { display: block; font-size: 11px; margin-bottom: 0.5em; } .text_image .image img.cq-image-placeholder-off { width: auto; } .text_image.image_full .image.landscape, .text_image.image_full .image.portrait { width: 100%; } .image .zoom { position: absolute; width: 24px; height: 23px; right: 0; bottom: 0; background: #fff; background: rgba(255, 255, 255, 0.8); } .image .zoom .icon { display: block; position: absolute; right: 0; width: 20px; height: 21px; background: url("static/icons.png") no-repeat right -3544px; } .image_left .image .zoom { /*right: 1.5em; bottom: 0.9em*/ } .image_right .image .zoom { right: 0; bottom: 0.9em; } .link--border { display: inline-block; border: 1px solid #ccc; transition: all 0.25s ease-in-out; box-shadow: 0px 0px 4px 0px #ffffff; } .link--border:hover, .link--border:focus { box-shadow: 0px 0px 3px 0px #999; } .link--border:active { box-shadow: 0px 0px 3px 0px #555; } /* .textblock .introtext { font-weight: bold; } .textblock > * { margin-bottom: 1em; } .textblock h2 { margin-bottom: .5em; } */ .treeview { margin-bottom: 1em; font-size: 15px; } .treeview .level1__item { position: relative; list-style: none; font-weight: bold; padding-left: 15px; cursor: pointer; } .treeview .level1__item:before { display: block; position: absolute; content: ""; width: 20px; height: 20px; top: 4px; left: 0; background: url("static/icons.png") no-repeat 2px -1800px; } .treeview .level1__item--with-children:before { background-position: 0 -1600px; } .treeview .level1__item--active:before { top: 8px; background-position: 0 -1700px; } .treeview .level2 { display: none; margin-bottom: .25em; } .treeview .level2__item { position: relative; padding-left: 15px; list-style: none; font-weight: normal; } .treeview .level2__item:before { display: block; position: absolute; content: ""; width: 20px; height: 20px; top: 4px; left: 0; background: url("static/icons.png") no-repeat 2px -1800px; } .box { background: white; margin: 0 0 2em 0; padding: 1em; border: 1px solid #eaeaea; border-left: 1px solid #f6f6f6; } .box--shadow { /*-webkit-box-shadow: 1px 1px 3px #aaa; -moz-box-shadow: 1px 1px 3px #aaa; box-shadow: 1px 1px 3px #aaa;*/ -webkit-box-shadow: 1px 1px 3px #aaaaaa; -moz-box-shadow: 1px 1px 3px #aaaaaa; box-shadow: 1px 1px 3px #aaaaaa; } .box .textblock { margin-bottom: 1em; } /* Subnavigation Teaser */ .snt h2 { font-size: 18px; } .snt .image img { width: 100%; margin-bottom: 0.5em; position: relative; } .snt .image .zoom { bottom: 0.4em; } .snt ul { margin-top: .5em; margin-left: 0; } .snt ul li { margin-left: 0; list-style: none; float: left; width: 50%; } .snt ul li a { font-size: 12px; margin-bottom: 0.25em; padding-right: 5px; background-position: 0 -245px; } .snt ul li a:hover { text-decoration: underline; } .cra .snt h2 { font-size: 18px; } .cra .snt ul li a { font-size: 13px; } /* START @import "_forms.css" */ /* forms */ form input, form label { font-size: 13px; padding: 4px; } form input.disabled, form label.disabled { color: #d8d8d8; } form fieldset { border: none; } form input:focus { background: #E9F0F5; } form input[type="checkbox"], form input[type="radio"] { margin-right: 2px; } form textarea { width: 99%; border: 1px solid #BDC5C6; padding: .3em; } form .section { margin-bottom: 1em; } form .radio.section, form .checkbox.section { margin-bottom: 1.5em; } @media only screen and (max-width: 599px) { form .form_leftcol { *zoom: 1; } form .form_leftcol:before, form .form_leftcol:after { display: table; line-height: 0; content: ""; } form .form_leftcol:after { clear: both; } } @media only screen and (min-width: 600px) { form .form_leftcol { float: left; width: 25%; } } @media only screen and (min-width: 600px) { form .form_rightcol { float: right; width: 75%; } } form .form_leftcollabel { display: block; float: left; padding: 4px 4px 4px 0; width: auto; } @media only screen and (min-width: 600px) { form .form_leftcollabel { width: 90%; text-align: right; } } form .form_button, form .form_button_submit, form .form_button_reset { display: block; background: #f07d0f url("static/icons.png") no-repeat 7px -2191px; margin: 10px 0 20px 10px; padding: 6px 10px 5px 17px; color: white; font-size: 14px; float: right; border: none; outline: none; -webkit-box-shadow: 2px 2px 2px #bbb; -moz-box-shadow: 2px 2px 2px #bbb; box-shadow: 2px 2px 2px #bbb; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } form .form_button:focus, form .form_button_submit:focus, form .form_button_reset:focus { background: #f07d0f url("static/icons.png") no-repeat 7px -2193px; -webkit-box-shadow: 2px 2px 2px #ccc; -moz-box-shadow: 2px 2px 2px #ccc; box-shadow: 2px 2px 2px #ccc; } form .form_button.active, form .form_button_submit.active, form .form_button_reset.active { cursor: progress; background: #d8710e url(data:image/gif;base64,R0lGODlhEAAQAPYAANhxDv///96INeercu/Io/TawfPYve3AluWkZN2DLuWiY/jq2/jn2Pbj0PXgyvTbw+7DmeKWTvnu4+y+ktp6H9p5HeCSRumxe/LRsu/JpeGUSt6KOfXdx/rx6emweeSfXfDKp+u5iNyAKOmzf/v28O7Em+anau7FneKYUvPXu/z49OOcV+eqcPrw5/36+Nt9Itl2F+y7jOq0gdl1Feq1g+SgX9hzEdhyD+GTSN+NP9h0E92HM+OdWdp4G96JN9t/JtyCLN+LO+CQQuGVTNyBKt2GMdl3Gd2EMOu6iuOaU+ObVfLTtvHQsPDMqO/HofTZv/XcxeCRROy8jvbiztp8IPfm1uivd/DNqvfl1Pnt4ealZvLStPv07Omyfe/Gn/bhzOCOQd+MPdt+JOKXUOu4huisdOamaPHOrOiudfLUuPPWufjr3eWhYfv17vz38uSeW/37+uaobPjo2vvy6/Xeyey9kPfk0vz59u2/lPns3/HPru3Cl+q2hQAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh/hpDcmVhdGVkIHdpdGggYWpheGxvYWQuaW5mbwAh+QQJCgAAACwAAAAAEAAQAAAHjYAAgoOEhYUbIykthoUIHCQqLoI2OjeFCgsdJSsvgjcwPTaDAgYSHoY2FBSWAAMLE4wAPT89ggQMEbEzQD+CBQ0UsQA7RYIGDhWxN0E+ggcPFrEUQjuCCAYXsT5DRIIJEBgfhjsrFkaDERkgJhswMwk4CDzdhBohJwcxNB4sPAmMIlCwkOGhRo5gwhIGAgAh+QQJCgAAACwAAAAAEAAQAAAHjIAAgoOEhYU7A1dYDFtdG4YAPBhVC1ktXCRfJoVKT1NIERRUSl4qXIRHBFCbhTKFCgYjkII3g0hLUbMAOjaCBEw9ukZGgidNxLMUFYIXTkGzOmLLAEkQCLNUQMEAPxdSGoYvAkS9gjkyNEkJOjovRWAb04NBJlYsWh9KQ2FUkFQ5SWqsEJIAhq6DAAIBACH5BAkKAAAALAAAAAAQABAAAAeJgACCg4SFhQkKE2kGXiwChgBDB0sGDw4NDGpshTheZ2hRFRVDUmsMCIMiZE48hmgtUBuCYxBmkAAQbV2CLBM+t0puaoIySDC3VC4tgh40M7eFNRdH0IRgZUO3NjqDFB9mv4U6Pc+DRzUfQVQ3NzAULxU2hUBDKENCQTtAL9yGRgkbcvggEq9atUAAIfkECQoAAAAsAAAAABAAEAAAB4+AAIKDhIWFPygeEE4hbEeGADkXBycZZ1tqTkqFQSNIbBtGPUJdD088g1QmMjiGZl9MO4I5ViiQAEgMA4JKLAm3EWtXgmxmOrcUElWCb2zHkFQdcoIWPGK3Sm1LgkcoPrdOKiOCRmA4IpBwDUGDL2A5IjCCN/QAcYUURQIJIlQ9MzZu6aAgRgwFGAFvKRwUCAAh+QQJCgAAACwAAAAAEAAQAAAHjIAAgoOEhYUUYW9lHiYRP4YACStxZRc0SBMyFoVEPAoWQDMzAgolEBqDRjg8O4ZKIBNAgkBjG5AAZVtsgj44VLdCanWCYUI3txUPS7xBx5AVDgazAjC3Q3ZeghUJv5B1cgOCNmI/1YUeWSkCgzNUFDODKydzCwqFNkYwOoIubnQIt244MzDC1q2DggIBACH5BAkKAAAALAAAAAAQABAAAAeJgACCg4SFhTBAOSgrEUEUhgBUQThjSh8IcQo+hRUbYEdUNjoiGlZWQYM2QD4vhkI0ZWKCPQmtkG9SEYJURDOQAD4HaLuyv0ZeB4IVj8ZNJ4IwRje/QkxkgjYz05BdamyDN9uFJg9OR4YEK1RUYzFTT0qGdnduXC1Zchg8kEEjaQsMzpTZ8avgoEAAIfkECQoAAAAsAAAAABAAEAAAB4iAAIKDhIWFNz0/Oz47IjCGADpURAkCQUI4USKFNhUvFTMANxU7KElAhDA9OoZHH0oVgjczrJBRZkGyNpCCRCw8vIUzHmXBhDM0HoIGLsCQAjEmgjIqXrxaBxGCGw5cF4Y8TnybglprLXhjFBUWVnpeOIUIT3lydg4PantDz2UZDwYOIEhgzFggACH5BAkKAAAALAAAAAAQABAAAAeLgACCg4SFhjc6RhUVRjaGgzYzRhRiREQ9hSaGOhRFOxSDQQ0uj1RBPjOCIypOjwAJFkSCSyQrrhRDOYILXFSuNkpjggwtvo86H7YAZ1korkRaEYJlC3WuESxBggJLWHGGFhcIxgBvUHQyUT1GQWwhFxuFKyBPakxNXgceYY9HCDEZTlxA8cOVwUGBAAA7AAAAAAAAAAAA) no-repeat 6px 5px; padding-left: 27px; } form .form_button.disabled, form .form_button_submit.disabled, form .form_button_reset.disabled { background-color: #999; cursor: default; } form .form_button--left, form .form_button_submit--left, form .form_button_reset--left { float: none; } form .form_button_reset { float: left; margin-left: 0; margin-bottom: 2em; } form .form_button_reset:hover { cursor: pointer; background-color: #888; } form .form_button:hover, form .form_button_submit:hover { cursor: pointer; background-color: #EA6A15; } form .form_button:active, form .form_button_submit:active { -webkit-box-shadow: 2px 2px 2px #ddd; -moz-box-shadow: 2px 2px 2px #ddd; box-shadow: 2px 2px 2px #ddd; } form .radio .form_leftcollabel, form .checkbox .form_leftcollabel { padding-top: 0; } @media only screen and (min-width: 600px) { form .form_leftcolmark { float: right; padding: 0 6px 0 0; } } form input.form_field_text, form input.form_field_password { width: 98%; padding: 3px 4px; border: 1px solid #BDC5C6; -webkit-box-shadow: 1px 1px 2px #ddd inset; -moz-box-shadow: 1px 1px 2px #ddd inset; box-shadow: 1px 1px 2px #ddd inset; } form .form_field_select { width: 100%; padding: 3px 4px; border: 1px solid #BDC5C6; -webkit-box-shadow: 1px 1px 2px #ddd inset; -moz-box-shadow: 1px 1px 2px #ddd inset; box-shadow: 1px 1px 2px #ddd inset; } form .radio span, form .checkbox label { padding: 0; } form .radio input, form .checkbox input { margin: 2px 5px 0 0; padding: 0; } form .radio .form_row, form .checkbox .form_row { margin: 1em 0; } form .form_row_description { display: block; margin: 2px 0 0 2px; } @media only screen and (min-width: 600px) { form .form_row_description { margin: 2px 0 0 25%; } } form .radio .form_row_description, form .checkbox .form_row_description { margin-left: 0; } form .form_row_description.error, form .error label, form .error .form_leftcolmark, form .form_error { color: #f30; } form .error input { border-color: #f30; } form .form_rightcol.form_error { font-weight: bold; } /* !! have a look @ /etc/designs/ie.css - changes needs to be done there as well !! */ x:-moz-any-link, x:default { background: #f07d0f url("static/icons.png") no-repeat 7px -2193px; } x:-moz-any-link, x:default { background: #999999 url("static/icons.png") no-repeat 7px -2193px; } /* add to floating elements which shall clear floating after themselves */ * html .form_row { height: 1%; /* IE5-6 */ } * + html .form_row { display: inline-block; /* IE7not8 */ } .form_row:after { /* FF, IE8, O, S, etc. */ content: "."; display: block; height: 0; clear: both; visibility: hidden; } form.jobdb table { width: 100%; } form.jobdb table tr td { padding: 0 0 0.5em 0; } form.jobdb table tr td.first, form.jobdb table tr td:first-child { padding: 0 1em 0 0; font-weight: bold; text-align: right; } form.jobdb table tr.block td { margin-top: 2em; padding: 0 0 0.5em 0; } form.jobdb input, form.jobdb select { width: 100%; margin-bottom: 1em; box-shadow: 1px 1px 2px #ddd inset; } form.jobdb input { width: 98%; padding: 3px 4px; } form.jobdb input.error { border: 1px solid #f30; } form.jobdb select .selected { background: #999; color: white; } form.jobdb .buttons { margin-top: 4em; } form.jobdb .buttons .button { background: #999999 url("static/icons.png") no-repeat 10px -2191px; margin-right: 1em; padding: 0.3em 1em 0.3em 1.5em; color: white; font-size: 14px; font-weight: bold; float: left; box-shadow: 2px 2px 2px #bbb; } form.jobdb .buttons .button:hover { text-decoration: none; background-color: #888; } form.jobdb .buttons input { display: block; width: auto; min-width: 60px; background: #f07d0f url("static/icons.png") no-repeat 7px -2192px; margin: 0 0 0 0; padding: 0.3em 1em 0.3em 1.2em; color: white; font-size: 14px; font-weight: bold; float: right; border: none; outline: none; box-shadow: 2px 2px 2px #bbb; } form.jobdb .buttons input:hover { cursor: pointer; background-color: #EA6A15; } form.jobdb .buttons input:active, form.jobdb .buttons .button:active { box-shadow: 2px 2px 2px #ddd; } form.jobdb .deactivated, form.jobdb .error { color: #f30; } /* START @import "_modules.css" */ .search .submit { background: url("static/icons.png") no-repeat 0 4px; border: none; cursor: pointer; margin-left: 7px; padding-left: 8px; font-weight: bold; } #q { border: 1px solid #ccc !important; padding: 2px 5px; box-shadow: inset 1px 1px 3px #777; } /* standalone link */ .standalone { background: url("static/icons.png") no-repeat 0 5px; color: #005499; padding: 0 0 0 10px; font-size: 14px; font-weight: bold; display: block; } .standalone:hover { cursor: pointer; color: #2b93c9; } .col-cra .standalone { font-size: 13px; background: url("static/icons.png") no-repeat 0 4px; padding: 0 0 0 10px; } .standalone--headline { font-size: 16px; background-position: 0 0; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .button.button { display: inline-block; width: auto; min-width: 112px; background: lime; text-align: center; color: #fff; padding: 5px 0 4px 0; } .button.button--orange { color: #fff; background: #f07d0f; } .button.button--orange:hover { background: #ea6a15; text-decoration: none; } .button.button--shadow { box-shadow: 2px 2px 2px #bbb; } .button.button--right { float: right; } .left { float: left; } .right { float: right; } /* hr */ .line_separator hr { border: none; border-top: 1px solid #005499; color: #ffffff; } /* image */ .media { width: 100%; padding: 3px 0 0 0; } .media img { width: 100%; margin-bottom: 1em; } .col .media.left { width: 40%; float: left; padding: 3px 1.5em 0.5em 0; } .col .media.right { width: 40%; float: right; padding: 3px 0 0.5em 1.5em; } /* shadowBox */ .shadowbox { background: white; margin: 0; padding: 1em 1em 1em 1em; border: 1px solid #eaeaea; border-left: 1px solid #f6f6f6; box-shadow: 1px 1px 3px #aaa; } /* newslist homepage */ .homepage .news_teaser_list { margin: 0 0 2em 0; } .homepage .news_teaser_list ul { margin: 0 0 2em 1em; } .homepage .news_teaser_list li { list-style: none; margin: 0 0 0 0; padding: 6px 0 6px 0; border: none; } .homepage .news_teaser_list li + li { border-top: 1px solid #005499; } .homepage .news_teaser_list li a { background: url("static/icons.png") no-repeat 0 1px; padding: 0 0 0 12px; } .homepage .news_teaser_list li span { display: block; margin-top: 0; } .homepage .news_teaser_list li span.date { width: 30%; float: left; padding: 0; background: none; } .homepage .news_teaser_list li span.text { margin-left: 31%; font-weight: bold; } .homepage .news_teaser_list li a:hover span { text-decoration: underline; } .homepage .news_teaser_list .standalone { margin: 2em 0 0 0.75em; } /* download list */ .download_list ul, .download_list li { margin-left: 0; } .download_list li { list-style: none; } .download_list li a, .topnav .download_list li a { display: inline-block; background: url("static/icons.png") no-repeat 0 -993px; color: black; margin-bottom: 4px; padding: 1px 0 1px 12px; font-size: 12px; font-weight: normal; white-space: normal; line-height: 18px; } .download_list li a:hover, .topnav .download_list li a:hover { background: url("static/icons.png") no-repeat 0 -993px; color: #2b93c9; text-decoration: underline; } /* event teaser list */ .event_list ul, .event_list li { list-style: none; margin-left: 0; } .event_list li { padding: 1em 0 1em 0; border-bottom: 1px solid #005499; } .event_list li:first-child { padding-top: 0; } .event_list li.last, .event_list li:last-child { border-bottom: none; } .event_list li .image { display: block; width: 25%; float: left; } .event_list li .image img { width: 100%; } .event_list li .teaser { display: block; float: right; width: 72%; } .event_list li .teaser.noimage { width: 100%; } .event_list li .teaser .name { display: block; background: url("static/icons.png") no-repeat 2px -246px; font-weight: bold; padding-left: 0.7em; padding-bottom: 0.5em; } *:not(hr) .event_list li .teaser .name { background: url("static/icons.png") no-repeat 2px -247px; } .event_list li .teaser .location { float: right; display: block; } .event_list li .teaser .date { float: left; display: block; padding-left: 0.7em; font-size: 11px; } .event_list li .teaser .teaser_text { display: block; clear: both; padding: 0.25em 1em 0.25em 0.7em; } .event_list a:hover span { text-decoration: underline; } .event_list .event_meta { display: inline-block; color: #999; margin-bottom: 0.5em; padding-left: .7em; } /* event detail */ .event-meta { margin-bottom: 0.5em; } .event-location { float: right; } .event-description img { float: left; margin: 0.3em 1em 2em 0; } .event-description a { color: #000; font-weight: bold; background: url("static/icons.png") no-repeat 4px -246px; padding-left: 10px; } .event-description a:hover { color: #2b93c9; } .event-description .image img { float: none; width: 100%; } /* event teaser */ .event_teaser { overflow: hidden; } .event_teaser ul { width: 100%; overflow: hidden; } .event_teaser li { display: block; width: 100%; list-style: none; float: left; margin: 0 0 0.5em 0; } .event_teaser li .image { display: block; position: relative; margin-bottom: 0.5em; } .event_teaser li .image img { width: 100%; } .event_teaser li .image .left, .event_teaser li .image .right { width: 12%; height: 100px; opacity: 0.8; filter: alpha(opacity=80); background: #ffffff url("static/icons.png") no-repeat 5px -1850px; position: absolute; top: 0; left: 0; display: none; } .event_teaser li .image .right { background: #ffffff url("static/icons.png") no-repeat 5px -1750px; left: auto; right: 0; } .event_teaser li .image:hover .left, .event_teaser li .image:hover .right { display: block; } table.sortable th h2 { color: black; display: inline; float: left; font-size: 12px; margin-bottom: 0; } table.sortable th span { display: block; width: 25px; height: 7px; margin: 2px 0 0 7px; float: left; background: url("static/icons.png") 0 -1100px no-repeat; } table.sortable .headerSortDown span { background-position: 0 -1300px; } table.sortable .headerSortUp span { background-position: 0 -1200px; } /* Job Detail */ .job_detail { margin-bottom: 2em; } /* prod_db */ .prod_db { margin-top: 3em; } .prod_db .select { width: 100%; } .prod_db .select select { width: 100px; } .prod_db .select select, .prod_db .select label { float: right; margin-left: 0.75em; padding: 0.25em 0.1em; } .prod_db h2 a { padding: 0 0 0 0.5em; background: url("static/icons.png") no-repeat 0 5px; color: #005499; font-size: 18px; } .prod_db h2 a:hover { color: #2b93c9; } .prod_db .gf-table table { table-layout: auto; } .prod_db .gf-table table, .prod_db .gf-table th, .prod_db .gf-table td { border-color: #cccccc; } .prod_db .gf-table th { background: #ccc; color: #ffffff; } .prod_db a.more, .prod_db .gf-table a { background: url("static/icons.png") no-repeat 0 -244px; padding: 0 0 0 7px; color: #000; font-weight: bold; } *:not(hr) .prod_db .gf-table a, *:not(hr) .prod_db a.more { background: url("static/icons.png") no-repeat 0 -247px; } .prod_db a.more:hover, .prod_db .gf-table a:hover { color: #2b93c9; } .prod_db .gf-table a { font-weight: bold; } .prod_db .blockview li { width: 32%; float: left; list-style: none; margin-right: 0; margin-bottom: 1em; } .prod_db .blockview li + li { margin-left: 2%; } .prod_db .blockview li.large { margin-left: 0; } .prod_db .blockview li a { display: block; background: url("static/icons.png") no-repeat 0 -247px; margin: 0 0 0.75em 0; padding: 0 0 0 8px; } .prod_db .blockview li a img { width: 100%; } .prod_db .blockview li a.illu { background: none; padding: 0; } .prod_db .blockview li a.detail { margin: 0 0 0.25em 0; font-weight: bold; } .prod_db .listview li { list-style: none; padding: 2em 0 1em 0; } .prod_db .listview li + li { border-top: 1px solid #005499; } .prod_db .listview .illu { display: block; width: 20%; margin: 0 5% 0 0; float: left; } .prod_db .listview .illu img { width: 100%; } .prod_db .listview .text a.detail { background: url("static/icons.png") no-repeat 0 -247px; margin-left: -8px; padding: 0 0 0 8px; color: #000; font-weight: bold; } .prod_db .listview .text a.detail:hover { color: #2b93c9; } .prod_db .listview table { width: 75%; } .prod_db .listview table, .prod_db .listview td, .prod_db .listview th { border: 1px solid #ccc; padding: 0.5em 1em; } .prod_db .listview th { background: #ccc; color: #ffffff; } .prod_db .measurements { display: none; } .prod_db .tab-content { border: 1px solid #005499; padding: 2em; } .prod_db .tab-content .select { margin-bottom: 1em; } .prod_db .tab-content ul { margin-left: 1em; } .prod_db .tab-content .value { text-align: right; } .tab-content .text_image.image_full .image { padding-right: 0; } /* share monitor */ .stock_perf img { position: relative; } .stock_perf table { width: 100%; margin: 0; table-layout: fixed; } .stock_perf table td.value, .stock_perf table td.tendency { text-align: right; font-weight: bold; } .stock_perf table td.tendency.up { color: #99d100; } .stock_perf table td.tendency span { display: inline-block; width: 16px; height: 16px; margin-right: 5px; background: url("static/icons.png") 10px 7px no-repeat; } .stock_perf table td.tendency.down { color: #ff3300; } .stock_perf table td.tendency.up span { background-position: 0 -1399px; } .stock_perf table td.tendency.down span { background-position: 0 -1499px; } /* media_library */ #media_library_topnav { position: relative; height: 64px; margin-bottom: 1em; z-index: 999; } .media_library { position: relative; } .media_library form { margin: 0; } .media_library .listview { display: none; width: 100%; } .your_selection { display: none; } .media_library_topnav { position: relative; height: 60px; } .results_viewswitch { background-color: white; position: absolute; top: 0; left: 0; width: 100%; } .media_library .media_library_loading { text-align: center; border: 1px solid gray; line-height: 40px; } .media_library #media_library_loading span { display: block; background: url(static/colorbox/loading.gif) no-repeat scroll left -4px transparent; padding: 4px 0 4px 34px; } .media_library .resultset { border-top: 1px solid #005499; margin-top: -1px; margin-bottom: 5em; } .media_library .blockview li { width: 48%; min-height: 260px; float: left; list-style: none; } .media_library .blockview li + li { padding-left: 2.5%; } .media_library .blockview li + li:nth-child(2n+1) { padding-left: 0; } .media_library .blockview li.small { clear: left; padding-left: 0; } .media_library .blockview li.large { padding-left: 0; } .media_library .blockview li:last-child { padding-right: 0; } .media_library .blockview li a { display: block; background: url("static/icons.png") no-repeat 0 -247px; margin: 0.75em 0 0.5em 0; padding: 0 0 0 8px; color: #005299; color: #000; font-weight: bold; } .media_library .blockview li a:hover { color: #2b93c9; } .media_library .blockview li a.illu { background: none; padding: 0; } .media_library .blockview li a.illu img { width: 100%; } .media_library .blockview li p { padding-left: 8px; } .media_library .blockview2 li { margin-bottom: 40px; list-style-type: none; border-bottom: none; } .media_library .blockview2 li p { margin-bottom: 3px; } .media_library .blockview2 li img { width: 100%; border: 1px solid #ccc; transition: all 0.25s ease-in-out; box-shadow: 0px 0px 4px 0px #ffffff; } .media_library .blockview2 li:hover img { box-shadow: 0px 0px 3px 0px #999; } .media_library .blockview2 .search-result-image { display: block; padding-top: 66%; background-size: contain; background-repeat: no-repeat; background-position: center; border: 1px solid #ccc; transition: all 0.25s ease-in-out; box-shadow: 0px 0px 4px 0px #ffffff; } .media_library .blockview2 li:hover .search-result-image { box-shadow: 0px 0px 3px 0px #999; } .media_library .listview tr { border-bottom: 1px solid #005499; } .media_library .listview tr:last-child { border: none; } .media_library .listview td { padding: 1em 0.2em 0.1em 0.1em; } .media_library .listview td.illu { display: none; margin-right: 1em; } .media_library .listview td.text { width: 50%; } .media_library .listview td.meta { margin-top: 20px; font-size: 12px; } .media_library .listview td.links { width: 10%; } .media_library .listview span.type { color: #999; float: right; } .media_library .listview a { display: block; background: url("static/icons.png") no-repeat -97px -3095px; padding: 0 0 0 8px; color: #000; font-weight: bold; } .media_library .listview a:hover { color: #2b93c9; } .media_library .listview a.illu { background: none; padding: 0; } .media_library .listview a.download { float: right; } .media_library .listview .col { width: auto; float: left; } /* searchblock */ .searchblock { background: white; padding: 10px; box-shadow: 1px 1px 4px #999; } .searchblock a.toggle { display: block; float: right; margin: 10px 10px 0 0; width: 16px; height: 16px; background: url(static/as_sprite.png) 0 -40px no-repeat; text-indent: -9999px; outline: none; } .searchblock a.toggle.active { background-position: -20px -40px; } .searchblock h2 { display: block; margin-bottom: 0; padding: 9px 0 10px 0; } .searchblock .input_q { width: calc(100% - 32px); margin: 0 10px 10px 0; padding: 0; float: none; } @media (min-width: 950px) { .searchblock .input_q { width: 50%; } } .searchblock input.q { width: 100%; margin: 6px 0 0.75em 0; padding: 3px 5px; font-size: 16px; border: 1px solid #ccc; box-sizing: border-box; } .searchblock div.toggle { border-top: 1px solid #eee; display: none; margin: 10px 0; padding: 15px 0 0 0; clear: left; } .searchblock .select { float: left; width: 50%; } .searchblock .select label { display: block; padding: 2px 0 0 0; } .searchblock .select select { width: 100%; display: block; margin: 0 0 0.75em 0; padding: 2px; font-size: 16px; } .searchblock .radio { margin-top: 5px; max-width: 50%; padding-right: 50px; box-sizing: border-box; } .searchblock .radio ul, .searchblock .radio li { list-style: none; } .searchblock .radio input { margin: 0 0.25em 1.5em 0; display: block; position: absolute; } .searchblock .radio input + label { padding: 0 0 7px 20px; display: block; } @media (max-width: 949px) { .searchblock .radio:first-child:not(:last-child), .searchblock .select + .radio { float: right; padding-left: 15px; width: 50%; padding-right: 10px; padding-top: 18px; } } .searchblock__button { color: #fff; background: #f07d0f; margin-top: 5px; padding: .25em .5em; border: none; min-height: 27px; } .searchblock__button:hover { background: #ea6a15; } .searchblock--open div.toggle { display: block; } /* selection_breadcrumb */ .selection_breadcrumb { margin: 1.75em 0 1em 0; } .selection_breadcrumb p { display: inline-block; float: left; font-weight: bold; margin-right: 0.75em; } .selection_breadcrumb li { float: left; list-style: none; line-height: 1.5em; } .selection_breadcrumb li a { color: #005499; background: url(static/as_sprite.png) right -57px no-repeat; margin: 0 8px; padding-right: 14px; } .selection_breadcrumb--shop { margin: 1.75em 0; } *:not(hr) .selection_breadcrumb li a { background-position: right -58px; } /* FAKETABS */ .faketabs { position: relative; } .faketabs:before { position: absolute; content: ""; width: 100%; height: auto; border-bottom: 1px solid #005499; left: 0; right: 0; bottom: 0; z-index: 0; } .faketabs a { position: relative; display: block; float: left; margin-top: 5px; padding: 5px 10px; background: #005499; color: white; border-top: 14px solid white; border-left: 1px solid white; white-space: nowrap; } .faketabs a:hover { background: #2b93c9; text-decoration: none; cursor: pointer; } .faketabs a.active { padding: 1em 1em 1.1em 1em; margin-left: 1px; border: 1px solid #005499; border-bottom: none; background: white; color: #000; font-weight: bold; } .faketabs a.active:first-child { margin-left: 0; } .tabset .swiper-container { height: 42px; } .tabset .swiper-container:before { /*position: absolute; content: ""; width: 100%; height: auto; border-bottom: 1px solid @GLOBAL_COLOR_BLUE; left: 0; right: 0; bottom: 0; z-index: 0;*/ } .tabset .swiper-container:after { content: ""; display: block; position: absolute; top: 0; right: 0; bottom: 1px; width: 30px; z-index: 20; background: linear-gradient(to left, rgba(255, 255, 255, 0) 0%, #ffffff 55%); pointer-events: none; } .tabset .tabs { display: inline-block; height: 46px !important; width: auto; } .tabset .tabs li span { display: inline-block; margin-top: 15px; margin-right: 1px; padding: 0.5em 0.75em; background: #005499; color: #fff; cursor: pointer; white-space: nowrap; } .tabset .tabs li span:hover { background: #2b93c9; } .tabset .tabs .tab-open span { position: relative; background: #fff; color: #000; margin: 4px 1px -1px 0; padding: 10px 5px 12px 5px; border: 1px solid #005499; border-bottom: none; z-index: 999; } .tabset .tabs li.tab-open:first-child span { margin-left: 0; } .tabset .tabs .tab-open span:hover { background: white; } .tab-content { display: block !important; position: absolute; left: -10000px; margin-top: -1px; padding-top: 2em; border-top: 1px solid #005499; } .prod_db .tab-content { border-top: none; } .tab-content.active { position: relative; left: auto; } .tabset .tabs li:focus { outline: none; } .results_viewswitch { margin: 1em 0; box-shadow: 1px 1px 4px #999; } .results_viewswitch > span { display: inline-block; padding: 0.75em 0.75em 0.6em 0.75em; } .view_switch { float: right; padding: 0.75em 0.75em 0.6em 0.75em; } .view_switch li { float: left; margin-left: 6px; list-style: none; } .view_switch span, .view_switch a { display: block; width: 16px; height: 16px; background: url(static/as_sprite.png) 0 0 no-repeat; text-indent: -9999px; outline: none; } .view_switch a:focus, .view_switch a:active { outline: none; } .view_switch .list { margin-bottom: 0; background-position: -20px 0; } .view_switch .list.active { background-position: 0 0; } .view_switch .block { background-position: -20px -20px; } .view_switch .block.active { background-position: 0 -20px; } .view_switch .ascending { background-position: -20px -160px; } .view_switch .ascending.active { background-position: 0 -160px; } .view_switch .descending { background-position: -20px -180px; } .view_switch .descending.active { background-position: 0 -180px; } .media_library_detail { width: 100%; } .media_library_detail h2 { font-size: 16px; } .media_library_detail .col img.landscape { width: 100%; margin-top: 4px; } .media_library_detail .col img.portrait { width: 50%; margin: 0 0 0 100px; } .media_library_detail .col p { margin-bottom: 1em; } .media_library_detail .col ul { margin-bottom: 1em; } .media_library_detail .col li { list-style: none; margin-bottom: 2px; } .media_library_detail .standalone { color: #000; font-size: 12px; background-position: 0 3px; } /* search */ .search .text a { font-weight: normal; } .search .text strong { font-weight: bold; } /* sitemap */ .sitemap { margin-left: 0; } .sitemap ul { margin-left: 20px; } .sitemap > li { float: left; margin: 0 100px 30px 0; } .sitemap li { list-style: none; margin-left: 0; } .sitemap li a { background: url("static/icons.png") no-repeat 0 -246px; display: inline-block; margin: 0 0 2px 0; padding: 0 0 0 8px; max-width: 150px; font-weight: bold; } .sitemap li li a { margin: 2px 0; font-weight: normal; } #fixed_bottom_nav { position: relative; height: 40px; margin-top: 2em; margin-bottom: 1em; z-index: 4999; } #fixed_bottom_nav .content_toolbar { position: absolute; bottom: 0; background-color: white; padding-bottom: 1em; width: 100%; } #fixed_bottom_nav ul, #fixed_bottom_nav li { margin-left: 0; } .countryDetection { width: 400px; min-height: 250px; } .countryDetection p { margin-bottom: 1em; } .countryDetection .currentLocation { display: block; margin-bottom: 10px; color: #f07d0f; font-size: 40px; font-weight: bold; } .countryDetection .compactlinks-wrap li { position: relative; margin-bottom: 3px; padding: 0 4px 2px 7px; } .countryDetection .compactlinks ul { position: relative; } .countryDetection .location .compactlinks-head:before, .countryDetection ul.location li a:before { top: 3px; } .countryDetection form .form_button_submit { margin: 20px 10px; background-position: 7px -2193px; } .countryDetection select { -webkit-appearance: button; -webkit-border-radius: 2px; -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1); -webkit-padding-end: 20px; -webkit-padding-start: 2px; -webkit-user-select: none; background-image: url(http://i62.tinypic.com/15xvbd5.png), -webkit-linear-gradient(#fafafa, #f4f4f4 40%, #e5e5e5); background-position: 97% center; background-repeat: no-repeat; border: 1px solid #AAA; color: #555; font-size: inherit; margin: 0px 0; overflow: hidden; padding: 5px 10px; text-overflow: ellipsis; white-space: nowrap; width: 210px; } .countryDetection select option { display: block; padding: 3px 10px; } .hide { display: none; } /* define spacing between modules */ .column_control, .call_to_actions, .download_list, .gf-flash, .gf-audio, .gf-video, .snt, .iframe, .text_image, .line_separator, .news_teaser_list, .event_list, .linklist, .steplist, .textblock, .abstract, .prod_db .tabset, .event-description, .gf-reference, .standard_teaser, .event_teaser, .contact_teaser, .contact_search, .twitter_channel, .job_teaser_list, .gf-table, .chart, .ms, .mb, .sitemap, .foot { margin-bottom: 2em; } .smartphone .wrapper li > a span.xpand { position: absolute; display: inline-block; width: 25px; height: 25px; top: 0; right: 15px; background: url("static/icons.png") no-repeat -80px -3291px; } .smartphone .wrapper li > a span.xpand.active { background: url("static/icons.png") no-repeat -80px -3391px; } .smartphone .homepage.content .col .col { width: 100%; } .smartphone .homepage.content .col .col + .col { margin-left: 0; } .smartphone .snt ul li { width: 100%; } .iphone .header .head, .iphone .content .wrapper, .iphone .main, .iphone .foot { padding: 10px; } .iphone .wrapper li > a { position: relative; } .iphone .wrapper li > a:hover { background: #005499; color: #fff; } .iphone .flyout { background: none; padding: 0; } .iphone .flyout ul.mainnav { float: none; padding: 5px 10px 0 10px; } .iphone .flyout .mainnav a { background: url("static/icons.png") no-repeat scroll 0 -246px transparent; color: white; margin: 3px 0; padding: 0 0 0 7px; border: none; font-size: 11px; font-weight: normal; } .iphone .flyout .mainnav a:hover { color: #fff; } .iphone .flyout div { display: none; } .iphone .topnav ul.wrapper { padding: 0 10px 10px 10px; } .iphone .topnav ul.mainnav { padding: 10px 0 10px 10px; } .iphone .leftnav { margin-left: 0; } .iphone .leftnav li { width: 100%; } .iphone .leftnav .sections { margin: 0; width: 100%; } /* Portrait */ @media screen and (orientation: portrait) { /* Portrait styles */ .ipad .leftnav .sections a { font-size: 14px; } .ipad .leftnav .sections a span { font-size: 12px; } .ipad .large_staging_teaser { top: 32px; right: 30px; width: 32%; font-size: 11px; } .ipad .large_staging_teaser h2, .ipad .large_staging_teaser h3 { margin-bottom: 0.2em; } .ipad .stage_wrapper .large_staging_teaser p, .ipad .stage_wrapper .large_staging_teaser .image.left { margin-bottom: 0.3em; } .ipad .stage_wrapper { padding: 0 30px; } .ipad .stage_wrapper h1 { top: 10%; left: 30px; } .ipad .stage_wrapper .sections { bottom: 10px; } .smartphone .meta .search #q { width: 240px; padding: 6px; font-size: 14px; } .iphone .meta .search .submit { display: none; } .iphone .stage_wrapper { padding: 0 0 0 10px; } .iphone .stage_wrapper h1 { top: 5%; left: 20px; font-size: 20px; } .iphone .stage_wrapper .sections h2 { font-size: 12px; } .iphone .stage_wrapper .sections h3 { font-size: 10px; } .iphone .stage_wrapper .sections > div { width: 29%; } .iphone .content_toolbar a.back { display: none; } } /* Landscape */ @media screen and (orientation: landscape) { /* Landscape styles */ .ipad .leftnav .sections a { font-size: 14px; } .ipad .leftnav .sections a span { font-size: 12px; } } .list { list-style: none; margin-bottom: 20px; } .list-item { list-style: none; margin-bottom: 10px; } /* job search list */ .job_teaser_list table, .job_teaser_list th, .job_teaser_list tr, .job_teaser_list td { padding: 8px 12px; } .job_teaser_list table { width: 100%; table-layout: fixed; margin-bottom: 1em; } .job_teaser_list table tr { border-bottom: 1px solid #005499; } .job_teaser_list table tbody tr:last-child, .job_teaser_list table tr.last { border-bottom: none; } .job_teaser_list table .date { width: 95px; } .job_teaser_list table a { display: block; font-weight: bold; background: url("static/icons.png") no-repeat -97px -3095px; padding: 0 0 0 7px; } .job_teaser_list table td p { padding: 0 0 0 7px; } .job_teaser_list table td:first-child { xwidth: 55%; } .job_teaser_list tbody tr:hover { background: #e9f0f5; } .job_teaser_list body tr:last-child:hover { background: #E9F0F5; background: linear-gradient(to top, #ffffff 0%, #e9f0f5 100%); } /* list hover */ .hover_highlight li:hover { background: #e9f0f5; } .hover_highlight li:first-child:hover { background: #e9f0f5; background: linear-gradient(to top, #e9f0f5 0%, #ffffff 100%); } .hover_highlight li:last-child:hover { background: #e9f0f5; background: linear-gradient(to top, #ffffff 0%, #e9f0f5 100%); } /* .hover_highlight li:hover { } .hover_highlight li:first-child:hover { background: #E9F0F5; background: linear-gradient(to top, #fff 0%, #E9F0F5 100%); } .hover_highlight li:last-child:hover, .hover_highlight li.last:hover { background: #E9F0F5; background: linear-gradient(to top, #E9F0F5 0%, #fff 100%); } .job_teaser_list tbody tr:hover { background: #E9F0F5 } .job_teaser_list tbody tr:last-child:hover { background: #E9F0F5; background: linear-gradient(to top, #E9F0F5 0%, #fff 100%); } */ /* linklist */ .linklist { clear: both; } .topnav .linklist { clear: none; } .linklist ul, .linklist li { margin-left: 0; } .linklist li { margin-bottom: 0; } .linklist, .linklist * { list-style: none; } .linklist a, .topnav .linklist a { display: block; color: #333; background: url("static/icons.png") no-repeat 0 -244px; padding: 0 0 0 7px; line-height: 18px; font-size: 12px; font-weight: normal; white-space: normal; } *:not(hr) .linklist a { background: url("static/icons.png") no-repeat 0 -245px; } .linklist .standalone { color: #005499; margin-top: 0.25em; } .linklist a:hover { background-image: url("static/icons.png"); color: #2b93c9; text-decoration: underline; } .contact_search { /*background: white; border: 1px solid var(BLUE); margin: 2em 0 20px; padding: 14px 14px 20px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;*/ } .contact_search #gmap_wrapper { position: relative; height: 470px; border: 1px solid #005499; border-top-width: 0; background: #fff; margin: 0; padding: 10px; z-index: 10; } .contact_search #map_canvas { height: 470px; background: #fff; } .contact_search .searchbox { position: absolute; width: 200px; min-height: 80px; background: #fff; background: rgba(255, 255, 255, 0.92); color: #000; border: 1px solid #ccc; padding: 20px 15px; top: 20px; left: 20px; -webkit-box-shadow: 0 2px 2px #999; -moz-box-shadow: 0 2px 2px #999; box-shadow: 0 2px 2px #999; } .contact_search .searchbox h3 { margin: 0 0 10px 0; } .contact_search .searchbox span.textinput { width: 210px; } .contact_search .searchbox .textinput input { width: 180px; } .contact_search .searchbox .textinput span.formsubmit { width: 24px; } .contact_search .searchbox .resultbox { display: none; max-height: 275px; overflow: auto; margin-top: 50px; padding-top: 1px; border-top: 1px solid #005299; border-bottom: 1px solid #005299; } .contact_search .searchbox .resultbox li { background: #fff; padding: 15px 8px; border-bottom: 1px solid #005299; } .contact_search .searchbox .resultbox li:hover { background: #E9F0F5; } .contact_search .searchbox .resultbox li:last-child { border-bottom: none; } .contact_search .searchbox .resultbox p { margin-bottom: 0.5em; } .pac-container { margin: 2px 0 0 8px; } .contact_search .loader { position: absolute; width: 32px; height: 32px; background: #ffffff url("static/ajax-loader.gif") no-repeat center center; padding: 20px; top: 160px; left: 350px; -webkit-box-shadow: 0 0 5px #999; -moz-box-shadow: 0 0 5px #999; box-shadow: 0 0 5px #999; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .contact_search .compactlinks { float: left; width: 204px; height: 27px; margin: 0 27px 10px 0; padding: 0 0; background: url("static/bg-select-contactcenter.png") no-repeat 0 0; } .contact_search .compactlinks b, .contact_search .compactlinks li a { text-transform: capitalize; } .contact_search .compactlinks-head { background: none; } .contact_search .infobox { position: absolute; display: none; width: 35%; padding: 1.5em; background: #fff; background: rgba(255, 255, 255, 0.95); border: 1px solid #ccc; top: 20px; left: 280px; -webkit-box-shadow: 0 2px 2px #999; -moz-box-shadow: 0 2px 2px #999; box-shadow: 0 2px 2px #999; } .contact_search .infobox h3 { padding-right: 2em; } .contact_search .infobox .close { position: absolute; background: url("static/close_button.png") no-repeat 0 0; width: 32px; height: 32px; top: 5px; right: 5px; text-indent: -9999px; } .contact_search .infobox p { margin: 0 0 5px; } .contact_search .textlink { color: #005299; background: url("static/icons.png") no-repeat 0 2px; padding: 0 0 0 10px; font-weight: bold; } .contact_search .textlink.web { color: #005299; background: url("static/icons.png") no-repeat 2px -2699px; padding: 0 0 0 18px; } .contact_search .textlink.mail { color: #005299; background: url("static/icons.png") no-repeat 0 -1997px; padding: 0 0 0 18px; } *:not(hr) .contact_search .textlink.mail { background: url("static/icons.png") no-repeat 0 -1998px; } .contact_search #map_controls { position: absolute; width: 61px; height: 281px; top: 20px; right: 20px; background: url("static/map_controls_sprite.png") no-repeat; } .touch #map_controls { display: none; } .contact_search #map_controls .map_control { cursor: pointer; height: 20px; margin: 0; width: 20px; position: absolute; } #map_controls #map_control_up { left: 20px; } #map_controls #map_control_left { top: 20px; } #map_controls #map_control_right { top: 20px; left: 40px; } #map_controls #map_control_down { top: 40px; left: 20px; } #map_controls #map_control_zoom_in { top: 68px; left: 20px; } #map_controls #map_control_zoom_out { top: 243px; left: 20px; } #map_controls #map_control_slider { position: absolute; width: 20px; height: 141px; top: 91px; left: 20px; } #map_controls .ui-widget-content { border: none; background: none; } #map_controls #map_control_slider a { position: absolute; display: block; width: 20px; height: 11px; left: auto; background: url("static/map_controls_slider.png") no-repeat; cursor: pointer; border: none; } #map_controls #map_control_slider a:hover, #map_controls #map_control_slider a:focus { outline: none; } .contact_search .tablike { position: relative; margin: 0 0 0; padding: 0; overflow: hidden; } .contact_search .tablike:before { content: ""; display: block; position: absolute; right: 0; top: 0; bottom: 1px; width: 30px; z-index: 20; background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, #ffffff 55%); background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, #ffffff 55%); background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, #ffffff 55%); background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, #ffffff 55%); pointer-events: none; } .tablike ul, .tablike li { list-style: none; } .tablike .swiper-container { height: 41px; overflow: visible; position: relative; border-bottom: 1px solid #005499; } .tablike .swiper-wrapper { display: inline-block; width: auto; height: 42px !important; } .tablike .swiper-slide { margin-top: 0px; } .contact_search .bigbutton { display: block; width: auto; min-height: 20px; margin: 8px 1px 0 0; padding: 8px 5px 5px 5px; background: #005499; color: #fff; font-size: 1.2em; text-align: center; position: relative; float: left; white-space: nowrap; z-index: 5; } .contact_search li.swiper-slide:last-child .bigbutton { margin-right: 0; } .contact_search .bigbutton:hover { background: #2B93C9; text-decoration: none; } .contact_search .bigbutton.first.active, .contact_search .bigbutton.active { top: 1px; z-index: 15; color: #333; min-height: 32px; margin: 0 1px 0 0; padding: 8px 4px 0 4px; background: white; border: 1px solid #005499; border-bottom: none; xfont-weight: bold; -moz-transition: none; transition: none; } .contact_search .bigbutton:focus, .contact_search .bigbutton:active { outline: none; } .contact_search .bigbutton.active:hover { text-decoration: none; cursor: default; } .contact_search .lists { margin: 0 0 20px; display: none; } .contact_search .lists.active { display: block; } .contact_search .lists .col { float: left; } .contact_search .lists .col.cols-2 { width: 300px; } .contact_search .lists .col.cols-3 { width: 450px; } .contact_search .lists .col.cols-4 { width: 600px; } .contact_search .lists ul { margin: 5px 0 20px; } .contact_search .lists li { width: 150px; float: left; margin: 0 0 5px; } .contact_search .lists a { display: inline-block; background: url("images/sprite32bit.png") 0 6px no-repeat; color: var(TEXTCOL); padding: 0 0 0 8px; text-transform: capitalize; } .contact_search .compactlinks li a.usa, .contact_search .lists a.usa { text-transform: uppercase; } .contact_search .lists a:hover, .contact_search .lists a:active { color: #2B93C9; } #quick_request { display: none; } .fancybox-lock .fancybox-overlay { overflow: auto; } /* eShop */ .breadcrumb { margin-bottom: 2em; } .breadcrumb__element { list-style: none; } .breadcrumb__link { position: relative; float: left; padding-right: 15px; margin-right: 5px; } .breadcrumb__link:after { content: ""; position: absolute; background: transparent url("static/icons.png") no-repeat scroll 2px -1798px; right: 0; height: 13px; width: 11px; } .breadcrumb__current { font-weight: bold; } .shop__authenticated--element.shop__authenticated--element { display: none; } .shop__authenticated .shop__authenticated--element.shop__authenticated--element { display: block; } .shop__anonymous--element.shop__anonymous--element { display: none; } .shop__anonymous .shop__anonymous--element.shop__anonymous--element { display: block; } .shop__user-navigation { position: absolute; top: 0; right: 0; } .shop__user-navigation--wrapper { position: relative; display: inline-block; } .shop__user-navigation--wrapper:hover .shop__user-navigation--salutation { background: #fff; color: #005499; transition: none; } .shop__user-navigation--wrapper:hover .shop__user-navigation--flyout { display: inline-block; } .shop__user-navigation--link { display: inline-block; color: white; font-size: 14px; font-weight: bold; padding: .5em .5em .4em .5em; white-space: nowrap; line-height: 1.25em; } .shop__user-navigation--basket { position: relative; width: 20px; height: 16px; } .shop__user-navigation--basket:hover { background: #fff; color: #005499; } .shop__user-navigation--basket-count { position: absolute; background: red; color: white; min-width: 16px; height: 16px; text-align: center; font-size: 10px; top: 0; right: 0; z-index: 1; border-radius: 100%; } .shop__user-navigation--basket-count:before { position: absolute; display: block; width: 16px; height: 16px; background: lime; margin: 0 0 0 -16px; content: ""; height: 0; width: 0; z-index: 0; } .shop__user-navigation--flyout { display: none; position: absolute; width: 160px; top: 29px; left: auto; right: 0; background: #fff; padding: 1em; -webkit-box-shadow: 0 2px 2px #ccc; -moz-box-shadow: 0 2px 2px #ccc; box-shadow: 0 2px 2px #ccc; } .shop__user-navigation--flyout-salutation { font-weight: bold; display: inline-block; margin-bottom: .5em; } .shop__user-navigation--flyout-bigbutton { display: block; padding: .25em; background: #005499; color: #fff; font-weight: bold; text-align: center; } .shop__user-navigation--flyout-bigbutton:hover { color: #fff; background: #f07d0f; text-decoration: none; } .shop__user-navigation--flyout-linklist { list-style: none; margin-bottom: 1.5em; } .shop__user-navigation--flyout-linklist_item { display: block; margin-top: .5em; margin-bottom: .5em; border-bottom: 1px solid #ccc; } .shop__user-navigation--flyout-linklist_link { display: block; padding-left: 10px; padding-bottom: 3px; color: #005499; font-weight: bold; background: url(static/icons.png) 0 2px no-repeat; } .shop__searchfield { margin-top: 2em; } /* override next adjacent sibling selectors */ .content .shop-navigation .col + .col { float: left; } .catalogList { /* class .dataTable for specifity */ } .catalogList__input-number { width: 25px; } .catalogList__table .nowrap { xwhite-space: nowrap; } .catalogList__table .resize { max-width: 50px; } .catalogList__head { color: #000; } .catalogList__table { border-collapse: collapse; width: 100%; color: #888; margin-bottom: 1em; } .catalogList__table .productCount { width: 40px; margin-bottom: .75em; } .catalogList__table .btnAdd { width: 30px; background: #f07d0f url(static/icons.png) 3px -4022px no-repeat; color: #fff; padding: .25em .5em; border: none; white-space: nowrap; text-indent: -9999px; } .catalogList__table .btnAdd:hover { background: #ea6a15 url(static/icons.png) 3px -4022px no-repeat; } .catalogList__table--cart { width: 100%; } .catalogList__table--cart td { padding: 8px 10px; } .catalogList__table--cart tr + tr { border-top: 1px solid #005499; } .catalogList__table--cart input { float: left; } .catalogList__table.dataTable { border-collapse: collapse; } .catalogList__table.dataTable td { position: relative; } .catalogList__th { padding: 0.5em; vertical-align: middle; line-height: 1.25em; } .catalogList input { width: 34px; height: 22px; text-align: center; } .catalogList tr { border-bottom: 1px solid #aaa; } .catalogList tbody tr:last-child { border-bottom: none; } .gfms-account * { -moz-transition: none; transition: none; } .gfms-account .gf-quoteList__footer { position: relative; } .gfms-account .gf-quoteList__header { position: relative; } .gfms-account .gf-quoteList__btnToggle { float: right; display: block; padding: 0 0 0 15px; margin: 0; border: none; background: url('static/icons.png') 5px 3px no-repeat; color: #005499; overflow: hidden; font-weight: bold; text-overflow: ellipsis; font-size: 13px; } .gfms-account .gf-quoteList__btnDuplicate { right: 10px; top: 0; position: absolute; } .gfms-account .gf-quoteList__title { margin-bottom: 20px; } .gfms-account .gf-quoteList__item { padding: 20px 10px 10px; position: relative; margin-bottom: 20px; } .gfms-account .gf-basketTable { width: 100%; } .gfms-account .gf-basketTable td { padding: 10px 10px; } .gfms-account .gf-basketTable td:first-child { padding-left: 0; } .gfms-account .gf-basketTable td:last-child { padding-right: 0; } .gfms-account .gf-basketTable tbody tr { border-top: 1px solid #005499; } .gfms-account .gf-basketTable__title { font-weight: bold; font-size: 15px; } .gfms-account .gf-basketTable--quotes tbody tr { border-top: 0; } .gfms-account .gf-basketTable__productCount { float: left; padding: 4px; width: 30px; margin-right: 12px; } .gfms-account .gf-basketTable__refId { padding-top: 5px; } .gfms-account .gf-basketTable__removeProduct { border: none; background: transparent url("static/icons.png") no-repeat scroll 3px -4095px; width: 25px; height: 25px; border-radius: 12px; border: 1px solid transparent; } .gfms-account .gf-basketTable__removeProduct:hover { border: 1px solid #F57F0F; } .pc-points-overview { font-size: 24px; } .pc-points-table { border-collapse: collapse; width: 100%; color: #888; } .pc-points-table.no-footer { border-bottom: none; } .pc-points-thead { background: none; padding-bottom: 5px; } .pc-points-trow:last-child { border-bottom: none; } .pc-points-trow--border-bottom { border-bottom: 1px solid #aaa; } .pc-points-tcell { padding: 5px 0; } .form-section-addresses .form_row--rowOptions .form_rightcol { border-bottom: 1px solid #ddd; padding-bottom: 10px; text-align: right; margin-bottom: 20px; } .form_button_addItem { display: inline-block; vertical-align: top; border: none; margin: 0px 0 0 5px; width: 16px; height: 16px; background: url("static/as_sprite.png") 0 -40px no-repeat; text-indent: -9999px; outline: none; } .form_button_addItem:hover { opacity: 0.8; } .form-message { border: 2px solid #ccc; padding: 20px; margin: 20px 0; color: #999; } .form-message--emptystate { font-weight: bold; padding: 10px; } .form-message--success { border-color: green; color: green; } .form-message--warning { border-color: #f30; color: #f30; } .form-message__title { font-weight: bold; } .form-message__text { font-weight: normal; } .form_radio-item { display: inline-block; margin-right: 15px; } /* ANGULAR NG ANIMATE CLASSES */ .fade.ng-enter { transition: 0.5s linear all; opacity: 0; } .fade.ng-enter.ng-enter-active { opacity: 1; } .fade.ng-leave { transition: 0.5s linear all; opacity: 1; } .fade.ng-leave.ng-leave-active { opacity: 0; } .basket-update-hint { display: none; position: absolute; top: -3px; left: 100%; margin-left: 10px; width: 110px; color: #000; font-size: 12px; padding: 4px 8px; background: #eee; } .basket-update-hint:after { right: 100%; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(238, 238, 238, 0); border-right-color: #eee; border-width: 8px; margin-top: -8px; } #CQ .cq-editbar, #CQ .cq-editrollover-insert-container, #CQ .cq-editrollover-insert-message, #CQ .cq-editrollover-highlight-top, #CQ .cq-editrollover-highlight-left, #CQ .cq-editrollover-highlight-right, #CQ .cq-editrollover-highlight-bottom, #CQ .cq-editrollover-selected { z-index: auto !important; } /* twitter-channel overwrite */ .twtr-widget { font-family: Arial, Helvetica, sans-serif !important; } .twtr-doc { width: 100% !important; -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; } .twtr-widget .twtr-tweet-wrap { padding: 8px 10px !important; } .twtr-widget .twtr-tweet { border-bottom: 1px solid #ccc !important; } .twtr-widget .twtr-tweet:last-child { border-bottom-width: 0 !important; } .twtr-timeline { -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; } .twtr-widget p { xline-height: 1.4em !important; } .twtr-doc a:hover { color: #2B93C9 !important; } .textRemoved { text-decoration: line-through; color: #f30; } .textAdded { text-decoration: underline; color: #f30; } .cq-wcm-preview .hide-in-preview { display: none !important; } div.edit-bar { border: 1px solid #A9BFD3; background-color: #D0DEF0; background-image: url(../../../libs/cq/ui/widgets/themes/default/ext/toolbar/bg.gif); padding: 2px 4px; } div.edit-bar span { font-size: 70%; margin-right: 3px; } div.edit-bar-start { -webkit-border-top-left-radius: 6px; -webkit-border-top-right-radius: 6px; -moz-border-radius-topleft: 6px; -moz-border-radius-topright: 6px; border-top-left-radius: 6px; border-top-right-radius: 6px; } div.edit-bar-end { -webkit-border-bottom-right-radius: 6px; -webkit-border-bottom-left-radius: 6px; -moz-border-radius-bottomright: 6px; -moz-border-radius-bottomleft: 6px; border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; } .cq-wcm-preview div.edit-bar { display: none; } /* PLACEHOLDER */ .cq-audio-placeholder { width: 74px; height: 74px; border: 2px dashed #CCC; border-image: initial; } .cq-image-placeholder { background: url("static/placeholders/img.jpg") no-repeat scroll 50% 50% !important; } .cq-video-placeholder { background: url("static/placeholders/video.jpg") no-repeat scroll 50% 50% !important; } .cq-file-placeholder { background: url("static/placeholders/download.jpg") no-repeat scroll 50% 50% !important; } .cq-audio-placeholder { background: url("static/placeholders/audio.jpg") no-repeat scroll 50% 50% !important; } .cq-table-placeholder { background: url("static/placeholders/table.jpg") no-repeat scroll 50% 50% !important; } .cq-text-placeholder { background: url("static/placeholders/default.jpg") no-repeat scroll 50% 50% !important; } .cq-reference-placeholder { background: url("static/placeholders/reference.jpg") no-repeat scroll 50% 50% !important; } .socialmedia_channel { margin-top: 2em; } .socialmedia_channel_container .socialmedia_channel .wrapper { padding: 0; } .socialmedia_channel ul li { float: left; margin: 0 25px 15px 0; overflow: hidden; text-indent: -999em; width: 12%; max-width: 35px; min-width: 15px; } .socialmedia_channel a { display: block; padding: 0; background: none; } .socialmedia_channel img { display: block; height: auto; width: 100%; } .socialmedia_channel ul li { max-width: 35px; margin-right: 25px; } .socialmedia_channel ul li:last-child { margin-right: 0; } .homepage.content .socialmedia_channel { float: left; } .homepage.content .socialmedia_channel { float: left; } .homepage.content .socialmedia_channel ul li { margin: 0 20px 0 0; width: 35px; } .leftnav .socialmedia_channel ul { padding-top: 1em; } /* EDIT MODE */ .EDIT .socialmedia_channel { position: relative; height: 73px; float: none !important; } .EDIT .homepage .socialmedia_channel ul { position: absolute; right: 0; height: 73px; } .EDIT .socialmedia_channel ul li { float: none !important; display: inline !important; } .EDIT .socialmedia_channel li a { width: 25px !important; display: inline-block !important; } #cookie-bar { background: #bcbcbc; opacity: 0.9; height: auto; line-height: 24px; color: #ffffff; text-align: left; font-size: 13px; z-index: 9000; } #cookie-bar.fixed { position: fixed; top: 0; left: 0; width: 100%; } #cookie-bar.fixed.bottom { bottom: 0; top: auto; } #cookie-bar p { float: left; margin: 0; padding: 0; } #cookie-bar a { font-weight: bold; text-decoration: underline; color: #ffffff; } #cookie-bar a:hover { color: #2B93C9; } #cookie-bar > div { max-width: 980px; margin: auto; padding: 8px 24px; } #cookie-bar > div > div { float: right; } #cookie-bar > div > div a { display: inline-block; padding: 0 6px; } /*! Chosen, a Select Box Enhancer for jQuery and Prototype by Patrick Filler for Harvest, http://getharvest.com Version 1.4.2 Full source at https://github.com/harvesthq/chosen Copyright (c) 2011-2015 Harvest http://getharvest.com MIT License, https://github.com/harvesthq/chosen/blob/master/LICENSE.md This file is generated by `grunt build`, do not edit it by hand. */ /* @group Base */ .chosen-container { position: relative; display: inline-block; vertical-align: middle; font-size: 13px; zoom: 1; *display: inline; -webkit-user-select: none; -moz-user-select: none; user-select: none; } .chosen-container * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .chosen-container .chosen-drop { position: absolute; top: 100%; left: -9999px; z-index: 1010; width: 100%; border: 1px solid #aaa; border-top: 0; background: #fff; box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15); } .chosen-container.chosen-with-drop .chosen-drop { left: 0; } .chosen-container a { cursor: pointer; } .chosen-container .search-choice .group-name, .chosen-container .chosen-single .group-name { margin-right: 4px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-weight: normal; color: #999999; } .chosen-container .search-choice .group-name:after, .chosen-container .chosen-single .group-name:after { content: ":"; padding-left: 2px; vertical-align: top; } /* @end */ /* @group Single Chosen */ .chosen-container-single .chosen-single { position: relative; display: block; overflow: hidden; padding: 0 0 0 8px; height: 25px; border: 1px solid #aaa; border-radius: 5px; background-color: #fff; background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #ffffff), color-stop(50%, #f6f6f6), color-stop(52%, #eeeeee), color-stop(100%, #f4f4f4)); background: -webkit-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%); background: -moz-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%); background: -o-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%); background: linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%); background-clip: padding-box; box-shadow: 0 0 3px #ffffff inset, 0 1px 1px rgba(0, 0, 0, 0.1); color: #444; text-decoration: none; white-space: nowrap; line-height: 24px; } .chosen-container-single .chosen-default { color: #999; } .chosen-container-single .chosen-single span { display: block; overflow: hidden; margin-right: 26px; text-overflow: ellipsis; white-space: nowrap; } .chosen-container-single .chosen-single-with-deselect span { margin-right: 38px; } .chosen-container-single .chosen-single abbr { position: absolute; top: 6px; right: 26px; display: block; width: 12px; height: 12px; background: url('global/chosen-sprite.png') -42px 1px no-repeat; font-size: 1px; } .chosen-container-single .chosen-single abbr:hover { background-position: -42px -10px; } .chosen-container-single.chosen-disabled .chosen-single abbr:hover { background-position: -42px -10px; } .chosen-container-single .chosen-single div { position: absolute; top: 0; right: 0; display: block; width: 18px; height: 100%; } .chosen-container-single .chosen-single div b { display: block; width: 100%; height: 100%; background: url('global/chosen-sprite.png') no-repeat 0px 2px; } .chosen-container-single .chosen-search { position: relative; z-index: 1010; margin: 0; padding: 3px 4px; white-space: nowrap; } .chosen-container-single .chosen-search input[type="text"] { margin: 1px 0; padding: 4px 20px 4px 5px; width: 100%; height: auto; outline: 0; border: 1px solid #aaa; background: #ffffff url('global/chosen-sprite.png') no-repeat 100% -20px; background: url('global/chosen-sprite.png') no-repeat 100% -20px; font-size: 1em; font-family: sans-serif; line-height: normal; border-radius: 0; } .chosen-container-single .chosen-drop { margin-top: -1px; border-radius: 0 0 4px 4px; background-clip: padding-box; } .chosen-container-single.chosen-container-single-nosearch .chosen-search { position: absolute; left: -9999px; } /* @end */ /* @group Results */ .chosen-container .chosen-results { color: #444; position: relative; overflow-x: hidden; overflow-y: auto; margin: 0 4px 4px 0; padding: 0 0 0 4px; max-height: 240px; -webkit-overflow-scrolling: touch; } .chosen-container .chosen-results li { display: none; margin: 0; padding: 5px 6px; list-style: none; line-height: 15px; word-wrap: break-word; -webkit-touch-callout: none; } .chosen-container .chosen-results li.active-result { display: list-item; cursor: pointer; } .chosen-container .chosen-results li.disabled-result { display: list-item; color: #ccc; cursor: default; } .chosen-container .chosen-results li.highlighted { background-color: #3875d7; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #3875d7), color-stop(90%, #2a62bc)); background-image: -webkit-linear-gradient(#3875d7 20%, #2a62bc 90%); background-image: -moz-linear-gradient(#3875d7 20%, #2a62bc 90%); background-image: -o-linear-gradient(#3875d7 20%, #2a62bc 90%); background-image: linear-gradient(#3875d7 20%, #2a62bc 90%); color: #fff; } .chosen-container .chosen-results li.no-results { color: #777; display: list-item; background: #f4f4f4; } .chosen-container .chosen-results li.group-result { display: list-item; font-weight: bold; cursor: default; } .chosen-container .chosen-results li.group-option { padding-left: 15px; } .chosen-container .chosen-results li em { font-style: normal; text-decoration: underline; } /* @end */ /* @group Multi Chosen */ .chosen-container-multi .chosen-choices { position: relative; overflow: hidden; margin: 0; padding: 0 5px; width: 100%; height: auto !important; height: 1%; border: 1px solid #aaa; background-color: #fff; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(1%, #eeeeee), color-stop(15%, #ffffff)); background-image: -webkit-linear-gradient(#eeeeee 1%, #ffffff 15%); background-image: -moz-linear-gradient(#eeeeee 1%, #ffffff 15%); background-image: -o-linear-gradient(#eeeeee 1%, #ffffff 15%); background-image: linear-gradient(#eeeeee 1%, #ffffff 15%); cursor: text; } .chosen-container-multi .chosen-choices li { float: left; list-style: none; } .chosen-container-multi .chosen-choices li.search-field { margin: 0; padding: 0; white-space: nowrap; } .chosen-container-multi .chosen-choices li.search-field input[type="text"] { margin: 1px 0; padding: 0; height: 25px; outline: 0; border: 0 !important; background: transparent !important; box-shadow: none; color: #999; font-size: 100%; font-family: sans-serif; line-height: normal; border-radius: 0; } .chosen-container-multi .chosen-choices li.search-choice { position: relative; margin: 3px 5px 3px 0; padding: 3px 20px 3px 5px; border: 1px solid #aaa; max-width: 100%; border-radius: 3px; background-color: #eeeeee; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eeeeee)); background-image: -webkit-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%); background-image: -moz-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%); background-image: -o-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%); background-image: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%); background-size: 100% 19px; background-repeat: repeat-x; background-clip: padding-box; box-shadow: 0 0 2px #ffffff inset, 0 1px 0 rgba(0, 0, 0, 0.05); color: #333; line-height: 13px; cursor: default; } .chosen-container-multi .chosen-choices li.search-choice span { word-wrap: break-word; } .chosen-container-multi .chosen-choices li.search-choice .search-choice-close { position: absolute; top: 4px; right: 3px; display: block; width: 12px; height: 12px; background: url('global/chosen-sprite.png') -42px 1px no-repeat; font-size: 1px; } .chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover { background-position: -42px -10px; } .chosen-container-multi .chosen-choices li.search-choice-disabled { padding-right: 5px; border: 1px solid #ccc; background-color: #e4e4e4; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eeeeee)); background-image: -webkit-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%); background-image: -moz-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%); background-image: -o-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%); background-image: linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%); color: #666; } .chosen-container-multi .chosen-choices li.search-choice-focus { background: #d4d4d4; } .chosen-container-multi .chosen-choices li.search-choice-focus .search-choice-close { background-position: -42px -10px; } .chosen-container-multi .chosen-results { margin: 0; padding: 0; } .chosen-container-multi .chosen-drop .result-selected { display: list-item; color: #ccc; cursor: default; } /* @end */ /* @group Active */ .chosen-container-active .chosen-single { border: 1px solid #5897fb; box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); } .chosen-container-active.chosen-with-drop .chosen-single { border: 1px solid #aaa; -moz-border-radius-bottomright: 0; border-bottom-right-radius: 0; -moz-border-radius-bottomleft: 0; border-bottom-left-radius: 0; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #eeeeee), color-stop(80%, #ffffff)); background-image: -webkit-linear-gradient(#eeeeee 20%, #ffffff 80%); background-image: -moz-linear-gradient(#eeeeee 20%, #ffffff 80%); background-image: -o-linear-gradient(#eeeeee 20%, #ffffff 80%); background-image: linear-gradient(#eeeeee 20%, #ffffff 80%); box-shadow: 0 1px 0 #fff inset; } .chosen-container-active.chosen-with-drop .chosen-single div { border-left: none; background: transparent; } .chosen-container-active.chosen-with-drop .chosen-single div b { background-position: -18px 2px; } .chosen-container-active .chosen-choices { border: 1px solid #5897fb; box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); } .chosen-container-active .chosen-choices li.search-field input[type="text"] { color: #222 !important; } /* @end */ /* @group Disabled Support */ .chosen-disabled { opacity: 0.5 !important; cursor: default; } .chosen-disabled .chosen-single { cursor: default; } .chosen-disabled .chosen-choices .search-choice .search-choice-close { cursor: default; } /* @end */ /* @group Right to Left */ .chosen-rtl { text-align: right; } .chosen-rtl .chosen-single { overflow: visible; padding: 0 8px 0 0; } .chosen-rtl .chosen-single span { margin-right: 0; margin-left: 26px; direction: rtl; } .chosen-rtl .chosen-single-with-deselect span { margin-left: 38px; } .chosen-rtl .chosen-single div { right: auto; left: 3px; } .chosen-rtl .chosen-single abbr { right: auto; left: 26px; } .chosen-rtl .chosen-choices li { float: right; } .chosen-rtl .chosen-choices li.search-field input[type="text"] { direction: rtl; } .chosen-rtl .chosen-choices li.search-choice { margin: 3px 5px 3px 0; padding: 3px 5px 3px 19px; } .chosen-rtl .chosen-choices li.search-choice .search-choice-close { right: auto; left: 4px; } .chosen-rtl.chosen-container-single-nosearch .chosen-search, .chosen-rtl .chosen-drop { left: 9999px; } .chosen-rtl.chosen-container-single .chosen-results { margin: 0 0 4px 4px; padding: 0 4px 0 0; } .chosen-rtl .chosen-results li.group-option { padding-right: 15px; padding-left: 0; } .chosen-rtl.chosen-container-active.chosen-with-drop .chosen-single div { border-right: none; } .chosen-rtl .chosen-search input[type="text"] { padding: 4px 5px 4px 20px; background: #ffffff url('global/chosen-sprite.png') no-repeat -30px -20px; background: url('global/chosen-sprite.png') no-repeat -30px -20px; direction: rtl; } .chosen-rtl.chosen-container-single .chosen-single div b { background-position: 6px 2px; } .chosen-rtl.chosen-container-single.chosen-with-drop .chosen-single div b { background-position: -12px 2px; } /* @end */ /* @group Retina compatibility */ @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 1.5dppx) { .chosen-rtl .chosen-search input[type="text"], .chosen-container-single .chosen-single abbr, .chosen-container-single .chosen-single div b, .chosen-container-single .chosen-search input[type="text"], .chosen-container-multi .chosen-choices .search-choice .search-choice-close, .chosen-container .chosen-results-scroll-down span, .chosen-container .chosen-results-scroll-up span { background-image: url('global/chosen-sprite@2x.png') !important; background-size: 52px 37px !important; background-repeat: no-repeat !important; } } /* @end */ #country-selector { margin-bottom: 0; } #country-selector select { width: 360px; max-width: 100%; float: left; display: inline-block; margin-bottom: 0.5em; } #country-selector button { margin: 0 0 0.5em 10px; } #country-selector .chosen-container { margin-bottom: 0.5em; } .country-selector .fancybox-inner { overflow: visible !important; } .chart { position: relative; } .chart--container__bar { margin-bottom: 40px; padding-right: 75px; padding-bottom: 10px; box-sizing: border-box; } .chart--container__pie { margin-bottom: 40px; } .chartLegend { list-style-type: none; margin-top: 20px; } @media all and (min-width: 768px) { .chartLegend { margin-top: 40px; } } .chartLegend--color { display: inline-block; width: 11px; height: 11px; margin-right: 5px; } .chartLegend--label { font-size: 12px; display: inline-block; vertical-align: middle; height: 18px; } .chartLegend--list { position: absolute; } .chartLegend--list__pie { width: auto; bottom: 0; margin-left: -60%; right: -20%; } @media all and (min-width: 768px) { .chartLegend--list__pie { width: 40%; } } .chartLegend--list__bar { right: 0; bottom: 35px; } .chartLegend--item { list-style: none; float: left; margin: 0 10px 5px 0; } @media all and (min-width: 768px) { .chartLegend--item { float: none; } } .chart--legend-below .chartLegend--list { position: relative; margin: 20px 0; width: auto; right: auto; bottom: auto; } .chart--legend-below .chartLegend--list li { float: left; margin: 0 10px 5px 0; } @media all and (max-width: 767px) { .chart + .chart { margin-top: 15px; } .chartLegend--list { position: static; } .chartLegend--list__pie { margin-left: 0; } } /* START @import "_layout.css" */ .heightFix { margin: 0 0 30px 0; } .heightFix img { visibility: hidden; width: 100%; } @media all and (min-width: 950px) { .twitter-timeline { width: 100% !important; margin-bottom: 2em; } .header .head, .content .wrapper, .main, .foot { padding: 0 20px; } .content_toolbar a.print { display: inline-block; } .topnav .flyout { position: relative; background: #fff; padding: 2em 0 3em 0; max-width: 775px; cursor: default; display: none; } .topnav .teaser .flyout { max-width: 875px; } .topnav .flyout ul.mainnav { width: 75%; float: left; } .topnav .flyout .mainnav a { font-size: 14px; color: #005499; min-width: 170px; border-bottom: 1px solid #cbcbcb; padding: 0.4em 0 0.6em 0.9em; margin: 0.2em 0; background: url(static/icons.png) no-repeat 0 8px; } .topnav .flyout .mainnav a:hover { color: #2B93C9; } .topnav .flyout .mainnav .active { color: #2B93C9; } .topnav .teaser .flyout.teaser ul.mainnav { width: 560px; padding: 0 0 0 30px; } .topnav .teaser .flyout ul { width: 100%; } .topnav .teaser .flyout ul li { width: 240px; } .topnav .teaser .flyout > div { width: 50%; margin-top: 20px; margin-left: 20px; white-space: normal; float: left; } .topnav .teaser .flyout > div h2, .topnav .teaser .flyout > div h3 { font-size: 16px; line-height: 1em; margin-bottom: 0.5em; } .topnav .teaser .flyout .standard_teaser .image { display: none; } .topnav .teaser .flyout .standard_teaser .image img { width: 100%; } .topnav .teaser .flyout .standard_teaser .text { color: #000; font-size: 12px; font-weight: normal; } .topnav .teaser .flyout .standard_teaser .standalone { border: none; background-position: 0 2px; } .topnav .teaser .flyout .standard_teaser .standalone:hover { background: url(static/icons.png) no-repeat 0 2px; text-decoration: underline; } .topnav > ul.wrapper { padding-bottom: 0; } .topnav .wrapper .topnav--link:hover { background-color: white; color: #005499; text-decoration: none; } .leftnav { margin-left: -9px; } .header .head, .content .wrapper, .main, .foot { padding: 0 20px; } .header .wrapper, .content .wrapper, .main, .foot .wrapper { max-width: 1024px; margin: 0 auto; } /* head */ .header .head { min-height: 80px; margin-bottom: 0; } .logo { float: left; } .meta { display: block; float: right; width: auto; } .meta li { margin-bottom: 0; } .meta li > a { display: inline-block; } .meta .compactlinks-head { width: auto; margin: 0 5px; } .meta .search { float: right; margin-left: 10px; margin-top: -5px; } .meta .search input { font-size: 14px; } .meta .search #q { width: 135px; padding: 2px 5px; border: none; box-shadow: inset 1px 1px 3px #777; } *:not(hr) #q { border: none !important; } .topnav > .wrapper { /* overwrites JS @style setting! */ display: block !important; position: relative; } .topnav button { display: none; } .topnav li { position: static; float: left; margin-right: 25px; } .topnav .shop li { float: none; margin-right: 0; } .topnav .flyout { position: absolute; top: 100%; left: -10px; width: 91%; background: #fff; z-index: 0; } .topnav .teaser .flyout .standard_teaser, .topnav .teaser .flyout > div { display: block; } /* homepage */ .stage_wrapper { margin-bottom: 3em; padding: 0 40px; } .stage_wrapper h1 { width: 600px; font-size: 40px; top: 15%; left: 100px; } .stage_wrapper .sections { position: absolute; margin: 0; bottom: 25px; width: 60%; } .stage_wrapper .sections > div { float: left; width: 30%; height: 150px; max-width: 200px; margin-bottom: 0; } .stage_wrapper .sections div.content { position: absolute; bottom: 0; width: 90%; height: 78%; padding: 8px 10px 6px; } .stage_wrapper .sections div.content span.close { display: none; } .stage_wrapper .sections h2 { font-size: 18px; margin-top: 0; margin-left: 0; } .stage_wrapper .sections h3 { font-size: 15px; margin-left: 0; } .stage_wrapper .sections .additional { margin-left: 0; } .stage_wrapper .sections .additional p { min-height: 50px; } .stage_wrapper .heightFix { margin: 0; } .stage_wrapper .heightFix img { visibility: hidden; } .stage_wrapper .large_staging_teaser { display: block; max-width: 300px; min-height: 120px; position: absolute; right: 40px; top: 20px; width: 27%; } .stage_wrapper .large_staging_teaser div.box { box-shadow: 1px 1px 2px #000; } .stage_wrapper .large_staging_teaser div.box h2 { padding: 12px 12px 0; font-size: 18px; } .stage_wrapper .large_staging_teaser div.box h3 { padding: 0 12px 3px; font-size: 15px; } .stage_wrapper .large_staging_teaser div.box .image, .stage_wrapper .large_staging_teaser div.box .text, .stage_wrapper .large_staging_teaser div.box p { padding: 5px 12px 0; } .newslist { margin: 0 0 2em 1em; } .homepage.content .col .col + .col { margin-left: 2%; } .homepage.content .socialmedia_channel { float: right; } .homepage.content .socialmedia_channel ul li { margin-right: 15px; width: 35px; max-width: 35px; } .parsys .socialmedia_channel ul li { margin: 0 3% 15px 0; width: 16%; max-width: 30px; min-width: 15px; } .leftnav .socialmedia_channel ul { padding-top: 0; } /* main */ .leftnav { margin-top: 0; float: left; width: 19%; } .leftnav h3 { display: none; } .leftnav li { float: none; width: auto; } .leftnav .sections { width: 90%; margin: 2em 0 1em 0; } .leftnav .sections li { width: 90%; float: left; } .leftnav .sections li + li { margin-left: 0; } .main { margin: 2em auto 1em auto; } .content { float: right; width: 79.75%; } .content .col-main { width: 75%; float: left; margin-right: 5%; } .content .col-main .col { width: 48%; } .content .col-cra { width: 20%; float: right; } .content .col { float: left; width: 48%; } .content .col + .col { float: right; } .media.left, .media.right { width: 30%; } .col-main .media.left, .col-main .media.right { width: 40%; } .media.left { float: left; padding: 3px 1.5em 0 0; } .media.right { float: right; padding: 3px 0 0 1.5em; } .col .media.left, .col .media.right { width: 100%; padding: 3px 0 0 0; } /* newslist */ .news_teaser_list span.date { width: 20%; float: left; } .news_teaser_list span.text { margin-left: 22.4%; } /* Contact */ .contact_teaser .image { float: left; } .contact_teaser .col.image a.gmap { margin-left: 120px; } .content .contact_teaser .col.image { width: 65%; } .content .contact_teaser .col + .col { width: 35%; float: right; } .col-cra .contact_teaser .col, .col-cra .contact_teaser .col + .col, .content .col-cra .contact_teaser .col.image { width: 100%; } /* Events */ .event-description .image img { width: 100%; } .event-description .image { width: 40%; float: left; margin-right: 1em; } .event_list li .image { width: 17%; float: left; } .event_list li .teaser { float: right; width: 82%; } /* CRA */ .col-cra ul { margin-left: 0; } /* asset share */ /* searchblock */ .searchblock .radio { float: right; } .searchblock h2 { float: left; position: absolute; } .searchblock input.q { width: 65%; margin: 6px 0 0.75em 30%; font-size: 12px; float: left; } .searchblock .select label { width: 25%; float: left; text-align: right; } .searchblock .select select { margin: 0 0 0.75em 30.5%; width: 67%; font-size: 12px; } .media_library_detail { width: 700px; } .media_library_detail h2 { font-size: 22px; } .media_library_detail .col { width: 49%; float: left; } .media_library_detail .col + .col { width: 49%; float: right; } .media_library .blockview li { width: 23%; } .media_library .blockview li + li { padding-left: 2.5%; } .media_library .blockview li + li:nth-child(2n+1) { padding-left: 2.5%; } .media_library .blockview li + li:nth-child(4n+1) { padding-left: 0; } .media_library .blockview li.small { clear: none; padding-left: 2.5%; } .media_library .blockview li.large { clear: left; padding-left: 0; } .media_library .listview td { padding: 1em 0.5em; } .media_library .listview td.illu { display: table-cell; } #quick_request { position: fixed; display: inline-block; padding: 6px 12px; top: 400px; right: 0; background: #FE9800; color: #fff; font-size: 14px; font-weight: bold; box-shadow: 1px 1px 3px #777; /*-webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); -webkit-transform-origin: 100% 0%; -ms-transform-origin: 100% 0%; transform-origin: 100% 0%;*/ } #quick_request:hover { text-decoration: none; } html.lightbox body { margin: 0 20px 0 15px; } /* ecat quick fix fuer appgate */ h1 br[clear="none"] { display: none; } /* END ecat */ .topnav.max .teaser .flyout > div { width: 220px; margin: 0 20px 0 0; white-space: normal; float: right; } .topnav.max .teaser .flyout .standard_teaser .image { display: block; } } @media all and (min-width: 950px) { .topnav .teaser .flyout > div { width: 250px; margin: 0 20px 0 0; white-space: normal; float: right; } .topnav .teaser .flyout .standard_teaser .image { display: block; } } @media all and (min-width: 1024px) { .header .head, .content .wrapper, .main, .foot { padding: 0 40px; } .topnav ul.wrapper, .topnav ul.mainnav { padding: 0 30px; } } @media all and (min-width: 1280px) { .header .wrapper, .content .wrapper, .foot .wrapper { max-width: 1280px; margin: 0 auto; } .main { max-width: 1280px; margin: 2em auto 1em; } } @font-face { font-family: 'fontello'; src: url('global/Fonts/fontello.eot?6190292'); src: url('global/Fonts/fontello.eot?6190292#iefix') format('embedded-opentype'), url('global/Fonts/fontello.woff2?6190292') format('woff2'), url('global/Fonts/fontello.woff?6190292') format('woff'), url('global/Fonts/fontello.ttf?6190292') format('truetype'), url('global/Fonts/fontello.svg?6190292#fontello') format('svg'); font-weight: normal; font-style: normal; } /* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */ /* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */ /* @media screen and (-webkit-min-device-pixel-ratio:0) { @font-face { font-family: 'fontello'; src: url('font/fontello.svg?6190292#fontello') format('svg'); } } */ [class^="icon-"]:before, [class*=" icon-"]:before { font-family: "fontello"; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; margin-right: .2em; text-align: center; /* opacity: .8; */ /* For safety - reset parent styles, that can break glyph codes*/ font-variant: normal; text-transform: none; /* fix buttons height, for twitter bootstrap */ line-height: 1em; /* Animation center compensation - margins should be symmetric */ /* remove if not needed */ margin-left: .2em; /* you can be more comfortable with increased icons size */ /* font-size: 120%; */ /* Font smoothing. That was taken from TWBS */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; /* Uncomment for 3D effect */ /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */ } .icon-user:before { content: '\e800'; } /* '' */ .icon-angle-left:before { content: '\e801'; } /* '' */ .icon-angle-right:before { content: '\e802'; } /* '' */ .icon-angle-up:before { content: '\e803'; } /* '' */ .icon-angle-down:before { content: '\e804'; } /* '' */ .icon-down-open:before { content: '\e805'; } /* '' */ .icon-left-open:before { content: '\e806'; } /* '' */ .icon-right-open:before { content: '\e807'; } /* '' */ .icon-down-big:before { content: '\e808'; } /* '' */ .icon-left-big:before { content: '\e809'; } /* '' */ .icon-right-big:before { content: '\e80a'; } /* '' */ .icon-up-big:before { content: '\e80b'; } /* '' */ .icon-up-open:before { content: '\e80c'; } /* '' */ .icon-phone:before { content: '\e80d'; } /* '' */ .icon-rss:before { content: '\e80e'; } /* '' */ .icon-basket:before { content: '\e80f'; } /* '' */ .icon-zoom-in:before { content: '\e810'; } /* '' */ .icon-zoom-out:before { content: '\e811'; } /* '' */ .icon-down-dir:before { content: '\e812'; } /* '' */ .icon-up-dir:before { content: '\e813'; } /* '' */ .icon-left-dir:before { content: '\e814'; } /* '' */ .icon-right-dir:before { content: '\e815'; } /* '' */ .icon-cancel:before { content: '\e816'; } /* '' */ .icon-plus-squared:before { content: '\e817'; } /* '' */ .icon-plus:before { content: '\e818'; } /* '' */ .icon-minus:before { content: '\e819'; } /* '' */ .icon-minus-squared:before { content: '\e81a'; } /* '' */ .icon-minus-circled:before { content: '\e81b'; } /* '' */ .icon-plus-circled:before { content: '\e81c'; } /* '' */ .icon-plus-squared-alt:before { content: '\e81d'; } /* '' */ .icon-minus-squared-alt:before { content: '\e81e'; } /* '' */ .icon-help:before { content: '\e81f'; } /* '' */ .icon-location:before { content: '\e820'; } /* '' */