@charset "CP850"; /* Theme Name: Huberbuam * Author: Meos Medien * Author URI: * Description: * Version: 1.0 * License: Copyright * Tags: */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } body { line-height: 1; } ol, ul { list-style: none; } table { border-collapse: collapse; border-spacing: 0; } caption, th, td { text-align: left; font-weight: normal; vertical-align: middle; } q, blockquote { quotes: none; } q:before, q:after, blockquote:before, blockquote:after { content: ""; content: none; } a img { border: none; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary { display: block; } html { font-size: 62.5%; } .clearfix, .row { *zoom: 1; } .clearfix:after, .row:after { content: ""; display: table; clear: both; } body { font-size: 12px; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; background: black; font-family: font-stack-helvetica(next); font-weight: normal; line-height: 17px; color: white; position: relative; } a { color: #999999; text-decoration: none; line-height: inherit; } a:hover { color: #f39a0f; } a:focus { color: #f39a0f; outline: none; } p a, p a:visited { line-height: inherit; } ul, ol { margin-bottom: 17px; } ul ul, ul ol, ol ul, ol ol { margin-bottom: 0; } ul { list-style: none outside; } ul.square { list-style: square outside; } ul.circle { list-style: circle outside; } ul.disc { list-style: disc outside; } ul li.fork { list-style-type: none; } ol { list-style: decimal; } ol, ul.square, ul.circle, ul.disc { margin-left: 20px; } li { line-height: 17px; } ul.large li { line-height: 21px; } .nav, .navbar { margin-bottom: 0; list-style: none; } .nav li, .navbar li { margin-bottom: 0; } .navbar { letter-spacing: -4px; } .navbar li { letter-spacing: 0px; display: inline-block; } .lt-ie8 .navbar li { display: inline; zoom: 1; vertical-align: auto; } .navbar li a { display: block; } .navbar.nav-center { text-align: center; } .navbar.nav-center li { display: inline; } .navbar.nav-center li a { display: inline-block; } .lt-ie8 .navbar.nav-center li a { display: inline; zoom: 1; vertical-align: auto; } .navbar.nav-right { text-align: right; } .navbar.nav-right li { letter-spacing: 0px; display: inline-block; } .lt-ie8 .navbar.nav-right li { display: inline; zoom: 1; vertical-align: auto; } .container { padding: 0 20px; } .container .container { padding: 0 0; } .row { width: 100%; max-width: 960px; min-width: 960px; margin: 0 auto; } .row .row { min-width: 0; } .highlight { background: false; } .left { float: left; } .right { float: right; } .text-left { text-align: left; } .text-right { text-align: right; } .text-center { text-align: center; } .alignleft { float: left; margin: 0 15px 15px 0; } .alignright { float: right; margin: 0 0 15px 15px; } .hide, .visuallyhidden { display: none; } .invisible { visibility: hidden; } .fluid { max-width: 100%; height: auto; } .lt-ie7 .fluid { width: 100%; } .flex-video { position: relative; padding-top: 25px; padding-bottom: 67.5%; height: 0; margin-bottom: 16px; overflow: hidden; } .flex-video.widescreen { padding-bottom: 56.25%; } .flex-video.cinema { padding-bottom: 43.25%; } .flex-video.vimeo { padding-top: 0; } .flex-video iframe, .flex-video object, .flex-video embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } img { -ms-interpolation-mode: bicubic; } #googlemap img, object, embed, #map_canvas embed, #map_canvas img, #map_canvas object { max-width: none; } .print-only { display: none !important; } h1, h2, h3, h4, h5, h6 { margin: 0; position: relative; font-weight: 200; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; } h1 small, h2 small, h3 small, h4 small, h5 small, h6 small { color: #777777; } h1 { font-size: 36px; line-height: 47px; margin-bottom: 18px; } h2 { font-size: 33px; line-height: 43px; margin-bottom: 9px; } h3 { font-size: 30px; line-height: 39px; margin-bottom: 6px; } h4 { font-size: 27px; line-height: 36px; margin-bottom: 4px; } h5 { font-size: 24px; line-height: 32px; margin-bottom: 3px; } h6 { font-size: 18px; line-height: 24px; } .subheader { color: #777777; font-weight: 300; margin-bottom: 24px; } p { line-height: 17px; margin: 0 0 18px; } p img { margin: 0; } p.lead { font-size: 16px; line-height: 17px; } em, i { font-family: "Soho W01 Medium Italic"; font-weight: normal; font-style: normal; } strong, b { font-family: "Soho W01 Medium"; font-weight: normal; } small { font-size: 60%; line-height: inherit; } blockquote { line-height: 20px; color: #777777; margin: 0 0 18px; padding: 9px 20px 1px 19px; } blockquote p { line-height: 20px; color: #777777; margin-bottom: 0; } blockquote cite { font-size: 9px; display: block; color: #555555; } blockquote cite a, blockquote cite a:visited { color: #555555; } hr { border: solid #dddddd; border-width: 1px 0 0; clear: both; margin: 12px 0 18px; height: 0; } abbr, acronym { text-transform: uppercase; font-size: 90%; color: #222222; border-bottom: 1px solid #dddddd; cursor: help; } abbr { text-transform: none; } form { margin-bottom: 17px; } form label { display: block; line-height: 17px; cursor: pointer; margin-bottom: 8.5px; font-size: 10px; } input, textarea, select, .placeholder, button { font-family: font-stack-helvetica(next); font-size: 12px; color: white; margin-bottom: 8.5px; } input.input-text, textarea { border: 1px solid #bbbbbb; } input.input-text, textarea, select { display: block; margin-bottom: 9px; } label + input.input-text, label + textarea, label + select, label + div.dropdown, select + div.dropdown { margin-top: -9px; } input.input-text, textarea { font-size: 10px; padding: 4px 3px 2px; background: white; } input.oversize, textarea.oversize { font-size: 14px !important; line-height: 19px; } input.supersize, textarea.supersize { font-size: 18px !important; line-height: 20px; } input[disabled], select[disabled], textarea[disabled], input[readonly], select[readonly], textarea[readonly] { cursor: not-allowed; border-color: #dddddd; background: #efefef; } input .placeholder, textarea .placeholder { color: #999999; } input::-webkit-input-placeholder { color: #999999 !important; } input::-webkit-textarea-placeholder { color: #999999 !important; } input:-moz-placeholder { color: #999999 !important; } input.input-text { width: 35%; } textarea { width: 35%; overflow: auto; } textarea.noresize { resize: none; } input.small, textarea.small { width: 20%; } input.medium, textarea.medium { width: 45%; } input.large, textarea.large { width: 55%; } input.full, textarea.full { width: 99%; } form fieldset { padding: 9px 9px 2px 9px; border: solid 1px #eeeeee; margin: 17px 0; } .form-field input[type=radio], .form-field input[type=checkbox] { display: inline; width: auto; margin-bottom: 0; } .form-field.error input, input.input-text.red { border-color: #c00000; background-color: rgba(255, 0, 0, 0.15); } .form-field.error label, label.red { color: #c00000; } .form-field.error small, small.error { margin-top: -6px; display: block; margin-bottom: 9px; font-size: 10px; color: red; width: 260px; } .small + .error { width: 20%; } .medium + .error { width: 45%; } .large + .error { width: 55%; } .full + .error { width: 99%; } .fwicons-sprite, .fancybox-wrap .fb-count-wrap .fancybox-prev span, .fancybox-wrap .fb-count-wrap .fancybox-prev:hover span, .fancybox-wrap .fb-count-wrap .fancybox-next span, .fancybox-wrap .fb-count-wrap .fancybox-next:hover span, .fancybox-close, .fancybox-close:hover, .videobox .close, .videobox .close:hover, body.portrait #portrait-teaser #infobox-thomas .close, body.portrait #portrait-teaser #infobox-thomas .close:hover, body.portrait #portrait-teaser #infobox-alex .close, body.portrait #portrait-teaser #infobox-alex .close:hover, body.portrait #portrait-teaser .info-layers .close, body.portrait #portrait-teaser .info-layers .close:hover, body.snapshot #main .snapshot_cat .inforow .inner .icon-close, body.snapshot #main .snapshot_cat .inforow .inner .icon-close:hover, body.press #main-area .hbpress-element-detail .inner-wrapper .close, body.photographer #main-area .hbpress-element-detail .inner-wrapper .close, body.press #main-area .hbpress-element-detail .inner-wrapper .close:hover, body.photographer #main-area .hbpress-element-detail .inner-wrapper .close:hover { background: url('../images/fwicons-s03e8af8c15.png') no-repeat; } .sprite_s-sprite, #page-wrapper .topo_insert .info .pdf .ico, #page-wrapper .topo_insert .info .pdf:hover .ico, #page-wrapper .topo_insert .info .pdf:active .ico, #page-wrapper .topo_insert .info .pdf:focus .ico, #site-header #top-bar #left-bar .topnav-home, #site-header #top-bar #left-bar .topnav-home:hover, #site-header #top-bar #left-bar .topnav-home.active, #site-header #top-bar #left-bar .topnav-home.trail, #site-header #top-bar #left-bar .topnav-media, #site-header #top-bar #left-bar .topnav-media:hover, #site-header #top-bar #left-bar .topnav-media.active, #site-header #top-bar #left-bar .topnav-media.trail, #site-header #top-bar #left-bar .topnav-partner, #site-header #top-bar #left-bar .topnav-partner:hover, #site-header #top-bar #left-bar .topnav-partner.active, #site-header #top-bar #left-bar .topnav-partner.trail, #site-header #top-bar #left-bar .topnav-press, #site-header #top-bar #left-bar .topnav-press:hover, #site-header #top-bar #left-bar .topnav-press.active, #site-header #top-bar #left-bar .topnav-press.trail, #site-header #top-bar #left-bar .topnav-shop, #site-header #top-bar #left-bar .topnav-shop:hover, #site-header #top-bar #left-bar .topnav-shop.active, #site-header #top-bar #left-bar .topnav-shop.trail, #site-header #top-bar #right-bar .topnavlli a.lang-de, #site-header #top-bar #right-bar .topnavlli a.lang-de.hover, #site-header #top-bar #right-bar .topnavlli a.lang-de.active, #site-header #top-bar #right-bar .topnavlli a.lang-en, #site-header #top-bar #right-bar .topnavlli a.lang-en.hover, #site-header #top-bar #right-bar .topnavlli a.lang-en.active, #site-header #top-bar #right-bar .topnavlli a.lang-xy, #site-header #top-bar #right-bar .topnavlli a.lang-xy.hover, #site-header #top-bar #right-bar .topnavlli a.lang-xy.active, #site-header #top-bar #right-bar .topnavlli span.lang-de, #site-header #top-bar #right-bar .topnavlli span.lang-en, #site-header #top-bar #right-bar .topnavlli span.lang-xy, #site-header #top-bar #right-bar .topnavlli .icon-sitemap, #site-header #top-bar #right-bar .topnavlli .icon-sitemap.hover, #site-header #top-bar #right-bar .topnavlli .icon-sitemap.active, #site-header #top-bar #right-bar .topnavlli .icon-recomend, #site-header #top-bar #right-bar .topnavlli .icon-recomend.hover, #site-header #top-bar #right-bar .topnavlli .icon-recomend.active, #site-header #top-bar #right-bar .topnavlli .icon-help, #site-header #top-bar #right-bar .topnavlli .icon-help.hover, #site-header #top-bar #right-bar .topnavlli .icon-help.active, #site-header #top-bar #right-bar .topnavlli .icon-search, #site-header #top-bar #right-bar .topnavlli .icon-search.hover, #site-header #top-bar #right-bar .topnavlli .icon-search.active, #site-header #top-bar #right-bar .topnavlli .icon-music, #site-header #top-bar #right-bar .topnavlli .icon-music.hover, #site-header #top-bar #right-bar .topnavlli .icon-music.active, #site-header #top-bar #right-bar .topnavlli .icon-fullscreen, #site-header #top-bar #right-bar .topnavlli .icon-fullscreen.hover, #site-header #top-bar #right-bar .topnavlli .icon-fullscreen.active, #site-header #main-navi ul.nav-center li.link-dates a, #site-header #main-navi ul.nav-center li.link-dates a.hover, #site-header #main-navi ul.nav-center li.link-dates.active > a, #site-header #main-navi ul.nav-center li.link-dates.trail > a, #site-header #main-navi ul.nav-center li.link-alpin a, #site-header #main-navi ul.nav-center li.link-alpin a.hover, #site-header #main-navi ul.nav-center li.link-alpin.active > a, #site-header #main-navi ul.nav-center li.link-alpin.trail > a, #site-header #main-navi ul.nav-center li.link-portrait a, #site-header #main-navi ul.nav-center li.link-portrait a.hover, #site-header #main-navi ul.nav-center li.link-portrait.active > a, #site-header #main-navi ul.nav-center li.link-portrait.trail > a, #site-header #main-navi ul.nav-center li.link-time a, #site-header #main-navi ul.nav-center li.link-time a.hover, #site-header #main-navi ul.nav-center li.link-time.active > a, #site-header #main-navi ul.nav-center li.link-time.trail > a, #site-header #main-navi ul.nav-center li.link-record a, #site-header #main-navi ul.nav-center li.link-record a.hover, #site-header #main-navi ul.nav-center li.link-record.active > a, #site-header #main-navi ul.nav-center li.link-record.trail > a, #site-header #main-navi ul.nav-center li.link-lecture a, #site-header #main-navi ul.nav-center li.link-lecture a.hover, #site-header #main-navi ul.nav-center li.link-lecture.active > a, #site-header #main-navi ul.nav-center li.link-lecture.trail > a, #teaser-block .fullscreen-box #back, #teaser-block .fullscreen-box #back:hover, #teaser-block .fullscreen-box .slide-navigation a.prev, #teaser-block .fullscreen-box .slide-navigation a.prev:hover, #teaser-block .fullscreen-box .slide-navigation a.prev.disabled, #teaser-block .fullscreen-box .slide-navigation a.next, #teaser-block .fullscreen-box .slide-navigation a.next:hover, #teaser-block .fullscreen-box .slide-navigation a.next.disabled, #teaser-block .fullscreen-box .alpine_hotspots .hotspot_layer .alpine_hotspot, #teaser-block .fullscreen-box .alpine_hotspots .hotspot_layer .alpine_hotspot:hover, #teaser-block .fullscreen-box .textlayer .scrollInner #text-content .toggleHeadline .toggleIcon, #teaser-block .fullscreen-box .textlayer .scrollInner #text-content .toggleHeadline:hover .toggleIcon, #teaser-block .fullscreen-box .textlayer .scrollInner #text-content .toggleHeadline.opened .toggleIcon, #teaser-block #hidden-menu #content-slider li .content .date span.media-tv, #teaser-block #hidden-menu #content-slider li .content .date span.media-music, #teaser-block #hidden-menu #content-slider li .content .date span.media-photo, #teaser-block #hidden-menu .hidden-menu-button .switch.open, #teaser-block #hidden-menu .hidden-menu-button .switch.open:hover, #teaser-block #hidden-menu .hidden-menu-button .switch.open.hover, #teaser-block #hidden-menu .hidden-menu-button .switch.close, #teaser-block #hidden-menu .hidden-menu-button .switch.close:hover, #teaser-block #hidden-menu .hidden-menu-button .switch.close.hover, #teaser-block #hidden-menu.hm-singlefullscreen #content-slider li .year span.media-photo, #teaser-block #hidden-menu.hm-singlefullscreen #content-slider li .name span.media-photo, footer#explore .explore-right ul.nav li a.media-text span, footer#explore .explore-right ul.navbar li a.media-text span, footer#explore .explore-right ul.nav li a.media-text.active span, footer#explore .explore-right ul.navbar li a.media-text.active span, footer#explore .explore-right ul.nav li a.media-text:hover span, footer#explore .explore-right ul.navbar li a.media-text:hover span, footer#explore .explore-right ul.nav li a.media-text:hover.active span, footer#explore .explore-right ul.navbar li a.media-text:hover.active span, footer#explore .explore-right ul.nav li a.media-hotspots span, footer#explore .explore-right ul.navbar li a.media-hotspots span, footer#explore .explore-right ul.nav li a.media-hotspots.active span, footer#explore .explore-right ul.navbar li a.media-hotspots.active span, footer#explore .explore-right ul.nav li a.media-hotspots.inactive span, footer#explore .explore-right ul.navbar li a.media-hotspots.inactive span, footer#explore .explore-right ul.nav li a.media-hotspots:hover span, footer#explore .explore-right ul.navbar li a.media-hotspots:hover span, footer#explore .explore-right ul.nav li a.media-hotspots:hover.active span, footer#explore .explore-right ul.navbar li a.media-hotspots:hover.active span, footer#explore .explore-right ul.nav li a.media-hotspots:hover.inactive span, footer#explore .explore-right ul.navbar li a.media-hotspots:hover.inactive span, footer#explore .explore-right ul.nav li a.media-tv span, footer#explore .explore-right ul.navbar li a.media-tv span, footer#explore .explore-right ul.nav li a.media-tv.active span, footer#explore .explore-right ul.navbar li a.media-tv.active span, footer#explore .explore-right ul.nav li a.media-tv.inactive span, footer#explore .explore-right ul.navbar li a.media-tv.inactive span, footer#explore .explore-right ul.nav li a.media-tv:hover span, footer#explore .explore-right ul.navbar li a.media-tv:hover span, footer#explore .explore-right ul.nav li a.media-tv:hover.active span, footer#explore .explore-right ul.navbar li a.media-tv:hover.active span, footer#explore .explore-right ul.nav li a.media-tv:hover.inactive span, footer#explore .explore-right ul.navbar li a.media-tv:hover.inactive span, #infoarea .opener, #infoarea .opener:hover, #infoarea .opener.active, #infoarea .opener.active:hover, .videobox #videoscroller ul.video-list li.video_entry .video_info .time span.media-tv, #dates-news #news-wrapper .newsitem .news-inner .date span.media-tv, #dates-news #news-wrapper .newsitem .news-inner .date span.media-music, #dates-news #news-wrapper .newsitem .news-inner .date span.media-photo, body.portrait #portrait-teaser .portrait-btns .inner .btn-info, body.portrait #portrait-teaser .portrait-btns .inner .btn-info:hover, body.portrait #portrait-teaser .portrait-btns .inner .btn-info.opened, body.portrait #portrait-teaser .portrait-btns .inner .btn-info.opened:hover, body.portrait #portrait-teaser .portrait-btns .inner .btn-hotspots, body.portrait #portrait-teaser .portrait-btns .inner .btn-hotspots:hover, body.portrait #portrait-teaser .portrait-btns .inner .btn-hotspots.opened, body.portrait #portrait-teaser .portrait-btns .inner .btn-hotspots.opened:hover, body.portrait #portrait-teaser .portrait-btns .inner .btn-videos, body.portrait #portrait-teaser .portrait-btns .inner .btn-videos:hover, body.portrait #portrait-teaser .portrait-btns .inner .btn-videos.opened, body.portrait #portrait-teaser .portrait-btns .inner .btn-videos.opened:hover, body.portrait #portrait-teaser .portrait-btns .inner .btn-photos, body.portrait #portrait-teaser .portrait-btns .inner .btn-photos:hover, body.portrait #portrait-teaser .hotspot-container .hotspot .hotspot-icon, body.portrait #portrait-teaser .hotspot-container .hotspot .hotspot-icon:hover, body.portrait #portrait-teaser .hotspot-container .hotspot .hotspot-icon.active, body.portrait #portrait-teaser .hotspot-container .hotspot .hotspot-icon.active:hover, body.portrait #portrait-teaser .info-layers .layer .textcontent .toggleHeadline .toggleIcon, body.portrait #portrait-teaser .info-layers .layer .textcontent .toggleHeadline:hover .toggleIcon, body.portrait #portrait-teaser .info-layers .layer .textcontent .toggleHeadline.opened .toggleIcon, #timetravel-teaser #timetravel-wrapper .timetravel-element .inner .lft .lft-info .info-rgt .media-tv, #timetravel-teaser #timetravel-wrapper .timetravel-element .inner .lft .lft-info .info-rgt .media-tv:hover, #timetravel-teaser #timetravel-wrapper .timetravel-element .inner .lft .lft-info .info-rgt .media-tv.inactive, #timetravel-teaser #timetravel-wrapper .timetravel-element .inner .lft .lft-info .info-rgt .media-tv.opened, #timetravel-teaser #timetravel-wrapper .timetravel-element .inner .lft .lft-info .info-rgt .media-tv.opened:hover, #timetravel-teaser .closeProject, #timetravel-teaser .closeProject:hover, #lectures .lecture .inner .lecture_items .lecture_item .clip span.media-tv, #lectures .lecture .inner .lecture_items .lecture_item .clip:hover span.media-tv, #lectures .lecture .inner .lecture_items .lecture_item .toggleHeadline span.closed, #lectures .lecture .inner .lecture_items .lecture_item .toggleHeadline span.opened, #lectures .lecture .inner .lecture_items .lecture_item .toggleHeadline:hover span.closed, #lectures .lecture .inner .lecture_items .lecture_item .toggleHeadline.opened span.closed, #lectures .lecture .inner .lecture_items .lecture_item .toggleHeadline:hover span.opened, #lectures .lecture .inner .lecture_items .lecture_item .toggleHeadline.opened span.opened, #lectures .lecture .inner .lecture_items .lecture_item .toggleContent .downloads .download_item span.media-pdf, #lectures .lecture .inner .lecture_items .lecture_item .toggleContent .downloads .download_item span.media-zip, #lectures .lecture .inner .lecture_items .lecture_item .toggleContent .downloads .download_item span.media-doc, #lectures .lecture .inner .lecture_items .lecture_item .toggleContent .downloads .download_item span.media-jpeg, #lectures .lecture .inner .lecture_items .lecture_item .toggleContent .downloads .download_item:hover span.media-pdf, #lectures .lecture .inner .lecture_items .lecture_item .toggleContent .downloads .download_item:hover span.media-zip, #lectures .lecture .inner .lecture_items .lecture_item .toggleContent .downloads .download_item:hover span.media-doc, #lectures .lecture .inner .lecture_items .lecture_item .toggleContent .downloads .download_item:hover span.media-jpeg, body.autograph #main-area .ce_contactitem .mail span, body.topos #main .mod_topolist .topo .info .pdf .ico, body.topos #main .mod_topolist .topo .info .pdf:hover .ico, body.topos #main .mod_topolist .topo .info .pdf:active .ico, body.topos #main .mod_topolist .topo .info .pdf:focus .ico, body.contact #main-area .ce_contactitem .mail span, body.press #main-area .hbpress-element .inner .download-item span.media-pdf, body.photographer #main-area .hbpress-element .inner .download-item span.media-pdf, body.press #main-area .hbpress-element .inner .download-item span.media-zip, body.photographer #main-area .hbpress-element .inner .download-item span.media-zip, body.press #main-area .hbpress-element .inner .download-item span.media-doc, body.photographer #main-area .hbpress-element .inner .download-item span.media-doc, body.press #main-area .hbpress-element .inner .download-item span.media-docx, body.photographer #main-area .hbpress-element .inner .download-item span.media-docx, body.press #main-area .hbpress-element .inner .download-item span.media-jpeg, body.photographer #main-area .hbpress-element .inner .download-item span.media-jpeg, body.press #main-area .hbpress-element .inner .download-item span.media-jpg, body.photographer #main-area .hbpress-element .inner .download-item span.media-jpg, body.press #main-area .hbpress-element .inner .download-item:hover span.media-pdf, body.photographer #main-area .hbpress-element .inner .download-item:hover span.media-pdf, body.press #main-area .hbpress-element .inner .download-item:hover span.media-zip, body.photographer #main-area .hbpress-element .inner .download-item:hover span.media-zip, body.press #main-area .hbpress-element .inner .download-item:hover span.media-doc, body.photographer #main-area .hbpress-element .inner .download-item:hover span.media-doc, body.press #main-area .hbpress-element .inner .download-item:hover span.media-docx, body.photographer #main-area .hbpress-element .inner .download-item:hover span.media-docx, body.press #main-area .hbpress-element .inner .download-item:hover span.media-jpeg, body.photographer #main-area .hbpress-element .inner .download-item:hover span.media-jpeg, body.press #main-area .hbpress-element .inner .download-item:hover span.media-jpg, body.photographer #main-area .hbpress-element .inner .download-item:hover span.media-jpg, body.press #main-area .hbpress-element-detail .inner-wrapper .lft .download-item span.media-pdf, body.photographer #main-area .hbpress-element-detail .inner-wrapper .lft .download-item span.media-pdf, body.press #main-area .hbpress-element-detail .inner-wrapper .lft .download-item span.media-zip, body.photographer #main-area .hbpress-element-detail .inner-wrapper .lft .download-item span.media-zip, body.press #main-area .hbpress-element-detail .inner-wrapper .lft .download-item span.media-doc, body.photographer #main-area .hbpress-element-detail .inner-wrapper .lft .download-item span.media-doc, body.press #main-area .hbpress-element-detail .inner-wrapper .lft .download-item span.media-docx, body.photographer #main-area .hbpress-element-detail .inner-wrapper .lft .download-item span.media-docx, body.press #main-area .hbpress-element-detail .inner-wrapper .lft .download-item span.media-jpeg, body.photographer #main-area .hbpress-element-detail .inner-wrapper .lft .download-item span.media-jpeg, body.press #main-area .hbpress-element-detail .inner-wrapper .lft .download-item span.media-jpg, body.photographer #main-area .hbpress-element-detail .inner-wrapper .lft .download-item span.media-jpg, body.press #main-area .hbpress-element-detail .inner-wrapper .lft .download-item:hover span.media-pdf, body.photographer #main-area .hbpress-element-detail .inner-wrapper .lft .download-item:hover span.media-pdf, body.press #main-area .hbpress-element-detail .inner-wrapper .lft .download-item:hover span.media-zip, body.photographer #main-area .hbpress-element-detail .inner-wrapper .lft .download-item:hover span.media-zip, body.press #main-area .hbpress-element-detail .inner-wrapper .lft .download-item:hover span.media-doc, body.photographer #main-area .hbpress-element-detail .inner-wrapper .lft .download-item:hover span.media-doc, body.press #main-area .hbpress-element-detail .inner-wrapper .lft .download-item:hover span.media-docx, body.photographer #main-area .hbpress-element-detail .inner-wrapper .lft .download-item:hover span.media-docx, body.press #main-area .hbpress-element-detail .inner-wrapper .lft .download-item:hover span.media-jpeg, body.photographer #main-area .hbpress-element-detail .inner-wrapper .lft .download-item:hover span.media-jpeg, body.press #main-area .hbpress-element-detail .inner-wrapper .lft .download-item:hover span.media-jpg, body.photographer #main-area .hbpress-element-detail .inner-wrapper .lft .download-item:hover span.media-jpg, body.press #main-area .hbpress-element-detail .inner-wrapper .rgt .imgtitle span.media-jpeg, body.photographer #main-area .hbpress-element-detail .inner-wrapper .rgt .imgtitle span.media-jpeg, body.shop #teaser-ol #shop_basket_login_bar #link-basket span, body.shop #teaser-ol #shop_basket_login_bar #link-basket:hover span, body.shop #teaser-ol #shop_basket_login_bar #link-login span, body.shop #teaser-ol #shop_basket_login_bar #link-login:hover span, .mod_search .headline h2 span { background: url('../images/sprite_s-s6762380e32b.png') no-repeat; } .sprite_r-sprite, #site-header #main-navi ul.nav-center .subnav-container .subnav-info .subnav-info-rgt .icon, #site-header #main-navi ul.nav-center .subnav-container .subnav-info .subnav-info-rgt:hover .icon, #teaser-block #play-video a, #teaser-block #play-video a:hover, #teaser-block #hidden-menu.timetravel #content-slider-wrapper #content-slider-container #content-slider li .top .items div, #dates-news .hotspots-teaser #hotspots-desc .hotspot-nav .slide-prev, #dates-news .hotspots-teaser #hotspots-desc .hotspot-nav .slide-prev:hover, #dates-news .hotspots-teaser #hotspots-desc .hotspot-nav .slide-next, #dates-news .hotspots-teaser #hotspots-desc .hotspot-nav .slide-next:hover, #dates-news #news-header span.map, #dates-news #news-wrapper .newsitem .news-inner .slideshow-button.media-tv, #dates-news #news-wrapper .newsitem .news-inner .slideshow-button.media-tv:hover, #dates-news #news-wrapper .newsitem .news-inner .slideshow-button.media-tv.hover, #dates-news #news-wrapper .newsitem .news-inner .slideshow-button.media-photo, #dates-news #news-wrapper .newsitem .news-inner .slideshow-button.media-photo:hover, #dates-news #news-wrapper .newsitem .news-inner .slideshow-button.media-photo.hover, #dates-news #news-wrapper .newsitem .news-inner .date .slidernav .slide-prev, #dates-news #news-wrapper .newsitem .news-inner .date .slidernav .slide-prev:hover, #dates-news #news-wrapper .newsitem .news-inner .date .slidernav .slide-next, #dates-news #news-wrapper .newsitem .news-inner .date .slidernav .slide-next:hover, body.portrait #portrait-teaser #hotspot-layer .sidebar .slideshow-button.media-tv, body.portrait #portrait-teaser #hotspot-layer .sidebar .slideshow-button.media-tv:hover, body.portrait #portrait-teaser #hotspot-layer .sidebar .slideshow-button.media-tv.hover, body.portrait #portrait-teaser #hotspot-layer .sidebar .slideshow-button.media-photo, body.portrait #portrait-teaser #hotspot-layer .sidebar .slideshow-button.media-photo:hover, body.portrait #portrait-teaser #hotspot-layer .sidebar .slideshow-button.media-photo.hover, body.portrait #portrait-teaser #hotspot-layer .sidebar .title .slidernav .slide-prev, body.portrait #portrait-teaser #hotspot-layer .sidebar .title .slidernav .slide-prev:hover, body.portrait #portrait-teaser #hotspot-layer .sidebar .title .slidernav .slide-next, body.portrait #portrait-teaser #hotspot-layer .sidebar .title .slidernav .slide-next:hover, #timetravel-teaser #timetravel-wrapper .timetravel-element .inner .lft .slideshow-wrapper .slideshow-button.media-tv, #timetravel-teaser #timetravel-wrapper .timetravel-element .inner .lft .slideshow-wrapper .slideshow-button.media-tv:hover, #timetravel-teaser #timetravel-wrapper .timetravel-element .inner .lft .slideshow-wrapper .slideshow-button.media-tv.hover, #timetravel-teaser #timetravel-wrapper .timetravel-element .inner .lft .slideshow-wrapper .slideshow-button.media-photo, #timetravel-teaser #timetravel-wrapper .timetravel-element .inner .lft .slideshow-wrapper .slideshow-button.media-photo:hover, #timetravel-teaser #timetravel-wrapper .timetravel-element .inner .lft .slideshow-wrapper .slideshow-button.media-photo.hover, #timetravel-teaser #timetravel-wrapper .timetravel-element .inner .lft .lft-info .info-rgt .slidernav .slide-prev, #timetravel-teaser #timetravel-wrapper .timetravel-element .inner .lft .lft-info .info-rgt .slidernav .slide-prev:hover, #timetravel-teaser #timetravel-wrapper .timetravel-element .inner .lft .lft-info .info-rgt .slidernav .slide-next, #timetravel-teaser #timetravel-wrapper .timetravel-element .inner .lft .lft-info .info-rgt .slidernav .slide-next:hover, #timetravel-teaser .prev, #timetravel-teaser .prev:hover, #timetravel-teaser .next, #timetravel-teaser .next:hover, #timetravel-teaser .icon-explore, body.snapshot #main .snapshot_cat .snapshot_row .snapshot_col .icon-more, body.snapshot #main .snapshot_cat .snapshot_row .snapshot_col .icon-more:hover, body.snapshot #main .snapshot_cat .snapshot_row .snapshot_col .icon-more.active, body.snapshot #main .snapshot_cat .snapshot_row .snapshot_col .icon-more.active:hover, body.snapshot #main .snapshot_cat .inforow .inner .prev .icon-prev, body.snapshot #main .snapshot_cat .inforow .inner .prev .icon-prev:hover, body.snapshot #main .snapshot_cat .inforow .inner .next .icon-next, body.snapshot #main .snapshot_cat .inforow .inner .next .icon-next:hover, body.snapshot #main .snapshot_cat .inforow .inner .image .slideshow-button.media-tv, body.snapshot #main .snapshot_cat .inforow .inner .image .slideshow-button.media-tv:hover, body.snapshot #main .snapshot_cat .inforow .inner .image .slideshow-button.media-tv.hover, body.snapshot #main .snapshot_cat .inforow .inner .image .slideshow-button.media-photo, body.snapshot #main .snapshot_cat .inforow .inner .image .slideshow-button.media-photo:hover, body.snapshot #main .snapshot_cat .inforow .inner .image .slideshow-button.media-photo.hover, #lectures .lecture .inner .slideshow-wrapper .slideshow-button.media-tv, #lectures .lecture .inner .slideshow-wrapper .slideshow-button.media-tv:hover, #lectures .lecture .inner .slideshow-wrapper .slideshow-button.media-tv.hover, #lectures .lecture .inner .slideshow-wrapper .slideshow-button.media-photo, #lectures .lecture .inner .slideshow-wrapper .slideshow-button.media-photo:hover, #lectures .lecture .inner .slideshow-wrapper .slideshow-button.media-photo.hover, #lectures .lecture .inner .name .slidernav .slide-prev, #lectures .lecture .inner .name .slidernav .slide-prev:hover, #lectures .lecture .inner .name .slidernav .slide-next, #lectures .lecture .inner .name .slidernav .slide-next:hover, body.covers #covers-slider .inner #showcovers .title span.icon, body.covers #covers-slider .inner #showcovers .title:hover span.icon, body.covers #covers-slider .inner #showcovers .title.active span.icon, body.covers #covers-slider .inner #covercontent #coverslidedescs .prev, body.covers #covers-slider .inner #covercontent #coverslidedescs .prev:hover, body.covers #covers-slider .inner #covercontent #coverslidedescs .next, body.covers #covers-slider .inner #covercontent #coverslidedescs .next:hover, body.covers #covers-list .inner .yearsblock .yearheadline .icon, body.wallpapers #main-area .ce_wallpaper .thumb .thumbglow, body.wallpapers #main-area .ce_wallpaper .thumb .downloads .download, body.wallpapers #main-area .ce_wallpaper .thumb .downloads .download:hover, body.wallpapers #main-area .ce_wallpaper .thumb .downloads .download:focus, body.wallpapers #main-area .ce_wallpaper .thumb .downloads .download.inactive:hover, body.wallpapers #main-area .ce_wallpaper .thumb .downloads .download.inactive:focus, body.press #main-area .hbpress-element-detail .inner-wrapper .rgt .slideshow-button.media-tv, body.photographer #main-area .hbpress-element-detail .inner-wrapper .rgt .slideshow-button.media-tv, body.press #main-area .hbpress-element-detail .inner-wrapper .rgt .slideshow-button.media-tv:hover, body.press #main-area .hbpress-element-detail .inner-wrapper .rgt .slideshow-button.media-tv.hover, body.photographer #main-area .hbpress-element-detail .inner-wrapper .rgt .slideshow-button.media-tv:hover, body.photographer #main-area .hbpress-element-detail .inner-wrapper .rgt .slideshow-button.media-tv.hover, body.press #main-area .hbpress-element-detail .inner-wrapper .rgt .slideshow-button.media-photo, body.photographer #main-area .hbpress-element-detail .inner-wrapper .rgt .slideshow-button.media-photo, body.press #main-area .hbpress-element-detail .inner-wrapper .rgt .slideshow-button.media-photo:hover, body.press #main-area .hbpress-element-detail .inner-wrapper .rgt .slideshow-button.media-photo.hover, body.photographer #main-area .hbpress-element-detail .inner-wrapper .rgt .slideshow-button.media-photo:hover, body.photographer #main-area .hbpress-element-detail .inner-wrapper .rgt .slideshow-button.media-photo.hover, body.press #main-area .hbpress-element-detail .inner-wrapper .rgt .imgtitle .slidernav .slide-prev, body.photographer #main-area .hbpress-element-detail .inner-wrapper .rgt .imgtitle .slidernav .slide-prev, body.press #main-area .hbpress-element-detail .inner-wrapper .rgt .imgtitle .slidernav .slide-prev:hover, body.photographer #main-area .hbpress-element-detail .inner-wrapper .rgt .imgtitle .slidernav .slide-prev:hover, body.press #main-area .hbpress-element-detail .inner-wrapper .rgt .imgtitle .slidernav .slide-next, body.photographer #main-area .hbpress-element-detail .inner-wrapper .rgt .imgtitle .slidernav .slide-next, body.press #main-area .hbpress-element-detail .inner-wrapper .rgt .imgtitle .slidernav .slide-next:hover, body.photographer #main-area .hbpress-element-detail .inner-wrapper .rgt .imgtitle .slidernav .slide-next:hover, body.press #main-area .hbpress-element-detail .inner-wrapper .rgt .prev, body.photographer #main-area .hbpress-element-detail .inner-wrapper .rgt .prev, body.press #main-area .hbpress-element-detail .inner-wrapper .rgt .prev:hover, body.photographer #main-area .hbpress-element-detail .inner-wrapper .rgt .prev:hover, body.press #main-area .hbpress-element-detail .inner-wrapper .rgt .next, body.photographer #main-area .hbpress-element-detail .inner-wrapper .rgt .next, body.press #main-area .hbpress-element-detail .inner-wrapper .rgt .next:hover, body.photographer #main-area .hbpress-element-detail .inner-wrapper .rgt .next:hover, body.press.photographer #photograph_wrapper .hbphotograph-element .slideshow-wrapper .slideshow-button.media-tv, body.photographer.photographer #photograph_wrapper .hbphotograph-element .slideshow-wrapper .slideshow-button.media-tv, body.press.photographer #photograph_wrapper .hbphotograph-element .slideshow-wrapper .slideshow-button.media-tv:hover, body.press.photographer #photograph_wrapper .hbphotograph-element .slideshow-wrapper .slideshow-button.media-tv.hover, body.photographer.photographer #photograph_wrapper .hbphotograph-element .slideshow-wrapper .slideshow-button.media-tv:hover, body.photographer.photographer #photograph_wrapper .hbphotograph-element .slideshow-wrapper .slideshow-button.media-tv.hover, body.press.photographer #photograph_wrapper .hbphotograph-element .slideshow-wrapper .slideshow-button.media-photo, body.photographer.photographer #photograph_wrapper .hbphotograph-element .slideshow-wrapper .slideshow-button.media-photo, body.press.photographer #photograph_wrapper .hbphotograph-element .slideshow-wrapper .slideshow-button.media-photo:hover, body.press.photographer #photograph_wrapper .hbphotograph-element .slideshow-wrapper .slideshow-button.media-photo.hover, body.photographer.photographer #photograph_wrapper .hbphotograph-element .slideshow-wrapper .slideshow-button.media-photo:hover, body.photographer.photographer #photograph_wrapper .hbphotograph-element .slideshow-wrapper .slideshow-button.media-photo.hover, body.press.photographer #photograph_wrapper .hbphotograph-element .slidernav .slide-prev, body.photographer.photographer #photograph_wrapper .hbphotograph-element .slidernav .slide-prev, body.press.photographer #photograph_wrapper .hbphotograph-element .slidernav .slide-prev:hover, body.photographer.photographer #photograph_wrapper .hbphotograph-element .slidernav .slide-prev:hover, body.press.photographer #photograph_wrapper .hbphotograph-element .slidernav .slide-next, body.photographer.photographer #photograph_wrapper .hbphotograph-element .slidernav .slide-next, body.press.photographer #photograph_wrapper .hbphotograph-element .slidernav .slide-next:hover, body.photographer.photographer #photograph_wrapper .hbphotograph-element .slidernav .slide-next:hover, body.shop #shop_footer_paypal .paypal, body.shop .mod_iso_productlist .product .price, body.shop .mod_iso_productreader .lft-info .slidernav .slide-prev, body.shop .mod_iso_productreader .lft-info .slidernav .slide-prev:hover, body.shop .mod_iso_productreader .lft-info .slidernav .slide-next, body.shop .mod_iso_productreader .lft-info .slidernav .slide-next:hover, body.shop #iso_mod_checkout_payment fieldset .input_paypal span, body.shop #mod_checkout_steps li.package_opened, body.shop #mod_checkout_steps li.package_closed { background: url('../images/sprite_r-s624e8968d2.png') no-repeat; } .sprite_c-sprite, #site-header #main-navi #logo, #teaser-block .fullscreen-box .logo, #teaser-block .fullscreen-box .logo.thomas, #teaser-block .fullscreen-box .logo.alex, #teaser-block #hidden-menu.timetravel #content-slider-wrapper #content-slider-container #content-slider li.border-lft, #teaser-block #hidden-menu.timetravel #content-slider-wrapper #content-slider-container #content-slider li.border-rgt, body.alpine-ov #main-area #highlight-list li .text-container, .hb_home_article article.img_left .charity-stoerer, body.portrait #portrait-teaser #btn-thomas, body.portrait #portrait-teaser #btn-alex, body.portrait #portrait-teaser .info-layers#layers-thomas .sign, body.portrait #portrait-teaser .info-layers#layers-alex .sign, body.press #main-area #tl_login, body.photographer #main-area #tl_login, body.press #main-area #tl_login input.submit, body.photographer #main-area #tl_login input.submit, body.press #main-area #tl_login input.submit:hover, body.photographer #main-area #tl_login input.submit:hover, body.press #main-area #tl_login input.submit.logout, body.photographer #main-area #tl_login input.submit.logout, body.press #main-area #tl_login input.submit.logout:hover, body.photographer #main-area #tl_login input.submit.logout:hover, body.press #main-area .hbpress-element .inner .locked-wrapper .icon, body.photographer #main-area .hbpress-element .inner .locked-wrapper .icon, body.shop #teaser-ol #shop_basket_login_bar, body.shop #shop_cats #eyecatcher, body.shop .mod_checkoutstep_first #tl_login input.submit, body.shop .mod_checkoutstep_first #tl_login input.submit:hover, body.shop .mod_checkoutstep_first #tl_login input.submit.logout, body.shop .mod_checkoutstep_first #tl_login input.submit.logout:hover, body.shop .mod_lostPassword input.submit, body.shop .mod_newpass input.submit, body.shop .mod_lostPassword input.submit:hover, body.shop .mod_newpass input.submit:hover, body.shop .shopcontact .formbody input.submit, body.shop .shopcontact .formbody input.submit:hover { background: url('../images/sprite_c-s5f3e6b7b59.png') no-repeat; } @media screen { /* Contao Open Source CMS :: Copyright (C) 2005-2012 Leo Feyer :: LGPL license */ body { margin: 0; padding: 0; font-size: 100.01%; text-align: left; position: relative; } select, input, textarea { font-size: 99%; } form { margin: 0; padding: 0; } img { border: 0; } #left { float: left; } #right { float: right; } #main { width: auto; position: relative; } .inside { position: relative; text-align: left; } .block { overflow: hidden; } .clear, #clear { height: 0.1px; font-size: 0.1px; line-height: 0.1px; clear: both; } .invisible { width: 0; height: 0; left: -1000px; top: -1000px; position: absolute; overflow: hidden; display: inline; } .custom { display: block; text-align: left; } .custom:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } * + html #main { position: static; } header, footer, nav, section, aside, article, figure, figcaption { display: block; } } #buorg { position: fixed; top: 0; left: 0; width: 100%; } .soho { font-family: "Soho W01 Regular"; } .soho a:hover, .soho a.hover { color: #f39a0f; } .soho-bold { font-family: "Soho W01 Medium"; } .soho-bold a:hover, .soho-bold a.hover { color: #f39a0f; } .honeypotform { display: none; } .orange { color: #f39a0f; } .lg { color: #999999; } .mg { color: #666666; } .dg { color: #333333; } .upper { text-transform: uppercase; } .lh-143 { line-height: 14.3px; } .lh-153 { line-height: 15.3px; } .lh-163 { line-height: 16.3px; } .lh-173 { line-height: 17.3px; } .lh-183 { line-height: 18.3px; } .bgblack50 { background-color: rgba(0, 0, 0, 0.5); margin-bottom: 2px; display: table; padding: 0 5px; } .bgblack50 strong { vertical-align: sub; } .tshadow-3d { text-shadow: 1px 1px 1px black, 2px 2px 1px black, 3px 3px 1px black; } .font-medium-uppercase-white { font-family: "Soho W01 Medium"; text-transform: uppercase; margin-bottom: 10px; } .font-medium-uppercase-white a { color: #999999; } .font-medium-uppercase-white a:hover { color: #f39a0f; } .font-big-gray { font-family: "Soho W01 Regular"; color: #9f8fa4; font-size: 18px; line-height: 22px; margin-bottom: 10px; } .font-big-gray a { color: #999999; } .font-big-gray a:hover { color: #f39a0f; } .font-big-fat-uppercase-white { font-family: "SohoW01-ExtraBoldCn"; font-size: 26px; text-transform: uppercase; line-height: 30px; margin-bottom: 10px; } .font-big-fat-uppercase-white a { color: #999999; } .font-big-fat-uppercase-white a:hover { color: #f39a0f; } .font-small-fat-uppercase-white { font-family: "SohoW01-ExtraBoldCn"; font-size: 14px; line-height: 17px; } .font-small-fat-uppercase-white a { color: #999999; } .font-small-fat-uppercase-white a:hover { color: #f39a0f; } .font-medium-gray { font-family: "Soho W01 Medium"; color: #9f8fa4; margin-bottom: 10px; } .font-medium-gray a { color: #999999; } .font-medium-gray a:hover { color: #f39a0f; } .font-medium-white { font-family: "Soho W01 Medium"; margin-bottom: 10px; } .font-medium-white a { color: #999999; } .font-medium-white a:hover { color: #f39a0f; } .font-uppercase { text-transform: uppercase; } .font-uppercase a { color: #999999; } .font-uppercase a:hover { color: #f39a0f; } .font-white { font-family: "Soho W01 Regular"; margin-bottom: 10px; } .font-white a { color: #999999; } .font-white a:hover { color: #f39a0f; } #main-area a:before, .toggleContent a:before, .scrollinner a:before, .textcontent a:before { content: url('../images/textures/icon-text-next.png'); vertical-align: baseline; padding-right: 5px; line-height: 100%; } #main-area a:hover:before, #main-area a.active:before, #main-area a:active:before, .toggleContent a:hover:before, .toggleContent a.active:before, .toggleContent a:active:before, .scrollinner a:hover:before, .scrollinner a.active:before, .scrollinner a:active:before, .textcontent a:hover:before, .textcontent a.active:before, .textcontent a:active:before { content: url('../images/textures/icon-text-next-hover.png'); } #main-area a.noarrow:before, #main-area a.fb:before, .toggleContent a.noarrow:before, .toggleContent a.fb:before, .scrollinner a.noarrow:before, .scrollinner a.fb:before, .textcontent a.noarrow:before, .textcontent a.fb:before { content: none; } .bgorange #main-area a:before { content: url('../images/textures/icon-next-bgo.png'); vertical-align: baseline; padding-right: 5px; line-height: 100%; } .bgorange #main-area a:hover:before, .bgorange #main-area a.active:before, .bgorange #main-area a:active:before { content: url('../images/textures/icon-next-bgo-hover.png'); } .bgorange #main-area a.noarrow:before, .bgorange #main-area a.fb:before { content: none; } .jspVerticalBar *, .jspHorizontalBar * { margin: 0; padding: 0; } .jspContainer { overflow: hidden; position: relative; } .jspPane { position: absolute; } .jspCap { display: none; } .jspTrack { background: #5f5a55; position: relative; } .jspDrag { background: #b09c7c; position: relative; top: 0; left: 0; cursor: pointer; } .jspCorner { background: #eeeef4; float: left; height: 100%; } .jspHorizontalBar { position: absolute; bottom: 0; left: 0; width: 100%; height: 8px; background: red; } .jspHorizontalBar .jspTrack, .jspHorizontalBar .jspDrag { float: left; height: 100%; } .jspHorizontalBar .jspArrow { width: 16px; float: left; height: 100%; } .jspHorizontalBar .jspCap { float: left; } .jspArrow { background: #50506d; text-indent: -20000px; display: block; cursor: pointer; } .jspArrow.jspDisabled { cursor: default; background: #80808d; } .jspVerticalBar { position: absolute; top: 0; right: 0; width: 8px; height: 100%; background: red; } .jspVerticalBar .jspArrow { height: 16px; } .jspVerticalBar .jspArrow:focus { outline: none; } .fancybox-tmp { position: absolute; top: -9999px; left: -9999px; padding: 0; overflow: visible; visibility: hidden; } .fancybox-tmp iframe, .fancybox-tmp object { vertical-align: top; padding: 0; margin: 0; } .fancybox-wrap { position: absolute; background: black; top: 0; left: 0; z-index: 2002; -webkit-box-shadow: 0 0px 5px 2px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 0px 5px 2px rgba(0, 0, 0, 0.5); box-shadow: 0 0px 5px 2px rgba(0, 0, 0, 0.5); border-top: 1px solid #272727; border-bottom: 1px solid #272727; } .fancybox-wrap.bgwhite .fancybox-inner { background: white; } .fancybox-wrap.various { background: url('../images/textures/layer-bg-alpha.png') repeat; border: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; } .fancybox-wrap .fancybox-skin { -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; } .fancybox-wrap .fancybox-skin .fancybox-outer { padding: 0; margin: 0; color: #444444; } .fancybox-wrap .fancybox-skin .fancybox-outer .fancybox-inner { width: 100%; height: 100%; padding: 0; margin: 0; position: relative; outline: none; overflow: hidden; } .fancybox-wrap.fbtv .fancybox-prev, .fancybox-wrap.fbtv .fancybox-next { z-index: 98; } .fancybox-wrap.fbtv .fancybox-inner { z-index: 99; } .fancybox-wrap.alpine .fancybox-title-container .fancybox-title, .fancybox-wrap.texttitle .fancybox-title-container .fancybox-title { color: white; font-family: "Soho W01 Regular"; text-transform: none; font-size: 11.8px; line-height: 13.8px; } .fancybox-wrap .fb-count-wrap { bottom: 0; height: 45px; right: 20px; position: absolute; margin-top: 0; float: right; z-index: 2005; display: inline-block; vertical-align: top; } .lt-ie8 .fancybox-wrap .fb-count-wrap { display: inline; zoom: 1; vertical-align: auto; } .fancybox-wrap .fb-count-wrap .fancybox-prev, .fancybox-wrap .fb-count-wrap .fancybox-next { position: relative; cursor: pointer; z-index: 2005; display: inline-block; } .lt-ie8 .fancybox-wrap .fb-count-wrap .fancybox-prev, .lt-ie8 .fancybox-wrap .fb-count-wrap .fancybox-next { display: inline; zoom: 1; vertical-align: auto; } .fancybox-wrap .fb-count-wrap .fancybox-prev span, .fancybox-wrap .fb-count-wrap .fancybox-next span { top: 50%; cursor: pointer; z-index: 2005; color: white; text-indent: 100%; white-space: nowrap; overflow: hidden; display: inline-block; vertical-align: top; } .lt-ie8 .fancybox-wrap .fb-count-wrap .fancybox-prev span, .lt-ie8 .fancybox-wrap .fb-count-wrap .fancybox-next span { display: inline; zoom: 1; vertical-align: auto; } .fancybox-wrap .fb-count-wrap .fancybox-prev:hover, .fancybox-wrap .fb-count-wrap .fancybox-next:hover { visibility: visible; } .fancybox-wrap .fb-count-wrap .fancybox-prev:hover span, .fancybox-wrap .fb-count-wrap .fancybox-next:hover span { color: #f39a0f; } .fancybox-wrap .fb-count-wrap .fancybox-prev { text-align: left; margin-right: 5px; } .fancybox-wrap .fb-count-wrap .fancybox-prev span { background-position: 0 -762px; height: 21px; width: 21px; } .fancybox-wrap .fb-count-wrap .fancybox-prev:hover span { background-position: 0 -478px; height: 21px; width: 21px; } .fancybox-wrap .fb-count-wrap .fancybox-next { text-align: right; margin-left: 5px; } .fancybox-wrap .fb-count-wrap .fancybox-next span { background-position: 0 -736px; height: 21px; width: 21px; } .fancybox-wrap .fb-count-wrap .fancybox-next:hover span { background-position: 0 -452px; height: 21px; width: 21px; } .fancybox-wrap .fb-count-wrap .fancybox-counter { display: inline-block; font-family: "Soho W01 Medium"; font-size: 12.8px; line-height: 20.8px; vertical-align: top; } .lt-ie8 .fancybox-wrap .fb-count-wrap .fancybox-counter { display: inline; zoom: 1; vertical-align: auto; } .fancybox-wrap.various .fancybox-close { background-color: transparent; } .fancybox-opened { z-index: 2003; } .fancybox-error { color: #444444; margin: 0; padding: 10px; } .fancybox-iframe, .fancybox-image { display: block; width: 100%; height: 100%; border: 0; padding: 0; margin: 0; vertical-align: top; } .fancybox-image { max-width: 100%; max-height: 100%; } #fancybox-loading { position: fixed; top: 50%; left: 50%; margin-top: -21px; margin-left: -21px; width: 42px; height: 42px; background: url('../images/misc/loading.gif'); opacity: 0.8; cursor: pointer; z-index: 2010; } .fancybox-close { position: absolute; background-color: black; top: 10px; right: 10px; width: 30px; height: 30px; cursor: pointer; z-index: 9004; background-position: 0 -575px; height: 30px; width: 30px; } .fancybox-close:hover { background-position: 0 -306px; height: 30px; width: 30px; background-color: black; } #fancybox-overlay { position: absolute; top: 0; left: 0; overflow: hidden; display: none; z-index: 1001; background: black; width: 100%; height: 100%; } .fancybox-toptitle { visibility: hidden; position: relative; text-shadow: none; z-index: 1005; font-family: "Soho W01 Medium"; text-transform: uppercase; font-size: 16.8px; line-height: 18.8px; left: 0; top: 0; margin-top: 8px; padding-bottom: 8px; color: #f39a0f; } .fancybox-title-container { display: inline-block; width: 80%; } .lt-ie8 .fancybox-title-container { display: inline; zoom: 1; vertical-align: auto; } .fancybox-title-container .fancybox-title { visibility: hidden; position: relative; text-shadow: none; z-index: 1005; font-family: "Soho W01 Medium"; text-transform: uppercase; font-size: 16.8px; line-height: 18.8px; left: 0; top: 0; margin-top: 8px; padding-bottom: 8px; color: #f39a0f; } .fancybox-title-container .fancybox-title { margin-top: 15px; } .fancybox-title-container .fancybox-subtitle { visibility: hidden; position: relative; text-shadow: none; z-index: 1005; font-family: "Soho W01 Medium"; color: white; font-size: 12.8px; line-height: 14.8px; text-transform: uppercase; left: 0; top: 0; } .fancybox-opened .fancybox-title { visibility: visible; } .fancybox-opened .fancybox-subtitle { visibility: visible; } .fancybox-opened .fancybox-toptitle { visibility: visible; } .fancybox-title-float-wrap { position: absolute; bottom: 0; right: 50%; margin-bottom: -35px; z-index: 2003; text-align: center; } .fancybox-title-float-wrap .child { -webkit-border-radius: 15px; -moz-border-radius: 15px; -o-border-radius: 15px; border-radius: 15px; display: inline-block; margin-right: -100%; padding: 2px 20px; background: transparent; background: rgba(0, 0, 0, 0.8); text-shadow: 0 1px 2px #222222; color: white; line-height: 24px; white-space: nowrap; } .fancybox-title-outside-wrap { position: relative; margin-top: 10px; color: white; } .fancybox-title-inside-wrap { margin-top: 10px; padding-bottom: 10px; font-size: 10px; } .fancybox-title-over-wrap { position: absolute; bottom: 0; left: 0; color: white; padding: 10px; background: black; background: rgba(0, 0, 0, 0.8); } #fancybox-thumbs { background: url('../images/textures/layer-top.jpg') repeat-x; background-position: 0px -300px; position: fixed; left: 0px; width: 100%; overflow: hidden; z-index: 1005; } #fancybox-thumbs.bottom { bottom: 0; } #fancybox-thumbs.top { top: 2px; } #fancybox-thumbs ul { position: relative; list-style: none; margin: 0; padding: 0; } #fancybox-thumbs ul li { float: left; padding: 1px; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); opacity: 0.5; } #fancybox-thumbs ul li.active { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=75); opacity: 0.75; padding: 0; border: 1px solid white; } #fancybox-thumbs ul li:hover { opacity: 1; } #fancybox-thumbs ul li a { display: block; position: relative; overflow: hidden; border: 1px solid #222222; background: #111111; outline: none; } #fancybox-thumbs ul li img { display: block; position: relative; border: 0; padding: 0; } body { background: black url('../images/textures/body.jpg'); overflow-x: hidden; } body:full-screen, body:fullscreen, body:-webkit-full-screen, body:-moz-full-screen { width: 80%; height: 80%; overflow: scroll; } body #site-footer { background: url('../images/textures/body.jpg'); } body.home #main-area { background: transparent url('../images/textures/body.jpg') repeat top left; z-index: 99; } body.home #main-area.no-teaser { top: 30px; } body.news { background: #2e2e2e url('../images/textures/news.png') repeat top left; } body.news #site-header { position: relative; } body.news #page-wrapper { background: transparent url('../images/textures/news-teaser-bg.jpg') no-repeat top center; } body.news #page-wrapper #site-footer { background: transparent url('../images/textures/news.png') repeat top left; } body.fullscreen { overflow: hidden; } body.alpine { background: transparent url('../images/textures/alpine_bg.jpg') repeat top left; } body.alpine #page-wrapper { background: transparent url('../images/textures/alpine-teaser-bg.jpg') no-repeat top center; z-index: 0; position: relative; } body.alpine #page-wrapper #site-footer { background: transparent url('../images/textures/alpine_bg.jpg') repeat top left; } #page-wrapper .topo_insert { width: 280px; height: 120px; position: relative; } #page-wrapper .topo_insert .image { background: transparent url('../images/../../content/topos/thumb-topo.png') no-repeat top left; width: 90px; height: 120px; float: left; position: relative; } #page-wrapper .topo_insert .image .imgtitle { font-family: "Soho W01 Bold Condensed"; color: white; font-size: 18px; text-transform: uppercase; line-height: 17px; position: absolute; left: 5px; top: 20px; text-align: left; } #page-wrapper .topo_insert .info { margin-left: 10px; width: 175px; float: left; text-align: left; } #page-wrapper .topo_insert .info .headline { font-family: "Soho W01 Medium"; color: #f39a0f; font-size: 12.3px; text-transform: uppercase; line-height: 18.3px; } #page-wrapper .topo_insert .info .subheadline { font-family: "Soho W01 Regular"; color: white; font-size: 11.8px; text-transform: uppercase; line-height: 16.3px; } .bgwhite #page-wrapper .topo_insert .info .subheadline { color: black; } #page-wrapper .topo_insert .info .pdf { margin-top: 5px; font-family: "Soho W01 Regular"; font-size: 12.3px; line-height: 24.3px; } #page-wrapper .topo_insert .info .pdf .ico { background-position: 0 -3498px; height: 30px; width: 30px; display: -moz-inline-box; -moz-box-orient: vertical; display: inline-block; vertical-align: middle; *vertical-align: auto; vertical-align: middle; margin-top: 4px; } #page-wrapper .topo_insert .info .pdf .ico { *display: inline; } #page-wrapper .topo_insert .info .pdf:hover .ico, #page-wrapper .topo_insert .info .pdf:active .ico, #page-wrapper .topo_insert .info .pdf:focus .ico { background-position: 0 -3713px; height: 30px; width: 30px; } #site-header { -webkit-box-shadow: 0 4px 6px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 4px 6px rgba(0, 0, 0, 0.5); box-shadow: 0 4px 6px rgba(0, 0, 0, 0.5); *zoom: 1; width: 100%; top: 0; z-index: 100; background: url('../images/textures/header-wide.png') no-repeat top center; height: 121px; position: absolute; } #site-header:after { content: ""; display: table; clear: both; } #site-header #top-bar { *zoom: 1; height: 30px; position: relative; z-index: 36; } #site-header #top-bar:after { content: ""; display: table; clear: both; } #site-header #top-bar #left-bar .topnavlli, #site-header #top-bar #right-bar .topnavlli { line-height: 29px; } #site-header #top-bar #left-bar .topnavlink, #site-header #top-bar #right-bar .topnavlink { display: block; text-indent: 100%; white-space: nowrap; overflow: hidden; } #site-header #top-bar #left-bar { float: left; margin-left: 50px; width: 410px; } #site-header #top-bar #left-bar .topnavlli { margin-right: 18px; position: relative; } .lt-ie8 #site-header #top-bar #left-bar .topnavlli { float: left; } #site-header #top-bar #left-bar .topnavlli.last { margin-right: 0; } #site-header #top-bar #left-bar .topnav-home { text-indent: 100%; white-space: nowrap; overflow: hidden; background-position: 0 -3407px; height: 30px; width: 33px; } #site-header #top-bar #left-bar .topnav-home:hover { background-position: 0 -3208px; height: 30px; width: 33px; } #site-header #top-bar #left-bar .topnav-home.active, #site-header #top-bar #left-bar .topnav-home.trail { background-position: 0 -3208px; height: 30px; width: 33px; } #site-header #top-bar #left-bar .topnav-media { text-indent: 100%; white-space: nowrap; overflow: hidden; background-position: 0 -4683px; height: 30px; width: 68px; } #site-header #top-bar #left-bar .topnav-media:hover { background-position: 0 -4613px; height: 30px; width: 68px; } #site-header #top-bar #left-bar .topnav-media.active, #site-header #top-bar #left-bar .topnav-media.trail { background-position: 0 -4613px; height: 30px; width: 68px; } #site-header #top-bar #left-bar .topnav-partner { text-indent: 100%; white-space: nowrap; overflow: hidden; background-position: 0 -2500px; height: 30px; width: 55px; } #site-header #top-bar #left-bar .topnav-partner:hover { background-position: 0 -2268px; height: 30px; width: 55px; } #site-header #top-bar #left-bar .topnav-partner.active, #site-header #top-bar #left-bar .topnav-partner.trail { background-position: 0 -2268px; height: 30px; width: 55px; } #site-header #top-bar #left-bar .topnav-press { text-indent: 100%; white-space: nowrap; overflow: hidden; background-position: 0 -2662px; height: 30px; width: 43px; } #site-header #top-bar #left-bar .topnav-press:hover { background-position: 0 -2416px; height: 30px; width: 43px; } #site-header #top-bar #left-bar .topnav-press.active, #site-header #top-bar #left-bar .topnav-press.trail { background-position: 0 -2416px; height: 30px; width: 43px; } #site-header #top-bar #left-bar .topnav-shop { text-indent: 100%; white-space: nowrap; overflow: hidden; background-position: 0 -4648px; height: 30px; width: 107px; } #site-header #top-bar #left-bar .topnav-shop:hover { background-position: 0 -4578px; height: 30px; width: 107px; } #site-header #top-bar #left-bar .topnav-shop.active, #site-header #top-bar #left-bar .topnav-shop.trail { background-position: 0 -4578px; height: 30px; width: 107px; } #site-header #top-bar #left-bar .mod_navigation { -webkit-box-shadow: 0 4px 6px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 4px 6px rgba(0, 0, 0, 0.5); box-shadow: 0 4px 6px rgba(0, 0, 0, 0.5); -webkit-border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; -o-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px; display: none; background: url('../images/textures/layer-bg-alpha.png') repeat top left; position: absolute; top: 30px; left: -20px; z-index: 21; width: 165px; padding: 0 10px; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); opacity: 0.8; } #site-header #top-bar #left-bar .mod_navigation .topnavllink { font-family: "Soho W01 Medium"; color: #736e69; font-size: 11.3px; text-transform: uppercase; line-height: 16px; display: block; border-top: 1px solid rgba(255, 255, 255, 0.1); padding: 8px 0 8px 10px; } #site-header #top-bar #left-bar .mod_navigation .topnavllink.first { border: 0; } #site-header #top-bar #left-bar .mod_navigation .topnavllink:hover { color: #f39a0f; } #site-header #top-bar #left-bar .mod_navigation span { font-family: "Soho W01 Regular"; color: #f39a0f; font-size: 11.3px; text-transform: uppercase; padding-left: 10px; cursor: default; display: block; border-top: 1px solid rgba(255, 255, 255, 0.1); } #site-header #top-bar #left-bar .mod_navigation .topnavlli { float: none; display: block; margin-right: 0; } #site-header #top-bar #left-bar .mod_navigation .topnavlli.last { border-bottom: none; } #site-header #top-bar #left-bar .mod_navigation .topnavlli.submenu .topnavlli .topnavllink { border-top: 1px solid rgba(255, 255, 255, 0.1); padding-left: 20px; } #site-header #top-bar #left-bar .mod_navigation .topnavlli.submenu .topnavlli.first { border: 0; } #site-header #top-bar #left-bar .mod_navigation .topnavlli.submenu .topnavlli span { padding-left: 20px; } #site-header #top-bar #right-bar { float: right; margin-right: 60px; width: 400px; } #site-header #top-bar #right-bar .topnavllink { text-indent: 100%; white-space: nowrap; overflow: hidden; } #site-header #top-bar #right-bar .topnavlli { line-height: 60px; } #site-header #top-bar #right-bar .topnavlli a.lang-de { background-position: 0 -3943px; height: 29px; width: 27px; position: relative; top: -1px; } #site-header #top-bar #right-bar .topnavlli a.lang-de.hover, #site-header #top-bar #right-bar .topnavlli a.lang-de.active { background-position: 0 -3110px; height: 29px; width: 27px; } #site-header #top-bar #right-bar .topnavlli a.lang-en { background-position: 0 -3770px; height: 29px; width: 27px; position: relative; top: -1px; } #site-header #top-bar #right-bar .topnavlli a.lang-en.hover, #site-header #top-bar #right-bar .topnavlli a.lang-en.active { background-position: 0 -3076px; height: 29px; width: 27px; } #site-header #top-bar #right-bar .topnavlli a.lang-xy { background-position: 0 -3770px; height: 29px; width: 27px; position: relative; top: -1px; } #site-header #top-bar #right-bar .topnavlli a.lang-xy.hover, #site-header #top-bar #right-bar .topnavlli a.lang-xy.active { background-position: 0 -3076px; height: 29px; width: 27px; } #site-header #top-bar #right-bar .topnavlli span.lang-de { display: block; text-indent: 100%; white-space: nowrap; overflow: hidden; background-position: 0 -3110px; height: 29px; width: 27px; position: relative; top: -1px; } #site-header #top-bar #right-bar .topnavlli span.lang-en { display: block; text-indent: 100%; white-space: nowrap; overflow: hidden; background-position: 0 -3770px; height: 29px; width: 27px; position: relative; top: -1px; } #site-header #top-bar #right-bar .topnavlli span.lang-xy { display: block; text-indent: 100%; white-space: nowrap; overflow: hidden; background-position: 0 -3770px; height: 29px; width: 27px; position: relative; top: -1px; } #site-header #top-bar #right-bar .topnavlli .icon-sitemap { margin-right: 20px; background-position: 0 -4385px; height: 30px; width: 27px; } #site-header #top-bar #right-bar .topnavlli .icon-sitemap.hover, #site-header #top-bar #right-bar .topnavlli .icon-sitemap.active { background-position: 0 -4167px; height: 30px; width: 27px; } #site-header #top-bar #right-bar .topnavlli .icon-recomend { background-position: 0 -3608px; height: 30px; width: 27px; } #site-header #top-bar #right-bar .topnavlli .icon-recomend.hover, #site-header #top-bar #right-bar .topnavlli .icon-recomend.active { background-position: 0 -2583px; height: 30px; width: 27px; } #site-header #top-bar #right-bar .topnavlli .icon-help { background-position: 0 -2830px; height: 30px; width: 27px; } #site-header #top-bar #right-bar .topnavlli .icon-help.hover, #site-header #top-bar #right-bar .topnavlli .icon-help.active { background-position: 0 -1876px; height: 30px; width: 27px; } #site-header #top-bar #right-bar .topnavlli .icon-search { background-position: 0 -3678px; height: 30px; width: 27px; } #site-header #top-bar #right-bar .topnavlli .icon-search.hover, #site-header #top-bar #right-bar .topnavlli .icon-search.active { background-position: 0 -2140px; height: 30px; width: 27px; } #site-header #top-bar #right-bar .topnavlli .icon-music { background-position: 0 -3442px; height: 30px; width: 27px; } #site-header #top-bar #right-bar .topnavlli .icon-music.hover, #site-header #top-bar #right-bar .topnavlli .icon-music.active { background-position: 0 -2204px; height: 30px; width: 27px; } #site-header #top-bar #right-bar .topnavlli .icon-fullscreen { margin-left: 20px; background-position: 0 -4350px; height: 30px; width: 27px; visibility: hidden; display: none; } #site-header #top-bar #right-bar .topnavlli .icon-fullscreen.hover, #site-header #top-bar #right-bar .topnavlli .icon-fullscreen.active { background-position: 0 -4037px; height: 30px; width: 27px; } #site-header #main-navi { position: absolute; top: 29px; height: 90px; width: 100%; } .ie7 #site-header #main-navi { top: 60px; } #site-header #main-navi .row { position: relative; } #site-header #main-navi #logo { position: absolute; left: 50%; top: -37px; margin-bottom: 0; margin-left: -73px; z-index: 30; cursor: pointer; text-indent: 100%; white-space: nowrap; overflow: hidden; background-position: 0 -624px; height: 124px; width: 146px; } #site-header #main-navi ul.nav-center { width: 960px; height: 103px; display: block; margin-top: 37px; } #site-header #main-navi ul.nav-center li { *zoom: 1; display: inline-block; width: 100px; height: 55px; position: relative; float: left; } #site-header #main-navi ul.nav-center li:after { content: ""; display: table; clear: both; } .lt-ie8 #site-header #main-navi ul.nav-center li { display: inline; zoom: 1; vertical-align: auto; } #site-header #main-navi ul.nav-center li a { text-indent: 100%; white-space: nowrap; overflow: hidden; text-indent: 130%; display: block; } #site-header #main-navi ul.nav-center li.link-dates { margin-right: 40px; margin-left: 20px; } #site-header #main-navi ul.nav-center li.link-dates a { background-position: 0 -336px; height: 37px; width: 101px; float: left; } #site-header #main-navi ul.nav-center li.link-dates a.hover { background-position: 0 -210px; height: 37px; width: 101px; position: relative; top: -37px; width: 0; } #site-header #main-navi ul.nav-center li.link-dates.active > a, #site-header #main-navi ul.nav-center li.link-dates.trail > a { background-position: 0 -210px; height: 37px; width: 101px; } #site-header #main-navi ul.nav-center li.link-dates.active > a.hover, #site-header #main-navi ul.nav-center li.link-dates.trail > a.hover { display: none; } #site-header #main-navi ul.nav-center li.link-alpin { margin-right: 25px; } #site-header #main-navi ul.nav-center li.link-alpin a { background-position: 0 -714px; height: 37px; width: 101px; float: left; } #site-header #main-navi ul.nav-center li.link-alpin a.hover { background-position: 0 -588px; height: 37px; width: 101px; position: relative; top: -37px; width: 0; } #site-header #main-navi ul.nav-center li.link-alpin.active > a, #site-header #main-navi ul.nav-center li.link-alpin.trail > a { background-position: 0 -588px; height: 37px; width: 101px; } #site-header #main-navi ul.nav-center li.link-alpin.active > a.hover, #site-header #main-navi ul.nav-center li.link-alpin.trail > a.hover { display: none; } #site-header #main-navi ul.nav-center li.link-portrait { margin-right: 182px; } #site-header #main-navi ul.nav-center li.link-portrait a { background-position: 0 -966px; height: 37px; width: 101px; float: left; } #site-header #main-navi ul.nav-center li.link-portrait a.hover { background-position: 0 -924px; height: 37px; width: 101px; position: relative; top: -37px; width: 0; } #site-header #main-navi ul.nav-center li.link-portrait.active > a, #site-header #main-navi ul.nav-center li.link-portrait.trail > a { background-position: 0 -924px; height: 37px; width: 101px; } #site-header #main-navi ul.nav-center li.link-portrait.active > a.hover, #site-header #main-navi ul.nav-center li.link-portrait.trail > a.hover { display: none; } #site-header #main-navi ul.nav-center li.link-time { margin-right: 25px; } #site-header #main-navi ul.nav-center li.link-time a { background-position: 0 -882px; height: 37px; width: 101px; float: left; } #site-header #main-navi ul.nav-center li.link-time a.hover { background-position: 0 -840px; height: 37px; width: 101px; position: relative; top: -37px; width: 0; } #site-header #main-navi ul.nav-center li.link-time.active > a, #site-header #main-navi ul.nav-center li.link-time.trail > a { background-position: 0 -840px; height: 37px; width: 101px; } #site-header #main-navi ul.nav-center li.link-time.active > a.hover, #site-header #main-navi ul.nav-center li.link-time.trail > a.hover { display: none; } #site-header #main-navi ul.nav-center li.link-record { margin-right: 25px; } #site-header #main-navi ul.nav-center li.link-record a { background-position: 0 -672px; height: 37px; width: 101px; float: left; } #site-header #main-navi ul.nav-center li.link-record a.hover { background-position: 0 -546px; height: 37px; width: 101px; position: relative; top: -37px; width: 0; } #site-header #main-navi ul.nav-center li.link-record.active > a, #site-header #main-navi ul.nav-center li.link-record.trail > a { background-position: 0 -546px; height: 37px; width: 101px; } #site-header #main-navi ul.nav-center li.link-record.active > a.hover, #site-header #main-navi ul.nav-center li.link-record.trail > a.hover { display: none; } #site-header #main-navi ul.nav-center li.link-lecture a { background-position: 0 -630px; height: 37px; width: 101px; float: left; } #site-header #main-navi ul.nav-center li.link-lecture a.hover { background-position: 0 -504px; height: 37px; width: 101px; position: relative; top: -37px; width: 0; } #site-header #main-navi ul.nav-center li.link-lecture.active > a, #site-header #main-navi ul.nav-center li.link-lecture.trail > a { background-position: 0 -504px; height: 37px; width: 101px; } #site-header #main-navi ul.nav-center li.link-lecture.active > a.hover, #site-header #main-navi ul.nav-center li.link-lecture.trail > a.hover { display: none; } #site-header #main-navi ul.nav-center .subnav-container { -webkit-box-shadow: 0 4px 6px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 4px 6px rgba(0, 0, 0, 0.5); box-shadow: 0 4px 6px rgba(0, 0, 0, 0.5); -webkit-border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; -o-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px; visibility: hidden; position: absolute; top: 54px; left: 0; width: 270px; background: url('../images/textures/mainnav-sub.png') repeat-x top left; z-index: 18; } #site-header #main-navi ul.nav-center .subnav-container.fullheight { width: 430px; } #site-header #main-navi ul.nav-center .subnav-container .subnav-slider { overflow: hidden; position: relative; } #site-header #main-navi ul.nav-center .subnav-container .subnav-slider ul { width: 430px; margin-top: 0; border-top: 1px solid rgba(255, 255, 255, 0.1); height: auto; } .lt-ie9 #site-header #main-navi ul.nav-center .subnav-container .subnav-slider ul { border-top: 1px solid #191817; } #site-header #main-navi ul.nav-center .subnav-container .subnav-slider li { *zoom: 1; margin-right: 0; display: block; width: auto; text-align: left; height: auto; padding: 20px 5px 0 20px; border-bottom: 1px solid rgba(255, 255, 255, 0.1); } #site-header #main-navi ul.nav-center .subnav-container .subnav-slider li:after { content: ""; display: table; clear: both; } .lt-ie9 #site-header #main-navi ul.nav-center .subnav-container .subnav-slider li { border-bottom: 1px solid #191817; } #site-header #main-navi ul.nav-center .subnav-container .subnav-slider li:last-child { border-bottom: none; } #site-header #main-navi ul.nav-center .subnav-container .subnav-slider li.first { padding: 0; } #site-header #main-navi ul.nav-center .subnav-container .subnav-slider li .left-colum, #site-header #main-navi ul.nav-center .subnav-container .subnav-slider li .right-colum { float: left; } #site-header #main-navi ul.nav-center .subnav-container .subnav-slider li .left-colum { width: 48px; margin-right: 10px; } #site-header #main-navi ul.nav-center .subnav-container .subnav-slider li .left-colum .year { display: inline-block; font-family: "Soho W01 Compressed"; font-size: 26px; padding-top: 3px; padding-bottom: 8px; border-bottom: 2px solid white; } .lt-ie8 #site-header #main-navi ul.nav-center .subnav-container .subnav-slider li .left-colum .year { display: inline; zoom: 1; vertical-align: auto; } #site-header #main-navi ul.nav-center .subnav-container .subnav-slider li .right-colum { width: 347px; } #site-header #main-navi ul.nav-center .subnav-container .subnav-slider li .right-colum .content { padding-bottom: 20px; padding-top: 20px; border-bottom: 1px solid rgba(255, 255, 255, 0.1); *zoom: 1; cursor: pointer; } #site-header #main-navi ul.nav-center .subnav-container .subnav-slider li .right-colum .content:after { content: ""; display: table; clear: both; } #site-header #main-navi ul.nav-center .subnav-container .subnav-slider li .right-colum .content:hover .right-content .title { color: #f39a0f; } .lt-ie9 #site-header #main-navi ul.nav-center .subnav-container .subnav-slider li .right-colum .content { border-bottom: 1px solid #191817; } #site-header #main-navi ul.nav-center .subnav-container .subnav-slider li .right-colum .content:last-child { border-bottom: none; } #site-header #main-navi ul.nav-center .subnav-container .subnav-slider li .right-colum .content:first-child { padding-top: 0; } #site-header #main-navi ul.nav-center .subnav-container .subnav-slider li .right-colum .content .left-content, #site-header #main-navi ul.nav-center .subnav-container .subnav-slider li .right-colum .content .right-content { float: left; } #site-header #main-navi ul.nav-center .subnav-container .subnav-slider li .right-colum .content .left-content { margin-right: 10px; } #site-header #main-navi ul.nav-center .subnav-container .subnav-slider li .right-colum .content .left-content img { max-width: 86px; max-height: 65px; display: block; } #site-header #main-navi ul.nav-center .subnav-container .subnav-slider li .right-colum .content .right-content { width: 250px; } #site-header #main-navi ul.nav-center .subnav-container .subnav-slider li .right-colum .content .right-content .place { font-family: "Soho W01 Regular"; font-size: 11.3px; text-transform: uppercase; line-height: 11.3px; margin-bottom: 6px; } #site-header #main-navi ul.nav-center .subnav-container .subnav-slider li .right-colum .content .right-content .title { font-family: "Soho W01 Medium"; font-size: 13px; text-transform: uppercase; line-height: 15px; display: block; margin-bottom: 4px; text-indent: 1px; white-space: normal; background: none; float: none; width: auto; height: auto; } #site-header #main-navi ul.nav-center .subnav-container .subnav-slider li .right-colum .content .right-content p { font-family: "Soho W01 Regular"; color: white; font-size: 11.3px; line-height: 15.3px; margin-bottom: 0; } #site-header #main-navi ul.nav-center .subnav-container .subnav-slider li .right-colum.info { width: 336px; } #site-header #main-navi ul.nav-center .subnav-container .subnav-info { padding: 15px; cursor: pointer; } #site-header #main-navi ul.nav-center .subnav-container .subnav-info .subnav-info-rgt { position: relative; display: block; margin-top: 5px; text-align: left; font-family: "Soho W01 Medium"; color: #999999; font-size: 11.3px; line-height: 17.3px; } #site-header #main-navi ul.nav-center .subnav-container .subnav-info .subnav-info-rgt .icon { background-position: 0 -2136px; height: 9px; width: 10px; display: inline-block; vertical-align: baseline; margin-left: 5px; position: relative; top: 1px; } .lt-ie8 #site-header #main-navi ul.nav-center .subnav-container .subnav-info .subnav-info-rgt .icon { display: inline; zoom: 1; vertical-align: auto; } #site-header #main-navi ul.nav-center .subnav-container .subnav-info .subnav-info-rgt:hover { color: #f39a0f; } #site-header #main-navi ul.nav-center .subnav-container .subnav-info .subnav-info-rgt:hover .icon { background-position: 0 -2093px; height: 9px; width: 10px; } #teaser-block { position: relative; } #teaser-block .teaser-box { overflow: hidden; } #teaser-block .fullscreen-box { height: 100%; overflow: hidden; } #teaser-block .fullscreen-box #loading { z-index: -1; position: absolute; top: 150px; left: 50%; display: block; height: 100%; width: 100%; } #teaser-block .fullscreen-box #loading span.ico { background: transparent url('../images/textures/alpine_preloader.png') no-repeat left top; display: block; width: 286px; height: 311px; margin-left: -143px; } #teaser-block .fullscreen-box #back { background-position: 0 -2618px; height: 39px; width: 40px; position: absolute; z-index: 5; right: 30px; top: 145px; cursor: pointer; } #teaser-block .fullscreen-box #back:hover { background-position: 0 -1911px; height: 39px; width: 40px; } #teaser-block .fullscreen-box .logo { background-position: 0 -1033px; height: 133px; width: 209px; position: absolute; bottom: 5px; left: 60px; z-index: 5; } #teaser-block .fullscreen-box .logo.thomas { background-position: 0 -1390px; height: 99px; width: 225px; left: 42px; } #teaser-block .fullscreen-box .logo.alex { background-position: 0 -1290px; height: 95px; width: 198px; left: 65px; } #teaser-block .fullscreen-box .slide-navigation { position: absolute; right: 0; width: 20px; padding: 5px; top: 50%; z-index: 3; background-color: black; -webkit-box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.5); box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.5); -webkit-border-radius: 4px 0 0 4px; -moz-border-radius: 4px 0 0 4px; -o-border-radius: 4px 0 0 4px; border-radius: 4px 0 0 4px; } #teaser-block .fullscreen-box .slide-navigation a { display: block; margin: auto; } #teaser-block .fullscreen-box .slide-navigation a.prev { background-position: 0 -4531px; height: 8px; width: 15px; margin-bottom: 5px; } #teaser-block .fullscreen-box .slide-navigation a.prev:hover { background-position: 0 -4420px; height: 8px; width: 15px; } #teaser-block .fullscreen-box .slide-navigation a.prev.disabled { background-position: 0 -4463px; height: 8px; width: 15px; cursor: default; } #teaser-block .fullscreen-box .slide-navigation a.next { background-position: 0 -4476px; height: 8px; width: 15px; margin-top: 5px; } #teaser-block .fullscreen-box .slide-navigation a.next:hover { background-position: 0 -4337px; height: 8px; width: 15px; } #teaser-block .fullscreen-box .slide-navigation a.next.disabled { background-position: 0 -4450px; height: 8px; width: 15px; cursor: default; } #teaser-block .fullscreen-box .slide-navigation .line { background-color: white; display: block; height: 1px; width: 100%; margin: 5px auto 5px auto; } #teaser-block .fullscreen-box .slide-navigation .current, #teaser-block .fullscreen-box .slide-navigation .max { text-align: center; font-family: "Soho W01 Medium"; font-size: 12.3px; } #teaser-block .fullscreen-box .slide-navigation .current { margin-top: 8px; } #teaser-block .fullscreen-box .slide-navigation .max { margin-bottom: 8px; } #teaser-block .fullscreen-box .alpine_hotspots { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } #teaser-block .fullscreen-box .alpine_hotspots .hotspot_layer { width: 100%; height: 100%; display: none; } #teaser-block .fullscreen-box .alpine_hotspots .hotspot_layer .alpine_hotspot { position: absolute; background-position: 0 -1729px; height: 40px; width: 40px; z-index: 99; cursor: pointer; } #teaser-block .fullscreen-box .alpine_hotspots .hotspot_layer .alpine_hotspot:hover { background-position: 0 -1587px; height: 40px; width: 40px; } #teaser-block .fullscreen-box .alpine_hotspots .hotspot_layer .alpine_hotspot.pos_1 { top: 24%; left: 12%; margin-top: 15px; } #teaser-block .fullscreen-box .alpine_hotspots .hotspot_layer .alpine_hotspot.pos_2 { top: 24%; left: 37%; margin-top: 15px; } #teaser-block .fullscreen-box .alpine_hotspots .hotspot_layer .alpine_hotspot.pos_3 { top: 24%; left: 62%; margin-left: 25px; margin-top: 15px; } #teaser-block .fullscreen-box .alpine_hotspots .hotspot_layer .alpine_hotspot.pos_4 { top: 24%; left: 87%; margin-left: -25px; margin-top: 25px; } #teaser-block .fullscreen-box .alpine_hotspots .hotspot_layer .alpine_hotspot.pos_5 { top: 40%; left: 12%; margin-left: 25px; margin-top: -25px; } #teaser-block .fullscreen-box .alpine_hotspots .hotspot_layer .alpine_hotspot.pos_6 { top: 40%; left: 37%; margin-left: -25px; margin-top: 25px; } #teaser-block .fullscreen-box .alpine_hotspots .hotspot_layer .alpine_hotspot.pos_7 { top: 40%; left: 62%; margin-left: 25px; } #teaser-block .fullscreen-box .alpine_hotspots .hotspot_layer .alpine_hotspot.pos_8 { top: 40%; left: 87%; margin-left: -12px; margin-top: 12px; } #teaser-block .fullscreen-box .alpine_hotspots .hotspot_layer .alpine_hotspot.pos_9 { top: 60%; left: 12%; margin-left: -25px; margin-top: -25px; } #teaser-block .fullscreen-box .alpine_hotspots .hotspot_layer .alpine_hotspot.pos_10 { top: 60%; left: 37%; margin-left: 25px; margin-top: 25px; } #teaser-block .fullscreen-box .alpine_hotspots .hotspot_layer .alpine_hotspot.pos_11 { top: 60%; left: 62%; } #teaser-block .fullscreen-box .alpine_hotspots .hotspot_layer .alpine_hotspot.pos_12 { top: 60%; left: 87%; margin-left: 12px; margin-top: 25px; } #teaser-block .fullscreen-box .alpine_hotspots .hotspot_layer .alpine_hotspot.pos_13 { top: 83%; left: 12%; } #teaser-block .fullscreen-box .alpine_hotspots .hotspot_layer .alpine_hotspot.pos_14 { top: 83%; left: 37%; margin-left: -12px; margin-top: -12px; } #teaser-block .fullscreen-box .alpine_hotspots .hotspot_layer .alpine_hotspot.pos_15 { top: 83%; left: 62%; margin-left: 25px; } #teaser-block .fullscreen-box .alpine_hotspots .hotspot_layer .alpine_hotspot.pos_16 { top: 83%; left: 87%; margin-top: 25px; } #teaser-block .fullscreen-box .textlayer { background: transparent url('../images/textures/fff-95.png') repeat left top; width: 450px; position: absolute; height: 100%; left: 45px; top: 121px; z-index: 5; overflow: hidden; overflow-x: hidden; display: none; } #teaser-block .fullscreen-box .textlayer.autoscroll { overflow-y: auto; overflow-x: hidden; } #teaser-block .fullscreen-box .textlayer .jspHorizontalBar { display: none; } #teaser-block .fullscreen-box .textlayer .jspVerticalBar { background: none; right: 2px; } #teaser-block .fullscreen-box .textlayer .jspVerticalBar .jspCapTop { display: block; height: 80px; } #teaser-block .fullscreen-box .textlayer .jspVerticalBar .jspCapBottom { display: block; height: 120px; } #teaser-block .fullscreen-box .textlayer .jspVerticalBar .jspTrack { width: 10px; border: none; background: rgba(0, 0, 0, 0.1); border-radius: 3px; right: 2px; } #teaser-block .fullscreen-box .textlayer .jspVerticalBar .jspDrag { width: 8px; border: none; background-color: rgba(153, 153, 153, 0.5); border-radius: 3px; margin-left: 1px; } #teaser-block .fullscreen-box .textlayer .jspVerticalBar .jspDrag:hover { background: rgba(243, 154, 15, 0.7); } #teaser-block .fullscreen-box .textlayer .scrollInner { overflow-x: hidden; width: 450px; } #teaser-block .fullscreen-box .textlayer .scrollInner .line-dark { background: transparent url('../images/textures/line-dark.png') repeat-x left top; height: 4px; width: auto; margin: 10px 30px; } #teaser-block .fullscreen-box .textlayer .scrollInner .line-dark.last { padding-bottom: 90px; } #teaser-block .fullscreen-box .textlayer .scrollInner #text-sign { width: 450px; margin: auto; position: relative; margin-bottom: 10px; } #teaser-block .fullscreen-box .textlayer .scrollInner #text-sign img { display: block; margin-top: 10px; margin-bottom: 5px; float: left; } #teaser-block .fullscreen-box .textlayer .scrollInner #text-sign .line-dark.half { width: 139px; margin-top: 66px; } #teaser-block .fullscreen-box .textlayer .scrollInner #text-sign .line-dark.half.imgleft { margin-right: 5px; float: left; } #teaser-block .fullscreen-box .textlayer .scrollInner #text-sign .line-dark.half.imgright { margin-left: 5px; float: right; } #teaser-block .fullscreen-box .textlayer .scrollInner #text-headline { font-family: "Soho W01 Medium"; color: #333333; font-size: 20px; text-transform: uppercase; line-height: 22px; text-align: center; margin-bottom: 20px; } #teaser-block .fullscreen-box .textlayer .scrollInner #text-map img { display: block; margin: auto; margin-top: 0; margin-bottom: 5px; } #teaser-block .fullscreen-box .textlayer .scrollInner #text-location { font-family: "Soho W01 Medium"; color: #333333; font-size: 12.3px; text-transform: uppercase; line-height: 25px; text-align: center; } #teaser-block .fullscreen-box .textlayer .scrollInner #text-content { width: 400px; margin: 20px 30px; font-family: "Soho W01 Medium"; color: #333333; } #teaser-block .fullscreen-box .textlayer .scrollInner #text-content .toggleIcon { text-indent: 100%; white-space: nowrap; overflow: hidden; } #teaser-block .fullscreen-box .textlayer .scrollInner #text-content .toggleIcon.closed { top: 2px; } #teaser-block .fullscreen-box .textlayer .scrollInner #text-content .toggleHeadline { font-family: "Soho W01 Medium"; color: #999999; font-size: 13px; text-transform: uppercase; padding-left: 15px; cursor: pointer; margin-top: 8px; position: relative; display: inline-block; vertical-align: middle; } .lt-ie8 #teaser-block .fullscreen-box .textlayer .scrollInner #text-content .toggleHeadline { display: inline; zoom: 1; vertical-align: auto; } #teaser-block .fullscreen-box .textlayer .scrollInner #text-content .toggleHeadline .toggleIcon { background-position: 0 -4514px; height: 12px; width: 12px; text-indent: 100%; white-space: nowrap; overflow: hidden; display: inline-block; position: absolute; left: 0; top: 2px; } .lt-ie8 #teaser-block .fullscreen-box .textlayer .scrollInner #text-content .toggleHeadline .toggleIcon { display: inline; zoom: 1; vertical-align: auto; } #teaser-block .fullscreen-box .textlayer .scrollInner #text-content .toggleHeadline:hover { color: #f39a0f; } #teaser-block .fullscreen-box .textlayer .scrollInner #text-content .toggleHeadline:hover .toggleIcon { background-position: 0 -4433px; height: 12px; width: 12px; } #teaser-block .fullscreen-box .textlayer .scrollInner #text-content .toggleHeadline.opened { color: #f39a0f; } #teaser-block .fullscreen-box .textlayer .scrollInner #text-content .toggleHeadline.opened .toggleIcon { background-position: 0 -4544px; height: 12px; width: 12px; } #teaser-block .fullscreen-box .textlayer .scrollInner #text-content .pointborder { font-family: "Soho W01 Medium"; color: #333333; font-size: 12.3px; letter-spacing: 1px; line-height: 22px; height: 20px; overflow: hidden; } #teaser-block .fullscreen-box .textlayer .scrollInner #text-content .toggleContent .inner { padding-left: 20px; margin-top: 20px; margin-bottom: 40px; } #teaser-block .fullscreen-box .textlayer .scrollInner #text-content .toggleContent .inner strong, #teaser-block .fullscreen-box .textlayer .scrollInner #text-content .toggleContent .inner b { font-family: "Soho W01 Medium"; font-weight: normal; } #teaser-block .fullscreen-box .textlayer .scrollInner #text-content .toggleContent .inner h3 { font-family: "Soho W01 Medium"; color: #333333; font-size: 16px; text-transform: uppercase; line-height: 18px; margin: 0; } #teaser-block .fullscreen-box .textlayer .scrollInner #text-content .toggleContent .inner h4 { font-family: "Soho W01 Medium"; color: #333333; font-size: 13px; text-transform: uppercase; line-height: 15px; margin: 0; } #teaser-block .fullscreen-box .textlayer .scrollInner #text-content .toggleContent .inner p { font-family: "Soho W01 Regular"; font-weight: normal; color: #333333; font-size: 12.3px; line-height: 18.3px; margin: 0; } #teaser-block .fullscreen-box .textlayer .scrollInner #text-content .toggleContent .inner p strong { font-family: "Soho W01 Medium"; font-weight: normal; } #teaser-block .fullscreen-box .textlayer .scrollInner #text-content .toggleContent .inner p em { font-family: "Soho W01 Medium Italic"; font-style: normal; } #teaser-block .fullscreen-box .textlayer .scrollInner #text-content .toggleContent .inner img.floatleft { float: left; padding-right: 10px; } #teaser-block .fullscreen-box .textlayer .scrollInner #text-content .toggleContent .inner img.floatright { float: right; padding-left: 10px; } #teaser-block .fullscreen-box .textlayer .scrollInner #text-content .toggleContent .inner table.listtable { margin: 0; padding: 0; width: 100%; } #teaser-block .fullscreen-box .textlayer .scrollInner #text-content .toggleContent .inner table.listtable tr { vertical-align: top; } #teaser-block .fullscreen-box .textlayer .scrollInner #text-content .toggleContent .inner table.listtable tr td { font-family: "Soho W01 Regular"; color: #333333; font-size: 12.3px; line-height: 16.3px; vertical-align: top; text-align: left; padding-bottom: 5px; } #teaser-block .fullscreen-box .textlayer .scrollInner #text-content .toggleContent .inner table.listtable tr td.leftcell { width: 30%; } #teaser-block .fullscreen-box .textlayer .scrollInner #text-content .toggleContent .inner table.listtable tr td strong { font-family: "Soho W01 Medium"; font-weight: normal; line-height: 16.3px; } #teaser-block .fullscreen-box .textlayer .scrollInner #text-content .toggleContent .inner table.listtable tr td em { font-family: "Soho W01 Medium Italic"; font-style: normal; font-weight: normal; } #teaser-block .fullscreen-box .textlayer .scrollInner #text-content .toggleContent .inner table.listtable tr td a { display: inline; padding-top: 0; } #teaser-block .fullscreen-box .textlayer .scrollInner #text-content .toggleContent .inner a { font-family: "Soho W01 Regular"; color: #999999; font-size: 12.3px; line-height: 16.3px; display: block; margin-top: 5px; } #teaser-block .fullscreen-box .textlayer .scrollInner #text-content .toggleContent .inner a:hover { color: #f39a0f; } #teaser-block .fullscreen-box .textlayer .scrollInner #text-content .toggleContent .inner a.fb { padding: 0; } #teaser-block .fullscreen-box .textlayer .scrollInner #text-content .toggleContent .inner a.fb img { padding-top: 5px; } #teaser-block .fullscreen-box .textlayer .scrollInner #text-content .toggleContent .inner .topo_insert { margin-bottom: 20px; } #teaser-block .fullscreen-box .textlayer .scrollInner #text-content .toggleContent .inner .topo_insert .info .subheadline { color: #333333; } #teaser-block #teaser-textcontent { position: absolute; z-index: 3; bottom: 50px; width: 100%; text-align: center; display: none; } #teaser-block #teaser-textcontent .text1 { font-family: "Soho W01 Medium"; color: white; font-size: 16px; text-transform: uppercase; letter-spacing: 0.2px; line-height: 17.8px; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); opacity: 0.5; } #teaser-block #teaser-textcontent .text2 { font-family: "Soho W01 Regular"; color: white; font-size: 12.3px; line-height: 18.3px; margin-top: 5px; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); opacity: 0.5; } #teaser-block #teaser-caption { position: absolute; z-index: 3; bottom: 140px; width: 100%; text-align: center; display: none; } #teaser-block #teaser-caption h2 { font-family: "Soho W01 Bold"; font-size: 30px; margin-bottom: 0; } #teaser-block #teaser-caption h2.big { display: inline-block; font-size: 60px; margin-bottom: 10px; border-bottom: 1px solid white; padding-bottom: 20px; } .lt-ie8 #teaser-block #teaser-caption h2.big { display: inline; zoom: 1; vertical-align: auto; } #teaser-block #teaser-caption p.subtext { font-family: "Soho W01 Medium"; font-size: 12px; text-align: left; padding: 0 80px; } #teaser-block #teaser-caption .alpine-title { font-family: "Soho W01 Bold"; font-size: 60px; display: inline-block; margin-bottom: 0; border-bottom: 1px solid white; padding-bottom: 10px; display: none; } .lt-ie8 #teaser-block #teaser-caption .alpine-title { display: inline; zoom: 1; vertical-align: auto; } #teaser-block #teaser-caption .alpine-subtitle { font-family: "Soho W01 Bold"; font-size: 40px; margin-bottom: 10px; display: none; } #teaser-block #teaser-caption .alpine-coords { font-family: "Soho W01 Medium"; font-size: 17px; text-align: center; padding: 0 80px; display: none; } #teaser-block #teaser-caption.pos-middle { bottom: 260px; } #teaser-block #teaser-caption.pos-top { bottom: 400px; } #teaser-block #teaser-caption.layout1 h2 .teaser-title { font-size: 40px; margin-bottom: 35px; } #teaser-block #teaser-caption.layout1 h2 .teaser-subtitle { font-size: 40px; } #teaser-block #teaser-caption.layout1 h2 .teaser-subtitle.big { font-size: 60px; padding-bottom: 20px; } #teaser-block #teaser-caption.layout2 { bottom: 300px; } #teaser-block #teaser-caption.layout2 h2 .teaser-title { font-size: 40px; margin-bottom: 35px; } #teaser-block #teaser-caption.layout2 h2 .teaser-subtitle { font-size: 40px; } #teaser-block #teaser-caption.layout2 h2 .teaser-subtitle.big { font-size: 60px; padding-bottom: 20px; } #teaser-block #play-video a { background-position: 0 -1135px; height: 64px; width: 64px; margin: auto; margin-top: 0; margin-left: -32px; position: absolute; z-index: 5; top: 50%; left: 50%; cursor: pointer; } #teaser-block #play-video a:hover { background-position: 0 -1066px; height: 64px; width: 64px; } #teaser-block #hidden-menu { position: relative; } #teaser-block #hidden-menu #content-slider-wrapper { position: absolute; left: 0px; overflow: hidden; z-index: 20; max-width: 100%; -webkit-box-shadow: 0 -2px 3px 0px rgba(0, 0, 0, 0.8); -moz-box-shadow: 0 -2px 3px 0px rgba(0, 0, 0, 0.8); box-shadow: 0 -2px 3px 0px rgba(0, 0, 0, 0.8); } #teaser-block #hidden-menu #content-slider-container { background: url('../images/textures/body.jpg'); } #teaser-block #hidden-menu #content-slider { height: 110px; background: url('../images/textures/body.jpg'); } #teaser-block #hidden-menu #content-slider li { *zoom: 1; width: 310px; height: 95px; padding: 10px 9px 10px 10px; border-right: 1px solid #1d1c1b; opacity: 0.5; } #teaser-block #hidden-menu #content-slider li:after { content: ""; display: table; clear: both; } #teaser-block #hidden-menu #content-slider li:last-child, #teaser-block #hidden-menu #content-slider li.last { border-right: none; border-left: none; } #teaser-block #hidden-menu #content-slider li.disablehover { opacity: 1; } #teaser-block #hidden-menu #content-slider li .image-box, #teaser-block #hidden-menu #content-slider li .content { float: left; } #teaser-block #hidden-menu #content-slider li .image-box { margin-right: 10px; height: 65px; width: 100px; overflow: hidden; cursor: pointer; } #teaser-block #hidden-menu #content-slider li .image-box img { height: 65px; width: 100px; } #teaser-block #hidden-menu #content-slider li .content { width: 200px; } #teaser-block #hidden-menu #content-slider li .content .media-tv, #teaser-block #hidden-menu #content-slider li .content .media-music, #teaser-block #hidden-menu #content-slider li .content .media-photo { text-indent: 100%; white-space: nowrap; overflow: hidden; } #teaser-block #hidden-menu #content-slider li .content .date { font-family: "Soho W01 Regular"; color: white; font-size: 11.3px; position: relative; padding-left: 25px; padding-bottom: 4px; position: relative; position: relative; position: relative; } #teaser-block #hidden-menu #content-slider li .content .date span.media-tv { position: absolute; display: block; top: -3px; left: 0.1px; background-position: 0 -4108px; height: 18px; width: 20px; } #teaser-block #hidden-menu #content-slider li .content .date span.media-music { position: absolute; display: block; top: -3px; left: 0.1px; background-position: 0 -3748px; height: 17px; width: 20px; } #teaser-block #hidden-menu #content-slider li .content .date span.media-photo { position: absolute; display: block; top: -3px; left: 0.1px; background-position: 0 -3804px; height: 16px; width: 20px; } #teaser-block #hidden-menu #content-slider li .content .title { font-family: "Soho W01 Medium"; font-size: 11.3px; text-transform: uppercase; line-height: 13.3px; margin-bottom: 5px; } #teaser-block #hidden-menu #content-slider li .content .title a.active { color: #f39a0f; } #teaser-block #hidden-menu #content-slider li .content .category a { display: inline; font-size: 11.3px; } #teaser-block #hidden-menu #hidden-menu-footer { background: url('../images/textures/hidden-menu-repeat.png') repeat-x 0px -31px; height: 30px; position: relative; z-index: 30; top: -7px; margin-bottom: -7px; } #teaser-block #hidden-menu .hidden-menu-button { background: url('../images/textures/hidden-menu-buttonplace.png') no-repeat top center; height: 41px; width: 100px; position: absolute; bottom: 19px; left: 50%; margin-left: -50px; cursor: pointer; } #teaser-block #hidden-menu .hidden-menu-button .switch { text-indent: 100%; white-space: nowrap; overflow: hidden; margin: 20px auto 0 auto; cursor: pointer; } #teaser-block #hidden-menu .hidden-menu-button .switch.open { background-position: 0 -3533px; height: 16px; width: 31px; } #teaser-block #hidden-menu .hidden-menu-button .switch.open:hover, #teaser-block #hidden-menu .hidden-menu-button .switch.open.hover { background-position: 0 -3019px; height: 16px; width: 31px; } #teaser-block #hidden-menu .hidden-menu-button .switch.close { background-position: 0 -3477px; height: 16px; width: 31px; } #teaser-block #hidden-menu .hidden-menu-button .switch.close:hover, #teaser-block #hidden-menu .hidden-menu-button .switch.close.hover { background-position: 0 -2809px; height: 16px; width: 31px; } #teaser-block #hidden-menu.hm-singlefullscreen #hidden-menu-footer { height: 10px; margin-bottom: -20px; top: -20px; } .ipad.ios7 #teaser-block #hidden-menu.hm-singlefullscreen #hidden-menu-footer { margin-bottom: -40px; } #teaser-block #hidden-menu.hm-singlefullscreen .hidden-menu-button { bottom: -1px; margin-left: 0; left: 110px; } .ipad.ios7 #teaser-block #hidden-menu.hm-singlefullscreen .hidden-menu-button { bottom: 14px; } #teaser-block #hidden-menu.hm-singlefullscreen #content-slider-wrapper { position: absolute; left: 0px; overflow: hidden; z-index: 20; max-width: 100%; -webkit-box-shadow: 0 -2px 3px 0px rgba(0, 0, 0, 0.8); -moz-box-shadow: 0 -2px 3px 0px rgba(0, 0, 0, 0.8); box-shadow: 0 -2px 3px 0px rgba(0, 0, 0, 0.8); } #teaser-block #hidden-menu.hm-singlefullscreen #content-slider-container { background: url('../images/textures/body.jpg'); } #teaser-block #hidden-menu.hm-singlefullscreen #content-slider { height: 110px; background: url('../images/textures/body.jpg'); } #teaser-block #hidden-menu.hm-singlefullscreen #content-slider li { *zoom: 1; width: 190px; cursor: pointer; border-right: none; border-left: 1px solid #1d1c1b; } #teaser-block #hidden-menu.hm-singlefullscreen #content-slider li:after { content: ""; display: table; clear: both; } #teaser-block #hidden-menu.hm-singlefullscreen #content-slider li.disablehover { width: 100px; cursor: default; border-left: none; } #teaser-block #hidden-menu.hm-singlefullscreen #content-slider li .image-box { height: 40px; width: 60px; margin-top: 20px; } #teaser-block #hidden-menu.hm-singlefullscreen #content-slider li .image-box img { height: 40px; width: 60px; } #teaser-block #hidden-menu.hm-singlefullscreen #content-slider li .content { width: 120px; margin-top: 20px; } #teaser-block #hidden-menu.hm-singlefullscreen #content-slider li .content .hdate { font-family: "Soho W01 Regular"; color: white; font-size: 11.3px; letter-spacing: 1px; line-height: 13px; margin-bottom: 5px; } #teaser-block #hidden-menu.hm-singlefullscreen #content-slider li .content .htitle { font-family: "Soho W01 Medium"; color: #999999; font-size: 11.3px; text-transform: uppercase; line-height: 13.3px; position: relative; padding-left: 0; padding-bottom: 0; } #teaser-block #hidden-menu.hm-singlefullscreen #content-slider li.active, #teaser-block #hidden-menu.hm-singlefullscreen #content-slider li:hover { display: inline-block !important; } #teaser-block #hidden-menu.hm-singlefullscreen #content-slider li.active .htitle, #teaser-block #hidden-menu.hm-singlefullscreen #content-slider li:hover .htitle { color: #f39a0f; } #teaser-block #hidden-menu.hm-singlefullscreen #content-slider li.active { opacity: 1 !important; } #teaser-block #hidden-menu.hm-singlefullscreen #content-slider li .year, #teaser-block #hidden-menu.hm-singlefullscreen #content-slider li .name { font-family: "Soho W01 Compressed"; color: white; font-size: 20px; float: right; padding-left: 25px; border-bottom: 1px solid white; padding-bottom: 3px; position: relative; } #teaser-block #hidden-menu.hm-singlefullscreen #content-slider li .year span.media-photo, #teaser-block #hidden-menu.hm-singlefullscreen #content-slider li .name span.media-photo { position: absolute; display: block; top: 1px; left: 0.1px; background-position: 0 -3804px; height: 16px; width: 20px; } #teaser-block #hidden-menu.hm-singlefullscreen #content-slider li .name { font-size: 20px; text-transform: uppercase; } #teaser-block #hidden-menu.timetravel #content-slider-wrapper { display: block; } #teaser-block #hidden-menu.timetravel #content-slider-wrapper #content-slider-container #content-slider { margin-top: 10px; } #teaser-block #hidden-menu.timetravel #content-slider-wrapper #content-slider-container #content-slider li { position: relative; border: 0; opacity: 1; margin: 0 0 0 1px; padding: 0; vertical-align: top; background: url('../images/textures/timetravel_timeline.png') repeat-x scroll -3px 65px transparent; width: 124px; } #teaser-block #hidden-menu.timetravel #content-slider-wrapper #content-slider-container #content-slider li:hover, #teaser-block #hidden-menu.timetravel #content-slider-wrapper #content-slider-container #content-slider li.active { opacity: 1; } #teaser-block #hidden-menu.timetravel #content-slider-wrapper #content-slider-container #content-slider li.border-lft { background-position: 0 -2704px; height: 72px; width: 365px; width: 365px; vertical-align: top; border: 0; } #teaser-block #hidden-menu.timetravel #content-slider-wrapper #content-slider-container #content-slider li.border-rgt { background-position: 0 -2781px; height: 72px; width: 366px; width: 365px; vertical-align: top; border: 0; } #teaser-block #hidden-menu.timetravel #content-slider-wrapper #content-slider-container #content-slider li .top { height: 61px; border-left: 1px solid #4e4e4e; padding-left: 2px; position: relative; } #teaser-block #hidden-menu.timetravel #content-slider-wrapper #content-slider-container #content-slider li .top .items { position: absolute; height: 31px; } #teaser-block #hidden-menu.timetravel #content-slider-wrapper #content-slider-container #content-slider li .top .items div { height: 30px; display: inline-block; background-position: 0 -2714px; height: 30px; width: 39px; margin: 0; padding: 0; position: absolute; } .lt-ie8 #teaser-block #hidden-menu.timetravel #content-slider-wrapper #content-slider-container #content-slider li .top .items div { display: inline; zoom: 1; vertical-align: auto; } #teaser-block #hidden-menu.timetravel #content-slider-wrapper #content-slider-container #content-slider li .top .items div.lft { left: 0; } #teaser-block #hidden-menu.timetravel #content-slider-wrapper #content-slider-container #content-slider li .top .items div.mdl { left: 40px; } #teaser-block #hidden-menu.timetravel #content-slider-wrapper #content-slider-container #content-slider li .top .items div.rgt { left: 80px; margin: 0; } #teaser-block #hidden-menu.timetravel #content-slider-wrapper #content-slider-container #content-slider li .top .items div img { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); opacity: 0.5; } #teaser-block #hidden-menu.timetravel #content-slider-wrapper #content-slider-container #content-slider li .top .items div.active img, #teaser-block #hidden-menu.timetravel #content-slider-wrapper #content-slider-container #content-slider li .top .items div:hover img { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; } #teaser-block #hidden-menu.timetravel #content-slider-wrapper #content-slider-container #content-slider li .top .items div .infolayer { font-family: "Soho W01 Medium"; font-weight: normal; color: white; font-size: 11.3px; text-transform: uppercase; line-height: 15.3px; position: absolute; width: 215px; height: 51px; -webkit-box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.5); box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.5); background-color: #999999; background-color: rgba(153, 153, 153, 0.9); background-image: none; border: 1px solid #333333; z-index: 999; padding: 5px; top: 5px; left: 35px; display: none; } #teaser-block #hidden-menu.timetravel #content-slider-wrapper #content-slider-container #content-slider li .top .items div .infolayer span { font-family: "Soho W01 Medium"; font-weight: normal; color: #333333; font-size: 11.3px; text-transform: uppercase; line-height: 17.3px; display: block; margin-top: 3px; } #teaser-block #hidden-menu.timetravel #content-slider-wrapper #content-slider-container #content-slider li .top .items div .infolayer:hover { background: #f39a0f; background: -moz-linear-gradient(left, #a36503 0%, #f39a0f 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%, #a36503), color-stop(100%, #f39a0f)); background: -webkit-linear-gradient(left, #a36503 0%, #f39a0f 100%); background: -o-linear-gradient(left, #a36503 0%, #f39a0f 100%); background: -ms-linear-gradient(left, #a36503 0%, #f39a0f 100%); background: linear-gradient(to right, #a36503 0%, #f39a0f 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a36503', endColorstr='#f39a0f',GradientType=1 ); } #teaser-block #hidden-menu.timetravel #content-slider-wrapper #content-slider-container #content-slider li .top .items div:hover .infolayer { display: block; } #teaser-block #hidden-menu.timetravel #content-slider-wrapper #content-slider-container #content-slider li .top .items.row1 div { margin-bottom: 1px; } #teaser-block #hidden-menu.timetravel #content-slider-wrapper #content-slider-container #content-slider li .top .items.row2 { top: 31px; } #teaser-block #hidden-menu.timetravel #content-slider-wrapper #content-slider-container #content-slider li .bottom { text-align: center; margin-top: 20px; font-family: "Soho W01 Regular"; font-size: 14px; } #teaser-block #hidden-menu.timetravel #content-slider-wrapper #content-slider-container #content-slider li:hover .bottom, #teaser-block #hidden-menu.timetravel #content-slider-wrapper #content-slider-container #content-slider li.active .bottom { color: #dd7d00; } #teaser-block .active { display: block !important; } footer#explore { position: absolute; z-index: 10; bottom: 0; left: 0; height: 67px; width: 100%; } .ipad.ios7 footer#explore { bottom: 15px; } footer#explore .explore-left { background: transparent url('../images/textures/explore-footer-lft.png') no-repeat left top; position: absolute; height: 67px; left: 0; bottom: 0; width: 435px; } footer#explore .explore-right { background: transparent url('../images/textures/explore-footer.png') repeat-x left top; height: 100%; width: 100%; left: 435px; position: absolute; } footer#explore .explore-right ul.nav, footer#explore .explore-right ul.navbar { margin-left: -178px; position: relative; z-index: 2; } footer#explore .explore-right ul.nav li, footer#explore .explore-right ul.navbar li { *zoom: 1; display: inline-block; width: 60px; height: 43px; position: relative; float: left; margin-top: 24px; } footer#explore .explore-right ul.nav li:after, footer#explore .explore-right ul.navbar li:after { content: ""; display: table; clear: both; } .lt-ie8 footer#explore .explore-right ul.nav li, .lt-ie8 footer#explore .explore-right ul.navbar li { display: inline; zoom: 1; vertical-align: auto; } footer#explore .explore-right ul.nav li a, footer#explore .explore-right ul.navbar li a { text-indent: 100%; white-space: nowrap; overflow: hidden; text-indent: 110%; display: block; height: 40px; } footer#explore .explore-right ul.nav li a span, footer#explore .explore-right ul.navbar li a span { display: block; margin-left: 15px; margin-top: 7px; } footer#explore .explore-right ul.nav li a.media-text span, footer#explore .explore-right ul.navbar li a.media-text span { background-position: 0 -4489px; height: 20px; width: 24px; margin-top: 6px; } footer#explore .explore-right ul.nav li a.media-text.active span, footer#explore .explore-right ul.navbar li a.media-text.active span { background-position: 0 -3554px; height: 20px; width: 24px; } footer#explore .explore-right ul.nav li a.media-text:hover span, footer#explore .explore-right ul.navbar li a.media-text:hover span { background-position: 0 -4257px; height: 20px; width: 24px; } footer#explore .explore-right ul.nav li a.media-text:hover.active span, footer#explore .explore-right ul.navbar li a.media-text:hover.active span { background-position: 0 -2959px; height: 20px; width: 24px; } footer#explore .explore-right ul.nav li a.media-hotspots span, footer#explore .explore-right ul.navbar li a.media-hotspots span { background-position: 0 -2357px; height: 24px; width: 25px; margin-top: 5px; } footer#explore .explore-right ul.nav li a.media-hotspots.active span, footer#explore .explore-right ul.navbar li a.media-hotspots.active span { background-position: 0 -2175px; height: 24px; width: 25px; } footer#explore .explore-right ul.nav li a.media-hotspots.inactive, footer#explore .explore-right ul.navbar li a.media-hotspots.inactive { cursor: default; } footer#explore .explore-right ul.nav li a.media-hotspots.inactive span, footer#explore .explore-right ul.navbar li a.media-hotspots.inactive span { background-position: 0 -2328px; height: 24px; width: 25px; } footer#explore .explore-right ul.nav li a.media-hotspots:hover span, footer#explore .explore-right ul.navbar li a.media-hotspots:hover span { background-position: 0 -2022px; height: 24px; width: 25px; } footer#explore .explore-right ul.nav li a.media-hotspots:hover.active span, footer#explore .explore-right ul.navbar li a.media-hotspots:hover.active span { background-position: 0 -1955px; height: 24px; width: 25px; } footer#explore .explore-right ul.nav li a.media-hotspots:hover.inactive span, footer#explore .explore-right ul.navbar li a.media-hotspots:hover.inactive span { background-position: 0 -2328px; height: 24px; width: 25px; } footer#explore .explore-right ul.nav li a.media-tv span, footer#explore .explore-right ul.navbar li a.media-tv span { background-position: 0 -3977px; height: 25px; width: 31px; margin-top: 2px; margin-left: 12px; } footer#explore .explore-right ul.nav li a.media-tv.active span, footer#explore .explore-right ul.navbar li a.media-tv.active span { background-position: 0 -2726px; height: 25px; width: 31px; } footer#explore .explore-right ul.nav li a.media-tv.inactive, footer#explore .explore-right ul.navbar li a.media-tv.inactive { cursor: default; } footer#explore .explore-right ul.nav li a.media-tv.inactive span, footer#explore .explore-right ul.navbar li a.media-tv.inactive span { background-position: 0 -3913px; height: 25px; width: 31px; } footer#explore .explore-right ul.nav li a.media-tv:hover span, footer#explore .explore-right ul.navbar li a.media-tv:hover span { background-position: 0 -2929px; height: 25px; width: 31px; } footer#explore .explore-right ul.nav li a.media-tv:hover.active span, footer#explore .explore-right ul.navbar li a.media-tv:hover.active span { background-position: 0 -2080px; height: 25px; width: 31px; } footer#explore .explore-right ul.nav li a.media-tv:hover.inactive span, footer#explore .explore-right ul.navbar li a.media-tv:hover.inactive span { background-position: 0 -3913px; height: 25px; width: 31px; } footer#explore .explore-right .alpine_title { font-family: "Soho W01 Medium"; color: white; font-size: 14px; text-transform: uppercase; text-align: center; margin: 20px 0 0 0; cursor: default; left: -215px; position: relative; z-index: 1; } footer#explore .explore-right .alpine_title.active { cursor: pointer; } footer#explore .explore-right .alpine_title.active:hover { color: #f39a0f; } footer#explore .explore-right .alpine_title img { left: -5px; top: 1px; position: relative; } footer#explore ul.social { margin: 0; position: absolute; right: 40px; bottom: 9px; } footer#explore ul.social li { display: inline-block; } .lt-ie8 footer#explore ul.social li { display: inline; zoom: 1; vertical-align: auto; } #teaser-gradient { position: relative; } #teaser-gradient .teaser-gradient-inner { position: absolute; left: 0px; display: block; overflow: hidden; z-index: 4; width: 100%; height: 88px; top: -88px; background: url('../images/textures/body_gradient_top.png') repeat-x top center; } #infoarea { position: absolute; right: 40px; z-index: 5; width: 800px; text-align: right; opacity: 0; } #infoarea.news { bottom: 50px; } #infoarea.news .social { position: absolute; right: 15px; clear: none; float: none; display: block; } #infoarea.news .social.invisible { opacity: 0; } #infoarea.alpine { bottom: 90px; } #infoarea.hotspot { bottom: 35px; } #infoarea .infotext.invisible { visibility: hidden; } #infoarea .infotext .hotspot-info { font-family: "Soho W01 Regular"; color: #333333; font-size: 12.3px; line-height: 20.3px; background-color: white; padding: 2px 10px 3px 10px; margin-bottom: 1px; display: inline; clear: both; float: right; } #infoarea .infotext .hotspot-info strong, #infoarea .infotext .hotspot-info b { font-family: "Soho W01 Medium"; font-weight: normal; } #infoarea .opener { background-position: 0 -4131px; height: 31px; width: 31px; position: absolute; right: -20px; bottom: -19px; cursor: pointer; } #infoarea .opener:hover { background-position: 0 -3336px; height: 31px; width: 31px; } #infoarea .opener.active { background-position: 0 -4072px; height: 31px; width: 31px; } #infoarea .opener.active:hover { background-position: 0 -3040px; height: 31px; width: 31px; } #infoarea .opener.invisible { visibility: hidden; } #infoarea .social { margin-top: 10px; clear: both; float: right; } #infoarea .social .fb-share { width: 115px; display: inline-block; } .lt-ie8 #infoarea .social .fb-share { display: inline; zoom: 1; vertical-align: auto; } #infoarea .social .twitter-share { display: inline-block; } .lt-ie8 #infoarea .social .twitter-share { display: inline; zoom: 1; vertical-align: auto; } #fullscreen-slides.alpine { position: relative; } #fbbg { background: rgba(0, 0, 0, 0.75); position: absolute; z-index: 1001; overflow: hidden; width: 100%; height: 100%; top: 0; left: 0; display: none; cursor: pointer; } .videobox { display: none; position: absolute; z-index: 1002; top: 50%; left: 50%; width: 970px; height: 500px; margin-left: -485px; margin-top: -250px; background: black; -webkit-box-shadow: 0 0px 5px 2px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 0px 5px 2px rgba(0, 0, 0, 0.5); box-shadow: 0 0px 5px 2px rgba(0, 0, 0, 0.5); border-top: 1px solid #272727; border-bottom: 1px solid #272727; padding: 0; } .videobox .close { position: absolute; top: 10px; right: 10px; width: 30px; height: 30px; cursor: pointer; z-index: 1004; background-position: 0 -575px; height: 30px; width: 30px; } .videobox .close:hover { background-position: 0 -306px; height: 30px; width: 30px; } .videobox .video-container { margin: 20px 18px; vertical-align: top; display: inline-block; } .lt-ie8 .videobox .video-container { display: inline; zoom: 1; vertical-align: auto; } .videobox .video-container .title { font-family: "Soho W01 Medium"; color: #f39a0f; font-size: 16.8px; text-transform: uppercase; line-height: 18.8px; margin-top: 8px; } .videobox #videoscroller { display: inline-block; overflow: hidden; margin: 63px 5px 0 0; height: 420px; width: 270px; } .lt-ie8 .videobox #videoscroller { display: inline; zoom: 1; vertical-align: auto; } .videobox #videoscroller.autoscroll { overflow-y: auto; overflow-x: hidden; } .videobox #videoscroller .jspHorizontalBar { display: none; } .videobox #videoscroller .jspVerticalBar { background: none; right: 1px; } .videobox #videoscroller .jspVerticalBar .jspCapTop { display: block; height: 0px; } .videobox #videoscroller .jspVerticalBar .jspCapBottom { display: block; height: 20px; } .videobox #videoscroller .jspVerticalBar .jspTrack { width: 10px; border: none; background: rgba(255, 255, 255, 0.1); border-radius: 3px; right: 2px; } .videobox #videoscroller .jspVerticalBar .jspDrag { width: 8px; border: none; background-color: rgba(153, 153, 153, 0.5); border-radius: 3px; margin-left: 1px; } .videobox #videoscroller .jspVerticalBar .jspDrag:hover { background: rgba(243, 154, 15, 0.7); } .videobox #videoscroller ul.video-list li.video_entry { border-bottom: 1px solid #5f5a55; border-bottom: 1px solid rgba(95, 90, 85, 0.2); padding-bottom: 12px; margin-bottom: 20px; cursor: pointer; width: 270px; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); opacity: 0.5; } .videobox #videoscroller ul.video-list li.video_entry img { vertical-align: top; display: inline-block; } .lt-ie8 .videobox #videoscroller ul.video-list li.video_entry img { display: inline; zoom: 1; vertical-align: auto; } .videobox #videoscroller ul.video-list li.video_entry .video_info { margin-left: 10px; font-size: 12px; display: inline-block; } .lt-ie8 .videobox #videoscroller ul.video-list li.video_entry .video_info { display: inline; zoom: 1; vertical-align: auto; } .videobox #videoscroller ul.video-list li.video_entry .video_info .time { position: relative; padding-left: 25px; padding-top: 4px; margin-bottom: 0; } .videobox #videoscroller ul.video-list li.video_entry .video_info .time span.media-tv { position: absolute; display: block; bottom: 3px; left: 0.1px; background-position: 0 -4108px; height: 18px; width: 20px; } .videobox #videoscroller ul.video-list li.video_entry .video_info .title { font-family: "Soho W01 Medium"; color: #999999; font-size: 12px; text-transform: uppercase; line-height: 17px; margin-bottom: 0; width: 150px; } .videobox #videoscroller ul.video-list li.video_entry .video_info .copyright { margin: 0; } .videobox #videoscroller ul.video-list li.video_entry:hover, .videobox #videoscroller ul.video-list li.video_entry.active { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; } .videobox #videoscroller ul.video-list li.video_entry:hover .video_info .title, .videobox #videoscroller ul.video-list li.video_entry.active .video_info .title { color: #f39a0f; } #main-area { background: transparent; position: relative; z-index: 10; } #dates-news { position: relative; margin-top: 50px; margin-bottom: 50px; } #dates-news .column { margin-left: 4.4%; float: left; min-height: 1px; position: relative; } #dates-news .column:first-child { margin-left: 0; } #dates-news [class*="column"] + [class*="column"]:last-child { float: right; } #dates-news .row .col-1 { width: -0.05%; } .lt-ie8 #dates-news .row .col-1 { width: -0.061%; } #dates-news .row .col-2 { width: 4.3%; } .lt-ie8 #dates-news .row .col-2 { width: 4.289%; } #dates-news .row .col-3 { width: 8.65%; } .lt-ie8 #dates-news .row .col-3 { width: 8.639%; } #dates-news .row .col-4 { width: 13%; } .lt-ie8 #dates-news .row .col-4 { width: 12.989%; } #dates-news .row .col-5 { width: 17.35%; } .lt-ie8 #dates-news .row .col-5 { width: 17.339%; } #dates-news .row .col-6 { width: 21.7%; } .lt-ie8 #dates-news .row .col-6 { width: 21.689%; } #dates-news .row .col-7 { width: 26.05%; } .lt-ie8 #dates-news .row .col-7 { width: 26.039%; } #dates-news .row .col-8 { width: 30.4%; } .lt-ie8 #dates-news .row .col-8 { width: 30.389%; } #dates-news .row .col-9 { width: 34.75%; } .lt-ie8 #dates-news .row .col-9 { width: 34.739%; } #dates-news .row .col-10 { width: 39.1%; } .lt-ie8 #dates-news .row .col-10 { width: 39.089%; } #dates-news .row .col-11 { width: 43.45%; } .lt-ie8 #dates-news .row .col-11 { width: 43.439%; } #dates-news .row .col-12 { width: 47.8%; } .lt-ie8 #dates-news .row .col-12 { width: 47.789%; } #dates-news .row .col-13 { width: 52.15%; } .lt-ie8 #dates-news .row .col-13 { width: 52.139%; } #dates-news .row .col-14 { width: 56.5%; } .lt-ie8 #dates-news .row .col-14 { width: 56.489%; } #dates-news .row .col-15 { width: 60.85%; } .lt-ie8 #dates-news .row .col-15 { width: 60.839%; } #dates-news .row .col-16 { width: 65.2%; } .lt-ie8 #dates-news .row .col-16 { width: 65.189%; } #dates-news .row .col-17 { width: 69.55%; } .lt-ie8 #dates-news .row .col-17 { width: 69.539%; } #dates-news .row .col-18 { width: 73.9%; } .lt-ie8 #dates-news .row .col-18 { width: 73.889%; } #dates-news .row .col-19 { width: 78.25%; } .lt-ie8 #dates-news .row .col-19 { width: 78.239%; } #dates-news .row .col-20 { width: 82.6%; } .lt-ie8 #dates-news .row .col-20 { width: 82.589%; } #dates-news .row .col-21 { width: 86.95%; } .lt-ie8 #dates-news .row .col-21 { width: 86.939%; } #dates-news .row .col-22 { width: 91.3%; } .lt-ie8 #dates-news .row .col-22 { width: 91.289%; } #dates-news .row .col-23 { width: 95.65%; } .lt-ie8 #dates-news .row .col-23 { width: 95.639%; } #dates-news .row .col-24 { width: 100%; } .lt-ie8 #dates-news .row .col-24 { width: 99.989%; } #dates-news .row .offset-by-1 { margin-left: 8.75%; } #dates-news .row .offset-by-1:first-child { margin-left: 4.35%; } #dates-news .row .offset-by-2 { margin-left: 17.45%; } #dates-news .row .offset-by-2:first-child { margin-left: 8.7%; } #dates-news .row .offset-by-3 { margin-left: 26.15%; } #dates-news .row .offset-by-3:first-child { margin-left: 13.05%; } #dates-news .row .offset-by-4 { margin-left: 34.85%; } #dates-news .row .offset-by-4:first-child { margin-left: 17.4%; } #dates-news .row .offset-by-5 { margin-left: 43.55%; } #dates-news .row .offset-by-5:first-child { margin-left: 21.75%; } #dates-news .row .offset-by-6 { margin-left: 52.25%; } #dates-news .row .offset-by-6:first-child { margin-left: 26.1%; } #dates-news .row .offset-by-7 { margin-left: 60.95%; } #dates-news .row .offset-by-7:first-child { margin-left: 30.45%; } #dates-news .row .offset-by-8 { margin-left: 69.65%; } #dates-news .row .offset-by-8:first-child { margin-left: 34.8%; } #dates-news .row .offset-by-9 { margin-left: 78.35%; } #dates-news .row .offset-by-9:first-child { margin-left: 39.15%; } #dates-news .row .offset-by-10 { margin-left: 87.05%; } #dates-news .row .offset-by-10:first-child { margin-left: 43.5%; } #dates-news .row .offset-by-11 { margin-left: 95.75%; } #dates-news .row .offset-by-11:first-child { margin-left: 47.85%; } #dates-news .row .offset-by-12 { margin-left: 104.45%; } #dates-news .row .offset-by-12:first-child { margin-left: 52.2%; } #dates-news .row .offset-by-13 { margin-left: 113.15%; } #dates-news .row .offset-by-13:first-child { margin-left: 56.55%; } #dates-news .row .offset-by-14 { margin-left: 121.85%; } #dates-news .row .offset-by-14:first-child { margin-left: 60.9%; } #dates-news .row .offset-by-15 { margin-left: 130.55%; } #dates-news .row .offset-by-15:first-child { margin-left: 65.25%; } #dates-news .row .offset-by-16 { margin-left: 139.25%; } #dates-news .row .offset-by-16:first-child { margin-left: 69.6%; } #dates-news .row .offset-by-17 { margin-left: 147.95%; } #dates-news .row .offset-by-17:first-child { margin-left: 73.95%; } #dates-news .row .offset-by-18 { margin-left: 156.65%; } #dates-news .row .offset-by-18:first-child { margin-left: 78.3%; } #dates-news .row .offset-by-19 { margin-left: 165.35%; } #dates-news .row .offset-by-19:first-child { margin-left: 82.65%; } #dates-news .row .offset-by-20 { margin-left: 174.05%; } #dates-news .row .offset-by-20:first-child { margin-left: 87%; } #dates-news .row .offset-by-21 { margin-left: 182.75%; } #dates-news .row .offset-by-21:first-child { margin-left: 91.35%; } #dates-news .row .offset-by-22 { margin-left: 191.45%; } #dates-news .row .offset-by-22:first-child { margin-left: 95.7%; } #dates-news .row .offset-by-23:first-child { margin-left: 100.05%; } #dates-news .row .centered { float: none; margin: 0 auto; } #dates-news .hotspots-teaser { margin-bottom: 50px; } #dates-news .hotspots-teaser .hotspots .hotspot { display: none; } #dates-news .hotspots-teaser .hotspots .hotspot.first { display: block; } #dates-news .hotspots-teaser .hotspots .hotspot figure figcaption { display: none; } #dates-news .hotspots-teaser #hotspot-plus { background: transparent; position: absolute; z-index: 50; top: 7px; left: 204px; width: 250px; height: 250px; cursor: pointer; background: url('../images/textures/news-hotspot-plus.png') top left no-repeat; } #dates-news .hotspots-teaser #hotspot-plus:hover { background: url('../images/textures/news-hotspot-plus-hover.png') top left no-repeat; } #dates-news .hotspots-teaser #hotspots-desc { *zoom: 1; margin-bottom: 0; min-height: 52px; } #dates-news .hotspots-teaser #hotspots-desc:after { content: ""; display: table; clear: both; } #dates-news .hotspots-teaser #hotspots-desc .info { width: 400px; float: left; } #dates-news .hotspots-teaser #hotspots-desc .info .title { font-family: "Soho W01 Medium"; color: #8f0000; font-size: 13px; text-transform: uppercase; line-height: 15px; } #dates-news .hotspots-teaser #hotspots-desc .info .desc .text { font-family: "Soho W01 Regular"; color: white; font-size: 12.3px; line-height: 16.3px; text-align: justify; display: inline; } #dates-news .hotspots-teaser #hotspots-desc .info .desc .text strong { font-family: "Soho W01 Medium"; font-weight: normal; } #dates-news .hotspots-teaser #hotspots-desc .info .desc .more { font-family: "Soho W01 Regular"; color: #e1e1e1; font-size: 12.3px; line-height: 16.3px; margin-left: 5px; cursor: pointer; display: inline; } #dates-news .hotspots-teaser #hotspots-desc .info .desc .more:hover { color: #8f0000; } #dates-news .hotspots-teaser #hotspots-desc .hotspot-nav { float: right; width: 200px; margin-top: 15px; } #dates-news .hotspots-teaser #hotspots-desc .hotspot-nav .slide-prev, #dates-news .hotspots-teaser #hotspots-desc .hotspot-nav .slide-next { position: absolute; cursor: pointer; } #dates-news .hotspots-teaser #hotspots-desc .hotspot-nav .slide-prev { right: 80px; background-position: 0 -2368px; height: 21px; width: 21px; } #dates-news .hotspots-teaser #hotspots-desc .hotspot-nav .slide-prev:hover { background-position: 0 -2257px; height: 21px; width: 21px; } #dates-news .hotspots-teaser #hotspots-desc .hotspot-nav .slide-next { right: 0px; background-position: 0 -2342px; height: 21px; width: 21px; } #dates-news .hotspots-teaser #hotspots-desc .hotspot-nav .slide-next:hover { background-position: 0 -2231px; height: 21px; width: 21px; } #dates-news .hotspots-teaser #hotspots-desc .hotspot-nav .slide-position { font-family: "Soho W01 Regular"; font-size: 12px; line-height: 20.8px; position: absolute; right: 28px; width: 45px; text-align: center; } #dates-news #news-header { position: relative; position: relative; margin-bottom: 50px; } #dates-news #news-header span.map { position: absolute; display: block; top: 11px; left: 0.1px; background-position: 0 -774px; height: 50px; width: 88px; } #dates-news #news-header .title { font-family: "Soho W01 Regular"; font-weight: normal; color: #8f0000; font-size: 24px; text-transform: uppercase; line-height: 45px; margin-left: 95px; display: inline; } #dates-news #news-header .border { position: absolute; width: 530px; margin-left: 95px; top: 40px; } #dates-news #news-header .border .border1 { height: 3px; margin-bottom: 2px; margin-top: 0; padding-top: 0; background: #4b0101; background: -moz-linear-gradient(left, #8f0000 0%, #4b0101 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%, #8f0000), color-stop(100%, #4b0101)); background: -webkit-linear-gradient(left, #8f0000 0%, #4b0101 100%); background: -o-linear-gradient(left, #8f0000 0%, #4b0101 100%); background: -ms-linear-gradient(left, #8f0000 0%, #4b0101 100%); background: linear-gradient(to right, #8f0000 0%, #4b0101 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8f0000', endColorstr='#4b0101',GradientType=1 ); } #dates-news #news-header .border .border2 { height: 1px; margin-top: 0; padding-top: 0; background: #4b0101; background: -moz-linear-gradient(left, #8f0000 0%, #4b0101 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%, #8f0000), color-stop(100%, #4b0101)); background: -webkit-linear-gradient(left, #8f0000 0%, #4b0101 100%); background: -o-linear-gradient(left, #8f0000 0%, #4b0101 100%); background: -ms-linear-gradient(left, #8f0000 0%, #4b0101 100%); background: linear-gradient(to right, #8f0000 0%, #4b0101 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8f0000', endColorstr='#4b0101',GradientType=1 ); } #dates-news #news-wrapper { position: relative; margin-bottom: 40px; } #dates-news #news-wrapper .newsitem { background: transparent url('../images/textures/fff-20.png') repeat top left; position: relative; width: 300px; display: inline-block; vertical-align: top; margin-bottom: 10px; } .lt-ie8 #dates-news #news-wrapper .newsitem { display: inline; zoom: 1; vertical-align: auto; } #dates-news #news-wrapper .newsitem.odd { margin-left: 25px; } #dates-news #news-wrapper .newsitem .news-inner { padding: 10px; } #dates-news #news-wrapper .newsitem .news-inner .slideshow-wrapper { position: relative; } #dates-news #news-wrapper .newsitem .news-inner .slideshow { margin: 0 auto 10px auto; } #dates-news #news-wrapper .newsitem .news-inner .slideshow a { display: none; } #dates-news #news-wrapper .newsitem .news-inner .slideshow a.first { display: block; } #dates-news #news-wrapper .newsitem .news-inner .slideshow-button { position: absolute; top: 68px; left: 105px; display: none; z-index: 99; } #dates-news #news-wrapper .newsitem .news-inner .slideshow-button.media-tv { background-position: 0 -1365px; height: 64px; width: 64px; cursor: pointer; } #dates-news #news-wrapper .newsitem .news-inner .slideshow-button.media-tv:hover, #dates-news #news-wrapper .newsitem .news-inner .slideshow-button.media-tv.hover { background-position: 0 -1066px; height: 64px; width: 64px; } #dates-news #news-wrapper .newsitem .news-inner .slideshow-button.media-tv.show { display: block; } #dates-news #news-wrapper .newsitem .news-inner .slideshow-button.media-photo { background-position: 0 -1860px; height: 64px; width: 64px; cursor: pointer; } #dates-news #news-wrapper .newsitem .news-inner .slideshow-button.media-photo:hover, #dates-news #news-wrapper .newsitem .news-inner .slideshow-button.media-photo.hover { background-position: 0 -1659px; height: 64px; width: 64px; } #dates-news #news-wrapper .newsitem .news-inner .slideshow-button.media-photo.show { display: block; } #dates-news #news-wrapper .newsitem .news-inner .media-tv, #dates-news #news-wrapper .newsitem .news-inner .media-music, #dates-news #news-wrapper .newsitem .news-inner .media-photo { text-indent: 100%; white-space: nowrap; overflow: hidden; } #dates-news #news-wrapper .newsitem .news-inner .date { font-family: "Soho W01 Regular"; color: white; font-size: 12.3px; line-height: 12.3px; position: relative; padding-left: 25px; padding-bottom: 4px; position: relative; position: relative; position: relative; } #dates-news #news-wrapper .newsitem .news-inner .date span.media-tv { position: absolute; display: block; top: -5px; left: 0.1px; background-position: 0 -4108px; height: 18px; width: 20px; } #dates-news #news-wrapper .newsitem .news-inner .date span.media-music { position: absolute; display: block; top: -3px; left: 0.1px; background-position: 0 -3748px; height: 17px; width: 20px; } #dates-news #news-wrapper .newsitem .news-inner .date span.media-photo { position: absolute; display: block; top: -3px; left: 0.1px; background-position: 0 -3804px; height: 16px; width: 20px; } #dates-news #news-wrapper .newsitem .news-inner .date .slidernav { float: right; position: relative; } #dates-news #news-wrapper .newsitem .news-inner .date .slidernav .slide-prev, #dates-news #news-wrapper .newsitem .news-inner .date .slidernav .slide-next { position: absolute; cursor: pointer; } #dates-news #news-wrapper .newsitem .news-inner .date .slidernav .slide-prev { right: 59px; background-position: 0 -2368px; height: 21px; width: 21px; } #dates-news #news-wrapper .newsitem .news-inner .date .slidernav .slide-prev:hover { background-position: 0 -2257px; height: 21px; width: 21px; } #dates-news #news-wrapper .newsitem .news-inner .date .slidernav .slide-next { right: 0; background-position: 0 -2342px; height: 21px; width: 21px; } #dates-news #news-wrapper .newsitem .news-inner .date .slidernav .slide-next:hover { background-position: 0 -2231px; height: 21px; width: 21px; } #dates-news #news-wrapper .newsitem .news-inner .date .slidernav .slide-position { color: white; font-size: 12.3px; position: absolute; right: 18px; width: 45px; text-align: center; line-height: 20.8px; } #dates-news #news-wrapper .newsitem .news-inner .title { font-family: "Soho W01 Medium"; color: #8f0000; font-size: 12.3px; text-transform: uppercase; line-height: 15.3px; margin: 10px 0 15px 0; } #dates-news #news-wrapper .newsitem .news-inner .title a.active { color: #f39a0f; } #dates-news #news-wrapper .newsitem .news-inner .content { font-family: "Soho W01 Regular"; color: white; font-size: 12.3px; line-height: 18.3px; text-align: left; } #dates-news #news-wrapper .newsitem .news-inner .content .font-white { font-family: "Soho W01 Regular"; color: white; font-size: 12.3px; line-height: 18.3px; text-align: left; } #dates-news #news-wrapper .newsitem .news-inner .content strong { font-family: "Soho W01 Medium"; font-weight: normal; } #dates-news #news-wrapper .newsitem .news-inner .content em { font-family: "Soho W01 Medium Italic"; font-weight: normal; } #dates-news #news-wrapper .newsitem .news-inner a { font-family: "Soho W01 Regular"; color: #e1e1e1; font-size: 12.3px; line-height: 16.3px; display: block; margin-bottom: 5px; } #dates-news #news-wrapper .newsitem .news-inner a:hover { color: #8f0000; } #dates-news #news-wrapper .newsitem .news-inner .redline { font-family: "Soho W01 Regular"; color: #8f0000; text-align: center; height: 20px; overflow: hidden; margin-bottom: 5px; } #dates-news #dates-wrapper { position: relative; min-height: 600px; } #dates-news #dates-wrapper .mod_cataloglist a.fb-news{ font-family: "Soho W01 Medium"; color: #8f0000; font-size: 18px; line-height: 18px; } #dates-news #dates-wrapper .mod_cataloglist a.fb-news p{ display: inline-block; text-transform: uppercase; padding-left: 10px; margin-bottom: 0; line-height: 19px; vertical-align: middle;} #dates-news #dates-wrapper .mod_cataloglist a.fb-news .icon{ background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAKQ2lDQ1BJQ0MgcHJvZmlsZQAAeNqdU3dYk/cWPt/3ZQ9WQtjwsZdsgQAiI6wIyBBZohCSAGGEEBJAxYWIClYUFRGcSFXEgtUKSJ2I4qAouGdBiohai1VcOO4f3Ke1fXrv7e371/u855zn/M55zw+AERImkeaiagA5UoU8Otgfj09IxMm9gAIVSOAEIBDmy8JnBcUAAPADeXh+dLA//AGvbwACAHDVLiQSx+H/g7pQJlcAIJEA4CIS5wsBkFIAyC5UyBQAyBgAsFOzZAoAlAAAbHl8QiIAqg0A7PRJPgUA2KmT3BcA2KIcqQgAjQEAmShHJAJAuwBgVYFSLALAwgCgrEAiLgTArgGAWbYyRwKAvQUAdo5YkA9AYACAmUIszAAgOAIAQx4TzQMgTAOgMNK/4KlfcIW4SAEAwMuVzZdL0jMUuJXQGnfy8ODiIeLCbLFCYRcpEGYJ5CKcl5sjE0jnA0zODAAAGvnRwf44P5Dn5uTh5mbnbO/0xaL+a/BvIj4h8d/+vIwCBAAQTs/v2l/l5dYDcMcBsHW/a6lbANpWAGjf+V0z2wmgWgrQevmLeTj8QB6eoVDIPB0cCgsL7SViob0w44s+/zPhb+CLfvb8QB7+23rwAHGaQJmtwKOD/XFhbnauUo7nywRCMW735yP+x4V//Y4p0eI0sVwsFYrxWIm4UCJNx3m5UpFEIcmV4hLpfzLxH5b9CZN3DQCshk/ATrYHtctswH7uAQKLDljSdgBAfvMtjBoLkQAQZzQyefcAAJO/+Y9AKwEAzZek4wAAvOgYXKiUF0zGCAAARKCBKrBBBwzBFKzADpzBHbzAFwJhBkRADCTAPBBCBuSAHAqhGJZBGVTAOtgEtbADGqARmuEQtMExOA3n4BJcgetwFwZgGJ7CGLyGCQRByAgTYSE6iBFijtgizggXmY4EImFINJKApCDpiBRRIsXIcqQCqUJqkV1II/ItchQ5jVxA+pDbyCAyivyKvEcxlIGyUQPUAnVAuagfGorGoHPRdDQPXYCWomvRGrQePYC2oqfRS+h1dAB9io5jgNExDmaM2WFcjIdFYIlYGibHFmPlWDVWjzVjHVg3dhUbwJ5h7wgkAouAE+wIXoQQwmyCkJBHWExYQ6gl7CO0EroIVwmDhDHCJyKTqE+0JXoS+cR4YjqxkFhGrCbuIR4hniVeJw4TX5NIJA7JkuROCiElkDJJC0lrSNtILaRTpD7SEGmcTCbrkG3J3uQIsoCsIJeRt5APkE+S+8nD5LcUOsWI4kwJoiRSpJQSSjVlP+UEpZ8yQpmgqlHNqZ7UCKqIOp9aSW2gdlAvU4epEzR1miXNmxZDy6Qto9XQmmlnafdoL+l0ugndgx5Fl9CX0mvoB+nn6YP0dwwNhg2Dx0hiKBlrGXsZpxi3GS+ZTKYF05eZyFQw1zIbmWeYD5hvVVgq9ip8FZHKEpU6lVaVfpXnqlRVc1U/1XmqC1SrVQ+rXlZ9pkZVs1DjqQnUFqvVqR1Vu6k2rs5Sd1KPUM9RX6O+X/2C+mMNsoaFRqCGSKNUY7fGGY0hFsYyZfFYQtZyVgPrLGuYTWJbsvnsTHYF+xt2L3tMU0NzqmasZpFmneZxzQEOxrHg8DnZnErOIc4NznstAy0/LbHWaq1mrX6tN9p62r7aYu1y7Rbt69rvdXCdQJ0snfU6bTr3dQm6NrpRuoW623XP6j7TY+t56Qn1yvUO6d3RR/Vt9KP1F+rv1u/RHzcwNAg2kBlsMThj8MyQY+hrmGm40fCE4agRy2i6kcRoo9FJoye4Ju6HZ+M1eBc+ZqxvHGKsNN5l3Gs8YWJpMtukxKTF5L4pzZRrmma60bTTdMzMyCzcrNisyeyOOdWca55hvtm82/yNhaVFnMVKizaLx5balnzLBZZNlvesmFY+VnlW9VbXrEnWXOss623WV2xQG1ebDJs6m8u2qK2brcR2m23fFOIUjynSKfVTbtox7PzsCuya7AbtOfZh9iX2bfbPHcwcEh3WO3Q7fHJ0dcx2bHC866ThNMOpxKnD6VdnG2ehc53zNRemS5DLEpd2lxdTbaeKp26fesuV5RruutK10/Wjm7ub3K3ZbdTdzD3Ffav7TS6bG8ldwz3vQfTw91jicczjnaebp8LzkOcvXnZeWV77vR5Ps5wmntYwbcjbxFvgvct7YDo+PWX6zukDPsY+Ap96n4e+pr4i3z2+I37Wfpl+B/ye+zv6y/2P+L/hefIW8U4FYAHBAeUBvYEagbMDawMfBJkEpQc1BY0FuwYvDD4VQgwJDVkfcpNvwBfyG/ljM9xnLJrRFcoInRVaG/owzCZMHtYRjobPCN8Qfm+m+UzpzLYIiOBHbIi4H2kZmRf5fRQpKjKqLupRtFN0cXT3LNas5Fn7Z72O8Y+pjLk722q2cnZnrGpsUmxj7Ju4gLiquIF4h/hF8ZcSdBMkCe2J5MTYxD2J43MC52yaM5zkmlSWdGOu5dyiuRfm6c7Lnnc8WTVZkHw4hZgSl7I/5YMgQlAvGE/lp25NHRPyhJuFT0W+oo2iUbG3uEo8kuadVpX2ON07fUP6aIZPRnXGMwlPUit5kRmSuSPzTVZE1t6sz9lx2S05lJyUnKNSDWmWtCvXMLcot09mKyuTDeR55m3KG5OHyvfkI/lz89sVbIVM0aO0Uq5QDhZML6greFsYW3i4SL1IWtQz32b+6vkjC4IWfL2QsFC4sLPYuHhZ8eAiv0W7FiOLUxd3LjFdUrpkeGnw0n3LaMuylv1Q4lhSVfJqedzyjlKD0qWlQyuCVzSVqZTJy26u9Fq5YxVhlWRV72qX1VtWfyoXlV+scKyorviwRrjm4ldOX9V89Xlt2treSrfK7etI66Trbqz3Wb+vSr1qQdXQhvANrRvxjeUbX21K3nShemr1js20zcrNAzVhNe1bzLas2/KhNqP2ep1/XctW/a2rt77ZJtrWv913e/MOgx0VO97vlOy8tSt4V2u9RX31btLugt2PGmIbur/mft24R3dPxZ6Pe6V7B/ZF7+tqdG9s3K+/v7IJbVI2jR5IOnDlm4Bv2pvtmne1cFoqDsJB5cEn36Z8e+NQ6KHOw9zDzd+Zf7f1COtIeSvSOr91rC2jbaA9ob3v6IyjnR1eHUe+t/9+7zHjY3XHNY9XnqCdKD3x+eSCk+OnZKeenU4/PdSZ3Hn3TPyZa11RXb1nQ8+ePxd07ky3X/fJ897nj13wvHD0Ivdi2yW3S609rj1HfnD94UivW2/rZffL7Vc8rnT0Tes70e/Tf/pqwNVz1/jXLl2feb3vxuwbt24m3Ry4Jbr1+Hb27Rd3Cu5M3F16j3iv/L7a/eoH+g/qf7T+sWXAbeD4YMBgz8NZD+8OCYee/pT/04fh0kfMR9UjRiONj50fHxsNGr3yZM6T4aeypxPPyn5W/3nrc6vn3/3i+0vPWPzY8Av5i8+/rnmp83Lvq6mvOscjxx+8znk98ab8rc7bfe+477rfx70fmSj8QP5Q89H6Y8en0E/3Pud8/vwv94Tz+4A5JREAAAAZdEVYdFNvZnR3YXJlAEFkb2JlIEltYWdlUmVhZHlxyWU8AAADaGlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS4zLWMwMTEgNjYuMTQ1NjYxLCAyMDEyLzAyLzA2LTE0OjU2OjI3ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOjAyODAxMTc0MDcyMDY4MTE4QzE0Q0I4NDY0NUQwM0I3IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjFDN0YxNDVCMTMyRDExRTc4MDI1OUY2MEFFODVFNkI3IiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjFDN0YxNDVBMTMyRDExRTc4MDI1OUY2MEFFODVFNkI3IiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDUzYgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDowNzgwMTE3NDA3MjA2ODExOEMxNENCODQ2NDVEMDNCNyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDowMjgwMTE3NDA3MjA2ODExOEMxNENCODQ2NDVEMDNCNyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PjNDLGoAAAHmSURBVHja7Jo/S8NAGMYvaamlKF1FRRc/gC66FJzFdnDRIihSRLI76HcQ94Li4CB2cJBWXBQcOomLozjpaBUJiIrUP8+rFw2BXqJNkzu4F36E3HuXPA+597gmNWYYYwb7DhzzwAI5k7EstZs87+CcJzzn7nZ3W8Inb7To474nP7dBHZTRr+ZoNvkxA/ZAFUyBLJMvslxblWslzSzJk9tglqkTjtYiPYG8YuLdJvJkwGLqhkUGcgoboMVGyoINXNgmUzySMd33FhyDC9AAD558CqyBUdkMXIFVcADeffr2gC2ZDOyDBfAUsP+bTFPoFMyB17AvHEURv4DFToiPysAOuO7UxaMwsPtPXWMy1EATnAnytCteASXQ52rvAmkZDNyDZ0F+GazLPIXufPKTstdA0yffq0IRiyKtugGmDejt9G8cgQ3PJuzRZ8wS6Bb85rWiNLAJTv445lyQawQxEOYU+gh5dvSrXgOD2kDMMRS1ASOOJxDmKjQPbjzLKO1ELwVjhlssowNgPGoD0xx30GuTEcEYeuswobcS2oA2oA1oA9qANqCyAVth/TYZqMcoINPm+DoZKMdoINXmePrfBKuBioLThzTXnCIuKWaiwjX/rEL04a0ICuBQ0sK2ubYC1/r1sfBTgAEAv/hHs0ekCrAAAAAASUVORK5CYII='); display: inline-block; vertical-align: middle; width: 48px; height: 48px; } #dates-news #dates-wrapper .mod_cataloglist .date-headline { *zoom: 1; margin-bottom: 20px; margin-top: 30px; position: relative; } #dates-news #dates-wrapper .mod_cataloglist .date-headline:after { content: ""; display: table; clear: both; } #dates-news #dates-wrapper .mod_cataloglist .date-headline img { float: left; } #dates-news #dates-wrapper .mod_cataloglist .date-headline h2 { font-family: "Soho W01 Regular"; color: #8f0000; font-size: 24px; text-transform: uppercase; line-height: 40px; display: inline; position: absolute; top: 10px; left: 67px; } #dates-news #dates-wrapper .mod_cataloglist .date-headline .border { position: absolute; width: 100%; margin-left: 70px; top: 28px; } #dates-news #dates-wrapper .mod_cataloglist .date-headline .border .border1 { height: 3px; margin-bottom: 2px; margin-top: 0; padding-top: 0; background: #4b0101; background: -moz-linear-gradient(left, #8f0000 0%, #4b0101 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%, #8f0000), color-stop(100%, #4b0101)); background: -webkit-linear-gradient(left, #8f0000 0%, #4b0101 100%); background: -o-linear-gradient(left, #8f0000 0%, #4b0101 100%); background: -ms-linear-gradient(left, #8f0000 0%, #4b0101 100%); background: linear-gradient(to right, #8f0000 0%, #4b0101 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8f0000', endColorstr='#4b0101',GradientType=1 ); } #dates-news #dates-wrapper .mod_cataloglist .date-headline .border .border2 { height: 1px; margin-top: 0; padding-top: 0; background: #4b0101; background: -moz-linear-gradient(left, #8f0000 0%, #4b0101 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%, #8f0000), color-stop(100%, #4b0101)); background: -webkit-linear-gradient(left, #8f0000 0%, #4b0101 100%); background: -o-linear-gradient(left, #8f0000 0%, #4b0101 100%); background: -ms-linear-gradient(left, #8f0000 0%, #4b0101 100%); background: linear-gradient(to right, #8f0000 0%, #4b0101 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8f0000', endColorstr='#4b0101',GradientType=1 ); } #dates-news #dates-wrapper .mod_cataloglist .date-item { margin-left: 20px; margin-bottom: 2px; } #dates-news #dates-wrapper .mod_cataloglist .date-item img { vertical-align: top; } #dates-news #dates-wrapper .mod_cataloglist .date-item figcaption { display: inline-block; margin-left: 5px; width: 210px; } .lt-ie8 #dates-news #dates-wrapper .mod_cataloglist .date-item figcaption { display: inline; zoom: 1; vertical-align: auto; } #dates-news #dates-wrapper .mod_cataloglist .date-item .title { font-family: "Soho W01 Medium"; color: #8f0000; font-size: 12.3px; text-transform: uppercase; line-height: 18.3px; } #dates-news #dates-wrapper .mod_cataloglist .date-item .subtitle { font-family: "Soho W01 Medium"; color: white; font-size: 12.3px; text-transform: uppercase; line-height: 16.3px; margin: 0; } #dates-news #dates-wrapper .mod_cataloglist .date-item .date { font-family: "Soho W01 Regular"; color: white; font-size: 12.3px; line-height: 15.3px; margin: 0 0 3px; } #dates-news #dates-wrapper .mod_cataloglist .date-item .ilink, #dates-news #dates-wrapper .mod_cataloglist .date-item .elink { font-family: "Soho W01 Regular"; color: #e1e1e1; font-size: 12.3px; line-height: 16.3px; display: block; margin-bottom: 3px; } #dates-news #dates-wrapper .mod_cataloglist .date-item .ilink:hover, #dates-news #dates-wrapper .mod_cataloglist .date-item .elink:hover { color: #8f0000; } #dates-news #dates-wrapper .mod_cataloglist .date-item .ltxt { font-family: "Soho W01 Regular"; color: #e1e1e1; font-size: 12.3px; line-height: 16.3px; display: block; margin-bottom: 3px; } #dates-news #dates-wrapper .mod_cataloglist .date-item .redline { font-family: "Soho W01 Medium"; color: #8f0000; font-size: 12.3px; text-align: center; height: 20px; overflow: hidden; margin-bottom: 3px; } #dates-news #dates-wrapper .mod_cataloglist .border { width: 100%; margin-left: 20px; margin-top: 20px; } #dates-news #dates-wrapper .mod_cataloglist .border .border1 { height: 3px; margin-bottom: 2px; margin-top: 0; padding-top: 0; background: #4b0101; background: -moz-linear-gradient(left, #8f0000 0%, #4b0101 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%, #8f0000), color-stop(100%, #4b0101)); background: -webkit-linear-gradient(left, #8f0000 0%, #4b0101 100%); background: -o-linear-gradient(left, #8f0000 0%, #4b0101 100%); background: -ms-linear-gradient(left, #8f0000 0%, #4b0101 100%); background: linear-gradient(to right, #8f0000 0%, #4b0101 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8f0000', endColorstr='#4b0101',GradientType=1 ); } #dates-news #dates-wrapper .mod_cataloglist .border .border2 { height: 1px; margin-top: 0; padding-top: 0; background: #4b0101; background: -moz-linear-gradient(left, #8f0000 0%, #4b0101 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%, #8f0000), color-stop(100%, #4b0101)); background: -webkit-linear-gradient(left, #8f0000 0%, #4b0101 100%); background: -o-linear-gradient(left, #8f0000 0%, #4b0101 100%); background: -ms-linear-gradient(left, #8f0000 0%, #4b0101 100%); background: linear-gradient(to right, #8f0000 0%, #4b0101 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8f0000', endColorstr='#4b0101',GradientType=1 ); } body.alpine-ov { background: transparent url('../images/textures/body.jpg') repeat top left; } body.alpine-ov #site-header { position: relative; } body.alpine-ov #page-wrapper { background: transparent url('../images/textures/alpine-ov_bg.jpg') no-repeat top center; background-size: 1600px 1200px; z-index: 0; position: relative; } body.alpine-ov #main-area { background: none; margin-top: 520px; } body.alpine-ov #main-area .alpine_ov_title { display: -moz-inline-box; -moz-box-orient: vertical; display: inline-block; vertical-align: middle; *vertical-align: auto; font-family: "Soho W01 Regular"; color: #f39a0f; font-size: 24px; text-transform: uppercase; line-height: 25px; margin: 0 0 45px 15px; vertical-align: top; } body.alpine-ov #main-area .alpine_ov_title { *display: inline; } body.alpine-ov #main-area .alpine_ov_border { display: -moz-inline-box; -moz-box-orient: vertical; display: inline-block; vertical-align: middle; *vertical-align: auto; background: url('../images/textures/line-orange.png') repeat-x scroll left bottom transparent; width: 378px; height: 6px; vertical-align: text-bottom; margin-top: 16px; } body.alpine-ov #main-area .alpine_ov_border { *display: inline; } body.alpine-ov #main-area #highlight-list { margin-bottom: 100px; } body.alpine-ov #main-area #highlight-list li { width: 210px; height: 365px; margin: 0 15px 20px 15px; position: relative; cursor: pointer; vertical-align: top; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); opacity: 0.5; transition-property: opacity; transition-duration: 0.2s; transition-timing-function: ease; ​-moz-transition-property: left; -moz-transition-duration: 0.2s; -moz-transition-timing-function: ease; ​-o-transition-property: left; -o-transition-duration: 0.2s; -o-transition-timing-function: ease; ​-webkit-transition-property: left; -webkit-transition-duration: 0.2s; -webkit-transition-timing-function: ease; } body.alpine-ov #main-area #highlight-list li .image-container { position: relative; z-index: 80; } body.alpine-ov #main-area #highlight-list li .image-container img { display: block; max-height: 185px; max-width: 210px; } body.alpine-ov #main-area #highlight-list li .text-container { background-position: 0 -400px; height: 219px; width: 210px; position: relative; z-index: 100; top: -37px; text-transform: uppercase; text-align: center; color: #999999; } body.alpine-ov #main-area #highlight-list li .text-container .year { font-family: "Soho W01 Compressed"; color: white; font-size: 20px; padding-top: 15px; padding-bottom: 15px; } body.alpine-ov #main-area #highlight-list li .text-container header { margin-bottom: 5px; } body.alpine-ov #main-area #highlight-list li .text-container header h5 { font-family: "Soho W01 Medium"; font-size: 16px; line-height: 18px; display: inline-block; padding-bottom: 6px; margin-bottom: 0; min-height: 30px; } .lt-ie8 body.alpine-ov #main-area #highlight-list li .text-container header h5 { display: inline; zoom: 1; vertical-align: auto; } body.alpine-ov #main-area #highlight-list li .text-container p.position { font-family: "Soho W01 Medium"; color: white; font-size: 11.3px; text-transform: uppercase; line-height: 14px; margin-bottom: 7px; } body.alpine-ov #main-area #highlight-list li .text-container .map-wrapper { padding: 0; } body.alpine-ov #main-area #highlight-list li .text-container .spacing { min-height: 50px; } body.alpine-ov #main-area #highlight-list li:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; } body.alpine-ov #main-area #highlight-list li:hover .text-container { color: #f39a0f; } body.alpine-ov #main-area #highlight-list li:hover .text-container h5 { border-color: #f39a0f; } body.alpine-ov #main-area #highlight-list li:nth-child(4n) { margin-right: 0; } .hb_home_article { overflow: hidden; margin-bottom: 20px; position: relative; } .hb_home_article article hr{ border-color: #834c28; margin: 35px 30px 20px 25px; } .hb_home_article article >div{ position: relative; } .hb_home_article:first-of-type article hr { display: none; } .hb_home_article figure, .hb_home_article section { width: 480px; float: left; margin-top: 40px; } .hb_home_article article { position: relative; } .hb_home_article article.img_left figure { float: left; } .hb_home_article article.img_left figure img { display: block; max-height: 311px; max-width: 440px; margin-left: 24px; } .hb_home_article article.img_left section { float: right; width: 465px; padding-left: 15px; text-align: left; } .hb_home_article article.img_left .stoerer { position: absolute; display: block; cursor: pointer; z-index: 10; top: 0; right: 0; cursor: default; } .hb_home_article article.img_left .charity-stoerer { background-position: 0 -1494px; height: 114px; width: 122px; } .hb_home_article article.img_right figure { float: right; } .hb_home_article article.img_right figure img { display: block; max-height: 311px; max-width: 440px; margin-left: 24px; } .hb_home_article article.img_right section { float: left; width: 465px; padding-left: 15px; text-align: right; } .hb_home_article article.img_right .stoerer { top: 0; left: 0; cursor: default; } .home-lectures { margin: 60px 23px 60px 22px; overflow: hidden; } .home-lectures .headline { margin-bottom: 20px; text-align: center; } .home-lectures .headline .lft, .home-lectures .headline .mdl, .home-lectures .headline .rgt { display: -moz-inline-box; -moz-box-orient: vertical; display: inline-block; vertical-align: middle; *vertical-align: auto; text-align: center; } .home-lectures .headline .lft, .home-lectures .headline .mdl, .home-lectures .headline .rgt { *display: inline; } .home-lectures .headline .mdl { font-family: "Soho W01 Regular"; color: #834c28; font-size: 20px; text-transform: uppercase; line-height: 26px; padding: 0 25px; margin-bottom: 2px; } .home-lectures .headline .lft, .home-lectures .headline .rgt { background-color: #834c28; width: 275px; height: 1px; } .home-lectures .headline .lft { background: #834c28; background: -moz-linear-gradient(left, #a36503 0%, #834c28 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%, #a36503), color-stop(100%, #834c28)); background: -webkit-linear-gradient(left, #a36503 0%, #834c28 100%); background: -o-linear-gradient(left, #a36503 0%, #834c28 100%); background: -ms-linear-gradient(left, #a36503 0%, #834c28 100%); background: linear-gradient(to right, #a36503 0%, #834c28 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a36503', endColorstr='#834c28',GradientType=1 ); } .home-lectures .headline .rgt { background: #a36503; background: -moz-linear-gradient(left, #834c28 0%, #a36503 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%, #834c28), color-stop(100%, #a36503)); background: -webkit-linear-gradient(left, #834c28 0%, #a36503 100%); background: -o-linear-gradient(left, #834c28 0%, #a36503 100%); background: -ms-linear-gradient(left, #834c28 0%, #a36503 100%); background: linear-gradient(to right, #834c28 0%, #a36503 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#834c28', endColorstr='#a36503',GradientType=1 ); } .home-lectures .lectures-block { float: left; width: 430px; } .home-lectures .lectures-block:last-child { margin-left: 50px; } .home-lectures .lectures-block header h3, .home-lectures .lectures-block header h4 { text-align: center; text-transform: uppercase; } .home-lectures .lectures-block header h4 { font-family: "Soho W01 Regular"; color: #f39a0f; font-size: 16px; line-height: 16px; margin-bottom: 10px; } .home-lectures .lectures-block header h3 { font-family: "Soho W01 Medium"; color: #f39a0f; font-size: 30px; line-height: 30px; padding-bottom: 0; margin-bottom: 15px; } .home-lectures .lectures-block header .border1 { height: 3px; margin-bottom: 2px; margin-top: 0; padding-top: 0; background: #f39a0f; background: -moz-linear-gradient(left, #a36503 0%, #f39a0f 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%, #a36503), color-stop(100%, #f39a0f)); background: -webkit-linear-gradient(left, #a36503 0%, #f39a0f 100%); background: -o-linear-gradient(left, #a36503 0%, #f39a0f 100%); background: -ms-linear-gradient(left, #a36503 0%, #f39a0f 100%); background: linear-gradient(to right, #a36503 0%, #f39a0f 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a36503', endColorstr='#f39a0f',GradientType=1 ); } .home-lectures .lectures-block header .border2 { height: 1px; margin-bottom: 25px; margin-top: 0; padding-top: 0; background: #f39a0f; background: -moz-linear-gradient(left, #a36503 0%, #f39a0f 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%, #a36503), color-stop(100%, #f39a0f)); background: -webkit-linear-gradient(left, #a36503 0%, #f39a0f 100%); background: -o-linear-gradient(left, #a36503 0%, #f39a0f 100%); background: -ms-linear-gradient(left, #a36503 0%, #f39a0f 100%); background: linear-gradient(to right, #a36503 0%, #f39a0f 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a36503', endColorstr='#f39a0f',GradientType=1 ); } .home-lectures .lectures-block.rgt header .border1 { background: #a36503; background: -moz-linear-gradient(left, #f39a0f 0%, #a36503 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%, #f39a0f), color-stop(100%, #a36503)); background: -webkit-linear-gradient(left, #f39a0f 0%, #a36503 100%); background: -o-linear-gradient(left, #f39a0f 0%, #a36503 100%); background: -ms-linear-gradient(left, #f39a0f 0%, #a36503 100%); background: linear-gradient(to right, #f39a0f 0%, #a36503 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f39a0f', endColorstr='#a36503',GradientType=1 ); } .home-lectures .lectures-block.rgt header .border2 { background: #a36503; background: -moz-linear-gradient(left, #f39a0f 0%, #a36503 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%, #f39a0f), color-stop(100%, #a36503)); background: -webkit-linear-gradient(left, #f39a0f 0%, #a36503 100%); background: -o-linear-gradient(left, #f39a0f 0%, #a36503 100%); background: -ms-linear-gradient(left, #f39a0f 0%, #a36503 100%); background: linear-gradient(to right, #f39a0f 0%, #a36503 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f39a0f', endColorstr='#a36503',GradientType=1 ); } .home-lectures .lecture-wrapper { overflow: hidden; } .home-lectures .lecture-wrapper figure { float: left; width: 171px; } .home-lectures .lecture-wrapper figure img { display: block; margin-top: 0; } .home-lectures .lecture-wrapper figure figcaption { margin-top: 15px; } .home-lectures .lecture-wrapper figure figcaption p { margin-bottom: 0px; font-size: 13px; } .home-lectures .lecture-wrapper figure figcaption .font-uppercase { font-family: "Soho W01 Medium"; color: white; font-size: 12.3px; text-transform: uppercase; line-height: 17.3px; } .home-lectures .lecture-wrapper figure figcaption .length { font-family: "Soho W01 Regular"; color: white; font-size: 12.3px; } .home-lectures .lecture-wrapper figure figcaption a { font-family: "Soho W01 Regular"; color: #999999; font-size: 12.3px; position: relative; display: block; margin-top: 5px; } .home-lectures .lecture-wrapper figure figcaption a:hover { color: #f39a0f; } .home-lectures .lecture-wrapper .jspScrollable { width: 250px; height: 350px; overflow: hidden; display: block; position: relative; right: -11px; } .home-lectures .lecture-wrapper .jspScrollable ul { margin-right: 22px; } .home-lectures .lecture-wrapper .jspScrollable.autoscroll { overflow-y: auto; overflow-x: hidden; } .home-lectures .lecture-wrapper .jspScrollable .jspPane { position: absolute; width: 250px !important; right: 0; } .home-lectures .lecture-wrapper .jspScrollable .jspHorizontalBar { display: none; } .home-lectures .lecture-wrapper .jspScrollable .jspVerticalBar { background: none; right: 2px; position: absolute; } .home-lectures .lecture-wrapper .jspScrollable .jspVerticalBar .jspCapTop { display: block; height: 0px; } .home-lectures .lecture-wrapper .jspScrollable .jspVerticalBar .jspCapBottom { display: block; height: 0px; } .home-lectures .lecture-wrapper .jspScrollable .jspVerticalBar .jspTrack { width: 10px; border: none; background: rgba(255, 255, 255, 0.1); border-radius: 3px; right: 2px; } .home-lectures .lecture-wrapper .jspScrollable .jspVerticalBar .jspDrag { width: 8px; border: none; background-color: rgba(153, 153, 153, 0.5); border-radius: 3px; margin-left: 1px; } .home-lectures .lecture-wrapper .jspScrollable .jspVerticalBar .jspDrag:hover { background: rgba(243, 154, 15, 0.7); } .home-lectures .lecture-wrapper ul { float: right; } .home-lectures .lecture-wrapper ul li { font-family: "Soho W01 Regular"; color: #666666; font-size: 12.3px; line-height: 16.3px; text-align: right; margin-bottom: 5px; } .home-lectures .lecture-wrapper ul li a { line-height: 16.3px; display: block; } .home-lectures .lecture-wrapper ul li .place { font-family: "Soho W01 Medium"; color: white; font-size: 12.3px; text-transform: uppercase; line-height: 15.3px; margin: 2px 0 5px; } .home-lectures .lecture-wrapper ul li .line { font-family: "Soho W01 Medium"; color: #666666; font-size: 13px; line-height: 15px; margin-bottom: 0; margin-top: 5px; height: 20px; overflow: hidden; } .home-lectures .lecture-wrapper.right-side .jspScrollable { right: auto; left: 2px; } .home-lectures .lecture-wrapper.right-side .jspScrollable ul { margin-left: 18px; margin-right: 0; } .home-lectures .lecture-wrapper.right-side .jspScrollable .jspPane { left: 0; } .home-lectures .lecture-wrapper.right-side .jspScrollable .jspVerticalBar { left: 2px; } .home-lectures .lecture-wrapper.right-side figure { float: right; } .home-lectures .lecture-wrapper.right-side figure figcaption { text-align: right; } .home-lectures .lecture-wrapper.right-side figure figcaption .details { padding-left: 0; padding-right: 18px; } .home-lectures .lecture-wrapper.right-side ul { float: left; } .home-lectures .lecture-wrapper.right-side ul li { text-align: left; } body.portrait { background: transparent url('../images/textures/body.jpg') repeat top left; } body.portrait #page-wrapper { background: transparent url('../images/textures/portrait-teaser.jpg') no-repeat top center; background-size: 1600px 1570px; z-index: 0; position: relative; } body.portrait #main-area { background: none; } body.portrait #portrait-teaser { height: 1200px; width: 940px; margin: auto; position: relative; } body.portrait #portrait-teaser .picture { position: absolute; top: 0; left: 0; z-index: 2; } body.portrait #portrait-teaser #picture-thomas { background: transparent url('../images/textures/portrait-thomas.png') no-repeat top left; background-size: 414px 1062px; width: 414px; height: 1062px; top: 180px; left: 58px; } body.portrait #portrait-teaser #picture-alex { background: transparent url('../images/textures/portrait-alex.png') no-repeat top left; background-size: 393px 1010px; width: 393px; height: 1010px; top: 220px; left: 450px; } body.portrait #portrait-teaser .layer-btns { position: absolute; top: 0; left: 0; z-index: 2; } body.portrait #portrait-teaser .layer-btns .layer-btn { text-align: center; font-family: "Soho W01 Medium"; color: #999999; font-size: 12.3px; text-transform: uppercase; line-height: 14.3px; background-color: black; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); opacity: 0.8; display: block; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; vertical-align: middle; position: absolute; display: none; } body.portrait #portrait-teaser .layer-btns .layer-btn:hover, body.portrait #portrait-teaser .layer-btns .layer-btn.active { color: #f39a0f; } body.portrait #portrait-teaser .layer-btns .layer-btn p { margin: 0; line-height: 13.3px; } body.portrait #portrait-teaser .layer-btns .layer-btn.btn1 { width: 64px; height: 64px; } body.portrait #portrait-teaser .layer-btns .layer-btn.btn1 p { padding-top: 18px; } body.portrait #portrait-teaser .layer-btns .layer-btn.btn2 { width: 57px; height: 57px; } body.portrait #portrait-teaser .layer-btns .layer-btn.btn2 p { padding-top: 22px; } body.portrait #portrait-teaser .layer-btns .layer-btn.btn3, body.portrait #portrait-teaser .layer-btns .layer-btn.btn4, body.portrait #portrait-teaser .layer-btns .layer-btn.btn5, body.portrait #portrait-teaser .layer-btns .layer-btn.btn6 { width: 70px; height: 70px; } body.portrait #portrait-teaser .layer-btns .layer-btn.btn3 p, body.portrait #portrait-teaser .layer-btns .layer-btn.btn4 p, body.portrait #portrait-teaser .layer-btns .layer-btn.btn5 p, body.portrait #portrait-teaser .layer-btns .layer-btn.btn6 p { padding-top: 23px; } body.portrait #portrait-teaser .layer-btns .layer-btn.btn3 p span, body.portrait #portrait-teaser .layer-btns .layer-btn.btn4 p span, body.portrait #portrait-teaser .layer-btns .layer-btn.btn5 p span, body.portrait #portrait-teaser .layer-btns .layer-btn.btn6 p span { font-size: 30px; } body.portrait #portrait-teaser .layer-btns .layer-btn.btn4 p { padding-top: 15px; } body.portrait #portrait-teaser .layer-btns .layer-btn.btn5 { font-family: "Soho W01 Medium"; font-size: 11.3px; } body.portrait #portrait-teaser .layer-btns .layer-btn.btn5 p { padding-top: 21px; } body.portrait #portrait-teaser .layer-btns .layer-btn.btn6 p { padding-top: 22px; } body.portrait #portrait-teaser .layer-btns .layer-btn.btn7 { width: 80px; height: 80px; } body.portrait #portrait-teaser .layer-btns .layer-btn.btn7 p { padding-top: 33px; } body.portrait #portrait-teaser .layer-btns#layer-btn-thomas { top: 400px; } body.portrait #portrait-teaser .layer-btns#layer-btn-thomas .layer-btn p { transform: translate3d(0, 0, 0); -webkit-transform: rotate(-5.2deg); -moz-transform: rotate(-5.2deg); -ms-transform: rotate(-5.2deg); -o-transform: rotate(-5.2deg); transform: rotate(-5.2deg); -sand-transform: rotate(-5.2deg); -webkit-backface-visibility: hidden; -webkit-transform-style: preserve-3d; image-rendering: optimizeQuality; image-rendering: -webkit-optimize-contrast; image-rendering: crisp-edges; -ms-interpolation-mode: nearest-neighbor; } body.portrait #portrait-teaser .layer-btns#layer-btn-thomas .layer-btn.btn1 { top: 15px; left: 60px; } body.portrait #portrait-teaser .layer-btns#layer-btn-thomas .layer-btn.btn2 { top: 70px; left: 15px; } body.portrait #portrait-teaser .layer-btns#layer-btn-thomas .layer-btn.btn3 { top: 125px; left: 50px; } body.portrait #portrait-teaser .layer-btns#layer-btn-thomas .layer-btn.btn4 { top: 190px; left: 0; } body.portrait #portrait-teaser .layer-btns#layer-btn-thomas .layer-btn.btn5 { top: 220px; left: 75px; } body.portrait #portrait-teaser .layer-btns#layer-btn-thomas .layer-btn.btn6 { top: 275px; left: 15px; } body.portrait #portrait-teaser .layer-btns#layer-btn-thomas .layer-btn.btn7 { top: 345px; left: -20px; } body.portrait #portrait-teaser .layer-btns#layer-btn-thomas .layer-btn.btn7 p { transform: translate3d(0, 0, 0); -webkit-transform: rotate(-3.5deg); -moz-transform: rotate(-3.5deg); -ms-transform: rotate(-3.5deg); -o-transform: rotate(-3.5deg); transform: rotate(-3.5deg); -sand-transform: rotate(-3.5deg); -webkit-backface-visibility: hidden; -webkit-transform-style: preserve-3d; image-rendering: optimizeQuality; image-rendering: -webkit-optimize-contrast; image-rendering: crisp-edges; -ms-interpolation-mode: nearest-neighbor; padding-left: 0; } body.portrait #portrait-teaser .layer-btns#layer-btn-alex { top: 430px; left: 810px; } body.portrait #portrait-teaser .layer-btns#layer-btn-alex .layer-btn p { transform: translate3d(0, 0, 0); -webkit-transform: rotate(15deg); -moz-transform: rotate(15deg); -ms-transform: rotate(15deg); -o-transform: rotate(15deg); transform: rotate(15deg); -sand-transform: rotate(15deg); -webkit-backface-visibility: hidden; -webkit-transform-style: preserve-3d; image-rendering: optimizeQuality; image-rendering: -webkit-optimize-contrast; image-rendering: crisp-edges; -ms-interpolation-mode: nearest-neighbor; } body.portrait #portrait-teaser .layer-btns#layer-btn-alex .layer-btn.btn1 { top: 20px; left: 15px; } body.portrait #portrait-teaser .layer-btns#layer-btn-alex .layer-btn.btn2 { top: 80px; left: 70px; } body.portrait #portrait-teaser .layer-btns#layer-btn-alex .layer-btn.btn3 { top: 140px; left: 35px; } body.portrait #portrait-teaser .layer-btns#layer-btn-alex .layer-btn.btn4 { top: 210px; left: 75px; } body.portrait #portrait-teaser .layer-btns#layer-btn-alex .layer-btn.btn5 { top: 292px; left: 60px; } body.portrait #portrait-teaser .layer-btns#layer-btn-alex .layer-btn.btn6 { top: 280px; left: 40px; } body.portrait #portrait-teaser .layer-btns#layer-btn-alex .layer-btn.btn7 { top: 350px; left: 0px; } body.portrait #portrait-teaser .layer-btns#layer-btn-alex .layer-btn.btn7 p { transform: translate3d(0, 0, 0); -webkit-transform: rotate(16deg); -moz-transform: rotate(16deg); -ms-transform: rotate(16deg); -o-transform: rotate(16deg); transform: rotate(16deg); -sand-transform: rotate(16deg); -webkit-backface-visibility: hidden; -webkit-transform-style: preserve-3d; image-rendering: optimizeQuality; image-rendering: -webkit-optimize-contrast; image-rendering: crisp-edges; -ms-interpolation-mode: nearest-neighbor; padding-left: 10px; } body.portrait #portrait-teaser .portrait-btns .inner { position: absolute; top: 120px; } body.portrait #portrait-teaser .portrait-btns .inner .btn-info { background-position: 0 -3243px; height: 24px; width: 25px; display: -moz-inline-box; -moz-box-orient: vertical; display: inline-block; vertical-align: middle; *vertical-align: auto; margin-right: 8px; cursor: pointer; margin-left: 20px; } body.portrait #portrait-teaser .portrait-btns .inner .btn-info { *display: inline; } body.portrait #portrait-teaser .portrait-btns .inner .btn-info:hover { background-position: 0 -2697px; height: 24px; width: 25px; } body.portrait #portrait-teaser .portrait-btns .inner .btn-info.opened { background-position: 0 -2239px; height: 24px; width: 25px; } body.portrait #portrait-teaser .portrait-btns .inner .btn-info.opened:hover { background-position: 0 -2051px; height: 24px; width: 25px; } body.portrait #portrait-teaser .portrait-btns .inner .btn-hotspots { background-position: 0 -2357px; height: 24px; width: 25px; display: -moz-inline-box; -moz-box-orient: vertical; display: inline-block; vertical-align: middle; *vertical-align: auto; margin-right: 8px; cursor: pointer; } body.portrait #portrait-teaser .portrait-btns .inner .btn-hotspots { *display: inline; } body.portrait #portrait-teaser .portrait-btns .inner .btn-hotspots:hover { background-position: 0 -2022px; height: 24px; width: 25px; } body.portrait #portrait-teaser .portrait-btns .inner .btn-hotspots.opened { background-position: 0 -2175px; height: 24px; width: 25px; } body.portrait #portrait-teaser .portrait-btns .inner .btn-hotspots.opened:hover { background-position: 0 -1955px; height: 24px; width: 25px; } body.portrait #portrait-teaser .portrait-btns .inner .btn-videos { background-position: 0 -3977px; height: 25px; width: 31px; display: -moz-inline-box; -moz-box-orient: vertical; display: inline-block; vertical-align: middle; *vertical-align: auto; margin-right: 8px; margin-top: -3px; cursor: pointer; } body.portrait #portrait-teaser .portrait-btns .inner .btn-videos { *display: inline; } body.portrait #portrait-teaser .portrait-btns .inner .btn-videos:hover { background-position: 0 -2929px; height: 25px; width: 31px; } body.portrait #portrait-teaser .portrait-btns .inner .btn-videos.opened { background-position: 0 -2726px; height: 25px; width: 31px; } body.portrait #portrait-teaser .portrait-btns .inner .btn-videos.opened:hover { background-position: 0 -2080px; height: 25px; width: 31px; } body.portrait #portrait-teaser .portrait-btns .inner .btn-photos { background-position: 0 -2386px; height: 25px; width: 32px; display: -moz-inline-box; -moz-box-orient: vertical; display: inline-block; vertical-align: middle; *vertical-align: auto; margin-top: -1px; cursor: pointer; } body.portrait #portrait-teaser .portrait-btns .inner .btn-photos { *display: inline; } body.portrait #portrait-teaser .portrait-btns .inner .btn-photos:hover { background-position: 0 -2110px; height: 25px; width: 32px; } body.portrait #portrait-teaser #btn-thomas { position: absolute; background-position: 0 -202px; height: 193px; width: 195px; top: 212px; left: -700px; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; z-index: 3; } body.portrait #portrait-teaser #btn-thomas .inner { left: 10px; transform: translate3d(0, 0, 0); -webkit-transform: rotate(-4.5deg); -moz-transform: rotate(-4.5deg); -ms-transform: rotate(-4.5deg); -o-transform: rotate(-4.5deg); transform: rotate(-4.5deg); -sand-transform: rotate(-4.5deg); -webkit-backface-visibility: hidden; -webkit-transform-style: preserve-3d; image-rendering: optimizeQuality; image-rendering: -webkit-optimize-contrast; image-rendering: crisp-edges; -ms-interpolation-mode: nearest-neighbor; } body.portrait #portrait-teaser #btn-alex { position: absolute; background-position: 0 0; height: 197px; width: 193px; top: 235px; right: -700px; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; z-index: 3; } body.portrait #portrait-teaser #btn-alex .inner { left: -7px; transform: translate3d(0, 0, 0); -webkit-transform: rotate(14.5deg); -moz-transform: rotate(14.5deg); -ms-transform: rotate(14.5deg); -o-transform: rotate(14.5deg); transform: rotate(14.5deg); -sand-transform: rotate(14.5deg); -webkit-backface-visibility: hidden; -webkit-transform-style: preserve-3d; image-rendering: optimizeQuality; image-rendering: -webkit-optimize-contrast; image-rendering: crisp-edges; -ms-interpolation-mode: nearest-neighbor; } body.portrait #portrait-teaser #infobox-thomas { background: transparent url('../images/textures/infobox-thomas.png') no-repeat top left; height: 330px; width: 330px; position: absolute; top: 338px; left: 28px; display: none; z-index: 10; } body.portrait #portrait-teaser #infobox-thomas .close { cursor: pointer; background-position: 0 -575px; height: 30px; width: 30px; bottom: 20px; left: 146px; position: absolute; } body.portrait #portrait-teaser #infobox-thomas .close:hover { background-position: 0 -306px; height: 30px; width: 30px; } body.portrait #portrait-teaser #infobox-alex { background: transparent url('../images/textures/infobox-alex.png') no-repeat top left; height: 330px; width: 330px; position: absolute; top: 365px; right: 31px; display: none; z-index: 10; } body.portrait #portrait-teaser #infobox-alex .close { cursor: pointer; background-position: 0 -575px; height: 30px; width: 30px; bottom: 25px; position: absolute; left: 146px; } body.portrait #portrait-teaser #infobox-alex .close:hover { background-position: 0 -306px; height: 30px; width: 30px; } body.portrait #portrait-teaser .hotspot-container { display: none; position: relative; z-index: 10; } body.portrait #portrait-teaser .hotspot-container .hotspot { position: relative; } body.portrait #portrait-teaser .hotspot-container .hotspot .hotspot-layer { display: none; } body.portrait #portrait-teaser .hotspot-container .hotspot .hotspot-icon { position: absolute; background-position: 0 -1729px; height: 40px; width: 40px; z-index: 10; cursor: pointer; } body.portrait #portrait-teaser .hotspot-container .hotspot .hotspot-icon:hover { background-position: 0 -1587px; height: 40px; width: 40px; } body.portrait #portrait-teaser .hotspot-container .hotspot .hotspot-icon.active { background-position: 0 -1684px; height: 40px; width: 40px; } body.portrait #portrait-teaser .hotspot-container .hotspot .hotspot-icon.active:hover { background-position: 0 -1512px; height: 40px; width: 40px; } body.portrait #portrait-teaser .hotspot-container .hotspot#thomas-hotspot1 .hotspot-icon { left: 260px; top: 210px; } body.portrait #portrait-teaser .hotspot-container .hotspot#thomas-hotspot2 .hotspot-icon { left: 325px; top: 425px; } body.portrait #portrait-teaser .hotspot-container .hotspot#thomas-hotspot3 .hotspot-icon { left: 165px; top: 475px; } body.portrait #portrait-teaser .hotspot-container .hotspot#thomas-hotspot4 .hotspot-icon { left: 330px; top: 555px; } body.portrait #portrait-teaser .hotspot-container .hotspot#thomas-hotspot5 .hotspot-icon { left: 160px; top: 820px; } body.portrait #portrait-teaser .hotspot-container .hotspot#thomas-hotspot6 .hotspot-icon { left: 335px; top: 995px; } body.portrait #portrait-teaser .hotspot-container .hotspot#thomas-hotspot7 .hotspot-icon { display: none; } body.portrait #portrait-teaser .hotspot-container .hotspot#alex-hotspot1 .hotspot-icon { right: 220px; top: 245px; } body.portrait #portrait-teaser .hotspot-container .hotspot#alex-hotspot2 .hotspot-icon { right: 185px; top: 405px; } body.portrait #portrait-teaser .hotspot-container .hotspot#alex-hotspot3 .hotspot-icon { right: 240px; top: 470px; } body.portrait #portrait-teaser .hotspot-container .hotspot#alex-hotspot4 .hotspot-icon { right: 380px; top: 500px; } body.portrait #portrait-teaser .hotspot-container .hotspot#alex-hotspot5 .hotspot-icon { right: 100px; top: 730px; } body.portrait #portrait-teaser .hotspot-container .hotspot#alex-hotspot6 .hotspot-icon { right: 340px; top: 815px; } body.portrait #portrait-teaser .hotspot-container .hotspot#alex-hotspot7 .hotspot-icon { display: none; } body.portrait #portrait-teaser #hotspot-layer { background: url('../images/textures/layer-bg-alpha.png') repeat; position: absolute; z-index: 99; -webkit-box-shadow: 0 0px 5px 2px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 0px 5px 2px rgba(0, 0, 0, 0.5); box-shadow: 0 0px 5px 2px rgba(0, 0, 0, 0.5); -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; top: 200px; display: none; } body.portrait #portrait-teaser #hotspot-layer .hl-inner { position: relative; } body.portrait #portrait-teaser #hotspot-layer .hl-content { margin-top: 15px; margin-left: 30px; margin-right: 0; width: 385px; display: inline-block; } .lt-ie8 body.portrait #portrait-teaser #hotspot-layer .hl-content { display: inline; zoom: 1; vertical-align: auto; } body.portrait #portrait-teaser #hotspot-layer .hl-content h3 { font-family: "Soho W01 Medium"; color: #f39a0f; font-size: 20px; text-transform: uppercase; letter-spacing: 1px; line-height: 22px; margin-bottom: 5px; display: inline-block; } .lt-ie8 body.portrait #portrait-teaser #hotspot-layer .hl-content h3 { display: inline; zoom: 1; vertical-align: auto; } body.portrait #portrait-teaser #hotspot-layer .hl-content .content { width: 385px; position: relative; } body.portrait #portrait-teaser #hotspot-layer .hl-content .content p { font-family: "Soho W01 Regular"; color: white; font-size: 12.3px; line-height: 18.3px; } body.portrait #portrait-teaser #hotspot-layer .hl-content .content p strong, body.portrait #portrait-teaser #hotspot-layer .hl-content .content p b { font-family: "Soho W01 Medium"; font-weight: normal; } body.portrait #portrait-teaser #hotspot-layer .hl-content .content p em, body.portrait #portrait-teaser #hotspot-layer .hl-content .content p i { font-family: "Soho W01 Medium Italic"; font-style: normal !important; } body.portrait #portrait-teaser #hotspot-layer .hl-content .content a { font-family: "Soho W01 Regular"; color: #999999; font-size: 12.3px; line-height: 16.3px; margin-bottom: 3px; display: block; } body.portrait #portrait-teaser #hotspot-layer .hl-content .content a:hover { color: #f39a0f; } body.portrait #portrait-teaser #hotspot-layer .hl-content .content h5 { font-family: "Soho W01 Medium"; color: #f39a0f; font-size: 13px; text-transform: uppercase; line-height: 15px; margin-bottom: 5px; } body.portrait #portrait-teaser #hotspot-layer .hl-content .content h6 { font-family: "Soho W01 Medium"; color: #f39a0f; font-size: 12.3px; line-height: 14.3px; margin-bottom: 5px; } body.portrait #portrait-teaser #hotspot-layer .hl-content .content table.listtable { margin: 0; padding: 0; width: 100%; } body.portrait #portrait-teaser #hotspot-layer .hl-content .content table.listtable tr { vertical-align: top; } body.portrait #portrait-teaser #hotspot-layer .hl-content .content table.listtable tr td { font-family: "Soho W01 Regular"; color: white; font-size: 12.3px; line-height: 16.3px; vertical-align: top; text-align: left; padding-bottom: 5px; } body.portrait #portrait-teaser #hotspot-layer .hl-content .content table.listtable tr td.leftcell { width: 30%; } body.portrait #portrait-teaser #hotspot-layer .hl-content .content table.listtable tr td strong { font-family: "Soho W01 Medium"; font-weight: normal; line-height: 16.3px; } body.portrait #portrait-teaser #hotspot-layer .hl-content .content table.listtable tr td em { font-family: "Soho W01 Medium Italic"; font-style: normal; font-weight: normal; } body.portrait #portrait-teaser #hotspot-layer .hl-content .content table.listtable tr td a { display: inline; padding-top: 0; } body.portrait #portrait-teaser #hotspot-layer .sidebar .slideshow-button { position: absolute; top: 68px; left: 105px; display: none; z-index: 99; left: 60px; top: 45px; } body.portrait #portrait-teaser #hotspot-layer .sidebar .slideshow-button.media-tv { background-position: 0 -1135px; height: 64px; width: 64px; cursor: pointer; } body.portrait #portrait-teaser #hotspot-layer .sidebar .slideshow-button.media-tv:hover, body.portrait #portrait-teaser #hotspot-layer .sidebar .slideshow-button.media-tv.hover { background-position: 0 -452px; height: 64px; width: 64px; } body.portrait #portrait-teaser #hotspot-layer .sidebar .slideshow-button.media-tv.show { display: block; } body.portrait #portrait-teaser #hotspot-layer .sidebar .slideshow-button.media-photo { background-position: 0 -1791px; height: 64px; width: 64px; cursor: pointer; } body.portrait #portrait-teaser #hotspot-layer .sidebar .slideshow-button.media-photo:hover, body.portrait #portrait-teaser #hotspot-layer .sidebar .slideshow-button.media-photo.hover { background-position: 0 -1550px; height: 64px; width: 64px; } body.portrait #portrait-teaser #hotspot-layer .sidebar .slideshow-button.media-photo.show { display: block; } body.portrait #portrait-teaser #hotspot-layer .sidebar .title { position: relative; } body.portrait #portrait-teaser #hotspot-layer .sidebar .title .slidernav { position: absolute; top: 0; right: 43px; } body.portrait #portrait-teaser #hotspot-layer .sidebar .title .slidernav .slide-prev, body.portrait #portrait-teaser #hotspot-layer .sidebar .title .slidernav .slide-next { cursor: pointer; position: absolute; } body.portrait #portrait-teaser #hotspot-layer .sidebar .title .slidernav .slide-prev { right: 59px; background-position: 0 -2420px; height: 21px; width: 21px; } body.portrait #portrait-teaser #hotspot-layer .sidebar .title .slidernav .slide-prev:hover { background-position: 0 -2205px; height: 21px; width: 21px; } body.portrait #portrait-teaser #hotspot-layer .sidebar .title .slidernav .slide-next { right: 0; background-position: 0 -2394px; height: 21px; width: 21px; } body.portrait #portrait-teaser #hotspot-layer .sidebar .title .slidernav .slide-next:hover { background-position: 0 -2150px; height: 21px; width: 21px; } body.portrait #portrait-teaser #hotspot-layer .sidebar .title .slidernav .slide-position { font-family: "Soho W01 Regular"; font-size: 12.3px; line-height: 20px; text-align: center; position: absolute; right: 17px; width: 45px; } body.portrait #portrait-teaser #hotspot-layer.leftcycle .sidebar { height: 160px; display: inline-block; vertical-align: top; position: relative; margin-top: 20px; margin-left: 20px; } .lt-ie8 body.portrait #portrait-teaser #hotspot-layer.leftcycle .sidebar { display: inline; zoom: 1; vertical-align: auto; } body.portrait #portrait-teaser #hotspot-layer.rightcycle .sidebar { height: 160px; display: inline-block; vertical-align: top; position: relative; margin-top: 20px; margin-left: 0; } .lt-ie8 body.portrait #portrait-teaser #hotspot-layer.rightcycle .sidebar { display: inline; zoom: 1; vertical-align: auto; } body.portrait #portrait-teaser .info-layers { position: absolute; width: 600px; height: 600px; display: none; background: url('../images/textures/layer-bg-alpha.png') repeat top left; z-index: 4; border-top: 1px solid #333333; border-bottom: 1px solid #333333; } body.portrait #portrait-teaser .info-layers .close { position: absolute; background-position: 0 -575px; height: 30px; width: 30px; top: 10px; right: 10px; z-index: 4; cursor: pointer; } body.portrait #portrait-teaser .info-layers .close:hover { background-position: 0 -306px; height: 30px; width: 30px; } body.portrait #portrait-teaser .info-layers .sign { position: absolute; top: 5px; left: 15px; } body.portrait #portrait-teaser .info-layers .layer { width: 480px; position: relative; top: 75px; left: 40px; } body.portrait #portrait-teaser .info-layers .layer .title { font-family: "Soho W01 Medium"; color: #f39a0f; font-size: 20px; text-transform: uppercase; line-height: 24px; display: inline-block; } .lt-ie8 body.portrait #portrait-teaser .info-layers .layer .title { display: inline; zoom: 1; vertical-align: auto; } body.portrait #portrait-teaser .info-layers .layer .title .border1 { height: 3px; margin-bottom: 2px; margin-top: 10px; margin-top: 0; padding-top: 0; background: #a36503; background: -moz-linear-gradient(left, #f39a0f 0%, #a36503 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%, #f39a0f), color-stop(100%, #a36503)); background: -webkit-linear-gradient(left, #f39a0f 0%, #a36503 100%); background: -o-linear-gradient(left, #f39a0f 0%, #a36503 100%); background: -ms-linear-gradient(left, #f39a0f 0%, #a36503 100%); background: linear-gradient(to right, #f39a0f 0%, #a36503 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f39a0f', endColorstr='#a36503',GradientType=1 ); } body.portrait #portrait-teaser .info-layers .layer .title .border2 { height: 1px; margin-bottom: 2px; margin-top: 10px; margin-top: 0; padding-top: 0; background: #a36503; background: -moz-linear-gradient(left, #f39a0f 0%, #a36503 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%, #f39a0f), color-stop(100%, #a36503)); background: -webkit-linear-gradient(left, #f39a0f 0%, #a36503 100%); background: -o-linear-gradient(left, #f39a0f 0%, #a36503 100%); background: -ms-linear-gradient(left, #f39a0f 0%, #a36503 100%); background: linear-gradient(to right, #f39a0f 0%, #a36503 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f39a0f', endColorstr='#a36503',GradientType=1 ); } body.portrait #portrait-teaser .info-layers .layer .textcontent { width: 450px; height: 430px; margin-top: 20px; font-family: "Soho W01 Regular"; color: white; font-size: 12.3px; line-height: 16.3px; } body.portrait #portrait-teaser .info-layers .layer .textcontent .inner { width: 380px; } body.portrait #portrait-teaser .info-layers .layer .textcontent .jspVerticalBar { background: none; right: 1px; } body.portrait #portrait-teaser .info-layers .layer .textcontent .jspVerticalBar .jspCapTop { display: block; height: 10px; } body.portrait #portrait-teaser .info-layers .layer .textcontent .jspVerticalBar .jspCapBottom { display: block; height: 0px; } body.portrait #portrait-teaser .info-layers .layer .textcontent .jspVerticalBar .jspTrack { width: 10px; border: none; background: rgba(255, 255, 255, 0.1); border-radius: 3px; right: 2px; } body.portrait #portrait-teaser .info-layers .layer .textcontent .jspVerticalBar .jspDrag { width: 8px; border: none; background-color: rgba(153, 153, 153, 0.5); border-radius: 3px; margin-left: 1px; } body.portrait #portrait-teaser .info-layers .layer .textcontent .jspVerticalBar .jspDrag:hover { background: rgba(243, 154, 15, 0.7); } body.portrait #portrait-teaser .info-layers .layer .textcontent h1, body.portrait #portrait-teaser .info-layers .layer .textcontent h2 { font-family: "Soho W01 Medium"; color: #f39a0f; font-size: 16px; text-transform: uppercase; line-height: 19px; margin-bottom: 20px; } body.portrait #portrait-teaser .info-layers .layer .textcontent h3, body.portrait #portrait-teaser .info-layers .layer .textcontent h4, body.portrait #portrait-teaser .info-layers .layer .textcontent h5 { font-family: "Soho W01 Medium"; color: #f39a0f; font-size: 16px; text-transform: uppercase; line-height: 19px; margin-bottom: 20px; display: inline-block; } .lt-ie8 body.portrait #portrait-teaser .info-layers .layer .textcontent h3, .lt-ie8 body.portrait #portrait-teaser .info-layers .layer .textcontent h4, .lt-ie8 body.portrait #portrait-teaser .info-layers .layer .textcontent h5 { display: inline; zoom: 1; vertical-align: auto; } body.portrait #portrait-teaser .info-layers .layer .textcontent h6 { font-family: "Soho W01 Medium"; color: #666666; font-size: 12.3px; text-transform: uppercase; line-height: 16.3px; margin: 0; } body.portrait #portrait-teaser .info-layers .layer .textcontent .question { font-family: "Soho W01 Medium"; color: #666666; font-size: 12.3px; line-height: 16.3px; margin: 0 0 5px; } body.portrait #portrait-teaser .info-layers .layer .textcontent .line { font-family: "Soho W01 Regular"; color: #666666; font-size: 13px; line-height: 15px; margin-bottom: 0; margin-top: 5px; height: 20px; overflow: hidden; } body.portrait #portrait-teaser .info-layers .layer .textcontent .toggleHeadline { font-family: "Soho W01 Medium"; color: #999999; font-size: 13px; text-transform: uppercase; padding-left: 15px; cursor: pointer; margin-top: 8px; position: relative; display: inline-block; vertical-align: middle; } .lt-ie8 body.portrait #portrait-teaser .info-layers .layer .textcontent .toggleHeadline { display: inline; zoom: 1; vertical-align: auto; } body.portrait #portrait-teaser .info-layers .layer .textcontent .toggleHeadline .toggleIcon { background-position: 0 -4514px; height: 12px; width: 12px; text-indent: 100%; white-space: nowrap; overflow: hidden; display: inline-block; position: absolute; left: 0; top: 2px; } .lt-ie8 body.portrait #portrait-teaser .info-layers .layer .textcontent .toggleHeadline .toggleIcon { display: inline; zoom: 1; vertical-align: auto; } body.portrait #portrait-teaser .info-layers .layer .textcontent .toggleHeadline:hover { color: #f39a0f; } body.portrait #portrait-teaser .info-layers .layer .textcontent .toggleHeadline:hover .toggleIcon { background-position: 0 -4433px; height: 12px; width: 12px; } body.portrait #portrait-teaser .info-layers .layer .textcontent .toggleHeadline.opened { color: #f39a0f; } body.portrait #portrait-teaser .info-layers .layer .textcontent .toggleHeadline.opened .toggleIcon { background-position: 0 -4544px; height: 12px; width: 12px; } body.portrait #portrait-teaser .info-layers .layer .textcontent .listtable { margin: 0; padding: 0; width: 100%; line-height: 19px; } body.portrait #portrait-teaser .info-layers .layer .textcontent .listtable tr { vertical-align: top; } body.portrait #portrait-teaser .info-layers .layer .textcontent .listtable tr td { font-family: "Soho W01 Regular"; color: white; font-size: 12.3px; line-height: 16.3px; vertical-align: top; text-align: left; padding-bottom: 5px; } body.portrait #portrait-teaser .info-layers .layer .textcontent .listtable tr td.leftcell { width: 30%; } body.portrait #portrait-teaser .info-layers .layer .textcontent .listtable tr td strong { font-family: "Soho W01 Medium"; font-weight: normal; line-height: 16.3px; } body.portrait #portrait-teaser .info-layers .layer .textcontent .listtable tr td em { font-family: "Soho W01 Medium Italic"; font-style: normal; font-weight: normal; } body.portrait #portrait-teaser .info-layers .layer .textcontent .listtable tr td a { display: inline; padding-top: 0; } body.portrait #portrait-teaser .info-layers .layer .textcontent .listtable tr td { line-height: 19px; padding-bottom: 10px; } body.portrait #portrait-teaser .info-layers .layer .textcontent .listtable tr td h6 { font-family: "Soho W01 Regular"; color: #666666; font-size: 12.3px; text-transform: uppercase; line-height: 16.3px; margin: 0; } body.portrait #portrait-teaser .info-layers .layer .textcontent .listtable tr td p { margin-bottom: 0; } body.portrait #portrait-teaser .info-layers .layer .textcontent .listtable tr td.leftcell { width: 20%; } body.portrait #portrait-teaser .info-layers .layer.layer-t5 .textcontent h6, body.portrait #portrait-teaser .info-layers .layer.layer-a5 .textcontent h6 { text-transform: none; } body.portrait #portrait-teaser .info-layers#layers-thomas { left: 425px; top: 265px; width: 535px; } body.portrait #portrait-teaser .info-layers#layers-thomas .layer { width: 490px; } body.portrait #portrait-teaser .info-layers#layers-thomas .layer .textcontent { width: 465px; } body.portrait #portrait-teaser .info-layers#layers-thomas .close { right: 27px; } body.portrait #portrait-teaser .info-layers#layers-thomas .sign { background-position: 0 -2551px; height: 65px; width: 153px; } body.portrait #portrait-teaser .info-layers#layers-alex { left: -20px; top: 235px; width: 500px; } body.portrait #portrait-teaser .info-layers#layers-alex .close { right: 26px; } body.portrait #portrait-teaser .info-layers#layers-alex .sign { background-position: 0 -2621px; height: 78px; width: 127px; left: 20px; } body.portrait #portrait-teaser .info-layers#layers-alex .layer { left: 30px; width: 445px; } body.portrait #portrait-teaser .info-layers#layers-alex .layer .textcontent { width: 440px; } body.portrait .hb_portrait_article { margin-bottom: 50px; } body.portrait .hb_portrait_article section.lft, body.portrait .hb_portrait_article section.rgt { width: 460px; display: -moz-inline-box; -moz-box-orient: vertical; display: inline-block; vertical-align: middle; *vertical-align: auto; vertical-align: top; } body.portrait .hb_portrait_article section.lft, body.portrait .hb_portrait_article section.rgt { *display: inline; } body.portrait .hb_portrait_article section.lft p, body.portrait .hb_portrait_article section.rgt p { font-family: "Soho W01 Regular"; font-size: 12.3px; line-height: 18.3px; margin: 0; } body.portrait .hb_portrait_article section.lft p strong, body.portrait .hb_portrait_article section.lft p b, body.portrait .hb_portrait_article section.rgt p strong, body.portrait .hb_portrait_article section.rgt p b { font-family: "Soho W01 Medium"; font-weight: normal; } body.portrait .hb_portrait_article section.lft p em, body.portrait .hb_portrait_article section.lft p i, body.portrait .hb_portrait_article section.rgt p em, body.portrait .hb_portrait_article section.rgt p i { font-family: "Soho W01 Medium Italic"; font-style: normal; } body.portrait .hb_portrait_article section.lft a, body.portrait .hb_portrait_article section.rgt a { font-family: "Soho W01 Regular"; color: #999999; font-size: 12.3px; line-height: 16.3px; margin-bottom: 3px; display: block; } body.portrait .hb_portrait_article section.lft a:hover, body.portrait .hb_portrait_article section.rgt a:hover { color: #f39a0f; } body.portrait .hb_portrait_article section.lft { margin-right: 35px; } body.portrait .hb_portrait_article h2 { font-family: "Soho W01 Medium"; font-weight: normal; color: #f39a0f; font-size: 16px; text-transform: uppercase; line-height: 18px; margin: 20px 0; } body.portrait .hb_portrait_article h3 { font-family: "Soho W01 Medium"; font-weight: normal; color: #666666; font-size: 13px; text-transform: uppercase; line-height: 15px; margin: 20px 0; } body.portrait .hb_portrait_article h4 { font-family: "Soho W01 Medium"; font-weight: normal; color: #f39a0f; font-size: 13px; text-transform: none; line-height: 15px; margin: 20px 0; } #timetravel-teaser { height: 800px; margin-bottom: 50px; } #timetravel-teaser #timetravel-first { display: none; } #timetravel-teaser #timetravel-wrapper { background: transparent url('../images/textures/zeitreise_bg.jpg') repeat top left; height: 650px; } #timetravel-teaser #timetravel-wrapper .timetravel-element { height: 650px; position: absolute; left: 0; top: 0; width: 100%; } #timetravel-teaser #timetravel-wrapper .timetravel-element .inner { width: 880px; height: 500px; margin: auto; position: relative; top: 175px; } #timetravel-teaser #timetravel-wrapper .timetravel-element .inner .station .station-header { font-family: "Soho W01 Medium"; color: white; font-size: 12.3px; line-height: 19px; background: #333333; cursor: pointer; background: #cccccc; background: -moz-linear-gradient(left, #544c42 0%, #cccccc 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%, #544c42), color-stop(100%, #cccccc)); background: -webkit-linear-gradient(left, #544c42 0%, #cccccc 100%); background: -o-linear-gradient(left, #544c42 0%, #cccccc 100%); background: -ms-linear-gradient(left, #544c42 0%, #cccccc 100%); background: linear-gradient(to right, #544c42 0%, #cccccc 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#544c42', endColorstr='#cccccc',GradientType=1 ); -webkit-box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.5); box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.5); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); opacity: 0.7; width: 42px; height: 19px; text-align: center; display: block; } #timetravel-teaser #timetravel-wrapper .timetravel-element .inner .station .station-info { display: none; cursor: pointer; position: relative; font-family: "Soho W01 Medium"; font-weight: normal; color: white; font-size: 11.3px; text-transform: uppercase; line-height: 15.3px; width: 175px; -webkit-box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.5); box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.5); background-color: #f39a0f; background: #f39a0f; background: -moz-linear-gradient(left, #a36503 0%, #f39a0f 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%, #a36503), color-stop(100%, #f39a0f)); background: -webkit-linear-gradient(left, #a36503 0%, #f39a0f 100%); background: -o-linear-gradient(left, #a36503 0%, #f39a0f 100%); background: -ms-linear-gradient(left, #a36503 0%, #f39a0f 100%); background: linear-gradient(to right, #a36503 0%, #f39a0f 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a36503', endColorstr='#f39a0f',GradientType=1 ); z-index: 999; padding: 5px; top: 0; left: 0; display: none; } #timetravel-teaser #timetravel-wrapper .timetravel-element .inner .station .station-info span { font-family: "Soho W01 Medium"; font-weight: normal; color: #333333; font-size: 11.3px; text-transform: uppercase; line-height: 11.3px; display: block; margin-top: 0; margin-bottom: 3px; } #timetravel-teaser #timetravel-wrapper .timetravel-element .inner .lft, #timetravel-teaser #timetravel-wrapper .timetravel-element .inner .rgt { display: inline-block; vertical-align: top; } .lt-ie8 #timetravel-teaser #timetravel-wrapper .timetravel-element .inner .lft, .lt-ie8 #timetravel-teaser #timetravel-wrapper .timetravel-element .inner .rgt { display: inline; zoom: 1; vertical-align: auto; } #timetravel-teaser #timetravel-wrapper .timetravel-element .inner .lft { width: 470px; } #timetravel-teaser #timetravel-wrapper .timetravel-element .inner .lft .slideshow-wrapper .slideshow { width: 430px; margin-left: 0; } #timetravel-teaser #timetravel-wrapper .timetravel-element .inner .lft .slideshow-wrapper .slideshow .fb { display: none; } #timetravel-teaser #timetravel-wrapper .timetravel-element .inner .lft .slideshow-wrapper .slideshow .fb.first { display: block; } #timetravel-teaser #timetravel-wrapper .timetravel-element .inner .lft .slideshow-wrapper .slideshow-button { position: absolute; top: 68px; left: 105px; display: none; z-index: 99; } #timetravel-teaser #timetravel-wrapper .timetravel-element .inner .lft .slideshow-wrapper .slideshow-button.media-tv { background-position: 0 -1135px; height: 64px; width: 64px; cursor: pointer; } #timetravel-teaser #timetravel-wrapper .timetravel-element .inner .lft .slideshow-wrapper .slideshow-button.media-tv:hover, #timetravel-teaser #timetravel-wrapper .timetravel-element .inner .lft .slideshow-wrapper .slideshow-button.media-tv.hover { background-position: 0 -452px; height: 64px; width: 64px; } #timetravel-teaser #timetravel-wrapper .timetravel-element .inner .lft .slideshow-wrapper .slideshow-button.media-tv.show { display: block; } #timetravel-teaser #timetravel-wrapper .timetravel-element .inner .lft .slideshow-wrapper .slideshow-button.media-photo { background-position: 0 -1791px; height: 64px; width: 64px; cursor: pointer; } #timetravel-teaser #timetravel-wrapper .timetravel-element .inner .lft .slideshow-wrapper .slideshow-button.media-photo:hover, #timetravel-teaser #timetravel-wrapper .timetravel-element .inner .lft .slideshow-wrapper .slideshow-button.media-photo.hover { background-position: 0 -1550px; height: 64px; width: 64px; } #timetravel-teaser #timetravel-wrapper .timetravel-element .inner .lft .slideshow-wrapper .slideshow-button.media-photo.show { display: block; } #timetravel-teaser #timetravel-wrapper .timetravel-element .inner .lft .lft-info { width: 390px; position: relative; } #timetravel-teaser #timetravel-wrapper .timetravel-element .inner .lft .lft-info .info-border { height: 1px; background: #9b9691; width: 345px; margin-top: 8px; margin-bottom: 8px; } #timetravel-teaser #timetravel-wrapper .timetravel-element .inner .lft .lft-info .chtitle { font-family: "Soho W01 Regular"; color: #333333; font-size: 12.3px; line-height: 16.3px; display: block; position: absolute; left: 0; width: 245px; } #timetravel-teaser #timetravel-wrapper .timetravel-element .inner .lft .lft-info .chtitle b, #timetravel-teaser #timetravel-wrapper .timetravel-element .inner .lft .lft-info .chtitle strong { font-family: "Soho W01 Medium"; font-weight: normal; } #timetravel-teaser #timetravel-wrapper .timetravel-element .inner .lft .lft-info .info-rgt { display: block; position: absolute; right: 0; } #timetravel-teaser #timetravel-wrapper .timetravel-element .inner .lft .lft-info .info-rgt .slidernav { color: #333333; position: relative; right: 50px; top: -3px; } #timetravel-teaser #timetravel-wrapper .timetravel-element .inner .lft .lft-info .info-rgt .slidernav .slide-prev, #timetravel-teaser #timetravel-wrapper .timetravel-element .inner .lft .lft-info .info-rgt .slidernav .slide-next { position: absolute; cursor: pointer; top: 2px; } #timetravel-teaser #timetravel-wrapper .timetravel-element .inner .lft .lft-info .info-rgt .slidernav .slide-prev { right: 59px; background-position: 0 -2420px; height: 21px; width: 21px; } #timetravel-teaser #timetravel-wrapper .timetravel-element .inner .lft .lft-info .info-rgt .slidernav .slide-prev:hover { background-position: 0 -2205px; height: 21px; width: 21px; } #timetravel-teaser #timetravel-wrapper .timetravel-element .inner .lft .lft-info .info-rgt .slidernav .slide-next { right: 0; background-position: 0 -2394px; height: 21px; width: 21px; } #timetravel-teaser #timetravel-wrapper .timetravel-element .inner .lft .lft-info .info-rgt .slidernav .slide-next:hover { background-position: 0 -2150px; height: 21px; width: 21px; } #timetravel-teaser #timetravel-wrapper .timetravel-element .inner .lft .lft-info .info-rgt .slidernav .slide-position { font-family: "Soho W01 Regular"; color: #333333; font-size: 12.3px; line-height: 23px; position: absolute; right: 17px; width: 45px; text-align: center; top: 1px; } #timetravel-teaser #timetravel-wrapper .timetravel-element .inner .lft .lft-info .info-rgt .media-tv { display: inline-block; text-indent: 100%; white-space: nowrap; overflow: hidden; cursor: pointer; vertical-align: top; background-position: 0 -4007px; height: 25px; width: 31px; position: relative; top: -7px; left: 0; } .lt-ie8 #timetravel-teaser #timetravel-wrapper .timetravel-element .inner .lft .lft-info .info-rgt .media-tv { display: inline; zoom: 1; vertical-align: auto; } #timetravel-teaser #timetravel-wrapper .timetravel-element .inner .lft .lft-info .info-rgt .media-tv:hover { background-position: 0 -2929px; height: 25px; width: 31px; } #timetravel-teaser #timetravel-wrapper .timetravel-element .inner .lft .lft-info .info-rgt .media-tv.inactive { background-position: 0 -3883px; height: 25px; width: 31px; cursor: default; } #timetravel-teaser #timetravel-wrapper .timetravel-element .inner .lft .lft-info .info-rgt .media-tv.opened { background-position: 0 -2756px; height: 25px; width: 31px; } #timetravel-teaser #timetravel-wrapper .timetravel-element .inner .lft .lft-info .info-rgt .media-tv.opened:hover { background-position: 0 -2080px; height: 25px; width: 31px; } #timetravel-teaser #timetravel-wrapper .timetravel-element .inner .rgt { width: 400px; } #timetravel-teaser #timetravel-wrapper .timetravel-element .inner .rgt .date { font-family: "Soho W01 Medium"; font-weight: normal; color: white; font-size: 12.3px; text-transform: uppercase; line-height: 16px; background: #929292; background: rgba(51, 51, 51, 0.5); display: table; margin-bottom: 10px; padding: 2px 5px; } #timetravel-teaser #timetravel-wrapper .timetravel-element .inner .rgt .title { font-family: "Soho W01 Medium"; font-weight: normal; color: #f39a0f; font-size: 20px; text-transform: uppercase; line-height: 22px; display: inline-block; } .lt-ie8 #timetravel-teaser #timetravel-wrapper .timetravel-element .inner .rgt .title { display: inline; zoom: 1; vertical-align: auto; } #timetravel-teaser #timetravel-wrapper .timetravel-element .inner .rgt .border1 { height: 3px; margin-bottom: 2px; margin-top: 0; padding-top: 0; background: #f39a0f; background: -moz-linear-gradient(left, #a36503 0%, #f39a0f 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%, #a36503), color-stop(100%, #f39a0f)); background: -webkit-linear-gradient(left, #a36503 0%, #f39a0f 100%); background: -o-linear-gradient(left, #a36503 0%, #f39a0f 100%); background: -ms-linear-gradient(left, #a36503 0%, #f39a0f 100%); background: linear-gradient(to right, #a36503 0%, #f39a0f 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a36503', endColorstr='#f39a0f',GradientType=1 ); } #timetravel-teaser #timetravel-wrapper .timetravel-element .inner .rgt .border2 { height: 1px; margin-bottom: 15px; margin-top: 0; padding-top: 0; background: #f39a0f; background: -moz-linear-gradient(left, #a36503 0%, #f39a0f 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%, #a36503), color-stop(100%, #f39a0f)); background: -webkit-linear-gradient(left, #a36503 0%, #f39a0f 100%); background: -o-linear-gradient(left, #a36503 0%, #f39a0f 100%); background: -ms-linear-gradient(left, #a36503 0%, #f39a0f 100%); background: linear-gradient(to right, #a36503 0%, #f39a0f 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a36503', endColorstr='#f39a0f',GradientType=1 ); } #timetravel-teaser #timetravel-wrapper .timetravel-element .inner .rgt #contentbox { font-family: "Soho W01 Regular"; color: #333333; font-size: 12.3px; line-height: 18.3px; height: 300px; overflow: hidden; position: absolute; } #timetravel-teaser #timetravel-wrapper .timetravel-element .inner .rgt #contentbox.autoscroll { overflow-y: auto; overflow-x: hidden; } #timetravel-teaser #timetravel-wrapper .timetravel-element .inner .rgt #contentbox .jspHorizontalBar { display: none; } #timetravel-teaser #timetravel-wrapper .timetravel-element .inner .rgt #contentbox .jspVerticalBar { background: none; right: 1px; height: 300px; background: none; } #timetravel-teaser #timetravel-wrapper .timetravel-element .inner .rgt #contentbox .jspVerticalBar .jspCapTop { display: block; height: 10px; } #timetravel-teaser #timetravel-wrapper .timetravel-element .inner .rgt #contentbox .jspVerticalBar .jspCapBottom { display: block; height: 0px; } #timetravel-teaser #timetravel-wrapper .timetravel-element .inner .rgt #contentbox .jspVerticalBar .jspTrack { width: 10px; border: none; background: rgba(0, 0, 0, 0.1); border-radius: 3px; right: 2px; } #timetravel-teaser #timetravel-wrapper .timetravel-element .inner .rgt #contentbox .jspVerticalBar .jspDrag { width: 8px; border: none; background-color: rgba(153, 153, 153, 0.5); border-radius: 3px; margin-left: 1px; } #timetravel-teaser #timetravel-wrapper .timetravel-element .inner .rgt #contentbox .jspVerticalBar .jspDrag:hover { background: rgba(243, 154, 15, 0.7); } #timetravel-teaser #timetravel-wrapper .timetravel-element .inner .rgt #contentbox .scrollinner { font-family: "Soho W01 Regular"; font-size: 12.3px; line-height: 18.3px; padding-right: 20px; } #timetravel-teaser #timetravel-wrapper .timetravel-element .inner .rgt #contentbox .scrollinner b, #timetravel-teaser #timetravel-wrapper .timetravel-element .inner .rgt #contentbox .scrollinner strong { font-family: "Soho W01 Medium"; font-weight: normal; } #timetravel-teaser #timetravel-wrapper .timetravel-element .inner .rgt #contentbox .scrollinner b em, #timetravel-teaser #timetravel-wrapper .timetravel-element .inner .rgt #contentbox .scrollinner b i, #timetravel-teaser #timetravel-wrapper .timetravel-element .inner .rgt #contentbox .scrollinner strong em, #timetravel-teaser #timetravel-wrapper .timetravel-element .inner .rgt #contentbox .scrollinner strong i { font-family: "Soho W01 Medium Italic"; font-style: normal; } #timetravel-teaser #timetravel-wrapper .timetravel-element .inner .rgt #contentbox .scrollinner em, #timetravel-teaser #timetravel-wrapper .timetravel-element .inner .rgt #contentbox .scrollinner i { font-family: "Soho W01 Medium Italic"; font-style: normal; } #timetravel-teaser #timetravel-wrapper .timetravel-element .inner .rgt #contentbox .scrollinner em b, #timetravel-teaser #timetravel-wrapper .timetravel-element .inner .rgt #contentbox .scrollinner em strong, #timetravel-teaser #timetravel-wrapper .timetravel-element .inner .rgt #contentbox .scrollinner i b, #timetravel-teaser #timetravel-wrapper .timetravel-element .inner .rgt #contentbox .scrollinner i strong { font-family: "Soho W01 Medium Italic"; font-style: normal; } #timetravel-teaser #timetravel-wrapper .timetravel-element .inner .rgt #contentbox .scrollinner h1, #timetravel-teaser #timetravel-wrapper .timetravel-element .inner .rgt #contentbox .scrollinner h2, #timetravel-teaser #timetravel-wrapper .timetravel-element .inner .rgt #contentbox .scrollinner h3 { font-family: "Soho W01 Medium"; font-weight: normal; color: #333333; font-size: 13px; text-transform: uppercase; line-height: 15px; } #timetravel-teaser #timetravel-wrapper .timetravel-element .inner .rgt #contentbox .scrollinner h4, #timetravel-teaser #timetravel-wrapper .timetravel-element .inner .rgt #contentbox .scrollinner h5, #timetravel-teaser #timetravel-wrapper .timetravel-element .inner .rgt #contentbox .scrollinner h6 { font-family: "Soho W01 Medium"; font-weight: normal; color: #333333; font-size: 12.3px; text-transform: uppercase; line-height: 14.3px; } #timetravel-teaser #timetravel-wrapper .timetravel-element .inner .rgt #contentbox .scrollinner .timetravel-border { font-family: "Soho W01 Medium"; color: #333333; font-size: 12.3px; letter-spacing: 2px; overflow: hidden; margin: 0 0 10px; } #timetravel-teaser #timetravel-wrapper .timetravel-element .inner .rgt #contentbox .scrollinner a { font-family: "Soho W01 Regular"; color: #999999; font-size: 12.3px; line-height: 16.3px; display: block; margin-bottom: 5px; } #timetravel-teaser #timetravel-wrapper .timetravel-element .inner .rgt #contentbox .scrollinner a:hover { color: #f39a0f; } #timetravel-teaser #timetravel-wrapper .timetravel-element .videobox { margin-top: -170px; height: 460px; } #timetravel-teaser #timetravel-wrapper .timetravel-element .videobox .video-container { margin-top: 10px; } #timetravel-teaser #timetravel-wrapper .timetravel-element .videobox .video-container .title { margin-bottom: 10px; } #timetravel-teaser #timetravel-wrapper .timetravel-element .videobox #videoscroller { height: 380px; } #timetravel-teaser .closeProject { position: absolute; background-position: 0 -2618px; height: 39px; width: 40px; cursor: pointer; z-index: 5; top: 145px; right: 30px; display: none; } #timetravel-teaser .closeProject:hover { background-position: 0 -1911px; height: 39px; width: 40px; } #timetravel-teaser .prev { background-position: 0 -1001px; height: 60px; width: 40px; position: absolute; top: 350px; left: 20px; cursor: pointer; display: none; z-index: 99; } #timetravel-teaser .prev:hover { background-position: 0 -271px; height: 60px; width: 40px; } #timetravel-teaser .next { background-position: 0 -1204px; height: 60px; width: 40px; position: absolute; top: 350px; right: 20px; cursor: pointer; display: none; z-index: 99; } #timetravel-teaser .next:hover { background-position: 0 -387px; height: 60px; width: 40px; } #timetravel-teaser:hover .prev, #timetravel-teaser:hover .next { display: block; } #timetravel-teaser .icon-explore { background-position: 0 0; height: 47px; width: 75px; position: relative; top: 27px; width: 75px; z-index: 888; margin: -47px auto 0 auto; } body.snapshot #main { top: -105px; } body.snapshot #main .snapshot_cat .snapshot_row { margin-bottom: 10px; display: none; } body.snapshot #main .snapshot_cat .snapshot_row.snapshot_row_1 { display: block; } body.snapshot #main .snapshot_cat .snapshot_row .border_row { display: block; } body.snapshot #main .snapshot_cat .snapshot_row .border_row .border1, body.snapshot #main .snapshot_cat .snapshot_row .border_row .border2 { display: block; background: #f39a0f; background: -moz-linear-gradient(left, #a36503 0%, #f39a0f 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%, #a36503), color-stop(100%, #f39a0f)); background: -webkit-linear-gradient(left, #a36503 0%, #f39a0f 100%); background: -o-linear-gradient(left, #a36503 0%, #f39a0f 100%); background: -ms-linear-gradient(left, #a36503 0%, #f39a0f 100%); background: linear-gradient(to right, #a36503 0%, #f39a0f 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a36503', endColorstr='#f39a0f',GradientType=1 ); width: 100%; } body.snapshot #main .snapshot_cat .snapshot_row .border_row .border1 { height: 3px; margin-bottom: 2px; } body.snapshot #main .snapshot_cat .snapshot_row .border_row .border2 { height: 1px; margin-bottom: 10px; } body.snapshot #main .snapshot_cat .snapshot_row .snapshot_col { display: inline-block; vertical-align: top; width: 230px; height: 210px; margin-right: 10px; position: relative; } .lt-ie8 body.snapshot #main .snapshot_cat .snapshot_row .snapshot_col { display: inline; zoom: 1; vertical-align: auto; } body.snapshot #main .snapshot_cat .snapshot_row .snapshot_col.col4 { margin-right: 0; } body.snapshot #main .snapshot_cat .snapshot_row .snapshot_col.all .grid { width: 110px; height: 100px; } body.snapshot #main .snapshot_cat .snapshot_row .snapshot_col.all .grid.grid_1, body.snapshot #main .snapshot_cat .snapshot_row .snapshot_col.all .grid.grid_3 { margin-right: 10px; } body.snapshot #main .snapshot_cat .snapshot_row .snapshot_col.all .grid.grid_1, body.snapshot #main .snapshot_cat .snapshot_row .snapshot_col.all .grid.grid_2 { margin-bottom: 10px; } body.snapshot #main .snapshot_cat .snapshot_row .snapshot_col.big .grid { display: none; } body.snapshot #main .snapshot_cat .snapshot_row .snapshot_col.big .grid.grid_1 { display: block; width: 230px; height: 210px; } body.snapshot #main .snapshot_cat .snapshot_row .snapshot_col.leftheight .grid { width: 110px; height: 100px; } body.snapshot #main .snapshot_cat .snapshot_row .snapshot_col.leftheight .grid.grid_1 { height: 210px; margin-right: 10px; } body.snapshot #main .snapshot_cat .snapshot_row .snapshot_col.leftheight .grid.grid_2 { margin-bottom: 10px; } body.snapshot #main .snapshot_cat .snapshot_row .snapshot_col.leftheight .grid.grid_3 { display: none; } body.snapshot #main .snapshot_cat .snapshot_row .snapshot_col.rightheight .grid { width: 110px; height: 100px; } body.snapshot #main .snapshot_cat .snapshot_row .snapshot_col.rightheight .grid.grid_1 { margin-bottom: 10px; margin-right: 10px; } body.snapshot #main .snapshot_cat .snapshot_row .snapshot_col.rightheight .grid.grid_2 { height: 210px; } body.snapshot #main .snapshot_cat .snapshot_row .snapshot_col.rightheight .grid.grid_3 { margin-right: 10px; } body.snapshot #main .snapshot_cat .snapshot_row .snapshot_col.rightheight .grid.grid_4 { display: none; } body.snapshot #main .snapshot_cat .snapshot_row .snapshot_col.topwidth .grid { width: 110px; height: 100px; } body.snapshot #main .snapshot_cat .snapshot_row .snapshot_col.topwidth .grid.grid_1 { margin-bottom: 10px; width: 230px; } body.snapshot #main .snapshot_cat .snapshot_row .snapshot_col.topwidth .grid.grid_2 { display: none; } body.snapshot #main .snapshot_cat .snapshot_row .snapshot_col.topwidth .grid.grid_3 { margin-right: 10px; } body.snapshot #main .snapshot_cat .snapshot_row .snapshot_col.bottomwidth .grid { width: 110px; height: 100px; } body.snapshot #main .snapshot_cat .snapshot_row .snapshot_col.bottomwidth .grid.grid_1 { margin-right: 10px; } body.snapshot #main .snapshot_cat .snapshot_row .snapshot_col.bottomwidth .grid.grid_1, body.snapshot #main .snapshot_cat .snapshot_row .snapshot_col.bottomwidth .grid.grid_2 { margin-bottom: 10px; } body.snapshot #main .snapshot_cat .snapshot_row .snapshot_col.bottomwidth .grid.grid_3 { width: 230px; } body.snapshot #main .snapshot_cat .snapshot_row .snapshot_col.bottomwidth .grid.grid_4 { display: none; } body.snapshot #main .snapshot_cat .snapshot_row .snapshot_col .grid { display: inline-block; vertical-align: top; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); opacity: 0.5; cursor: pointer; position: absolute; transition-property: opacity; transition-duration: 0.2s; transition-timing-function: ease; ​-moz-transition-property: left; -moz-transition-duration: 0.2s; -moz-transition-timing-function: ease; ​-o-transition-property: left; -o-transition-duration: 0.2s; -o-transition-timing-function: ease; ​-webkit-transition-property: left; -webkit-transition-duration: 0.2s; -webkit-transition-timing-function: ease; } .lt-ie8 body.snapshot #main .snapshot_cat .snapshot_row .snapshot_col .grid { display: inline; zoom: 1; vertical-align: auto; } body.snapshot #main .snapshot_cat .snapshot_row .snapshot_col .grid:hover, body.snapshot #main .snapshot_cat .snapshot_row .snapshot_col .grid.active { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; } body.snapshot #main .snapshot_cat .snapshot_row .snapshot_col .grid:hover .imgdesc, body.snapshot #main .snapshot_cat .snapshot_row .snapshot_col .grid.active .imgdesc { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; } body.snapshot #main .snapshot_cat .snapshot_row .snapshot_col .grid.grid_1 { left: 0; top: 0; } body.snapshot #main .snapshot_cat .snapshot_row .snapshot_col .grid.grid_2 { right: 0; top: 0; } body.snapshot #main .snapshot_cat .snapshot_row .snapshot_col .grid.grid_3 { left: 0; bottom: 0; } body.snapshot #main .snapshot_cat .snapshot_row .snapshot_col .grid.grid_4 { right: 0; bottom: 0; } body.snapshot #main .snapshot_cat .snapshot_row .snapshot_col .grid .loading { background: transparent url('../images/misc/loading.gif') no-repeat top left; width: 42px; height: 42px; position: absolute; top: 50%; left: 50%; margin-left: -21px; margin-top: -21px; display: none; } body.snapshot #main .snapshot_cat .snapshot_row .snapshot_col .grid .imgdesc { text-align: right; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; transition-property: opacity; transition-duration: 1s; transition-timing-function: ease; ​-moz-transition-property: left; -moz-transition-duration: 1s; -moz-transition-timing-function: ease; ​-o-transition-property: left; -o-transition-duration: 1s; -o-transition-timing-function: ease; ​-webkit-transition-property: left; -webkit-transition-duration: 1s; -webkit-transition-timing-function: ease; } body.snapshot #main .snapshot_cat .snapshot_row .snapshot_col .grid .imgdesc .imgtitle { font-family: "Soho W01 Medium"; color: #f39a0f; font-size: 11.3px; text-transform: uppercase; line-height: 11.3px; background-color: black; margin-bottom: 1px; padding: 2px; height: 11px; overflow: hidden; position: absolute; bottom: 19px; right: 3px; } body.snapshot #main .snapshot_cat .snapshot_row .snapshot_col .grid .imgdesc .imgtitle.imgtitle2 { bottom: 3px; } body.snapshot #main .snapshot_cat .snapshot_row .snapshot_col .border1, body.snapshot #main .snapshot_cat .snapshot_row .snapshot_col .border2 { background: #f39a0f; background: -moz-linear-gradient(left, #a36503 0%, #f39a0f 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%, #a36503), color-stop(100%, #f39a0f)); background: -webkit-linear-gradient(left, #a36503 0%, #f39a0f 100%); background: -o-linear-gradient(left, #a36503 0%, #f39a0f 100%); background: -ms-linear-gradient(left, #a36503 0%, #f39a0f 100%); background: linear-gradient(to right, #a36503 0%, #f39a0f 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a36503', endColorstr='#f39a0f',GradientType=1 ); width: 100%; } body.snapshot #main .snapshot_cat .snapshot_row .snapshot_col .border1 { height: 3px; margin-bottom: 2px; } body.snapshot #main .snapshot_cat .snapshot_row .snapshot_col .border2 { height: 1px; } body.snapshot #main .snapshot_cat .snapshot_row .snapshot_col h5 { font-family: "Soho W01 Medium"; font-size: 11.3px; text-transform: uppercase; line-height: 14.3px; margin-top: 10px; margin-left: 10px; margin-right: 10px; } body.snapshot #main .snapshot_cat .snapshot_row .snapshot_col h5 p { margin: 0; } body.snapshot #main .snapshot_cat .snapshot_row .snapshot_col h4 { font-family: "Soho W01 Medium"; color: #f39a0f; font-size: 20px; text-transform: uppercase; line-height: 22px; margin-top: 0; margin-left: 10px; margin-right: 10px; } body.snapshot #main .snapshot_cat .snapshot_row .snapshot_col .icon-more { background-position: 0 -2552px; height: 35px; width: 35px; cursor: pointer; position: absolute; bottom: 10px; right: 10px; } body.snapshot #main .snapshot_cat .snapshot_row .snapshot_col .icon-more:hover { background-position: 0 -2302px; height: 35px; width: 35px; } body.snapshot #main .snapshot_cat .snapshot_row .snapshot_col .icon-more.active { background-position: 0 -1962px; height: 35px; width: 35px; } body.snapshot #main .snapshot_cat .snapshot_row .snapshot_col .icon-more.active:hover { background-position: 0 -1619px; height: 35px; width: 35px; } body.snapshot #main .snapshot_cat .inforow { display: none; width: 960px; margin-top: 30px; margin-bottom: 30px; padding-top: 30px; padding-bottom: 25px; border: 1px solid #333333; border-left: 0; border-right: 0; } body.snapshot #main .snapshot_cat .inforow .inner { position: relative; } body.snapshot #main .snapshot_cat .inforow .inner .prev, body.snapshot #main .snapshot_cat .inforow .inner .next { cursor: pointer; display: inline-block; width: 40px; position: absolute; } .lt-ie8 body.snapshot #main .snapshot_cat .inforow .inner .prev, .lt-ie8 body.snapshot #main .snapshot_cat .inforow .inner .next { display: inline; zoom: 1; vertical-align: auto; } body.snapshot #main .snapshot_cat .inforow .inner .prev { left: 0; } body.snapshot #main .snapshot_cat .inforow .inner .prev .icon-prev { display: block; background-position: 0 -1001px; height: 60px; width: 40px; } body.snapshot #main .snapshot_cat .inforow .inner .prev .icon-prev:hover { background-position: 0 -271px; height: 60px; width: 40px; } body.snapshot #main .snapshot_cat .inforow .inner .next { right: 0; } body.snapshot #main .snapshot_cat .inforow .inner .next .icon-next { display: block; background-position: 0 -1204px; height: 60px; width: 40px; } body.snapshot #main .snapshot_cat .inforow .inner .next .icon-next:hover { background-position: 0 -387px; height: 60px; width: 40px; } body.snapshot #main .snapshot_cat .inforow .inner .icon-close { background-position: 0 -575px; height: 30px; width: 30px; display: block; position: absolute; right: 0; top: -10px; cursor: pointer; } body.snapshot #main .snapshot_cat .inforow .inner .icon-close:hover { background-position: 0 -306px; height: 30px; width: 30px; } body.snapshot #main .snapshot_cat .inforow .inner .image { display: inline-block; vertical-align: top; position: relative; left: 45px; } .lt-ie8 body.snapshot #main .snapshot_cat .inforow .inner .image { display: inline; zoom: 1; vertical-align: auto; } body.snapshot #main .snapshot_cat .inforow .inner .image .catholder { font-family: "Soho W01 Medium"; color: #f39a0f; font-size: 16px; text-transform: uppercase; line-height: 16px; position: absolute; top: 0; background-color: black; padding: 0 8px 5px 0; } body.snapshot #main .snapshot_cat .inforow .inner .image .slideshow-button { position: absolute; top: 68px; left: 105px; display: none; z-index: 99; } body.snapshot #main .snapshot_cat .inforow .inner .image .slideshow-button.media-tv { background-position: 0 -1135px; height: 64px; width: 64px; cursor: pointer; } body.snapshot #main .snapshot_cat .inforow .inner .image .slideshow-button.media-tv:hover, body.snapshot #main .snapshot_cat .inforow .inner .image .slideshow-button.media-tv.hover { background-position: 0 -452px; height: 64px; width: 64px; } body.snapshot #main .snapshot_cat .inforow .inner .image .slideshow-button.media-tv.show { display: block; } body.snapshot #main .snapshot_cat .inforow .inner .image .slideshow-button.media-photo { background-position: 0 -1791px; height: 64px; width: 64px; cursor: pointer; } body.snapshot #main .snapshot_cat .inforow .inner .image .slideshow-button.media-photo:hover, body.snapshot #main .snapshot_cat .inforow .inner .image .slideshow-button.media-photo.hover { background-position: 0 -1550px; height: 64px; width: 64px; } body.snapshot #main .snapshot_cat .inforow .inner .image .slideshow-button.media-photo.show { display: block; } body.snapshot #main .snapshot_cat .inforow .inner .image:hover .slideshow-button { display: block; } body.snapshot #main .snapshot_cat .inforow .inner .content { display: inline-block; vertical-align: top; position: relative; left: 85px; } .lt-ie8 body.snapshot #main .snapshot_cat .inforow .inner .content { display: inline; zoom: 1; vertical-align: auto; } body.snapshot #main .snapshot_cat .inforow .inner .content h5 { font-family: "Soho W01 Medium"; color: #f39a0f; font-size: 20px; text-transform: uppercase; line-height: 20px; margin-bottom: 8px; display: inline; } body.snapshot #main .snapshot_cat .inforow .inner .content h6, body.snapshot #main .snapshot_cat .inforow .inner .content .year { font-family: "Soho W01 Medium"; color: white; font-size: 12.3px; text-transform: uppercase; line-height: 15.3px; margin-bottom: 5px; } body.snapshot #main .snapshot_cat .inforow .inner .content .textholder { font-family: "Soho W01 Regular"; color: white; font-size: 12.3px; line-height: 18.3px; margin-top: 20px; position: relative; } body.snapshot #main .snapshot_cat .inforow .inner .content .textholder p { margin: 0; } body.snapshot #main .snapshot_cat .inforow .inner .content .textholder strong, body.snapshot #main .snapshot_cat .inforow .inner .content .textholder b { font-family: "Soho W01 Medium"; font-weight: normal; } body.snapshot #main .snapshot_cat .inforow .inner .content .textholder em, body.snapshot #main .snapshot_cat .inforow .inner .content .textholder i { font-family: "Soho W01 Medium Italic"; font-weight: normal; font-style: normal; } body.snapshot #main .snapshot_cat .inforow .inner .content .textholder a { color: #999999; line-height: 16.3px; margin-bottom: 3px; } body.snapshot #main .snapshot_cat .inforow .inner .content .textholder a:hover { color: #f39a0f; } body.snapshot #main .snapshot_cat .inforow.landscape .inner .content { left: 45px; top: 10px; } body.snapshot #main .snapshot_cat .inforow.landscape .inner .content .textholder { width: 860px; } body.snapshot #main .snapshot_cat .inforow.square .inner .content .textholder { width: 280px; } body.snapshot #main .snapshot_cat .inforow.portrait .inner .content .textholder { width: 440px; } #lectures { position: relative; top: -75px; } #lectures .lecture { width: 290px; display: -moz-inline-box; -moz-box-orient: vertical; display: inline-block; vertical-align: middle; *vertical-align: auto; vertical-align: top; background: url('../images/textures/lectures_item_bg.png') top center no-repeat; margin-right: 30px; } #lectures .lecture { *display: inline; } #lectures .lecture.rgt { margin-right: 0; } #lectures .lecture .inner { width: 270px; margin: 10px; } #lectures .lecture .inner .slideshow-wrapper { position: relative; } #lectures .lecture .inner .slideshow-wrapper .ribbon { position: absolute; z-index: 2; top: -10px; left: -10px; } #lectures .lecture .inner .slideshow-wrapper .slideshow { z-index: 1; } #lectures .lecture .inner .slideshow-wrapper .slideshow-button { position: absolute; top: 68px; left: 105px; display: none; z-index: 99; } #lectures .lecture .inner .slideshow-wrapper .slideshow-button.media-tv { background-position: 0 -1135px; height: 64px; width: 64px; cursor: pointer; } #lectures .lecture .inner .slideshow-wrapper .slideshow-button.media-tv:hover, #lectures .lecture .inner .slideshow-wrapper .slideshow-button.media-tv.hover { background-position: 0 -452px; height: 64px; width: 64px; } #lectures .lecture .inner .slideshow-wrapper .slideshow-button.media-tv.show { display: block; } #lectures .lecture .inner .slideshow-wrapper .slideshow-button.media-photo { background-position: 0 -1791px; height: 64px; width: 64px; cursor: pointer; } #lectures .lecture .inner .slideshow-wrapper .slideshow-button.media-photo:hover, #lectures .lecture .inner .slideshow-wrapper .slideshow-button.media-photo.hover { background-position: 0 -1550px; height: 64px; width: 64px; } #lectures .lecture .inner .slideshow-wrapper .slideshow-button.media-photo.show { display: block; } #lectures .lecture .inner .name { font-family: "Soho W01 Medium"; color: white; font-size: 14px; text-transform: uppercase; line-height: 16px; margin-top: 10px; position: relative; } #lectures .lecture .inner .name .headline { top: 3px; position: relative; } #lectures .lecture .inner .name .slidernav { position: absolute; color: white; top: 0; right: 0; } #lectures .lecture .inner .name .slidernav .slide-prev, #lectures .lecture .inner .name .slidernav .slide-next { cursor: pointer; position: absolute; } #lectures .lecture .inner .name .slidernav .slide-prev { right: 59px; background-position: 0 -2420px; height: 21px; width: 21px; } #lectures .lecture .inner .name .slidernav .slide-prev:hover { background-position: 0 -2205px; height: 21px; width: 21px; } #lectures .lecture .inner .name .slidernav .slide-next { right: 0; background-position: 0 -2394px; height: 21px; width: 21px; } #lectures .lecture .inner .name .slidernav .slide-next:hover { background-position: 0 -2150px; height: 21px; width: 21px; } #lectures .lecture .inner .name .slidernav .slide-position { font-size: 12px; position: absolute; right: 17px; text-align: center; width: 45px; line-height: 20.8px; } #lectures .lecture .inner .title, #lectures .lecture .inner h5, #lectures .lecture .inner h6 { font-family: "Soho W01 Medium"; color: #f39a0f; font-size: 20px; text-transform: uppercase; line-height: 22px; margin-top: 5px; padding-bottom: 18px; } #lectures .lecture .inner .border1 { height: 3px; margin-bottom: 2px; margin-top: 0; padding-top: 0; background: #f39a0f; background: -moz-linear-gradient(left, #a36503 0%, #f39a0f 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%, #a36503), color-stop(100%, #f39a0f)); background: -webkit-linear-gradient(left, #a36503 0%, #f39a0f 100%); background: -o-linear-gradient(left, #a36503 0%, #f39a0f 100%); background: -ms-linear-gradient(left, #a36503 0%, #f39a0f 100%); background: linear-gradient(to right, #a36503 0%, #f39a0f 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a36503', endColorstr='#f39a0f',GradientType=1 ); } #lectures .lecture .inner .border2 { height: 1px; margin-bottom: 15px; margin-top: 0; padding-top: 0; background: #f39a0f; background: -moz-linear-gradient(left, #a36503 0%, #f39a0f 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%, #a36503), color-stop(100%, #f39a0f)); background: -webkit-linear-gradient(left, #a36503 0%, #f39a0f 100%); background: -o-linear-gradient(left, #a36503 0%, #f39a0f 100%); background: -ms-linear-gradient(left, #a36503 0%, #f39a0f 100%); background: linear-gradient(to right, #a36503 0%, #f39a0f 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a36503', endColorstr='#f39a0f',GradientType=1 ); } #lectures .lecture .inner .subtitle { font-family: "Soho W01 Regular"; color: white; font-size: 12.3px; text-transform: none; margin: 0; padding: 0 0 15px 0; } #lectures .lecture .inner .lecture_items { padding-bottom: 18px; background: url('../images/textures/line-orange.png') repeat-x scroll left bottom transparent; } #lectures .lecture .inner .lecture_items .lecture_item .lecture_border { font-family: "Soho W01 Medium"; color: #333333; font-size: 12.3px; letter-spacing: 2px; overflow: hidden; } #lectures .lecture .inner .lecture_items .lecture_item .clip { font-family: "Soho W01 Medium"; color: #999999; font-size: 13px; text-transform: uppercase; padding-left: 25px; position: relative; position: relative; margin-top: 8px; cursor: pointer; } #lectures .lecture .inner .lecture_items .lecture_item .clip span.media-tv { position: absolute; display: block; left: 0.1px; background-position: 0 -4234px; height: 18px; width: 20px; } #lectures .lecture .inner .lecture_items .lecture_item .clip .media-tv { text-indent: 100%; white-space: nowrap; overflow: hidden; top: -3px; } #lectures .lecture .inner .lecture_items .lecture_item .clip:hover { position: relative; } #lectures .lecture .inner .lecture_items .lecture_item .clip:hover span.media-tv { position: absolute; display: block; left: 0.1px; background-position: 0 -4314px; height: 18px; width: 20px; } #lectures .lecture .inner .lecture_items .lecture_item .toggleHeadline { font-family: "Soho W01 Medium"; color: #999999; font-size: 13px; text-transform: uppercase; padding-left: 15px; position: relative; position: relative; position: relative; margin-top: 8px; cursor: pointer; } #lectures .lecture .inner .lecture_items .lecture_item .toggleHeadline span.closed { position: absolute; display: block; top: 2px; left: 0.1px; background-position: 0 -4514px; height: 12px; width: 12px; } #lectures .lecture .inner .lecture_items .lecture_item .toggleHeadline span.opened { position: absolute; display: block; top: 2px; left: 0.1px; background-position: 0 -4561px; height: 12px; width: 12px; } #lectures .lecture .inner .lecture_items .lecture_item .toggleHeadline .toggleIcon { text-indent: 100%; white-space: nowrap; overflow: hidden; } #lectures .lecture .inner .lecture_items .lecture_item .toggleHeadline:hover, #lectures .lecture .inner .lecture_items .lecture_item .toggleHeadline.opened { color: #f39a0f; position: relative; position: relative; } #lectures .lecture .inner .lecture_items .lecture_item .toggleHeadline:hover span.closed, #lectures .lecture .inner .lecture_items .lecture_item .toggleHeadline.opened span.closed { position: absolute; display: block; top: 2px; left: 0.1px; background-position: 0 -4433px; height: 12px; width: 12px; } #lectures .lecture .inner .lecture_items .lecture_item .toggleHeadline:hover span.opened, #lectures .lecture .inner .lecture_items .lecture_item .toggleHeadline.opened span.opened { position: absolute; display: block; top: 2px; left: 0.1px; background-position: 0 -4544px; height: 12px; width: 12px; } #lectures .lecture .inner .lecture_items .lecture_item .toggleContent { margin-left: 15px; width: 260px; } #lectures .lecture .inner .lecture_items .lecture_item .toggleContent .toggleInner { margin-top: 15px; margin-bottom: 15px; } #lectures .lecture .inner .lecture_items .lecture_item .toggleContent p { font-family: "Soho W01 Regular"; font-size: 12.3px; line-height: 18.3px; margin-bottom: 2px; } #lectures .lecture .inner .lecture_items .lecture_item .toggleContent p strong, #lectures .lecture .inner .lecture_items .lecture_item .toggleContent p b { font-family: "Soho W01 Medium"; font-weight: normal; } #lectures .lecture .inner .lecture_items .lecture_item .toggleContent p em, #lectures .lecture .inner .lecture_items .lecture_item .toggleContent p i { font-family: "Soho W01 Medium Italic"; font-weight: normal; font-style: normal; } #lectures .lecture .inner .lecture_items .lecture_item .toggleContent h1, #lectures .lecture .inner .lecture_items .lecture_item .toggleContent h2, #lectures .lecture .inner .lecture_items .lecture_item .toggleContent h3 { font-family: "Soho W01 Medium"; color: #f39a0f; font-size: 16px; text-transform: uppercase; line-height: 18px; background: none; display: inline-block; } #lectures .lecture .inner .lecture_items .lecture_item .toggleContent h4, #lectures .lecture .inner .lecture_items .lecture_item .toggleContent h5, #lectures .lecture .inner .lecture_items .lecture_item .toggleContent h6 { font-family: "Soho W01 Medium"; color: #666666; font-size: 13px; text-transform: uppercase; line-height: 15px; background: none; } #lectures .lecture .inner .lecture_items .lecture_item .toggleContent h4.normal, #lectures .lecture .inner .lecture_items .lecture_item .toggleContent h5.normal, #lectures .lecture .inner .lecture_items .lecture_item .toggleContent h6.normal { text-transform: none; } #lectures .lecture .inner .lecture_items .lecture_item .toggleContent h5, #lectures .lecture .inner .lecture_items .lecture_item .toggleContent h6 { text-transform: none; } #lectures .lecture .inner .lecture_items .lecture_item .toggleContent a { font-family: "Soho W01 Regular"; color: #999999; font-size: 12.3px; text-transform: none; line-height: 16.3px; margin-bottom: 3px; margin: 0; padding: 0; display: block; } #lectures .lecture .inner .lecture_items .lecture_item .toggleContent a:hover { color: #f39a0f; } #lectures .lecture .inner .lecture_items .lecture_item .toggleContent .ltxt { font-family: "Soho W01 Regular"; color: #999999; font-size: 12.3px; text-transform: none; line-height: 16.3px; margin-bottom: 3px; margin: 0; padding: 0; display: block; } #lectures .lecture .inner .lecture_items .lecture_item .toggleContent .dates_border { font-family: "Soho W01 Medium"; color: #333333; font-size: 12.3px; letter-spacing: 2px; overflow: hidden; margin-top: 5px; margin-bottom: 10px; } #lectures .lecture .inner .lecture_items .lecture_item .toggleContent .downloads { margin-bottom: 20px; } #lectures .lecture .inner .lecture_items .lecture_item .toggleContent .downloads .download_item { padding-left: 25px; position: relative; margin-bottom: 0; font-size: 14px; margin-top: 10px; height: 20px; position: relative; position: relative; position: relative; position: relative; } #lectures .lecture .inner .lecture_items .lecture_item .toggleContent .downloads .download_item span.media-pdf { position: absolute; display: block; top: -1px; left: 0.1px; background-position: 0 -3498px; height: 30px; width: 30px; } #lectures .lecture .inner .lecture_items .lecture_item .toggleContent .downloads .download_item span.media-zip { position: absolute; display: block; top: -1px; left: 0.1px; background-position: 0 -3643px; height: 30px; width: 30px; } #lectures .lecture .inner .lecture_items .lecture_item .toggleContent .downloads .download_item span.media-doc { position: absolute; display: block; top: -1px; left: 0.1px; background-position: 0 -3272px; height: 30px; width: 30px; } #lectures .lecture .inner .lecture_items .lecture_item .toggleContent .downloads .download_item span.media-jpeg { position: absolute; display: block; top: -1px; left: 0.1px; background-position: 0 -3372px; height: 30px; width: 30px; } #lectures .lecture .inner .lecture_items .lecture_item .toggleContent .downloads .download_item .icon { text-indent: 100%; white-space: nowrap; overflow: hidden; } #lectures .lecture .inner .lecture_items .lecture_item .toggleContent .downloads .download_item:hover { position: relative; position: relative; position: relative; position: relative; } #lectures .lecture .inner .lecture_items .lecture_item .toggleContent .downloads .download_item:hover span.media-pdf { position: absolute; display: block; top: -1px; left: 0.1px; background-position: 0 -3713px; height: 30px; width: 30px; } #lectures .lecture .inner .lecture_items .lecture_item .toggleContent .downloads .download_item:hover span.media-zip { position: absolute; display: block; top: -1px; left: 0.1px; background-position: 0 -3173px; height: 30px; width: 30px; } #lectures .lecture .inner .lecture_items .lecture_item .toggleContent .downloads .download_item:hover span.media-doc { position: absolute; display: block; top: -1px; left: 0.1px; background-position: 0 -2865px; height: 30px; width: 30px; } #lectures .lecture .inner .lecture_items .lecture_item .toggleContent .downloads .download_item:hover span.media-jpeg { position: absolute; display: block; top: -1px; left: 0.1px; background-position: 0 -2984px; height: 30px; width: 30px; } #lectures .lecture .inner .extra_info { font-family: "Soho W01 Regular"; font-size: 12.3px; line-height: 18px; margin-top: 18px; } #teaser-ol { position: absolute; width: 100%; } #teaser-ol .mod_article { position: relative; width: 1020px; margin: 0 auto; overflow: visible; } #teaser-ol .teaser-overlay { position: absolute; z-index: 10; } #teaser-ol .teaser-overlay.wallpaper_active, #teaser-ol .teaser-overlay.covers_active, #teaser-ol .teaser-overlay.autogrammkarten_active, #teaser-ol .teaser-overlay.ipad-icon, #teaser-ol .teaser-overlay.stoerer-icon { z-index: 99; } body.media-service { background: transparent url('../images/textures/body.jpg') repeat top left; } body.media-service #page-wrapper { background: transparent url('../images/textures/mediathek-service_bg.jpg') no-repeat top center; background-size: 1600px 800px; z-index: 0; position: relative; } body.media-service #main-area { background: none; } body.media-service #main-area h2 { font-family: "Soho W01 Medium"; color: #f39a0f; font-size: 40.8px; text-transform: uppercase; line-height: 40.8px; border-bottom: 1px solid white; border-color: rgba(255, 255, 255, 0.5); width: 566px; padding-bottom: 15px; margin: 160px auto 15px; } body.media-service #main-area .leftcolumn, body.media-service #main-area .middlecolumn, body.media-service #main-area .rightcolumn { display: inline-block; vertical-align: top; width: 280px; text-align: left; margin-bottom: 115px; margin-right: 15px; margin-top: 640px; margin-left: 20px; } .lt-ie8 body.media-service #main-area .leftcolumn, .lt-ie8 body.media-service #main-area .middlecolumn, .lt-ie8 body.media-service #main-area .rightcolumn { display: inline; zoom: 1; vertical-align: auto; } body.media-service #main-area .middlecolumn { margin-top: 680px; } body.media-service #main-area .rightcolumn { margin-top: 645px; margin-right: 0; } body.media-service #main-area h3 { font-family: "Soho W01 Medium"; color: #999999; font-size: 20px; text-transform: uppercase; line-height: 20px; margin-bottom: 10px; text-align: center; } body.media-service #main-area p { font-family: "Soho W01 Regular"; color: #999999; font-size: 12.3px; line-height: 18.3px; text-align: center; } body.media-service #main-area a:hover h3, body.media-service #main-area a:hover p, body.media-service #main-area a.active h3, body.media-service #main-area a.active p { color: #f39a0f; } body.media-service #main-area .line { background: transparent url('../images/textures/mediaservice_linie.png') no-repeat top left; width: 170px; height: 1px; margin: 10px auto 20px; } body.covers { background: transparent url('../images/textures/body.jpg') repeat top left; } body.covers #page-wrapper { background: transparent url('../images/textures/covers_bg.jpg') no-repeat top center; background-size: 1600px 686px; z-index: 0; position: relative; } body.covers #main-area { background: none; } body.covers #covers-slider { margin: 30px auto 0; position: relative; height: 670px; } body.covers #covers-slider .inner { position: relative; } body.covers #covers-slider .inner #showcovers { position: relative; top: 283px; width: 100%; text-align: center; } body.covers #covers-slider .inner #showcovers .title { font-family: "Soho W01 Medium"; font-weight: normal; color: white; font-size: 14.3px; text-transform: uppercase; line-height: 20px; display: inline-block; vertical-align: top; cursor: pointer; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=25); opacity: 0.25; position: relative; } body.covers #covers-slider .inner #showcovers .title span.icon { position: absolute; display: block; left: 0.1px; background-position: 0 -2342px; height: 21px; width: 21px; } body.covers #covers-slider .inner #showcovers .title span.icon { position: relative; display: inline-block; vertical-align: middle; } body.covers #covers-slider .inner #showcovers .title:hover, body.covers #covers-slider .inner #showcovers .title.active { color: #f39a0f; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90); opacity: 0.9; position: relative; } body.covers #covers-slider .inner #showcovers .title:hover span.icon, body.covers #covers-slider .inner #showcovers .title.active span.icon { position: absolute; display: block; left: 0.1px; background-position: 0 -2150px; height: 21px; width: 21px; } body.covers #covers-slider .inner #showcovers .title:hover span.icon, body.covers #covers-slider .inner #showcovers .title.active span.icon { position: relative; display: inline-block; vertical-align: middle; } body.covers #covers-slider .inner #covercontent { visibility: hidden; } body.covers #covers-slider .inner #covercontent #coverslides { position: relative; width: 800px; display: none; margin: 0 auto; padding: 0; z-index: 1; } body.covers #covers-slider .inner #covercontent #coverslides li { background: transparent; border: 0; margin: 0; padding: 0; list-style: none; position: absolute; z-index: 1; display: none; border-width: 0; } body.covers #covers-slider .inner #covercontent #coverslides li a img { -webkit-box-shadow: 0px 5px 5px 0 black; -moz-box-shadow: 0px 5px 5px 0 black; box-shadow: 0px 5px 5px 0 black; cursor: pointer !important; } body.covers #covers-slider .inner #covercontent #coverslides .front { margin-top: 150px; } body.covers #covers-slider .inner #covercontent #coverslides .front a img { margin: 0; } body.covers #covers-slider .inner #covercontent #coverslides .front .behind { margin-top: 20px; } body.covers #covers-slider .inner #covercontent #coverslides .behind { margin-top: 300px; } body.covers #covers-slider .inner #covercontent #coverslides .back { margin-top: 300px; } body.covers #covers-slider .inner #covercontent #coverslides img { margin: 0; border: 0; vertical-align: bottom; } body.covers #covers-slider .inner #covercontent #coverslidedescs { margin: 40px 0 0; position: relative; } body.covers #covers-slider .inner #covercontent #coverslidedescs .desc { text-align: center; } body.covers #covers-slider .inner #covercontent #coverslidedescs .desc h6 { font-family: "Soho W01 Medium"; color: #f39a0f; font-size: 20px; text-transform: uppercase; line-height: 22px; display: inline-block; } body.covers #covers-slider .inner #covercontent #coverslidedescs .desc .date { font-family: "Soho W01 Medium"; color: white; font-size: 11.3px; text-transform: uppercase; line-height: 14.3px; margin-top: 2px; } body.covers #covers-slider .inner #covercontent #coverslidedescs .prev, body.covers #covers-slider .inner #covercontent #coverslidedescs .next { position: absolute; top: -10px; cursor: pointer; } body.covers #covers-slider .inner #covercontent #coverslidedescs .prev { left: 240px; background-position: 0 -1001px; height: 60px; width: 40px; } body.covers #covers-slider .inner #covercontent #coverslidedescs .prev:hover { background-position: 0 -271px; height: 60px; width: 40px; } body.covers #covers-slider .inner #covercontent #coverslidedescs .next { right: 240px; background-position: 0 -1204px; height: 60px; width: 40px; } body.covers #covers-slider .inner #covercontent #coverslidedescs .next:hover { background-position: 0 -387px; height: 60px; width: 40px; } body.covers #covers-list { margin: 0 auto 100px; width: 900px; } body.covers #covers-list .inner .yearsblock { margin-bottom: 23px; } body.covers #covers-list .inner .yearsblock .yearheadline { font-family: "Soho W01 Medium"; color: #f39a0f; font-size: 18px; } body.covers #covers-list .inner .yearsblock .yearheadline.first { margin-bottom: 25px; } body.covers #covers-list .inner .yearsblock .yearheadline .icon { font-family: "Soho W01 Compressed"; color: black; font-size: 20px; text-transform: uppercase; position: relative; background-position: 0 -153px; height: 80px; width: 70px; margin: 0 auto; display: inline-block; vertical-align: top; } .lt-ie8 body.covers #covers-list .inner .yearsblock .yearheadline .icon { display: inline; zoom: 1; vertical-align: auto; } body.covers #covers-list .inner .yearsblock .yearheadline .icon .end { position: absolute; top: 20px; left: 8px; text-align: center; width: 54px; } body.covers #covers-list .inner .yearsblock .yearheadline .icon .start { position: absolute; top: 45px; left: 8px; text-align: center; width: 54px; } body.covers #covers-list .inner .yearsblock .yearheadline .border1 { height: 1px; margin-top: 41px; padding-top: 0; background: #f39a0f; background: -moz-linear-gradient(left, #a36503 0%, #f39a0f 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%, #a36503), color-stop(100%, #f39a0f)); background: -webkit-linear-gradient(left, #a36503 0%, #f39a0f 100%); background: -o-linear-gradient(left, #a36503 0%, #f39a0f 100%); background: -ms-linear-gradient(left, #a36503 0%, #f39a0f 100%); background: linear-gradient(to right, #a36503 0%, #f39a0f 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a36503', endColorstr='#f39a0f',GradientType=1 ); display: inline-block; vertical-align: top; width: 400px; margin-right: 10px; } .lt-ie8 body.covers #covers-list .inner .yearsblock .yearheadline .border1 { display: inline; zoom: 1; vertical-align: auto; } body.covers #covers-list .inner .yearsblock .yearheadline .border2 { height: 1px; margin-top: 41px; padding-top: 0; background: #a36503; background: -moz-linear-gradient(left, #f39a0f 0%, #a36503 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%, #f39a0f), color-stop(100%, #a36503)); background: -webkit-linear-gradient(left, #f39a0f 0%, #a36503 100%); background: -o-linear-gradient(left, #f39a0f 0%, #a36503 100%); background: -ms-linear-gradient(left, #f39a0f 0%, #a36503 100%); background: linear-gradient(to right, #f39a0f 0%, #a36503 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f39a0f', endColorstr='#a36503',GradientType=1 ); display: inline-block; vertical-align: top; width: 400px; margin-left: 10px; } .lt-ie8 body.covers #covers-list .inner .yearsblock .yearheadline .border2 { display: inline; zoom: 1; vertical-align: auto; } body.covers #covers-list .inner .yearsblock .yearheadline .leftborder, body.covers #covers-list .inner .yearsblock .yearheadline .rightborder { display: inline-block; vertical-align: top; width: 400px; height: 46px; margin-right: 10px; margin-top: 20px; position: relative; } .lt-ie8 body.covers #covers-list .inner .yearsblock .yearheadline .leftborder, .lt-ie8 body.covers #covers-list .inner .yearsblock .yearheadline .rightborder { display: inline; zoom: 1; vertical-align: auto; } body.covers #covers-list .inner .yearsblock .yearheadline .leftborder .border1, body.covers #covers-list .inner .yearsblock .yearheadline .rightborder .border1 { height: 1px; margin: 0; padding-top: 0; background: #f39a0f; background: -moz-linear-gradient(left, #a36503 0%, #f39a0f 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%, #a36503), color-stop(100%, #f39a0f)); background: -webkit-linear-gradient(left, #a36503 0%, #f39a0f 100%); background: -o-linear-gradient(left, #a36503 0%, #f39a0f 100%); background: -ms-linear-gradient(left, #a36503 0%, #f39a0f 100%); background: linear-gradient(to right, #a36503 0%, #f39a0f 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a36503', endColorstr='#f39a0f',GradientType=1 ); position: absolute; top: 0; left: 0; } body.covers #covers-list .inner .yearsblock .yearheadline .leftborder .desc, body.covers #covers-list .inner .yearsblock .yearheadline .rightborder .desc { font-family: "Soho W01 Regular"; font-size: 19.8px; text-transform: uppercase; right: 0; top: 12px; position: absolute; } body.covers #covers-list .inner .yearsblock .yearheadline .leftborder .border2, body.covers #covers-list .inner .yearsblock .yearheadline .rightborder .border2 { height: 3px; margin: 0; padding-top: 0; background: #f39a0f; background: -moz-linear-gradient(left, #a36503 0%, #f39a0f 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%, #a36503), color-stop(100%, #f39a0f)); background: -webkit-linear-gradient(left, #a36503 0%, #f39a0f 100%); background: -o-linear-gradient(left, #a36503 0%, #f39a0f 100%); background: -ms-linear-gradient(left, #a36503 0%, #f39a0f 100%); background: linear-gradient(to right, #a36503 0%, #f39a0f 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a36503', endColorstr='#f39a0f',GradientType=1 ); position: absolute; top: 39px; left: 0; } body.covers #covers-list .inner .yearsblock .yearheadline .leftborder .border3, body.covers #covers-list .inner .yearsblock .yearheadline .rightborder .border3 { height: 1px; margin: 0; padding-top: 0; background: #f39a0f; background: -moz-linear-gradient(left, #a36503 0%, #f39a0f 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%, #a36503), color-stop(100%, #f39a0f)); background: -webkit-linear-gradient(left, #a36503 0%, #f39a0f 100%); background: -o-linear-gradient(left, #a36503 0%, #f39a0f 100%); background: -ms-linear-gradient(left, #a36503 0%, #f39a0f 100%); background: linear-gradient(to right, #a36503 0%, #f39a0f 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a36503', endColorstr='#f39a0f',GradientType=1 ); position: absolute; top: 44px; left: 0; width: 400px; } body.covers #covers-list .inner .yearsblock .yearheadline .leftborder.rightborder, body.covers #covers-list .inner .yearsblock .yearheadline .rightborder.rightborder { margin-right: 0; margin-left: 10px; } body.covers #covers-list .inner .yearsblock .yearheadline .leftborder.rightborder .desc, body.covers #covers-list .inner .yearsblock .yearheadline .rightborder.rightborder .desc { left: 0; right: auto; } body.covers #covers-list .inner .yearsblock .yearheadline .leftborder.rightborder .border1, body.covers #covers-list .inner .yearsblock .yearheadline .leftborder.rightborder .border2, body.covers #covers-list .inner .yearsblock .yearheadline .leftborder.rightborder .border3, body.covers #covers-list .inner .yearsblock .yearheadline .rightborder.rightborder .border1, body.covers #covers-list .inner .yearsblock .yearheadline .rightborder.rightborder .border2, body.covers #covers-list .inner .yearsblock .yearheadline .rightborder.rightborder .border3 { background: #a36503; background: -moz-linear-gradient(left, #f39a0f 0%, #a36503 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%, #f39a0f), color-stop(100%, #a36503)); background: -webkit-linear-gradient(left, #f39a0f 0%, #a36503 100%); background: -o-linear-gradient(left, #f39a0f 0%, #a36503 100%); background: -ms-linear-gradient(left, #f39a0f 0%, #a36503 100%); background: linear-gradient(to right, #f39a0f 0%, #a36503 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f39a0f', endColorstr='#a36503',GradientType=1 ); } body.covers #covers-list .inner .yearsblock .covers .cover { display: inline-block; vertical-align: top; width: 100px; text-align: center; margin-right: 57px; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); opacity: 0.5; transition-property: opacity; transition-duration: 0.2s; transition-timing-function: ease; ​-moz-transition-property: left; -moz-transition-duration: 0.2s; -moz-transition-timing-function: ease; ​-o-transition-property: left; -o-transition-duration: 0.2s; -o-transition-timing-function: ease; ​-webkit-transition-property: left; -webkit-transition-duration: 0.2s; -webkit-transition-timing-function: ease; margin-bottom: 15px; } body.covers #covers-list .inner .yearsblock .covers .cover:hover, body.covers #covers-list .inner .yearsblock .covers .cover.active { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; } body.covers #covers-list .inner .yearsblock .covers .cover:hover figure figcaption .title, body.covers #covers-list .inner .yearsblock .covers .cover.active figure figcaption .title { color: #f39a0f; } body.covers #covers-list .inner .yearsblock .covers .cover.last { margin-right: 0; } body.covers #covers-list .inner .yearsblock .covers .cover figure figcaption .title { font-family: "Soho W01 Medium"; color: #999999; font-size: 12.3px; text-transform: uppercase; line-height: 16.3px; margin-top: 2px; } body.covers #covers-list .inner .yearsblock .covers .cover figure figcaption .date { font-family: "Soho W01 Regular"; color: white; font-size: 11.8px; text-transform: uppercase; line-height: 13.8px; margin-top: 2px; } body.wallpapers #teaser-block { margin-bottom: 60px; } body.wallpapers #teaser-block #teaser-textcontent .text1 { font-family: "Soho W01 Medium"; color: white; font-size: 13px; text-transform: uppercase; line-height: 17px; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); opacity: 0.5; } body.wallpapers #teaser-block #teaser-textcontent .text2 { font-family: "Soho W01 Regular"; color: white; font-size: 12.3px; line-height: 18.3px; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; margin-bottom: 50px; } body.wallpapers #teaser-block #teaser-textcontent .text2 p { margin: 0; } body.wallpapers #teaser-block #teaser-textcontent .text2 p img { margin: 10px 0; } body.wallpapers #main-area #wallpapers { margin-left: 10px; margin-bottom: 50px; } body.wallpapers #main-area .ce_wallpaper { display: inline-block; vertical-align: top; margin: 10px 30px 50px 0; } .lt-ie8 body.wallpapers #main-area .ce_wallpaper { display: inline; zoom: 1; vertical-align: auto; } body.wallpapers #main-area .ce_wallpaper.last { margin-right: 0; } body.wallpapers #main-area .ce_wallpaper .thumb { background-color: black; position: relative; width: 200px; height: 125px; padding: 5px; } body.wallpapers #main-area .ce_wallpaper .thumb .thumbimage { margin: 0 auto; transition-property: opacity; transition-duration: 0.2s; transition-timing-function: ease; ​-moz-transition-property: left; -moz-transition-duration: 0.2s; -moz-transition-timing-function: ease; ​-o-transition-property: left; -o-transition-duration: 0.2s; -o-transition-timing-function: ease; ​-webkit-transition-property: left; -webkit-transition-duration: 0.2s; -webkit-transition-timing-function: ease; } body.wallpapers #main-area .ce_wallpaper .thumb .thumbglow { background-position: 0 -521px; height: 135px; width: 93px; position: absolute; top: 0; right: 0; } body.wallpapers #main-area .ce_wallpaper .thumb .downloads { position: absolute; height: 70px; width: 186px; left: 12px; top: 10px; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; transition-property: opacity; transition-duration: 0.2s; transition-timing-function: ease; ​-moz-transition-property: left; -moz-transition-duration: 0.2s; -moz-transition-timing-function: ease; ​-o-transition-property: left; -o-transition-duration: 0.2s; -o-transition-timing-function: ease; ​-webkit-transition-property: left; -webkit-transition-duration: 0.2s; -webkit-transition-timing-function: ease; } body.wallpapers #main-area .ce_wallpaper .thumb .downloads .download { position: absolute; top: 0; left: 0; background-position: 0 -2626px; height: 29px; width: 42px; text-align: center; } body.wallpapers #main-area .ce_wallpaper .thumb .downloads .download:hover, body.wallpapers #main-area .ce_wallpaper .thumb .downloads .download:focus { background-position: 0 -2592px; height: 29px; width: 42px; } body.wallpapers #main-area .ce_wallpaper .thumb .downloads .download:hover .width, body.wallpapers #main-area .ce_wallpaper .thumb .downloads .download:hover .height, body.wallpapers #main-area .ce_wallpaper .thumb .downloads .download:focus .width, body.wallpapers #main-area .ce_wallpaper .thumb .downloads .download:focus .height { color: #f39a0f; } body.wallpapers #main-area .ce_wallpaper .thumb .downloads .download .width, body.wallpapers #main-area .ce_wallpaper .thumb .downloads .download .height { font-family: "Soho W01 Medium"; color: #999999; font-size: 10.5px; line-height: 5px; position: relative; top: 5px; left: 0; display: block; } body.wallpapers #main-area .ce_wallpaper .thumb .downloads .download .height { top: 13px; } body.wallpapers #main-area .ce_wallpaper .thumb .downloads .download.inactive { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); opacity: 0.5; cursor: default; } body.wallpapers #main-area .ce_wallpaper .thumb .downloads .download.inactive:hover, body.wallpapers #main-area .ce_wallpaper .thumb .downloads .download.inactive:focus { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); opacity: 0.5; background-position: 0 -2626px; height: 29px; width: 42px; } body.wallpapers #main-area .ce_wallpaper .thumb .downloads .download.inactive:hover .width, body.wallpapers #main-area .ce_wallpaper .thumb .downloads .download.inactive:hover .height, body.wallpapers #main-area .ce_wallpaper .thumb .downloads .download.inactive:focus .width, body.wallpapers #main-area .ce_wallpaper .thumb .downloads .download.inactive:focus .height { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); opacity: 0.5; color: white; } body.wallpapers #main-area .ce_wallpaper .thumb .downloads .d_1280_800 { left: 48px; } body.wallpapers #main-area .ce_wallpaper .thumb .downloads .d_1280_1024 { left: 96px; } body.wallpapers #main-area .ce_wallpaper .thumb .downloads .d_1440_900 { left: 144px; } body.wallpapers #main-area .ce_wallpaper .thumb .downloads .d_1600_1200 { top: 35px; } body.wallpapers #main-area .ce_wallpaper .thumb .downloads .d_1680_1050 { top: 35px; left: 48px; } body.wallpapers #main-area .ce_wallpaper .thumb .downloads .d_1920_1200 { top: 35px; left: 96px; } body.wallpapers #main-area .ce_wallpaper .thumb .downloads .d_2048_1536 { top: 35px; left: 144px; } body.wallpapers #main-area .ce_wallpaper .info { text-align: center; } body.wallpapers #main-area .ce_wallpaper .info h3 { font-family: "Soho W01 Medium"; color: #f39a0f; font-size: 13px; text-transform: uppercase; line-height: 15px; margin: 8px 0 3px; display: inline-block; } .lt-ie8 body.wallpapers #main-area .ce_wallpaper .info h3 { display: inline; zoom: 1; vertical-align: auto; } body.wallpapers #main-area .ce_wallpaper .info p { font-family: "Soho W01 Regular"; color: white; font-size: 12.3px; line-height: 16.3px; margin: 0; } body.wallpapers #main-area .ce_wallpaper .info p.copyright { font-size: 11.3px; } body.wallpapers #main-area .ce_wallpaper:hover .thumb .thumbimage, body.wallpapers #main-area .ce_wallpaper:focus .thumb .thumbimage { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=20); opacity: 0.2; } body.wallpapers #main-area .ce_wallpaper:hover .thumb .downloads, body.wallpapers #main-area .ce_wallpaper:focus .thumb .downloads { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; } body.autograph #main-area { background: none; text-align: center; } body.autograph #main-area h2 { font-family: "Soho W01 Medium"; color: white; font-size: 40.8px; text-transform: uppercase; line-height: 40.8px; border-bottom: 1px solid white; border-color: rgba(255, 255, 255, 0.5); width: 452px; padding-bottom: 15px; margin: 160px auto 60px; } body.autograph #main-area .ce-rgtcto { position: relative; text-align: left; width: 300px; margin-left: auto; z-index: 2; margin-bottom: 150px; } body.autograph #main-area .ce_lftimg { position: absolute; top: 320px; left: -160px; } body.autograph #main-area h3 { font-family: "Soho W01 Medium"; color: #f39a0f; font-size: 16px; text-transform: uppercase; line-height: 18px; margin-bottom: 10px; display: inline-block; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; } .lt-ie8 body.autograph #main-area h3 { display: inline; zoom: 1; vertical-align: auto; } body.autograph #main-area .ce_text img { margin: 10px 0; } body.autograph #main-area .ce_contactitem { text-align: center; } body.autograph #main-area .ce_contactitem .mail span { display: inline-block; vertical-align: middle; background-position: 0 -1825px; height: 27px; width: 30px; margin-right: 5px; } .lt-ie8 body.autograph #main-area .ce_contactitem .mail span { display: inline; zoom: 1; vertical-align: auto; } body.autograph #main-area h4 { font-family: "Soho W01 Medium"; color: white; font-size: 12.8px; text-transform: uppercase; line-height: 14.8px; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); opacity: 0.5; margin-top: 15px; margin-bottom: 15px; } body.autograph #main-area h5 { font-family: "Soho W01 Medium"; color: white; font-size: 12.8px; line-height: 14.8px; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); opacity: 0.5; margin-bottom: 15px; } body.autograph #main-area p { font-family: "Soho W01 Regular"; color: white; font-size: 12.3px; line-height: 18.3px; margin-bottom: 10px; } body.autograph #main-area p strong, body.autograph #main-area p b { font-family: "Soho W01 Medium"; font-weight: normal; } body.autograph #main-area p em, body.autograph #main-area p i { font-family: "Soho W01 Medium Italic"; font-style: normal; } body.links { background: transparent url('../images/textures/body.jpg') repeat top left; } body.links #page-wrapper { background: transparent url('../images/textures/partner_bg.jpg') no-repeat top center; background-size: 1600px 1060px; z-index: 0; position: relative; } body.links #main-area { background: none; text-align: center; } body.links #main-area h2 { font-family: "Soho W01 Medium"; color: white; font-size: 40.8px; text-transform: uppercase; line-height: 40.8px; border-bottom: 1px solid white; border-color: rgba(255, 255, 255, 0.5); width: 125px; padding-bottom: 15px; margin: 180px auto 60px; } body.links #main-area p { font-family: "Soho W01 Regular"; color: white; font-size: 12.8px; line-height: 16.8px; margin-bottom: 40px; } body.links #main-area p strong, body.links #main-area p b { font-family: "Soho W01 Medium"; font-weight: normal; } body.links #main-area p em, body.links #main-area p i { font-family: "Soho W01 Medium Italic"; font-style: normal; } body.links #main-area .ce_link { display: inline-block; vertical-align: top; width: 275px; height: 90px; margin-right: 50px; position: relative; margin-bottom: 30px; } .lt-ie8 body.links #main-area .ce_link { display: inline; zoom: 1; vertical-align: auto; } body.links #main-area .ce_link .title { font-family: "Soho W01 Medium"; color: #f39a0f; font-size: 12.3px; text-transform: uppercase; line-height: 18.3px; margin-top: 0; } body.links #main-area .ce_link a { font-family: "Soho W01 Regular"; color: #999999; font-size: 12.3px; line-height: 18.3px; } body.links #main-area .ce_link a:hover { color: #f39a0f; } body.links #main-area .ce_link .breaker { height: 1px; width: 170px; background-color: white; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=15); opacity: 0.15; position: absolute; bottom: 0; left: 53px; } body.links #main-area .ce_link.break { margin-right: 0; } body.topos { background: transparent url('../images/textures/body.jpg') repeat top left; } body.topos #page-wrapper { z-index: 0; position: relative; } body.topos #main-area { background: none; text-align: center; } body.topos #main-area h2 { font-family: "Soho W01 Medium"; color: white; font-size: 40.8px; text-transform: uppercase; line-height: 40.8px; border-bottom: 1px solid white; border-color: rgba(255, 255, 255, 0.5); width: 140px; padding-bottom: 15px; margin: 180px auto 20px; } body.topos #main-area h3 { font-family: "Soho W01 Medium"; color: white; font-size: 12.8px; text-transform: uppercase; line-height: 14.8px; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); opacity: 0.5; margin-bottom: 0; display: inline-block; text-align: center; } .lt-ie8 body.topos #main-area h3 { display: inline; zoom: 1; vertical-align: auto; } body.topos #main-area .ce_text img { margin: 10px 0 5px; } body.topos #main-area p { font-family: "Soho W01 Regular"; color: white; font-size: 12.8px; line-height: 16.8px; margin-bottom: 40px; } body.topos #main-area p strong, body.topos #main-area p b { font-family: "Soho W01 Medium"; font-weight: normal; } body.topos #main-area p em, body.topos #main-area p i { font-family: "Soho W01 Medium Italic"; font-style: normal; } body.topos #main .mod_topolist { margin-top: 10px; margin-bottom: 150px; } body.topos #main .mod_topolist .category { margin-top: 60px; } body.topos #main .mod_topolist .cat-title { text-align: left; font-family: "Soho W01 Regular"; color: #f39a0f; font-size: 20px; text-transform: uppercase; line-height: 22px; } body.topos #main .mod_topolist .cat-title .border1 { height: 1px; margin-top: 10px; padding-top: 0; background: #f39a0f; background: -moz-linear-gradient(left, #a36503 0%, #f39a0f 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%, #a36503), color-stop(100%, #f39a0f)); background: -webkit-linear-gradient(left, #a36503 0%, #f39a0f 100%); background: -o-linear-gradient(left, #a36503 0%, #f39a0f 100%); background: -ms-linear-gradient(left, #a36503 0%, #f39a0f 100%); background: linear-gradient(to right, #a36503 0%, #f39a0f 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a36503', endColorstr='#f39a0f',GradientType=1 ); } body.topos #main .mod_topolist .topo { width: 280px; float: left; margin-left: 60px; margin-top: 30px; } body.topos #main .mod_topolist .topo .image { background: transparent url('../images/../../content/topos/thumb-topo.png') no-repeat top left; width: 90px; height: 120px; float: left; position: relative; } body.topos #main .mod_topolist .topo .image .imgtitle { font-family: "Soho W01 Bold Condensed"; color: white; font-size: 18px; text-transform: uppercase; line-height: 17px; position: absolute; left: 5px; top: 20px; text-align: left; } body.topos #main .mod_topolist .topo .info { margin-left: 10px; width: 175px; float: left; text-align: left; } body.topos #main .mod_topolist .topo .info .headline { font-family: "Soho W01 Medium"; color: #f39a0f; font-size: 12.3px; text-transform: uppercase; line-height: 18.3px; } body.topos #main .mod_topolist .topo .info .subheadline { font-family: "Soho W01 Regular"; color: white; font-size: 11.8px; text-transform: uppercase; line-height: 16.3px; margin-bottom: 10px; } body.topos #main .mod_topolist .topo .info .pdf { position: relative; font-family: "Soho W01 Regular"; font-size: 12.3px; line-height: 24.3px; } body.topos #main .mod_topolist .topo .info .pdf .ico { background-position: 0 -3498px; height: 30px; width: 30px; display: -moz-inline-box; -moz-box-orient: vertical; display: inline-block; vertical-align: middle; *vertical-align: auto; position: relative; top: 5px; } body.topos #main .mod_topolist .topo .info .pdf .ico { *display: inline; } body.topos #main .mod_topolist .topo .info .pdf:hover .ico, body.topos #main .mod_topolist .topo .info .pdf:active .ico, body.topos #main .mod_topolist .topo .info .pdf:focus .ico { background-position: 0 -3713px; height: 30px; width: 30px; } body.topos #main .mod_topolist .topo.first { margin-left: 0; } body.datenschutz { background: transparent url('../images/textures/body.jpg') repeat top left; } body.datenschutz #page-wrapper { background: transparent url('../images/textures/imprint_bg.jpg') no-repeat top center; background-size: 1600px 950px; z-index: 0; position: relative; } body.datenschutz #main-area { background: none; text-align: center; } body.datenschutz #main-area h2 { font-family: "Soho W01 Medium"; color: white; font-size: 40.8px; text-transform: uppercase; line-height: 40.8px; border-bottom: 1px solid white; border-color: rgba(255, 255, 255, 0.5); width: 566px; padding-bottom: 15px; margin: 160px auto 15px; } body.datenschutz #main-area .leftcolumn, body.datenschutz #main-area .middlecolumn, body.datenschutz #main-area .rightcolumn { display: inline-block; vertical-align: top; width: 280px; text-align: left; margin-bottom: 115px; margin-right: 35px; } .lt-ie8 body.datenschutz #main-area .leftcolumn, .lt-ie8 body.datenschutz #main-area .middlecolumn, .lt-ie8 body.datenschutz #main-area .rightcolumn { display: inline; zoom: 1; vertical-align: auto; } body.datenschutz #main-area .rightcolumn { margin-right: 0; } body.datenschutz #main-area h3 { font-family: "Soho W01 Medium"; color: white; font-size: 12.8px; text-transform: uppercase; line-height: 14.8px; margin-bottom: 10px; display: inline-block; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); opacity: 0.5; } .lt-ie8 body.datenschutz #main-area h3 { display: inline; zoom: 1; vertical-align: auto; } body.datenschutz #main-area .ce_text img { margin: 10px 0; } body.datenschutz #main-area .ce_wrap h3 { font-family: "Soho W01 Medium"; color: #f39a0f; font-size: 16px; text-transform: uppercase; line-height: 18px; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; margin-bottom: 15px; } body.datenschutz #main-area .ce_wrap h4 { font-family: "Soho W01 Medium"; color: white; font-size: 12.8px; text-transform: uppercase; line-height: 14.8px; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); opacity: 0.5; margin-top: 15px; margin-bottom: 15px; } body.datenschutz #main-area .ce_wrap h5 { font-family: "Soho W01 Medium"; color: white; font-size: 12.8px; line-height: 14.8px; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); opacity: 0.5; margin-bottom: 15px; } body.datenschutz #main-area p { font-family: "Soho W01 Regular"; color: white; font-size: 12.3px; line-height: 18.3px; margin-bottom: 40px; } body.datenschutz #main-area p strong, body.datenschutz #main-area p b { font-family: "Soho W01 Medium"; font-weight: normal; } body.datenschutz #main-area p em, body.datenschutz #main-area p i { font-family: "Soho W01 Medium Italic"; font-style: normal; } body.agb, body.threecol { background: transparent url('../images/textures/body.jpg') repeat top left; } body.agb #page-wrapper, body.threecol #page-wrapper { background: transparent url('../images/textures/imprint_bg.jpg') no-repeat top center; background-size: 1600px 950px; z-index: 0; position: relative; } body.agb #main, body.threecol #main { margin-top: 0 !important; } body.agb #main-area, body.threecol #main-area { background: none; text-align: center; } body.agb #main-area h2, body.threecol #main-area h2 { font-family: "Soho W01 Medium"; color: white; font-size: 40.8px; text-transform: uppercase; line-height: 40.8px; border-bottom: 1px solid white; border-color: rgba(255, 255, 255, 0.5); width: 85px; padding-bottom: 15px; margin: 160px auto 15px; } body.agb #main-area .leftcolumn, body.agb #main-area .middlecolumn, body.agb #main-area .rightcolumn, body.threecol #main-area .leftcolumn, body.threecol #main-area .middlecolumn, body.threecol #main-area .rightcolumn { display: inline-block; vertical-align: top; width: 280px; text-align: left; margin-bottom: 115px; margin-right: 35px; } .lt-ie8 body.agb #main-area .leftcolumn, .lt-ie8 body.agb #main-area .middlecolumn, .lt-ie8 body.agb #main-area .rightcolumn, .lt-ie8 body.threecol #main-area .leftcolumn, .lt-ie8 body.threecol #main-area .middlecolumn, .lt-ie8 body.threecol #main-area .rightcolumn { display: inline; zoom: 1; vertical-align: auto; } body.agb #main-area .rightcolumn, body.threecol #main-area .rightcolumn { margin-right: 0; } body.agb #main-area h3, body.threecol #main-area h3 { font-family: "Soho W01 Medium"; color: white; font-size: 12.8px; text-transform: uppercase; line-height: 14.8px; margin-bottom: 10px; display: inline-block; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); opacity: 0.5; } .lt-ie8 body.agb #main-area h3, .lt-ie8 body.threecol #main-area h3 { display: inline; zoom: 1; vertical-align: auto; } body.agb #main-area .ce_text img, body.threecol #main-area .ce_text img { margin: 10px 0; } body.agb #main-area .ce_wrap h3, body.threecol #main-area .ce_wrap h3 { font-family: "Soho W01 Medium"; color: #f39a0f; font-size: 16px; text-transform: uppercase; line-height: 18px; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; margin-bottom: 15px; } body.agb #main-area .ce_wrap h4, body.threecol #main-area .ce_wrap h4 { font-family: "Soho W01 Medium"; color: white; font-size: 12.8px; text-transform: uppercase; line-height: 14.8px; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); opacity: 0.5; margin-top: 15px; margin-bottom: 15px; } body.agb #main-area .ce_wrap h5, body.threecol #main-area .ce_wrap h5 { font-family: "Soho W01 Medium"; color: white; font-size: 12.8px; line-height: 14.8px; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); opacity: 0.5; margin-bottom: 15px; } body.agb #main-area p, body.threecol #main-area p { font-family: "Soho W01 Regular"; color: white; font-size: 12.3px; line-height: 18.3px; margin-bottom: 40px; } body.agb #main-area p strong, body.agb #main-area p b, body.threecol #main-area p strong, body.threecol #main-area p b { font-family: "Soho W01 Medium"; font-weight: normal; } body.agb #main-area p em, body.agb #main-area p i, body.threecol #main-area p em, body.threecol #main-area p i { font-family: "Soho W01 Medium Italic"; font-style: normal; } body.imprint { background: transparent url('../images/textures/body.jpg') repeat top left; } body.imprint #page-wrapper { background: transparent url('../images/textures/imprint_bg.jpg') no-repeat top center; background-size: 1600px 950px; z-index: 0; position: relative; } body.imprint #main-area { background: none; text-align: center; } body.imprint #main-area h2 { font-family: "Soho W01 Medium"; color: white; font-size: 40.8px; text-transform: uppercase; line-height: 40.8px; border-bottom: 1px solid white; width: 250px; padding-bottom: 15px; margin: 160px auto 40px; } body.imprint #main-area .leftcolumn, body.imprint #main-area .middlecolumn, body.imprint #main-area .rightcolumn { display: inline-block; vertical-align: top; width: 280px; text-align: left; margin-bottom: 115px; margin-right: 35px; } .lt-ie8 body.imprint #main-area .leftcolumn, .lt-ie8 body.imprint #main-area .middlecolumn, .lt-ie8 body.imprint #main-area .rightcolumn { display: inline; zoom: 1; vertical-align: auto; } body.imprint #main-area .rightcolumn { margin-right: 0; } body.imprint #main-area h3 { font-family: "Soho W01 Medium"; color: #f39a0f; font-size: 12.8px; text-transform: uppercase; line-height: 14.8px; margin-bottom: 10px; display: inline-block; } .lt-ie8 body.imprint #main-area h3 { display: inline; zoom: 1; vertical-align: auto; } body.imprint #main-area h4 { font-family: "Soho W01 Medium"; color: white; font-size: 12.8px; text-transform: uppercase; line-height: 14.8px; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); opacity: 0.5; margin-top: 15px; margin-bottom: 15px; } body.imprint #main-area h5 { font-family: "Soho W01 Medium"; color: white; font-size: 12.8px; line-height: 14.8px; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); opacity: 0.5; margin-bottom: 15px; } body.imprint #main-area p { font-family: "Soho W01 Regular"; color: white; font-size: 12.8px; line-height: 16.8px; margin-bottom: 40px; } body.imprint #main-area p strong, body.imprint #main-area p b { font-family: "Soho W01 Medium"; font-weight: normal; } body.imprint #main-area p em, body.imprint #main-area p i { font-family: "Soho W01 Medium Italic"; font-style: normal; } body.contact { background: transparent url('../images/textures/body.jpg') repeat top left; } body.contact #page-wrapper { background: transparent url('../images/textures/partner_bg.jpg') no-repeat center -140px; background-size: 1600px 1060px; z-index: 0; position: relative; } body.contact #main-area { background: none; text-align: center; } body.contact #main-area h2 { font-family: "Soho W01 Medium"; color: white; font-size: 40.8px; text-transform: uppercase; line-height: 40.8px; border-bottom: 1px solid white; border-color: rgba(255, 255, 255, 0.5); width: 200px; padding-bottom: 15px; margin: 160px auto 60px; } body.contact #main-area .leftcolumn, body.contact #main-area .rightcolumn { display: inline-block; vertical-align: top; width: 220px; text-align: left; margin-bottom: 50px; margin-right: 35px; } .lt-ie8 body.contact #main-area .leftcolumn, .lt-ie8 body.contact #main-area .rightcolumn { display: inline; zoom: 1; vertical-align: auto; } body.contact #main-area .rightcolumn { margin-right: 0; } body.contact #main-area h3 { font-family: "Soho W01 Medium"; color: white; font-size: 12.8px; text-transform: uppercase; line-height: 14.8px; margin-bottom: 10px; display: inline-block; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); opacity: 0.5; } .lt-ie8 body.contact #main-area h3 { display: inline; zoom: 1; vertical-align: auto; } body.contact #main-area .ce_text img { margin: 10px 0; } body.contact #main-area .ce_contactitem { text-align: center; } body.contact #main-area .ce_contactitem .mail span { display: inline-block; vertical-align: middle; background-position: 0 -1825px; height: 27px; width: 30px; margin-right: 5px; } .lt-ie8 body.contact #main-area .ce_contactitem .mail span { display: inline; zoom: 1; vertical-align: auto; } body.contact #main-area .ce_wrap h3 { font-family: "Soho W01 Medium"; color: #f39a0f; font-size: 16px; text-transform: uppercase; line-height: 18px; margin-bottom: 15px; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; } body.contact #main-area .ce_wrap h4 { font-family: "Soho W01 Medium"; color: white; font-size: 12.8px; text-transform: uppercase; line-height: 14.8px; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); opacity: 0.5; margin-top: 15px; margin-bottom: 15px; } body.contact #main-area .ce_wrap h5 { font-family: "Soho W01 Medium"; color: white; font-size: 12.8px; line-height: 14.8px; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); opacity: 0.5; margin-bottom: 15px; } body.contact #main-area p, body.contact #main-area .ce_contactitem { font-family: "Soho W01 Regular"; color: white; font-size: 12.3px; line-height: 18.3px; margin-bottom: 40px; } body.contact #main-area p strong, body.contact #main-area p b, body.contact #main-area .ce_contactitem strong, body.contact #main-area .ce_contactitem b { font-family: "Soho W01 Medium"; font-weight: normal; } body.contact #main-area p em, body.contact #main-area p i, body.contact #main-area .ce_contactitem em, body.contact #main-area .ce_contactitem i { font-family: "Soho W01 Medium Italic"; font-style: normal; } body.partner { background: transparent url('../images/textures/body.jpg') repeat top left; } body.partner #page-wrapper { background: transparent url('../images/textures/partner_bg.jpg') no-repeat top center; background-size: 1600px 1060px; z-index: 0; position: relative; } body.partner #main-area { background: none; text-align: center; } body.partner #main-area h2 { font-family: "Soho W01 Medium"; color: white; font-size: 40.8px; text-transform: uppercase; line-height: 40.8px; border-bottom: 1px solid white; border-color: rgba(255, 255, 255, 0.5); width: 385px; padding-bottom: 15px; margin: 160px auto 15px; } body.partner #main-area h3 { font-family: "Soho W01 Medium"; color: white; font-size: 12.8px; text-transform: uppercase; line-height: 14.8px; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); opacity: 0.5; margin-bottom: 0; display: inline-block; text-align: center; } .lt-ie8 body.partner #main-area h3 { display: inline; zoom: 1; vertical-align: auto; } body.partner #main-area .ce_text img { margin: 10px 0 5px; } body.partner #main-area p { font-family: "Soho W01 Regular"; color: white; font-size: 12.8px; line-height: 16.8px; margin-bottom: 40px; } body.partner #main-area p strong, body.partner #main-area p b { font-family: "Soho W01 Medium"; font-weight: normal; } body.partner #main-area p em, body.partner #main-area p i { font-family: "Soho W01 Medium Italic"; font-style: normal; } body.partner #main-area .ce_partner { display: inline-block; vertical-align: top; width: 150px; margin-right: 50px; } .lt-ie8 body.partner #main-area .ce_partner { display: inline; zoom: 1; vertical-align: auto; } body.partner #main-area .ce_partner .title { font-family: "Soho W01 Medium"; color: #f39a0f; font-size: 12.3px; text-transform: uppercase; line-height: 18.3px; margin-top: 0; } body.partner #main-area .ce_partner a { font-family: "Soho W01 Regular"; color: #999999; font-size: 12.3px; line-height: 18.3px; } body.partner #main-area .ce_partner a:hover { color: #f39a0f; } body.partner #main-area .ce_partner .breaker { height: 1px; width: 150px; margin: 30px auto 20px; background-color: white; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=15); opacity: 0.15; } body.partner #main-area .ce_partner.big { width: 270px; } body.partner #main-area .ce_partner.big .breaker { width: 270px; } body.partner #main-area .ce_partner.medium { width: 190px; } body.partner #main-area .ce_partner.medium .breaker { width: 190px; } body.press, body.photographer { background: transparent url('../images/textures/body.jpg') repeat top left; } body.press #page-wrapper, body.photographer #page-wrapper { background: transparent url('../images/textures/bg_mountain.jpg') no-repeat center -140px; background-size: 1280px 1108px; z-index: 0; position: relative; } body.press #main-area, body.photographer #main-area { background: none; text-align: center; } body.press #main-area h2, body.photographer #main-area h2 { font-family: "Soho W01 Medium"; color: white; font-size: 40.8px; text-transform: uppercase; line-height: 40.8px; border-bottom: 1px solid white; border-color: rgba(255, 255, 255, 0.5); width: 350px; padding-bottom: 15px; margin: 160px auto 15px; } body.press #main-area h3, body.photographer #main-area h3 { font-family: "Soho W01 Medium"; color: #999999; font-size: 12.8px; text-transform: uppercase; line-height: 14.8px; margin-bottom: 0; display: inline-block; text-align: center; } .lt-ie8 body.press #main-area h3, .lt-ie8 body.photographer #main-area h3 { display: inline; zoom: 1; vertical-align: auto; } body.press #main-area .ce_text img, body.photographer #main-area .ce_text img { margin: 10px 0 5px; } body.press #main-area p, body.photographer #main-area p { font-family: "Soho W01 Regular"; color: white; font-size: 12.3px; line-height: 16.8px; margin-bottom: 20px; } body.press #main-area p strong, body.press #main-area p b, body.photographer #main-area p strong, body.photographer #main-area p b { font-family: "Soho W01 Medium"; font-weight: normal; } body.press #main-area p em, body.press #main-area p i, body.photographer #main-area p em, body.photographer #main-area p i { font-family: "Soho W01 Medium Italic"; font-style: normal; } body.press #main-area #tl_login, body.photographer #main-area #tl_login { background-position: 0 -2068px; height: 137px; width: 412px; position: relative; margin: 0 auto; } body.press #main-area #tl_login .formbody, body.photographer #main-area #tl_login .formbody { padding: 28px 0 0 95px; width: 290px; } body.press #main-area #tl_login .submit_container, body.photographer #main-area #tl_login .submit_container { position: relative; } body.press #main-area #tl_login .loginrow, body.photographer #main-area #tl_login .loginrow { text-align: right; } body.press #main-area #tl_login label.username, body.press #main-area #tl_login label.password, body.photographer #main-area #tl_login label.username, body.photographer #main-area #tl_login label.password { font-family: "Soho W01 Medium"; color: #f39a0f; font-size: 12.3px; text-transform: uppercase; line-height: 18.3px; display: inline-block; } .lt-ie8 body.press #main-area #tl_login label.username, .lt-ie8 body.press #main-area #tl_login label.password, .lt-ie8 body.photographer #main-area #tl_login label.username, .lt-ie8 body.photographer #main-area #tl_login label.password { display: inline; zoom: 1; vertical-align: auto; } body.press #main-area #tl_login #username, body.press #main-area #tl_login #password, body.photographer #main-area #tl_login #username, body.photographer #main-area #tl_login #password { font-family: "Soho W01 Medium"; color: #999999; font-size: 12.3px; line-height: 18.3px; background-color: black; border: 0; display: inline-block; width: 142px; height: 26px; margin-left: 10px; padding: 0 10px; } .lt-ie8 body.press #main-area #tl_login #username, .lt-ie8 body.press #main-area #tl_login #password, .lt-ie8 body.photographer #main-area #tl_login #username, .lt-ie8 body.photographer #main-area #tl_login #password { display: inline; zoom: 1; vertical-align: auto; } body.press #main-area #tl_login input.submit, body.photographer #main-area #tl_login input.submit { background-position: 0 -3427px; height: 38px; width: 161px; text-indent: 100%; white-space: nowrap; overflow: hidden; position: relative; left: 0; top: -15px; text-indent: 110%; cursor: pointer; border: 0; } body.press #main-area #tl_login input.submit:hover, body.photographer #main-area #tl_login input.submit:hover { background-position: 0 -3212px; height: 38px; width: 161px; } body.press #main-area #tl_login input.submit.logout, body.photographer #main-area #tl_login input.submit.logout { background-position: 0 -3255px; height: 38px; width: 161px; } body.press #main-area #tl_login input.submit.logout:hover, body.photographer #main-area #tl_login input.submit.logout:hover { background-position: 0 -3083px; height: 38px; width: 161px; } body.press #main-area .mod_login .error, body.photographer #main-area .mod_login .error { color: #f39a0f; margin-bottom: 20px; } body.press #main-area #presse_wrapper, body.photographer #main-area #presse_wrapper { position: relative; text-align: left; } body.press #main-area .hbpress-element, body.photographer #main-area .hbpress-element { width: 290px; min-height: 595px; display: inline-block; vertical-align: top; margin-right: 30px; margin-bottom: 30px; background-color: #333333; background-color: rgba(51, 51, 51, 0.3); position: relative; } .lt-ie8 body.press #main-area .hbpress-element, .lt-ie8 body.photographer #main-area .hbpress-element { display: inline; zoom: 1; vertical-align: auto; } body.press #main-area .hbpress-element.break, body.photographer #main-area .hbpress-element.break { margin-right: 0; } body.press #main-area .hbpress-element .inner, body.photographer #main-area .hbpress-element .inner { margin: 10px; text-align: left; } body.press #main-area .hbpress-element .inner .locked-wrapper .icon, body.photographer #main-area .hbpress-element .inner .locked-wrapper .icon { background-position: 0 -2210px; height: 102px; width: 102px; position: absolute; top: 60px; left: 93px; z-index: 3; } body.press #main-area .hbpress-element .inner .locked-wrapper .bg, body.photographer #main-area .hbpress-element .inner .locked-wrapper .bg { background: rgba(51, 51, 51, 0.3) url('../images/textures/press-locked-bg.png') repeat top left; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; } body.press #main-area .hbpress-element .inner h4, body.photographer #main-area .hbpress-element .inner h4 { font-family: "Soho W01 Medium"; color: white; font-size: 11.3px; text-transform: uppercase; line-height: 24.3px; margin-bottom: -3px; } body.press #main-area .hbpress-element .inner h3, body.photographer #main-area .hbpress-element .inner h3 { font-family: "Soho W01 Medium"; color: #f39a0f; font-size: 16px; text-transform: uppercase; line-height: 20.3px; margin-bottom: 5px; display: inline-block; } .lt-ie8 body.press #main-area .hbpress-element .inner h3, .lt-ie8 body.photographer #main-area .hbpress-element .inner h3 { display: inline; zoom: 1; vertical-align: auto; } body.press #main-area .hbpress-element .inner h5, body.photographer #main-area .hbpress-element .inner h5 { font-family: "Soho W01 Medium"; color: #f39a0f; font-size: 12.3px; text-transform: uppercase; line-height: 24.3px; margin-bottom: 5px; display: inline-block; } .lt-ie8 body.press #main-area .hbpress-element .inner h5, .lt-ie8 body.photographer #main-area .hbpress-element .inner h5 { display: inline; zoom: 1; vertical-align: auto; } body.press #main-area .hbpress-element .inner .teasertext p, body.photographer #main-area .hbpress-element .inner .teasertext p { font-family: "Soho W01 Regular"; color: white; font-size: 12.3px; line-height: 18.3px; } body.press #main-area .hbpress-element .inner a, body.photographer #main-area .hbpress-element .inner a { font-family: "Soho W01 Regular"; font-size: 12.3px; } body.press #main-area .hbpress-element .inner a.download-item, body.photographer #main-area .hbpress-element .inner a.download-item { display: block; font-family: "Soho W01 Regular"; font-size: 11.3px; line-height: 20.3px; } body.press #main-area .hbpress-element .inner .border, body.photographer #main-area .hbpress-element .inner .border { font-family: "Soho W01 Medium"; color: #333333; font-size: 12.3px; letter-spacing: 2px; overflow: hidden; margin-bottom: 5px; } body.press #main-area .hbpress-element .inner .download-item, body.photographer #main-area .hbpress-element .inner .download-item { margin-top: 10px; padding-left: 25px; cursor: pointer; position: relative; position: relative; position: relative; position: relative; position: relative; position: relative; } body.press #main-area .hbpress-element .inner .download-item span.media-pdf, body.photographer #main-area .hbpress-element .inner .download-item span.media-pdf { position: absolute; display: block; left: 0.1px; background-position: 0 -3498px; height: 30px; width: 30px; } body.press #main-area .hbpress-element .inner .download-item span.media-zip, body.photographer #main-area .hbpress-element .inner .download-item span.media-zip { position: absolute; display: block; left: 0.1px; background-position: 0 -3643px; height: 30px; width: 30px; } body.press #main-area .hbpress-element .inner .download-item span.media-doc, body.photographer #main-area .hbpress-element .inner .download-item span.media-doc { position: absolute; display: block; left: 0.1px; background-position: 0 -3272px; height: 30px; width: 30px; } body.press #main-area .hbpress-element .inner .download-item span.media-docx, body.photographer #main-area .hbpress-element .inner .download-item span.media-docx { position: absolute; display: block; left: 0.1px; background-position: 0 -3272px; height: 30px; width: 30px; } body.press #main-area .hbpress-element .inner .download-item span.media-jpeg, body.photographer #main-area .hbpress-element .inner .download-item span.media-jpeg { position: absolute; display: block; left: 0.1px; background-position: 0 -3372px; height: 30px; width: 30px; } body.press #main-area .hbpress-element .inner .download-item span.media-jpg, body.photographer #main-area .hbpress-element .inner .download-item span.media-jpg { position: absolute; display: block; left: 0.1px; background-position: 0 -3372px; height: 30px; width: 30px; } body.press #main-area .hbpress-element .inner .download-item .icon, body.photographer #main-area .hbpress-element .inner .download-item .icon { text-indent: 100%; white-space: nowrap; overflow: hidden; } body.press #main-area .hbpress-element .inner .download-item em, body.photographer #main-area .hbpress-element .inner .download-item em { font-family: "Soho W01 Regular"; color: #999999; font-size: 12.3px; line-height: 18.3px; } body.press #main-area .hbpress-element .inner .download-item:hover, body.photographer #main-area .hbpress-element .inner .download-item:hover { position: relative; position: relative; position: relative; position: relative; position: relative; position: relative; } body.press #main-area .hbpress-element .inner .download-item:hover span.media-pdf, body.photographer #main-area .hbpress-element .inner .download-item:hover span.media-pdf { position: absolute; display: block; left: 0.1px; background-position: 0 -3713px; height: 30px; width: 30px; } body.press #main-area .hbpress-element .inner .download-item:hover span.media-zip, body.photographer #main-area .hbpress-element .inner .download-item:hover span.media-zip { position: absolute; display: block; left: 0.1px; background-position: 0 -3173px; height: 30px; width: 30px; } body.press #main-area .hbpress-element .inner .download-item:hover span.media-doc, body.photographer #main-area .hbpress-element .inner .download-item:hover span.media-doc { position: absolute; display: block; left: 0.1px; background-position: 0 -2865px; height: 30px; width: 30px; } body.press #main-area .hbpress-element .inner .download-item:hover span.media-docx, body.photographer #main-area .hbpress-element .inner .download-item:hover span.media-docx { position: absolute; display: block; left: 0.1px; background-position: 0 -2865px; height: 30px; width: 30px; } body.press #main-area .hbpress-element .inner .download-item:hover span.media-jpeg, body.photographer #main-area .hbpress-element .inner .download-item:hover span.media-jpeg { position: absolute; display: block; left: 0.1px; background-position: 0 -2984px; height: 30px; width: 30px; } body.press #main-area .hbpress-element .inner .download-item:hover span.media-jpg, body.photographer #main-area .hbpress-element .inner .download-item:hover span.media-jpg { position: absolute; display: block; left: 0.1px; background-position: 0 -2984px; height: 30px; width: 30px; } body.press #main-area .hbpress-element .inner .download-item:hover em, body.photographer #main-area .hbpress-element .inner .download-item:hover em { color: #f39a0f; } body.press #main-area .hbpress-element-detail, body.photographer #main-area .hbpress-element-detail { position: absolute; margin: 0 0 0 -480px; width: 950px; height: 680px; background: transparent url('../images/textures/body.jpg') repeat top left; border-top: 1px solid #333333; border-bottom: 1px solid #333333; left: 50%; top: -240px; z-index: 10; } body.press #main-area .hbpress-element-detail .jspScrollable, body.photographer #main-area .hbpress-element-detail .jspScrollable { height: 550px; width: 380px; overflow: hidden; display: block; position: relative; right: 0; } body.press #main-area .hbpress-element-detail .jspScrollable.autoscroll, body.photographer #main-area .hbpress-element-detail .jspScrollable.autoscroll { overflow-y: auto; overflow-x: hidden; } body.press #main-area .hbpress-element-detail .jspScrollable .jspPane, body.photographer #main-area .hbpress-element-detail .jspScrollable .jspPane { position: absolute; width: 340px !important; } body.press #main-area .hbpress-element-detail .jspScrollable .jspHorizontalBar, body.photographer #main-area .hbpress-element-detail .jspScrollable .jspHorizontalBar { display: none; } body.press #main-area .hbpress-element-detail .jspScrollable .jspVerticalBar, body.photographer #main-area .hbpress-element-detail .jspScrollable .jspVerticalBar { background: none; right: 2px; position: absolute; } body.press #main-area .hbpress-element-detail .jspScrollable .jspVerticalBar .jspCapTop, body.photographer #main-area .hbpress-element-detail .jspScrollable .jspVerticalBar .jspCapTop { display: block; height: 0px; } body.press #main-area .hbpress-element-detail .jspScrollable .jspVerticalBar .jspCapBottom, body.photographer #main-area .hbpress-element-detail .jspScrollable .jspVerticalBar .jspCapBottom { display: block; height: 0px; } body.press #main-area .hbpress-element-detail .jspScrollable .jspVerticalBar .jspTrack, body.photographer #main-area .hbpress-element-detail .jspScrollable .jspVerticalBar .jspTrack { width: 10px; border: none; background: rgba(255, 255, 255, 0.1); border-radius: 3px; right: 2px; } body.press #main-area .hbpress-element-detail .jspScrollable .jspVerticalBar .jspDrag, body.photographer #main-area .hbpress-element-detail .jspScrollable .jspVerticalBar .jspDrag { width: 8px; border: none; background-color: rgba(153, 153, 153, 0.5); border-radius: 3px; margin-left: 1px; } body.press #main-area .hbpress-element-detail .jspScrollable .jspVerticalBar .jspDrag:hover, body.photographer #main-area .hbpress-element-detail .jspScrollable .jspVerticalBar .jspDrag:hover { background: rgba(243, 154, 15, 0.7); } body.press #main-area .hbpress-element-detail .inner-wrapper, body.photographer #main-area .hbpress-element-detail .inner-wrapper { position: relative; } body.press #main-area .hbpress-element-detail .inner-wrapper .close, body.photographer #main-area .hbpress-element-detail .inner-wrapper .close { background-position: 0 -575px; height: 30px; width: 30px; position: absolute; right: 10px; top: 10px; cursor: pointer; } body.press #main-area .hbpress-element-detail .inner-wrapper .close:hover, body.photographer #main-area .hbpress-element-detail .inner-wrapper .close:hover { background-position: 0 -306px; height: 30px; width: 30px; } body.press #main-area .hbpress-element-detail .inner-wrapper .inner, body.photographer #main-area .hbpress-element-detail .inner-wrapper .inner { padding: 30px 40px; } body.press #main-area .hbpress-element-detail .inner-wrapper .chcopy, body.photographer #main-area .hbpress-element-detail .inner-wrapper .chcopy { width: 460px; display: inline-block; overflow: hidden; vertical-align: top; } .lt-ie8 body.press #main-area .hbpress-element-detail .inner-wrapper .chcopy, .lt-ie8 body.photographer #main-area .hbpress-element-detail .inner-wrapper .chcopy { display: inline; zoom: 1; vertical-align: auto; } body.press #main-area .hbpress-element-detail .inner-wrapper .lft, body.press #main-area .hbpress-element-detail .inner-wrapper .rgt, body.photographer #main-area .hbpress-element-detail .inner-wrapper .lft, body.photographer #main-area .hbpress-element-detail .inner-wrapper .rgt { display: inline-block; vertical-align: top; position: relative; } .lt-ie8 body.press #main-area .hbpress-element-detail .inner-wrapper .lft, .lt-ie8 body.press #main-area .hbpress-element-detail .inner-wrapper .rgt, .lt-ie8 body.photographer #main-area .hbpress-element-detail .inner-wrapper .lft, .lt-ie8 body.photographer #main-area .hbpress-element-detail .inner-wrapper .rgt { display: inline; zoom: 1; vertical-align: auto; } body.press #main-area .hbpress-element-detail .inner-wrapper .lft, body.photographer #main-area .hbpress-element-detail .inner-wrapper .lft { width: 315px; padding-right: 80px; font-family: "Soho W01 Regular"; color: white; font-size: 12.3px; line-height: 18.3px; text-align: left; } body.press #main-area .hbpress-element-detail .inner-wrapper .lft h4, body.photographer #main-area .hbpress-element-detail .inner-wrapper .lft h4 { font-family: "Soho W01 Medium"; color: white; font-size: 12.3px; text-transform: uppercase; line-height: 24.3px; margin-bottom: 2px; } body.press #main-area .hbpress-element-detail .inner-wrapper .lft h3, body.photographer #main-area .hbpress-element-detail .inner-wrapper .lft h3 { font-family: "Soho W01 Medium"; color: #f39a0f; font-size: 20px; text-transform: uppercase; line-height: 20.3px; display: inline-block; margin-bottom: 20px; } body.press #main-area .hbpress-element-detail .inner-wrapper .lft h3.downloads, body.photographer #main-area .hbpress-element-detail .inner-wrapper .lft h3.downloads { margin-bottom: 0; } body.press #main-area .hbpress-element-detail .inner-wrapper .lft .download-item, body.photographer #main-area .hbpress-element-detail .inner-wrapper .lft .download-item { margin-top: 10px; padding-left: 25px; display: block; cursor: pointer; position: relative; position: relative; position: relative; position: relative; position: relative; position: relative; } body.press #main-area .hbpress-element-detail .inner-wrapper .lft .download-item span.media-pdf, body.photographer #main-area .hbpress-element-detail .inner-wrapper .lft .download-item span.media-pdf { position: absolute; display: block; left: 0.1px; background-position: 0 -3498px; height: 30px; width: 30px; } body.press #main-area .hbpress-element-detail .inner-wrapper .lft .download-item span.media-zip, body.photographer #main-area .hbpress-element-detail .inner-wrapper .lft .download-item span.media-zip { position: absolute; display: block; left: 0.1px; background-position: 0 -3643px; height: 30px; width: 30px; } body.press #main-area .hbpress-element-detail .inner-wrapper .lft .download-item span.media-doc, body.photographer #main-area .hbpress-element-detail .inner-wrapper .lft .download-item span.media-doc { position: absolute; display: block; left: 0.1px; background-position: 0 -3272px; height: 30px; width: 30px; } body.press #main-area .hbpress-element-detail .inner-wrapper .lft .download-item span.media-docx, body.photographer #main-area .hbpress-element-detail .inner-wrapper .lft .download-item span.media-docx { position: absolute; display: block; left: 0.1px; background-position: 0 -3272px; height: 30px; width: 30px; } body.press #main-area .hbpress-element-detail .inner-wrapper .lft .download-item span.media-jpeg, body.photographer #main-area .hbpress-element-detail .inner-wrapper .lft .download-item span.media-jpeg { position: absolute; display: block; left: 0.1px; background-position: 0 -3372px; height: 30px; width: 30px; } body.press #main-area .hbpress-element-detail .inner-wrapper .lft .download-item span.media-jpg, body.photographer #main-area .hbpress-element-detail .inner-wrapper .lft .download-item span.media-jpg { position: absolute; display: block; left: 0.1px; background-position: 0 -3372px; height: 30px; width: 30px; } body.press #main-area .hbpress-element-detail .inner-wrapper .lft .download-item .icon, body.photographer #main-area .hbpress-element-detail .inner-wrapper .lft .download-item .icon { text-indent: 100%; white-space: nowrap; overflow: hidden; } body.press #main-area .hbpress-element-detail .inner-wrapper .lft .download-item em, body.photographer #main-area .hbpress-element-detail .inner-wrapper .lft .download-item em { font-family: "Soho W01 Regular"; color: #999999; font-size: 12.3px; line-height: 18.3px; } body.press #main-area .hbpress-element-detail .inner-wrapper .lft .download-item:hover, body.photographer #main-area .hbpress-element-detail .inner-wrapper .lft .download-item:hover { position: relative; position: relative; position: relative; position: relative; position: relative; position: relative; } body.press #main-area .hbpress-element-detail .inner-wrapper .lft .download-item:hover span.media-pdf, body.photographer #main-area .hbpress-element-detail .inner-wrapper .lft .download-item:hover span.media-pdf { position: absolute; display: block; left: 0.1px; background-position: 0 -3713px; height: 30px; width: 30px; } body.press #main-area .hbpress-element-detail .inner-wrapper .lft .download-item:hover span.media-zip, body.photographer #main-area .hbpress-element-detail .inner-wrapper .lft .download-item:hover span.media-zip { position: absolute; display: block; left: 0.1px; background-position: 0 -3173px; height: 30px; width: 30px; } body.press #main-area .hbpress-element-detail .inner-wrapper .lft .download-item:hover span.media-doc, body.photographer #main-area .hbpress-element-detail .inner-wrapper .lft .download-item:hover span.media-doc { position: absolute; display: block; left: 0.1px; background-position: 0 -2865px; height: 30px; width: 30px; } body.press #main-area .hbpress-element-detail .inner-wrapper .lft .download-item:hover span.media-docx, body.photographer #main-area .hbpress-element-detail .inner-wrapper .lft .download-item:hover span.media-docx { position: absolute; display: block; left: 0.1px; background-position: 0 -2865px; height: 30px; width: 30px; } body.press #main-area .hbpress-element-detail .inner-wrapper .lft .download-item:hover span.media-jpeg, body.photographer #main-area .hbpress-element-detail .inner-wrapper .lft .download-item:hover span.media-jpeg { position: absolute; display: block; left: 0.1px; background-position: 0 -2984px; height: 30px; width: 30px; } body.press #main-area .hbpress-element-detail .inner-wrapper .lft .download-item:hover span.media-jpg, body.photographer #main-area .hbpress-element-detail .inner-wrapper .lft .download-item:hover span.media-jpg { position: absolute; display: block; left: 0.1px; background-position: 0 -2984px; height: 30px; width: 30px; } body.press #main-area .hbpress-element-detail .inner-wrapper .lft .download-item:hover em, body.photographer #main-area .hbpress-element-detail .inner-wrapper .lft .download-item:hover em { color: #f39a0f; } body.press #main-area .hbpress-element-detail .inner-wrapper .rgt .slideshow-wrapper, body.photographer #main-area .hbpress-element-detail .inner-wrapper .rgt .slideshow-wrapper { margin-top: 8px; position: relative; } body.press #main-area .hbpress-element-detail .inner-wrapper .rgt img, body.photographer #main-area .hbpress-element-detail .inner-wrapper .rgt img { display: inline; } body.press #main-area .hbpress-element-detail .inner-wrapper .rgt div.imgholder, body.press #main-area .hbpress-element-detail .inner-wrapper .rgt a.fb.media, body.press #main-area .hbpress-element-detail .inner-wrapper .rgt a.imgholder, body.photographer #main-area .hbpress-element-detail .inner-wrapper .rgt div.imgholder, body.photographer #main-area .hbpress-element-detail .inner-wrapper .rgt a.fb.media, body.photographer #main-area .hbpress-element-detail .inner-wrapper .rgt a.imgholder { width: 470px; height: 350px; text-align: center; cursor: default; } body.press #main-area .hbpress-element-detail .inner-wrapper .rgt .slideshow, body.photographer #main-area .hbpress-element-detail .inner-wrapper .rgt .slideshow { background: rgba(51, 51, 51, 0.3) url('../images/textures/press-slideshow-bg.png') repeat top left; width: 470px; height: 350px; } body.press #main-area .hbpress-element-detail .inner-wrapper .rgt .slideshow-button, body.photographer #main-area .hbpress-element-detail .inner-wrapper .rgt .slideshow-button { position: absolute; top: 68px; left: 105px; display: none; z-index: 99; top: 143px; left: 203px; } body.press #main-area .hbpress-element-detail .inner-wrapper .rgt .slideshow-button.media-tv, body.photographer #main-area .hbpress-element-detail .inner-wrapper .rgt .slideshow-button.media-tv { background-position: 0 -1135px; height: 64px; width: 64px; cursor: pointer; } body.press #main-area .hbpress-element-detail .inner-wrapper .rgt .slideshow-button.media-tv:hover, body.press #main-area .hbpress-element-detail .inner-wrapper .rgt .slideshow-button.media-tv.hover, body.photographer #main-area .hbpress-element-detail .inner-wrapper .rgt .slideshow-button.media-tv:hover, body.photographer #main-area .hbpress-element-detail .inner-wrapper .rgt .slideshow-button.media-tv.hover { background-position: 0 -452px; height: 64px; width: 64px; } body.press #main-area .hbpress-element-detail .inner-wrapper .rgt .slideshow-button.media-tv.show, body.photographer #main-area .hbpress-element-detail .inner-wrapper .rgt .slideshow-button.media-tv.show { display: block; } body.press #main-area .hbpress-element-detail .inner-wrapper .rgt .slideshow-button.media-photo, body.photographer #main-area .hbpress-element-detail .inner-wrapper .rgt .slideshow-button.media-photo { background-position: 0 -1791px; height: 64px; width: 64px; cursor: pointer; } body.press #main-area .hbpress-element-detail .inner-wrapper .rgt .slideshow-button.media-photo:hover, body.press #main-area .hbpress-element-detail .inner-wrapper .rgt .slideshow-button.media-photo.hover, body.photographer #main-area .hbpress-element-detail .inner-wrapper .rgt .slideshow-button.media-photo:hover, body.photographer #main-area .hbpress-element-detail .inner-wrapper .rgt .slideshow-button.media-photo.hover { background-position: 0 -1550px; height: 64px; width: 64px; } body.press #main-area .hbpress-element-detail .inner-wrapper .rgt .slideshow-button.media-photo.show, body.photographer #main-area .hbpress-element-detail .inner-wrapper .rgt .slideshow-button.media-photo.show { display: block; } body.press #main-area .hbpress-element-detail .inner-wrapper .rgt .imgtitle, body.photographer #main-area .hbpress-element-detail .inner-wrapper .rgt .imgtitle { text-align: left; padding-left: 30px; margin-top: 20px; position: relative; } body.press #main-area .hbpress-element-detail .inner-wrapper .rgt .imgtitle span.media-jpeg, body.photographer #main-area .hbpress-element-detail .inner-wrapper .rgt .imgtitle span.media-jpeg { position: absolute; display: block; left: 0.1px; background-position: 0 -2984px; height: 30px; width: 30px; } body.press #main-area .hbpress-element-detail .inner-wrapper .rgt .imgtitle .media-jpeg, body.photographer #main-area .hbpress-element-detail .inner-wrapper .rgt .imgtitle .media-jpeg { text-indent: 100%; white-space: nowrap; overflow: hidden; } body.press #main-area .hbpress-element-detail .inner-wrapper .rgt .imgtitle .slidernav, body.photographer #main-area .hbpress-element-detail .inner-wrapper .rgt .imgtitle .slidernav { float: right; position: relative; } body.press #main-area .hbpress-element-detail .inner-wrapper .rgt .imgtitle .slidernav .slide-prev, body.press #main-area .hbpress-element-detail .inner-wrapper .rgt .imgtitle .slidernav .slide-next, body.photographer #main-area .hbpress-element-detail .inner-wrapper .rgt .imgtitle .slidernav .slide-prev, body.photographer #main-area .hbpress-element-detail .inner-wrapper .rgt .imgtitle .slidernav .slide-next { position: absolute; cursor: pointer; } body.press #main-area .hbpress-element-detail .inner-wrapper .rgt .imgtitle .slidernav .slide-prev, body.photographer #main-area .hbpress-element-detail .inner-wrapper .rgt .imgtitle .slidernav .slide-prev { right: 65px; background-position: 0 -2420px; height: 21px; width: 21px; } body.press #main-area .hbpress-element-detail .inner-wrapper .rgt .imgtitle .slidernav .slide-prev:hover, body.photographer #main-area .hbpress-element-detail .inner-wrapper .rgt .imgtitle .slidernav .slide-prev:hover { background-position: 0 -2205px; height: 21px; width: 21px; } body.press #main-area .hbpress-element-detail .inner-wrapper .rgt .imgtitle .slidernav .slide-next, body.photographer #main-area .hbpress-element-detail .inner-wrapper .rgt .imgtitle .slidernav .slide-next { right: 0; background-position: 0 -2394px; height: 21px; width: 21px; } body.press #main-area .hbpress-element-detail .inner-wrapper .rgt .imgtitle .slidernav .slide-next:hover, body.photographer #main-area .hbpress-element-detail .inner-wrapper .rgt .imgtitle .slidernav .slide-next:hover { background-position: 0 -2150px; height: 21px; width: 21px; } body.press #main-area .hbpress-element-detail .inner-wrapper .rgt .imgtitle .slidernav .slide-position, body.photographer #main-area .hbpress-element-detail .inner-wrapper .rgt .imgtitle .slidernav .slide-position { color: white; font-family: "Soho W01 Medium"; color: white; font-size: 12.3px; line-height: 20px; position: absolute; right: 21px; width: 45px; text-align: center; line-height: 20.8px; } body.press #main-area .hbpress-element-detail .inner-wrapper .rgt .imgtitle .chtitle, body.photographer #main-area .hbpress-element-detail .inner-wrapper .rgt .imgtitle .chtitle { font-family: "Soho W01 Medium"; color: #f39a0f; font-size: 16px; text-transform: uppercase; line-height: 20.3px; display: -moz-inline-box; -moz-box-orient: vertical; display: inline-block; vertical-align: middle; *vertical-align: auto; width: 360px; } body.press #main-area .hbpress-element-detail .inner-wrapper .rgt .imgtitle .chtitle, body.photographer #main-area .hbpress-element-detail .inner-wrapper .rgt .imgtitle .chtitle { *display: inline; } body.press #main-area .hbpress-element-detail .inner-wrapper .rgt .imginfo, body.photographer #main-area .hbpress-element-detail .inner-wrapper .rgt .imginfo { margin-top: 0; text-align: left; font-family: "Soho W01 Regular"; color: white; font-size: 11.3px; line-height: 20.3px; } body.press #main-area .hbpress-element-detail .inner-wrapper .rgt .pager, body.photographer #main-area .hbpress-element-detail .inner-wrapper .rgt .pager { margin-top: 45px; } body.press #main-area .hbpress-element-detail .inner-wrapper .rgt .pager li, body.photographer #main-area .hbpress-element-detail .inner-wrapper .rgt .pager li { display: inline-block; vertical-align: top; margin-right: 15px; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); opacity: 0.5; transition-property: opacity; transition-duration: 0.2s; transition-timing-function: ease; ​-moz-transition-property: left; -moz-transition-duration: 0.2s; -moz-transition-timing-function: ease; ​-o-transition-property: left; -o-transition-duration: 0.2s; -o-transition-timing-function: ease; ​-webkit-transition-property: left; -webkit-transition-duration: 0.2s; -webkit-transition-timing-function: ease; } .lt-ie8 body.press #main-area .hbpress-element-detail .inner-wrapper .rgt .pager li, .lt-ie8 body.photographer #main-area .hbpress-element-detail .inner-wrapper .rgt .pager li { display: inline; zoom: 1; vertical-align: auto; } body.press #main-area .hbpress-element-detail .inner-wrapper .rgt .pager li:hover, body.press #main-area .hbpress-element-detail .inner-wrapper .rgt .pager li.activeSlide, body.photographer #main-area .hbpress-element-detail .inner-wrapper .rgt .pager li:hover, body.photographer #main-area .hbpress-element-detail .inner-wrapper .rgt .pager li.activeSlide { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; } body.press #main-area .hbpress-element-detail .inner-wrapper .rgt .prev, body.photographer #main-area .hbpress-element-detail .inner-wrapper .rgt .prev { background-position: 0 -1001px; height: 60px; width: 40px; } body.press #main-area .hbpress-element-detail .inner-wrapper .rgt .prev:hover, body.photographer #main-area .hbpress-element-detail .inner-wrapper .rgt .prev:hover { background-position: 0 -271px; height: 60px; width: 40px; } body.press #main-area .hbpress-element-detail .inner-wrapper .rgt .next, body.photographer #main-area .hbpress-element-detail .inner-wrapper .rgt .next { background-position: 0 -1204px; height: 60px; width: 40px; } body.press #main-area .hbpress-element-detail .inner-wrapper .rgt .next:hover, body.photographer #main-area .hbpress-element-detail .inner-wrapper .rgt .next:hover { background-position: 0 -387px; height: 60px; width: 40px; } body.press #main-area .hbpress-element-detail .inner-wrapper .rgt .next, body.press #main-area .hbpress-element-detail .inner-wrapper .rgt .prev, body.photographer #main-area .hbpress-element-detail .inner-wrapper .rgt .next, body.photographer #main-area .hbpress-element-detail .inner-wrapper .rgt .prev { display: inline-block; vertical-align: top; margin-top: 3px; cursor: pointer; } .lt-ie8 body.press #main-area .hbpress-element-detail .inner-wrapper .rgt .next, .lt-ie8 body.press #main-area .hbpress-element-detail .inner-wrapper .rgt .prev, .lt-ie8 body.photographer #main-area .hbpress-element-detail .inner-wrapper .rgt .next, .lt-ie8 body.photographer #main-area .hbpress-element-detail .inner-wrapper .rgt .prev { display: inline; zoom: 1; vertical-align: auto; } body.press #main-area .hbpress-element-detail .inner-wrapper .rgt .pager-wrapper, body.photographer #main-area .hbpress-element-detail .inner-wrapper .rgt .pager-wrapper { display: inline-block; vertical-align: top; width: 390px; overflow: hidden; } .lt-ie8 body.press #main-area .hbpress-element-detail .inner-wrapper .rgt .pager-wrapper, .lt-ie8 body.photographer #main-area .hbpress-element-detail .inner-wrapper .rgt .pager-wrapper { display: inline; zoom: 1; vertical-align: auto; } body.press.photographer #main-area h2, body.photographer.photographer #main-area h2 { width: 475px; } body.press.photographer #main-area h3, body.photographer.photographer #main-area h3 { margin-top: 3px; margin-bottom: 20px; } body.press.photographer #photograph_wrapper, body.photographer.photographer #photograph_wrapper { position: relative; text-align: left; margin-top: 50px; } body.press.photographer #photograph_wrapper .leftcolumn, body.press.photographer #photograph_wrapper .middlecolumn, body.press.photographer #photograph_wrapper .rightcolumn, body.photographer.photographer #photograph_wrapper .leftcolumn, body.photographer.photographer #photograph_wrapper .middlecolumn, body.photographer.photographer #photograph_wrapper .rightcolumn { float: left; width: 290px; margin-right: 30px; } body.press.photographer #photograph_wrapper .leftcolumn.rightcolumn, body.press.photographer #photograph_wrapper .middlecolumn.rightcolumn, body.press.photographer #photograph_wrapper .rightcolumn.rightcolumn, body.photographer.photographer #photograph_wrapper .leftcolumn.rightcolumn, body.photographer.photographer #photograph_wrapper .middlecolumn.rightcolumn, body.photographer.photographer #photograph_wrapper .rightcolumn.rightcolumn { margin-right: 0; } body.press.photographer #photograph_wrapper .hbphotograph-element, body.photographer.photographer #photograph_wrapper .hbphotograph-element { width: 290px; display: inline-block; vertical-align: top; margin-right: 30px; margin-bottom: 30px; background-color: #333333; background-color: rgba(51, 51, 51, 0.3); position: relative; } .lt-ie8 body.press.photographer #photograph_wrapper .hbphotograph-element, .lt-ie8 body.photographer.photographer #photograph_wrapper .hbphotograph-element { display: inline; zoom: 1; vertical-align: auto; } body.press.photographer #photograph_wrapper .hbphotograph-element.break, body.photographer.photographer #photograph_wrapper .hbphotograph-element.break { margin-right: 0; } body.press.photographer #photograph_wrapper .hbphotograph-element h3, body.photographer.photographer #photograph_wrapper .hbphotograph-element h3 { font-size: 16px; } body.press.photographer #photograph_wrapper .hbphotograph-element .inner, body.photographer.photographer #photograph_wrapper .hbphotograph-element .inner { margin: 10px; text-align: left; } body.press.photographer #photograph_wrapper .hbphotograph-element .slideshow-wrapper .slideshow, body.photographer.photographer #photograph_wrapper .hbphotograph-element .slideshow-wrapper .slideshow { margin: 0 auto; } body.press.photographer #photograph_wrapper .hbphotograph-element .slideshow-wrapper .slideshow img, body.photographer.photographer #photograph_wrapper .hbphotograph-element .slideshow-wrapper .slideshow img { cursor: default; } body.press.photographer #photograph_wrapper .hbphotograph-element .slideshow-wrapper .slideshow-button, body.photographer.photographer #photograph_wrapper .hbphotograph-element .slideshow-wrapper .slideshow-button { position: absolute; top: 68px; left: 105px; display: none; z-index: 99; left: 110px; top: 80px; } body.press.photographer #photograph_wrapper .hbphotograph-element .slideshow-wrapper .slideshow-button.media-tv, body.photographer.photographer #photograph_wrapper .hbphotograph-element .slideshow-wrapper .slideshow-button.media-tv { background-position: 0 -1135px; height: 64px; width: 64px; cursor: pointer; } body.press.photographer #photograph_wrapper .hbphotograph-element .slideshow-wrapper .slideshow-button.media-tv:hover, body.press.photographer #photograph_wrapper .hbphotograph-element .slideshow-wrapper .slideshow-button.media-tv.hover, body.photographer.photographer #photograph_wrapper .hbphotograph-element .slideshow-wrapper .slideshow-button.media-tv:hover, body.photographer.photographer #photograph_wrapper .hbphotograph-element .slideshow-wrapper .slideshow-button.media-tv.hover { background-position: 0 -452px; height: 64px; width: 64px; } body.press.photographer #photograph_wrapper .hbphotograph-element .slideshow-wrapper .slideshow-button.media-tv.show, body.photographer.photographer #photograph_wrapper .hbphotograph-element .slideshow-wrapper .slideshow-button.media-tv.show { display: block; } body.press.photographer #photograph_wrapper .hbphotograph-element .slideshow-wrapper .slideshow-button.media-photo, body.photographer.photographer #photograph_wrapper .hbphotograph-element .slideshow-wrapper .slideshow-button.media-photo { background-position: 0 -1791px; height: 64px; width: 64px; cursor: pointer; } body.press.photographer #photograph_wrapper .hbphotograph-element .slideshow-wrapper .slideshow-button.media-photo:hover, body.press.photographer #photograph_wrapper .hbphotograph-element .slideshow-wrapper .slideshow-button.media-photo.hover, body.photographer.photographer #photograph_wrapper .hbphotograph-element .slideshow-wrapper .slideshow-button.media-photo:hover, body.photographer.photographer #photograph_wrapper .hbphotograph-element .slideshow-wrapper .slideshow-button.media-photo.hover { background-position: 0 -1550px; height: 64px; width: 64px; } body.press.photographer #photograph_wrapper .hbphotograph-element .slideshow-wrapper .slideshow-button.media-photo.show, body.photographer.photographer #photograph_wrapper .hbphotograph-element .slideshow-wrapper .slideshow-button.media-photo.show { display: block; } body.press.photographer #photograph_wrapper .hbphotograph-element .slidernav, body.photographer.photographer #photograph_wrapper .hbphotograph-element .slidernav { float: right; position: relative; } body.press.photographer #photograph_wrapper .hbphotograph-element .slidernav .slide-prev, body.press.photographer #photograph_wrapper .hbphotograph-element .slidernav .slide-next, body.photographer.photographer #photograph_wrapper .hbphotograph-element .slidernav .slide-prev, body.photographer.photographer #photograph_wrapper .hbphotograph-element .slidernav .slide-next { position: absolute; cursor: pointer; } body.press.photographer #photograph_wrapper .hbphotograph-element .slidernav .slide-prev, body.photographer.photographer #photograph_wrapper .hbphotograph-element .slidernav .slide-prev { right: 65px; background-position: 0 -2420px; height: 21px; width: 21px; } body.press.photographer #photograph_wrapper .hbphotograph-element .slidernav .slide-prev:hover, body.photographer.photographer #photograph_wrapper .hbphotograph-element .slidernav .slide-prev:hover { background-position: 0 -2205px; height: 21px; width: 21px; } body.press.photographer #photograph_wrapper .hbphotograph-element .slidernav .slide-next, body.photographer.photographer #photograph_wrapper .hbphotograph-element .slidernav .slide-next { right: 0; background-position: 0 -2394px; height: 21px; width: 21px; } body.press.photographer #photograph_wrapper .hbphotograph-element .slidernav .slide-next:hover, body.photographer.photographer #photograph_wrapper .hbphotograph-element .slidernav .slide-next:hover { background-position: 0 -2150px; height: 21px; width: 21px; } body.press.photographer #photograph_wrapper .hbphotograph-element .slidernav .slide-position, body.photographer.photographer #photograph_wrapper .hbphotograph-element .slidernav .slide-position { color: white; font-family: "Soho W01 Medium"; color: white; font-size: 12.3px; line-height: 20px; position: absolute; right: 21px; width: 45px; text-align: center; line-height: 20.8px; } body.shop { background: transparent url('../images/textures/body.jpg') repeat top left; } body.shop #page-wrapper { background: transparent url('../images/textures/bg_points.jpg') no-repeat center top; background-size: 950px 459px; z-index: 0; position: relative; } body.shop.getpw #page-wrapper, body.shop.bggrid2 #page-wrapper { background-position: center -200px; } body.shop .message { font-family: "Soho W01 Regular"; font-size: 12.3px; line-height: 18.3px; } body.shop #teaser-ol #shop_basket_login_bar { position: absolute; top: 170px; right: 0; z-index: 15; background-position: 0 -3524px; height: 28px; width: 228px; } body.shop #teaser-ol #shop_basket_login_bar #link-basket { font-family: "Soho W01 Medium"; color: #999999; font-size: 12.3px; text-transform: uppercase; line-height: 29px; display: inline-block; vertical-align: top; } .lt-ie8 body.shop #teaser-ol #shop_basket_login_bar #link-basket { display: inline; zoom: 1; vertical-align: auto; } body.shop #teaser-ol #shop_basket_login_bar #link-basket span { background-position: 0 -2786px; height: 18px; width: 24px; display: inline-block; position: relative; top: 4px; margin-left: 8px; margin-right: 2px; } .lt-ie8 body.shop #teaser-ol #shop_basket_login_bar #link-basket span { display: inline; zoom: 1; vertical-align: auto; } body.shop #teaser-ol #shop_basket_login_bar #link-basket:hover { color: #f39a0f; } body.shop #teaser-ol #shop_basket_login_bar #link-basket:hover span { background-position: 0 -2535px; height: 18px; width: 24px; } body.shop #teaser-ol #shop_basket_login_bar #link-login { font-family: "Soho W01 Medium"; color: #999999; font-size: 12.3px; text-transform: uppercase; line-height: 29px; display: inline-block; vertical-align: top; margin-left: 10px; } .lt-ie8 body.shop #teaser-ol #shop_basket_login_bar #link-login { display: inline; zoom: 1; vertical-align: auto; } body.shop #teaser-ol #shop_basket_login_bar #link-login span { display: inline-block; background-position: 0 -2558px; height: 20px; width: 15px; position: relative; top: 4px; margin-right: 4px; } .lt-ie8 body.shop #teaser-ol #shop_basket_login_bar #link-login span { display: inline; zoom: 1; vertical-align: auto; } body.shop #teaser-ol #shop_basket_login_bar #link-login:hover { color: #f39a0f; } body.shop #teaser-ol #shop_basket_login_bar #link-login:hover span { background-position: 0 -2303px; height: 20px; width: 15px; } body.shop #main { margin-top: 125px; } body.shop #main-area { background: none; text-align: center; } body.shop #shop_cats { height: 600px; position: relative; } body.shop #shop_cats #shop_shelf { background: transparent url('../images/textures/shop_shelf.png') no-repeat top center; height: 94px; width: 100%; position: relative; top: 407px; } body.shop #shop_cats #eyecatcher { background-position: 0 -893px; height: 135px; width: 137px; position: absolute; right: 280px; top: 340px; z-index: 1; } body.shop #shop_cats .inner { position: relative; } body.shop #shop_cats article { display: inline-block; vertical-align: top; width: 290px; position: absolute; top: 35px; margin-bottom: 50px; } .lt-ie8 body.shop #shop_cats article { display: inline; zoom: 1; vertical-align: auto; } body.shop #shop_cats article#movies { top: 285px; left: 15px; } body.shop #shop_cats article#movies img { margin-left: 25px; } body.shop #shop_cats article#books { top: 231px; left: 335px; } body.shop #shop_cats article#books img { margin-left: -35px; } body.shop #shop_cats article#books figcaption { margin-top: 16px; } body.shop #shop_cats article#clothing { top: 127px; left: 655px; } body.shop #shop_cats article#clothing img { margin-left: -15px; } body.shop #shop_cats article#clothing figcaption { margin-top: 12px; } body.shop #shop_cats article figcaption { margin-top: 10px; font-family: "Soho W01 Regular"; color: #999999; font-size: 12.3px; line-height: 18.3px; padding: 0 20px; } body.shop #shop_cats article figcaption strong, body.shop #shop_cats article figcaption b { font-family: "Soho W01 Medium"; font-weight: normal; } body.shop #shop_cats article figcaption em, body.shop #shop_cats article figcaption i { font-family: "Soho W01 Medium Italic"; font-style: normal; } body.shop #shop_cats article figcaption p span { letter-spacing: -4px; } body.shop #shop_cats article .headline { font-family: "Soho W01 Medium"; color: #f39a0f; font-size: 20px; text-transform: uppercase; line-height: 18.3px; display: inline; } body.shop #shop_cats article:hover figcaption a { color: #f39a0f; } body.shop .border { background: transparent url('../images/textures/mediaservice_linie.png') repeat-x top left; width: 100%; height: 1px; margin: 10px auto 30px; } body.shop #shop_footer_paypal, body.shop #shop_footer_shipping, body.shop #shop_footer_menu { width: 290px; display: inline-block; vertical-align: top; margin-left: 30px; margin-bottom: 100px; } .lt-ie8 body.shop #shop_footer_paypal, .lt-ie8 body.shop #shop_footer_shipping, .lt-ie8 body.shop #shop_footer_menu { display: inline; zoom: 1; vertical-align: auto; } body.shop #shop_footer_paypal h4, body.shop #shop_footer_shipping h4, body.shop #shop_footer_menu h4 { font-family: "Soho W01 Medium"; color: #f39a0f; font-size: 16px; text-transform: uppercase; line-height: 18.3px; } body.shop #shop_footer_paypal .desc, body.shop #shop_footer_shipping .desc, body.shop #shop_footer_menu .desc { font-family: "Soho W01 Regular"; color: white; font-size: 12.3px; line-height: 18.3px; margin-top: 5px; padding: 0 5px; } body.shop #shop_footer_paypal .desc p, body.shop #shop_footer_shipping .desc p, body.shop #shop_footer_menu .desc p { margin: 0 0 5px 0; } body.shop #shop_footer_paypal a, body.shop #shop_footer_shipping a, body.shop #shop_footer_menu a { display: block; } body.shop #shop_footer_paypal { margin-left: 0; } body.shop #shop_footer_paypal h4 { display: inline-block; vertical-align: top; width: 170px; margin-left: 10px; text-align: left; } .lt-ie8 body.shop #shop_footer_paypal h4 { display: inline; zoom: 1; vertical-align: auto; } body.shop #shop_footer_paypal .paypal { background-position: 0 -52px; height: 24px; width: 77px; display: inline-block; vertical-align: top; position: relative; top: 10px; } .lt-ie8 body.shop #shop_footer_paypal .paypal { display: inline; zoom: 1; vertical-align: auto; } body.shop #shop_footer_menu .desc { text-align: left; } body.shop #shop_footer_catlinks ul { list-style: none; text-align: right; margin-bottom: 15px; } body.shop #shop_footer_catlinks ul li { font-family: "Soho W01 Medium"; font-size: 16.3px; line-height: 18.3px; display: inline-block; vertical-align: middle; text-transform: uppercase; margin-right: 10px; } .lt-ie8 body.shop #shop_footer_catlinks ul li { display: inline; zoom: 1; vertical-align: auto; } body.shop #shop_footer_catlinks.continue { text-align: right; } body.shop #shop_footer_catlinks.continue .continue_shopping { display: inline-block; vertical-align: top; font-family: "Soho W01 Medium"; color: #f39a0f; font-size: 14px; text-transform: uppercase; line-height: 18.3px; margin-right: 20px; margin-top: 2px; } .lt-ie8 body.shop #shop_footer_catlinks.continue .continue_shopping { display: inline; zoom: 1; vertical-align: auto; } body.shop #shop_footer_catlinks.continue ul { display: inline-block; vertical-align: top; } .lt-ie8 body.shop #shop_footer_catlinks.continue ul { display: inline; zoom: 1; vertical-align: auto; } body.shop .mod_iso_productlist { margin-top: 250px; text-align: left; } body.shop .mod_iso_productlist .row_wrapper { position: relative; margin-bottom: 50px; } body.shop .mod_iso_productlist .product { width: 310px; display: inline-block; vertical-align: top; position: relative; z-index: 2; margin-left: 6px; } .lt-ie8 body.shop .mod_iso_productlist .product { display: inline; zoom: 1; vertical-align: auto; } body.shop .mod_iso_productlist .product figure { width: 310px; line-height: 200px; text-align: center; } body.shop .mod_iso_productlist .product figure img { vertical-align: bottom; } body.shop .mod_iso_productlist .product .desc { background: transparent url('../images/textures/shop_shelf_gradient.png') repeat-x top left; margin-left: 10px; margin-right: 10px; margin-top: 6px; position: relative; } body.shop .mod_iso_productlist .product .price { background-position: 0 -238px; height: 28px; width: 72px; position: absolute; top: -20px; right: 10px; font-family: "Soho W01 Bold"; color: white; font-size: 13px; text-transform: uppercase; line-height: 14.3px; text-align: center; } body.shop .mod_iso_productlist .product .price .rotate { display: block; margin-top: 6px; transform: translate3d(0, 0, 0); -webkit-transform: rotate(-5.2deg); -moz-transform: rotate(-5.2deg); -ms-transform: rotate(-5.2deg); -o-transform: rotate(-5.2deg); transform: rotate(-5.2deg); -sand-transform: rotate(-5.2deg); -webkit-backface-visibility: hidden; -webkit-transform-style: preserve-3d; image-rendering: optimizeQuality; image-rendering: -webkit-optimize-contrast; image-rendering: crisp-edges; -ms-interpolation-mode: nearest-neighbor; } body.shop .mod_iso_productlist .product .price .rotate .iso_attribute { background: none; position: inherit; top: 0; left: 0; display: inherit; } body.shop .mod_iso_productlist .product .title { text-align: center; font-family: "Soho W01 Medium"; color: #f39a0f; font-size: 16px; text-transform: uppercase; line-height: 19px; margin: 0; } body.shop .mod_iso_productlist .product .title.first { padding-top: 10px; } body.shop .mod_iso_productlist .product .teaser { text-align: center; font-family: "Soho W01 Regular"; color: #999999; font-size: 12.3px; line-height: 18.3px; margin-top: 10px; } body.shop .mod_iso_productlist .product .details { text-align: center; font-family: "Soho W01 Regular"; color: #999999; font-size: 12.3px; line-height: 18.3px; } body.shop .mod_iso_productlist .product .details a.active { color: #f39a0f; } body.shop .mod_iso_productlist .product .submit_container { text-align: center; margin-top: 15px; } body.shop .mod_iso_productlist .product .submit { background: #7b7b7b; background: -moz-linear-gradient(left, #4a453e 0%, #7b7b7b 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%, #4a453e), color-stop(100%, #7b7b7b)); background: -webkit-linear-gradient(left, #4a453e 0%, #7b7b7b 100%); background: -o-linear-gradient(left, #4a453e 0%, #7b7b7b 100%); background: -ms-linear-gradient(left, #4a453e 0%, #7b7b7b 100%); background: linear-gradient(to right, #4a453e 0%, #7b7b7b 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4a453e', endColorstr='#7b7b7b',GradientType=1 ); border: 0; min-width: 146px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; margin: 0 auto; font-family: "Soho W01 Medium"; color: white; font-size: 13px; text-transform: uppercase; line-height: 22px; outline: none; padding: 0; height: 22px; cursor: pointer; display: inline-block; padding: 0 5px; } .lt-ie8 body.shop .mod_iso_productlist .product .submit { display: inline; zoom: 1; vertical-align: auto; } body.shop .mod_iso_productlist .product .submit:hover { background: #f39a0f; background: -moz-linear-gradient(left, #834c28 0%, #f39a0f 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%, #834c28), color-stop(100%, #f39a0f)); background: -webkit-linear-gradient(left, #834c28 0%, #f39a0f 100%); background: -o-linear-gradient(left, #834c28 0%, #f39a0f 100%); background: -ms-linear-gradient(left, #834c28 0%, #f39a0f 100%); background: linear-gradient(to right, #834c28 0%, #f39a0f 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#834c28', endColorstr='#f39a0f',GradientType=1 ); } body.shop .mod_iso_productlist .shop_shelf { background: transparent url('../images/textures/shop_shelf2.png') no-repeat top center; height: 31px; width: 100%; position: absolute; top: 283px; z-index: 1; } body.shop .mod_iso_productreader { margin-top: 250px; margin-bottom: 40px; text-align: left; } body.shop .mod_iso_productreader .lft, body.shop .mod_iso_productreader .rgt { width: 455px; display: inline-block; vertical-align: top; } .lt-ie8 body.shop .mod_iso_productreader .lft, .lt-ie8 body.shop .mod_iso_productreader .rgt { display: inline; zoom: 1; vertical-align: auto; } body.shop .mod_iso_productreader .lft { text-align: center; position: relative; } body.shop .mod_iso_productreader .slideshow-wrapper { position: relative; } body.shop .mod_iso_productreader .slideshow { margin: 0 auto 10px auto; min-height: 480px; } body.shop .mod_iso_productreader .slideshow img { display: none; } body.shop .mod_iso_productreader .slideshow img.first { display: block; } body.shop .mod_iso_productreader .lft-info { position: relative; margin: 0; width: 435px; left: 0; bottom: 0; font-family: "Soho W01 Regular"; color: #999999; font-size: 12.3px; line-height: 18.3px; } body.shop .mod_iso_productreader .lft-info .info-border { background: none repeat scroll 0 0 #9b9691; height: 1px; margin-bottom: 8px; margin-top: 8px; width: 100%; } body.shop .mod_iso_productreader .lft-info .chtitle { float: left; } body.shop .mod_iso_productreader .lft-info .info-rgt { float: right; } body.shop .mod_iso_productreader .lft-info .slidernav { float: right; position: relative; } body.shop .mod_iso_productreader .lft-info .slidernav .slide-prev, body.shop .mod_iso_productreader .lft-info .slidernav .slide-next { position: absolute; cursor: pointer; } body.shop .mod_iso_productreader .lft-info .slidernav .slide-prev { right: 59px; background-position: 0 -2420px; height: 21px; width: 21px; } body.shop .mod_iso_productreader .lft-info .slidernav .slide-prev:hover { background-position: 0 -2205px; height: 21px; width: 21px; } body.shop .mod_iso_productreader .lft-info .slidernav .slide-next { right: 0; background-position: 0 -2394px; height: 21px; width: 21px; } body.shop .mod_iso_productreader .lft-info .slidernav .slide-next:hover { background-position: 0 -2150px; height: 21px; width: 21px; } body.shop .mod_iso_productreader .lft-info .slidernav .slide-position { color: white; font-size: 12.3px; position: absolute; right: 18px; width: 45px; text-align: center; line-height: 20.8px; } body.shop .mod_iso_productreader .rgt { margin-left: 20px; } body.shop .mod_iso_productreader .title { font-family: "Soho W01 Medium"; color: #f39a0f; font-size: 20px; text-transform: uppercase; line-height: 22px; } body.shop .mod_iso_productreader .desc { font-family: "Soho W01 Regular"; color: white; font-size: 12.3px; line-height: 18.3px; } body.shop .mod_iso_productreader .submit { background: #7b7b7b; background: -moz-linear-gradient(left, #4a453e 0%, #7b7b7b 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%, #4a453e), color-stop(100%, #7b7b7b)); background: -webkit-linear-gradient(left, #4a453e 0%, #7b7b7b 100%); background: -o-linear-gradient(left, #4a453e 0%, #7b7b7b 100%); background: -ms-linear-gradient(left, #4a453e 0%, #7b7b7b 100%); background: linear-gradient(to right, #4a453e 0%, #7b7b7b 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4a453e', endColorstr='#7b7b7b',GradientType=1 ); border: 0; min-width: 146px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; margin: 0 auto; font-family: "Soho W01 Medium"; color: white; font-size: 13px; text-transform: uppercase; line-height: 22px; outline: none; padding: 0; height: 22px; cursor: pointer; display: inline-block; padding: 0 5px; } .lt-ie8 body.shop .mod_iso_productreader .submit { display: inline; zoom: 1; vertical-align: auto; } body.shop .mod_iso_productreader .submit:hover { background: #f39a0f; background: -moz-linear-gradient(left, #834c28 0%, #f39a0f 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%, #834c28), color-stop(100%, #f39a0f)); background: -webkit-linear-gradient(left, #834c28 0%, #f39a0f 100%); background: -o-linear-gradient(left, #834c28 0%, #f39a0f 100%); background: -ms-linear-gradient(left, #834c28 0%, #f39a0f 100%); background: linear-gradient(to right, #834c28 0%, #f39a0f 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#834c28', endColorstr='#f39a0f',GradientType=1 ); } body.shop .mod_iso_productreader .line { color: #333333; font-family: "Soho W01 Medium"; text-align: center; height: 20px; overflow: hidden; margin-bottom: 5px; clear: both; letter-spacing: 1px; } body.shop .mod_iso_productreader .price_container { display: inline-block; vertical-align: top; width: 280px; margin-top: 25px; } .lt-ie8 body.shop .mod_iso_productreader .price_container { display: inline; zoom: 1; vertical-align: auto; } body.shop .mod_iso_productreader .price_container .price1 { font-family: "Soho W01 Medium"; color: #f39a0f; font-size: 16px; line-height: 18.3px; display: inline-block; vertical-align: top; } .lt-ie8 body.shop .mod_iso_productreader .price_container .price1 { display: inline; zoom: 1; vertical-align: auto; } body.shop .mod_iso_productreader .price_container .price2 { font-family: "Soho W01 Regular"; color: #999999; font-size: 12.3px; line-height: 18.3px; display: inline-block; vertical-align: top; } .lt-ie8 body.shop .mod_iso_productreader .price_container .price2 { display: inline; zoom: 1; vertical-align: auto; } body.shop .mod_iso_productreader .submit_container { display: inline-block; vertical-align: top; float: right; margin-top: 25px; } .lt-ie8 body.shop .mod_iso_productreader .submit_container { display: inline; zoom: 1; vertical-align: auto; } body.shop .mod_iso_productreader .options_container { margin-top: 15px; margin-bottom: 25px; } body.shop .mod_iso_productreader .options_container label, body.shop .mod_iso_productreader .options_container select { display: inline-block; vertical-align: middle; margin: 0; padding: 0; font-family: "Soho W01 Medium"; color: white; font-size: 12.3px; line-height: 18.3px; } .lt-ie8 body.shop .mod_iso_productreader .options_container label, .lt-ie8 body.shop .mod_iso_productreader .options_container select { display: inline; zoom: 1; vertical-align: auto; } body.shop .mod_iso_productreader .options_container select { width: 90px; font-family: "Soho W01 Medium"; color: #333333; font-size: 11.3px; line-height: 18.3px; margin-right: 0; margin-left: 5px; } body.shop .mod_iso_productreader .options_container .iso_options { display: inline-block; vertical-align: top; margin-right: 15px; } .lt-ie8 body.shop .mod_iso_productreader .options_container .iso_options { display: inline; zoom: 1; vertical-align: auto; } body.shop .mod_iso_productreader .options_container p.error { margin: 0; font-family: "Soho W01 Medium"; color: #f39a0f; font-size: 11.3px; line-height: 18.3px; } body.shop .mod_iso_cart { margin-top: 190px; margin-bottom: 50px; } body.shop .mod_iso_cart .headline { font-family: "Soho W01 Medium"; color: white; font-size: 12.3px; line-height: 18.3px; } body.shop .mod_iso_cart table { width: 890px; margin: 20px auto; border-collapse: separate; border-spacing: 10px; } body.shop .mod_iso_cart table th { font-family: "Soho W01 Medium"; color: white; font-size: 12.3px; text-transform: uppercase; line-height: 18.3px; padding-bottom: 10px; border-bottom: 2px solid white; text-align: left; } body.shop .mod_iso_cart table th.col_1 { padding-left: 160px; } body.shop .mod_iso_cart table th div { display: inline-block; vertical-align: top; } .lt-ie8 body.shop .mod_iso_cart table th div { display: inline; zoom: 1; vertical-align: auto; } body.shop .mod_iso_cart table th div.c_0 { width: 30px; } body.shop .mod_iso_cart table th div.c_1 { width: 500px; text-align: center; } body.shop .mod_iso_cart table th div.c_2 { width: 70px; } body.shop .mod_iso_cart table tbody tr td { height: 120px; padding: 30px 0 0; font-family: "Soho W01 Regular"; color: white; font-size: 12.3px; line-height: 18.3px; border-top: 1px solid white; vertical-align: top; } body.shop .mod_iso_cart table tbody tr td.col_0 { padding-top: 0; } body.shop .mod_iso_cart table tbody tr.row_0 td { padding-top: 20px; } body.shop .mod_iso_cart table tbody tr.row_0 td.col_0 { padding-top: 0; } body.shop .mod_iso_cart table .row_0 td { border-top: 0; } body.shop .mod_iso_cart table .col_0 { width: 30px; font-family: "Soho W01 Medium"; color: white; font-size: 12.3px; line-height: 18.3px; } body.shop .mod_iso_cart table td.col_0 { text-align: center; vertical-align: middle; } body.shop .mod_iso_cart table .col_1 { width: 470px; } body.shop .mod_iso_cart table .col_1 figure, body.shop .mod_iso_cart table .col_1 .desc { display: inline-block; vertical-align: top; } .lt-ie8 body.shop .mod_iso_cart table .col_1 figure, .lt-ie8 body.shop .mod_iso_cart table .col_1 .desc { display: inline; zoom: 1; vertical-align: auto; } body.shop .mod_iso_cart table .col_1 figure { width: 140px; height: 100px; text-align: center; margin: 0 auto; } body.shop .mod_iso_cart table .col_3 { padding-left: 30px; } body.shop .mod_iso_cart table .col_3 .total_price, body.shop .mod_iso_cart table .col_3 .submit_container { display: inline-block; vertical-align: top; } .lt-ie8 body.shop .mod_iso_cart table .col_3 .total_price, .lt-ie8 body.shop .mod_iso_cart table .col_3 .submit_container { display: inline; zoom: 1; vertical-align: auto; } body.shop .mod_iso_cart table .col_3 .total_price { width: 80px; } body.shop .mod_iso_cart table .col_2 { width: 70px; text-align: center; } body.shop .mod_iso_cart table .col_4 { width: 160px; } body.shop .mod_iso_cart table .title { font-family: "Soho W01 Medium"; font-size: 12.3px; line-height: 18.3px; text-transform: uppercase; } body.shop .mod_iso_cart table .desc { margin-left: 20px; width: 220px; } body.shop .mod_iso_cart table .unit-price { margin: 0; } body.shop .mod_iso_cart table .quantity input { width: 40px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; background-color: #333333; border: 0; font-family: "Soho W01 Medium"; color: #999999; font-size: 12.3px; line-height: 18.3px; padding: 0 5px; text-align: right; } body.shop .mod_iso_cart table .submit_container .submit, body.shop .mod_iso_cart table .submit_container .remove { background: #7b7b7b; background: -moz-linear-gradient(left, #4a453e 0%, #7b7b7b 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%, #4a453e), color-stop(100%, #7b7b7b)); background: -webkit-linear-gradient(left, #4a453e 0%, #7b7b7b 100%); background: -o-linear-gradient(left, #4a453e 0%, #7b7b7b 100%); background: -ms-linear-gradient(left, #4a453e 0%, #7b7b7b 100%); background: linear-gradient(to right, #4a453e 0%, #7b7b7b 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4a453e', endColorstr='#7b7b7b',GradientType=1 ); border: 0; min-width: 146px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; margin: 0 auto; font-family: "Soho W01 Medium"; color: white; font-size: 13px; text-transform: uppercase; line-height: 22px; outline: none; padding: 0; height: 22px; cursor: pointer; display: inline-block; padding: 0 5px; min-width: 120px; font-size: 11.3px; line-height: 20px; height: 20px; } .lt-ie8 body.shop .mod_iso_cart table .submit_container .submit, .lt-ie8 body.shop .mod_iso_cart table .submit_container .remove { display: inline; zoom: 1; vertical-align: auto; } body.shop .mod_iso_cart table .submit_container .submit:hover, body.shop .mod_iso_cart table .submit_container .remove:hover { background: #f39a0f; background: -moz-linear-gradient(left, #834c28 0%, #f39a0f 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%, #834c28), color-stop(100%, #f39a0f)); background: -webkit-linear-gradient(left, #834c28 0%, #f39a0f 100%); background: -o-linear-gradient(left, #834c28 0%, #f39a0f 100%); background: -ms-linear-gradient(left, #834c28 0%, #f39a0f 100%); background: linear-gradient(to right, #834c28 0%, #f39a0f 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#834c28', endColorstr='#f39a0f',GradientType=1 ); } body.shop .mod_iso_cart table .submit_container .remove { margin-top: 10px; } body.shop .mod_iso_cart table .grandtotal { font-family: "Soho W01 Regular"; color: white; font-size: 12.3px; line-height: 18.3px; } body.shop .mod_iso_cart table .grandtotal .submit_container .submit { font-size: 13px; line-height: 20px; height: 20px; } body.shop .mod_iso_cart table .grandtotal .border1 { height: 2px; margin-bottom: 2px; margin-top: 0; padding-top: 0; background-color: white; } body.shop .mod_iso_cart table .grandtotal .border2 { height: 1px; margin-top: 0; padding-top: 0; background-color: white; } body.shop .mod_iso_cart table .grandtotal .col_first { text-align: right; padding-right: 10px; } body.shop .mod_iso_cart table .grandtotal .col_first strong { font-family: "Soho W01 Medium"; text-transform: uppercase; font-weight: normal; } body.shop .mod_iso_cart table .grandtotal .price.total { padding-left: 30px; vertical-align: top; } body.shop .mod_iso_cart table .grandtotal .total_price { width: 80px; } body.shop .mod_iso_cart table .grandtotal .total_price, body.shop .mod_iso_cart table .grandtotal .submit_container { display: inline-block; vertical-align: top; } .lt-ie8 body.shop .mod_iso_cart table .grandtotal .total_price, .lt-ie8 body.shop .mod_iso_cart table .grandtotal .submit_container { display: inline; zoom: 1; vertical-align: auto; } body.shop .mod_iso_cart.minibasket { margin: 0; } body.shop .mod_iso_cart.minibasket .cart_mini { font-family: "Soho W01 Regular"; color: #999999; font-size: 12.3px; line-height: 18.3px; margin-left: 10px; } body.shop .mod_iso_checkout { margin-top: 190px; margin-bottom: 50px; width: 930px; } body.shop .mod_iso_checkout .message { font-family: "Soho W01 Regular"; color: white; font-size: 12.3px; line-height: 18.3px; } body.shop .iso_message { position: absolute; top: 240px; width: 100%; font-family: "Soho W01 Regular"; color: white; font-size: 12.3px; line-height: 18.3px; } body.shop .mod_checkoutstep_first { margin-top: 60px; } body.shop .mod_checkoutstep_first #mod_login, body.shop .mod_checkoutstep_first #mod_registerlink, body.shop .mod_checkoutstep_first #mod_guestorderlink { display: inline-block; vertical-align: top; background: transparent url('../images/textures/shop_item_gradient.png') repeat-x top left; height: 480px; width: 290px; margin-right: 30px; } .lt-ie8 body.shop .mod_checkoutstep_first #mod_login, .lt-ie8 body.shop .mod_checkoutstep_first #mod_registerlink, .lt-ie8 body.shop .mod_checkoutstep_first #mod_guestorderlink { display: inline; zoom: 1; vertical-align: auto; } body.shop .mod_checkoutstep_first #mod_login .inner, body.shop .mod_checkoutstep_first #mod_registerlink .inner, body.shop .mod_checkoutstep_first #mod_guestorderlink .inner { padding: 10px 8px; } body.shop .mod_checkoutstep_first #mod_login .title, body.shop .mod_checkoutstep_first #mod_registerlink .title, body.shop .mod_checkoutstep_first #mod_guestorderlink .title { font-family: "Soho W01 Medium"; color: #f39a0f; font-size: 16px; text-transform: uppercase; line-height: 18.3px; display: inline; } body.shop .mod_checkoutstep_first #mod_login .message, body.shop .mod_checkoutstep_first #mod_registerlink .message, body.shop .mod_checkoutstep_first #mod_guestorderlink .message { margin: 5px 0; font-family: "Soho W01 Regular"; color: white; font-size: 12.3px; line-height: 18.3px; } body.shop .mod_checkoutstep_first #mod_login .lost-pw, body.shop .mod_checkoutstep_first #mod_registerlink .lost-pw, body.shop .mod_checkoutstep_first #mod_guestorderlink .lost-pw { font-family: "Soho W01 Regular"; font-size: 12.3px; line-height: 16.3px; margin-top: 5px; display: block; } body.shop .mod_checkoutstep_first #mod_guestorderlink { margin-right: 0; } body.shop .mod_checkoutstep_first #tl_login { position: relative; margin: 10px auto 0; } body.shop .mod_checkoutstep_first #tl_login .formbody { padding: 0; } body.shop .mod_checkoutstep_first #tl_login .submit_container { position: relative; } body.shop .mod_checkoutstep_first #tl_login .loginrow { text-align: right; } body.shop .mod_checkoutstep_first #tl_login label.username, body.shop .mod_checkoutstep_first #tl_login label.password { font-family: "Soho W01 Medium"; color: #f39a0f; font-size: 12.3px; text-transform: uppercase; line-height: 18.3px; display: inline-block; } .lt-ie8 body.shop .mod_checkoutstep_first #tl_login label.username, .lt-ie8 body.shop .mod_checkoutstep_first #tl_login label.password { display: inline; zoom: 1; vertical-align: auto; } body.shop .mod_checkoutstep_first #tl_login #username, body.shop .mod_checkoutstep_first #tl_login #password { font-family: "Soho W01 Medium"; color: #999999; font-size: 12.3px; line-height: 18.3px; background-color: #333333; border: 0; display: inline-block; width: 172px; height: 26px; margin-left: 10px; padding: 0 10px; } .lt-ie8 body.shop .mod_checkoutstep_first #tl_login #username, .lt-ie8 body.shop .mod_checkoutstep_first #tl_login #password { display: inline; zoom: 1; vertical-align: auto; } body.shop .mod_checkoutstep_first #tl_login #username { margin-left: 33px; } body.shop .mod_checkoutstep_first #tl_login input.submit { background-position: 0 -3470px; height: 38px; width: 192px; text-indent: 100%; white-space: nowrap; overflow: hidden; position: relative; left: 0; top: -15px; text-indent: 110%; cursor: pointer; border: 0; margin: 0; } body.shop .mod_checkoutstep_first #tl_login input.submit:hover { background-position: 0 -3040px; height: 38px; width: 192px; } body.shop .mod_checkoutstep_first #tl_login input.submit.logout { background-position: 0 -3298px; height: 38px; width: 192px; } body.shop .mod_checkoutstep_first #tl_login input.submit.logout:hover { background-position: 0 -3169px; height: 38px; width: 192px; } body.shop .mod_shopend, body.shop .mod_payment_paypal { margin-top: 0; margin-bottom: 50px; background: transparent url('../images/textures/shop_item_gradient.png') repeat-x top left; min-height: 280px; padding: 10px 0; font-family: "Soho W01 Regular"; font-size: 12.3px; line-height: 16.3px; } body.shop .mod_shopend h2, body.shop .mod_shopend h3, body.shop .mod_payment_paypal h2, body.shop .mod_payment_paypal h3 { display: inline-block; font-family: "Soho W01 Medium"; color: #f39a0f; font-size: 16px; text-transform: uppercase; line-height: 18.3px; } .lt-ie8 body.shop .mod_shopend h2, .lt-ie8 body.shop .mod_shopend h3, .lt-ie8 body.shop .mod_payment_paypal h2, .lt-ie8 body.shop .mod_payment_paypal h3 { display: inline; zoom: 1; vertical-align: auto; } body.shop .mod_article .titlefallback { font-family: "Soho W01 Medium"; color: #f39a0f; font-size: 20px; text-transform: uppercase; line-height: 17px; display: inline-block; position: relative; top: 130px; left: -8px; } .lt-ie8 body.shop .mod_article .titlefallback { display: inline; zoom: 1; vertical-align: auto; } body.shop .mod_lostPassword, body.shop .mod_newpass { margin: 210px 0 20px; background: transparent url('../images/textures/shop_item_gradient.png') repeat-x top left; min-height: 280px; padding: 10px 0; } body.shop .mod_lostPassword .submit_container, body.shop .mod_newpass .submit_container { position: relative; } body.shop .mod_lostPassword p, body.shop .mod_newpass p { font-family: "Soho W01 Regular"; font-size: 12.3px; line-height: 16.3px; margin: 10px 0 0; } body.shop .mod_lostPassword .fields, body.shop .mod_newpass .fields { width: 530px; margin: 20px auto 0; text-align: left; } body.shop .mod_lostPassword .fields .grad-orange1, body.shop .mod_newpass .fields .grad-orange1 { display: inline-block; } .lt-ie8 body.shop .mod_lostPassword .fields .grad-orange1, .lt-ie8 body.shop .mod_newpass .fields .grad-orange1 { display: inline; zoom: 1; vertical-align: auto; } body.shop .mod_lostPassword .fields label, body.shop .mod_newpass .fields label { font-family: "Soho W01 Regular"; color: #f39a0f; font-size: 12.3px; text-transform: uppercase; line-height: 16.3px; display: inline-block; vertical-align: sub; width: 150px; } .lt-ie8 body.shop .mod_lostPassword .fields label, .lt-ie8 body.shop .mod_newpass .fields label { display: inline; zoom: 1; vertical-align: auto; } body.shop .mod_lostPassword .fields input, body.shop .mod_newpass .fields input { font-family: "Soho W01 Regular"; color: #999999; font-size: 12.3px; display: inline-block; vertical-align: top; margin: 0 0 8.5px 5px; background-color: #333333; border: 0; width: 340px; padding: 5px; } .lt-ie8 body.shop .mod_lostPassword .fields input, .lt-ie8 body.shop .mod_newpass .fields input { display: inline; zoom: 1; vertical-align: auto; } body.shop .mod_lostPassword .fields input.error, body.shop .mod_newpass .fields input.error { text-transform: none; } body.shop .mod_lostPassword .fields input.captcha, body.shop .mod_newpass .fields input.captcha { width: 105px; padding-top: 6px; } body.shop .mod_lostPassword .fields .fieldquestion, body.shop .mod_newpass .fields .fieldquestion { display: inline-block; vertical-align: top; } .lt-ie8 body.shop .mod_lostPassword .fields .fieldquestion, .lt-ie8 body.shop .mod_newpass .fields .fieldquestion { display: inline; zoom: 1; vertical-align: auto; } body.shop .mod_lostPassword .fields .fieldquestion .question, body.shop .mod_newpass .fields .fieldquestion .question { display: inline-block; vertical-align: top; font-family: "Soho W01 Regular"; font-size: 12.3px; margin: 0 0 0 5px; background-color: #333333; width: 220px; padding: 5px; } .lt-ie8 body.shop .mod_lostPassword .fields .fieldquestion .question, .lt-ie8 body.shop .mod_newpass .fields .fieldquestion .question { display: inline; zoom: 1; vertical-align: auto; } body.shop .mod_lostPassword .fields p.error, body.shop .mod_newpass .fields p.error { margin: 0; color: #f39a0f; padding-left: 160px; margin-top: 5px; } body.shop .mod_lostPassword input.submit, body.shop .mod_newpass input.submit { background-position: 0 -3384px; height: 38px; width: 350px; text-indent: 100%; white-space: nowrap; overflow: hidden; margin: -12px auto 0 135px; text-indent: 110%; cursor: pointer; border: 0; } body.shop .mod_lostPassword input.submit:hover, body.shop .mod_newpass input.submit:hover { background-position: 0 -2954px; height: 38px; width: 350px; } body.shop #iso_mod_checkout_address .submit_container, body.shop .mod_registration .submit_container, body.shop .mod_personalData .submit_container { float: right; } body.shop #iso_mod_checkout_address .submit_container .submit, body.shop .mod_registration .submit_container .submit, body.shop .mod_personalData .submit_container .submit { background: #7b7b7b; background: -moz-linear-gradient(left, #4a453e 0%, #7b7b7b 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%, #4a453e), color-stop(100%, #7b7b7b)); background: -webkit-linear-gradient(left, #4a453e 0%, #7b7b7b 100%); background: -o-linear-gradient(left, #4a453e 0%, #7b7b7b 100%); background: -ms-linear-gradient(left, #4a453e 0%, #7b7b7b 100%); background: linear-gradient(to right, #4a453e 0%, #7b7b7b 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4a453e', endColorstr='#7b7b7b',GradientType=1 ); border: 0; min-width: 146px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; margin: 0 auto; font-family: "Soho W01 Medium"; color: white; font-size: 13px; text-transform: uppercase; line-height: 22px; outline: none; padding: 0; height: 22px; cursor: pointer; display: inline-block; padding: 0 5px; min-width: 80px; margin-right: 40px; } .lt-ie8 body.shop #iso_mod_checkout_address .submit_container .submit, .lt-ie8 body.shop .mod_registration .submit_container .submit, .lt-ie8 body.shop .mod_personalData .submit_container .submit { display: inline; zoom: 1; vertical-align: auto; } body.shop #iso_mod_checkout_address .submit_container .submit:hover, body.shop .mod_registration .submit_container .submit:hover, body.shop .mod_personalData .submit_container .submit:hover { background: #f39a0f; background: -moz-linear-gradient(left, #834c28 0%, #f39a0f 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%, #834c28), color-stop(100%, #f39a0f)); background: -webkit-linear-gradient(left, #834c28 0%, #f39a0f 100%); background: -o-linear-gradient(left, #834c28 0%, #f39a0f 100%); background: -ms-linear-gradient(left, #834c28 0%, #f39a0f 100%); background: linear-gradient(to right, #834c28 0%, #f39a0f 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#834c28', endColorstr='#f39a0f',GradientType=1 ); } body.shop #iso_mod_checkout_address.mod_registration, body.shop #iso_mod_checkout_address.mod_personalData, body.shop .mod_registration.mod_registration, body.shop .mod_registration.mod_personalData, body.shop .mod_personalData.mod_registration, body.shop .mod_personalData.mod_personalData { margin-bottom: 50px; } body.shop #iso_mod_checkout_address.mod_registration .submit_container .submit, body.shop #iso_mod_checkout_address.mod_personalData .submit_container .submit, body.shop .mod_registration.mod_registration .submit_container .submit, body.shop .mod_registration.mod_personalData .submit_container .submit, body.shop .mod_personalData.mod_registration .submit_container .submit, body.shop .mod_personalData.mod_personalData .submit_container .submit { margin-right: 65px; } body.shop #billing_address, body.shop #billing_address2 { display: inline-block; vertical-align: top; background: transparent url('../images/textures/shop_item_gradient.png') repeat-x top left; width: 435px; margin-right: 20px; font-family: "Soho W01 Regular"; color: white; font-size: 12.3px; line-height: 18.3px; text-align: left; padding: 10px; } .lt-ie8 body.shop #billing_address, .lt-ie8 body.shop #billing_address2 { display: inline; zoom: 1; vertical-align: auto; } body.shop #billing_address p, body.shop #billing_address2 p { margin: 5px 0 20px; } body.shop #billing_address h2, body.shop #billing_address2 h2 { font-family: "Soho W01 Medium"; color: #f39a0f; font-size: 16.3px; text-transform: uppercase; line-height: 18.3px; display: inline; } body.shop #billing_address fieldset, body.shop #billing_address2 fieldset { border: 0; padding: 0; position: relative; margin-bottom: 0; margin-top: 0; height: 45px; } body.shop #billing_address fieldset legend, body.shop #billing_address2 fieldset legend { position: absolute; top: 0; left: 0; width: 120px; text-transform: uppercase; } body.shop #billing_address fieldset legend span, body.shop #billing_address2 fieldset legend span { position: inherit; text-transform: none; } body.shop #billing_address fieldset legend span.mandatory, body.shop #billing_address2 fieldset legend span.mandatory { color: #f39a0f; margin-left: 5px; } body.shop #billing_address fieldset span, body.shop #billing_address2 fieldset span { position: relative; margin-left: 120px; } body.shop #billing_address fieldset span .input, body.shop #billing_address fieldset span label, body.shop #billing_address2 fieldset span .input, body.shop #billing_address2 fieldset span label { display: inline-block; vertical-align: top; font-family: "Soho W01 Regular"; font-size: 12.3px; line-height: 18.3px; width: inherit; text-transform: none; } .lt-ie8 body.shop #billing_address fieldset span .input, .lt-ie8 body.shop #billing_address fieldset span label, .lt-ie8 body.shop #billing_address2 fieldset span .input, .lt-ie8 body.shop #billing_address2 fieldset span label { display: inline; zoom: 1; vertical-align: auto; } body.shop #billing_address fieldset span #lbl_shipping_address_0, body.shop #billing_address fieldset span #lbl_shipping_address_1, body.shop #billing_address2 fieldset span #lbl_shipping_address_0, body.shop #billing_address2 fieldset span #lbl_shipping_address_1 { width: 90%; } body.shop #billing_address fieldset span:last-child, body.shop #billing_address2 fieldset span:last-child { margin-left: 10px; } body.shop #billing_address fieldset span.invisible, body.shop #billing_address fieldset span.mandatory, body.shop #billing_address2 fieldset span.invisible, body.shop #billing_address2 fieldset span.mandatory { margin-left: 0; } body.shop #billing_address fieldset p.error, body.shop #billing_address2 fieldset p.error { position: absolute; bottom: 0; } body.shop #billing_address label, body.shop #billing_address2 label { font-family: "Soho W01 Regular"; color: white; font-size: 12.3px; text-transform: uppercase; line-height: 18.3px; display: inline-block; vertical-align: top; width: 120px; padding-top: 5px; } .lt-ie8 body.shop #billing_address label, .lt-ie8 body.shop #billing_address2 label { display: inline; zoom: 1; vertical-align: auto; } body.shop #billing_address label .mandatory, body.shop #billing_address2 label .mandatory { color: #f39a0f; margin-left: 5px; } body.shop #billing_address label[for="ctrl_password"], body.shop #billing_address label[for="ctrl_password_confirm"], body.shop #billing_address2 label[for="ctrl_password"], body.shop #billing_address2 label[for="ctrl_password_confirm"] { width: 230px; } body.shop #billing_address label.question, body.shop #billing_address2 label.question { width: 250px; } body.shop #billing_address label#lbl_salutation_0, body.shop #billing_address label#lbl_salutation_1, body.shop #billing_address label #lbl_billing_address_salutation_0, body.shop #billing_address label #lbl_billing_address_salutation_1, body.shop #billing_address2 label#lbl_salutation_0, body.shop #billing_address2 label#lbl_salutation_1, body.shop #billing_address2 label #lbl_billing_address_salutation_0, body.shop #billing_address2 label #lbl_billing_address_salutation_1 { padding-top: 0; } body.shop #billing_address input.text, body.shop #billing_address select, body.shop #billing_address input.captcha, body.shop #billing_address2 input.text, body.shop #billing_address2 select, body.shop #billing_address2 input.captcha { font-family: "Soho W01 Regular"; color: #999999; font-size: 12.3px; line-height: 18.3px; display: inline-block; vertical-align: top; margin: 0 0 8.5px 5px; background-color: #333333; border: 0; width: 270px; padding: 5px; } .lt-ie8 body.shop #billing_address input.text, .lt-ie8 body.shop #billing_address select, .lt-ie8 body.shop #billing_address input.captcha, .lt-ie8 body.shop #billing_address2 input.text, .lt-ie8 body.shop #billing_address2 select, .lt-ie8 body.shop #billing_address2 input.captcha { display: inline; zoom: 1; vertical-align: auto; } body.shop #billing_address input.text.error, body.shop #billing_address select.error, body.shop #billing_address input.captcha.error, body.shop #billing_address2 input.text.error, body.shop #billing_address2 select.error, body.shop #billing_address2 input.captcha.error { text-transform: none; } body.shop #billing_address input.text.password, body.shop #billing_address select.password, body.shop #billing_address input.captcha.password, body.shop #billing_address2 input.text.password, body.shop #billing_address2 select.password, body.shop #billing_address2 input.captcha.password { width: 160px; } body.shop #billing_address input.text.captcha, body.shop #billing_address select.captcha, body.shop #billing_address input.captcha.captcha, body.shop #billing_address2 input.text.captcha, body.shop #billing_address2 select.captcha, body.shop #billing_address2 input.captcha.captcha { width: 140px; } body.shop #billing_address h2.my_pass, body.shop #billing_address h2.captcha, body.shop #billing_address2 h2.my_pass, body.shop #billing_address2 h2.captcha { display: inline-block; margin-top: 20px; } .lt-ie8 body.shop #billing_address h2.my_pass, .lt-ie8 body.shop #billing_address h2.captcha, .lt-ie8 body.shop #billing_address2 h2.my_pass, .lt-ie8 body.shop #billing_address2 h2.captcha { display: inline; zoom: 1; vertical-align: auto; } body.shop #billing_address p.error, body.shop #billing_address2 p.error { font-family: "Soho W01 Regular"; color: #f39a0f; font-size: 11.3px; line-height: 18.3px; padding-left: 128px; margin: -8px 0 10px; vertical-align: top; display: block; } body.shop #billing_address .reg_pass p.error, body.shop #billing_address2 .reg_pass p.error { padding-left: 198px; width: 210px; } body.shop #billing_address .input_reg_captcha p.error, body.shop #billing_address2 .input_reg_captcha p.error { padding-left: 256px; width: 150px; } body.shop #billing_address #ctrl_billing_address_title, body.shop #billing_address #ctrl_billing_address_birthday, body.shop #billing_address #ctrl_billing_address_phone, body.shop #billing_address #ctrl_billing_address_fax, body.shop #billing_address #ctrl_billing_address_postal, body.shop #billing_address2 #ctrl_billing_address_title, body.shop #billing_address2 #ctrl_billing_address_birthday, body.shop #billing_address2 #ctrl_billing_address_phone, body.shop #billing_address2 #ctrl_billing_address_fax, body.shop #billing_address2 #ctrl_billing_address_postal { width: 180px; } body.shop #billing_address #ctrl_billing_address_web, body.shop #billing_address2 #ctrl_billing_address_web { width: 220px; } body.shop #billing_address #ctrl_shipping_address, body.shop #billing_address2 #ctrl_shipping_address { margin-bottom: 50px; } body.shop #billing_address #ctrl_shipping_address span, body.shop #billing_address2 #ctrl_shipping_address span { margin: 0; display: block; } body.shop #billing_address2 { margin-right: 0; } body.shop #shipping_address p { font-family: "Soho W01 Regular"; color: #f39a0f; font-size: 12.3px; line-height: 18.3px; display: inline-block; } .lt-ie8 body.shop #shipping_address p { display: inline; zoom: 1; vertical-align: auto; } body.shop #shipping_address p.error { display: block; } body.shop #shipping_address_new { display: block; } body.shop #shipping_address_new p { font-family: "Soho W01 Regular"; color: white; font-size: 12.3px; line-height: 18.3px; } body.shop .mod_login .error { font-family: "Soho W01 Regular"; color: #f39a0f; font-size: 12.3px; line-height: 16.3px; margin: -10px 0 0; } body.shop .shop_button { background: #7b7b7b; background: -moz-linear-gradient(left, #4a453e 0%, #7b7b7b 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%, #4a453e), color-stop(100%, #7b7b7b)); background: -webkit-linear-gradient(left, #4a453e 0%, #7b7b7b 100%); background: -o-linear-gradient(left, #4a453e 0%, #7b7b7b 100%); background: -ms-linear-gradient(left, #4a453e 0%, #7b7b7b 100%); background: linear-gradient(to right, #4a453e 0%, #7b7b7b 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4a453e', endColorstr='#7b7b7b',GradientType=1 ); border: 0; min-width: 146px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; margin: 0 auto; font-family: "Soho W01 Medium"; color: white; font-size: 13px; text-transform: uppercase; line-height: 22px; outline: none; padding: 0; height: 22px; cursor: pointer; display: inline-block; padding: 0 5px; margin-top: 15px; } .lt-ie8 body.shop .shop_button { display: inline; zoom: 1; vertical-align: auto; } body.shop .shop_button:hover { background: #f39a0f; background: -moz-linear-gradient(left, #834c28 0%, #f39a0f 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%, #834c28), color-stop(100%, #f39a0f)); background: -webkit-linear-gradient(left, #834c28 0%, #f39a0f 100%); background: -o-linear-gradient(left, #834c28 0%, #f39a0f 100%); background: -ms-linear-gradient(left, #834c28 0%, #f39a0f 100%); background: linear-gradient(to right, #834c28 0%, #f39a0f 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#834c28', endColorstr='#f39a0f',GradientType=1 ); } body.shop #iso_mod_checkout_shipping .billing_adress, body.shop #iso_mod_checkout_shipping .shipping_adress, body.shop #iso_mod_checkout_shipping .shipping_method { display: inline-block; vertical-align: top; width: 290px; margin-right: 27px; background: transparent url('../images/textures/shop_item_gradient.png') repeat-x top left; font-family: "Soho W01 Regular"; color: white; font-size: 12.3px; line-height: 18.3px; min-height: 300px; } .lt-ie8 body.shop #iso_mod_checkout_shipping .billing_adress, .lt-ie8 body.shop #iso_mod_checkout_shipping .shipping_adress, .lt-ie8 body.shop #iso_mod_checkout_shipping .shipping_method { display: inline; zoom: 1; vertical-align: auto; } body.shop #iso_mod_checkout_shipping .billing_adress.shipping_method, body.shop #iso_mod_checkout_shipping .shipping_adress.shipping_method, body.shop #iso_mod_checkout_shipping .shipping_method.shipping_method { margin-right: 0; } body.shop #iso_mod_checkout_shipping .billing_adress.shipping_method .radio_container, body.shop #iso_mod_checkout_shipping .shipping_adress.shipping_method .radio_container, body.shop #iso_mod_checkout_shipping .shipping_method.shipping_method .radio_container { display: none; } body.shop #iso_mod_checkout_shipping .billing_adress h2, body.shop #iso_mod_checkout_shipping .billing_adress h3, body.shop #iso_mod_checkout_shipping .shipping_adress h2, body.shop #iso_mod_checkout_shipping .shipping_adress h3, body.shop #iso_mod_checkout_shipping .shipping_method h2, body.shop #iso_mod_checkout_shipping .shipping_method h3 { font-family: "Soho W01 Medium"; color: #f39a0f; font-size: 16px; text-transform: uppercase; line-height: 18.3px; } body.shop #iso_mod_checkout_shipping .billing_adress h2, body.shop #iso_mod_checkout_shipping .shipping_adress h2, body.shop #iso_mod_checkout_shipping .shipping_method h2 { margin-top: 10px; } body.shop #iso_mod_checkout_shipping .billing_adress .error, body.shop #iso_mod_checkout_shipping .shipping_adress .error, body.shop #iso_mod_checkout_shipping .shipping_method .error { padding: 10px; } body.shop #iso_mod_checkout_shipping .billing_adress .inner, body.shop #iso_mod_checkout_shipping .shipping_adress .inner, body.shop #iso_mod_checkout_shipping .shipping_method .inner { padding: 15px; } body.shop #iso_mod_checkout_shipping .billing_adress p, body.shop #iso_mod_checkout_shipping .billing_adress span, body.shop #iso_mod_checkout_shipping .shipping_adress p, body.shop #iso_mod_checkout_shipping .shipping_adress span, body.shop #iso_mod_checkout_shipping .shipping_method p, body.shop #iso_mod_checkout_shipping .shipping_method span { margin: 0; } body.shop #iso_mod_checkout_shipping .billing_adress p.country, body.shop #iso_mod_checkout_shipping .billing_adress span.country, body.shop #iso_mod_checkout_shipping .shipping_adress p.country, body.shop #iso_mod_checkout_shipping .shipping_adress span.country, body.shop #iso_mod_checkout_shipping .shipping_method p.country, body.shop #iso_mod_checkout_shipping .shipping_method span.country { text-transform: uppercase; } body.shop #iso_mod_checkout_shipping .billing_adress p.price, body.shop #iso_mod_checkout_shipping .billing_adress span.price, body.shop #iso_mod_checkout_shipping .shipping_adress p.price, body.shop #iso_mod_checkout_shipping .shipping_adress span.price, body.shop #iso_mod_checkout_shipping .shipping_method p.price, body.shop #iso_mod_checkout_shipping .shipping_method span.price { font-family: "Soho W01 Medium"; } body.shop #iso_mod_checkout_shipping .submit_container { float: right; } body.shop #iso_mod_checkout_shipping .submit { background: #7b7b7b; background: -moz-linear-gradient(left, #4a453e 0%, #7b7b7b 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%, #4a453e), color-stop(100%, #7b7b7b)); background: -webkit-linear-gradient(left, #4a453e 0%, #7b7b7b 100%); background: -o-linear-gradient(left, #4a453e 0%, #7b7b7b 100%); background: -ms-linear-gradient(left, #4a453e 0%, #7b7b7b 100%); background: linear-gradient(to right, #4a453e 0%, #7b7b7b 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4a453e', endColorstr='#7b7b7b',GradientType=1 ); border: 0; min-width: 146px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; margin: 0 auto; font-family: "Soho W01 Medium"; color: white; font-size: 13px; text-transform: uppercase; line-height: 22px; outline: none; padding: 0; height: 22px; cursor: pointer; display: inline-block; padding: 0 5px; margin-top: 30px; min-width: 80px; } .lt-ie8 body.shop #iso_mod_checkout_shipping .submit { display: inline; zoom: 1; vertical-align: auto; } body.shop #iso_mod_checkout_shipping .submit:hover { background: #f39a0f; background: -moz-linear-gradient(left, #834c28 0%, #f39a0f 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%, #834c28), color-stop(100%, #f39a0f)); background: -webkit-linear-gradient(left, #834c28 0%, #f39a0f 100%); background: -o-linear-gradient(left, #834c28 0%, #f39a0f 100%); background: -ms-linear-gradient(left, #834c28 0%, #f39a0f 100%); background: linear-gradient(to right, #834c28 0%, #f39a0f 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#834c28', endColorstr='#f39a0f',GradientType=1 ); } body.shop #iso_mod_checkout_payment { width: 100%; background: transparent url('../images/textures/shop_item_gradient.png') repeat-x top left; font-family: "Soho W01 Regular"; color: white; font-size: 12.3px; line-height: 18.3px; min-height: 300px; } body.shop #iso_mod_checkout_payment .inner { padding: 15px; } body.shop #iso_mod_checkout_payment h3 { font-family: "Soho W01 Medium"; color: #f39a0f; font-size: 16px; text-transform: uppercase; line-height: 18.3px; } body.shop #iso_mod_checkout_payment fieldset { border: 0; position: relative; } body.shop #iso_mod_checkout_payment fieldset .input_vorkasse { position: absolute; display: block; right: 35px; top: 0; } body.shop #iso_mod_checkout_payment fieldset .input_vorkasse span, body.shop #iso_mod_checkout_payment fieldset .input_vorkasse input, body.shop #iso_mod_checkout_payment fieldset .input_vorkasse p, body.shop #iso_mod_checkout_payment fieldset .input_vorkasse label { display: inline-block; vertical-align: top; font-family: "Soho W01 Regular"; color: white; font-size: 12.3px; line-height: 18.3px; } .lt-ie8 body.shop #iso_mod_checkout_payment fieldset .input_vorkasse span, .lt-ie8 body.shop #iso_mod_checkout_payment fieldset .input_vorkasse input, .lt-ie8 body.shop #iso_mod_checkout_payment fieldset .input_vorkasse p, .lt-ie8 body.shop #iso_mod_checkout_payment fieldset .input_vorkasse label { display: inline; zoom: 1; vertical-align: auto; } body.shop #iso_mod_checkout_payment fieldset .input_vorkasse label { text-align: left; } body.shop #iso_mod_checkout_payment fieldset .input_paypal { position: absolute; display: block; left: 0; top: 0; } body.shop #iso_mod_checkout_payment fieldset .input_paypal span { background-position: 0 -52px; height: 24px; width: 77px; display: inline-block; vertical-align: top; margin-right: 5px; } .lt-ie8 body.shop #iso_mod_checkout_payment fieldset .input_paypal span { display: inline; zoom: 1; vertical-align: auto; } body.shop #iso_mod_checkout_payment fieldset .input_paypal p, body.shop #iso_mod_checkout_payment fieldset .input_paypal input, body.shop #iso_mod_checkout_payment fieldset .input_paypal label { display: inline-block; vertical-align: top; font-family: "Soho W01 Regular"; color: white; font-size: 12.3px; line-height: 18.3px; } .lt-ie8 body.shop #iso_mod_checkout_payment fieldset .input_paypal p, .lt-ie8 body.shop #iso_mod_checkout_payment fieldset .input_paypal input, .lt-ie8 body.shop #iso_mod_checkout_payment fieldset .input_paypal label { display: inline; zoom: 1; vertical-align: auto; } body.shop #iso_mod_checkout_payment .submit_container { text-align: right; position: relative; } body.shop #iso_mod_checkout_payment .submit_container .submit { background: #7b7b7b; background: -moz-linear-gradient(left, #4a453e 0%, #7b7b7b 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%, #4a453e), color-stop(100%, #7b7b7b)); background: -webkit-linear-gradient(left, #4a453e 0%, #7b7b7b 100%); background: -o-linear-gradient(left, #4a453e 0%, #7b7b7b 100%); background: -ms-linear-gradient(left, #4a453e 0%, #7b7b7b 100%); background: linear-gradient(to right, #4a453e 0%, #7b7b7b 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4a453e', endColorstr='#7b7b7b',GradientType=1 ); border: 0; min-width: 146px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; margin: 0 auto; font-family: "Soho W01 Medium"; color: white; font-size: 13px; text-transform: uppercase; line-height: 22px; outline: none; padding: 0; height: 22px; cursor: pointer; display: inline-block; padding: 0 5px; margin-top: 0; min-width: 80px; position: absolute; right: 30px; } .lt-ie8 body.shop #iso_mod_checkout_payment .submit_container .submit { display: inline; zoom: 1; vertical-align: auto; } body.shop #iso_mod_checkout_payment .submit_container .submit:hover { background: #f39a0f; background: -moz-linear-gradient(left, #834c28 0%, #f39a0f 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%, #834c28), color-stop(100%, #f39a0f)); background: -webkit-linear-gradient(left, #834c28 0%, #f39a0f 100%); background: -o-linear-gradient(left, #834c28 0%, #f39a0f 100%); background: -ms-linear-gradient(left, #834c28 0%, #f39a0f 100%); background: linear-gradient(to right, #834c28 0%, #f39a0f 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#834c28', endColorstr='#f39a0f',GradientType=1 ); } body.shop #iso_mod_checkout_review { text-align: left; width: 100%; background: transparent url('../images/textures/shop_item_gradient.png') repeat-x top left; font-family: "Soho W01 Regular"; color: white; font-size: 12.3px; line-height: 18.3px; min-height: 300px; padding: 10px 10px 20px 10px; } body.shop #iso_mod_checkout_review h3 { display: inline-block; font-family: "Soho W01 Medium"; color: #f39a0f; font-size: 16px; text-transform: uppercase; line-height: 18.3px; } .lt-ie8 body.shop #iso_mod_checkout_review h3 { display: inline; zoom: 1; vertical-align: auto; } body.shop #iso_mod_checkout_review h4 { display: inline-block; font-family: "Soho W01 Medium"; color: #f39a0f; font-size: 16px; text-transform: uppercase; line-height: 18.3px; } .lt-ie8 body.shop #iso_mod_checkout_review h4 { display: inline; zoom: 1; vertical-align: auto; } body.shop #iso_mod_checkout_review .lft { width: 180px; display: inline-block; vertical-align: top; margin-top: 20px; } .lt-ie8 body.shop #iso_mod_checkout_review .lft { display: inline; zoom: 1; vertical-align: auto; } body.shop #iso_mod_checkout_review .rgt { display: inline-block; vertical-align: top; margin-top: 20px; } .lt-ie8 body.shop #iso_mod_checkout_review .rgt { display: inline; zoom: 1; vertical-align: auto; } body.shop #iso_mod_checkout_review .shop_button { background: #7b7b7b; background: -moz-linear-gradient(left, #4a453e 0%, #7b7b7b 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%, #4a453e), color-stop(100%, #7b7b7b)); background: -webkit-linear-gradient(left, #4a453e 0%, #7b7b7b 100%); background: -o-linear-gradient(left, #4a453e 0%, #7b7b7b 100%); background: -ms-linear-gradient(left, #4a453e 0%, #7b7b7b 100%); background: linear-gradient(to right, #4a453e 0%, #7b7b7b 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4a453e', endColorstr='#7b7b7b',GradientType=1 ); border: 0; min-width: 146px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; margin: 0 auto; font-family: "Soho W01 Medium"; color: white; font-size: 13px; text-transform: uppercase; line-height: 22px; outline: none; padding: 0; height: 22px; cursor: pointer; display: inline-block; padding: 0 5px; margin-top: 0; min-width: 60px; margin-left: 50px; text-align: center; } .lt-ie8 body.shop #iso_mod_checkout_review .shop_button { display: inline; zoom: 1; vertical-align: auto; } body.shop #iso_mod_checkout_review .shop_button:hover { background: #f39a0f; background: -moz-linear-gradient(left, #834c28 0%, #f39a0f 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%, #834c28), color-stop(100%, #f39a0f)); background: -webkit-linear-gradient(left, #834c28 0%, #f39a0f 100%); background: -o-linear-gradient(left, #834c28 0%, #f39a0f 100%); background: -ms-linear-gradient(left, #834c28 0%, #f39a0f 100%); background: linear-gradient(to right, #834c28 0%, #f39a0f 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#834c28', endColorstr='#f39a0f',GradientType=1 ); } body.shop #iso_mod_checkout_review .order_products { border-top: 1px solid rgba(255, 255, 255, 0.14); margin-top: 35px; padding-top: 10px; } body.shop #iso_mod_checkout_review .order_products table { width: 710px; margin: -10px auto; border-collapse: separate; border-spacing: 10px; } body.shop #iso_mod_checkout_review .order_products table th { font-family: "Soho W01 Medium"; color: white; font-size: 12.3px; text-transform: uppercase; line-height: 18.3px; padding-bottom: 10px; border-bottom: 2px solid white; text-align: left; } body.shop #iso_mod_checkout_review .order_products table th.col_1 { padding-left: 160px; } body.shop #iso_mod_checkout_review .order_products table th div { display: inline-block; vertical-align: top; } .lt-ie8 body.shop #iso_mod_checkout_review .order_products table th div { display: inline; zoom: 1; vertical-align: auto; } body.shop #iso_mod_checkout_review .order_products table th div.c_0 { width: 30px; } body.shop #iso_mod_checkout_review .order_products table th div.c_1 { width: 500px; text-align: center; } body.shop #iso_mod_checkout_review .order_products table th div.c_2 { width: 70px; } body.shop #iso_mod_checkout_review .order_products table tbody tr td { height: 120px; padding: 30px 0 0; font-family: "Soho W01 Regular"; color: white; font-size: 12.3px; line-height: 18.3px; border-top: 1px solid white; vertical-align: top; } body.shop #iso_mod_checkout_review .order_products table tbody tr td.col_0 { padding-top: 0; } body.shop #iso_mod_checkout_review .order_products table tbody tr.row_0 td { padding-top: 20px; } body.shop #iso_mod_checkout_review .order_products table tbody tr.row_0 td.col_0 { padding-top: 0; } body.shop #iso_mod_checkout_review .order_products table .row_0 td { border-top: 0; } body.shop #iso_mod_checkout_review .order_products table .col_0 { width: 30px; font-family: "Soho W01 Medium"; color: white; font-size: 12.3px; line-height: 18.3px; } body.shop #iso_mod_checkout_review .order_products table td.col_0 { text-align: center; vertical-align: middle; } body.shop #iso_mod_checkout_review .order_products table .col_1 { width: 470px; } body.shop #iso_mod_checkout_review .order_products table .col_1 figure, body.shop #iso_mod_checkout_review .order_products table .col_1 .desc { display: inline-block; vertical-align: top; } .lt-ie8 body.shop #iso_mod_checkout_review .order_products table .col_1 figure, .lt-ie8 body.shop #iso_mod_checkout_review .order_products table .col_1 .desc { display: inline; zoom: 1; vertical-align: auto; } body.shop #iso_mod_checkout_review .order_products table .col_1 figure { width: 140px; height: 100px; text-align: center; margin: 0 auto; } body.shop #iso_mod_checkout_review .order_products table .col_3 { padding-left: 30px; } body.shop #iso_mod_checkout_review .order_products table .col_3 .total_price, body.shop #iso_mod_checkout_review .order_products table .col_3 .submit_container { display: inline-block; vertical-align: top; } .lt-ie8 body.shop #iso_mod_checkout_review .order_products table .col_3 .total_price, .lt-ie8 body.shop #iso_mod_checkout_review .order_products table .col_3 .submit_container { display: inline; zoom: 1; vertical-align: auto; } body.shop #iso_mod_checkout_review .order_products table .col_3 .total_price { width: 80px; } body.shop #iso_mod_checkout_review .order_products table .col_2 { width: 70px; text-align: center; } body.shop #iso_mod_checkout_review .order_products table .col_4 { width: 160px; } body.shop #iso_mod_checkout_review .order_products table .title { font-family: "Soho W01 Medium"; font-size: 12.3px; line-height: 18.3px; text-transform: uppercase; } body.shop #iso_mod_checkout_review .order_products table .desc { margin-left: 20px; width: 220px; } body.shop #iso_mod_checkout_review .order_products table .unit-price { margin: 0; } body.shop #iso_mod_checkout_review .order_products table .quantity input { width: 40px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; background-color: #333333; border: 0; font-family: "Soho W01 Medium"; color: #999999; font-size: 12.3px; line-height: 18.3px; padding: 0 5px; text-align: right; } body.shop #iso_mod_checkout_review .order_products table .submit_container .submit, body.shop #iso_mod_checkout_review .order_products table .submit_container .remove { background: #7b7b7b; background: -moz-linear-gradient(left, #4a453e 0%, #7b7b7b 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%, #4a453e), color-stop(100%, #7b7b7b)); background: -webkit-linear-gradient(left, #4a453e 0%, #7b7b7b 100%); background: -o-linear-gradient(left, #4a453e 0%, #7b7b7b 100%); background: -ms-linear-gradient(left, #4a453e 0%, #7b7b7b 100%); background: linear-gradient(to right, #4a453e 0%, #7b7b7b 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4a453e', endColorstr='#7b7b7b',GradientType=1 ); border: 0; min-width: 146px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; margin: 0 auto; font-family: "Soho W01 Medium"; color: white; font-size: 13px; text-transform: uppercase; line-height: 22px; outline: none; padding: 0; height: 22px; cursor: pointer; display: inline-block; padding: 0 5px; min-width: 120px; font-size: 11.3px; line-height: 20px; height: 20px; } .lt-ie8 body.shop #iso_mod_checkout_review .order_products table .submit_container .submit, .lt-ie8 body.shop #iso_mod_checkout_review .order_products table .submit_container .remove { display: inline; zoom: 1; vertical-align: auto; } body.shop #iso_mod_checkout_review .order_products table .submit_container .submit:hover, body.shop #iso_mod_checkout_review .order_products table .submit_container .remove:hover { background: #f39a0f; background: -moz-linear-gradient(left, #834c28 0%, #f39a0f 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%, #834c28), color-stop(100%, #f39a0f)); background: -webkit-linear-gradient(left, #834c28 0%, #f39a0f 100%); background: -o-linear-gradient(left, #834c28 0%, #f39a0f 100%); background: -ms-linear-gradient(left, #834c28 0%, #f39a0f 100%); background: linear-gradient(to right, #834c28 0%, #f39a0f 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#834c28', endColorstr='#f39a0f',GradientType=1 ); } body.shop #iso_mod_checkout_review .order_products table .submit_container .remove { margin-top: 10px; } body.shop #iso_mod_checkout_review .order_products table .grandtotal { font-family: "Soho W01 Regular"; color: white; font-size: 12.3px; line-height: 18.3px; } body.shop #iso_mod_checkout_review .order_products table .grandtotal .submit_container .submit { font-size: 13px; line-height: 20px; height: 20px; } body.shop #iso_mod_checkout_review .order_products table .grandtotal .border1 { height: 2px; margin-bottom: 2px; margin-top: 0; padding-top: 0; background-color: white; } body.shop #iso_mod_checkout_review .order_products table .grandtotal .border2 { height: 1px; margin-top: 0; padding-top: 0; background-color: white; } body.shop #iso_mod_checkout_review .order_products table .grandtotal .col_first { text-align: right; padding-right: 10px; } body.shop #iso_mod_checkout_review .order_products table .grandtotal .col_first strong { font-family: "Soho W01 Medium"; text-transform: uppercase; font-weight: normal; } body.shop #iso_mod_checkout_review .order_products table .grandtotal .price.total { padding-left: 30px; vertical-align: top; } body.shop #iso_mod_checkout_review .order_products table .grandtotal .total_price { width: 80px; } body.shop #iso_mod_checkout_review .order_products table .grandtotal .total_price, body.shop #iso_mod_checkout_review .order_products table .grandtotal .submit_container { display: inline-block; vertical-align: top; } .lt-ie8 body.shop #iso_mod_checkout_review .order_products table .grandtotal .total_price, .lt-ie8 body.shop #iso_mod_checkout_review .order_products table .grandtotal .submit_container { display: inline; zoom: 1; vertical-align: auto; } body.shop #iso_mod_checkout_review .order_products table th div.c_0 { width: 200px; } body.shop #iso_mod_checkout_review .order_products table th div.c_1 { width: 300px; text-align: left; } body.shop #iso_mod_checkout_review .order_products table th div.c_2 { width: 80px; } body.shop #iso_mod_checkout_review .order_products table td.borderrow { height: 5px; padding: 0; } body.shop #iso_mod_checkout_review .order_products table .grandtotal .border1, body.shop #iso_mod_checkout_review .order_products table .grandtotal .border2 { width: 270px; margin: 0 0 2px auto; } body.shop #iso_mod_checkout_review .order_info.payment { border-top: 1px solid rgba(255, 255, 255, 0.14); margin-top: 35px; padding-top: 10px; } body.shop #iso_mod_checkout_review .order_info.payment .shop_button { margin-left: 62px; } body.shop #iso_mod_checkout_review .order_conditions { border-top: 1px solid rgba(255, 255, 255, 0.14); margin-top: 35px; padding-top: 30px; } body.shop #iso_mod_checkout_review .order_conditions .rgt, body.shop #iso_mod_checkout_review .order_conditions .agb-wrapper, body.shop #iso_mod_checkout_review .order_conditions .datenschutz-wrapper, body.shop #iso_mod_checkout_review .order_conditions .checkbox_container { border: 0; margin: 0; padding: 0; } body.shop #iso_mod_checkout_review .order_conditions .rgt { margin-left: 60px; } body.shop #iso_mod_checkout_review .order_conditions .datenschutz-wrapper { margin-top: -10px; } body.shop #iso_mod_checkout_review .order_conditions .checkbox_container { padding: 0; margin: 0; margin-top: -10px; } body.shop #iso_mod_checkout_review .order_conditions .checkbox_container .checkbox, body.shop #iso_mod_checkout_review .order_conditions .checkbox_container label { display: inline-block; vertical-align: top; font-family: "Soho W01 Regular"; color: white; font-size: 12.3px; line-height: 18.3px; } .lt-ie8 body.shop #iso_mod_checkout_review .order_conditions .checkbox_container .checkbox, .lt-ie8 body.shop #iso_mod_checkout_review .order_conditions .checkbox_container label { display: inline; zoom: 1; vertical-align: auto; } body.shop #iso_mod_checkout_review .order_conditions p.error { margin: 0; color: #f39a0f; } body.shop #iso_mod_checkout_review .info_container h5 { font-family: "Soho W01 Medium"; color: #f39a0f; font-size: 12.3px; text-transform: uppercase; line-height: 18.3px; display: inline-block; } .lt-ie8 body.shop #iso_mod_checkout_review .info_container h5 { display: inline; zoom: 1; vertical-align: auto; } body.shop #iso_mod_checkout_review .info_container.shipping_address, body.shop #iso_mod_checkout_review .info_container.billing_address { display: inline-block; vertical-align: top; } .lt-ie8 body.shop #iso_mod_checkout_review .info_container.shipping_address, .lt-ie8 body.shop #iso_mod_checkout_review .info_container.billing_address { display: inline; zoom: 1; vertical-align: auto; } body.shop #iso_mod_checkout_review .info_container.billing_address { margin-left: 150px; } body.shop #iso_mod_checkout_review .submit_container { text-align: right; position: relative; right: 10px; top: 20px; } body.shop #iso_mod_checkout_review .submit_container .submit { background: #7b7b7b; background: -moz-linear-gradient(left, #4a453e 0%, #7b7b7b 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%, #4a453e), color-stop(100%, #7b7b7b)); background: -webkit-linear-gradient(left, #4a453e 0%, #7b7b7b 100%); background: -o-linear-gradient(left, #4a453e 0%, #7b7b7b 100%); background: -ms-linear-gradient(left, #4a453e 0%, #7b7b7b 100%); background: linear-gradient(to right, #4a453e 0%, #7b7b7b 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4a453e', endColorstr='#7b7b7b',GradientType=1 ); border: 0; min-width: 146px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; margin: 0 auto; font-family: "Soho W01 Medium"; color: white; font-size: 13px; text-transform: uppercase; line-height: 22px; outline: none; padding: 0; height: 22px; cursor: pointer; display: inline-block; padding: 0 5px; margin-top: 0; } .lt-ie8 body.shop #iso_mod_checkout_review .submit_container .submit { display: inline; zoom: 1; vertical-align: auto; } body.shop #iso_mod_checkout_review .submit_container .submit:hover { background: #f39a0f; background: -moz-linear-gradient(left, #834c28 0%, #f39a0f 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%, #834c28), color-stop(100%, #f39a0f)); background: -webkit-linear-gradient(left, #834c28 0%, #f39a0f 100%); background: -o-linear-gradient(left, #834c28 0%, #f39a0f 100%); background: -ms-linear-gradient(left, #834c28 0%, #f39a0f 100%); background: linear-gradient(to right, #834c28 0%, #f39a0f 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#834c28', endColorstr='#f39a0f',GradientType=1 ); } body.shop #mod_checkout_steps { position: relative; margin-bottom: 30px; } body.shop #mod_checkout_steps.extern { margin-top: 190px; } body.shop #mod_checkout_steps ul { list-style: none; padding-top: 10px; margin-bottom: 6px; } body.shop #mod_checkout_steps li { display: inline-block; vertical-align: top; font-family: "Soho W01 Medium"; color: white; font-size: 12.3px; text-transform: uppercase; line-height: 17px; padding: 0 3px; } .lt-ie8 body.shop #mod_checkout_steps li { display: inline; zoom: 1; vertical-align: auto; } body.shop #mod_checkout_steps li.active { font-family: "Soho W01 Medium"; color: #f39a0f; font-size: 12.3px; text-transform: uppercase; line-height: 17px; } body.shop #mod_checkout_steps li.stroke { padding: 0; vertical-align: middle; } body.shop #mod_checkout_steps li.stroke span { display: block; width: 7px; height: 1px; background-color: white; margin: auto; } body.shop #mod_checkout_steps li.package_opened, body.shop #mod_checkout_steps li.package_closed { padding: 0; vertical-align: top; position: relative; } body.shop #mod_checkout_steps li.package_opened span, body.shop #mod_checkout_steps li.package_closed span { display: block; width: 40px; height: 28px; margin: auto; } body.shop #mod_checkout_steps li.package_opened { background-position: 0 -1929px; height: 28px; width: 40px; top: -9px; } body.shop #mod_checkout_steps li.package_closed { background-position: 0 -2060px; height: 28px; width: 40px; top: -7px; } body.shop #mod_checkout_steps .border1 { height: 2px; margin-bottom: 2px; margin-top: 0; padding-top: 0; background-color: white; } body.shop #mod_checkout_steps .border2 { height: 1px; margin-top: 0; padding-top: 0; background-color: white; } body.shop .mod_registration, body.shop .mod_personalData { margin-top: 200px; } body.shop .mod_shipping { margin: 330px 0 0; font-family: "Soho W01 Regular"; font-size: 12.3px; line-height: 18.3px; } body.shop .mod_shipping .ce_shippingzone { display: inline-block; vertical-align: top; width: 270px; text-align: left; margin-right: 30px; padding: 10px; margin-bottom: 50px; margin-top: 20px; background: transparent url('../images/textures/shop_item_gradient.png') repeat-x top left; } .lt-ie8 body.shop .mod_shipping .ce_shippingzone { display: inline; zoom: 1; vertical-align: auto; } body.shop .mod_shipping .ce_shippingzone.last { margin-right: 0; } body.shop .mod_shipping .ce_shippingzone h3 { font-family: "Soho W01 Medium"; color: #f39a0f; font-size: 16px; text-transform: uppercase; line-height: 18.3px; display: inline-block; margin-bottom: 15px; } .lt-ie8 body.shop .mod_shipping .ce_shippingzone h3 { display: inline; zoom: 1; vertical-align: auto; } body.shop .mod_shipping .ce_shippingzone strong { font-family: "Soho W01 Medium"; text-transform: uppercase; } body.shop .mod_shipping .ce_shippingzone .countries { margin: 10px 0 20px; } body.shop .mod_shipping .ce_shippingzone table { width: 100%; } body.shop .mod_shipping .ce_shippingzone table td { width: 50%; height: 30px; border-bottom: 1px solid #3e3e3e; } body.shop .mod_shipping .ce_shippingzone table td.col2 { text-align: right; } body.shop .shopcontact { margin: 210px 0 90px; min-height: 400px; font-family: "Soho W01 Regular"; font-size: 12.3px; line-height: 18.3px; background: transparent url('../images/textures/shop_item_gradient.png') repeat-x top left; } body.shop .shopcontact.ce_text p { margin-top: 10px; } body.shop .shopcontact .formbody { padding-top: 10px; width: 530px; margin: 0 auto; } body.shop .shopcontact .formbody .explanation { margin-bottom: 40px; } body.shop .shopcontact .formbody .grad-orange1 { display: inline-block; } .lt-ie8 body.shop .shopcontact .formbody .grad-orange1 { display: inline; zoom: 1; vertical-align: auto; } body.shop .shopcontact .formbody fieldset { border: 0; padding: 0; position: relative; margin-bottom: 0; margin-top: 0; height: 45px; } body.shop .shopcontact .formbody fieldset legend { position: absolute; top: 0; left: 0; width: 120px; text-transform: uppercase; } body.shop .shopcontact .formbody fieldset legend span { position: inherit; text-transform: none; } body.shop .shopcontact .formbody fieldset legend span.mandatory { color: #f39a0f; margin-left: 5px; } body.shop .shopcontact .formbody fieldset span { position: relative; margin-left: 120px; } body.shop .shopcontact .formbody fieldset span .input, body.shop .shopcontact .formbody fieldset span label { display: inline-block; vertical-align: top; font-family: "Soho W01 Regular"; font-size: 12.3px; line-height: 18.3px; width: inherit; text-transform: none; } .lt-ie8 body.shop .shopcontact .formbody fieldset span .input, .lt-ie8 body.shop .shopcontact .formbody fieldset span label { display: inline; zoom: 1; vertical-align: auto; } body.shop .shopcontact .formbody fieldset span:last-child { margin-left: 10px; } body.shop .shopcontact .formbody fieldset span.invisible, body.shop .shopcontact .formbody fieldset span.mandatory { margin-left: 0; } body.shop .shopcontact .formbody fieldset p.error { position: absolute; bottom: 0; } body.shop .shopcontact .formbody label { font-family: "Soho W01 Regular"; color: white; font-size: 12.3px; text-transform: uppercase; line-height: 18.3px; display: inline-block; vertical-align: top; width: 160px; padding-top: 5px; text-align: right; } .lt-ie8 body.shop .shopcontact .formbody label { display: inline; zoom: 1; vertical-align: auto; } body.shop .shopcontact .formbody label .mandatory { color: #f39a0f; margin-left: 5px; } body.shop .shopcontact .formbody label.question { width: 250px; } body.shop .shopcontact .formbody input.text, body.shop .shopcontact .formbody select, body.shop .shopcontact .formbody input.captcha, body.shop .shopcontact .formbody textarea { font-family: "Soho W01 Regular"; color: #999999; font-size: 12.3px; line-height: 18.3px; display: inline-block; vertical-align: top; margin: 0 0 8.5px 5px; background-color: #333333; border: 0; width: 340px; padding: 5px; resize: none; } .lt-ie8 body.shop .shopcontact .formbody input.text, .lt-ie8 body.shop .shopcontact .formbody select, .lt-ie8 body.shop .shopcontact .formbody input.captcha, .lt-ie8 body.shop .shopcontact .formbody textarea { display: inline; zoom: 1; vertical-align: auto; } body.shop .shopcontact .formbody input.text.error, body.shop .shopcontact .formbody select.error, body.shop .shopcontact .formbody input.captcha.error, body.shop .shopcontact .formbody textarea.error { text-transform: none; } body.shop .shopcontact .formbody input.text.password, body.shop .shopcontact .formbody select.password, body.shop .shopcontact .formbody input.captcha.password, body.shop .shopcontact .formbody textarea.password { width: 160px; } body.shop .shopcontact .formbody input.text.captcha, body.shop .shopcontact .formbody select.captcha, body.shop .shopcontact .formbody input.captcha.captcha, body.shop .shopcontact .formbody textarea.captcha { width: 95px; } body.shop .shopcontact .formbody input.submit { background-position: 0 -3384px; height: 38px; width: 350px; text-indent: 100%; white-space: nowrap; overflow: hidden; margin: -12px auto 0 168px; text-indent: 110%; cursor: pointer; border: 0; } body.shop .shopcontact .formbody input.submit:hover { background-position: 0 -2954px; height: 38px; width: 350px; } body.shop .shopcontact .formbody .fieldquestion { display: inline-block; vertical-align: top; } .lt-ie8 body.shop .shopcontact .formbody .fieldquestion { display: inline; zoom: 1; vertical-align: auto; } body.shop .shopcontact .formbody .fieldquestion .question { display: inline-block; vertical-align: top; font-family: "Soho W01 Regular"; font-size: 12.3px; margin: 0 0 0 5px; background-color: #333333; width: 230px; padding: 5px; text-align: left; } .lt-ie8 body.shop .shopcontact .formbody .fieldquestion .question { display: inline; zoom: 1; vertical-align: auto; } body.shop .shopcontact .formbody p.error { margin: 0; color: #f39a0f; margin-left: 175px; margin-top: 5px; text-align: left; } body.shop .shopcontact .formbody .input_reg_captcha p.error { padding-left: 256px; width: 150px; } .shop-headline1-orange { font-family: "Soho W01 Medium"; color: #f39a0f; font-size: 20px; text-transform: uppercase; line-height: 17px; margin: 0; } .soho-medium-12-3-orange { font-family: "Soho W01 Medium"; color: #f39a0f; font-size: 12.3px; text-transform: uppercase; line-height: 20.3px; margin: 0; } .mod_search { margin-top: 180px; font-family: "Soho W01 Regular"; font-size: 12.3px; line-height: 18.3px; } .mod_search strong, .mod_search b { font-family: "Soho W01 Medium"; } .mod_search .headline { text-align: center; margin-bottom: 50px; } .mod_search .headline h2 { font-family: "Soho W01 Medium"; color: white; font-size: 40px; text-transform: uppercase; line-height: 40px; display: inline; border-bottom: 1px solid rgba(255, 255, 255, 0.5); padding-bottom: 10px; } .mod_search .headline h2 span { background-position: 0 -2451px; height: 44px; width: 44px; display: inline-block; vertical-align: top; margin-right: 10px; } .lt-ie8 .mod_search .headline h2 span { display: inline; zoom: 1; vertical-align: auto; } .mod_search .border { letter-spacing: 1px; color: #666666; overflow: hidden; height: 25px; margin-bottom: 15px; } .mod_search h3 { font-family: "Soho W01 Medium"; font-size: 16px; line-height: 18.3px; } .mod_search h3 .relevance { color: white; font-family: "Soho W01 Regular"; } .mod_search .highlight { font-family: "Soho W01 Medium Italic"; color: #666666; } .noarrow a::before { content: none !important; } body.shop .shopcontact .formbody .checkbox_container label{ padding-top: 0; } #ctrl_billing_address_privacy >span, #ctrl_privacy >span{ font-family: "Soho W01 Regular"; color: #999999; font-size: 12.3px; line-height: 18.3px; display: inline-block; vertical-align: top; margin: 0 0 8.5px 5px; background-color: #333333; border: 0; width: 270px; padding: 5px; margin-left: 127px !important; } #ctrl_billing_address_privacy >span .checkbox, #ctrl_privacy >span .checkbox{ display: inline-block; } #ctrl_billing_address_privacy >span label, #ctrl_privacy >span label{ display: inline-block !important; width: 240px !important; padding-top: 0 !important; margin-bottom: 0; } #ctrl_billing_address_privacy p.error, #ctrl_privacy p.error{ top: 54px; }