/* CHRISTIAN Z (2011-10-10): webfonts should not be minified as the current version * strips all apostrophes (these little guys: ') leading to an invalid syntax */ /* webfonts */ @font-face { font-family: 'Share'; src: url('/typo3conf/ext/t3org_template/css/../fonts/share-bold-webfont.eot'); src: url('/typo3conf/ext/t3org_template/css/../fonts/share-bold-webfont.eot?#iefix') format('embedded-opentype'), url('/typo3conf/ext/t3org_template/css/../fonts/share-bold-webfont.woff') format('woff'), url('/typo3conf/ext/t3org_template/css/../fonts/share-bold-webfont.ttf') format('truetype'), url('/typo3conf/ext/t3org_template/css/../fonts/share-bold-webfont.svg#Share-BoldRegular') format('svg'); font-weight: bold; font-style: italic; } @font-face { font-family: 'Share'; src: url('/typo3conf/ext/t3org_template/css/../fonts/share-italic-webfont.eot'); src: url('/typo3conf/ext/t3org_template/css/../fonts/share-italic-webfont.eot?#iefix') format('embedded-opentype'), url('/typo3conf/ext/t3org_template/css/../fonts/share-italic-webfont.woff') format('woff'), url('/typo3conf/ext/t3org_template/css/../fonts/share-italic-webfont.ttf') format('truetype'), url('/typo3conf/ext/t3org_template/css/../fonts/share-italic-webfont.svg#Share-ItalicRegular') format('svg'); font-weight: normal; font-style: italic; } @font-face { font-family: 'Share'; src: url('/typo3conf/ext/t3org_template/css/../fonts/share-regular-webfont.eot'); src: url('/typo3conf/ext/t3org_template/css/../fonts/share-regular-webfont.eot?#iefix') format('embedded-opentype'), url('/typo3conf/ext/t3org_template/css/../fonts/share-regular-webfont.woff') format('woff'), url('/typo3conf/ext/t3org_template/css/../fonts/share-regular-webfont.ttf') format('truetype'), url('/typo3conf/ext/t3org_template/css/../fonts/share-regular-webfont.svg#Share-Regular') format('svg'); font-weight: normal; font-style: normal; } /* Legend Main structure elements : Most common elements on page are shortened. .p - page .c - content .a - aside .s - section .h - header .f - footer Default content elements: This is wrapper for all contents what needs to be styled as default. f.e. you want to use default paragraph and heading in footer or header. Wrap it with .d and you're saved! .d - default Content elements: Shortened most most used content elements .bu - button Helpers: If there is any particular place where common property must be added and/or to avoid inline styles - helpers come in to rescue. .f-l - float left .f-r - float right .a-l - align left .a-r - align right .a-c - align center .a-j - align justify .n-m - no margin .n-p - no padding .n-b - no background Blocks: We need to get rid of this prefix :) .b-** - block prefix .b-wi - block with image */ /* Custom resets ------------------------------ */ /* a:focus { outline: none; } */ a img { border: none; } button { border:0; background:transparent; cursor: pointer; margin: 0; overflow: visible; } /* General styles ------------------------------ */ html { background: #fbfbfb url(/typo3conf/ext/t3org_template/css/../i/shadow-site.png) repeat-x 0 0; height:100%; font: 12px/18px Arial, 'Helvetica Neue', Helvetica, sans-serif; overflow-y: scroll; } body { background: transparent url(/typo3conf/ext/t3org_template/css/../i/shadow-page.jpg) no-repeat center 186px; min-height:100%; } /* Page home ------------------------------ */ .page-home { background-color: #fff; background-position:0 -5px;} .page-home .p { background: none; } .page-home body { background: url(/typo3conf/ext/t3org_template/css/../i/shadow-top-slider.jpg) no-repeat center 199px; } .page-home .c { border: none; } .page-home .s { padding: 0; overflow: visible; } /* Page 404 --------------------------------------- */ .page-wide .p { background: #fff url(/typo3conf/ext/t3org_template/css/../i/page-404.png) repeat-x 0 134px; } .page-wide .s { padding: 57px 70px 100px 70px; } .b-404 { } #page .b-404 h1 { color: #000; font-family:Share; font-weight:bold; font-size: 32px; margin: 0; } #page .b-404 h2 { margin-top: 6px; font-family:Share; font-style: italic; font-size: 18px; } #page .b-404 h1 a, #page .b-404 h2 a { text-decoration: none; color: #000; } .b-404 .b-wi-pic { margin: 0 50px -30px 0; } .b-404 .b-wi-text { padding-top: 35px; } /* General content elements ------------------------------ */ .d h1, .h1, .d h2, .h2, .d h3, .h3, .d h4, .h4, legend { font: normal 24px sans-serif; margin: 22px 0 5px 0; } .d h1, .h1 { font-family:Share; color: #ff8700; margin-top: 0; margin-bottom: 20px; } .d h2, .h2 { font-family:Share; font-size: 20px; margin-bottom: 6px; } .d h3, .h3 { font-family:Share; font-size: 18px; color: #8c8c8c; margin-bottom: 6px; } .d h4, .h4 { font-family:Share; font-size: 16px; margin-bottom: 7px; } .d h5, .h5 { font-size: 12px; font-weight: bold; margin-bottom: 5px; overflow:hidden; } a.linkToTop { float:right;width:0; overflow:hidden; padding-left:24px; margin-left:10px; background:url('/typo3conf/ext/t3org_template/css/../i/i-arrows.png') left center; white-space:nowrap;} .home-page-template .d h2, .home-page-template .d .h2 { margin-bottom:11px;} .home-page-template .spaced h2 { margin-bottom:20px;} h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child { margin-top: 0; } blockquote { color: #818181; font-size: 14px; line-height: 20px; font-style: italic; padding: 6px 0 0 36px; position: relative; background: url(/typo3conf/ext/t3org_template/css/../i/blockquote.png) no-repeat -23px 0; } .blockquote-indent { margin-left: -36px; } .quote-right { display: inline-block; width: 22px; height: 21px; vertical-align: text-top; margin: 5px 0 0 12px; background: url(/typo3conf/ext/t3org_template/css/../i/blockquote.png) no-repeat 0 0;} blockquote .author { text-align: right; font-size: 11px; line-height: 14px; } blockquote .author strong { color: #000; font-weight: bold; } pre, code, kbd, samp, .b-checksum { padding: 0 1px; background-color: #eee; font-family: monospace; font-size: 12px; } pre, .b-checksum { border: 1px solid #c8c8c8; padding: 10px 35px; background: #f7f7f7 url(/typo3conf/ext/t3org_template/css/../i/pre.png) repeat-y; margin: 0; white-space: pre; white-space: pre-wrap; white-space: -o-pre-wrap; white-space: -moz-pre-wrap; word-wrap: break-word; } b, strong { font-weight: bold; } i, em { font-style: italic; } dfn { font-style: italic; font-weight: bold; } del { text-decoration: line-through; } sup, sub { position: relative; font-size: 0.8em; } sup { top: -0.4em; } sub { bottom: -0.3em; } small { font-size: 0.8em; } hr, .hr { color: #dbdbdb; background-color: #dbdbdb; height: 1px; border: 0; } .hr hr { display: none; } .hr-art { background: #fff url(/typo3conf/ext/t3org_template/css/../i/hr.png) no-repeat; height: 7px; border: 0; } .d p, .d ul, .d ol, .d dl, table, caption, blockquote, address, pre, hr, .hr { margin-bottom: 17px; } .d ul ol, .d ol ul, .d ul ul, .d ol ol { margin-bottom: 0px; } .d a { color: #f58006; } .d a:visited { } .d a:hover, .d a:focus { text-decoration: none; } .d a:active { } .pic { border: 1px solid #d1d1d1; } .pic img { display: block; } /* Tables ---------------------------------------- */ .d table { border-collapse: collapse; width: 100%; margin-bottom: 28px; } .d table caption { text-align: center; } .d table th, .d table td { border: 1px solid #ccc; padding: 6px 10px 5px; vertical-align: top; } .d table th { background: #e6e6e6; font-weight: normal; text-align: left; font-weight: bold; } .d table td { } .featured .tr-even td { background: #f3f3f3 } .d .featured th { background: #ff8700 url(/typo3conf/ext/t3org_template/css/../i/featured.png) repeat-x 0 0; border-color: #e87c0c; color: #FFF; } /* Almin L. 2011-09-16: Featuredlist unify the columns */ .colA1 { width:25%; } .colA2 { width:5%; } .colA3 { width:5%; } .colA4 { width:65%; } .colB1 { width:20%; } .colB2 { width:80%; } /* Christian Z. 2012-04-01: */ .colC1 { width: 35%; } /* Philipp S. 2012-04-26: Fix for Documentation Library */ .d .informaltable table .col1 p { display: inline-block; word-wrap: break-word; width: 110px; } .d .informaltable table .col3 p { display: inline-block; word-wrap: break-word; width: 380px; } .d table.noborder-nopadding th, .d table.noborder-nopadding td { border-width: 0; padding: 0; } .d .simple-table { font-size: 11px; } .d .simple-table th { padding-top: 8px; padding-bottom: 8px; } .d .simple-table th, .d .simple-table td { border-width: 0 0 1px 0; padding-right: 0; padding-left: 25px; background: none; } .d .simple-table th:first-child, .d .simple-table td:first-child { padding-left: 0; } /* Donar table styles ------------------------------ */ .table-donar { margin-top: 7px; } .table-donar th a { color: #fff; text-decoration: none; } .table-donar th .ico { margin: 0 0 1px 5px; } .table-donar-amount { width: 17%; white-space: nowrap; } .table-donar-date { width: 19%; } /* Snippet table --------------------------------------- */ #page .snippet-table { margin-bottom: 5px; } #page .snippet-table td { border: none; } .snippet-table th { } .snippet-name { } .snippet-cat { } .snippet-author { } h5.snippet-author { margin-bottom: 0; } .snippet-date { } .snippet-cat, .snippet-date { white-space: nowrap; } .snippet-info { width: 55%; } .snippet-tags { width: 30%; } /* Helpers ------------------------------ */ .a-l, .align-left { text-align: left!important; } .a-c, .align-center { text-align: center!important; } .a-r, .align-right { text-align: right!important; } .a-j, .align-justify { text-align: justify!important; } .p .f-l { float: left; } .p .f-r { float: right; } .hide { display: none; } .show { display: block; } .n-m { margin: 0!important; } .n-p { padding: 0!important; } .n-b { background: none!important; } .print-info { display: none; } .cc { clear: both; } .b-wi:after, .cl:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; } /* Stucture ------------------------------ */ .p { width:981px; margin:0 auto; position:relative; padding-top:130px; background:#fff; overflow: hidden;} .s { padding: 22px 30px 22px 30px; overflow: hidden; } .s-sidebar { float: right; width: 166px; padding: 0 0 0 27px; } .s-body { overflow: hidden; position: relative; } .a { } .h { height:130px; position:absolute; top:0; left:0; width:981px; z-index: 10; } .f { min-height:100px; background:#fbfbfb url(/typo3conf/ext/t3org_template/css/../i/shadow-footer.jpg) no-repeat center 0; font-size: 11px; color: #8c8c8c; } .f-body { width: 961px; margin: 0 auto; position: relative; padding: 29px 10px 40px 10px; background: url(/typo3conf/ext/t3org_template/css/../i/f-g.png) no-repeat 53% center; } .f .g { } .gf > .g-5:first-child { width: 53%; } .gf > .g-5 { width: 47%; } .gf > .g-5:first-child > .gc { padding-right: 35px; padding-left: 0; } .gf > .g-5 > .gc { padding-left: 35px; } .f p { margin: 0 0 14px 0; } .c { border:1px solid #eaeaea; border-width:0 1px; min-height:500px; position: relative; z-index: 0; overflow: hidden; } #content { z-index: 1; } /* Block with image ------------------------------ */ .b-wi { } .b-wi-pic { float: left; margin-right: 10px; } .b-wi-pic img { display: block; margin-bottom: 10px } .b-wi-r .b-wi-pic { float: right; margin: 0 0 0 10px; } .b-wi-text { overflow: auto; } .d .img-info { color: #b3b3b3; font-size: 11px; line-height: 14px; } /* Keyvisual --------------------------------------- */ .b-keyvisual { margin: 0 0 14px 0; } .b-keyvisual:first-child { margin-top: -7px; } .b-keyvisual img { display: block; } .b-keyvisual .slide-content { color: #FFFFFF; left: 30px; padding: 27px 41px 25px; position: absolute; top: 33px; width: 300px; } .b-keyvisual h2 { font-size: 27px; color: #ffffff; } .b-keyvisual h3 { font-family:Share; font-style: italic; font-size: 18px; color: #ffffff; margin-top: 10px; } /* Buttons ------------------------------ */ #fancybox-content .bu, .bu, #page .bu, .bu { height: 23px; color: #FFF; line-height: 23px; font-size: 11px; background: transparent url(/typo3conf/ext/t3org_template/css/../i/s-buttons.png) no-repeat 0 0; padding: 0 12px; cursor: pointer; text-decoration: none; display: inline-block; vertical-align: middle; border: 1px solid #e87c0c; -o-user-select: none; -webkit-user-select: none; -moz-user-select: -moz-none; -khtml-user-select: none; -ms-user-select: none; user-select: none; } #page .bu:focus, .bu:focus { text-decoration:underline; } .bu div { display: none; } .bu:hover, .bu:hover span, button:hover .bu, button:hover .bu span, .bu:focus, .bu:focus span, button:focus .bu, button:focus .bu span{ text-decoration:none; background-position: 0 -32px; } #page .dark-grey, #page .bu-secondary, .bu.dark-grey, .bu.bu-secondary, #fancybox-content .dark-grey, #fancybox-content .bu-secondary { background: url(/typo3conf/ext/t3org_template/css/../i/dark-grey.png) repeat-x 0 0; border-color: #8b8b8b; } .bu .i-arr-down { margin: 0 3px -4px -6px; } .bu .i-arr-right-big { margin: 0 3px -5px -10px; } .b-dialog .bu-confirm, .b-dialog .bu-secondary { min-width: 62px; text-align: center; margin-right: 5px; } .bu.bu-confirm, .bu.bu-secondary, #page .bu-confirm, #page .bu-secondary { min-width: 84px; text-align: center; margin-right: 3px; } #page .bu-secondary { font-weight: normal; } .bu:hover span, button:hover .bu span, .bu:focus span, button:focus .bu span{ text-decoration:none;} .bu::-moz-focus-inner, button::-moz-focus-inner, input::-moz-focus-inner { padding: 0; border: none; } #page .bu-mini, { height: 19px; line-height: 20px; padding: 0 8px; } /* Header elements ------------------------------ */ #logo { text-decoration:none; display:block; width: 118px; position: absolute; left: 13px; top: 40px; } #logo img { } .h-bar { position: absolute; top: 52px; right: 0; z-index: 200; font-size:11px;} .quick-search { display: inline-block; border: 1px solid #dbdbdb; height: 21px; background: url(/typo3conf/ext/t3org_template/css/../i/s-buttons.png) repeat-x 0 -94px; position:relative;} .quick-search-input { width: 168px; display: inline-block; background: url(/typo3conf/ext/t3org_template/css/../i/i-arrows.png) no-repeat -1023px -355px; } .quick-search-input input { background: none; border: none; vertical-align: top; width: 141px; padding: 4px 24px 3px 24px; } .quick-search button { width: 23px; height: 23px; margin: -1px; background: url(/typo3conf/ext/t3org_template/css/../i/featured.png); vertical-align: top; border: 1px solid #e87c0c; position: relative; } .quick-search button .ico { position:relative; display:block; width:23px;height:23px;background-position:-287px -45px; } /* setting width and height to the size of the button, because different browser have different opinions of where to place a container inside a button */ .quick-search-submit .ico { position: absolute; left: 8px; top: 7px; } #quick-search-tip { position: absolute; top: 65px; right: 0; left: 0; z-index: 1; overflow: hidden; height: 110px; min-width: 981px; } #quick-search-tip-body { width: 1089px; margin: 0 0 0 -544px; position: absolute; left: 50%; top: 3px; text-align: right; font-family:Share; font-style: italic; font-size: 14px; font-style: italic; color: #7f7f7f; } #quick-search-tip-arrow { display: inline-block; vertical-align: baseline; position: relative; top: -3px; margin: 0 0 0 7px; background: url(/typo3conf/ext/t3org_template/css/../i/quick-search-tip.png) no-repeat; width: 128px; height: 100px; } .gecko .quick-search-submit .ico { top: -2px; left: 0; } .webkit .quick-search-submit .ico { top: -1px; left: 1px; } .smart-search { width:36px; height:23px; position:absolute; left:-1px; top:-1px; z-index: 200;} .smart-search ul { width:171px; height:83px; background:transparent url(/typo3conf/ext/t3org_template/css/../i/search-types.png) no-repeat 0 0; position:absolute; left:-2px; top:22px; padding:1px 3px 0 2px; font-size:11px; display:none;} .smart-search.open ul { display:block;} .smart-search ul a { text-decoration:none; color:#000; padding:4px 10px 4px 12px; display:block; margin-bottom:-1px;} .p .smart-search ul a:hover, .p .smart-search ul a:focus { background:transparent url(/typo3conf/ext/t3org_template/css/../i/ico-smart-search.png) no-repeat right 0; color:#fff; } .smart-search ul .current a { color:#000; font-weight:bold;} .smart-search ul a .ico { position:relative ;top:3px; left:-1px; margin-right:8px;} .smart-search .selector { width:36px; height:23px; background:transparent url(/typo3conf/ext/t3org_template/css/../i/smart-search-arrows.png ) no-repeat 0 0; display:inline-block;} .smart-search:hover .selector, .smart-search:focus .selector { background-position:-36px 0;} .smart-search.open .selector { background-position:-72px 0;} .smart-search .selector .ico { position:relative; top:4px; left:5px; } .quick-search .s-input { position:relative; display:inline-block; z-index: 100; line-height:21px;} .quick-search .s-input span { position:absolute; top:0; left:7px; font-size:11px; color:#8d8d8d; line-height:21px;} .quick-search .s-input input { background: none; border: none;display:inline-block; vertical-align: top; width: 195px; height:14px; line-height:14px; padding: 3px 7px 4px; font-size:11px; color:#000; margin-right: -3px; margin-left: -1px; } .quick-search .i-search { background: transparent url(/typo3conf/ext/t3org_template/css/../i/ico-smart-search.png) no-repeat right bottom; } .smart-search ul .current .i-typo { background-position:-60px 0;} .smart-search ul .current .i-ext { background-position:-60px -24px;} .smart-search ul .current .i-case { background-position:-60px -49px;} .smart-search ul a:hover .i-typo, .smart-search ul a:focus .i-typo { background-position:-30px 0;} .smart-search ul a:hover .i-ext, .smart-search ul a:focus .i-ext { background-position:-30px -24px;} .smart-search ul a:hover .i-case, .smart-search ul a:focus .i-case { background-position:-30px -49px;} .smart-search a:hover .i-typo, .smart-search a:focus .i-typo { background-position:-90px 0;} .smart-search a:hover .i-ext, .smart-search a:focus .i-ext { background-position:-90px -24px;} .smart-search a:hover .i-case, .smart-search a:focus .i-case { background-position:-90px -49px;} .smart-search.open .selector .i-typo { background-position:0 0;} .smart-search.open .selector .i-ext { background-position:0 -24px;} .smart-search.open .selector .i-case { background-position:0 -49px;} .extensions { float: right; } .extensions .quick-search-submit { background-image: url(/typo3conf/ext/t3org_template/css/../i/dark-grey.png); border-color: #8b8b8b; } .h-bar-nav { position: absolute; right: 201px; top: -2px; width: 250px; text-align: right; } .h-bar-nav > li { float:left; display: inline-block; position: relative; background: url(/typo3conf/ext/t3org_template/css/../i/h-bar-nav-li.png) no-repeat 0 9px; text-align: left; margin-left: -1px; } .h-bar-nav > li:first-child { background: none; } .h-bar-nav > li > a { text-decoration: none; display: block; } .h-bar-nav a { color: #e87c0c; text-decoration: none; } .b-drop-h { height: 27px; border: 1px solid transparent; border-bottom: 0; display: block; padding: 4px 11px 0 11px; position: relative; z-index: 11; } .b-drop-h-l, .b-drop-h-r { height: 27px; position: absolute; z-index: 11; width: 2px; height: 31px; background: url(/typo3conf/ext/t3org_template/css/../i/b-drop-h.png) no-repeat; top: -1px; display: none; } .b-drop-h-l { left: -3px; } .b-drop-h-r { right: -3px; background-position: -2px 0; } .b-drop-h .ico { margin: 0 0 0 6px; } .h-bar-nav li.hover .b-drop-h, .h-bar-nav > li:hover .b-drop-h, .h-bar-nav > li:hover .b-drop-h { background: #fff; border-color: #e3e3e3; } .h-bar-nav > li:hover .b-drop-body, .h-bar-nav > li:hover .b-drop-h-r, .h-bar-nav > li:hover .b-drop-h-l { display: block; } .h-bar-nav li.hover .b-drop-body, .h-bar-nav li.hover .b-drop-h-r, .h-bar-nav li.hover .b-drop-h-l { display: block; } .b-drop-body { position: absolute; z-index: 10; border: 1px solid #e3e3e3; background: #fff; padding: 13px 10px; top: 31px; left: 0; font-size: 11px; color: #8c8c8c; display: none; min-width: 150px; } .b-drop-body-l, .b-drop-body-l div, .b-drop-body-b, .b-drop-body-b div, .b-drop-body-r, .b-drop-body-r div { position: absolute; } .b-drop-body-l { width: 2px; left: -3px; top: -1px; bottom: -1px; background: url(/typo3conf/ext/t3org_template/css/../i/b-drop-body-lr.png) repeat-y; } .b-drop-body-l div { width: 4px; height: 4px; left: 0; bottom: -4px; background: url(/typo3conf/ext/t3org_template/css/../i/b-drop-body-b.png); } .b-drop-body-r { width: 2px; right: -3px; top: 2px; bottom: -1px; background: url(/typo3conf/ext/t3org_template/css/../i/b-drop-body-lr.png) repeat-y -2px 0; } .b-drop-body-r div { width: 2px; height: 3px; right: 0; top: -3px; background: url(/typo3conf/ext/t3org_template/css/../i/b-drop-body-b.png) no-repeat -8px 0; } .b-drop-body-b { height: 4px; right: 1px; left: 1px; bottom: -5px; background: url(/typo3conf/ext/t3org_template/css/../i/b-drop-body-br.png); } .b-drop-body-b div { width: 4px; height: 4px; right: -4px; bottom: 0; background: url(/typo3conf/ext/t3org_template/css/../i/b-drop-body-b.png) no-repeat -4px 0; } .b-drop-r.b-drop-body { left: auto; right: 0; } .b-drop-r .b-drop-body-r { top: -1px; } .b-drop-r .b-drop-body-l { top: 3px; } .b-drop-r .b-drop-r-tl { width: 2px; height: 4px; left: 0; top: -4px; background: url(/typo3conf/ext/t3org_template/css/../i/b-drop-r-tl.png); } .b-drop-body .f-row { white-space: nowrap; margin: 0 0 5px 0; text-align: right; } .b-drop-body .f-row-spacer { padding: 0 6px; display: inline-block; } .b-drop-body .f-row .i-text-mini { width: 147px; } .b-drop-body .f-row .i-select-mini { width: 158px; } .b-drop-body .f-row .i-select-mini option { padding: 1px; } .b-drop-body .f-links { margin: 9px 0 0 0; white-space: nowrap; } .b-drop-body .f-action { margin: 4px 0 0 10px; float: right; } .b-drop-body .f-row label { padding: 0 10px 0 0; } .b-drop-body .f-row input { } .my-account { min-width: 190px; padding: 4px 12px 0;} .my-account .b-wi-pic { margin-right: 15px; } .my-account .b-wi-pic img { border: 1px solid #e4e4e4; margin-top: 4px; } .my-account .m-outline { color: #000; font-weight: bold; margin-bottom: 4px; line-height: 12px; } .my-account .m-action { margin-top: 10px } /* Header: Navigation ------------------------------ */ .nav { border:1px solid #e97e0d; height:32px; position: absolute; bottom: 0; left: 0; right: 0; display:block; background:#f58006 url(/typo3conf/ext/t3org_template/css/../i/s-buttons.png) repeat-x 0 0; z-index: 100;} .nav li { float:left; position:relative;} .nav > li > a { text-decoration:none; color:#fff; display:inline-block; background:transparent url(/typo3conf/ext/t3org_template/css/../i/s-buttons.png) no-repeat 0 0; height:32px; line-height:32px; padding:0 10px; border-right:1px solid #e97e0d; border-left:1px solid #ffc37d; border-bottom: 1px solid #E97E0D;} .nav > .cur > a, .nav > li > a:hover { background-position: 0 -32px;} .nav > li > a:focus { background-position: 0 -32px; text-decoration: underline; } .nav > li:first-child > a { border-right:1px solid #e97e0d; border-left:0;} .nav .f-r { border-left:1px solid #e97e0d;} .nav .f-r a { border-right:0;} .nav .ico { position:relative; top:3px; margin-left:-5px;} .nav .nav-sub { width:388px; position:absolute; left:-1px; top:33px; /*BEN:height:274px;*/ overflow:hidden; color:#fff; display:none;} .nav .nav-sub .col { width:161px; padding:15px 17px 15px 17px; /*border:1px solid #e97e0d;*/ /*border-width:1px 1px 1px 0; */height:274px; background:#5e5e5e url(/typo3conf/ext/t3org_template/css/../i/nav-sub.png) no-repeat -193px 0; position:relative; float:left;} .nav .nav-sub .col:first-child { padding:15px; background-position:0 0; /*border-width:1px 0 1px 1px;*/ margin:0 -3px 0 0; top:0;} .nav .nav-sub .animate { margin-top:-285px;} .nav .nav-sub li { float:none; font-size:11px;} .nav .nav-sub a { text-decoration:none; color:#e5e5e5; display:block; padding:1px 5px;} .nav .nav-sub a:hover, .nav .nav-sub a:focus { background:#5f5f5f; color:#fff;} .nav .nav-sub ul { margin-bottom:15px;} .nav .nav-sub h4 { font-weight:bold; font-size:12px; } .nav li:hover .nav-sub { } .b-drop-nav { min-width: 150px; } .b-drop-nav li { border-top: 1px solid #ebebeb; } .b-drop-nav li:first-child { border-top: 0; } .b-drop-nav a { text-decoration: none; display: block; padding: 1px 6px 2px 6px; } .b-drop-nav a:hover, .b-drop-nav a:focus, .b-drop-nav .cur a { color: #8c8c8c; background: #f5f5f5; } .nav .nav-sub h4 a, .nav .nav-sub h4 span { color:#fff; padding:0; padding:3px 5px; } .nav .nav-sub h4 a:focus, .nav .nav-sub h4 a:hover { background:none;} /*.header-bg { height:98px; background:red; position:absolute; left:0; top:0;}*/ /* Footer elements ------------------------------ */ /* .f { } */ /*.f ul { } */ .f li { color: #000; } .f a { text-decoration: none; color: #000; } .f a:focus { text-decoration: underline; } /* Aside elements ------------------------------ */ #aside { position: relative; float: left; width: 185px; padding: 18px 0 0 23px; min-height: 468px;} #aside .d { padding-right: 23px; } .aside-shade-head { position: absolute; top: 0; right: 0; width: 22px; height: 156px; background: url(/typo3conf/ext/t3org_template/css/../i/aside-shade.png) no-repeat 0 0 } .aside-shade-cont { position: absolute; top: 156px; bottom: 156px; right: 0; width: 22px; background: url(/typo3conf/ext/t3org_template/css/../i/aside-shade.png) repeat-y -22px 0 } .aside-shade-foot { position: absolute; bottom: 0; right: 0; width: 22px; height: 156px; background: url(/typo3conf/ext/t3org_template/css/../i/aside-shade.png) no-repeat -44px 0 } #nav-aside { margin: 0 0 44px 0; } #nav-aside li, #aside .facets li { padding-top:1px; background: url(/typo3conf/ext/t3org_template/css/../i/nav-aside.png) no-repeat right top; } #nav-aside a, #aside .facets a { display:block; color:#555; font-weight: normal; text-decoration: none; } #nav-aside span { display:block; padding:3px 8px 4px 30px; background: transparent url(/typo3conf/ext/t3org_template/css/../i/i-arrows.png) no-repeat -942px -431px; } #nav-aside a.cur span, #nav-aside a:hover span, #nav-aside a:focus span { background-position: -902px -471px; } #nav-aside a.act span, #nav-aside a.cursub span { background-position: -1221px -148px; } /* level 1 */ #nav-aside li.nav-aside-lvl1:first-child { background: none; } #nav-aside a.nav-aside-lvl1 { padding:3px 8px 4px 10px; color: #ff8700; font-weight:bold; } /* level 2 */ #nav-aside a.nav-aside-lvl2 { } /* level 3 */ #nav-aside a.nav-aside-lvl3 { padding-left:20px; } /* level 4 */ #nav-aside a.nav-aside-lvl4 { padding-left:40px; } #nav-aside a:hover, #nav-aside a:focus { background-color:#efefef; } #nav-aside a.cur, #nav-aside a.cursub { color:#000; font-weight:bold; background-color:#efefef; } /* external link in navigation */ #nav-aside a.external span { background-position: -173px -592px; } #aside.solr .aside-shade-head, #aside.solr .aside-shade-cont, #aside.solr .aside-shade-foot { z-index: -1; } #aside .facets div.facet { margin-bottom: 20px; padding-left: 5px; } #aside .facets div.facet li.facet-option.first { background-image: none; } #aside .facets div.facet li.facet-option a { color: #ff8700; display: block; font-weight: bold; padding: 3px 20px 4px 10px; } #aside .facets div.facet li.facet-option.cur a { background: transparent url('/typo3conf/ext/t3org_template/css/../i/facet-close.gif') no-repeat 160px 5px; color: #555; font-weight: normal; } #aside .facets div.facet .tx-solr-facet-show-all { padding: 3px 20px 4px 10px; } /* Sponsors block --------------------------------------- */ #randombanners .tx-randombanners, .sponsors { overflow: hidden; margin: 17px -1px 17px -5px; } .home-page-template .sponsors { overflow: hidden; margin: -2px 0 -5px -6px; } #randombanners .tx-randombanners img, .sponsors img { float: left; margin: 0 0 5px 5px; border: 1px solid #d9d9d9; } .gc #randombanners .tx-randombanners img, .gc .sponsors img { margin: 0 0 0px 0; display: inline-block; height: 55px; width: 150px; } .gc #randombanners .tx-randombanners { float: left !important; margin: 0 0 3px 0; width: 152px;} .gc #randombanners .tx-randombanners.rightbanner { margin-left: 3px; } .gc #randombanners { margin-bottom: 22px; overflow: hidden; } .navigationbanners #randombanners .tx-randombanners { margin-bottom:0px; margin-top:0px; } /* Section (content) ------------------------------ */ /* Community block --------------------------------------- */ .b-community { text-align: center; } .b-community .gc:first-child { padding-right: 5px; padding-0: 0; } .b-community .gc { padding-left: 5px; } .b-community p { font-size: 11px; color: #818181; line-height: 14px; } #page .b-community h4 { margin-top: 0; } #page .b-community img { margin: 0; } /* Flickr block --------------------------------------- */ .b-flickr { position: relative; margin: 0 0 17px 0; width: 738px; height: 128px; background: url(/typo3conf/ext/t3org_template/css/../i/b-flickr.png) no-repeat; } .b-flickr-head { float: left; padding: 58px 0 0 0; width: 85px; } .b-flickr-head h4 { font-size: 12px; color: #7f7f7f; } #flickr-slider { position: relative; float: left; margin-top: 24px; margin-left: 8px; width: 645px; height: 89px; overflow: hidden; } #flickr-slider .slides { position: absolute; left: 8px; margin: 0; height: 89px; } #flickr-slider .slides > li { background: url(/typo3conf/ext/t3org_template/css/../i/b-flickr-img.png); padding: 6px 7px 8px; width: 75px; height: 75px; margin: 0 14px 0 0; float: left; } #flickr-slider .slides img { display: block; width: 75px; height: 75px; background: url(/typo3conf/ext/t3org_template/css/../i/ajax-preloader.gif) no-repeat 50% 50%; } /* .flickr-overlay { position: absolute; top: 0; right: 0; width: 35px; height: 89px; background: url(/typo3conf/ext/t3org_template/css/../i/flickr-overlay.png) repeat-y 0 0; } */ /* Home 3 Columns --------------------------------------- */ .b-home-3-cols, .b-home-3-cols .g-6, .b-home-3-cols-body, .b-home-3-cols .g-3 { background: url(/typo3conf/ext/t3org_template/css/../i/b-home-3-cols-gc.png) no-repeat; } .b-home-3-cols { margin: 0 0 17px 0; } .b-home-3-cols-body { padding: 0 20px; background-position: top right; } .b-home-3-cols .gc { padding-left: 20px; /*height: 192px;*/ } .b-home-3-cols .gc .gc .gc { padding-left: 10px; height: auto; } .b-home-3-cols .gc .gc .g-5:first-child > .gc { padding-right: 10px; padding-left: 0; } .b-home-3-cols .g-6 { background-position: 305px 0; } .b-home-3-cols .g-5:first-child > .gc, .b-home-3-cols .g-6:first-child > .gc, .b-home-3-cols .g-3:first-child > .gc { padding-left: 0; padding-right: 20px; } .b-home-3-cols h4 { margin: 0 0 15px 0; } /* News Head block ------------------------------ */ .b-news-head, .b-news-foot { border-bottom: 1px solid #d1d1d1; margin: 0 0 17px 0; } .b-news-foot { font-size: 11px; color: #a2a2a2; } .b-news-foot p { margin: 0 0 11px 0; } .b-news-head p { margin: 0 0 7px 0; } .b-news-head-date { float: right; color: #8c8c8c; font-size: 12px; margin: 0 0 2px 0; } /* Message block --------------------------------------- */ .b-message, .typo3-message { background: #fffbf3; border: 1px solid #eee5d9; padding: 17px; margin: 0 0 17px 0; position: relative; } .warning.b-message, .typo3-message.message-notice { border-color: #e4caa7; color: #b18852; } .congratulations.b-message, .typo3-message.message-ok { background: #f5fff4; border-color: #b4d8ac; color: #5b994c; } .error.b-message, .typo3-message.message-error { background: #fff3f3; border-color: #e9b1b2; color: #da5858; } .b-message:before, .typo3-message:before, .b-message .icon { content: ''; width: 50px; height: 50px; position: absolute; left: 14px; top: 12px; display: none; } .b-message p { margin: 0; } .b-message p.oneliner { padding: 0.5em 0} .b-message-icon { } .congratulations.b-message, .error.b-message, .warning.b-message, .typo3-message { padding-left: 74px; min-height: 35px; } .warning.b-message:before, .warning .b-message-icon, .typo3-message.message-warning:before, .typo3-message.message-notice:before{ background: url(/typo3conf/ext/t3org_template/css/../i/s-icons.png) no-repeat -150px -39px; display: block; } .error.b-message:before, .error .b-message-icon, .typo3-message.message-error:before { background: url(/typo3conf/ext/t3org_template/css/../i/s-icons.png) no-repeat -100px -39px; display: block; } .congratulations.b-message:before, .congratulations .b-message-icon, .typo3-message.message-ok:before { background: url(/typo3conf/ext/t3org_template/css/../i/s-icons.png) no-repeat -50px -39px; display: block; } /* Comments block --------------------------------------- */ .tx-comments-comments h4 { margin-bottom: 20px; } .b-comments { margin: 12px 0 30px 0; } .b-comment { overflow: hidden; margin: 0 0 14px 0; } .b-comment-author { float: left;width: 100px;padding: 0px 15px 0 0px; } .b-comment-author img { border: 1px solid #e4e4e4 } .b-comment-date { display: block; color: #9e9e9e; font-size: 11px; } .b-comment-body { background: #f7f7f7; border: 1px solid #e0e0e0; padding: 10px 15px 15px 15px; position: relative; margin: 0 0 0 115px; } .b-comment-body .icon, .b-comment-body:before { content: ''; position: absolute; left: -13px; top: 13px; width: 13px; height: 13px; background: red url(/typo3conf/ext/t3org_template/css/../i/s-icons.png) no-repeat -23px 0; } /* Forms --------------------------------------- */ .b-form { margin: 20px 0 30px 0; } .b-form-row { overflow: hidden; margin: 0 0 12px 0; } .b-form-row label { float: left; width: 110px; } .b-form-row label small { display: block; font-size: 10px; color: #8c8c8c; } .b-form-inputs { margin: 0 0 0 115px; } .i-text, .b-form-inputs input[type=text], .b-form-inputs input[type=password], .b-form-inputs input[type=url], .b-form-inputs input[type=email], .b-form-inputs textarea { border: 1px solid #dbdbdb; background: #fff url(/typo3conf/ext/t3org_template/css/../i/i-text.png) repeat-x top left; padding: 4px 4px; width: 200px; } .b-form-inputs textarea { width: 330px; height: 120px; overflow: auto; } .g-6 .b-form-inputs textarea { width: 200px; } .b-form-inputs textarea[rows="2"] { height: 40px; } .i-text { width: auto; } .filter-input { width: 126px; } .b-form-inputs input.placeholder, .b-form-inputs textarea.placeholder { color:#B9B9B9; } ::-webkit-input-placeholder { /* seperate definition needed as it confused other browsers (like FF3.6) */ color:#B9B9B9; } .b-form-error { } .b-form-error-message { padding: 4px 0 0 0; color: #e90100; font-size: 11px; } .b-form-error .i-text, .b-form-error .b-form-inputs input[type=text], .b-form-error .b-form-inputs input[type=password], .b-form-error .b-form-inputs input[type=url], .b-form-error .b-form-inputs input[type=email], .b-form-error .b-form-inputs textarea { border-color: #e6a6a7; } /* Form edit styles ------------------------------ */ .b-form-edit label { width: 138px; font-size: 11px; color: #010101; line-height: 22px; } .b-form-edit .b-form-inputs { margin-left: 148px; } .b-form-edit .b-form-inputs input[type=text], .b-form-edit .b-form-inputs input[type=password], .b-form-edit .b-form-inputs input[type=url], .b-form-edit .b-form-inputs input[type=email], .b-form-edit .b-form-inputs textarea { font-size: 11px; color: #8c8c8c; } .b-form-edit .b-form-inputs select { font-size: 11px; } .b-form-edit .b-form-inputs input[type=password], .b-form-edit .b-form-inputs input[type=text], .b-form-edit .b-form-inputs input[type=url], .b-form-edit .b-form-inputs input[type=email] { width: 350px; } .b-form-edit .b-form-inputs textarea { width: 541px; height: 91px; } .sub-two-columns .b-form-sub-column { float: left; clear: right; width: 230px; } .sub-two-columns .b-form-sub-column:first-child { width: 136px; } .sub-two-columns .b-form-sub-column label { width: 73px; text-align: right; } .sub-two-columns .b-form-row { float: left; margin-bottom: 0; margin-left: 10px; } .b-form-edit .sub-two-columns input[type=password], .b-form-edit .sub-two-columns input[type=text], .b-form-edit .sub-two-columns input[type=url], .b-form-edit .sub-two-columns input[type=email] { width: 131px; } .b-form-file { position: relative; overflow: hidden; } .b-form-edit .b-form-file { line-height: 22px; } .b-form-browsefileinput { background-image: url(/typo3conf/ext/t3org_template/css/../i/i-browse.png); background-repeat: no-repeat; height: 25px; overflow: hidden; position: relative; text-align: right; width: 73px; float:left;} .b-form-browsefileinput input { opacity: 0; position: absolute; right:0; } #fileName { float: left; height: 19px; margin-right: 5px; width: 204px; background: url(/typo3conf/ext/t3org_template/css/../i/i-text.png) repeat-x scroll left top #FFFFFF; border: 1px solid #DBDBDB; padding: 4px; width: 200px; } .form-file-main-text { font-size: 11px; color: #f79025; border-bottom: 1px dashed #f79025; margin-right: 15px; width: 250px;} .form-file-secondary-text { font-size: 10px; color: #b9b9b9; } .MultiFile-label { background: #f0f0f0; border: 1px solid #e8e8e8; padding-left: 10px; height: 21px; line-height: 21px; width: 348px; margin-bottom: 7px; } .MultiFile-title { color: #858585; font-size: 11px; } .MultiFile-remove { float: right; margin-right: 7px; width: 6px; background: url(/typo3conf/ext/t3org_template/css/../i/i-arrows.png) no-repeat -674px -113px; text-indent: -9999px; } .b-form-file.disabled .form-file-main-text, .b-form-file.disabled .form-file-secondary-text { display: none; } /* Form boxes --------------------------------------- */ .b-form-boxes { float: left; width: 100%; overflow: hidden; } .b-form-sub-row { overflow: hidden; } .sub-theee-columns { clear: both; } .sub-theee-columns .b-form-sub-column { float: left; margin-left: 10px; width: 116px; } .sub-theee-columns .b-form-sub-column:first-child { margin-left: 0; } .b-form-boxes label { line-height: 18px; } label.checkbox span.holder, label.radio span.holder { height: 36px; background: url(/typo3conf/ext/t3org_template/css/../i/form-boxes.jpg) 0 -34px no-repeat; } label.radio span.holder { background-position: 0 2px; } label.checked span.holder, label.checked span.holder { top: -18px !important } label.list { float: left; clear: left; margin: 0 0 5px 0; width: auto; cursor: pointer; } input.hiddenCheckbox { position: absolute; left: -10000px; } label.prettyCheckbox span.holderWrap { display: block; float: left; position: relative; margin-right: 5px; overflow: hidden; } label.prettyCheckbox span.holder { display: block; position: absolute; top: 0; left: 0; } /* Archive navigation --------------------------------------- */ .b-archive-nav { } #page .b-archive-nav li { background: none; margin: 0 0 4px 0; padding: 0; color: #dbdbdb; } #page .b-archive-nav .cur { color: #000; } /* Unordered List ------------------------------ */ .d ul { margin-left: 0; } .d ul li { padding-left: 20px; background: url(/typo3conf/ext/t3org_template/css/../i/i-arrows.png) no-repeat -1152px -235px; } /* Ordered List ------------------------------ */ .d ol { margin-left: 0; } .d ol li { position: relative; list-style: decimal; } .d ol li span {position:relative; color: #ff8700; font-weight: bold; } /* Arrow List ------------------------------ */ .d .arrow-list li { background-position: -1192px -195px; word-wrap: break-word; } /* Simple list --------------------------------------- */ .simple-list { } #page .simple-list li { margin: 0; background: none; padding: 0 0 5px 0; } /* Feature list --------------------------------------- */ #page .feature-list { min-height: 97px; margin: 0 0 10px 0; } #page .feature-list li { margin: 0 0 5px 0; padding: 0 1% 0 0; background: none; font-weight: bold; float: left; width: 49%; } #page .feature-list-pic { vertical-align: middle; margin: 0 8px 0 0; } /* Line list --------------------------------------- */ #page .mem-types-list { } #page .mem-types-list li { background: none; padding: 7px 0; border-top: 1px solid #dbdbdb; } #page .mem-types-list li img { display: block; } #page .mem-types-list li:first-child { border-top: 0; } /* Avatars list --------------------------------------- */ #page .avatar-list { overflow: hidden; margin: 0 0 0 -8px; } #page .avatar-list li { margin: 0 0 9px 6px; padding: 0; float: left; background: url(/typo3conf/ext/t3org_template/css/../i/avatar-list-li.png) no-repeat; } #page .avatar-list li a { display: block; padding: 6px 8px; } /* Check list --------------------------------------- */ #page .check-list { } #page .check-list li { position: relative; padding: 0 0 5px; background: none; } #page .check-list li.checked span { padding-left: 26px; height: 18px;background: url(/typo3conf/ext/t3org_template/css/../i/s-icons.png) no-repeat 0px -230px; } #page .check-list a { padding-left: 26px; height: 14px;background: url(/typo3conf/ext/t3org_template/css/../i/s-icons.png) no-repeat -18px -214px; } #page .check-list a:visited { background-position: 0px -230px; } /* Linked check list --------------------------------------- */ #page .linked-check-list { } #page .linked-check-list li { padding: 0; background: none; } #page .linked-check-list a { position: relative; padding: 0 0 5px 26px; display: block; } #page .linked-check-list a:before, #page .linked-check-list .icon { content: ''; width: 18px; height: 14px; position: absolute; left: 0; top: 1px; background: url(/typo3conf/ext/t3org_template/css/../i/s-icons.png) no-repeat -18px -23px; } #page .linked-check-list a.visited { } #page .linked-check-list a.visited:before, #page .linked-check-list a.visited .icon { background-position: 0 -23px; } /* Breadcrumbs List ------------------------------ */ #page .breadcrumbs { overflow: hidden; margin: 0 0 17px 0; } #page .breadcrumbs li { background-position: -955px -434px; float: left; padding: 0 6px 0 10px; font-size: 11px; color: #b9b9b9; } #page .breadcrumbs li:first-child { background: none; padding-left: 0; } /* Download List ------------------------------ */ .d .download-list { margin: 0 0 6px; border-top: 1px solid #D8D8D8; } .d .download-list li { position: relative; border-top: 1px solid #FFF; padding: 9px 48px; font-size: 10px; color: #8c8c8c; background: none; } .download-list h5, .download-list p { margin: 0; line-height: 14px; } .download-list h5 { font-weight: bold; font-size: 11px; } .download-list li:hover { background: #FFF; } .d .download-list .last { border-bottom: 0; } .download-list .i-save { position: absolute; left: 12px; top: 11px; } .download-list .i-arr-download { position: absolute; right: 8px; top: 16px; } .download-list .i-arr-down-bigger { position: absolute; right: 8px; top: 16px; } .download-list .i-preview { position: absolute; right: 26px; top: 15px; } .sep { padding: 0 4px; } /* Linear list --------------------------------------- */ #page .linear-list li { background: none; padding: 3px 0; border-top: 1px solid #dbdbdb; } #page .linear-list li:first-child { border-top: 0; } #page .linear-list li .linear-list-status { margin: 4px 0 16px 1px } .linear-list-status img { display: block; } /* Box --------------------------------------- */ .b-box { background: #fcfcfc; padding: 14px 14px 0 14px; overflow: hidden; border: 1px solid #ddd; margin: 0 0 17px 0; } .b-box p { margin: 0 0 14px 0; } .b-box h3 { margin: 0 0 10px 0; } .b-box .form-row { margin: 0 0 12px 0; } .b-box .form-row select { font-size: 11px; width: 100%; } /* Statistic block --------------------------------------- */ .b-stat { padding: 10px 14px 0 14px; font-size: 11px; } #page .b-stat ul { margin: 0 0 10px 0; } .b-stat-info, .b-stat-link { float: right; margin: 0 0 0 5px; font-weight: bold; } .b-stat-info { font-size: 12px; } /* Tag cloud --------------------------------------- */ .b-tag-cloud { } #page .b-tag-cloud li { display: inline; background: none; padding: 0; } .b-tag-cloud a { text-decoration: none; } .b-tag-cloud b { text-decoration: underline; font-weight: normal; color: #F58006; } .size-1 { font-size: 24px; } .size-2 { font-size: 20px; } .size-3 { font-size: 19px; } .size-4 { font-size: 16px; } .size-5 { font-size: 15px; } .size-6 { font-size: 11px; } .size-7 { font-size: 9px; } /* Numbers block --------------------------------------- */ .b-numbers { background: url(/typo3conf/ext/t3org_template/css/../i/b-numbers.png) no-repeat 10px bottom; padding: 3px 0 0 0; position: relative; color: #8c8c8c; margin: 0 0 17px -22px; overflow: hidden; } .b-numbers li, .b-numbers h3, .b-numbers h4, .b-numbers p { font-family:Share; font-style:italic;} #page .numbers-list { font-size: 22px; letter-spacing: -1px; margin: 0 0 0 10px; } #page .numbers-list li { background: none; padding: 6px 0 7px 52px; height: 30px; position: relative; } .b-numbers-release h3:before, .b-numbers-release h3 .icon, #page .numbers-list li:before, #page .numbers-list li .icon { content: ''; width: 43px; height: 36px; position: absolute; left: 0; top: 0; background-image: url(/typo3conf/ext/t3org_template/css/../i/s-icons.png); } #page .nl-loc:before, #page .nl-loc .icon { background-position: 0 -96px; } #page .nl-ext:before, #page .nl-ext .icon { background-position: -43px -98px; } #page .nl-fun:before, #page .nl-fun .icon { background-position: -86px -98px; } #page .nl-dwn:before, #page .nl-dwn .icon { background-position: -129px -98px; } #page .nl-web:before, #page .nl-web .icon { background-position: -172px -98px; } /* number hover */ #page .nl-loc:hover, #page .nl-ext:hover, #page .nl-fun:hover, #page .nl-dwn:hover, #page .nl-web:hover { color: #ff8700; } #page .nl-loc:hover:before { background-position: 0 -166px; } #page .nl-ext:hover:before { background-position: -43px -168px; } #page .nl-fun:hover:before { background-position: -86px -168px; } #page .nl-dwn:hover:before { background-position: -129px -168px; } #page .nl-web:hover:before { background-position: -172px -168px; } .b-numbers-release { position: absolute; top: 9px; right: 0; text-align: right; background: url(/typo3conf/ext/t3org_template/css/../i/b-numbers-release.png) no-repeat right bottom; padding: 0 27px 10px 0; } .b-numbers-release h3 { font-size: 22px; position: relative; margin: 0; } .b-numbers-release p { margin: 0; } .b-numbers-release-date { color: #ff8700; font-size: 14px; } .b-numbers-release h3:before, .b-numbers-release h3 .icon { top: -5px; left: -43px; background-position: -215px -98px; } .b-numbers-link { background: url(/typo3conf/ext/t3org_template/css/../i/b-numbers-link.png) no-repeat; position: absolute; right: 0; bottom: 0; width: 142px; height: 50px; line-height: 50px; text-align: right; font-size: 14px; } .b-find-out-link { font-family:Share; font-style: italic; background: url(/typo3conf/ext/t3org_template/css/../i/b-find-out-link.png) no-repeat 0 5px; width: 159px; height: 54px; line-height: 52px; text-align: center; font-size: 14px; margin-top: 5px; text-indent: -5px; } .b-numbers-link a, .b-find-out-link a { text-decoration: none; color: #8c8c8c; } /* Communities block --------------------------------------- */ .b-communities { overflow: hidden; margin-left: -10px; } .b-communities-text { font-family:Share; font-style: italic; font-size: 16px; color: #b9b9b9; padding: 0 10px 0 0; } .b-communities p { float: left; } .b-communities-links { } .b-communities-links a { float: left; margin: 0 3px 0 0; width: 21px; height: 21px; overflow: hidden; position: relative; } .b-communities-links img { position: absolute; left: 0; top: -21px; } .b-communities-links a:hover img, .b-communities-links a:focus img { top: 0; } /* Evaluation box --------------------------------------- */ .b-evaluation { border: 1px solid #ddd; padding: 20px 25px 10px 25px; background: #fafafa url(/typo3conf/ext/t3org_template/css/../i/b-evaluation.png) no-repeat top right; margin: 0 0 17px 0; color: #545454; } .b-evaluation .check-list { margin: 0; } /* Social block --------------------------------------- */ .b-social { position: relative; background: url(/typo3conf/ext/t3org_template/css/../i/b-social.png) no-repeat; } .b-social-body { padding: 20px 20px 25px 20px; background: url(/typo3conf/ext/t3org_template/css/../i/b-social-body.png) no-repeat 0 100%; } .b-social-toggle { position: absolute; bottom: 20px; left: 476px; width: 11px; height: 9px; background: url(/typo3conf/ext/t3org_template/css/../i/i-arrows.png) no-repeat -668px -720px; cursor: pointer; -o-user-select: none; -webkit-user-select: none; -moz-user-select: -moz-none; -khtml-user-select: none; -ms-user-select: none; user-select: none; } .b-social-close .b-social-toggle { background-position: -629px -760px; } .b-social-opened { margin:0; } .b-social-closed { font-family:Share; font-style: italic; color: #8C8C8C; font-size: 14px; letter-spacing: -0.040em; left: 67px; top: 15px; right: 0; height: 30px; } .b-social-closed p { margin: 0; } /* Ticker slider ------------------------------ */ .ticker-slider .slider-content { width: 445px; overflow: hidden; height: 40px; } #page .ticker-slider li { width: 445px; padding: 0; background: none; height: 40px; position: relative; left: 0; top: 0; } #page .ticker-slider .slides { position: static; } #page .ticker-slider .slider-content { position: relative; height: 40px; } .ticker-slider-info { font-size: 11px; color: #8c8c8c; } .ticker-slider a { text-decoration: none; } .ticker-slider .slider-nav { display: none; } /* News item --------------------------------------- */ .b-news-item { margin: 0 0 15px 0; } .b-news-item h5 { color: #000; font-weight: bold; font-size: 12px; } .b-news-item h5 a { color: #000; text-decoration: none; } #page .b-news-item-date { color: #8c8c8c; font-size: 12px; margin: 0 0 2px 0; } .b-news-item-subheader a { color: inherit; text-decoration: none } .b-news-item h5 a:focus, .b-news-item-subheader a:focus { text-decoration: underline; } .b-news-item-subheader a span.i-next { margin-left:4px; } .b-news-item p { margin: 0; } .backtolist { margin-bottom: 17px; } /* Event item --------------------------------------- */ .b-event-item { overflow: hidden; margin: 0 0 9px 0; position: relative; } .b-event-item h5 { font-weight: bold; } .b-event-item-place { font-size: 11px; color: #8c8c8c; line-height: 13px; } .b-event-item p { margin: 0 0 3px 0; } .b-event-item-text { overflow: hidden; } .b-event-item-date { float: left; border: 1px solid #e4e4e4; width: 78px; text-align: center; margin: 0 17px 2px 0; color: #707070; padding: 2px 0 0 0; background: #f3f3f3 url(/typo3conf/ext/t3org_template/css/../i/b-event-item-date.png) repeat-x 0 -15px; } .b-event-item-date-big { padding: 9px 0 0 0; background-position: 0 0; } .b-event-item .y { display: block; background: #dadada; margin: 0 -1px -1px -1px; height: 17px; line-height: 17px; color: #000; font-size: 10px; } .b-event-item-date-big .y { height: 22px; line-height: 22px; font-size: 11px; } .b-event-item .m { display: block; font-size: 12px; margin: 0 0 1px 0; } .b-event-item-date-big .m { font-size: 13px; margin: 0 0 3px 0; } .b-event-item .d { display: block; font-size: 25px; } .d table.event-list { margin-bottom: 10px; } .d table.event-list th, .d table.event-list td { border-width: 0; padding:0 4px; } .b-event-list-place { color: #8c8c8c; } .b-next-event-item { } .b-next-event-item h4 { margin: 2px 0 5px 0; } .b-next-event-item .b-event-item-pic { margin: 0 0 10px 0; } .b-next-event-item .b-event-item-pic img{ display: block; } .b-next-event-item .b-event-item-place { margin: 0 0 8px 0; } .b-next-event-item .b-event-item-text { width: 127px; } .b-next-event-item .b-twitter { float: right; } .b-events-cal { font-size: 11px; } /* Archive item --------------------------------------- */ .b-archive-item { margin: 0 0 5px 0; } #page .b-archive-item ul { margin: 0; } #page .b-archive-item li { background: none; padding: 0; font-size: 12px; color: #a5a5a5; } .b-archive-year a.more {color:#a5a5a5; text-decoration:none;} .b-archive-year a.more:hover, .b-archive-year a.more:focus {text-decoration:underline;} /* Project block --------------------------------------- */ .b-project { margin: 0 0 17px 0; } li.b-project { background:none !important; padding-left: 0px !important; } li.b-project.ui-sortable-helper { cursor: move; background: #fff !important; } .b-project .sep { height: 10px; display: inline-block; width: 0; text-indent: -999px; overflow: hidden; border-left: 1px solid #a2a2a2; padding: 0; vertical-align: baseline; position: relative; top: 2px; margin: 0 3px; } .b-project-add { position: relative; top: 3px; } .b-project-add, #page .b-project-toolbar { float: right; font-size: 11px; margin: 0 0 8px 17px; } .b-project-toolbar .i-del { margin-left: 5px; } #page .b-project-gallery, #page .b-project-link, .b-project-created, #page .b-project-cat { font-size: 11px; margin-bottom: 8px; } #page .b-project-created { color: #a2a2a2; margin: 0 0 6px 0; } .b-project-created a { text-decoration: none; } a.b-project-created-by { text-decoration: underline; } .b-project .hr { margin: 0 0 14px 0; } .b-project .pic { margin: 0 0 11px 0; } .b-project p { margin: 0 0 10px 0; } /* Project list --------------------------------------- */ .b-projects-list { } .b-projects-list .b-project { margin-bottom: 23px; overflow: hidden; } .b-projects-list .pic { float: left; margin: 3px 20px 23px 0; padding: 17px 17px 9px 17px; } .b-projects-list .b-project-body { overflow: hidden; } .b-projects-list .hr { margin-bottom: 8px; } .b-projects-list p { margin-bottom: 8px; } #page .b-projects-list .b-project-created { margin-bottom: 8px; } #page .b-projects-list .b-project-toolbar { float: none; margin: 2px 0 0 0; } #page .b-projects-list .b-project-toolbar .i-del, #page .b-projects-list .b-project-toolbar .i-move { float: right; } #page div.cl > div.s-body > div.b-project > p.b-project-toolbar > a.i-move { display: none; } #page .s-sidebar h4:first-child { margin-bottom: 9px; } /* Disabled project list styles ------------------------------ */ .b-project.disabled .pic { border-color: #f9f9f9; } .b-project.disabled .pic img, .b-project.disabled .b-project-body { opacity: 0.3; } /* Agency styles ------------------------------ */ .b-agency, .agency-desc { overflow: hidden; } .agency-img { float: left; width: 178px; margin-right: 28px; } .agency-img img { display: block; margin-bottom: 10px;} /* Sortable styles ------------------------------ */ #sortable { position: relative; } li.ui-state-highlight { height: 200px; background: #efefef !important; } /* 3 columns archive block --------------------------------------- */ .b-3-columns { border: 1px solid #dbdbdb; border-width: 0 1px 1px 1px; overflow: hidden; } .b-3-columns-col { float: left; width: 115px; padding: 10px 19px 0 19px; background: url(/typo3conf/ext/t3org_template/css/../i/b-home-3-cols-gc.png) no-repeat; margin-bottom: -2000px; padding-bottom: 2000px; position: relative; z-index: 1; } .b-3-columns-col:first-child { background: none; } .b-3-columns-foot { clear: both; text-align: right; border-top: 1px solid #d9d9d9; background: #fff url(/typo3conf/ext/t3org_template/css/../i/b-3-columns-foot.png) repeat-x left bottom; padding: 5px 9px; position: relative; z-index: 1; } /* Twitter block --------------------------------------- */ .b-twitter { width: 233px; position: relative; line-height: 13px; font-size: 11px; color: #8c8c8c; } .b-twitter .ico { position: absolute; left: 13px; top: 12px; } .b-twitter-message { margin-top: 11px; padding: 0 12px 21px 38px; min-height: 20px; background: url(/typo3conf/ext/t3org_template/css/../i/b-twitter.jpg) repeat-y 100% 100%; } .b-twitter-author { margin: -8px 0 0 38px; } .b-twitter .slider-nav { display: none; } .d .b-twitter .slides { margin: 0; padding-bottom: 0; position: relative; height: /* 85px; */ 112px; } .d .b-twitter .slide { position: absolute; left: 0; top: 0; height: 112px; padding: 0; width: 233px; background: url(/typo3conf/ext/t3org_template/css/../i/b-twitter.jpg) no-repeat 0 0; } /* non-JavaScript-enhanced Twitter messages */ .d .b-twitter .slide-nojs { overflow:hidden; padding: 0; width: 233px; background: url(/typo3conf/ext/t3org_template/css/../i/b-twitter.jpg) no-repeat 0 0; } /* Icons ------------------------------ */ .ico { display: inline-block; width: 15px; height: 14px; background: transparent url(/typo3conf/ext/t3org_template/css/../i/s-icons.png) no-repeat 0 0; } h4 .ico { margin: 0 6px 0 0; vertical-align: text-top; } .i-prev, .i-next, .i-arr-right, .i-arr-right-big, .i-arr-down, .i-arr-down-or, .i-arr-up-white, .i-arr-down-white, .i-arr-download, .i-arr-down-bigger, .i-preview, .i-most, .i-top, .i-video { background-image: url(/typo3conf/ext/t3org_template/css/../i/i-arrows.png); } .i-next { background-position: -794px 0; width: 6px; height: 8px; } .i-prev { background-position: -754px -40px; width: 6px; height: 8px; } .i-arr-down { background-position: -1102px -279px; margin: 0 5px 0 0; } .i-arr-down-or { background-position: -712px -680px; width: 8px; height: 6px; } .i-arr-down-white { background-position: -352px -440px; width: 8px; height: 6px; } .i-arr-up-white { background-position: -312px -480px; width: 8px; height: 6px; } .i-arr-download { background-position: 100% 0; width: 18px; } .i-arr-down-bigger { background-position: -740px -640px; width: 17px; height: 18px; } .i-top { background-position: -826px -560px; margin: 0 5px -2px -4px; } .i-most { background-position: -868px -520px; margin: 0 4px -2px -4px; } .i-preview { background-position: -779px -600px; width: 19px; height: 18px; } .i-video { background-position: -1058px -320px; width: 22px; margin: 0; } .i-arr-right { background-position: -993px -400px; width: 7px; height: 7px; } .i-arr-right-big { background-position: -619px -160px; width: 20px; height: 15px; } .i-save { width: 23px; height: 23px; } .i-twitter-grey, .i-facebook, .i-twitter { width: 16px; height: 16px; background-position: -16px -148px; } .i-twitter { background-position: -16px -132px; } .i-facebook { background-position: 0 -132px; } .i-del { background-position: -36px -23px; width: 13px; overflow: hidden; text-indent: -999px; vertical-align: baseline; position: relative; top: 2px; } .i-training { background-position: -40px 0; width: 18px; height: 18px; margin: 0 10px -5px 0; } .i-hosting { background-position: -58px 0; width: 13px; height: 18px; margin: 0 12px -5px 3px; } .i-development { background-position: -71px 0; width: 18px; height: 18px; margin: 0 10px -5px 0; } .i-move { background-position: -68px -23px; width: 16px; height: 16px; overflow: hidden; text-indent: -999px; vertical-align: baseline; position: relative; top: 2px; } .i-typo, .i-ext, .i-case { background: transparent url(/typo3conf/ext/t3org_template/css/../i/ico-smart-search.png) no-repeat 0 0; width:13px; height:12px; } .i-ext { background-position:0 -24px;} .i-case { background-position:0 -49px;} /* Form elements --------------------------------------- */ .i-text-mini { border: 1px solid #e2e2e2; background: url(/typo3conf/ext/t3org_template/css/../i/s-buttons.png) 0 -115px no-repeat; padding: 2px 5px; } /* Tabs Container ------------------------------ */ .b-tabs { overflow: hidden; margin-bottom: 15px; } .d .tabs { overflow: hidden; margin: 0; padding: 0; } .d .tabs li { float: left; height: 29px; cursor: pointer; border: 1px solid #c8c8c8; border-width: 1px 1px 1px 0; text-align: center; padding: 0; background: none; -o-user-select: none; -webkit-user-select: none; -moz-user-select: -moz-none; -khtml-user-select: none; -ms-user-select: none; user-select: none; } .d .tabs .act { border-bottom-color: #FFF; } .tabs { display: flex; display: -webkit-flex; justify-content: space-between; } .tabs > li { flex-grow: 1; -webkit-flex-grow: 1; text-align: center; border: 1px solid green; } .tabs li:first-child { border-width: 1px; } .tabs li a { display: block; height: 29px; line-height: 30px; color: #575757; text-decoration: none; font-size: 11px; background: url(/typo3conf/ext/t3org_template/css/../i/orange-tabs.png) repeat-x 0 -29px; border-left: 1px solid #FFF; overflow: hidden; width:auto!important} .tabs li a:hover, .tabs li a:focus { color: #000; } .tabs .act a { background: #FFF; color: #000; } .tx-solr .tab-panes { border-top:1px solid #c8c8c8; } .b-tabs-null-pane { margin: -18px -25px -28px -25px; background: #fff; } .tab-content { border: 1px solid #C8C8C8; border-top: none; padding: 18px 24px; } .b-tabs .without-box { border: none; padding: 0px; background-image: none; } .hide-tab { position: absolute; top: 0; left: -9999px; z-index: 0; visibility: hidden; } .home-page-template .b-tabs .tab-panes .tab-content { min-height: 396px;} .b-tabs .fading { border: none; background-image: url(/typo3conf/ext/t3org_template/css/../i/tab_background.png); background-repeat: no-repeat; } /* Lite Tabs Container ------------------------------ */ .d .lite-tabs li a { padding: 0 13px; background: url(/typo3conf/ext/t3org_template/css/../i/s-buttons.png) repeat-x 0 -64px; } .d .lite-tabs .act a { background: #FFF; } .lite-tab-panes { border-width: 1px 0 0; margin-top: -1px; padding: 18px 0; color: #545454; } .lite-tab-panes-black { border-width: 1px 0 0; margin-top: -1px; padding: 18px 0; } .tab-panes .lite-tab-panes-black { border-top: 1px solid #c8c8c8; } /* Orange Tabs Container ------------------------------ */ .d .orange-tabs { overflow: visible; height: 31px; } .orange-tabs li { position: relative; } .orange-tabs li a { color: #ff8700; } .orange-tabs li a:hover, .orange-tabs li a:focus { background: #fcfcfc; color: #ff8700; } .d .orange-tabs .act { border-color: #e87c0c; margin-left: -1px; text-indent: 1px; } .orange-tabs .act a:hover, .orange-tabs .act a:focus, .orange-tabs .act a { background: #ff8700 url(/typo3conf/ext/t3org_template/css/../i/orange-tabs.png) repeat-x 0 0; border-color: #ff8700; color: #FFF; } .orange-tabs .act + li a { border: 0; padding-left: 1px; } .orange-tabs li .icon, .orange-tabs li a:before { content: ''; position: absolute; visibility: hidden; left: 50%; bottom: -6px; width: 14px; height: 6px; margin-left: -7px; background: url(/typo3conf/ext/t3org_template/css/../i/s-icons.png) no-repeat -23px -15px; z-index: 10; } .orange-tabs .act .icon, .orange-tabs .act a:before { visibility: visible; } /* Accordion ------------------------------ */ .accordion { border: 1px solid #c8c8c8; border-width: 0 1px 1px; overflow: hidden; margin: 0 0 17px 0; } .accordion .a-h { color: #000; font-size: 12px; font-weight: normal; margin: 0; border-top: 1px solid #c8c8c8; padding: 6px 0 5px; cursor: pointer; background: #EEE url(/typo3conf/ext/t3org_template/css/../i/header.png) repeat-x 0 0; -o-user-select: none; -webkit-user-select: none; -moz-user-select: -moz-none; -khtml-user-select: none; -ms-user-select: none; user-select: none; } .accordion .a-h:hover, .accordion .a-h:focus { background: #fbfbfb; } .a-h span { display: block; padding: 0 25px; line-height: 18px; background: url(/typo3conf/ext/t3org_template/css/../i/i-arrows.png) no-repeat -1302px -76px; } .accordion .a-body { border-top: 1px solid #C8C8C8; padding: 0 15px 0 25px; overflow: hidden; } .a-h.open span { font-weight: bold; background-position: -1342px -34px; } .accordion .open:hover, .accordion .open:focus { background: #EEE url(/typo3conf/ext/t3org_template/css/../i/header.png) repeat-x 0 0; } .a-content { padding-top: 13px; } .accordion .a-body { height:auto; max-height:1500px; transition: max-height .3s } .accordion .a-body.a-body__open{ max-height:1500px; transition: max-height .3s } .accordion .a-body.a-body__close{ max-height:0; transition: max-height .3s } /* Simple Accordion ------------------------------ */ .simple .open { background: #FFF; } .simple .a-body { border-color: #FFF; } .simple .a-h span { font-weight: bold; background-position: -1225px -154px;} .simple .a-h.open span { background-position: -1265px -115px; } .simple .a-content { padding: 0; } .simple .a-h.open:focus, .simple .a-h.open:hover { background: #FFF; } /* Custom Accordion ------------------------------ */ #page .custom .open { background: #FFF; } .custom .a-body { border-color: #FFF; } .custom .a-content { padding: 0; } /* Horizontal accordion styles ------------------------------ */ .h-accordion { overflow: hidden; background: #eee url(/typo3conf/ext/t3org_template/css/../i/h-accordion-bg.png) repeat-x 0 0; border: 1px solid #c8c8c8; border-width: 1px 1px 1px 0; margin-bottom: 20px; } .h-accordion .h-a-block { width: 101%; overflow: hidden; padding: 0; margin: 0; } .h-accordion .h-a-item { float: left; width: 236px; border-left: 1px solid #c8c8c8; padding: 0; background: url(/typo3conf/ext/t3org_template/css/../i/h-a-item.png) top right repeat-y; overflow: hidden; } .h-accordion .h-a-item.last { background: none; } .h-accordion .h-a-body { width: 424px; padding: 18px 25px 0; position: relative; } .h-accordion .b-wi-pic { margin-right: 26px; } .h-a-body h3 { color: #000; margin-bottom: 12px; } .h-a-body a.bu { position: absolute; top: 150px; } .h-accordion .h-a-body a.bu { position: relative; top: auto; } /* Blocks ------------------------------ */ .block-header { border: 1px solid #e87c0c; background: #ff8700 url(/typo3conf/ext/t3org_template/css/../i/featured.png) repeat-x 0 0; padding: 6px 13px 5px; color: #FFF; font-weight: bold; } .block-content { border: 1px solid #C8C8C8; background: #F7F7F7; padding: 18px 18px 0; margin-bottom: 20px; } .block-header + .block-content { border-top-width: 0; } /* Home Slider --------------------------------------- */ #top-slider .slide-content { position: absolute; top: 33px; left: 30px; width: 433px; padding: 27px 40px 13px; /*background: url(/typo3conf/ext/t3org_template/css/../i/slider-content-bg.png) 0 0;*/ color: #FFF; } #top-slider .slide-content, .b-keyvisual .slide-content { background: url(/typo3conf/ext/t3org_template/css/../i/opacity-black-30.png); } #top-slider .slide-black { background: #000; } #top-slider .slide-trans { background: transparent; } #top-slider .slider-nav h6 { color: #ff8700; font-size: 13px; margin: 0; padding: 15px 0 0; font-weight: bold; } #top-slider .slide-content h1, #top-slider .slide-content h2, #top-slider .slide-content h3, #top-slider .slider-nav .active h6 { color: #FFF; } #top-slider .slide-content h2, #top-slider .slide-content h3 { margin: 0; font-family:Share; font-style: italic; } #top-slider .slide-content h1, #top-slider .slide-content h2 { margin: 0 0 5px 0; font-size:27px; } #top-slider .slide-content h3 { margin: 0 0 12px 0; } .slide-content h1, #top-slider .slide-content h2 { font-family:Share; font-weight:bold; } .slide-content-text, #top-slider .slide-content-text { opacity: 0.5; -moz-opacity: 0.5; } .slider { position:relative; overflow: hidden; } .slide-img { position:absolute; left:0; top:0; } .slides { position:relative; overflow:hidden; width:40000em; } .slides > li { position:relative; float:left;} .slider-nav { overflow:hidden;} #top-slider a.stageFullyLink { width: 982px; height: 282px; position: absolute; left: 0px; top: 0px; } #top-slider { margin-top: 10px; margin-bottom: 25px; overflow: hidden; } #top-slider .slides { height:282px; margin-bottom:0;} #top-slider li.slide { width:982px;height:282px; position: absolute; padding-left: 0px; background: #fff url(/typo3conf/ext/t3org_template/css/../i/ajax-preloader.gif) no-repeat scroll 50% 50%; display:none;} .js-off #top-slider li.slide.first { display:block; } #top-slider .slider-nav { margin-top:-9px; position:relative;} #top-slider .slider-nav > li { width:245px; height:75px; background:transparent url(/typo3conf/ext/t3org_template/css/../i/top-slider.png) no-repeat right 10px; float:left; cursor:pointer; padding-left: 0px; } #top-slider .slider-nav > li:hover { background-position: 100% -141px; } #top-slider .slider-nav > li > .d { border-left:1px solid #fff; margin-top:9px; padding:0 10px 10px 21px; color: #8c8c8c; } #top-slider .slider-nav .active:hover, #top-slider .slider-nav .active { background-position:right -66px; } #top-slider .slider-nav .active .d { color: #ffdca5; } #top-slider .slider-nav > li:first-child { width:246px;} #top-slider .slider-nav > li:first-child > .d { border:0;} /* Small slider ------------------------------ */ .small-slider .slider-content { width: 223px; overflow: hidden; float: left; } #page .small-slider li { padding: 0; background: none; } .small-slider h6 { font-weight: bold; margin-bottom:4px;} .small-slider .slider-nav { float: left; margin: 22px 0 0 10px; } .small-slider .slider-nav .ico { position: absolute; left: 8px; top: 8px; } .small-slider .slider-nav li { float: left; width: 23px; height: 25px; margin-left: 4px; position: relative; } .small-slider .slider-nav li:first-child { margin-left: 0; } .small-slider .slider-nav a { display: block; height: 23px; border: 1px solid #d3d3d3; background: url(/typo3conf/ext/t3org_template/css/../i/s-buttons.png) repeat-x scroll 0 -64px; } .small-slider .slider-nav a:focus, .small-slider .slider-nav a:hover { background: #fcfcfc; } /* Video Small slider --------------------------------------- */ .video-slider { } .video-slider .slider-content { width: 219px; } .video-slider .slide { width: 219px; } .video-slider h6 { line-height: 14px; margin: 10px 0 9px 0; } .video-slider .slide-video { } .video-slider .slide-video img { display: block; } .video-slider .slide-text { padding: 0 55px 0 0; } .video-slider .slider-nav { position: absolute; top: 151px; right: 0; margin: 0; } /* Opacity backgrounds --------------------------------------- */ #page .opacity-black-30 { background: url(/typo3conf/ext/t3org_template/css/../i/opacity-black-30.png); } #page .opacity-black-50 { background: url(/typo3conf/ext/t3org_template/css/../i/opacity-black-50.png); } #page .opacity-black-80 { background: url(/typo3conf/ext/t3org_template/css/../i/opacity-black-80.png); } #page .opacity-white-30 { background: url(/typo3conf/ext/t3org_template/css/../i/opacity-white-30.png); } /* BEN: References slider --------------------------------------- */ #references { position:relative; } #references .scrollable { position:relative; overflow:hidden; width: 291px; height: 150px; } .scrollable .items { position:absolute; width:9999px; margin-bottom:0; list-style: none; } .scrollable .items>div { position:relative; float:left; padding-left:0; background:none; } #references a { color:inherit; } div.prev, div.next { /*position:absolute;*/ overflow:hidden; display:inline-block; width:23px; height:25px; text-indent:-9999px; background: #f1f1f1 url(/typo3conf/ext/t3org_template/css/../i/i-arrows.png) no-repeat; margin: 5px 0px 0px 0px; cursor:pointer; } div.prev { background-position:-533px -244px; } div.prev:hover { background-position:-427px -354px; } div.next { background-position:-480px -299px; } div.next:hover { background-position:-374px -409px; } #references div.next { top:23px; right:0; } #references div.prev { top:23px; right:28px; } /* :NEB */ /* BEN: Random user profiles --------------------------------------- */ #randomUserProfiles { } #randomUserProfiles ul { margin-bottom:0; } #randomUserProfiles li { position:relative; float:left; width:55px; height:62px; padding-left:0; margin:0 10px 5px 0; background:transparent url(/typo3conf/ext/t3org_template/css/../i/forge-li-bg.png) no-repeat; cursor:pointer; } #randomUserProfiles img, .tx-comments-user-avatar img { padding:5px 7px 8px 7px; } .tx-comments-comment-name.b-comment-author img { display: block; margin-bottom: 10px; } #randomUserProfiles h6 { font-weight:bold; } #randomUserProfiles p { margin-bottom:5px; } #randomUserProfiles .hover { display:none; position:absolute; top:-115px; left:25px; width:174px; height:106px; padding:12px 13px; font-size:11px; color:#fff; background:transparent url(/typo3conf/ext/t3org_template/css/../i/forge-hover-bg.png) no-repeat; z-index:1; } #randomUserProfiles li:hover .hover { display:block; } /* Headers group --------------------------------------- */ .hgroup h1, .hgroup h2, .hgroup h3, .hgroup h4 { margin: 0; } .hgroup { margin-bottom: 7px; } .h2-big h2 { margin-bottom: 16px; } .h4-big h4 { font-size: 18px; } /* for rss feed links for news */ .header-icon {position: absolute; top: 6px; right: 0;} /* Social item --------------------------------------- */ .b-social-item, .tx-twittersearch-pi1 .entry { font-size: 11px; line-height: 13px; margin: 16px 0; } .b-social-item h5 { font-weight: bold; font-size: 12px; line-height: 15px; margin: 0 0 6px 0; } .b-social-item p, .tx-twittersearch-pi1 .content { margin: 0 0 0px 0; } .b-social-item-date { color: #8c8c8c; } .tx-twittersearch-pi1 .content a { color:#000; } .tx-twittersearch-pi1 .entry .author a { color:#aaa; } #page .tx-twittersearch-pi1 .entry { background: none repeat scroll 0 0 transparent; border: medium none; padding: 0px; margin:0px 0px 10px 0px } #communityfeed .message { margin-bottom:10px; line-height: 13px; } #communityfeed .message a { color:#000; text-decoration: none; font-size:11px; display: inline-block; } #communityfeed .message a:focus { text-decoration: underline; } #communityfeed .message .date, #communityfeed .message .date a { color:#aaa; font-size:11px; } #twitter-ticker .ajax-preloader, #facebook-ticker .ajax-preloader { margin-bottom:10px; } /* Most block & List ------------------------------ */ .most-block { padding-top: 4px; } .d .most-list { border: 0; } .d .most-list li { padding: 9px 10px; } .d .most-list li:first-child { border-top: 0; } /* Extension List ------------------------------ */ .d .extension-list li { background: none; padding: 0; margin-bottom: 26px; overflow: hidden; border: 1px solid #b9b9b9; border-width: 0 1px 1px 0; line-height: 16px; } .d .extension-list dl { margin: 0; } .ext-header { background: #f5f5f5; padding: 7px 20px 6px 16px; border-top: 1px solid #b9b9b9; border-left: 1px solid #b9b9b9; } .ext-header dt, .extension-list .hidden { position: absolute; left: -999px; z-index: -100; visibility: hidden; } .ext-header dd { color: #a5a5a5; font-variant: small-caps; display: inline-block; } .d .state, .d .ext-name { font-size: 16px; font-variant: normal; } .ext-name a { color: #ff8700; text-decoration: none; } .ext-name a:focus, .ext-name a:hover { text-decoration: underline; } .state { float: right; color: #a4a4a4; } .ext-info { overflow: hidden; } .ext-info .left { float: left; width: 67%; overflow: hidden; } .ext-info .right { margin-left: 67%; } .ext-info .left dl { float: left; width: 50%; } .ext-info dt { color: #000; font-weight: bold; } .ext-info dd.changelog { height: 80px; overflow: auto; } .ext-info .bottom { clear: both; } .ext-info dt, .ext-info .left dd, .ext-info .right dd { padding: 8px 16px 7px; border: 1px solid #b9b9b9; border-width: 1px 0 0 1px; } .ext-info .bottom { border-top: 1px solid #b9b9b9; } .ext-info .bottom div { float: right; padding: 18px 21px 0 0; } .ext-info .bottom dt { padding: 7px 0 0 16px; border-top: 0; margin-right: 33%; } .ext-info .bottom dd { padding: 0 0 6px 16px; border-left: 1px solid #b9b9b9; min-height: 30px; margin-right: 33%; } /* BEN: TER1 */ .tx-terfe-pi1 {} .tx-terfe-pi1 ul.extensions { margin-bottom:0; float:none; } .tx-terfe-pi1 .quick-search { /*float:none; margin-left:10px;*/ top:-5px; } .tx-terfe-pi1 .ext-name { font-family: Share; } .tx-terfe-pi1 .state { font-family: Share; font-style: italic; } .tx-terfe-pi1 ul.extensions li { margin-bottom:25px; } ul.tabs li.active a { border-left:0; color:#fff; background-position:0 -32px; } .tx-terfe-pi1 ul li { padding-left:0; border-right:1px solid #b9b9b9; border-bottom:1px solid #b9b9b9; background:none; } .tx-terfe-pi1 ul li.files, .tx-terfe-pi1 ul li.feedbackform, .tx-terfe-pi1 ul li.terfe-rating-form { border:0 none; } .tx-terfe-pi1 dl { margin-bottom:0; } .tx-terfe-pi1 dl.ext-header { /*padding-left:12px;*/ padding-top:3px; pading-bottom:9px; } .tx-terfe-pi1 dd { min-height:18px; } .tx-terfe-pi1 dd.state { margin-top:4px; } .tx-terfe-pi1 dd.ext-icon { position:relative; width:20px; } .tx-terfe-pi1 dd.ext-icon img { position:absolute; top:5px; } .tx-terfe-pi1 dd.changelog { height:86px; overflow:auto; } .tx-terfe-pi1 .ext-info .bottom dd { min-height:18px; padding-bottom:7px; } .tx-terfe-pi1 .ext-info dl.deps dd { height:54px; overflow:auto; } .tx-terfe-pi1 .ext-info dt.hidden { display:none; } .tx-terfe-pi1 .ext-info dl.deps dt { background-color:#f5f5f5; } .tx-terfe-pi1 .ext-info dl.deps ul, .tx-terfe-pi1 .ext-info dl.deps p { margin-bottom:0; } .tx-terfe-pi1 .ext-info dl.deps ul li { border:0; margin-bottom:0; } .tx-terfe-pi1 table th { padding:8px 16px 7px; color:#000; background-color:#f5f5f5; } .tx-terfe-pi1 table td { padding:0 16px; } .tx-terfe-pi1 table td.filesize { white-space:nowrap; } /* Sharing code with snippets here */ .tx-terfe-pi1 pre#ter_fe_preview, pre#pastecode-code-c { padding:0 0 0 20px; background:#ddd; font-size:11px; } .tx-terfe-pi1 pre#ter_fe_preview ol, pre#pastecode-code-c ol { margin-bottom:0; } .tx-terfe-pi1 pre#ter_fe_preview ol li, pre#pastecode-code-c ol li { padding:0 0 0 3px; border:0; margin:0 0 0 25px; font-family: 'Courier New',Courier,monospace; font-weight:bold; list-style:decimal-leading-zero; background:none; } .tx-terfe-pi1 pre#ter_fe_preview ol li:nth-child(2n+1), pre#pastecode-code-c ol li:nth-child(2n+1) { background-color:#f5f5f5; } .tx-terfe-pi1 pre#ter_fe_preview ol li:nth-child(2n), pre#pastecode-code-c ol li:nth-child(2n) { background-color:#fefefe; } .tx-terfe-pi1 pre#ter_fe_preview ol li span, pre#pastecode-code-c ol li span { position:static; top:auto; left:auto; } ul.ter_doc_html_toc li { background-image: none; } ul.ter_doc_html_toc li.level-3 { padding-left: 30px; list-style:square inside; } div.tx-terdoc-pi1 div.orderedlist ol { margin-left: 0; } div.tx-terdoc-pi1 div.orderedlist ol li { padding-left: 20px; background: url(/typo3conf/ext/t3org_template/css/../i/i-arrows.png) no-repeat -1152px -235px; } /* :NEB */ /* Boris */ div.tx-terdochtml h3, div.tx-terdochtml h4 { margin-top: 40px; } /* Pager ------------------------------ */ .d .b-pager { overflow: hidden; } .d .b-pager li { cursor:pointer; float: left; padding: 0; display: inline-block; width: 24px; height: 23px;overflow:hidden; margin-right: 6px; color: #000; font-size: 11px; border: 1px solid #bfbfbf; background: url(/typo3conf/ext/t3org_template/css/../i/b-pager.png) repeat-x 0 0; text-align: center; line-height: 23px; } .d .b-pager li:hover {background:none;} .d .b-pager a { text-decoration: none; display: block; line-height: 24px; color: #575757; text-align: center; } .d .b-pager li.act { background: #FFF; border-color: #bfbfbf; text-align: center; line-height: 24px; } .d .b-pager li.hellip { background: none; border-color:#fff; width:16px; } .d .b-pager li.pager-first a, .d .b-pager li.pager-prev a, .d .b-pager li.pager-next a, .d .b-pager li.pager-last a { background:url('/typo3conf/ext/t3org_template/css/../i/i-arrows.png') top left no-repeat; line-height:21px; text-indent:100px;white-space:nowrap;} .d .b-pager li.pager-prev a { background-position:-33px top;} .d .b-pager li.pager-next a { background-position:left -23px;} .d .b-pager li.pager-last a { background-position:-33px -23px;} .video { margin: 27px 0 16px; } .post-info { font-size: 11px; color: #BBB; line-height: 12px; } /* Search page ------------------------------ */ .sort-search { float: right; font-size: 11px; text-align: right; line-height: 28px; z-index: 100; } .sort-search label { padding: 0 10px 0 20px; } .d .search-info { font-size: 10px; color: #bdbdbd; margin: 0; text-align: right; } .search-info:first-child { text-align: left; } .tx-solr-relevance-bar { width: 75px; float: right; margin: 5px 0 0 8px; height: 8px; line-height: 1px; font-size: 1px; background: url(/typo3conf/ext/t3org_template/css/../i/relevance.png) repeat-x 0 0;} .tx-solr-relevance { float: left; height: 8px; padding: 0; line-height: 1px; font-size: 1px; background: url(/typo3conf/ext/t3org_template/css/../i/relevance.png) repeat-x 0 -8px; } .results-highlight { color: #E87C0C; font-weight: bold; } #page .b-search h2 { margin-bottom: 3px; } #page .b-search h2 a { color: #000000; text-decoration: none; } .tx-solr .tx-solr-search-form { background-color: #FCFCFC; border: 1px solid #dadada; padding: 8px 10px; position: relative; } .tx-solr .tx-solr-search-form select.facet-item { width: 96%; } .tx-solr .tx-solr-search-form-references input#ter-ext-list-search-needle { width: 597px; } #tx-solr-q { background: url(/typo3conf/ext/t3org_template/css/../i/s-buttons.png) repeat-x scroll 0 -94px transparent; border: 1px solid #dbdbdb; font-size: 11px; padding: 4px; width: 415px; margin-right: 5px; margin-top: -1px; } #tx-solr-search-form-query { float: left; } #tx-solr-search-form-resultsPerPage { float: right; height: 25px; line-height: 25px; } .b-search-result-info { color: #B9B9B9; font-size: 11px; padding: 18px 0px 9px; } .search-result-document { padding: 15px 10px; border-bottom: 1px solid #d1d1d1; } .search-result-document:hover { background: url(/typo3conf/ext/t3org_template/css/../i/search/bg_row_hover.png) repeat-x left bottom; } .tx-solr-search-no-results { margin-top: 20px; } .tx-solr .tx-pagebrowse-pi1 { margin-top: 20px; } .b-filter-list a.active-filter { color: #000; font-weight: normal; background: url(/typo3conf/ext/t3org_template/css/../i/i-arrows.png) no-repeat -552px -72px; } /* Banner block --------------------------------------- */ .b-banner { border: 1px solid #dbdbdb; font-size: 11px; line-height: 14px; padding: 14px 14px 0 14px; } .b-banner-pic { margin: 0 -14px 10px -14px; } .b-banner img { display: block; margin: 0 auto; } .b-banner h3 { color: #6a6a6a; } .b-banner h3 span { font-size: 24px; } .b-banner p { } /* Filter ------------------------------ */ .b-filter { padding-top: 18px; } .b-filter-head h4 { font-family:Share; font-size: 16px; margin-bottom: 5px; } .b-filter-list { margin-bottom: 16px; } .b-filter-list li { background: url(/typo3conf/ext/t3org_template/css/../i/nav-aside.png) no-repeat 0 0; } .b-filter-list a { display: inline-block; color: #ff8700; font-weight: bold; text-decoration: none; padding: 5px 0; width: 100%; } .b-filter-list li:first-child { background: none; } .b-filter-list span { font-weight: normal; } .b-filter-list li.cur a, .active-filter-list li a { color: #000; font-weight: normal; background: url(/typo3conf/ext/t3org_template/css/../i/i-arrows.png) no-repeat -552px -72px; } /* Specialist filter page styles ------------------------------ */ #map_canvas { margin-bottom: 18px; border: 1px solid #c6cbd0; width: 708px; height: 304px; } .speacialist-search { position: relative; margin-bottom: 32px; background: #fcfcfc; border: 1px solid #dadada; padding: 8px 10px; } .speacialist-search span { position: absolute; top: 10px; left: 15px; font-size: 11px; } .speacialist-search input { background: transparent url(/typo3conf/ext/t3org_template/css/../i/s-buttons.png) repeat-x 0 -94px; border: 1px solid #DBDBDB; padding: 4px; width: 415px; font-size: 11px; } .speacialist-search button { margin: -1px 0 0 5px; } /* Specialist list styles ------------------------------ */ .d .specialist-list th { border: 0; padding: 17px 0 3px; background: none; font-size: 11px; } .d .specialist-list td { border: 1px solid #dbdbdb; border-width: 1px 0 0; padding: 15px 0 13px; background: none; } .specialist-list p { margin: 0; } .s-membership { width: 86px; } .s-membership img { margin-left: 17px; } .s-services { width: 93px; } .s-services .ico { margin: 8px 4px 0 0; } #page .s-location { width: 172px; } .s-location-link { position: relative; float: right; background: url(/typo3conf/ext/t3org_template/css/../i/featured.png) repeat 0 0; border: 1px solid #E87C0C; width: 23px; height: 23px; margin: 6px 0 0 10px; } .specialist-list .disabled { opacity: 0.2; } .s-location-link .i-arr-right { float: left; margin: 7px 0 0 9px; } .specialist-list tfoot td { text-align: right; font-size: 11px; color: #9e9e9e; } .specialist-list tfoot .ico { margin-left: 16px; margin-right: 8px;} .specialist-list tfoot span { color: #000; } .specialist-list a.s-external-link { color:#B9B9B9; background:url(/typo3conf/ext/t3org_template/css/../i/i-externallink.png) right center no-repeat; padding-right:17px; } /* Specialist filter styles ------------------------------ */ .specialist-filter { padding-top: 11px; } .specialist-filter h3 { margin: 0 0 13px 1px; font-size: 15px; } .specialist-filter h4 { margin: 0 0 3px 1px; font-size: 14px; } #page .specialist-filter .hr { margin-bottom: 13px; } #page .s-filter-list { overflow: hidden; padding: 5px 0; margin: 0; } #page .s-filter-list li { position: relative; padding: 1px 0 3px; overflow: hidden; background: none; font-size: 11px; } #page .s-filter-list img { float: left; margin: -4px 0 0 0; } /* Overlay dialogs ------------------------------ */ .hidden-dialogs { position: absolute; top: -99999px; left: -99999px; z-index: 0; visibility: hidden; } .b-dialog { width: 486px; height: 178px; padding: 10px 14px; overflow: hidden; } .b-dialog h2 { margin-bottom: 16px; } /* Page gallery ------------------------------------------------------------------------------------------ */ .p .gallery { overflow:hidden; margin-right:-10px;} .p .gallery > li, .p .gallery > li.hovered .image { background:transparent url(/typo3conf/ext/t3org_template/css/../i/gallery.png) no-repeat -175px 0;} .p .gallery > li { width:165px; height:152px; margin:0 10px 10px 0; float:left; padding:0;} .p .gallery .image { height:152px; padding:21px 0 0 167px; position:relative; overflow:hidden; z-index:10; color:#fff; line-height:16px;} .p .gallery .image a { position:absolute; left:20px; top:22px;} .p .gallery .image a img { border:1px solid #e7e7e7; max-width:119px; height:auto;} .p .gallery .image h5 { margin-bottom:1px; } .p .gallery .image .date { color:#c3c3c3; margin-bottom:2px;} .p .gallery .image a.bu { position:relative; top:auto; left: auto;} .p .gallery > li.group { background-position:0 0;} .p .gallery > li.hovered .image { width:152px; background-position:0 -152px; z-index:30; padding:21px 20px 0 167px;} .p .gallery > li.hovered .image a img { border-color: #aaaaaa;} .p .gallery > li.right.hovered .image { padding:21px 167px 0 20px; } .p .gallery > li.right.hovered .image { float:right; } .p .gallery > li.right.hovered .image a { left:auto; right:24px;} .p .gallery > li.right.hovered .image a.bu { right:auto; } .p .wallpaper > li, .p .wallpaper .image { height:125px;} .p .wallpaper > li, .p .wallpaper > li.hovered .image { background-image:url(/typo3conf/ext/t3org_template/css/../i/wallpaper.png);} /* .p .gallery > li.nohover.hovered .image { padding:0 0 0 167px; background-position:-175px 0; } .p .gallery > li.nohover.hovered .image a img { border-color:#e7e7e7;} .p .gallery > li.group.nohover.hovered .image { background-position:0 0;}*/ /* END Page gallery ------------------------------------------------------------------------------------------ */ /* FancyBox - jQuery Plugin --------------------------------------*/ #fancybox-loading { position: fixed; top: 50%; left: 50%; width: 40px; height: 40px; margin-top: -20px; margin-left: -20px; cursor: pointer; overflow: hidden; z-index: 1104; display: none; } #fancybox-loading div { position: absolute; top: 0; left: 0; width: 40px; height: 480px; background-image: url(/typo3conf/ext/t3org_template/css/../i/fancybox/fancybox.png); } #fancybox-overlay { position: absolute; top: 0; left: 0; width: 100%; z-index: 1100; display: none; } #fancybox-tmp { padding: 0; margin: 0; border: 0; overflow: auto; display: none; } #fancybox-wrap { position: absolute; top: 0; left: 0; /*padding: 29px 25px 40px 45px;*/ padding:10px 0 10px 10px; z-index: 1101; outline: none; display: none; background:#fff; } #fancybox-outer { position: relative; width: 100%; height: 100%; background: #fff; /*padding-top:42px;*/} #fancybox-content { width: 0; height: 0; padding: 0; outline: none; position: relative; overflow: hidden; z-index: 1102; border:0!important; } #fancybox-hide-sel-frame { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: transparent; z-index: 1101; } #fancybox-close { display:block; width:14px; height:14px; background:red url(/typo3conf/ext/t3org_template/css/../i/i-arrows.png) no-repeat -586px -200px; position:absolute; right:-10px; top:-16px; z-index: 9999; cursor:pointer; display:none;} #fancybox-title { position:absolute; top:0!important; left:0!important; bottom:auto!important; margin:0!important; font-size:20px; color:#000000; } .fancybox-bg { display:none;} #fancybox-left, #fancybox-right { position: absolute; bottom: 0px; height: 100%; width: 35%; cursor: pointer; outline: none; background: transparent url(/typo3conf/ext/t3org_template/css/../i/fancybox/blank.gif); z-index: 1102; display: none; } #fancybox-left { left: 0px } #fancybox-right { right: -2px } #fancybox-left-ico, #fancybox-right-ico { position: absolute; top: 170px; left: -9999px; width: 53px; height: 32px; margin-top: -15px; cursor: pointer; z-index: 1102; display: block; background:transparent url(/typo3conf/ext/t3org_template/css/../i/fancy-nav.png) no-repeat 0 0;} #fancybox-left:hover, #fancybox-right:hover { visibility: visible; } #fancybox-left:hover span { left: 20px } #fancybox-right:hover span { left: auto; right: 20px; } /* FancyBox - jQuery Plugin --------------------------------------*/ /*#fancybox-loading { position: fixed; top: 50%; left: 50%; width: 40px; height: 40px; margin-top: -20px; margin-left: -20px; cursor: pointer; overflow: hidden; z-index: 1104; display: none; } #fancybox-loading div { position: absolute; top: 0; left: 0; width: 40px; height: 480px; background-image: url(/typo3conf/ext/t3org_template/css/../i/fancybox/fancybox.png); } #fancybox-overlay { position: absolute; top: 0; left: 0; width: 100%; z-index: 1100; display: none; } #fancybox-tmp { padding: 0; margin: 0; border: 0; overflow: auto; display: none; } #fancybox-wrap { position: absolute; top: 0; left: 0; padding: 20px; z-index: 1101; outline: none; display: none; } #fancybox-outer { position: relative; width: 100%; height: 100%; background: #fff; } #fancybox-content { width: 0; height: 0; padding: 0; outline: none; position: relative; overflow: hidden; z-index: 1102; border: 0px solid #fff; } #fancybox-hide-sel-frame { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: transparent; z-index: 1101; } #fancybox-close { position: absolute; top: -15px; right: -15px; width: 30px; height: 30px; background: transparent url(/typo3conf/ext/t3org_template/css/../i/fancybox/fancybox.png) -40px 0px; cursor: pointer; z-index: 1103; display: none; } #fancybox-error { color: #444; font: normal 12px/20px Arial; padding: 14px; margin: 0; } #fancybox-img { width: 100%; height: 100%; padding: 0; margin: 0; border: none; outline: none; line-height: 0; vertical-align: top; } #fancybox-frame { width: 100%; height: 100%; border: none; display: block; } #fancybox-left, #fancybox-right { position: absolute; bottom: 0px; height: 100%; width: 35%; cursor: pointer; outline: none; background: transparent url(/typo3conf/ext/t3org_template/css/../i/fancybox/blank.gif); z-index: 1102; display: none; } #fancybox-left { left: 0px } #fancybox-right { right: 0px } #fancybox-left-ico, #fancybox-right-ico { position: absolute; top: 50%; left: -9999px; width: 30px; height: 30px; margin-top: -15px; cursor: pointer; z-index: 1102; display: block; } #fancybox-left-ico { background-image: url(/typo3conf/ext/t3org_template/css/../i/fancybox/fancybox.png); background-position: -40px -30px; } #fancybox-right-ico { background-image: url(/typo3conf/ext/t3org_template/css/../i/fancybox/fancybox.png); background-position: -40px -60px; } #fancybox-left:hover, #fancybox-right:hover { visibility: visible; } #fancybox-left:hover span { left: 20px } #fancybox-right:hover span { left: auto; right: 20px; } .fancybox-bg { position: absolute; padding: 0; margin: 0; border: 0; width: 20px; height: 20px; z-index: 1001; } #fancybox-bg-n { top: -20px; left: 0; width: 100%; background-image: url(/typo3conf/ext/t3org_template/css/../i/fancybox/fancybox-x.png); } #fancybox-bg-ne { top: -20px; right: -20px; background-image: url(/typo3conf/ext/t3org_template/css/../i/fancybox/fancybox.png); background-position: -40px -162px; } #fancybox-bg-e { top: 0; right: -20px; height: 100%; background-image: url(/typo3conf/ext/t3org_template/css/../i/fancybox/fancybox-y.png); background-position: -20px 0px; } #fancybox-bg-se { bottom: -20px; right: -20px; background-image: url(/typo3conf/ext/t3org_template/css/../i/fancybox/fancybox.png); background-position: -40px -182px; } #fancybox-bg-s { bottom: -20px; left: 0; width: 100%; background-image: url(/typo3conf/ext/t3org_template/css/../i/fancybox/fancybox-x.png); background-position: 0px -20px; } #fancybox-bg-sw { bottom: -20px; left: -20px; background-image: url(/typo3conf/ext/t3org_template/css/../i/fancybox/fancybox.png); background-position: -40px -142px; } #fancybox-bg-w { top: 0; left: -20px; height: 100%; background-image: url(/typo3conf/ext/t3org_template/css/../i/fancybox/fancybox-y.png); } #fancybox-bg-nw { top: -20px; left: -20px; background-image: url(/typo3conf/ext/t3org_template/css/../i/fancybox/fancybox.png); background-position: -40px -122px; } #fancybox-title { font-family: Helvetica; font-size: 12px; z-index: 1102; } .fancybox-title-inside { padding-bottom: 10px; text-align: center; color: #333; background: #fff; position: relative; } .fancybox-title-outside { padding-top: 10px; color: #fff; } .fancybox-title-over { position: absolute; bottom: 0; left: 0; color: #FFF; text-align: left; } #fancybox-title-over { padding: 10px; background-image: url(/typo3conf/ext/t3org_template/css/../i/fancybox/fancy_title_over.png); display: block; } .fancybox-title-float { position: absolute; left: 0; bottom: -20px; height: 32px; } #fancybox-title-float-wrap { border: none; border-collapse: collapse; width: auto; } #fancybox-title-float-wrap td { border: none; white-space: nowrap; } #fancybox-title-float-left { padding: 0 0 0 15px; background: url(/typo3conf/ext/t3org_template/css/../i/fancybox/fancybox.png) -40px -90px no-repeat; } #fancybox-title-float-main { color: #FFF; line-height: 29px; font-weight: bold; padding: 0 0 3px 0; background: url(/typo3conf/ext/t3org_template/css/../i/fancybox/fancybox-x.png) 0px -40px; } #fancybox-title-float-right { padding: 0 0 0 15px; background: url(/typo3conf/ext/t3org_template/css/../i/fancybox/fancybox.png) -55px -90px no-repeat; }*/ /* IE6 */ .fancybox-ie6 #fancybox-close { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../i/fancybox/fancy_close.png', sizingMethod='scale'); } .fancybox-ie6 #fancybox-left-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../i/fancybox/fancy_nav_left.png', sizingMethod='scale'); } .fancybox-ie6 #fancybox-right-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../i/fancybox/fancy_nav_right.png', sizingMethod='scale'); } .fancybox-ie6 #fancybox-title-over { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../i/fancybox/fancy_title_over.png', sizingMethod='scale'); zoom: 1; } .fancybox-ie6 #fancybox-title-float-left { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../i/fancybox/fancy_title_left.png', sizingMethod='scale'); } .fancybox-ie6 #fancybox-title-float-main { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../i/fancybox/fancy_title_main.png', sizingMethod='scale'); } .fancybox-ie6 #fancybox-title-float-right { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../i/fancybox/fancy_title_right.png', sizingMethod='scale'); } .fancybox-ie6 #fancybox-bg-w, .fancybox-ie6 #fancybox-bg-e, .fancybox-ie6 #fancybox-left, .fancybox-ie6 #fancybox-right, #fancybox-hide-sel-frame { height: expression(this.parentNode.clientHeight + "px") } #fancybox-loading.fancybox-ie6 { position: absolute; margin-top: 0; top: expression( (-20 + (document.documentElement.clientHeight ? document.documentElement.clientHeight/2 : document.body.clientHeight/2 ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop )) + 'px'); } #fancybox-loading.fancybox-ie6 div { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../i/fancybox/fancy_loading.png', sizingMethod='scale'); } /* IE6, IE7, IE8 */ .fancybox-ie .fancybox-bg { background: transparent !important } .fancybox-ie #fancybox-bg-n { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../i/fancybox/fancy_shadow_n.png', sizingMethod='scale') } .fancybox-ie #fancybox-bg-ne { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../i/fancybox/fancy_shadow_ne.png', sizingMethod='scale') } .fancybox-ie #fancybox-bg-e { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../i/fancybox/fancy_shadow_e.png', sizingMethod='scale') } .fancybox-ie #fancybox-bg-se { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../i/fancybox/fancy_shadow_se.png', sizingMethod='scale') } .fancybox-ie #fancybox-bg-s { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../i/fancybox/fancy_shadow_s.png', sizingMethod='scale') } .fancybox-ie #fancybox-bg-sw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../i/fancybox/fancy_shadow_sw.png', sizingMethod='scale') } .fancybox-ie #fancybox-bg-w { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../i/fancybox/fancy_shadow_w.png', sizingMethod='scale') } .fancybox-ie #fancybox-bg-nw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../i/fancybox/fancy_shadow_nw.png', sizingMethod='scale') } /* generic ajax loading animation --------------------------------------*/ .ajax-preloader { display:block; width: 16px; min-height:16px; margin:auto; background:url(/typo3conf/ext/t3org_template/css/../i/ajax-preloader.gif) center center no-repeat; } .xmark { color:#ff8800; font-size:30px;} /* Featurelist */ #c913 a { color:#000; text-decoration: none; } #c913 a:hover, #c913 a:focus { text-decoration: underline; } #c1051 .b-event-item.vevent { min-height:100px; } /* Sitemap ------------------------------ */ .d .sitemap h2, .d .sitemap h2 a { color: #000000; } .d .sitemap h3, .d .sitemap h3 a { color: #6a6a6a; } .d .sitemap .arrow-list ul { background: #ffffff; } .d .sitemap .arrow-list li li { background-position: -272px -515px; } .d .sitemap .arrow-list li li li { background-position: -232px -555px; } /* Ext. pastecode (snippets) ------------------------------ */ div.tx-pastecode-pi2 .snippet-selecttags { margin: 10px 0 0 0; } /* Ext. badges (certification) ------------------------------ */ div.tx-badges .invalid { color: #B9B9B9; } div.tx-badges ul.a2z li { background: none; } div.tx-badges .lite-tabs li a { padding: 0 4px; min-width: 8px; } /* Vimeo ------------------------------ */ ul.vimeo-listing { margin:0; padding: 0; } ul.vimeo-listing li { margin:0 0 35px 0; padding: 0; list-style-type: none; } div.vimeo-list-thumb { float:left; position:relative; width: 152px; height: 115px; background: #000; border: 1px solid #d1d1d1; overflow: hidden; margin-right:15px; } div.vimeo-list-content { float:left;width:332px; } .vimeo-thumb-play { position:absolute; background: url(/typo3conf/ext/t3org_template/css/../i/o-play.png) center center no-repeat; top:0;left:0;bottom:0;right:0;} .vimeo-player { border: 1px solid #d1d1d1; margin-bottom: 23px;} .vimeo-related-box { border: 1px solid #d1d1d1; padding:15px 15px 0 15px; list-style-type:none; } .vimeo-related-box li { margin-bottom:15px; padding:0!important;} .vimeo-related-thumb { display:block; position:relative; border: 1px solid #d1d1d1; overflow: hidden; } .vimeo-related-thumb img, .vimeo-player iframe {display:block;} #vimeoteaser .tab-content { width:220px; overflow:hidden; position:relative; } #vimeoteaser .scrollable { height:220px; } .vimeo-teaser-item { width:220px; } #vimeoteaser div.next { bottom:0; right:0; } #vimeoteaser div.prev { bottom:0; right:28px; } /* #vimeo .vimeo-header { border-bottom: 1px solid #d1d1d1; } #vimeo .vimeo-title { clear:both; } #vimeo .vimeo-posted-by { float:left; } #vimeo .vimeo-posted-on { float:right; } #vimeo-single ul li { background: none; } .vimeo-playbutton { height: 115px; background: url(/typo3conf/ext/t3org_template/css/../i/i-play-button.png) center center no-repeat; z-index: 1000;} .vimeo-related-thumb .vimeo-playbutton { height: 100px; background: url(/typo3conf/ext/t3org_template/css/../i/i-play-button.png) center center no-repeat; z-index: 1000;} .vimeo-teaser-box { overflow: hidden; width:220px; height:214px; } .vimeo-teaser-item { float:left; width:220px; height:140px; background: #000000; } .vimeo-teaser-thumb { background: #000000; overflow: hidden; width:220px; height:140px;} .vimeo-teaser-subthumb { height: 41px; } .vimeo-teaser-more a { color: #ffffff; text-decoration: none; } */ /* EXT: cz_simple_cal event submission */ .b-form { width: 500px; } .b-form-row label { width:160px; } .b-form-inputs { margin:0 0 0 160px; } .b-form-inputs input[type="text"], .b-form-inputs input[type="password"], .b-form-inputs input[type="url"], .b-form-inputs input[type="email"], .b-form-inputs textarea { width: 97%; } .b-form-inputs select { width: 100%; display: inline-block; line-height: 28px; border: 1px solid #dbdbdb; padding: 4px; background-color: white; } #tx-czsimplecal-event-locationCountry { height: 28px; } .b-form-multirow .b-form-inputs label { float:none; width:auto; padding:0 10px; } #tx-czsimplecal-event-startday, #tx-czsimplecal-event-endday { width:75px; } #tx-czsimplecal-event-starttime, #tx-czsimplecal-event-endtime { width:50px; } label[for="tx-czsimplecal-event-locationAddress"], label[for="tx-czsimplecal-event-locationCity"], label[for="tx-czsimplecal-event-locationCountry"] { display:none; } #tx-czsimplecal-event-locationAddress { width:154px; margin-right:9px; } #tx-czsimplecal-event-locationCity { width:154px; } #page input.bu { font-weight:bold; line-height:25px; height:25px; margin-right:10px; } /* EXT: voice */ .tx_voice .userfeedbackformsidenote { width: 280px; float: left; position: absolute; } .tx_voice_button { z-index: 999; background-color: #f4f4f4; border: 1px solid #e4e4e4; cursor: pointer; } .tx_voice_button .tx_voice_button_text { display: block; float: right; } .tx_voice .b-form-inputs { margin: 0 0 0 310px; } .tx_voice_icon { background-image: url(/typo3conf/ext/t3org_template/css/../i/voice/bubble.png); height: 20px; float: left; } /* EXT: t3o_memberlist */ .tx-t3o-membership div ul li { background-image: none; float: left; padding: 5px; } input#t3o_membership_filter { background: transparent url("/typo3conf/ext/ter_fe2/Resources/Public/Images/buttons.png") repeat-x scroll 0 -94px; border: 1px solid #dbdbdb; font-size: 11px; margin-right: 5px; margin-top: -1px; padding: 4px; width: 594px; } /** * News File List * */ .d .news-download-list { margin: 0 0 6px; } .d .news-download-list li { border-bottom: 1px solid #D8D8D8; position: relative; border-top: 1px solid #FFF; padding: 9px 48px; font-size: 10px; color: #8c8c8c; background: none; } .news-download-list h5, .news-download-list p { margin: 0; line-height: 14px; } .news-download-list h5 { font-weight: bold; font-size: 11px; } .news-download-list li:hover { background: #FFF; } .d .news-download-list .last { border-bottom: 0; } .news-download-list .i-save { position: absolute; left: 12px; top: 11px; } .news-download-list .i-arr-down-bigger { position: absolute; right: 8px; top: 16px; } .news-download-list .i-arr-down-bigger { position: absolute; right: 8px; top: 16px; } .news-download-list .i-preview { position: absolute; right: 26px; top: 15px; } .sep { padding: 0 4px; } /** * News Lists * */ .b-news-list3 .b { width: 100%; } .b-news-list2 .g-5, .b-news-list3 .b, .b-top-news .b-news-item { margin: 0 0 35px 0; } .b-news-list3 .b-news-head, .b-news-list2 .b-news-head, .b-top-news .b-news-head { border: 0; } .b-news-list3 h4 a, .b-news-list2 h4 a, .b-top-news h2 a { color: #000000; text-decoration: none; } .b-news-list3 h4 a:hover, .b-news-list3 h4 a:focus, .b-news-list3 h4 a:active, .b-news-list2 h4 a:hover, .b-news-list2 h4 a:focus, .b-news-list2 h4 a:active { text-decoration: underline; } .news-list-category, .b-news-facts span.category-label, .b-news-list3 .b-wi-r .b-wi-pic { float: left; } .b-news-facts span.category-label { margin-right: 3px; } .b-news-facts { border-bottom: 1px solid #D1D1D1; padding-bottom: 7px; overflow: hidden; } .b-news-list3 .b-news-head, .b-news-list2 .b-news-head, .b-news-list3 .b-wi-r { margin-bottom: 7px; } .b-news-list3 .b-wi-text, .b-news-list2 .b-wi-text { margin-bottom: 7px; } .b-news-list3 .b-wi-r .b-wi-pic { margin: 0 10px 0 0; } .b-news-list3 .b-wi-pic img, .b-news-list2 .b-wi-pic img { border: 1px solid #d1d1d1; } .b-news-list2 .news-container { padding-right: 15px; } .b-news-list2 .b-news-head-date { float: left; } .b-news-list2 .cl { clear: both; } .b-news-list2 p.b-wi-text { overflow-x: hidden; } /** * News Latest for most recent top news * */ .b-top-news .b-news-head { margin-bottom: 14px; } .b-top-news .bu a, .b-news-list3 .bu a, .b-news-list2 .bu a { color: #ffffff; text-decoration: none; } .b-top-news .b-wi-pic { margin: 0; } .b-top-news .b-wi-pic img { border: 1px solid #d1d1d1; } .b-top-news .b-wi-text { clear: both; margin-bottom: 10px; } /** * BEN: News list for articles * **/ .articles .b-news-item { margin-bottom:25px; } .articles .b-news-item h2 { font-size:16px; } .articles .b-news-item h2 a { color:#000; text-decoration:none; } .articles .b-news-item-info { border-bottom: 1px solid #D1D1D1; } .articles .b-news-item-info { margin-bottom:4px; } .articles .b-news-item-author, .articles .b-news-item-date { position:relative; float:left; width:66%; font-size:12px !important; } .articles .b-news-item-date { float:right; width:33%; text-align:right; } .articles span.bu { margin-top:4px; } .articles span.bu a { display:block; color:#fff; text-decoration:none; } /* :NEB */ /* Ajaxlogin ------------------------------ */ .tx-ajaxlogin-widget { width: 226px; } #ajaxlogin { background: url(/typo3conf/ext/t3org_template/css/../i/ajax-preloader.gif) center center no-repeat; padding-top: 15px; } .tx-ajaxlogin-widget { background-color: #fff; } #ajaxlogin .ajaxlogin-userimage { float: left; width: 60px; height: 78px; border: 1px solid #d1d1d1; margin-right: 15px; overflow: hidden; } #ajaxlogin .ajaxlogin-statusbox { margin-left: 75px; width: 149px; } #ajaxlogin .ajaxlogin-user { color: #000000;} #ajaxlogin .ajaxlogin-logout a { color: white; text-decoration: none; } #ajaxlogin .tx-ajaxlogin-widget .typo3-message {} .tx-ajaxlogin-widget .typo3-message { border: 0; background: none; padding: 0; background-image: none; min-height: 0; margin-bottom: 10px; } .tx-ajaxlogin-widget .typo3-message:before { background-image: none; } .tx-ajaxlogin-widget .typo3-message-ok, .tx-ajaxlogin-widget .typo3-message-notice { color: black; } .ajaxlogin-logout .dark-grey a { color: white; } .h-bar-nav .close { width: 100%; text-align: right; margin-bottom: 12px; } .h-bar-nav a.ajaxlogin-close { position: absolute; background: url(/typo3conf/ext/t3org_template/css/../i/closebutton.gif) left top no-repeat; font-size: 8px; color: gray; text-decoration: none; text-transform: uppercase; top: 15px; right: 15px; width: 14px; height: 14px; text-indent: 193px; } .h-bar-nav .loading a { color: rgb(200, 200, 200); } .h-bar-nav .loading .i-arr-down-or { background: none; } #ajaxlogin .b-form-inputs { margin-left: 65px; } #ajaxlogin .b-form-inputs input[type="text"], #ajaxlogin .b-form-inputs input[type="password"], #ajaxlogin .b-form-inputs textarea { width: 155px; padding: 2px; } #ajaxlogin .b-form-row label { width: 60px; } #ajaxlogin .b-form-row.wide label { width: 100%; } #ajaxlogin .b-form-row.wide input { width: 220px; } #ajaxlogin .b-form-row.wide .b-form-inputs { margin-left: 0px; } #ajaxlogin button[type="submit"] { float: right; } #ajaxlogin .login-action-links { float: left; } #ajaxlogin .login-action-links a { margin-left: 5px; } #ajaxlogin .login-action-links a:first-child { margin-right: 5px; margin-left: 0; } #tx-ajaxlogin-notice { color: #e80000; margin-bottom: 12px; } #ajaxlogin .ajaxlogin-userstatus { line-height: 12px; } #ajaxlogin .ajaxlogin-logout { margin: 7px 0 0 0; } #ajaxlogin input.permalogin, #ajaxlogin label.permalogin { float: left; } #ajaxlogin label.permalogin { padding-left: 5px; width: auto; } .t3oajaxlogin-flyout-container { padding: 15px 15px 10px 15px; } #ajaxlogin .additional-info { display: none; }/* Event item --------------------------------------- */ .b-event-item { overflow: hidden; margin: 0 0 9px 0; position: relative; } .b-event-item h5 { font-weight: bold; } .b-event-item-place { font-size: 11px; color: #8c8c8c; line-height: 13px; } .b-event-item p { margin: 0 0 3px 0; } .b-event-item-text { overflow: hidden; } .b-event-item-date { float: left; border: 1px solid #e4e4e4; width: 78px; text-align: center; margin: 0 17px 2px 0; color: #707070; padding: 2px 0 0 0; background: #f3f3f3 url(/typo3conf/ext/t3org_template/css/../i/b-event-item-date.png) repeat-x 0 -15px; } .b-event-item-date-big { padding: 9px 0 0 0; background-position: 0 0; } .b-event-item .y { display: block; background: #dadada; margin: 0 -1px -1px -1px; height: 17px; line-height: 17px; color: #000; font-size: 10px; } .b-event-item-date-big .y { height: 22px; line-height: 22px; font-size: 11px; } .b-event-item .m { display: block; font-size: 12px; margin: 0 0 1px 0; } .b-event-item-date-big .m { font-size: 13px; margin: 0 0 3px 0; } .b-event-item .d { display: block; font-size: 25px; } .b-event-item .bu-mini { margin: 10px 0 3px; } .b-next-event-item { } .b-next-event-item h4 { margin: 2px 0 5px 0; } .b-next-event-item .b-event-item-pic { margin: 0 0 10px 0; } .b-next-event-item .b-event-item-pic img{ display: block; } .b-next-event-item .b-event-item-place { margin: 0 0 8px 0; } .b-next-event-item .b-event-item-text { width: 127px; } .b-next-event-item .b-twitter { float: right; } .b-events-cal { font-size: 11px; } .b-event-show { border:#dbdbdb solid 1px; overflow:hidden; } .b-event-list { border:#dbdbdb solid; border-width:0 1px 1px; overflow:hidden; } .vcalendar-event { padding:20px; } div.calendar-archive { overflow:hidden; } .b-archive-year { float:left; width:119px; min-height:156px; padding:17px; } div.b-archive-year { background:url('/typo3conf/ext/t3org_template/css/../i/b-calendar-archive.png') right center no-repeat; } ul.b-archive-year-column { margin:0; } ul.b-archive-year-column li { background:none; padding:0; } a.get-ics { display:inline-block; line-height:17px; padding-left:24px;W margin-left:12px; background:url('/typo3conf/ext/t3org_template/css/../i/calendar-ics.png') center left no-repeat; } .tx-donation-pi-donorlist .contenttable thead th { background: url(/typo3conf/ext/t3org_template/css/../i/s-buttons.png) repeat-x scroll 0 0 transparent; padding: 5px 0 6px 15px !important; border: 1px solid #E87C0C; } .tx-donation-pi-donorlist .contenttable thead a { text-decoration: none; } .tx-donation-pi-donorlist .contenttable tbody tr:nth-child(even) { background-color: #F3F3F3; } #ter-filter-toggle { margin-top: 8px; margin-bottom: 0px; padding-left: 0; background: none; } #ter-filter-toggler { position:relative; z-index:2; display:inline-block; border-right: 12px solid #fff; } #ter-filter-toggle .bu { background: url(/typo3conf/ext/t3org_template/css/../i/dark-grey.png) repeat-x 0 0; border-color: #8b8b8b; } #ter-filter-toggle .bu span { background: url('/typo3conf/ext/t3org_template/css/../i/i-arrows.png') no-repeat -992px -397px; padding-left: 12px; } #ter-filter-toggle.ter-toggle-showLess .bu span { background-position: -352px -436px; } #tx-solr-faceting .facet { padding-top: 8px; clear: both; } .ter-ext-list-search #tx-solr-faceting .facet label { padding-left: 3px; } .ter-ext-list-search #tx-solr-faceting .facet-state label { text-transform: capitalize; } .ter-ext-list-search #tx-solr-faceting .facet-option { width: 33%; float: left; }