/* HTML5 0 Boilerplate style.css contains a reset, font normalization and some base styles. credit is left where credit is due. much inspiration was taken from these projects: yui.yahooapis.com/2.8.1/build/base/base.css camendesign.com/design/ praegnanz.de/weblog/htmlcssjs-kickstart html5doctor.com Reset Stylesheet (Eric Meyer's Reset Reloaded + HTML5 baseline) v1.4 2009-07-27 | Authors: Eric Meyer & Richard Clark html5doctor.com/html-5-reset-stylesheet/ html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video*/ /*fonts*/ #INVALID-RULE { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } /*article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section*/ #INVALID-RULE { display: block; } NAV UL { list-style: none; } BLOCKQUOTE, Q { quotes: none; } BLOCKQUOTE:before, BLOCKQUOTE:after, Q:before, Q:after { content: ""; content: none; } A { margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent; } INS { background-color: #ff9; color: #000; text-decoration: none; } MARK { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; } DEL { text-decoration: line-through; } ABBR[title], DFN[title] { border-bottom: 1px dotted #000000; cursor: help; } /*tables still need cellspacing="0" in the markup*/ TABLE { border-collapse: collapse; border-spacing: 0; } HR { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; } INPUT, SELECT { vertical-align: middle; } IMG { border: 0px; } /*END RESET CSS fonts.css from the YUI Library: developer.yahoo.com/yui/ Refer to developer.yahoo.com/yui/3/cssfonts/ for font sizing percentages There are three custom edits: * remove arial, helvetica from explicit font stack * we normalize monospace styles ourselves * table font-size is reset in the HTML5 reset above so there is no need to repeat */ BODY { font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size: 16px; letter-spacing: 0.2px; } /*hack retained to preserve specificity*/ SELECT, INPUT, TEXTAREA, BUTTON { font: 99%; } /*normalize monospace sizing * en.wikipedia.org/wiki/MediaWiki_talk:Common.css/Archive_11#Teletype_style_fix_for_Chrome */ PRE, CODE, KBD, SAMP { font-family: monospace, sans-serif; } /* * minimal base styles */ BODY, SELECT, INPUT, TEXTAREA { /*#444 looks better than black: twitter.com/H_FJ/statuses/11800719859*/ color: #888; /*set your base font here, to apply evenly font-family: Georgia, serif;*/ } #content { } /*Headers (h1,h2,etc) have no default font-size or margin, you'll want to define those yourself.*/ H1, H2, H3, H4, H5, H6 { font-weight: bold; } /*always force a scrollbar in non-IE*/ HTML { overflow-y: scroll; } /*Accessible focus treatment: people.opera.com/patrickl/experiments/keyboard/test*/ A:hover, A:active { outline: none; } A, A:active, A:visited { } A:hover { } a { outline: 0; } UL, OL { margin-left: 0; padding-left: 0; } OL { list-style-type: decimal; } /*Remove margins for navigation lists*/ NAV UL, NAV LI { margin: 0; } STRONG, TH { font-weight: bold; } TD, TD IMG { vertical-align: top; } SUB { vertical-align: sub; font-size: smaller; } SUP { vertical-align: super; font-size: smaller; } PRE { padding: 15px; /*www.pathf.com/blogs/2008/05/formatting-quoted-code-in-blog-posts-css21-white-space-pre-wrap/*/ white-space: pre; /*CSS2*/ white-space: pre-wrap; /*CSS 2.1*/ white-space: pre-line; /*CSS 3 (and 2.1 as well, actually)*/ word-wrap: break-word; /*IE*/ } TEXTAREA { overflow: auto; } /*thnx ivannikolic! www.sitepoint.com/blogs/2010/08/20/ie-remove-textarea-scrollbars/*/ .ie6 LEGEND, .ie7 LEGEND { margin-left: -7px; } /*thnx ivannikolic! align checkboxes, radios, text inputs with their label by: Thierry Koblentz tjkdesign.com/ez-css/css/base.css*/ /*INPUT[type="radio"] { vertical-align: text-bottom; } INPUT[type="checkbox"] { vertical-align: bottom; } .ie7 INPUT[type="checkbox"] { vertical-align: baseline; } .ie6 INPUT { vertical-align: text-bottom; }*/ /*hand cursor on clickable input elements*/ LABEL, INPUT[type="button"], INPUT[type="submit"], BUTTON { cursor: pointer; } /*webkit browsers add a 2px margin outside the chrome of form elements*/ /* BUTTON, INPUT, SELECT, TEXTAREA { margin: 0; }*/ /*colors for form validity*/ INPUT:valid, TEXTAREA:valid { } INPUT:invalid, TEXTAREA:invalid { /*border-radius: 1px -moz-box-shadow: 0px 0px 5px red*/ -webkit-box-shadow: 0px 0px 5px #ff0000; /*box-shadow: 0px 0px 5px red*/ } .no-boxshadow INPUT:invalid, .no-boxshadow TEXTAREA:invalid { background-color: #f0dddd; } /*These selection declarations have to be separate. No text-shadow: twitter.com/miketaylr/status/12228805301 Also: hot pink.*/ ::-moz-selection { background: #666; color: #fff; text-shadow: none; } ::selection { background: #666; color: #fff; text-shadow: none; } /*j.mp/webkit-tap-highlight-color*/ A:link { -webkit-tap-highlight-color: #ff5e99; } /*make buttons älay nice in IE: www.viget.com/inspire/styling-the-button-element-in-internet-explorer/*/ BUTTON { width: auto; overflow: visible; } /*bicubic resizing for non-native sized IMG: code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/*/ .ie7 IMG { -ms-interpolation-mode: bicubic; } /* * Non-semantic helper classes for image replacement*/ .ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; } /*Hide for both screenreaders and browsers css-discuss.incutio.com/wiki/Screenreader_Visibility*/ .hidden { display: none; visibility: hidden; } /*Hide only visually, but have it available for screenreaders www.webaim.org/techniques/css/invisiblecontent/ & j.mp/visuallyhidden*/ .visuallyhidden { position: absolute !important; clip: rect(1px, 1px, 1px, 1px); /*IE6, IE7*/ clip: rect(1px, 1px, 1px, 1px); } /*Hide visually and from screenreaders, but maintain layout*/ .invisible { visibility: hidden; } /*>> The Magnificent CLEARFIX: Updated to prevent margin-collapsing on child elements << j.mp/bestclearfix*/ .clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; visibility: hidden; } .clearfix:after { clear: both; } /*Fix clearfix: blueprintcss.lighthouseapp.com/projects/15318/tickets/5-extra-margin-padding-bottom-of-page*/ .clearfix { zoom: 1; } /*Primary Styles Author: ThemeShaper */ /* --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- LUXUOS STYLES ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ /* FOUC */ .jsfouc { visibility: hidden; } /* .js .fouc {visibility:hidden;} .js .cuf {visibility:hidden;} */ /* LAYOUT */ .whatsazk { background: url("../imgunit/azk8_all/vorazk9_wasistazk.png"); width: 261px; height: 138px; float: right; margin: -80px 29px 0 -15px; } #wrapper { max-width: 948px; margin: 0 auto; position: relative; } #header { color: #333; width: 948px; float: left; border: 1px solid #ccc; height: 100px; background: #e7dbd5; margin: 10px 0 0; } #logo-media { color: #333; width: 948px; float: left; height: 90px; } #top-menu { color: #333; width: 948px; float: left; height: 52px; padding-left: 17px; z-index: 1002; } #teaser-gold { width: 100%; height: 5px; background: url(../images/teaser-gold.png); margin-bottom: -3px; } #teaser { float: left; width: 100%; color: #333; padding-bottom: 25px; padding-top: 20px; background: url(../images/teaser-background.jpg) repeat-x scroll 0 0 #dedede; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2); } .cssgradients #teaser { float: left; width: 100%; color: #333; padding-bottom: 25px; padding-top: 20px; -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2); box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2); background: -webkit-gradient( linear, 50% 0%, 50% 100%, color-stop(0, rgba(255, 255, 255, 1)), color-stop(0.587, rgba(224, 224, 224, 1)), color-stop(0.633, rgba(230, 230, 230, 1)), color-stop(0.99, rgba(222, 222, 222, 1)), color-stop(0.997, rgba(255, 255, 255, 1)) ); background: -moz-linear-gradient( 50% 0%, rgba(255, 255, 255, 1) 0%, rgba(224, 224, 224, 1) 58.69%, rgba(230, 230, 230, 1) 63.28%, rgba(222, 222, 222, 1) 99.02%, rgba(255, 255, 255, 1) 99.67% ); } .cssgradients #teaser-hight { float: left; width: 948px; color: #333; padding-bottom: 25px; padding-top: 70px; -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2); box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2); background: -webkit-gradient( linear, 50% 0%, 50% 100%, color-stop(0, rgba(255, 255, 255, 1)), color-stop(0.587, rgba(224, 224, 224, 1)), color-stop(0.633, rgba(230, 230, 230, 1)), color-stop(0.99, rgba(222, 222, 222, 1)), color-stop(0.997, rgba(255, 255, 255, 1)) ); background: -moz-linear-gradient( 50% 0%, rgba(255, 255, 255, 1) 0%, rgba(224, 224, 224, 1) 58.69%, rgba(230, 230, 230, 1) 63.28%, rgba(222, 222, 222, 1) 99.02%, rgba(255, 255, 255, 1) 99.67% ); } #teaser-footer { float: left; width: 948px; color: #333; padding-bottom: 25px; padding-top: 20px; background: url(../images/teaser-background.jpg) repeat-x scroll 0 0 #dedede; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2); } .cssgradients #teaser-footer { float: left; width: 948px; color: #333; padding-bottom: 25px; padding-top: 20px; -webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.2); box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.2); background: -webkit-gradient( linear, 50% 0%, 50% 100%, color-stop(0, rgba(255, 255, 255, 1)), color-stop(0.003, rgba(255, 255, 255, 1)), color-stop(0.587, rgba(224, 224, 224, 1)), color-stop(0.633, rgba(230, 230, 230, 1)), color-stop(0.99, rgba(222, 222, 222, 1)) ); background: -moz-linear-gradient( 50% 0%, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 0.003%, rgba(224, 224, 224, 1) 58.69%, rgba(230, 230, 230, 1) 63.28%, rgba(222, 222, 222, 1) 99.02% ); border-top: 1px solid #ffffff; } #teaser-text { padding-left: 35px; } body.p-index #teaser-text h1 { margin: 5px 0 15px 0; } #content { background: url(../images/content_verlauf.jpg) repeat-x; background-color: #f6f6f6; overflow: hidden; width: 100%; } #content_overflow { background: url(../images/content_verlauf.jpg) repeat-x; background-color: #f6f6f6; } #leftcolumn { float: left; padding-left: 35px; padding-top: 35px; padding-bottom: 35px; width: 559px; margin: 0; } #rightcolumn { display: inline; float: right; width: 284px; padding: 35px; padding-top: 35px; } #leftcolumninv { float: right; margin: 0; padding-bottom: 35px; padding-right: 35px; padding-top: 35px; width: 559px; } #rightcolumninv { display: inline; float: left; width: 284px; padding: 35px; padding-top: 35px; } #fullcolumn { padding: 35px; width: 100%; margin: 0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } #footer-widgets { background-color: #595959; clear: both; height: 180px; width: 948px; position: relative; z-index: 3; } #tweet-bar { width: 948px; clear: both; height: 52px; position: relative; z-index: 1; } .tweetList { background: url(../images/twitter-bird-white.png) no-repeat scroll 0 11px transparent; line-height: 52px; margin: 0 0 0 32px; padding: 0 0 0 45px; background-color: red; } .tweetList p { margin: 0; padding: 0; } .footer-widgets { clear: both; background: url(../images/gradient-lines.png) #595959; } .one_half { width: 48%; } .one_third { width: 30.66%; } .two_third { width: 65.33%; } .one_fourth { width: 230px; } .three_fourth { width: 74%; } .one_fifth { width: 16.8%; } .two_fifth { width: 37.6%; } .three_fifth { width: 58.4%; } .four_fifth { width: 77.2%; } .one_sixth { width: 13.33%; } .five_sixth { width: 82.67%; } .one_half, .one_third, .two_third, .three_fourth, .one_fourth, .one_fifth, .two_fifth, .three_fifth, .four_fifth, .one_sixth, .five_sixth { position: relative; margin-right: 5px; float: left; } .last { margin-right: 0 !important; clear: right; } .snippet { margin-bottom: 20px; } .inner { padding-left: 15px; padding-right: 15px; } .portfolio-2 { width: 260px; } /* GENERAL */ .clear-both { clear: both; } .alignleft { float: left; margin: 2px 16px 2px 0px; } .alignright { float: right; margin: 2px 2px 2px 16px; } .aligncenter { text-align: center; } .noalign { width: 100%; margin: 0px 0 3px 0; } p { margin: 15px 0px; padding: 0; } /* SEARCH */ .search input[type="text"] { background: #dfe6ff; } #jquery-live-search { -webkit-border-radius: 5px; border-radius: 5px; -webkit-box-sizing: border-box; box-sizing: border-box; margin-left: -3px; width: 267px !important; z-index: 1000000; background: rgba(255, 255, 255, 0.9); max-height: 625px; overflow-y: auto; top: 85px !important; } #jquery-live-search li { padding: 5px 10px; -webkit-border-radius: 5px; border-radius: 5px; text-transform: none; color: #2b2b2b; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; } #jquery-live-search li:hover { background: #f8f8f8; } /* Mediacenter - TOOLTIP */ .tooltip_content { display: none; position: absolute; top: 265px; font-size: 12px; width: 550px; background: rgba(255, 255, 255, 0.8); z-index: 25000; padding: 10px; -webkit-box-shadow: 0 0 9px -1px rgba(0, 0, 0, 0.54); box-shadow: 0 0 9px -1px rgba(0, 0, 0, 0.54); margin: 16px 0 0 0; } .tooltip_content .tipTop { height: 8px; overflow: hidden; position: absolute; width: 15px; top: -8px; left: 130px; } .tooltip_content .tipTop > div { background: #888; height: 10px; left: 2px; position: absolute; top: 2px; -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); width: 10px; } /* jQuery Überschreiben -> Tabs - stylen */ .mc_download.azkTabs.ui-tabs { background: none; } .mc_download .ui-state-default, .mc_download .ui-widget-content .ui-state-default, .mc_download .ui-widget-header .ui-state-default { height: 33px; float: left; background: none; border: none; margin: 5px 8px; } .mc_download .ui-widget-header { border: none; background: none; } .mc_download.ui-widget-content { border: none; } .mc_download .ui-widget-content { border: none; background: #ffffff; } .mc_download .ui-icon-arrowthickstop-1-s { /*display: block;*/ float: left; } .mc_download .ui-tabs-panel { padding: 0 5px 5px 5px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .mc_download .readmore_left { margin: 5px 0 0 0; padding-bottom: 4px; } .mc_download .ui-tabs .ui-tabs-nav .ui-tabs-anchor { padding: 0px !important; } /* SOCIAL MEDIA */ #social { float: right; margin-right: 3px; } #social-list { margin-top: 45px; } #social-list li { display: inline; list-style-type: none; } #social-contact { margin-right: 12px; margin-top: 18px; text-align: right; font-size: 12px; color: #ccc; } /* BAR / HEADER / BOXES / ACCORDION / TOGGLE */ .caps { text-transform: uppercase; letter-spacing: 1.4px; } .azk-menu-black, .azk-menu-black .azk-mobile-toggler-icon > span { background: url(../images/dark-stripe.jpg) repeat-x !important; } body:not(.isMobileDevice) .azk-menu .dropdown:hover .dropdown-menu, body:not(.isMobileDevice) .azk-menu-sub .dropdown:hover .dropdown-menu, body:not(.isMobileDevice) .azk-menu-sub .dropdown:hover .dropdown-menu > .vert-ul { display: block; } body:not(.isMobileDevice) .azk-menu .dropdown#navitemDropdownAzkKonferenzen:hover .dropdown-menu { display: flex; } .sleek-black { background: url(../images/dark-stripe.jpg); -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.6); box-shadow: 0 1px 6px rgba(0, 0, 0, 0.6); height: 53px; color: #ddd; position: relative; clear: both; font-family: arial; font-size: 11px; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; } .sleek-black-thin { background: url(../images/dark-stripe.jpg); -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2); height: 12px; color: #ddd; position: relative; clear: both; font-family: arial; font-size: 11px; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; } .boxshadow .subtle-white { margin-bottom: 1px; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2); border: 1px solid #fff; font-size: 11px; height: 50px; background-color: #dbdbdb; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; } .subtle-white { margin-bottom: 1px; background: url(../images/light-bar.jpg) repeat-x scroll 0 0 transparent; border: 1px solid #dddddd; font-size: 11px; height: 50px; } .header-content-left { height: 34px; padding-top: 17px; padding-left: 34px; float: left; line-height: 14px; color: #777; font-size: 11px; } .sleek-black .header-content-left { height: 34px; padding-top: 18px; padding-left: 34px; float: left; line-height: 14px; color: #eee; } .header-content-right { height: 32px; padding-top: 19px; padding-left: 34px; float: right; margin-right: 17px; line-height: 14px; } .subtle-white .arrow { background: url(../images/arrow-dark.png) no-repeat scroll 11px 18px transparent; } .sleek-black .arrow { background: url(../images/arrow-light.png) no-repeat scroll 11px 19px transparent; } .subtle-white .arrow-down { background: url(../images/arrow-dark-down.png) no-repeat scroll 11px 18px transparent; } .sleek-black .arrow-down { background: url(../images/arrow-light-down.png) no-repeat scroll 11px 19px transparent; } .date { letter-spacing: 1px; text-transform: uppercase; font-size: 11px; text-decoration: none; } #accwrapper { margin-top: 0px; } #accwrapper .subtle-white:hover { color: #4095eb; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4); background: url(../images/light-bar-hover.jpg) repeat-x scroll 0 0 transparent; } .accordionButton { width: 100%; cursor: pointer; margin-bottom: 6px; clear: both; } .accordionContent { display: block; margin: 15px 15px 18px; } .special-header { margin-bottom: 20px; } .white { color: #eeeeee; font-size: 11px; padding-bottom: 10px; } /* DROPCAPS */ .dropcap1 { display: block; float: left; font-size: 38px; line-height: 20px; margin: 4px 6px -10px 0px; } /* BLOCKQUOTES */ blockquote { font-size: 22px; letter-spacing: 0; line-height: 25px; margin: 12px 20px 2px 2px; padding: 15px; background-color: #f3f3f3; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.35); -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.35); -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.35); border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border: 1px solid #ffffff; background: -webkit-gradient( linear, 50% 0%, 50% 100%, color-stop(0, rgba(255, 255, 255, 1)), color-stop(0.587, rgba(224, 224, 224, 1)), color-stop(0.633, rgba(230, 230, 230, 1)), color-stop(0.99, rgba(222, 222, 222, 1)) ); background: -moz-linear-gradient( 50% 0%, rgba(255, 255, 255, 1) 0%, rgba(224, 224, 224, 1) 58.69%, rgba(230, 230, 230, 1) 63.28%, rgba(222, 222, 222, 1) 99.02%, rgba(255, 255, 255, 1) 99.67% ); } .pullquote-right { font-size: 22px; letter-spacing: 0; line-height: 25px; padding: 15px; background-color: #f3f3f3; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.35); -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.35); -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.35); border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border: 1px solid #ffffff; background: -webkit-gradient( linear, 50% 0%, 50% 100%, color-stop(0, rgba(255, 255, 255, 1)), color-stop(0.587, rgba(224, 224, 224, 1)), color-stop(0.633, rgba(230, 230, 230, 1)), color-stop(0.99, rgba(222, 222, 222, 1)) ); background: -moz-linear-gradient( 50% 0%, rgba(255, 255, 255, 1) 0%, rgba(224, 224, 224, 1) 58.69%, rgba(230, 230, 230, 1) 63.28%, rgba(222, 222, 222, 1) 99.02%, rgba(255, 255, 255, 1) 99.67% ); } .pullquote-left { font-size: 22px; letter-spacing: 0; line-height: 25px; padding: 15px; background-color: #f3f3f3; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.35); -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.35); -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.35); border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border: 1px solid #ffffff; background: -webkit-gradient( linear, 50% 0%, 50% 100%, color-stop(0, rgba(255, 255, 255, 1)), color-stop(0.587, rgba(224, 224, 224, 1)), color-stop(0.633, rgba(230, 230, 230, 1)), color-stop(0.99, rgba(222, 222, 222, 1)) ); background: -moz-linear-gradient( 50% 0%, rgba(255, 255, 255, 1) 0%, rgba(224, 224, 224, 1) 58.69%, rgba(230, 230, 230, 1) 63.28%, rgba(222, 222, 222, 1) 99.02%, rgba(255, 255, 255, 1) 99.67% ); } /* DIVIDERS */ .divider { background: url(../images/indent-divider-vertical.png) repeat-y scroll -6px -3px transparent; padding-left: 15px; color: #8a8a8a; font-size: 10px; letter-spacing: 1px; } /* IMAGES */ .thumb-frame { background-color: #ffffff; border: 1px solid #ddd; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; padding: 4px; } .large-wide-frame { background-color: #ffffff; border: 1px solid #ddd; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; padding: 8px; } .cssgradients .thumb-frame { background-image: 0; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.35); -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.35); -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.35); border: 1px solid #fff; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; padding: 4px; background-image: -webkit-gradient( linear, left top, left bottom, color-stop(0.47, rgb(255, 255, 255)), color-stop(0.87, rgb(242, 242, 242)) ); background-image: -moz-linear-gradient( center top, rgb(255, 255, 255) 47%, rgb(242, 242, 242) 87% ); } .cssgradients .large-wide-frame { background-image: 0; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.35); -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.35); -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.35); border: 1px solid #fff; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; padding: 8px; background-image: -webkit-gradient( linear, left top, left bottom, color-stop(0.47, rgb(255, 255, 255)), color-stop(0.87, rgb(242, 242, 242)) ); background-image: -moz-linear-gradient( center top, rgb(255, 255, 255) 47%, rgb(242, 242, 242) 87% ); } .thumb-title { color: #999; text-decoration: none; } .thumb-rollover { position: relative; overflow: hidden; padding: 2px; } .thumb-rolloverplay { position: relative; overflow: hidden; padding: 2px; } .thumb-rolloverlink { position: relative; overflow: hidden; padding: 2px; } .thumb-rolloveraudio { position: relative; overflow: hidden; padding: 2px; } .thumb-magnify { background: url(../images/search-icon-small-black.png) no-repeat scroll center transparent; display: block; position: absolute; top: 0; left: 0; } .thumb-magnifyplay { background: url(../images/play-icon-small-black.png) no-repeat scroll center rgba(255, 255, 255, 0.5); display: block; position: absolute; top: 0; left: 0; opacity: 0; transition: 0.6s; } .mc_uebersicht_cont > a:hover .thumb-magnifyplay { opacity: 1; } .thumb-magnifylink { background: url(../images/link-icon-small-black.png) no-repeat scroll center transparent; display: block; position: absolute; top: 0; left: 0; } .thumb-magnifyaudio { background: url(../images/audio-icon-small-black.png) no-repeat scroll center transparent; display: block; position: absolute; top: 0; left: 0; } .thumb-wrap { display: block; margin-right: 10px; } .white-magnify { background: url(../images/search-icon-small-white.png) no-repeat scroll 0 13px transparent; display: block; float: right; height: 50px; width: 47px; } .white-magnifyplay { background: url(../images/play-icon-small-white.png) no-repeat scroll 0 13px transparent; display: block; float: right; height: 50px; width: 47px; } .rollover { position: relative; display: block; overflow: hidden; padding: 2px; margin-left: -2px; } .caption { position: absolute; width: 150px; top: -56px; left: 0px; height: 50px; } .caption-header { height: 34px; padding-top: 17px; padding-left: 34px; float: left; line-height: 14px; color: #777; width: 40px; color: #eee; } #right { margin-right: 0px; } .cap-title { font-size: 24px; } .social-image-display { margin: 10px; } .topspace { margin-top: 10px !important; } /* LISTS */ .footer-widgets ul { margin: 0; padding: 0; } #tweet-bar ul li { list-style-type: none; } .large { font-size: 22px; } #breadcrumbs { margin: 0px; clear: both; width: 100%; padding: 10px 0 0 35px; text-transform: uppercase; } #breadcrumbs ul { margin: 0px; padding: 0px; } #breadcrumbs ul li { list-style-type: none; display: inline; float: left; letter-spacing: 0.3px; font-size: 11px; padding-right: 5px; } #breadcrumbs ul li a { color: #999; } #breadcrumbs ul li a:hover { color: #4095eb; } #breadcrumbs-home { margin: 0px; clear: both; width: 100%; padding: 15px 0 0 35px; text-transform: uppercase; } #breadcrumbs-home ul { margin: 0px; padding: 0px; } #breadcrumbs-home ul li { list-style-type: none; display: inline; float: left; letter-spacing: 0.3px; font-size: 11px; padding-right: 5px; } #breadcrumbs-home ul li a { color: #999; } #breadcrumbs-home ul li a:hover { color: #4095eb; } #pagination { margin: 0px; padding: 0px; clear: both; padding-top: 20px; } #pagination li { list-style-type: none; display: inline; float: left; letter-spacing: 0.3px; font-size: 11px; padding-right: 5px; } #pagination li a, button { color: #888888; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2); background: url(../images/light-bar.jpg) repeat-x scroll 0 0 transparent; border: 1px solid #fff; font-size: 10px; height: 50px; background-color: #dbdbdb; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; padding: 6px; font-size: 11px; margin-right: 4px; padding: 8px; } #pagination li a:hover, button:hover { color: #4095eb; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4); background: url(../images/light-bar-hover.jpg) repeat-x scroll 0 0 transparent; } button { padding: 10px 20px 10px 20px; height: auto; } /* .footer-widgets ul li { list-style-type: none; line-height: 22px; border-right: 2px solid #333; padding-left: 5px } */ .footer-widgets ul li a { text-decoration: none; color: #c3c3c3; } .footer-widgets ul li a:hover { color: #5b6bf0; } .footer-widgets .title { color: #f0d740; } .thumb-list, .link-list { border-top: 1px solid #e3e3e3; margin-top: 20px; padding-left: 0; margin-bottom: 20px; } .thumb-list .date { line-height: 38px; color: #bbb; } .thumb-list ul { margin: 0px; padding: 0px; } .thumb-list li { list-style-type: none; border-bottom: 1px solid #e3e3e3; padding-bottom: 10px; padding-top: 15px; } .last ul li { border: 0; } .link-list li { list-style-type: none; border-bottom: 1px solid #e3e3e3; padding-bottom: 8px; padding-top: 8px; } .link-list li a { padding-left: 15px; text-decoration: none; } #rightcolumn ul, .thumb_list, #footer ul { list-style: none outside none; margin-left: 0; padding-left: 0; line-height: 20px; margin-bottom: 20px; } .sub-header { float: left; padding-left: 35px; padding-top: 15px; } .sub-header ul { margin: 0px; padding: 0px; } .sub-header ul li { margin: 0px; padding: 0px; list-style-type: none; display: inline; } ul.arrow_list li { background-position: -5px 2px; background-repeat: no-repeat; display: block; padding-bottom: 5px; padding-left: 15px; background-image: url("../images/small-rightarrow.png"); } ul.check_list li { background-image: url("../images/tick.png"); background-position: -5px -1px; background-repeat: no-repeat; display: block; padding-left: 18px; } ul.bullet_list li { background-image: url("../images/dot.png"); background-position: -5px -2px; background-repeat: no-repeat; display: block; padding-bottom: 5px; padding-left: 18px; } /* MENU */ .downarrowclass { position: absolute; right: 3px; top: 19px; } .rightarrowclass { position: absolute; right: 10px; top: 14px; } #tweet-bar ul li a, a { text-decoration: none; color: #999; } * html .bottom-menu ul li a { display: inline-block; } span.minfont { font-size: 0.8em; } span.minfont05 { font-size: 0.6em; } /* HEADERS */ .no-arrow { padding-left: 25px !important; } .simple_overlay { display: none; z-index: 10000; background-color: #333; width: 675px; height: 200px; border: 1px solid #666; -moz-box-shadow: 0 0 90px 5px #000; -webkit-box-shadow: 0 0 90px #000; } .simple_overlay .close { background-image: url(../img/overlay/close.png); position: absolute; right: -15px; top: -15px; cursor: pointer; height: 35px; width: 35px; } #triggers { text-align: center; } #triggers img { cursor: pointer; background-color: #fff; border: 1px solid #ccc; -moz-border-radius: 4px; -webkit-border-radius: 4px; margin: 0 5px; padding: 2px; } .details { position: absolute; top: 15px; right: 15px; font-size: 11px; color: #fff; width: 150px; } .details h3 { color: #aba; font-size: 15px; margin: 0 0 -10px; } h1 { font-size: 34px; margin: 0; padding: 0; } h2 { font-size: 26px; margin: 0; padding: 0; } h3 { font-size: 21px; margin: 0; padding: 0; } h4 { font-size: 12px; margin: 0; padding: 0; text-transform: uppercase; } h5 { font-size: 10px; margin: 0; padding: 0; text-transform: uppercase; } .blurb { color: #999; line-height: 22px; display: block; margin-top: 0px; padding-top: 0px; font-size: 24px; } /* LINKS */ a:hover, li a:hover { color: #4095eb; text-decoration: none; } #bottom-menu ul li a:hover, #tweet-bar ul li a:hover { color: #4095eb; } .cuf a:hover { color: #fff; text-decoration: none; } button:hover { color: #4095eb; } .arrow-link { color: #666 !important; background-image: url("../images/light-bar.jpg"); font-size: 0.8rem; } .arrow-link i.fa { font-size: 11px; } .arrow-link:hover { color: #333 !important; background-image: url("../images/light-bar-hover.jpg"); } .arrow-link-big { color: #666 !important; background-image: url("../images/light-bar.jpg"); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.35); -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.35); -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.35); border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border: 1px solid #ffffff; display: block; height: 40px; letter-spacing: 1.2px; padding: 4px 10px 6px; font-size: 11px; letter-spacing: 1.2px; } .arrow-link-big:hover { color: #333 !important; background-image: url("../images/light-bar-hover.jpg"); box-shadow: 0 0px 4px rgba(0, 0, 0, 0.4); -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4); -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4); border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border: 1px solid #ffffff; display: block; height: 40px; letter-spacing: 1.2px; padding: 4px 10px 6px; font-size: 11px; letter-spacing: 1.2px; } .top-margin { margin-top: 15px; } .top-margin:hover { margin-top: 15px; } #content a { color: #555; } .smaller.smaller { font-size: 0.75rem; } /* --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- END LUXUOS STYLES ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ /* --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- UNI-FORM DEFAULT by DRAGAN BABIC (v2) | Wed, 31 Mar 10 ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ Copyright (c) 2010, Dragan Babic Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions: The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ .uniForm { margin: 0; position: relative; z-index: 1; padding: 5px 0 0; } .uniForm fieldset { border-left: 0 none; border-right: 0 none; border-top: 1px solid; margin: 0; padding: 0; border-bottom: 1px solid; border-color: #e3e3e3; } .uniForm fieldset legend { margin: 0; padding: 0; } .uniForm .ctrlHolder, .uniForm .buttonHolder { margin: 0; padding: 0; clear: both; } .uniForm:after, .uniForm .buttonHolder:after, .uniForm .ctrlHolder:after, .uniForm .ctrlHolder .multiField:after, .uniForm .inlineLabel:after { content: "."; display: block; height: 0; line-height: 0; font-size: 0; clear: both; min-height: 0; visibility: hidden; } .uniForm label, .uniForm button { cursor: pointer; } .uniForm label, .uniForm .label { display: block; float: none; margin: 0 0 0.5em 0; padding: 0; line-height: 100%; width: auto; } .uniForm .textInput, .uniForm .fileUpload, .uniForm .selectInput, .uniForm select, .uniForm textarea { float: left; width: 53%; margin: 0; } .uniForm .readOnlyLabel { margin: 0; font-size: 1em; font-weight: bold; } .uniForm .readOnly { font-size: 0.85em; } .uniForm .readOnly .choiceLabel { color: #777; text-transform: uppercase; font-size: 0.75em; letter-spacing: 0.15em; } .uniForm .formHint { float: right; width: 43%; margin: 0; clear: none; } .uniForm ul { float: left; width: 53%; margin: 0; padding: 0; } .uniForm ul li { margin: 0 0 0.5em 0; list-style: none; } .uniForm ul li label { margin: 0; float: none; display: block; overflow: visible; } .uniForm ul.alternate li { float: left; width: 30%; margin-right: 3%; } .uniForm ul.alternate li label { float: none; display: block; width: 98%; } .uniForm ul .textInput, .uniForm ul .selectInput, .uniForm ul select, .uniForm ul.alternate .textInput, .uniForm ul.alternate .selectInput, .uniForm ul.alternate select { width: 98%; margin-top: 0.5em; display: block; float: none; } .uniForm label em, .uniForm .label em { float: left; width: 1em; margin: 0 0 0 -1em; } .uniForm .inlineLabels label, .uniForm .inlineLabels .label, .uniForm .inlineLabels .readOnlyLabel { float: left; padding: 0; line-height: 1; position: relative; width: 32%; } .uniForm .inlineLabels .readOnlyLabel { margin: 0; } .uniForm .inlineLabels .textInput, .uniForm .inlineLabels .fileUpload, .uniForm .inlineLabels .selectInput, .uniForm .inlineLabels select, .uniForm .inlineLabels textarea { float: left; width: 64%; } .uniForm .inlineLabels .formHint { clear: both; float: none; width: auto; margin-left: 34%; position: static; } .uniForm .inlineLabels ul { float: left; width: 66%; } .uniForm .inlineLabels ul li { margin: 0.5em 0; } .uniForm .inlineLabels ul li label { float: none; display: block; width: 100%; } .uniForm .inlineLabels ul.alternate li { margin-right: 3%; margin-top: 0.25em; } .uniForm .inlineLabels ul li label .textInput, .uniForm .inlineLabels ul li label textarea, .uniForm .inlineLabels ul li label select { float: none; display: block; width: 98%; } .uniForm .inlineLabels .readOnly { float: right; width: 66%; } .uniForm .inlineLabels label em, .uniForm .inlineLabels .label em { display: block; float: none; margin: 0; position: absolute; right: 0; } .uniForm legend { color: inherit; } .uniForm .secondaryAction { float: left; } .uniForm .inlineLabel input, .uniForm .inlineLabels .inlineLabel input, .uniForm .blockLabels .inlineLabel input, .uniForm label input { float: none; display: inline; margin: 0; padding: 0; border: none; } .uniForm .buttonHolder .inlineLabel, .uniForm .buttonHolder label { float: left; margin: 0.5em 0 0 0; width: auto; max-width: 60%; text-align: left; } .uniForm .inlineLabels .noLabel ul { margin-left: 34%; } .uniForm .small { width: 30% !important; } .uniForm .medium { width: 45% !important; } .uniForm .large { } .uniForm .auto { width: auto !important; height: auto !important; } .uniForm .small, .uniForm .medium, .uniForm .auto { margin-right: 4px; } .uniForm .col { float: left; } .uniForm .col { width: 50%; } .uniForm { } .uniForm legend { font-weight: bold; font-size: 100%; margin: 0; padding: 1.5em 0; } .uniForm .ctrlHolder { border-bottom: 1px solid #e3e3e3; min-height: 52px; padding: 28px 20px; border-bottom: 1px solid #e3e3e3; } .uniForm .ctrlHolder.focused { background: #f6f6f6; } .uniForm .inlineLabels .noLabel { } .uniForm .buttonHolder { text-align: right; margin: 1.5em 0 0 0; padding: 1.5em; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; -khtml-border-radius: 4px; } .uniForm .buttonHolder .primaryAction { } .uniForm .buttonHolder .primaryAction:hover { } .uniForm .buttonHolder .primaryAction:active { position: relative; top: 1px; } .uniForm .secondaryAction { text-align: left; } .uniForm button.secondaryAction { background: transparent; border: none; color: #777; margin: 1.25em 0 0 0; padding: 0; } .uniForm .inlineLabels label em, .uniForm .inlineLabels .label em { font-style: normal; font-weight: bold; } .uniForm label small { font-size: 0.75em; color: #777; } .uniForm .textInput { background: url("../images/input-large.jpg") no-repeat scroll 0 0 transparent; height: 18px; width: 337px !important; } .uniForm textarea { background: url("../images/textarea-large.jpg") no-repeat scroll transparent; height: 165px !important; padding-left: 6px; width: 344px !important; } .uniForm .textInput, .uniForm textarea { padding: 4px; border: 0px solid #aaa; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size: 11px; } select { font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size: 11px; } .uniForm textarea { height: 12em; } .uniForm select { background-color: #f6f6f6; border: 1px solid #e6e6e6; height: 25px; } .uniForm .fileUpload { } .uniForm ul { } .uniForm li { } .uniForm ul li label { } .uniForm .small { } .uniForm .medium { } .uniForm .large { } .uniForm .auto { } .uniForm .small, .uniForm .medium, .uniForm .auto { } .uniForm .ctrlHolder .textInput:focus, .uniForm .ctrlHolder textarea:focus { outline: none; } .uniForm .formHint { color: #777; } .uniForm .inlineLabels .formHint { padding-top: 0.5em; } .uniForm .ctrlHolder.focused .formHint { color: #333; } .uniForm #errorMsg { background: #ffdfdf; border: 1px solid #f3afb5; margin: 0 0 1.5em 0; padding: 0 1.5em; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; -khtml-border-radius: 4px; } .uniForm #errorMsg h3 { } .uniForm #errorMsg ol { margin: 0 0 1.5em 0; padding: 0; } .uniForm #errorMsg ol li { margin: 0 0 3px 1.5em; padding: 7px; background: #f6bec1; position: relative; font-size: 0.85em; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; -khtml-border-radius: 4px; } .uniForm .ctrlHolder.error, .uniForm .ctrlHolder.focused.error { background: none repeat scroll 0 0 #f6f6f6; border-left: 5px solid #ff0000; } .uniForm .ctrlHolder.error p { color: #ff0000; } .uniForm .ctrlHolder.error input.error, .uniForm .ctrlHolder.error select.error, .uniForm .ctrlHolder.error textarea.error { color: #af4c4c; padding: 4px; } .uniForm #okMsg { background: #c8ffbf; border: 1px solid #a2ef95; margin: 0 0 1.5em 0; padding: 1.5em; text-align: center; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; -khtml-border-radius: 4px; } .uniForm #okMsg p { margin: 0; } .uniForm .col { } .uniForm .col.first { } .uniForm .col.last { } .uniForm .col { margin-bottom: 1.5em; } .uniForm .col.first { width: 49%; float: left; clear: none; } .uniForm .col.last { width: 49%; float: right; clear: none; margin-right: 0; } /* --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- LOF SLIDER ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ @charset "utf-8"; .lof-slidecontent, .lof-slidecontent a { color: #fff; } .lof-slidecontent a.readmore { color: #58b1ea; font-size: 95%; } .lof-slidecontent { position: relative; overflow: hidden; background: url("../images/dark-stripe.jpg") repeat-x scroll left bottom transparent; width: 100%; } .lof-slidecontent .preload { height: 100%; width: 100%; position: absolute; top: 0; left: 0; z-index: 100000; text-align: center; background: #fff; } .lof-slidecontent .preload div { height: 100%; width: 100%; background: transparent url(../images/load-indicator.gif) no-repeat scroll 50% 50%; } .lof-main-outer { position: relative; z-index: 3px; overflow: hidden; width: 100%; padding-top: calc(26.5% + 30px + 0.95rem); } .lof-main-item-desc { background: url("../images/transparent_bg_white.png") repeat scroll 0 0 transparent; bottom: 0; left: 0; padding: 5px 35px; position: absolute; text-align: right; width: 878px; } .lof-main-item-desc-white { background: url("../images/transparent_bg_white.png") repeat scroll 0 0 transparent; bottom: 0; left: 0; padding: 15px 35px; position: absolute; text-align: left; width: 878px; } .lof-main-item-desc p { margin: 0 8px; padding: 8px 0; } .lof-main-item-desc h3 { padding: 0; margin: 0; color: black; font-weight: bold; font-size: 15px; } .lof-main-item-desc h2 { padding: 0; margin: 15px 0 0 0px; } .lof-main-item-desc h3 a { margin: 0; background: #c01f25; font-size: 75%; padding: 2px 3px; font-family: "Trebuchet MS", Trebuchet, Arial, Verdana, sans-serif; text-transform: uppercase; text-decoration: none; } .lof-main-item-desc h3 a:hover { text-decoration: underline; } .lof-main-item-desc h3 i { font-size: 70%; } .lof-main-item-desc-white p { margin: 0 8px; padding: 8px 0; } .lof-main-item-desc-white h3 { padding: 0; margin: 0; color: black; font-weight: bold; } .lof-main-item-desc-white h2 { padding: 0; margin: 15px 0 0 0px; } .lof-main-item-desc-white h3 a { margin: 0; background: #c01f25; font-size: 75%; padding: 2px 3px; font-family: "Trebuchet MS", Trebuchet, Arial, Verdana, sans-serif; text-transform: uppercase; text-decoration: none; } .lof-main-item-desc-white h3 a:hover { text-decoration: underline; } .lof-main-item-desc-white h3 i { font-size: 70%; } ul.lof-main-wapper { overflow: hidden; background: transparent url(../images/load-indicator.gif) no-repeat scroll 50% 50%; padding: 0px; margin: 0; position: absolute; overflow: hidden; /* width: 948px; height: 300px; */ top: 0; } ul.lof-main-wapper li { flex: 1 1 100%; flex-flow: column nowrap; overflow: hidden; } .lof-opacity li { position: absolute !important; top: 0; left: 0; float: inherit; } ul.lof-main-wapper li img { padding: 0; height: calc(100% - 45px) !important; } .lof-navigator-wapper { bottom: 0; left: 0; right: 0; padding: 1px 0; position: absolute; z-index: 400; background: url("../images/dark-stripe.jpg") repeat-x scroll left bottom transparent; padding: 0.5rem 1rem 0.45rem 1rem; } .lof-navigator-text { bottom: 10px; left: 37px; padding: 6px 0; position: absolute; } .lof-navigator-outer { position: relative; z-index: -1; height: 180px; width: 310px; overflow: hidden; color: #fff; float: left; } ul.lof-navigator { top: 0; padding: 0; margin: 0; position: absolute; width: 100%; } ul.lof-navigator li { cursor: hand; cursor: pointer; list-style: none; padding: 0; margin-left: 0px; overflow: hidden; float: left; display: block; background: url(../images/slider-btn-off.png) no-repeat center; text-align: center; } ul.lof-navigator li img { border: #666 solid 3px; } ul.lof-navigator li.active, ul.lof-navigator li:hover { background: url(../images/slider-btn-on.png) no-repeat center; } .lof-navigator-wapper .lof-next, .lof-navigator-wapper .lof-previous { display: block; width: 22px; height: 30px; color: #fff; cursor: pointer; } .lof-navigator-wapper .lof-next { float: left; text-indent: -999px; margin-right: 5px; display: none; } .lof-navigator-wapper .lof-previous { float: left; text-indent: -999px; margin-left: 5px; display: none; } /* --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- PRETTYPHOTO ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ div.light_rounded .pp_top .pp_left { background: url(../images/prettyPhoto/light_rounded/sprite.png) -88px -53px no-repeat; } div.light_rounded .pp_top .pp_middle { background: #fff; } div.light_rounded .pp_top .pp_right { background: url(../images/prettyPhoto/light_rounded/sprite.png) -110px -53px no-repeat; } div.light_rounded .pp_content .ppt { color: #000; } div.light_rounded .pp_content_container .pp_left, div.light_rounded .pp_content_container .pp_right { background: #fff; } div.light_rounded .pp_content { background-color: #fff; } div.light_rounded .pp_next:hover { background: url(../images/prettyPhoto/light_rounded/btnNext.png) center right no-repeat; cursor: pointer; } div.light_rounded .pp_previous:hover { background: url(../images/prettyPhoto/light_rounded/btnPrevious.png) center left no-repeat; cursor: pointer; } div.light_rounded .pp_expand { background: url(../images/prettyPhoto/light_rounded/sprite.png) -31px -26px no-repeat; cursor: pointer; } div.light_rounded .pp_expand:hover { background: url(../images/prettyPhoto/light_rounded/sprite.png) -31px -47px no-repeat; cursor: pointer; } div.light_rounded .pp_contract { background: url(../images/prettyPhoto/light_rounded/sprite.png) 0 -26px no-repeat; cursor: pointer; } div.light_rounded .pp_contract:hover { background: url(../images/prettyPhoto/light_rounded/sprite.png) 0 -47px no-repeat; cursor: pointer; } div.light_rounded .pp_close { width: 75px; height: 22px; background: url(../images/prettyPhoto/light_rounded/sprite.png) -1px -1px no-repeat; cursor: pointer; } div.light_rounded #pp_full_res .pp_inline { color: #000; } div.light_rounded .pp_gallery a.pp_arrow_previous, div.light_rounded .pp_gallery a.pp_arrow_next { margin-top: 12px !important; } div.light_rounded .pp_nav .pp_play { background: url(../images/prettyPhoto/light_rounded/sprite.png) -1px -100px no-repeat; height: 15px; width: 14px; } div.light_rounded .pp_nav .pp_pause { background: url(../images/prettyPhoto/light_rounded/sprite.png) -24px -100px no-repeat; height: 15px; width: 14px; } div.light_rounded .pp_arrow_previous { background: url(../images/prettyPhoto/light_rounded/sprite.png) 0 -71px no-repeat; } div.light_rounded .pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; } div.light_rounded .pp_arrow_next { background: url(../images/prettyPhoto/light_rounded/sprite.png) -22px -71px no-repeat; } div.light_rounded .pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; } div.light_rounded .pp_bottom .pp_left { background: url(../images/prettyPhoto/light_rounded/sprite.png) -88px -80px no-repeat; } div.light_rounded .pp_bottom .pp_middle { background: #fff; } div.light_rounded .pp_bottom .pp_right { background: url(../images/prettyPhoto/light_rounded/sprite.png) -110px -80px no-repeat; } div.light_rounded .pp_loaderIcon { background: url(../images/prettyPhoto/light_rounded/loader.gif) center center no-repeat; } div.dark_rounded .pp_top .pp_left { background: url(../images/prettyPhoto/dark_rounded/sprite.png) -88px -53px no-repeat; } div.dark_rounded .pp_top .pp_middle { background: url(../images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat; } div.dark_rounded .pp_top .pp_right { background: url(../images/prettyPhoto/dark_rounded/sprite.png) -110px -53px no-repeat; } div.dark_rounded .pp_content_container .pp_left { background: url(../images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat-y; } div.dark_rounded .pp_content_container .pp_right { background: url(../images/prettyPhoto/dark_rounded/contentPattern.png) top right repeat-y; } div.dark_rounded .pp_content { background: url(../images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat; } div.dark_rounded .pp_next:hover { background: url(../images/prettyPhoto/dark_rounded/btnNext.png) center right no-repeat; cursor: pointer; } div.dark_rounded .pp_previous:hover { background: url(../images/prettyPhoto/dark_rounded/btnPrevious.png) center left no-repeat; cursor: pointer; } div.dark_rounded .pp_expand { background: url(../images/prettyPhoto/dark_rounded/sprite.png) -31px -26px no-repeat; cursor: pointer; } div.dark_rounded .pp_expand:hover { background: url(../images/prettyPhoto/dark_rounded/sprite.png) -31px -47px no-repeat; cursor: pointer; } div.dark_rounded .pp_contract { background: url(../images/prettyPhoto/dark_rounded/sprite.png) 0 -26px no-repeat; cursor: pointer; } div.dark_rounded .pp_contract:hover { background: url(../images/prettyPhoto/dark_rounded/sprite.png) 0 -47px no-repeat; cursor: pointer; } div.dark_rounded .pp_close { width: 75px; height: 22px; background: url(../images/prettyPhoto/dark_rounded/sprite.png) -1px -1px no-repeat; cursor: pointer; } div.dark_rounded .currentTextHolder { color: #c4c4c4; } div.dark_rounded .pp_description { color: #fff; } div.dark_rounded #pp_full_res .pp_inline { color: #fff; } div.dark_rounded .pp_gallery a.pp_arrow_previous, div.dark_rounded .pp_gallery a.pp_arrow_next { margin-top: 12px !important; } div.dark_rounded .pp_nav .pp_play { background: url(../images/prettyPhoto/dark_rounded/sprite.png) -1px -100px no-repeat; height: 15px; width: 14px; } div.dark_rounded .pp_nav .pp_pause { background: url(../images/prettyPhoto/dark_rounded/sprite.png) -24px -100px no-repeat; height: 15px; width: 14px; } div.dark_rounded .pp_arrow_previous { background: url(../images/prettyPhoto/dark_rounded/sprite.png) 0 -71px no-repeat; } div.dark_rounded .pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; } div.dark_rounded .pp_arrow_next { background: url(../images/prettyPhoto/dark_rounded/sprite.png) -22px -71px no-repeat; } div.dark_rounded .pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; } div.dark_rounded .pp_bottom .pp_left { background: url(../images/prettyPhoto/dark_rounded/sprite.png) -88px -80px no-repeat; } div.dark_rounded .pp_bottom .pp_middle { background: url(../images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat; } div.dark_rounded .pp_bottom .pp_right { background: url(../images/prettyPhoto/dark_rounded/sprite.png) -110px -80px no-repeat; } div.dark_rounded .pp_loaderIcon { background: url(../images/prettyPhoto/dark_rounded/loader.gif) center center no-repeat; } div.dark_square .pp_left, div.dark_square .pp_middle, div.dark_square .pp_right, div.dark_square .pp_content { background: url(../images/prettyPhoto/dark_square/contentPattern.png) top left repeat; } div.dark_square .currentTextHolder { color: #c4c4c4; } div.dark_square .pp_description { color: #fff; } div.dark_square .pp_loaderIcon { background: url(../images/prettyPhoto/dark_rounded/loader.gif) center center no-repeat; } div.dark_square .pp_content_container .pp_left { background: url(../images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat-y; } div.dark_square .pp_content_container .pp_right { background: url(../images/prettyPhoto/dark_rounded/contentPattern.png) top right repeat-y; } div.dark_square .pp_expand { background: url(../images/prettyPhoto/dark_square/sprite.png) -31px -26px no-repeat; cursor: pointer; } div.dark_square .pp_expand:hover { background: url(../images/prettyPhoto/dark_square/sprite.png) -31px -47px no-repeat; cursor: pointer; } div.dark_square .pp_contract { background: url(../images/prettyPhoto/dark_square/sprite.png) 0 -26px no-repeat; cursor: pointer; } div.dark_square .pp_contract:hover { background: url(../images/prettyPhoto/dark_square/sprite.png) 0 -47px no-repeat; cursor: pointer; } div.dark_square .pp_close { width: 75px; height: 22px; background: url(../images/prettyPhoto/dark_square/sprite.png) -1px -1px no-repeat; cursor: pointer; } div.dark_square #pp_full_res .pp_inline { color: #fff; } div.dark_square .pp_gallery a.pp_arrow_previous, div.dark_square .pp_gallery a.pp_arrow_next { margin-top: 12px !important; } div.dark_square .pp_nav .pp_play { background: url(../images/prettyPhoto/dark_square/sprite.png) -1px -100px no-repeat; height: 15px; width: 14px; } div.dark_square .pp_nav .pp_pause { background: url(../images/prettyPhoto/dark_square/sprite.png) -24px -100px no-repeat; height: 15px; width: 14px; } div.dark_square .pp_arrow_previous { background: url(../images/prettyPhoto/dark_square/sprite.png) 0 -71px no-repeat; } div.dark_square .pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; } div.dark_square .pp_arrow_next { background: url(../images/prettyPhoto/dark_square/sprite.png) -22px -71px no-repeat; } div.dark_square .pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; } div.dark_square .pp_next:hover { background: url(../images/prettyPhoto/dark_square/btnNext.png) center right no-repeat; cursor: pointer; } div.dark_square .pp_previous:hover { background: url(../images/prettyPhoto/dark_square/btnPrevious.png) center left no-repeat; cursor: pointer; } div.light_square .pp_left, div.light_square .pp_middle, div.light_square .pp_right, div.light_square .pp_content { background: #fff; } div.light_square .pp_content .ppt { color: #000; } div.light_square .pp_expand { background: url(../images/prettyPhoto/light_square/sprite.png) -31px -26px no-repeat; cursor: pointer; } div.light_square .pp_expand:hover { background: url(../images/prettyPhoto/light_square/sprite.png) -31px -47px no-repeat; cursor: pointer; } div.light_square .pp_contract { background: url(../images/prettyPhoto/light_square/sprite.png) 0 -26px no-repeat; cursor: pointer; } div.light_square .pp_contract:hover { background: url(../images/prettyPhoto/light_square/sprite.png) 0 -47px no-repeat; cursor: pointer; } div.light_square .pp_close { width: 75px; height: 22px; background: url(../images/prettyPhoto/light_square/sprite.png) -1px -1px no-repeat; cursor: pointer; } div.light_square #pp_full_res .pp_inline { color: #000; } div.light_square .pp_gallery a.pp_arrow_previous, div.light_square .pp_gallery a.pp_arrow_next { margin-top: 12px !important; } div.light_square .pp_nav .pp_play { background: url(../images/prettyPhoto/light_square/sprite.png) -1px -100px no-repeat; height: 15px; width: 14px; } div.light_square .pp_nav .pp_pause { background: url(../images/prettyPhoto/light_square/sprite.png) -24px -100px no-repeat; height: 15px; width: 14px; } div.light_square .pp_arrow_previous { background: url(../images/prettyPhoto/light_square/sprite.png) 0 -71px no-repeat; } div.light_square .pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; } div.light_square .pp_arrow_next { background: url(../images/prettyPhoto/light_square/sprite.png) -22px -71px no-repeat; } div.light_square .pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; } div.light_square .pp_next:hover { background: url(../images/prettyPhoto/light_square/btnNext.png) center right no-repeat; cursor: pointer; } div.light_square .pp_previous:hover { background: url(../images/prettyPhoto/light_square/btnPrevious.png) center left no-repeat; cursor: pointer; } div.facebook .pp_top .pp_left { background: url(../images/prettyPhoto/facebook/sprite.png) -88px -53px no-repeat; } div.facebook .pp_top .pp_middle { background: url(../images/prettyPhoto/facebook/contentPatternTop.png) top left repeat-x; } div.facebook .pp_top .pp_right { background: url(../images/prettyPhoto/facebook/sprite.png) -110px -53px no-repeat; } div.facebook .pp_content .ppt { color: #000; } div.facebook .pp_content_container .pp_left { background: url(../images/prettyPhoto/facebook/contentPatternLeft.png) top left repeat-y; } div.facebook .pp_content_container .pp_right { background: url(../images/prettyPhoto/facebook/contentPatternRight.png) top right repeat-y; } div.facebook .pp_content { background: #fff; } div.facebook .pp_expand { background: url(../images/prettyPhoto/facebook/sprite.png) -31px -26px no-repeat; cursor: pointer; } div.facebook .pp_expand:hover { background: url(../images/prettyPhoto/facebook/sprite.png) -31px -47px no-repeat; cursor: pointer; } div.facebook .pp_contract { background: url(../images/prettyPhoto/facebook/sprite.png) 0 -26px no-repeat; cursor: pointer; } div.facebook .pp_contract:hover { background: url(../images/prettyPhoto/facebook/sprite.png) 0 -47px no-repeat; cursor: pointer; } div.facebook .pp_close { width: 22px; height: 22px; background: url(../images/prettyPhoto/facebook/sprite.png) -1px -1px no-repeat; cursor: pointer; } div.facebook #pp_full_res .pp_inline { color: #000; } div.facebook .pp_loaderIcon { background: url(../images/prettyPhoto/facebook/loader.gif) center center no-repeat; } div.facebook .pp_arrow_previous { background: url(../images/prettyPhoto/facebook/sprite.png) 0 -71px no-repeat; height: 22px; margin-top: 0; width: 22px; } div.facebook .pp_arrow_previous.disabled { background-position: 0 -96px; cursor: default; } div.facebook .pp_arrow_next { background: url(../images/prettyPhoto/facebook/sprite.png) -32px -71px no-repeat; height: 22px; margin-top: 0; width: 22px; } div.facebook .pp_arrow_next.disabled { background-position: -32px -96px; cursor: default; } div.facebook .pp_nav { margin-top: 0; } div.facebook .pp_nav p { font-size: 15px; padding: 0 3px 0 4px; } div.facebook .pp_nav .pp_play { background: url(../images/prettyPhoto/facebook/sprite.png) -1px -123px no-repeat; height: 22px; width: 22px; } div.facebook .pp_nav .pp_pause { background: url(../images/prettyPhoto/facebook/sprite.png) -32px -123px no-repeat; height: 22px; width: 22px; } div.facebook .pp_next:hover { background: url(../images/prettyPhoto/facebook/btnNext.png) center right no-repeat; cursor: pointer; } div.facebook .pp_previous:hover { background: url(../images/prettyPhoto/facebook/btnPrevious.png) center left no-repeat; cursor: pointer; } div.facebook .pp_bottom .pp_left { background: url(../images/prettyPhoto/facebook/sprite.png) -88px -80px no-repeat; } div.facebook .pp_bottom .pp_middle { background: url(../images/prettyPhoto/facebook/contentPatternBottom.png) top left repeat-x; } div.facebook .pp_bottom .pp_right { background: url(../images/prettyPhoto/facebook/sprite.png) -110px -80px no-repeat; } div.pp_pic_holder a:focus { outline: none; } div.pp_overlay { background: #000; display: none; left: 0; position: absolute; top: 0; width: 100%; z-index: 9500; } div.pp_pic_holder { display: none; position: absolute; width: 100px; z-index: 10000; } .pp_top { height: 20px; position: relative; } * html .pp_top { padding: 0 20px; } .pp_top .pp_left { height: 20px; left: 0; position: absolute; width: 20px; } .pp_top .pp_middle { height: 20px; left: 20px; position: absolute; right: 20px; } * html .pp_top .pp_middle { left: 0; position: static; } .pp_top .pp_right { height: 20px; left: auto; position: absolute; right: 0; top: 0; width: 20px; } .pp_content { height: 40px; } .pp_fade { display: none; } .pp_content_container { position: relative; text-align: left; width: 100%; } .pp_content_container .pp_left { padding-left: 20px; } .pp_content_container .pp_right { padding-right: 20px; } .pp_content_container .pp_details { float: left; margin: 10px 0 2px 0; } .pp_description { display: none; margin: 0 0 5px 0; } .pp_nav { clear: left; float: left; margin: 3px 0 0 0; } .pp_nav p { float: left; margin: 2px 4px; } .pp_nav .pp_play, .pp_nav .pp_pause { float: left; margin-right: 4px; text-indent: -10000px; } a.pp_arrow_previous, a.pp_arrow_next { display: block; float: left; height: 15px; margin-top: 3px; overflow: hidden; text-indent: -10000px; width: 14px; } .pp_hoverContainer { position: absolute; top: 0; width: 100%; z-index: 2000; } .pp_gallery { left: 50%; margin-top: -50px; position: absolute; z-index: 10000; } .pp_gallery ul { float: left; height: 35px; margin: 0 0 0 5px; overflow: hidden; padding: 0; position: relative; } .pp_gallery ul a { border: 1px #000 solid; border: 1px rgba(0, 0, 0, 0.5) solid; display: block; float: left; height: 33px; overflow: hidden; } .pp_gallery ul a:hover, .pp_gallery li.selected a { border-color: #fff; } .pp_gallery ul a img { border: 0; } .pp_gallery li { display: block; float: left; margin: 0 5px 0 0; } .pp_gallery li.default a { background: url(../images/prettyPhoto/facebook/default_thumbnail.gif) 0 0 no-repeat; display: block; height: 33px; width: 50px; } .pp_gallery li.default a img { display: none; } .pp_gallery .pp_arrow_previous, .pp_gallery .pp_arrow_next { margin-top: 7px !important; } a.pp_next { background: url(../images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat; display: block; float: right; height: 100%; text-indent: -10000px; width: 49%; } a.pp_previous { background: url(../images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat; display: block; float: left; height: 100%; text-indent: -10000px; width: 49%; } a.pp_expand, a.pp_contract { cursor: pointer; display: none; height: 20px; position: absolute; right: 30px; text-indent: -10000px; top: 10px; width: 20px; z-index: 20000; } a.pp_close { display: block; float: right; line-height: 22px; text-indent: -10000px; } .pp_bottom { height: 20px; position: relative; } * html .pp_bottom { padding: 0 20px; } .pp_bottom .pp_left { height: 20px; left: 0; position: absolute; width: 20px; } .pp_bottom .pp_middle { height: 20px; left: 20px; position: absolute; right: 20px; } * html .pp_bottom .pp_middle { left: 0; position: static; } .pp_bottom .pp_right { height: 20px; left: auto; position: absolute; right: 0; top: 0; width: 20px; } .pp_loaderIcon { display: block; height: 24px; left: 50%; margin: -12px 0 0 -12px; position: absolute; top: 50%; width: 24px; } #pp_full_res { line-height: 1 !important; } #pp_full_res .pp_inline { text-align: left; } #pp_full_res .pp_inline p { margin: 0 0 15px 0; } div.ppt { color: #fff; display: none; font-size: 17px; margin: 0 0 5px 15px; z-index: 9999; } .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix { display: inline-block; } * html .clearfix { height: 1%; } .clearfix { display: block; } /*SLIDING PANEL*/ .panel { position: absolute; top: 50px; left: 0; display: none; border: 0px solid #ccc; background-color: #111; height: auto; opacity: 1; padding: 15px; top: 145px; -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.6); box-shadow: 0 1px 6px rgba(0, 0, 0, 0.6); color: #ddd; font-family: arial; font-size: 12px; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; } a.trigger { background: #000; border: 0 solid #444444; display: block; left: 0; padding: 15px 68px 15px 28px; position: absolute; text-decoration: none; top: 90px; font-size: 10px; color: #fff !important; background: #111; -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.6); box-shadow: 0 1px 6px rgba(0, 0, 0, 0.6); color: #ddd; font-family: arial; font-size: 10px; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; } #bars { float: left; width: 90px; padding: 15px; } #backgrounds { width: 90px; padding: 15px; } .panel .cuf { font-size: 10px; color: #fff; letter-spacing: 1px; margin-bottom: 10px; } ul { padding: 0; margin: 0; list-style-type: none; } ul li { padding: 0; margin: 0; list-style-type: none; } hr { background-color: #333333; height: 1px; opacity: 1; } .backswitch, .barswitch { color: #999; } .curBack { color: #4095eb; } .curBack:hover { color: #4095eb; } .curBar { color: #4095eb; } .curBar:hover { color: #4095eb; } .footer-widgets { background-color: #595959; } p#txt_refinfo { margin: -7px 0 0 35px; color: #fff; } /* Media queries for responsive design * These follow after primary styles so they will successfully override. Style adjustments for portrait mode goes here Style adjustments for landscape mode goes here Grade-A Mobile Browsers (Opera Mobile, iPhone Safari, Android Chrome) Consider this: www.cloudfour.com/css-media-query-for-mobile-is-fools-gold/ Uncomment if you don't want iOS and WinMobile to mobile-optimize the text for you j.mp/textsizeadjust html { -webkit-text-size-adjust:none; -ms-text-size-adjust:none; } * print styles * inlined to avoid required HTTP connection www.phpied.com/delay-loading-your-print-css/ */ @media print { * { background: transparent !important; color: #444 !important; text-shadow: none !important; } } @media print { A, A:visited { color: #444 !important; text-decoration: underline; } } @media print { A:after { content: " (" attr(href) ")"; } } @media print { ABBR:after { content: " (" attr(title) ")"; } } @media print { .ir A:after { content: ""; } } /*Don't show links for images*/ @media print { PRE, BLOCKQUOTE { border: 1px solid #999; page-break-inside: avoid; } } @media print { THEAD { display: table-header-group; } } /*css-discuss.incutio.com/wiki/Printing_Tables*/ @media print { TR, IMG { page-break-inside: avoid; } } @media print { @page { margin: 0.5cm; } } @media print { P, H2, H3 { orphans: 3; widows: 3; } } @media print { H2, H3 { page-break-after: avoid; } } /*UI ICONS*/ .ui-icon { width: 16px; height: 16px; background-image: url(../images/ui-icons.png); } .ui-state-default .ui-icon { background-image: url(../images/ui-icons.png); } .ui-corner-all { -webkit-border-radius: 4px; border-radius: 4px; } .ui-icon-carat-1-n { background-position: 0 0; } .ui-icon-carat-1-ne { background-position: -16px 0; } .ui-icon-carat-1-e { background-position: -32px 0; } .ui-icon-carat-1-se { background-position: -48px 0; } .ui-icon-carat-1-s { background-position: -64px 0; } .ui-icon-carat-1-sw { background-position: -80px 0; } .ui-icon-carat-1-w { background-position: -96px 0; } .ui-icon-carat-1-nw { background-position: -112px 0; } .ui-icon-carat-2-n-s { background-position: -128px 0; } .ui-icon-carat-2-e-w { background-position: -144px 0; } .ui-icon-triangle-1-n { background-position: 0 -16px; } .ui-icon-triangle-1-ne { background-position: -16px -16px; } .ui-icon-triangle-1-e { background-position: -32px -16px; } .ui-icon-triangle-1-se { background-position: -48px -16px; } .ui-icon-triangle-1-s { background-position: -64px -16px; } .ui-icon-triangle-1-sw { background-position: -80px -16px; } .ui-icon-triangle-1-w { background-position: -96px -16px; } .ui-icon-triangle-1-nw { background-position: -112px -16px; } .ui-icon-triangle-2-n-s { background-position: -128px -16px; } .ui-icon-triangle-2-e-w { background-position: -144px -16px; } .ui-icon-arrow-1-n { background-position: 0 -32px; } .ui-icon-arrow-1-ne { background-position: -16px -32px; } .ui-icon-arrow-1-e { background-position: -32px -32px; } .ui-icon-arrow-1-se { background-position: -48px -32px; } .ui-icon-arrow-1-s { background-position: -64px -32px; } .ui-icon-arrow-1-sw { background-position: -80px -32px; } .ui-icon-arrow-1-w { background-position: -96px -32px; } .ui-icon-arrow-1-nw { background-position: -112px -32px; } .ui-icon-arrow-2-n-s { background-position: -128px -32px; } .ui-icon-arrow-2-ne-sw { background-position: -144px -32px; } .ui-icon-arrow-2-e-w { background-position: -160px -32px; } .ui-icon-arrow-2-se-nw { background-position: -176px -32px; } .ui-icon-arrowstop-1-n { background-position: -192px -32px; } .ui-icon-arrowstop-1-e { background-position: -208px -32px; } .ui-icon-arrowstop-1-s { background-position: -224px -32px; } .ui-icon-arrowstop-1-w { background-position: -240px -32px; } .ui-icon-arrowthick-1-n { background-position: 0 -48px; } .ui-icon-arrowthick-1-ne { background-position: -16px -48px; } .ui-icon-arrowthick-1-e { background-position: -32px -48px; } .ui-icon-arrowthick-1-se { background-position: -48px -48px; } .ui-icon-arrowthick-1-s { background-position: -64px -48px; } .ui-icon-arrowthick-1-sw { background-position: -80px -48px; } .ui-icon-arrowthick-1-w { background-position: -96px -48px; } .ui-icon-arrowthick-1-nw { background-position: -112px -48px; } .ui-icon-arrowthick-2-n-s { background-position: -128px -48px; } .ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; } .ui-icon-arrowthick-2-e-w { background-position: -160px -48px; } .ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; } .ui-icon-arrowthickstop-1-n { background-position: -192px -48px; } .ui-icon-arrowthickstop-1-e { background-position: -208px -48px; } .ui-icon-arrowthickstop-1-s { background-position: -224px -48px; } .ui-icon-arrowthickstop-1-w { background-position: -240px -48px; } .ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; } .ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; } .ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; } .ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; } .ui-icon-arrowreturn-1-w { background-position: -64px -64px; } .ui-icon-arrowreturn-1-n { background-position: -80px -64px; } .ui-icon-arrowreturn-1-e { background-position: -96px -64px; } .ui-icon-arrowreturn-1-s { background-position: -112px -64px; } .ui-icon-arrowrefresh-1-w { background-position: -128px -64px; } .ui-icon-arrowrefresh-1-n { background-position: -144px -64px; } .ui-icon-arrowrefresh-1-e { background-position: -160px -64px; } .ui-icon-arrowrefresh-1-s { background-position: -176px -64px; } .ui-icon-arrow-4 { background-position: 0 -80px; } .ui-icon-arrow-4-diag { background-position: -16px -80px; } .ui-icon-extlink { background-position: -32px -80px; } .ui-icon-newwin { background-position: -48px -80px; } .ui-icon-refresh { background-position: -64px -80px; } .ui-icon-shuffle { background-position: -80px -80px; } .ui-icon-transfer-e-w { background-position: -96px -80px; } .ui-icon-transferthick-e-w { background-position: -112px -80px; } .ui-icon-folder-collapsed { background-position: 0 -96px; } .ui-icon-folder-open { background-position: -16px -96px; } .ui-icon-document { background-position: -32px -96px; } .ui-icon-document-b { background-position: -48px -96px; } .ui-icon-note { background-position: -64px -96px; } .ui-icon-mail-closed { background-position: -80px -96px; } .ui-icon-mail-open { background-position: -96px -96px; } .ui-icon-suitcase { background-position: -112px -96px; } .ui-icon-comment { background-position: -128px -96px; } .ui-icon-person { background-position: -144px -96px; } .ui-icon-print { background-position: -160px -96px; } .ui-icon-trash { background-position: -176px -96px; } .ui-icon-locked { background-position: -192px -96px; } .ui-icon-unlocked { background-position: -208px -96px; } .ui-icon-bookmark { background-position: -224px -96px; } .ui-icon-tag { background-position: -240px -96px; } .ui-icon-home { background-position: 0 -112px; } .ui-icon-flag { background-position: -16px -112px; } .ui-icon-calendar { background-position: -32px -112px; } .ui-icon-cart { background-position: -48px -112px; } .ui-icon-pencil { background-position: -64px -112px; } .ui-icon-clock { background-position: -80px -112px; } .ui-icon-disk { background-position: -96px -112px; } .ui-icon-calculator { background-position: -112px -112px; } .ui-icon-zoomin { background-position: -128px -112px; } .ui-icon-zoomout { background-position: -144px -112px; } .ui-icon-search { background-position: -160px -112px; } .ui-icon-wrench { background-position: -176px -112px; } .ui-icon-gear { background-position: -192px -112px; } .ui-icon-heart { background-position: -208px -112px; } .ui-icon-star { background-position: -224px -112px; } .ui-icon-link { background-position: -240px -112px; } .ui-icon-cancel { background-position: 0 -128px; } .ui-icon-plus { background-position: -16px -128px; } .ui-icon-plusthick { background-position: -32px -128px; } .ui-icon-minus { background-position: -48px -128px; } .ui-icon-minusthick { background-position: -64px -128px; } .ui-icon-close { background-position: -80px -128px; } .ui-icon-closethick { background-position: -96px -128px; } .ui-icon-key { background-position: -112px -128px; } .ui-icon-lightbulb { background-position: -128px -128px; } .ui-icon-scissors { background-position: -144px -128px; } .ui-icon-clipboard { background-position: -160px -128px; } .ui-icon-copy { background-position: -176px -128px; } .ui-icon-contact { background-position: -192px -128px; } .ui-icon-image { background-position: -208px -128px; } .ui-icon-video { background-position: -224px -128px; } .ui-icon-script { background-position: -240px -128px; } .ui-icon-alert { background-position: 0 -144px; } .ui-icon-info { background-position: -16px -144px; } .ui-icon-notice { background-position: -32px -144px; } .ui-icon-help { background-position: -48px -144px; } .ui-icon-check { background-position: -64px -144px; } .ui-icon-bullet { background-position: -80px -144px; } .ui-icon-radio-off { background-position: -96px -144px; } .ui-icon-radio-on { background-position: -112px -144px; } .ui-icon-pin-w { background-position: -128px -144px; } .ui-icon-pin-s { background-position: -144px -144px; } .ui-icon-play { background-position: 0 -160px; } .ui-icon-pause { background-position: -16px -160px; } .ui-icon-seek-next { background-position: -32px -160px; } .ui-icon-seek-prev { background-position: -48px -160px; } .ui-icon-seek-end { background-position: -64px -160px; } .ui-icon-seek-start { background-position: -80px -160px; } /* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */ .ui-icon-seek-first { background-position: -80px -160px; } .ui-icon-stop { background-position: -96px -160px; } .ui-icon-eject { background-position: -112px -160px; } .ui-icon-volume-off { background-position: -128px -160px; } .ui-icon-volume-on { background-position: -144px -160px; } .ui-icon-power { background-position: 0 -176px; } .ui-icon-signal-diag { background-position: -16px -176px; } .ui-icon-signal { background-position: -32px -176px; } .ui-icon-battery-0 { background-position: -48px -176px; } .ui-icon-battery-1 { background-position: -64px -176px; } .ui-icon-battery-2 { background-position: -80px -176px; } .ui-icon-battery-3 { background-position: -96px -176px; } .ui-icon-circle-plus { background-position: 0 -192px; } .ui-icon-circle-minus { background-position: -16px -192px; } .ui-icon-circle-close { background-position: -32px -192px; } .ui-icon-circle-triangle-e { background-position: -48px -192px; } .ui-icon-circle-triangle-s { background-position: -64px -192px; } .ui-icon-circle-triangle-w { background-position: -80px -192px; } .ui-icon-circle-triangle-n { background-position: -96px -192px; } .ui-icon-circle-arrow-e { background-position: -112px -192px; } .ui-icon-circle-arrow-s { background-position: -128px -192px; } .ui-icon-circle-arrow-w { background-position: -144px -192px; } .ui-icon-circle-arrow-n { background-position: -160px -192px; } .ui-icon-circle-zoomin { background-position: -176px -192px; } .ui-icon-circle-zoomout { background-position: -192px -192px; } .ui-icon-circle-check { background-position: -208px -192px; } .ui-icon-circlesmall-plus { background-position: 0 -208px; } .ui-icon-circlesmall-minus { background-position: -16px -208px; } .ui-icon-circlesmall-close { background-position: -32px -208px; } .ui-icon-squaresmall-plus { background-position: -48px -208px; } .ui-icon-squaresmall-minus { background-position: -64px -208px; } .ui-icon-squaresmall-close { background-position: -80px -208px; } .ui-icon-grip-dotted-vertical { background-position: 0 -224px; } .ui-icon-grip-dotted-horizontal { background-position: -16px -224px; } .ui-icon-grip-solid-vertical { background-position: -32px -224px; } .ui-icon-grip-solid-horizontal { background-position: -48px -224px; } .ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; } .ui-icon-grip-diagonal-se { background-position: -80px -224px; } /*Styles für benutzerdefinierte Seiten*/ /*********************************************/ /*view.azk*.php*/ .ref_language { width: 16px; height: 11px; border: none; } .btn_trailer { float: right; margin: -45px 35px 0 0; width: 284px; height: 30px; padding: 3px 0 20px 0; } div#link_alert { border-style: solid; border-width: 1px; border-color: #ff7373; width: 850px; height: 180px; padding: 0 12px 0 12px; display: none; } a#btn_linkalert { margin: -12px 0px 0 0; float: right; } /*view.azkvideo.php*/ div#cont_azkvideo { background-color: #000000; text-align: center; display: none; height: 880px; overflow: hidden; } #teaser_video { float: left; width: 800px; height: 40px; color: #333; padding-bottom: 25px; margin: 0 0 0 75px; padding-top: 20px; background: url(../images/teaser-background.jpg) repeat-x scroll 0 0 #dedede; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2); } #pullquote_video { float: left; letter-spacing: 0; line-height: 25px; margin: 0px 20px 7px 75px; padding: 7px; width: 786px; text-align: left; background-color: #f3f3f3; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.35); -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.35); -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.35); border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border: 1px solid #ffffff; background: -webkit-gradient( linear, 50% 0%, 50% 100%, color-stop(0, rgba(255, 255, 255, 1)), color-stop(0.587, rgba(224, 224, 224, 1)), color-stop(0.633, rgba(230, 230, 230, 1)), color-stop(0.99, rgba(222, 222, 222, 1)) ); background: -moz-linear-gradient( 50% 0%, rgba(255, 255, 255, 1) 0%, rgba(224, 224, 224, 1) 58.69%, rgba(230, 230, 230, 1) 63.28%, rgba(222, 222, 222, 1) 99.02%, rgba(255, 255, 255, 1) 99.67% ); } /*view.header.php*/ div#logged_msg { background-color: white; opacity: 0.8; padding: 0 5px 5px 20px; width: 300px; height: 80px; float: right; } div#admin_msg { background-color: white; opacity: 0.8; padding: 0 5px 5px 20px; width: 350px; height: 80px; margin: 0; overflow: scroll; position: absolute; top: 0; } /* view.azz.php */ div.down_cont { background-color: #f7f7f7; padding: 5px; } .right { float: right; } /* view.azk.php */ ul.linkref { float: right; margin: -14px 0 0 0; text-align: right; } /*MEDIA-CENTER*/ .mediaCenter_Content * { color: #2b2b2b; } .mediaCenter_Content { background: url("../imgunit/mediacenter_all/mc_azk_bg.png") #e1e1e1; } .SliderHeadline { font-size: 24px; } .SliderHeadline > span { color: #444; font-size: 0.75em; } .mc_header { font-size: 39px; margin: 0 0 13px; padding: 25px 0 0 20px; } .mc_slider { padding-top: 30px; position: relative; background-color: #e2e2e2; } #mc_video_slider_wrapper, #videoLoader { border: 6px solid #ffffff; padding: 5px; -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.37); box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.37); -webkit-border-radius: 1px; border-radius: 1px; } #videoLoader { padding-bottom: 0px; } #slider_left, #slider_right { float: left; margin-top: 140px; cursor: pointer; } #slider_left { margin-left: 15px; } .mc_cont { padding-top: 30px; background-color: #e1e1e1; } .buttonMC { background: #3b3b3b; -webkit-border-radius: 5px; font-size: 13px; cursor: pointer; } .buttonMC_ansicht { background: #1a1a1a; /* Old browsers */ /* FF3.6+ */ background: -webkit-gradient( linear, left top, right top, color-stop(0%, #1a1a1a), color-stop(100%, #353535) ); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(left, #1a1a1a 0%, #353535 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(left, #1a1a1a 0%, #353535 100%); /* Opera 11.10+ */ /* IE10+ */ background: -webkit-gradient( linear, left top, right top, from(#1a1a1a), to(#353535) ); background: linear-gradient(to right, #1a1a1a 0%, #353535 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1a1a1a', endColorstr='#353535', GradientType=1); /* IE6-9 */ -webkit-border-radius: 5px; border-radius: 5px; display: block; float: left; margin: 5px 8px; padding: 0 29px 0 14px; font-size: 13px; height: 33px; position: relative; cursor: pointer; -webkit-box-shadow: 0 0 4px -1px rgba(0, 0, 0, 0.54); box-shadow: 0 0 4px -1px rgba(0, 0, 0, 0.54); } .mc_downarrowclass { position: absolute; top: 9px; right: 10px; } .mc_ansicht { float: left; margin: 14px 0 0 0; color: #2e2e2e; font-size: 20px; } .mc_video_prtext { padding: 5px 2px 5px 7px; overflow-y: hidden; height: auto; background: #ffffff; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; color: #333; font-size: 14px; line-height: 16px; } .mc_uebersicht_cont .thumb-magnifyplay { height: 160px !important; width: 100% !important; } .mc_uebersicht_headline { color: #2f2f2f; margin: 0 0 15px 0; font-size: 29px; } .mc_uebersicht_topic { color: black; font-size: 14px; height: 283px; line-height: 16px; overflow: auto; margin: 6px 0 0 0; width: 292px; } .mc_uebersicht_topic > b { color: #202020; } .mc_uebersicht_img { /*height: 165px;*/ } .mc_download.azkTabs > ul.publishTabs { width: 375px; margin: 0 auto; } .links { padding-top: 5px; } .mediaCenter_Content #myGallery { height: 0; padding-top: calc(68% + 55px); } /* Advertising for KlaTV, S&G, Tribunal, SasekTV */ #logosad { display: block; position: fixed; left: 50%; top: 38px; margin: 0 0 0 -740px; -ms-transform: scale(0.85); -webkit-transform: scale(0.85); transform: scale(0.85); } .logosad_box { width: 279px; height: 161px; background-color: #e2e2e2; background-color: rgba(226, 226, 226, 0.71); -webkit-box-sizing: border-box; box-sizing: border-box; padding: 3px 0 0 0; margin: 0 0 10px 0; } .logosad_box p { color: #000; } .logosad_box_logo { height: 128px; overflow: hidden; } .logosad_box_logo img { display: block; margin: 0 auto; } .logosad_box_logo p { margin: 0; padding: 0; text-align: center; font-size: 10pt; line-height: 16px; letter-spacing: 0; word-spacing: -1px; } .logosad_box_name { background-color: #5a5c6f; width: 100%; height: 30px; overflow: hidden; } .logosad_box_name p { margin: 0; padding: 0; text-align: center; font-size: 16pt; line-height: 30px; } .logosad_box_name.name_tribunal p { color: #fff; } .logosad_box_name.name_klatv { background-color: #007185; } .logosad_box_name.name_sug { background-color: #9ab5d3; } .logosad_box_name.name_stv { background-color: #c03530; } .clickhere, .logosad_box { -webkit-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; } .clickhere:hover { color: #999; } /* AZK13 Sinn und Ziel */ .azk13-sinnundziel-wrapper { height: 251px; width: 236px; position: absolute; margin-left: 950px; margin-top: -300px; z-index: 2; } .azk13-sinnundziel { background: url(../imgunit/azk13_all/azk13_Was-ist-Ziel-der-AZK_v02.png); height: 251px; width: 236px; } /* Kla-TV über Terror / Krieg & Flüchtlingsströme */ .klatv_container { background-color: #cfd1e4; } .klatv_linkbox { width: 300px; height: 110px; overflow: hidden; font-size: 10pt; display: inline-block; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 5px 0 0 5px; margin: 5px 0 0 0; position: relative; -webkit-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; } .klatv_linkbox:hover { background-color: #fff; background-color: rgba(240, 240, 240, 0.35); -webkit-border-radius: 5px; border-radius: 5px; } .klatv_linkbox:hover .clickhere { text-decoration: underline; } .klatv_header { padding: 15px 0 0 0; } .klatv_linkbox p { margin: 0; line-height: 14px; } .klatv_linkbox p:last-child { position: absolute; bottom: 3px; width: 100%; } .klatv_linkbox > a > img { width: 12px; float: left; margin: 0 3px 0 0; } .klatv_linkinfo span { display: block; float: left; font-size: 10pt; } .klatv_linkinfo span:nth-child(1) { width: 45%; } .klatv_linkinfo span:nth-child(2) { width: 30%; } .klatv_linkinfo span:nth-child(3) { width: 25%; } .klatv_linkinfo span:last-child span { background: #000; color: #fff; padding: 1px 6px 0 1px; } .klatv_linktxt { -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; padding: 3px 0 4px 0; } /*Media-Center-Slider*/ /* New in version 1.7+ */ #slideshow { width: 400px; height: 300px; list-style: none; } /* CSS to expand the image to fit inside colorbox */ #cboxPhoto { width: 100%; height: 100%; margin: 0 !important; } /* Change metallic theme defaults to show thumbnails */ div.anythingControls { bottom: 25px; /* thumbnail images are larger than the original bullets; move it up */ } .anythingSlider-metallic .thumbNav a { background-image: url(); height: 30px; width: 30px; border: #000 1px solid; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; text-indent: 0; } .anythingSlider-metallic .thumbNav a span { visibility: visible; /* span changed to visibility hidden in v1.7.20 */ } /* border around link (image) to show current panel */ .anythingSlider-metallic .thumbNav a:hover, .anythingSlider-metallic .thumbNav a.cur { border-color: #fff; } /* reposition the start/stop button */ .anythingSlider-metallic .start-stop { margin-top: 15px; } /*MESSAGE BOXES*/ /*---------------------------------------------------------------*/ /* 3. MESSAGE BOXES /*---------------------------------------------------------------*/ #content .message_green, #content .message_red, #content .message_blue, #content .message_yellow, .content_full_width .message_green, .content_full_width .message_red, .content_full_width .message_blue, .content_full_width .message_yellow { color: #333; padding: 20px 20px 20px 60px; margin: 0 0 20px 0; } #content .message_green, .content_full_width .message_green { background: #dfe9b7 url(../images/ico1.gif) 20px center no-repeat; border: 1px solid #bac398; } #content .message_red, .content_full_width .message_red { background: #f5dcd8 url(../images/ico3.gif) 20px center no-repeat; border: 1px solid #cdbfbe; font-size: 17px; } #content .message_blue, .content_full_width .message_blue { background: #dae6f2 url(images/_global/ico3.gif) 20px center no-repeat; border: 1px solid #bdc4ca; } #content .message_yellow, .content_full_width .message_yellow { background: #f8f2b6 url(images/_global/ico4.gif) 20px center no-repeat; border: 1px solid #d8d4b7; } #content .message_green a, .content_full_width .message_green a { font-weight: bold; color: #66b500; } #content .message_red a, .content_full_width .message_red a { font-weight: bold; color: #cb2a19; } #content .message_blue a, .content_full_width .message_blue a { font-weight: bold; color: #0092f5; } #content .message_yellow a, .content_full_width .message_yellow a { font-weight: bold; color: #a58100; } #player_niedrigeq_wrapper, #player_hoheq_wrapper { margin: 0 auto; } /* NEUER JW PLAYER 6.7 */ #player_nq { width: 800px; margin: 0 auto; } #player_hq { width: 800px; margin: 0 auto; } /* NEUES AZK-MENU */ .azk-mobile-toggler-icon { width: 30px; height: 23px; } .azk-mobile-toggler-icon > span { display: block; position: absolute; height: 3px; width: 100%; border-radius: 9px; opacity: 1; left: 0; transform: rotate(0deg); transition: 0.25s ease-in-out; } .azk-mobile-toggler-icon > span:nth-child(1) { top: 0; } .azk-mobile-toggler-icon > span:nth-child(2) { top: 10px; } .azk-mobile-toggler-icon > span:nth-child(3) { top: 20px; } .navbar-toggler:not(.collapsed) .azk-mobile-toggler-icon > span:nth-child(1) { top: 11px; transform: rotate(135deg); } .navbar-toggler:not(.collapsed) .azk-mobile-toggler-icon > span:nth-child(2) { opacity: 0; left: -60px; } .navbar-toggler:not(.collapsed) .azk-mobile-toggler-icon > span:nth-child(3) { top: 11px; transform: rotate(-135deg); } nav { z-index: 99999; } .azk-menu-sub > ul > .dropdown { position: initial; } .azk-menu-sub > ul > .dropdown .dropdown-menu.dropdown-menu { inset: initial !important; margin: initial !important; transform: initial !important; left: 0 !important; } .mediaCenter_Content nav ul .dropdown-menu:not(.show) > .vert-ul { display: none; } .mediaCenter_Content nav ul .vert-ul a:hover { background: #fff; box-shadow: 0 0 5px #ddd; } body:not(.isMobileDevice) nav ul li:hover > .vert-ul, body.isMobileDevice nav ul li.open > .vert-ul { display: block; } body:not(.isMobileDevice) nav ul li:hover > a > img.mc_downarrowclass, body.isMobileDevice nav ul li.open > a > img.mc_downarrowclass { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } body:not(.isMobileDevice) .mediaCenter_Content nav > ul > li:hover > a:before, body.isMobileDevice .mediaCenter_Content nav > ul > li > a.show:before { bottom: 0; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(194, 225, 245, 0); border-bottom-color: #fff; border-width: 11px; transform: translatex(-50%); } nav .vert-ul li a:hover { background: #fff !important; } nav ul:after { content: ""; clear: both; display: block; } .mediaCenter_Content nav ul li .btn { background: #1a1a1a; /* Old browsers */ /* FF3.6+ */ background: -webkit-gradient( linear, left top, right top, color-stop(0%, #1a1a1a), color-stop(100%, #353535) ); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(left, #1a1a1a 0%, #353535 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(left, #1a1a1a 0%, #353535 100%); /* Opera 11.10+ */ /* IE10+ */ background: -webkit-gradient( linear, left top, right top, from(#1a1a1a), to(#353535) ); background: linear-gradient(to right, #1a1a1a 0%, #353535 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1a1a1a', endColorstr='#353535', GradientType=1); /* IE6-9 */ opacity: 1; } .searchListItem { padding: 0; margin: 0; height: 50px; float: right; display: block; } .searchListItem:hover { background: none !important; } nav .vert-ul { -webkit-border-radius: 0px; border-radius: 0px; background: -webkit-gradient( linear, left bottom, left top, from(#ddd), color-stop(80%, #fff) ) no-repeat; background: -webkit-linear-gradient(bottom, #ddd, #fff 80%) no-repeat; background: -o-linear-gradient(bottom, #ddd, #fff 80%) no-repeat; background: linear-gradient(0deg, #ddd, #fff 80%) no-repeat; /* top: 100%; */ z-index: 99999; cursor: auto; -webkit-border-radius: 5px; border-radius: 5px; left: 0; } .vidinf { display: none; } .vidinf ul { margin-left: 20px; } #btnLinks_content { display: block; } .nav-langicon { margin-right: 5px; margin-top: -4px; } .padding10 { padding-top: 8px; } /* DIREKTLINKS IM MENU */ nav ul li ul li ul { background: rgba(255, 255, 255, 0.8); color: #000; text-align: left; padding: 5px 0 10px 0; } nav ul li ul li ul li { color: #000; border: none; margin-left: 30px; padding-left: 0; } nav ul li ul li ul li:hover { background: none; } nav ul li ul li ul li a { color: #000 !important; font-size: 14px; padding: 5px 5px 5px 5px; } nav ul li ul li ul h5 { padding: 10px 10px 10px 20px; font-size: 14px; margin: 0; font-weight: normal; white-space: pre-wrap; line-height: 99%; } nav ul li ul li ul li a:hover { color: #000; background: none; } nav ul li ul li ul h4 { font-size: 18px; margin: 0 0 5px 0; padding: 15px 0 0 10px; } nav .nav-link.disabled { cursor: pointer; pointer-events: initial; } #navitemDropdownAzkKonferenzen { position: initial; } #navitemDropdownAzkKonferenzen #navcontentDropdownAzkKonferenzen > li { flex: 1 1 25%; } #navitemDropdownAzkKonferenzen #navcontentDropdownAzkKonferenzen > li:nth-child(1) a { color: #112125; background-color: #e9ecef; } #navitemDropdownAzkKonferenzen #navcontentDropdownAzkKonferenzen > li:nth-child(1) a > span { font-weight: bold; } #navitemDropdownAzkKonferenzen #navcontentDropdownAzkKonferenzen > li:nth-child(1) a > span small { font-weight: normal; } /*Special-Message for different Video-Message*/ button#btn_videooverlay:hover { background: #dbdbdb url("../images/light-bar.jpg") repeat-x scroll 0 0; } a.header-ad:hover { opacity: 0.9; } /****************************** Email form start page + contact form (bottom) ******************************/ .stv-form { font: 95% Arial, Helvetica, sans-serif; max-width: 730px; margin: 10px auto; padding: 16px; height: 70px; margin-left: 45px; background: rgba(255, 255, 255, 0.6); border: 5px rgba(255, 255, 255, 0.2) solid; } .stv-fullpage-form { font: 95% Arial, Helvetica, sans-serif; max-width: 500px; margin: 0 auto; padding: 0; height: auto; background: none; border: none; } .stv-form h1 { background: #d2434c; padding: 15px 0; font-size: 140%; font-weight: 300; text-align: center; color: #fff; margin: -16px -16px 16px -16px; } .stv-form input[type="text"], .stv-form input[type="date"], .stv-form input[type="datetime"], .stv-form input[type="email"], #ouibounce-newsletter-form input[type="email"], .stv-form input[type="number"], .stv-form input[type="search"], .stv-form input[type="time"], .stv-form input[type="url"], .stv-form textarea, .stv-form select { -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; outline: none; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; width: 60%; background: rgba(255, 255, 255, 0.8); margin-bottom: 20px; border: 1px solid #ccc; padding: 10px; color: #555; font: 95% Arial, Helvetica, sans-serif; font-size: 13px; margin-top: 10px; margin-right: 10px; } .stv-form input[type="text"]:focus, .stv-form input[type="date"]:focus, .stv-form input[type="datetime"]:focus, .stv-form input[type="email"]:focus, .stv-form input[type="number"]:focus, .stv-form input[type="search"]:focus, .stv-form input[type="time"]:focus, .stv-form input[type="url"]:focus, .stv-form textarea:focus, .stv-form select:focus { -webkit-box-shadow: 0 0 5px #d13d49; box-shadow: 0 0 5px #d13d49; padding: 10px; border: 1px solid #d13d49; } .stv-form input[type="submit"], .stv-form input[type="button"] { box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; width: 28%; padding: 10px; float: right; font-size: 14px; background: #4551c6; border-bottom: 2px solid #daba32; border-top-style: none; border-right-style: none; border-left-style: none; color: #e1e1e1; margin-top: 10px; } .blueButton { box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; padding: 10px; font-size: 16px; background: #4551c6; border-bottom: 2px solid #daba32; border-top-style: none; border-right-style: none; border-left-style: none; color: #e1e1e1; margin-top: 10px; } .blueButton:hover { color: #e1e1e1; } .stv-form input[type="submit"]:hover, .stv-form input[type="button"]:hover { background: #323232; } .stv-fullpage-form input, .stv-fullpage-form textarea { width: 100% !important; } #subscribeNewsletterBox { z-index: 100000; } #subscribeNewsletterBox .success, #ouibounce-newsletter .success { display: none; font-size: 15px; margin-top: 10px; font-size: 19px; font-family: "Source Sans Pro"; font-style: normal; font-weight: 200; } #subscribeNewsletterBox .success span, #ouibounce-newsletter .success span { font-size: 18px; } #subscribeNewsletterBox .error, #ouibounce-newsletter .error { display: none; font-size: 15px; margin-top: 20px; font-size: 23px; font-family: "Source Sans Pro"; font-style: normal; font-weight: 200; } #subscribeNewsletterBox .title { float: left; width: 30%; font-size: 23px; font-family: "Source Sans Pro"; font-style: normal; font-weight: 200; text-align: left; } #subscribeNewsletterBox .error-validation { display: none; margin-left: 220px; margin-top: -15px; } #msg_videooverlay { background-color: rgba(25, 25, 25, 0.5); } .bottom-menubar { position: fixed; bottom: 0px; right: 0px; height: 34px; width: 380px; } .bottom-menubar .newsletter { padding: 5px 10px; float: right; margin-right: 5px; } .bottom-menubar .contact { padding: 5px 10px; float: right; margin-right: 10px; } .contactButton { background: #e1e1e1; border-bottom: 2px solid #daba32; display: inline-block; cursor: pointer; color: #2e2e2e !important; font-family: "Source Sans Pro"; font-size: 15px; font-weight: 400; padding: 6px 18px 2px 18px; text-decoration: none; border: 1px #daba32 solid; } .contactButton:hover { padding: 6px 18px 2px 18px; background-color: #fff; text-decoration: none; color: #000 !important; } .contactButton:active, .contactButton:focus { padding: 6px 18px 2px 18px; } .bottom-menubar-modal { background: rgba(255, 255, 255, 0.95); border: 4px #4551c6 solid; position: fixed; right: 50px; bottom: 30px; padding: 20px; display: none; height: auto; } .bottom-menubar-modal h3 { font-size: 23px; font-family: "Source Sans Pro"; font-style: normal; font-weight: 200; margin-top: -5px; } .bottom-menubar-modal p { font-size: 16px; font-family: "Source Sans Pro"; font-style: normal; font-weight: 300; width: 90%; } .bottom-menubar-modal .header .close { float: right; padding: 5px; font-size: 21px; margin-right: -3px; margin-top: -8px; cursor: pointer; } .bottom-menubar-modal:after, .bottom-menubar-modal:after { z-index: -1; position: absolute; left: 90%; bottom: -14px; content: ""; width: 0; height: 0; border-top: solid 10px #4551c6; border-left: solid 10px transparent; border-right: solid 10px transparent; } #modal-newsletter .bottom-menubar-modal:after { top: 101.7%; } .modal-contact:after { top: 100.7%; } #modal-newsletter { right: 17px; z-index: 100; } #modal-contact { width: 450px; right: 20px; z-index: 100; } .filters input { display: none; } .filters .icon { text-align: center; display: inline-block; } .filters .icon .fa { visibility: hidden; } .filters input:checked + .icon .fa { visibility: visible; } .btnWait_nl_content01 { display: none; background: #323232; width: 18px; } .btnWait { display: none; float: right; font-size: 14px; margin-top: 10px; font-family: "Source Sans Pro"; padding: 10px 20px; background: #323232; color: #fff !important; } .btnWait:hover { text-decoration: none; padding: 10px 20px; cursor: default; } .btnWait img { height: 12px; margin-right: 5px; } .ist-leben-ocg-hoelle.ist-leben-ocg-hoelle { top: 89px; margin-left: -782px; padding-left: 0; display: block; position: fixed; left: 50%; } .ist-leben-ocg-hoelle img { max-width: 100%; } .ist-leben-ocg-hoelle img.abigail-vorher, .ist-leben-ocg-hoelle img.dpa-jagt-ivo { position: absolute; left: 8%; width: 85%; } .ist-leben-ocg-hoelle img.abigail-vorher { top: 32%; } .ist-leben-ocg-hoelle img.dpa-jagt-ivo { top: 65%; } #searchFormAzkPage input.sbox { color: #666 !important; } @media only screen and (max-width: 1565px) { .ist-leben-ocg-hoelle.ist-leben-ocg-hoelle { left: 0; margin-left: 0; padding-left: 4px; width: -webkit-calc((100vw - 948px) / 2 - 4px); width: calc((100vw - 948px) / 2 - 4px); } } @media only screen and (max-width: 1400px) { #logosad { position: absolute; top: -100px; left: -150px; margin: 0; -ms-transform: scale(0.65); -webkit-transform: scale(0.65); transform: scale(0.65); } .logosad_box { -webkit-transform: rotate(-30deg); -ms-transform: rotate(-30deg); transform: rotate(-30deg); margin-bottom: 35px; } .azk13-sinnundziel-wrapper { -ms-transform: scale(0.7); -webkit-transform: scale(0.7); transform: scale(0.7); margin-left: 850px; margin-top: 50px; } .azk13-sinnundziel { -webkit-transform: rotate(30deg) !important; -ms-transform: rotate(30deg) !important; transform: rotate(30deg) !important; } } /* Startseite Vertikales Menu 20181127 Timon D7 */ .submenu-wrapper { display: block; position: absolute; left: 180px; top: 0; width: 750px; height: 300px; -webkit-transform: scaleX(0); -ms-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 0% 0%; -ms-transform-origin: 0% 0%; transform-origin: 0% 0%; -webkit-transition: -webkit-transform 0.5s; transition: -webkit-transform 0.5s; -o-transition: transform 0.5s; transition: transform 0.5s; transition: transform 0.5s, -webkit-transform 0.5s; } .fadein { -webkit-transform: scaleX(1); -ms-transform: scaleX(1); transform: scaleX(1); } .submenu { position: relative; background: rgb(255, 255, 255); -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5); box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5); height: 297px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .submenu-date, .submenu-item a, #startpage-menu span { color: #777; } #submenu2 .submenu { height: 680px; } #submenu3 .submenu { height: 1580px; } #submenu4 .submenu { height: 1780px; } .submenu-date, #startpage-menu span { font-size: 8px; } #submenu2 { top: -49px; overflow: scroll; } #submenu3 { top: -98px; overflow: scroll; } #submenu4 { top: -147px; overflow: scroll; } #submenu5 { top: -196px; } .submenu-item { text-transform: uppercase; letter-spacing: 1.4px; line-height: 14px; text-decoration: none; font-size: 11px; color: #777; padding: 15px; width: 138px; margin-top: 5px; } /* Startseite 20181115 Timon D7 */ #startpage-menu .headline { display: inline-block; -webkit-border-bottom-right-radius: 3px; border-bottom-right-radius: 3px; -webkit-border-bottom-left-radius: 3px; border-bottom-left-radius: 3px; font-size: 120%; background: #191919; margin-bottom: 3px; color: #f2f2f2; padding: 13px 15px; position: relative; } #start-page-nav { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; width: 178px; } #startpage-menu { background: #d0d5fb; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; padding: 17px 3px 17px 15px; } #start-page-intro { margin-left: 5px; } #startpage-menu .mc_ansicht { display: none; } #startpage-menu .vert-ul { display: none; position: absolute; left: 180px; top: 0; width: 300px; -webkit-border-radius: 5px; border-radius: 5px; text-transform: uppercase; /* font-size: 11px; */ color: #777777; } #startpage-menu .vert-ul { margin-left: 0; } #startpage-menu .vert-ul li { padding: 5px; } #startpage-menu .vert-ul li span { font-size: 8.8px; } .newsletter-registration-form-banner { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; background-color: #3d449e; } .newsletter-registration-form-banner .item { -webkit-box-flex: 1; -webkit-flex: 1 1 50%; -ms-flex: 1 1 50%; flex: 1 1 50%; /*justify-content: center;*/ -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .newsletter-registration-form-banner .item p { color: #fff; } .newsletter-registration-form-banner .item.left { width: 50%; } .newsletter-registration-form-banner .item.left .line1 { font-size: 27px; } .newsletter-registration-form-banner .item.left .line2 { font-size: 18px; margin-top: 5px; display: inline-block; } .newsletter-registration-form-banner .item.middle .email-input-with-icon { background: #fff; padding: 0px 10px; font-size: 18px; padding-right: 0px; background: #edeeff; -webkit-box-flex: 1; -webkit-flex: 1 1 70%; -ms-flex: 1 1 70%; flex: 1 1 70%; } .newsletter-registration-form-banner .item.middle .email-input-with-icon + div { -webkit-box-flex: 1; -webkit-flex: 1 1 30%; -ms-flex: 1 1 30%; flex: 1 1 30%; } .email-input-with-icon { background: #edeeff; -webkit-box-flex: 1; -webkit-flex: 1 1 70%; -ms-flex: 1 1 70%; flex: 1 1 70%; } .nl-startpage-form { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .newsletter-registration-form-banner .item.middle .email-icon-wrapper { color: #010004; padding-right: 5px; } .newsletter-registration-form-banner .item.middle input { border: 0px; padding: 13px 17px; font-size: 12px; font-weight: bold; color: #000; } .newsletter-registration-form-banner .item.middle .email-input-with-icon, .newsletter-registration-form-banner .item.middle input { -webkit-border-radius: 6px; border-radius: 6px; } .newsletter-registration-form-banner .item.middle input { -webkit-border-top-left-radius: 0px; border-top-left-radius: 0px; -webkit-border-bottom-left-radius: 0px; border-bottom-left-radius: 0px; border-left: 2px solid rgb(213, 215, 254); } .newsletter-registration-form-banner .item.middle input::-webkit-input-placeholder, .newsletter-registration-form-banner .item.middle input::-moz-placeholder, .newsletter-registration-form-banner .item.middle input:-ms-input-placeholder, .newsletter-registration-form-banner .item.middle input:-moz-placeholder { color: #9c9ffc !important; } .newsletter-registration-form-banner .item.right button, #nl_content02 button { text-transform: uppercase; padding: 13px 17px; font-size: 12px; font-weight: bold; border: none; -webkit-border-radius: 6px; border-radius: 6px; color: #000; } #newsletter-input-field-startpage { font-size: 14px; } .startpage-content { background-color: #d0d5fb; } .startpage-content .item { } .startpage-content .item.left { width: 67%; margin-right: 3%; } .startpage-content .item.right { width: 30%; } .startpage-content .box-header { background: #1c1c1c; color: #fafafa; padding: 20px; -webkit-border-radius: 6px; border-radius: 6px; font-size: 20px; } .startpage-content .box-header2 { background: #1c1c1c; color: #fafafa; margin-top: 10px; padding: 20px; -webkit-border-radius: 6px; border-radius: 6px; font-size: 20px; } .startpage-content .box-content { display: block; font-size: 16px; background: #fff; padding: 20px; } .startpage-content .box-content.right { display: block; font-size: 16px; background: #fff; padding: 10px; } .startpage-content .box-content .button-helper { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-top: 10px; } /* by this solution https://stackoverflow.com/a/35270047 */ .startpage-content .box-content .button-helper button { margin-left: auto; font-size: 16px; } .startpage-content .box-space-1 { height: 5px; display: block; } .startpage-content .box-space-2 { height: 10px; display: block; } .startpage-content .box-space-3 { height: 15px; display: block; } .startpage-content .box-space-4 { height: 20px; display: block; } .startpage-content .box-content span, .startpage-content .box-content p { color: #000; } .startpage-content .box-content.center { text-align: center; } .startpage-content .box-content h4 { font-size: 120%; font-weight: bold; color: #000; text-transform: none; } .d-inline { display: inline; } .d-block { display: block; } .responsive-width { width: 100%; } @media (min-width: 992px) { .responsive-width { width: 60%; } } /* Optimize Responsive Video-Player */ #mediacenter_slider #videoLoader iframe.ktv { width: 100%; min-height: 100%; } .header-logo-anticontrol { width: 115%; z-index: 300; position: relative; } @media (max-width: 768px) { .header-logo-anticontrol { width: 100%; } } .embed-responsive { position: relative; display: block; width: 100%; padding: 0; overflow: hidden; } .embed-responsive-16by9::before { padding-top: 56.25%; } .embed-responsive::before { display: block; content: ""; } .embed-responsive .embed-responsive-item, .embed-responsive embed, .embed-responsive iframe, .embed-responsive object, .embed-responsive video { position: absolute; top: 0; bottom: 0; left: 0; width: 100%; height: 100%; border: 0; }